Ventana (multiusos)

<div class="backSS" style="background: url(https://i.imgur.com/UgEwa8n.jpg) center center"><div class="leftSS"></div><div class="rightSS"><div class="rttSS"><div class="subSS">subtitulo aquí</div><div class="ttSS">Título Monoso Aquí</div><div class="infoSS">•- Información
•- Dato Breve
•- Comentarios
•- Etc x3</div></div></div><div class="centSS"><img src="https://i.imgur.com/1BegVJG.gif" class="mgSS"><div class="ttSS" style="text-align: center;">Otro Título Monoso Aquí</div><div class="textSS">Fruitcake wafer marzipan apple pie icing biscuit jelly beans bonbon marzipan. Biscuit ice cream sesame snaps brownie. Icing chocolate sweet toffee icing wafer icing cheesecake. Tiramisu chupa chups chocolate cake brownie dessert chupa chups.

Chocolate cake powder pie marzipan jelly-o candy carrot cake caramels danish. Cotton candy cake halvah tootsie roll lollipop marzipan jelly beans fruitcake. Pastry gingerbread tiramisu. Pudding gummi bears chocolate ice cream chupa chups.

Lollipop jelly marzipan apple pie pudding sesame snaps gingerbread tootsie roll pudding. Liquorice dessert pudding lollipop tiramisu jelly bear claw. Brownie danish topping.

Pie halvah gingerbread sugar plum apple pie pudding dessert fruitcake lemon drops. Pie jelly beans fruitcake soufflé. Cupcake wafer gummi bears.

Icing tootsie roll cheesecake jelly-o chocolate cake chupa chups sesame snaps marzipan donut. Danish danish cheesecake jelly beans chupa chups jelly beans gingerbread topping icing. Powder wafer muffin toffee caramels donut. Gingerbread danish sweet roll pudding jujubes cheesecake chupa chups.</div></div><div style="font-size: 8px;text-align: center;"><a href="https://emmescodes.tumblr.com/" style="color: #691b2e;">@mm</a></div>

</div><link href="https://fonts.googleapis.com/css?family=Josefin+Sans|Rubik" rel="stylesheet"><style type="text/css">.backSS {width: 500px;height: 500px;margin: auto;border: 1px dashed #ffffff;position: relative;background-size: 510px;}.leftSS, .rightSS {transition-delay: .8s !important; border: 1px solid transparent; width: 100px;height: 498px;background: #ffffff75;position: absolute;transition: .8s;}.rightSS {right: 0px;width: 350px;overflow: hidden;}.backSS:hover .leftSS, .backSS:hover .rightSS {transition-delay: 0s !important;width: 0px}.rttSS {font: 12px Rubik; position: absolute;left: 10px;bottom: 50px;box-shadow: -3px 0px #691b2e9c;margin: 270px 10px 0px;border-left: 8px solid #FFF;padding: 10px;width: 300px;color: #ffffff;text-shadow: 0 0 10px #691b2e, 0 0 5px #691b2e;}.ttSS{padding: 5px 0px;font: 25px Josefin Sans;}.subSS {letter-spacing: 5px;} .backSS:hover .centSS{transform: rotateY(0deg);transition-delay: .8s;} .centSS {transform: rotateY(90deg);transition: .8s;transition-delay: 0s;color: #691b2e; background: #ffffff75;margin: 20px;height: 360px;padding: 50px;}.mgSS {margin: -20px 0px 20px;width: 360px;height: 150px;}.textSS {height: 190px;overflow: auto;background: #ffffff75;padding: 5px;font: 12px rubik;}</style>