Advertisement
incedothemes

Update Tab #2 (CSS Left) by Incedo

Dec 29th, 2013
6,776
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.78 KB | None | 0 0
  1. /*----------------------------------------
  2. Update Tab #2 (CSS Left) by Incedo
  3. http://incedothemes.tumblr.com
  4. Please do not remove the credit.
  5. Instructions @ http://incedothenes.tumblr.com/tab
  6. Updated 6/14/14
  7. ------------------------------------------*/
  8.  
  9. #updatetab {
  10. margin-top:40px; /*this is how far down you want the tab*/
  11. font-family: helvetica; /*this is the font*/
  12. color: #A0A0A0;} /*this is the font color*/
  13. #tabtitle, #slideout, #slideout p {
  14. background-color:#ffffff; /*this is the background color*/
  15. border-color: #D8D8D8;} /*this is the border color*/
  16. #slideout, #slideout a {
  17. font-size:10px;} /*this is the font size*/
  18.  
  19. #updatetab {
  20. left:0;
  21. margin-left:-131px;
  22. position:fixed;
  23. z-index:999;
  24. -webkit-transition: all 0.5s ease-in-out;
  25. -moz-transition: all 0.5s ease-in-out;
  26. -o-transition: all 0.5s ease-in-out;
  27. -ms-transition: all 0.5s ease-in-out;
  28. transition: all 0.5s ease-in-out;}
  29.  
  30. #tabtitle {
  31. width:70px;
  32. margin-top:50px;
  33. height:12px;
  34. text-align:center;
  35. margin-left:100px;
  36. position:absolute;
  37. transform:rotate(270deg);
  38. -ms-transform:rotate(270deg);
  39. -webkit-transform:rotate(270deg);
  40. padding:1px 3px;
  41. letter-spacing:2px;
  42. font-size:9px;
  43. text-transform:uppercase;
  44. border-width:0px 1px 1px 1px;
  45. border-style:solid;}
  46.  
  47. #slideout {
  48. position:absolute;
  49. width:120px;
  50. min-height:120px;
  51. border-style:solid;
  52. border-width:1px 1px 1px 0px;
  53. padding:2px 5px;}
  54.  
  55. #slideout p {margin:3px 0px;}
  56.  
  57. #updatetab:hover {
  58. margin-left:0px;
  59. -webkit-transition: all 0.5s ease-in-out;
  60. -moz-transition: all 0.5s ease-in-out;
  61. -o-transition: all 0.5s ease-in-out;
  62. -ms-transition: all 0.5s ease-in-out;
  63. transition: all 0.5s ease-in-out;}
  64.  
  65. img {max-width:100%;}
  66.  
  67. #c, #c a {
  68. text-decoration:none;
  69. position:fixed;
  70. bottom:4px;
  71. right:4px;
  72. font-size:13px;
  73. font-family:helvetica;}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement