<!--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)











x0
x0
x0
x0



