<!--HTML--> <link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'> <style type="text/css"> @-webkit-keyframes scarlettimg { 5% {background-color: #A50D0F;} 15% {background-color: #A50D95;} 30% {background-color: #200DA5;} 45% {background-color: #0DA0A5;} 60% {background-color: #30A50D;} 75% {background-color: #A5950D;} 95% {background-color: #A5480D;} } @-moz-keyframes scarlettimg { 0% {background-color: #A50D0F;} 15% {background-color: #A50D95;} 30% {background-color: #200DA5;} 45% {background-color: #0DA0A5;} 60% {background-color: #30A50D;} 75% {background-color: #A5950D;} 95% {background-color: #A5480D;} } @keyframes scarlettimg { 0% {background-color: #A50D0F;} 15% {background-color: #A50D95;} 30% {background-color: #200DA5;} 45% {background-color: #0DA0A5;} 60% {background-color: #30A50D;} 75% {background-color: #A5950D;} 95% {background-color: #A5480D;} } @-webkit-keyframes scarlettimg1 { 30% {background-color: #A50D0F;} 45% {background-color: #A50D95;} 60% {background-color: #200DA5;} 75% {background-color: #0DA0A5;} 95% {background-color: #30A50D;} 5% {background-color: #A5950D;} 15% {background-color: #A5480D;} } @-moz-keyframes scarlettimg1 { 30% {background-color: #A50D0F;} 45% {background-color: #A50D95;} 60% {background-color: #200DA5;} 75% {background-color: #0DA0A5;} 95% {background-color: #30A50D;} 5% {background-color: #A5950D;} 15% {background-color: #A5480D;} } @keyframes scarlettimg1 { 30% {background-color: #A50D0F;} 45% {background-color: #A50D95;} 60% {background-color: #200DA5;} 75% {background-color: #0DA0A5;} 95% {background-color: #30A50D;} 5% {background-color: #A5950D;} 15% {background-color: #A5480D;} } @-webkit-keyframes scarlettimg2 { 60% {background-color: #A50D0F;} 75% {background-color: #A50D95;} 95% {background-color: #200DA5;} 5% {background-color: #0DA0A5;} 15% {background-color: #30A50D;} 30% {background-color: #A5950D;} 45% {background-color: #A5480D;} } @-moz-keyframes scarlettimg2 { 60% {background-color: #A50D0F;} 75% {background-color: #A50D95;} 95% {background-color: #200DA5;} 5% {background-color: #0DA0A5;} 15% {background-color: #30A50D;} 30% {background-color: #A5950D;} 45% {background-color: #A5480D;} } @keyframes scarlettimg2 { 60% {background-color: #A50D0F;} 75% {background-color: #A50D95;} 95% {background-color: #200DA5;} 5% {background-color: #0DA0A5;} 15% {background-color: #30A50D;} 30% {background-color: #A5950D;} 45% {background-color: #A5480D;} } @-webkit-keyframes scarlettimg3 { 95% {background-color: #A50D0F;} 5% {background-color: #A50D95;} 15% {background-color: #200DA5;} 30% {background-color: #0DA0A5;} 45% {background-color: #30A50D;} 60% {background-color: #A5950D;} 75% {background-color: #A5480D;} } @-moz-keyframes scarlettimg3 { 95% {background-color: #A50D0F;} 5% {background-color: #A50D95;} 15% {background-color: #200DA5;} 30% {background-color: #0DA0A5;} 45% {background-color: #30A50D;} 60% {background-color: #A5950D;} 75% {background-color: #A5480D;} } @keyframes scarlettimg3 { 95% {background-color: #A50D0F;} 5% {background-color: #A50D95;} 15% {background-color: #200DA5;} 30% {background-color: #0DA0A5;} 45% {background-color: #30A50D;} 60% {background-color: #A5950D;} 75% {background-color: #A5480D;} } #scarlettbase {height: 150px; width: 250px; margin: 0 auto; position: relative; background-position: top center; background-blend-mode: multiply; background-color: #FFE289; -webkit-animation-name: scarlettimg; -webkit-animation-duration: 15s; -webkit-animation-iteration-count: infinite; -moz-animation-name: scarlettimg; -moz-animation-duration: 15s; -moz-animation-iteration-count: infinite; animation-name: scarlettimg; animation-duration: 15s; animation-iteration-count: infinite;} #scarlettbase1 {height: 150px; width: 250px; margin: 0 auto; position: relative; background-position: top center; background-blend-mode: multiply; background-color: #FFE289; -webkit-animation-name: scarlettimg1; -webkit-animation-duration: 15s; -webkit-animation-iteration-count: infinite; -moz-animation-name: scarlettimg1; -moz-animation-duration: 15s; -moz-animation-iteration-count: infinite; animation-name: scarlettimg1; animation-duration: 15s; animation-iteration-count: infinite;} #scarlettbase2 {height: 150px; width: 250px; margin: 0 auto; position: relative; background-position: top center; background-blend-mode: multiply; background-color: #FFE289; -webkit-animation-name: scarlettimg2; -webkit-animation-duration: 15s; -webkit-animation-iteration-count: infinite; -moz-animation-name: scarlettimg2; -moz-animation-duration: 15s; -moz-animation-iteration-count: infinite; animation-name: scarlettimg2; animation-duration: 15s; animation-iteration-count: infinite;} #scarlettbase3 {height: 150px; width: 250px; margin: 0 auto; position: relative; background-position: top center; background-blend-mode: multiply; background-color: #FFE289; -webkit-animation-name: scarlettimg3; -webkit-animation-duration: 15s; -webkit-animation-iteration-count: infinite; -moz-animation-name: scarlettimg3; -moz-animation-duration: 15s; -moz-animation-iteration-count: infinite; animation-name: scarlettimg3; animation-duration: 15s; animation-iteration-count: infinite;} .porgyandbess {opacity: 1; font-family: bebas neue; font-size: 35px; color: #fff; line-height: 100%; text-align: center; transition:all 0.8s ease in-out; -o-transition:all 0.8s ease-in-out; -moz-transition:all 0.8s ease-in-out; -webkit-transition:all 0.8s ease-in-out; -ms-transition:all 0.8s ease-in-out;} #scarlettbase:hover .porgyandbess {opacity: 0; transition:all 0.8s ease in-out 0.8s; -o-transition:all 0.8s ease-in-out 0.8s; -moz-transition:all 0.8s ease-in-out 0.8s; -webkit-transition:all 0.8s ease-in-out 0.8s; -ms-transition:all 0.8s ease-in-out 0.8s;} #scarlettbase1:hover .porgyandbess {opacity: 0; transition:all 0.8s ease in-out 0.8s; -o-transition:all 0.8s ease-in-out 0.8s; -moz-transition:all 0.8s ease-in-out 0.8s; -webkit-transition:all 0.8s ease-in-out 0.8s; -ms-transition:all 0.8s ease-in-out 0.8s;} #scarlettbase2:hover .porgyandbess {opacity: 0; transition:all 0.8s ease in-out 0.8s; -o-transition:all 0.8s ease-in-out 0.8s; -moz-transition:all 0.8s ease-in-out 0.8s; -webkit-transition:all 0.8s ease-in-out 0.8s; -ms-transition:all 0.8s ease-in-out 0.8s;} #scarlettbase3:hover .porgyandbess {opacity: 0; transition:all 0.8s ease in-out 0.8s; -o-transition:all 0.8s ease-in-out 0.8s; -moz-transition:all 0.8s ease-in-out 0.8s; -webkit-transition:all 0.8s ease-in-out 0.8s; -ms-transition:all 0.8s ease-in-out 0.8s;} .yourdaddysrich {opacity: 0; width: 200px; height: 30px; margin-left: 25px; margin-top: -50px; background-color: rgba(255,255,255,0.85); transition:all 0.8s ease in-out; -o-transition:all 0.8s ease-in-out; -moz-transition:all 0.8s ease-in-out; -webkit-transition:all 0.8s ease-in-out; -ms-transition:all 0.8s ease-in-out;} #scarlettbase:hover .yourdaddysrich {opacity: 1; transition:all 0.8s ease in-out 1.8s; -o-transition:all 0.8s ease-in-out 1.8s; -moz-transition:all 0.8s ease-in-out 1.8s; -webkit-transition:all 0.8s ease-in-out 1.8s; -ms-transition:all 0.8s ease-in-out 1.8s;} #scarlettbase1:hover .yourdaddysrich {opacity: 1; transition:all 0.8s ease in-out 1.8s; -o-transition:all 0.8s ease-in-out 1.8s; -moz-transition:all 0.8s ease-in-out 1.8s; -webkit-transition:all 0.8s ease-in-out 1.8s; -ms-transition:all 0.8s ease-in-out 1.8s;} #scarlettbase2:hover .yourdaddysrich {opacity: 1; transition:all 0.8s ease in-out 1.8s; -o-transition:all 0.8s ease-in-out 1.8s; -moz-transition:all 0.8s ease-in-out 1.8s; -webkit-transition:all 0.8s ease-in-out 1.8s; -ms-transition:all 0.8s ease-in-out 1.8s;} #scarlettbase3:hover .yourdaddysrich {opacity: 1; transition:all 0.8s ease in-out 1.8s; -o-transition:all 0.8s ease-in-out 1.8s; -moz-transition:all 0.8s ease-in-out 1.8s; -webkit-transition:all 0.8s ease-in-out 1.8s; -ms-transition:all 0.8s ease-in-out 1.8s;} </style> <table style=" width: 85%;margin-left: 50px;"><tbody><tr><td><div id="scarlettbase" style="background-image:url(http://ipic.su/img/img4/fs/1444505021.gif);"> <div class="porgyandbess"> <br> <div style="font-family: lobster; letter-spacing: 3px;">I will fear </div>the night again</div> <div class="yourdaddysrich"><div style="width: 200px; height: 1px; position: relative; top: 10px; text-align: center;"> <div style="height: 20px; font-family: calibri; font-size: 9px; color: #7a6c79; text-transform: uppercase; line-height: 100%; margin: 5px;"><a style="font-family: calibri; font-size: 9px; color: #7a6c69; text-transform: uppercase; text-align: center; line-height: 100%; font-weight: bold; margin: 5px;">Руперт, 24</a></div></div></div></div> </td><td><div id="scarlettbase2" style="background-image:url(http://ipic.su/img/img4/fs/1444505023.gif);"> <div class="porgyandbess"> <br> <div style="font-family: lobster; letter-spacing: 3px;">I hope I'm not </div>my only friend</div> <div class="yourdaddysrich"><div style="width: 200px; height: 1px; position: relative; top: 10px; text-align: center;"> <div style="height: 20px; font-family: calibri; font-size: 9px; color: #7a6c79; text-transform: uppercase; line-height: 100%; margin: 5px;"><a style="font-family: calibri; font-size: 9px; color: #7a6c69; text-transform: uppercase; text-align: center; line-height: 100%; font-weight: bold; margin: 5px;">Филипп, 25</a></div></div></div></div> </td> </tr> <tr><td><div id="scarlettbase3" style="background-image:url(http://ipic.su/img/img4/fs/ooooo.1444505024.gif);"> <div class="porgyandbess"> <br> <div style="font-family: lobster; letter-spacing: 3px;">stay alive</div>for me</div> <div class="yourdaddysrich"><div style="width: 200px; height: 1px; position: relative; top: 10px; text-align: center;"> <div style="height: 20px; font-family: calibri; font-size: 9px; color: #7a6c79; text-transform: uppercase; line-height: 100%; margin: 5px;"><a style="font-family: calibri; font-size: 9px; color: #7a6c69; text-transform: uppercase; text-align: center; line-height: 100%; font-weight: bold; margin: 5px;">Аллен, 24</a></div></div></div></div> </td> <td> <div id="scarlettbase1" style="background-image:url(http://funkyimg.com/i/23QBp.gif);"> <div class="porgyandbess"> <br> <div style="font-family: lobster; letter-spacing: 3px;">but now </div>your life is free</div> <div class="yourdaddysrich"><div style="width: 200px; height: 1px; position: relative; top: 10px; text-align: center;"> <div style="height: 20px; font-family: calibri; font-size: 9px; color: #7a6c79; text-transform: uppercase; line-height: 100%; margin: 5px;"><a style="font-family: calibri; font-size: 9px; color: #7a6c69; text-transform: uppercase; text-align: center; line-height: 100%; font-weight: bold; margin: 5px;">Ньют, 25</a></div></div></div></div> </td> </tr> </tbody></table>
[audio][object Window]http://pleer.com/tracks/773196xtId[/audio]
Отредактировано Archie Fischer (2015-10-27 04:29:33)