Advertisement
noctarnalthemes

Update Tab 01

Dec 16th, 2014
3,140
0
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>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement