Partagez
Voir le sujet précédentAller en basVoir le sujet suivant
avatar
Mademoiselle
Admin
Messages : 69
Date d'inscription : 14/03/2017
http://milano.forumactif.com

Original - Simple - Color {grand}

le Dim 23 Avr - 16:07

relationship

c. avalon poltergeist-g

   words    

relationship

hyacinthe o'connor

   words    

relationship

louise a. ryan

   words    

relationship

siham el aoudi

   words    


relationship

olivier navratil-king

   words    

relationship

serge bosart

   words    

relationship

aignéis s. dalgaard

   words    

relationship

siham el aoudi

   words    



Code:
<div class="contenuposte"><link href="http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:700" rel="stylesheet" type="text/css"><style type="text/css">.fearofsleep{width:400px; -webkit-box-shadow: 1px 1px 5px 0px #eee, -1px -1px 5px 0px #eee; -moz-box-shadow:1px 1px 5px 0px #eee, -1px -1px 5px 0px #eee; box-shadow:1px 1px 5px 0px#eee, -1px -1px 5px 0px #eee;}.fearofsleep ::-webkit-scrollbar{background:#fff; width:3px; height:3px; }.fearofsleep ::-webkit-scrollbar-thumb { background:#eee; width:3px }.fearofsleep ::-webkit-scrollbar-corner { background:#fff; }.fearofsleep .box { width:200px; height:300px; overflow:hidden; position:relative; background-color:#eee; }.fearofsleep .headers { position:absolute; top:0px; left:0px; width:200px; height:290px; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; }.fearofsleep .box:hover .headers { -ms-transform: scale(2,4); -webkit-transform: scale(2,4); transform: scale(2,4); opacity:0; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; }.fearofsleep .headers h1 { position:absolute; width:150px; top:130px; left:25px; color:#f1ede3; text-align:center; text-transform:uppercase; font-family:yanone kaffeesatz; font-weight:700; font-size:18px; letter-spacing:2px; line-height:18px; padding-bottom:10px; border-bottom:1px solid #f1ede3; margin:0; }.fearofsleep .headers h2 { margin:0; position:absolute; width:100px; top:169px; left:50px; color:#f1ede3; text-align:center; text-transform:lowercase; font-family:garamond; font-style:italic; font-size:12px; line-height:100%; letter-spacing:1px; font-weight:normal; }.fearofsleep .white { position:absolute; top:-300px; width:200px; height:300px; background-color:#fff; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; }.fearofsleep .box:hover .white { top:0px; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; }.fearofsleep .white img { width:200px; height:60px; overflow:hidden; border-bottom:3px solid #eee; }.fearofsleep .white .words { width:180px; height:208px; padding:10px; overflow:auto; text-align:justify; font-size:10px; font-family:times; color:#222; line-height:100%; }</style><center><div class="fearofsleep"><table cellspacing="0" cellpadding="0"><tbody><tr><td><div class="box" style="background-color:#d5b0b1;"><div class="headers"><h1>relationship</h1><h2>c. avalon poltergeist-g</h2></div><div class="white"><img src="https://i37.servimg.com/u/f37/19/58/61/44/clcl10.jpg" style="border-bottom:3px solid #d5b0b1;"><div class="words">    words    </div></div></div></td><td><div class="box" style="background-color:#B29CB7;"><div class="headers"><h1>relationship</h1><h2>hyacinthe o'connor</h2></div><div class="white"><img src="https://i37.servimg.com/u/f37/19/58/61/44/image10.jpg" style="border-bottom:3px solid #B29CB7;"><div class="words">    words    </div></div></div></td></tr><tr><td><div class="box" style="background-color:#aecabb;"><div class="headers"><h1>relationship</h1><h2>louise a. ryan</h2></div><div class="white"><img src="https://i37.servimg.com/u/f37/19/58/61/44/image11.jpg" style="border-bottom:3px solid #aecabb;"><div class="words">    words    </div></div></div></td><td><div class="box" style="background-color:#E9D9AE;"><div class="headers"><h1>relationship</h1><h2>siham el aoudi</h2></div><div class="white"><img src="https://i37.servimg.com/u/f37/19/58/61/44/image12.jpg" style="border-bottom:3px solid #E9D9AE;"><div class="words">    words    </div></div></div></td></tr></tbody></table></div><div style="margin-top:8px; width:100%; text-align:center; font-family:calibri; font-size:8px; color:#777; line-height:100%; letter-spacing:2px;" <a="" href="http://forums.athousandfireflies.com/index.php?showuser=6755" class="postlink" target="_blank" rel="nofollow"> © LOUIS! </div></center><br><br><link href="http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:700" rel="stylesheet" type="text/css"><style type="text/css">.fearofsleep{width:400px; -webkit-box-shadow: 1px 1px 5px 0px #eee, -1px -1px 5px 0px #eee; -moz-box-shadow:1px 1px 5px 0px #eee, -1px -1px 5px 0px #eee; box-shadow:1px 1px 5px 0px#eee, -1px -1px 5px 0px #eee;}.fearofsleep ::-webkit-scrollbar{background:#fff; width:3px; height:3px; }.fearofsleep ::-webkit-scrollbar-thumb { background:#eee; width:3px }.fearofsleep ::-webkit-scrollbar-corner { background:#fff; }.fearofsleep .box { width:200px; height:300px; overflow:hidden; position:relative; background-color:#eee; }.fearofsleep .headers { position:absolute; top:0px; left:0px; width:200px; height:290px; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; }.fearofsleep .box:hover .headers { -ms-transform: scale(2,4); -webkit-transform: scale(2,4); transform: scale(2,4); opacity:0; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; }.fearofsleep .headers h1 { position:absolute; width:150px; top:130px; left:25px; color:#f1ede3; text-align:center; text-transform:uppercase; font-family:yanone kaffeesatz; font-weight:700; font-size:18px; letter-spacing:2px; line-height:18px; padding-bottom:10px; border-bottom:1px solid #f1ede3; margin:0; }.fearofsleep .headers h2 { margin:0; position:absolute; width:100px; top:169px; left:50px; color:#f1ede3; text-align:center; text-transform:lowercase; font-family:garamond; font-style:italic; font-size:12px; line-height:100%; letter-spacing:1px; font-weight:normal; }.fearofsleep .white { position:absolute; top:-300px; width:200px; height:300px; background-color:#fff; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; }.fearofsleep .box:hover .white { top:0px; transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; }.fearofsleep .white img { width:200px; height:60px; overflow:hidden; border-bottom:3px solid #eee; }.fearofsleep .white .words { width:180px; height:208px; padding:10px; overflow:auto; text-align:justify; font-size:10px; font-family:times; color:#222; line-height:100%; }</style><center><div class="fearofsleep"><table cellspacing="0" cellpadding="0"><tbody><tr><td><div class="box" style="background-color:#E9D9AE;"><div class="headers"><h1>relationship</h1><h2>olivier navratil-king</h2></div><div class="white"><img src="https://i37.servimg.com/u/f37/19/58/61/44/clcl10.jpg" style="border-bottom:3px solid #E9D9AE;"><div class="words">    words    </div></div></div></td><td><div class="box" style="background-color:#B29CB7;"><div class="headers"><h1>relationship</h1><h2>serge bosart</h2></div><div class="white"><img src="http:/placehold.it/200x60/777/f1ede3" style="border-bottom:3px solid #B29CB7;"><div class="words">    words    </div></div></div></td></tr><tr><td><div class="box" style="background-color:#B29CB7;"><div class="headers"><h1>relationship</h1><h2>aignéis s. dalgaard</h2></div><div class="white"><img src="http:/placehold.it/200x60/777/f1ede3" style="border-bottom:3px solid #B29CB7;"><div class="words">    words    </div></div></div></td><td><div class="box" style="background-color:#E9D9AE;"><div class="headers"><h1>relationship</h1><h2>siham el aoudi</h2></div><div class="white"><img src="http:/placehold.it/200x60/777/f1ede3" style="border-bottom:3px solid #E9D9AE;"><div class="words">    words   &nbsp;</div></div></div></td></tr></tbody></table></div><div style="margin-top:8px; width:100%; text-align:center; font-family:calibri; font-size:8px; color:#777; line-height:100%; letter-spacing:2px;" <a="" href="http://forums.athousandfireflies.com/index.php?showuser=6755" class="postlink" target="_blank" rel="nofollow"> © LOUIS! </div></center></div>
Voir le sujet précédentRevenir en hautVoir le sujet suivant
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum