noctarnalthemes

Update Tab 01

Dec 16th, 2014
620
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. PLACE THIS CODE AFTER <head>
  2.  
  3. #poeticmomentoupdatetab{position:fixed;margin-left:20px;top:20px;width:100px;height:auto;padding:8px;z-index:100;background:#fff;border:1px solid #F7DFEB;border-top:8px solid #F7DFEB;margin-bottom:15px;box-shadow:3px 3px 1px #a1a1a1;}
  4.  
  5. #poetictab1{height:23px;text-align:justify;overflow:hidden;background:#fff;z-index:999999999999999999999;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;}
  6.  
  7. #poetictab1:hover{height:100px;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;}
  8.  
  9. #poetictab2{height:23px;text-align:justify;overflow:hidden;background:#fff;z-index:999999999999999999999;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;}
  10.  
  11. #poetictab2:hover{height:120px;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;}
  12.  
  13. #poetictab3{height:23px;text-align:justify;overflow:hidden;background:#fff;z-index:999999999999999999999;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;}
  14.  
  15. #poetictab3:hover{height:180px;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;}
  16.  
  17. h9{text-align:center;background:#F7DFEB;border-radius:2px;color:#000;font-size:10px;letter-spacing:1px;font-family:arial;text-transform:lowercase;padding:1px;text-decoration:none;margin-bottom:5px;}
  18.  
  19.  
  20. PLACE THIS CODE AFTER <body>
  21.  
  22. <!---UPDATE TAB BY POETICMOMENTO---->
  23. <div id="poeticmomentoupdatetab">
  24.  
  25. <div id="poetictab1">
  26. <h9>owner</h9>
  27. <li>to make this tab longer go to "poetictab1:hover{" and change "height:100px;"</li>
  28. </div>
  29.  
  30. <div id="poetictab2">
  31. <h9>currently</h9>
  32. <li>to make this tab longer go to "poetictab2:hover{" and change "height:120px;"</li>
  33. </div>
  34.  
  35. <div id="poetictab3">
  36. <h9>other stuff</h9>
  37. <li>to make this tab longer go to "poetictab3:hover{" and change "height:180px;"</li>
  38. </div>
  39.  
  40.         </div>
RAW Paste Data

Adblocker detected! Please consider disabling it...

We've detected AdBlock Plus or some other adblocking software preventing Pastebin.com from fully loading.

We don't have any obnoxious sound, or popup ads, we actively block these annoying types of ads!

Please add Pastebin.com to your ad blocker whitelist or disable your adblocking software.

×