radiantvictor

update tab

Jul 2nd, 2016
75
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.34 KB | None | 0 0
  1. <!---------------------------------------------------------------------------
  2. ------------------------- updates tab by steyerogers -------------------------
  3. ----------------------------------------------------------------------------->
  4.  
  5. <script>$(document).ready(function(){
  6. $(".ut").click(function() {
  7. $('.ua').fadeToggle(400); $('.updates').toggleClass('vis');});
  8. });</script><style type="text/css">
  9.  
  10. .updates {
  11. position:fixed; top:5px; left:5px; width:120px; margin-left:-145px;
  12. Z-index:9999; border:1px solid transparent; transition:all 0.6s ease-in-out;
  13. -webkit-transition:all 0.6s ease-in-out; -o-transition:all 0.6s ease-in-out;
  14. -moz-transition:all 0.6s ease-in-out; -ms-transition:all 0.6s ease-in-out;}
  15. .updates.vis {
  16. margin-left:0px;}
  17. .uc {
  18. padding:8px; display:block; border-top:1px solid transparent;}
  19. .uh {
  20. font:italic 1.2em 'Georgia', serif; padding:8px; margin-bottom:-1px;
  21. text-align:center; border-top:1px solid transparent;}
  22. h2 {
  23. font:italic 1.1em 'Georgia', serif; margin:0; display:inline-block;}
  24. .ua {
  25. position:fixed; top:5px; left:5px; padding:3px 5px 4px 5px; line-height:1;
  26. font-weight:bold; border:1px solid transparent;}
  27. .close {
  28. text-align:right; border:none; position:relative; padding:6px 8px;}
  29. .close a {
  30. position:absolute; top:6px; left:8px;}
  31. .ut {
  32. cursor:help;}
  33.  
  34. /* background of updates tab */
  35. .updates, .ua {background:#fff;}
  36. /* color of borders */
  37. .updates, .uh, .uc, .ua {border-color:#eeeeee;}
  38. /* background of headings */
  39. .uh {background:#f6f6f6;}
  40.  
  41. </style><div class="ua ut" title="updates">&raquo;</div><div class="updates">
  42.  
  43. <div class="close ut">
  44. <a href="http://steyerogers.tumblr.com" title="cyantists">&copy;</a>
  45. <!-- please don't remove the credit link, you can however
  46. change the &copy; to something else if you want! -->
  47. <span class="sc tr">X</span>
  48. </div>
  49.  
  50. <div class="uh">heading:</div>
  51. <div class="uc">
  52. <h2>subheading:</h2> some text
  53. </div>
  54. <div class="uc">
  55. more text under the same title
  56. </div>
  57.  
  58. <div class="uh">new heading:</div>
  59. <div class="uc">
  60. <h2>subheading:</h2> some text
  61. </div>
  62. <div class="uc">
  63. more text under the same title
  64. </div>
  65.  
  66. </div><!-------------------------- //updates tab -------------------------->
Advertisement
Add Comment
Please, Sign In to add comment