Invité
| sidney's phone - (Mer 25 Juil - 1:37) |
slide to unlock namehere your message goes here! l - Spoiler:
- Code:
-
<center><div id="shibi2"><div id="shibi2img"><div class="ptop"><div class="bigtime">3:40<sub>Sunday, March 1st</sub></div></div><div class="stu"><center><div class="stu2"><span class="arrow"><img src="http://i61.tinypic.com/hur5f9.png" /></span> slide to unlock</div></center></div><div class="cell-in"><div class="cell-n">namehere</div><div class="cell-m"><div class="sp">your message goes here! l</div></div></div></div></div><div style="width: 200px; font-family: arial; letter-spacing: 2px; text-align: right; text-transform: uppercase; font-size: 7px;"><a href="http://cttw.jcink.net/index.php?showuser=1763">♥ lauz</a></div></center>
<link href='http://fonts.googleapis.com/css?family=Roboto:300,100' rel='stylesheet' type='text/css'> <style>#shibi2 {width: 318px; height: 595px; background-image: url(http://i59.tinypic.com/2w2eviu.png); position: relative; overflow: hidden;} #shibi2img {width: 254px; height: 453px; position: absolute; overflow: hidden; top: 72px; left: 29px; background-image: url(https://i.pinimg.com/originals/30/e1/d2/30e1d275c2bd60b80ed576ea3c4b46e6.jpg); background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; -ms-background-size: cover; -o-background-size: cover;} #shibi2img .stu {padding: 20px; background-color: rgba(0,0,0,0.85); position: absolute; left: 0px; bottom: 0px; width: 214px; 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; -o-transition: all 0.8s ease-in-out; opacity: 1.0;} #shibi2img:hover .stu {opacity: 0.0;} #shibi2img .stu2 {padding: 10px; border: 1px solid #434343; font-family: roboto; font-weight: 100; color: #5c5c5c; font-size: 20px; border-radius: 10px; text-align: right; opacity: 1.0; transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out; -webkit-transition: all 0.7s ease-in-out; -ms-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out;} #shibi2img:hover .stu2 {opacity: 0.0;} #shibi2img .arrow img {position: absolute; left: 20px; bottom: 20px; width: 54px!important; height: 35px!important; transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out;} #shibi2img:hover .arrow img {left: 150px;} #shibi2img .ptop {position: absolute; top: 0px; left: 0px; width: 254px;height: 91px; background-image: url(http://i57.tinypic.com/21dcfs.jpg); opacity: 1.0; 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; -o-transition: all 0.8s ease-in-out;} #shibi2img:hover .ptop {opacity: 0.0;} .bigtime {position: relative; top: 40px; font-family: roboto; color: #fff; font-weight: 100; font-size: 40px;} .bigtime sub {margin-top: 13px; display: block; font-size: 8px; font-weight: 300; text-transform: uppercase;} #shibi2img .cell-in {width: 254px; height: 453px; background-image: url(http://i57.tinypic.com/2v2jxvn.png); position: absolute; top: 0px; left: 0px; background-color: #fff; opacity: 0.0; transition-delay: 0.0s; -moz-transition-delay: 0.0s; -webkit-transition-delay: 0.0s; -ms-transition-delay: 0.0s; -o-transition-delay: 0.0s; transition-duration: 0.8s; -moz-transition-duration: 0.8s; -webkit-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s;} #shibi2img:hover .cell-in {opacity: 1.0; transition-delay: 0.8s; -moz-transition-delay: 0.8s; -webkit-transition-delay: 0.8s; -ms-transition-delay: 0.8s; -o-transition-delay: 0.8s;} .cell-n {position: absolute; right: 45px; top: 30px; width: 130px; font-family: helvetica; color: #222; font-size: 15px;} .cell-m {width: 244px; height: 350px; overflow: auto; padding-right: 10px; position: absolute; top: 60px; left: 0px;} .sp {position: relative; background: #007aff; padding: 10px; margin: 10px 20px 10px 10px; border-radius: 10px; color: #fff; font-family: helvetica; font-size: 11px; text-align: left; line-height: 95%;} .sp:after { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; border-color: rgba(0, 122, 255, 0); border-left-color: #007aff; border-width: 8px; margin-top: -8px;}</style>
|
|