Advertisement
triskelions

Untitled

Mar 10th, 2015
257
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.60 KB | None | 0 0
  1. [dohtml]<style type="text/css">
  2. .tmavhold{ height: 250px; width: 250px; border: 4px solid #fff; outline: 1px solid #d1d1d1; overflow: hidden; position: relative; background-color: rgba(0,0,0,0.95); }
  3. .tmavhold .tmtop{
  4.  
  5. background-image: url(http://i.imgur.com/Zh6umlE.gif);
  6.  
  7. height:155px; width: 250px; position: absolute; top: 0px; left: 0px; background-position: 0px 0px; background-repeat: no-repeat; -webkit-transition: all 1.5s ease 1s; -moz-transition: all 1.5s ease 1s; -ms-transition: all 1.5s ease 1s; -o-transition: all 1.5s ease 1s; transition: all 1.5s ease 1s; }
  8. .tmavhold .tmbot{
  9.  
  10. background-image: url(http://i.imgur.com/Zh6umlE.gif);
  11.  
  12. height: 95px; width: 250px; position: absolute; bottom: 0px; left: 0px; background-position: 0px -155px; background-repeat: no-repeat; -webkit-transition: all 1.5s ease 1s; -moz-transition: all 1.5s ease 1s;-ms-transition: all 1.5s ease 1s;-o-transition: all 1.5s ease 1s; transition: all 1.5s ease 1s; }
  13. .tmavhold:hover .tmtop{top:-175px; -webkit-transition: all 1.5s ease 0; -moz-transition: all 1.5s ease 0; -ms-transition: all 1.5s ease 0; -o-transition: all 1.5s ease 0; transition: all 1.5s ease 0;}
  14. .tmavhold:hover .tmbot{bottom:-175px; -webkit-transition: all 1.5s ease 0; -moz-transition: all 1.5s ease 0; -ms-transition: all 1.5s ease 0; -o-transition: all 1.5s ease 0; transition: all 1.5s ease 0;}
  15. .tmavhold .tmname{ font-family: 'Maven Pro', sans-serif; font-size: 18px; color: #141414; max-width:220px; text-transform: uppercase; background-color:rgba(255,255,255,.6); max-height:18px; overflow: hidden; padding: 2px 5px; border: 1px solid #141414; outline: 2px solid rgba(255,255,255,.6); top: 112px; line-height: 100%; left:10px; position: absolute;
  16. -webkit-transition: all 1.5s ease; -moz-transition: all 1.5s ease; -ms-transition: all 1.5s ease; -o-transition: all 1.5s ease; transition: all 1.5s ease; }
  17. .tmavhold .tmdet{ font-family: 'times', 'times new roman', serif; font-size: 9px; text-transform: lowercase; font-style: italic; color: #d1d1d1; text-shadow: 1px 1px 1px #141414; line-height: 100%; padding-top: 5px; border-bottom: 1px solid #fff; top: 140px; left:0px; max-height: 9px; overflow:hidden; padding-left: 15px; width: 240px; text-align: left; position: absolute; -webkit-transition: all 1.5s ease; -moz-transition: all 1.5s ease; -ms-transition: all 1.5s ease; -o-transition: all 1.5s ease; transition: all 1.5s ease; }
  18. .tmavhold .tmtext{ background-color:rgba(255,255,255,0.9); font-family: 'calibri', 'arial', sans-serif; font-size: 10px; text-align: justify; margin-top: 155px; padding: 15px; line-height: 110%; height:155px; overflow: auto; -webkit-transition: all 1.5s ease; -moz-transition: all 1.5s ease; -ms-transition: all 1.5s ease; -o-transition: all 1.5s ease; transition: all 1.5s ease; }
  19. .tmavhold:hover .tmname{ -webkit-transition: all 1.5s ease 1s; -moz-transition: all 1.5s ease 1s; -ms-transition: all 1.5s ease 1s; -o-transition: all 1.5s ease 1s; transition: all 1.5s ease 1s; top: 20px; }
  20. .tmavhold:hover .tmdet{ -webkit-transition: all 1.5s ease 1s; -moz-transition: all 1.5s ease 1s; -ms-transition: all 1.5s ease 1s; -o-transition: all 1.5s ease 1s; transition: all 1.5s ease 1s; top: 50px; }
  21. .tmavhold:hover .tmtext{ -webkit-transition: all 1.5s ease 1s; -moz-transition: all 1.5s ease 1s; -ms-transition: all 1.5s ease 1s; -o-transition: all 1.5s ease 1s; transition: all 1.5s ease 1s; margin-top: 65px; }
  22. .tmtext::-webkit-scrollbar{ width: 5px; height: 5px; background-color: #0B0B0B; border:2px solid #fff; }
  23. .tmtext::-webkit-scrollbar-corner{ background-color: #fff; }
  24. .tmtext::-webkit-scrollbar-thumb{ background-color: #0B0B0B; }
  25. </style><link href='http://fonts.googleapis.com/css?family=Maven+Pro' rel='stylesheet' type='text/css'><center><div class="tmavhold"> <div class="tmtop"></div> <div class="tmbot"></div>
  26.  
  27. <div class="tmname">VINCENT CATALANO</div>
  28. <div class="tmdet"> ITALIAN STALLION AND STRIPPER EXTRAORDINAIREEE </div>
  29. <div class="tmtext">
  30.  
  31. text here!
  32.  
  33. </div></div> <div style="width:250px; text-align: right; font-size: 9px; text-decoration: none; font-family: 'calibri', sans-serif;"><a href="http://z10.invisionfree.com/CAUTIONTOTHEWIND/index.php?showuser=9796">∎</a> <a href="http://candylandcouture.b1.jcink.com/index.php?showuser=3871" style="margin-right: -5px;">◣</a> <a href="http://shine.b1.jcink.com/index.php?showuser=13055">◥</a>
  34. </div></center>[/dohtml]
  35.  
  36. http://cnnrswalshs.tumblr.com/tagged/jack%20falahee
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement