<!--HTML--><link href="https://fonts.googleapis.com/css?family=Caveat|Comfortaa|Open+Sans+Condensed:300|Yanone+Kaffeesatz" rel="stylesheet" type='text/css'> <style type="text/css"> #taerin { position: relative; width: 400px; height: 400px; overflow: hidden; } #taerin .two { width: 400px; height: 400px; left: 0px; -moz-transition-duration: 1.3s; -webkit-transition-duration: 1.3s; -o-transition-duration: 1.3s; position: absolute; } #taerin:hover .two { left: -400px; -moz-transition-duration: 1.3s; -webkit-transition-duration: 1.3s; -o-transition-duration: 1.3s; } #taerin .perw { width: 400px; height: 400px; background-image: url(http://sf.uploads.ru/UlkLH.png); } #taerin .otstup{ padding-top: 130px; } #taerindwa { width: 400px; height: 400px; background-color: #191919; overflow: hidden; line-height: 100%; } #taerindwa .raz { width: 100px; height: 400px; float: left; } #taerindwa .dwa { width: 180px; height: 380px; padding: 10px; background-color: #111111; float: left; } #taerindwa .tri { float: left; width: 100px; height: 400px; } #taerindwa .otp { text-align: center; font-size: 21px; text-transform: uppercase; font-family: Caveat; color: #8a8a8a; font-weight: normal; padding: 20px; width: 125px; line-height: 100%; margin-top: 10px; } #taerindwa .opisanie { font-family: Open Sans Condensed; font-size: 12px; text-transform: uppercase; letter-spacing: 2.5px; color: #8a8a8a; width: 140px; margin: 25px auto; padding: 5px; line-height: 100%; font-weight: normal; } </style> <center> <div style="width: 400px; height: 400px; border: 3px double rgba(0,0,0,0.1);"> <div id="taerin"><div class="two"> <div class='perw'> <div class='otstup'></div> <div style="color: rgba(255,255,255,0.3); font-family: Comfortaa; text-transform: lowercase; margin-left:16px; letter-spacing: 14px; text-align: center; font-size: 30px;">тучи</div> <div style="color: rgba(255,255,255,0.3); font-family: Comfortaa; text-transform: lowercase; margin-left:8px; letter-spacing: 6.5px; text-align: center; font-size: 15px;">взвалили</div> <div style=" color: rgba(255,255,255,0.3); font-family: Comfortaa; margin-left:96px; text-transform: lowercase; letter-spacing: 94px; text-align: center; font-size: 20px;">на</div><div style=" color: rgba(255,255,255,0.3); font-family: Comfortaa; margin-left:17px; text-transform: lowercase; letter-spacing: 16px; text-align: center; font-size: 17px;"> землю</div><div style=" color: rgba(255,255,255,0.3); font-family: Comfortaa; margin-left:17px; text-transform: lowercase; letter-spacing: 16px; text-align: center; font-size: 15px; line-height: 20px;"> тонны</div> <div style=" color: rgba(255,255,255,0.3); font-family: Comfortaa; margin-left:14px; text-transform: lowercase; letter-spacing: 13px; text-align: center; font-size: 21px;"> дождя</div></div></div> <div id="taerindwa"> <div class="raz" style="background-image:url(http://s8.uploads.ru/FBerx.png);"></div> <div class="dwa"> <div class='otp'>туомо & эрин</div> <div class='opisanie' style="border-right: 1px solid rgba(138,138,138,0.3); text-align:right"> Пару часов<br> <br> и железная птица<br> <br> снова похитит тебя<br> <br> Сколько продлится<br> <br> твоё расстоянье?<br> </div><br> <div class='opisanie' style="border-left: 1px solid rgba(138,138,138,0.3); text-align: left; font-size:11px; letter-spacing:3px; text-transform:lowercase;"> декабрь '26<br> <br> по всему миру </div> </div> <div class="tri" style="background-image:url(http://s7.uploads.ru/aH7xg.png);"></div> </div></div> </div></div> </center>
Отредактировано Erin Ouellette (2018-01-02 20:31:47)