API tools faq
paste
Advertisement
Guest User

tab

a guest
Jun 23rd, 2018
59
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.40 KB | None | 0 0
raw download clone embed print report
  1. under <style type="text/css">
  2.  
  3. -
  4.  
  5. /*-- updates tab by @ellzabetholsens :) --*/
  6.  
  7. #update1 {padding:15px;
  8. width:200px;
  9. overflow:auto;
  10. position:absolute;
  11. text-transform:lowercase; /* change to uppercase if wanted */
  12. line-height:15px;margin-left:-250px;
  13. font-family:muli; /* change font */ }
  14.  
  15. #update1:hover .updatesinfo1{height:auto;
  16. opacity:1;
  17. -moz-transition-duration:0.9s;
  18. -webkit-transition-duration:0.9s;
  19. -o-transition-duration:0.9s;}
  20.  
  21. .updatesinfo1 {color:#666; /* change text color */
  22. padding:10px;
  23. background:#f6f6f6;
  24. border-radius:3px;
  25. width:150px;
  26. font-size:9px; /* change font size */
  27. z-index: 99999999999999;
  28. opacity:0;
  29. position:fixed;
  30. margin-top:-15px;
  31. overflow:hidden;
  32. line-height:15px;
  33. height:auto;
  34. -moz-transition-duration:0.9s;
  35. -webkit-transition-duration:0.9s;
  36. -o-transition-duration:0.9s;}
  37.  
  38. .updatesinfo1:after {content: '';
  39. position: fixed;
  40. display: block;
  41. opacity:1;
  42. top:0px;
  43. left: 20px;
  44. height:auto;
  45. -moz-transition-duration:0.9s;
  46. -webkit-transition-duration:0.9s;
  47. -o-transition-duration:0.9s;}
  48.  
  49. .updatesinfo1:before {content: '';
  50. position: fixed;
  51. display: block;
  52. z-index: 3;
  53. top:0px;
  54. left: 20px;
  55. opacity:1;
  56. height:auto;
  57. -moz-transition-duration:0.9s;
  58. -webkit-transition-duration:0.9s;
  59. -o-transition-duration:0.9s;}
  60.  
  61. /* title */
  62.  
  63. .updatetitle {letter-spacing:1px;
  64. line-height:20px;position:fixed;margin-top:-40px;}
  65.  
  66. .updatetitle a {margin-left:3px;
  67. color:#666;
  68. -moz-transition-duration:0.9s;
  69. -webkit-transition-duration:0.9s;
  70. -o-transition-duration:0.9s;}
  71.  
  72. .updatetitle a:hover {color:#666;
  73. -moz-transition-duration:0.9s;
  74. -webkit-transition-duration:0.9s;
  75. -o-transition-duration:0.9s;}
  76.  
  77. under <body>
  78.  
  79. -
  80.  
  81. <div id="update1"><div class="updatetitle fade-in one"><a><uni>updates</uni></a><br></div><div class="updatesinfo1"></rules><!-- start writing !! --><img src="https://78.media.tumblr.com/avatar_f59e03b2ac4c_128.pnj" height="40px" width= "40px"style="padding:3px"><p></p>
  82. <b><i>put a quote here i guess</i></b>
  83. <br>β€” Γ©milie, 2018
  84. <p></p><b>bold</b> , <i>italic</i> , <s>strikethrough</s> , <u>underline</u><blockquote>
  85. blockquotes are cool too, guys
  86. </blockquote><li>and lists lmao
  87.  
  88. <p></p>
  89. make this as long as you want :D
  90.  
  91.  
  92.  
  93. <!-- credit -- please don't remove :) --><p></p><center><a href="https://ellzabetholsens.tumblr.com/"><span class="sf sf-flower-1"></span></a></center><!-- stop writing !! --></div></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!