Advertisement
MystiqueAquanian

Updates Tab 2

Dec 7th, 2016
90
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.57 KB | None | 0 0
  1. </style>
  2.  
  3. /* updates tab */
  4.  
  5. #updates {
  6. position:fixed;
  7. width:200px;
  8. top:10px;
  9. left:15px;
  10. padding:5px;
  11. z-index:99999999999;
  12. text-align:justify;
  13. font-family:{select:Updates Tab Font Family};
  14. font-size:10px;
  15. }
  16.  
  17. #updates a {text-decoration:none;}
  18. #updates a, #updates a:hover, .ui:hover ~ .lino:after, .ui:hover ~ .lino, .lino, #updates .lnr:hover, #updates .lnr {transition-duration: .5s;}
  19. #updates ul {margin:0 0 0 -35px; list-style-type:none;}
  20. #updates ol {margin-left:-25px;}
  21. #updates ul li:before {content:'—'; margin-right:5px;}
  22. #updates a:link, #updates a:visited {color:{color:Updates Tab Link}; border-bottom:1px solid {color:Updates Tab Link Border};}
  23. #updates a:hover {color:{color:Updates Tab Link Hover};}
  24.  
  25. .uparent {padding-top:5px;}
  26.  
  27. .ui {display:inline-block; padding:5px 0; vertical-align:middle;}
  28.  
  29. .ui .lnr {
  30. padding:6px;
  31. font-size:10px;
  32. color:{color:Updates Tab Icons};
  33. background:{color:Updates Tab Icons BG};
  34. border-radius:40px;
  35. }
  36.  
  37. .ui .lnr:hover {color:{color:Updates Tab Icons Hover}; background:{color:Updates Tab Icons BG Hover};}
  38.  
  39. .ui:hover ~ .lino {border-bottom:1px solid {color:Updates Tab Icons BG Hover};}
  40. .ui:hover ~ .lino:after {background-color:{color:Updates Tab Icons BG Hover};}
  41.  
  42. .lino {
  43. display:inline-block;
  44. position:relative;
  45. top:-2px;
  46. width:170px;
  47. {block:ifRevealUpdatesOnClick}width:0px;{/block:ifRevealUpdatesOnClick}
  48. height:1px;
  49. border-bottom:1px solid {color:Updates Tab Icons BG};
  50. }
  51.  
  52. .lino:after {
  53. position:absolute;
  54. right:0;
  55. top:-2px;
  56. content:'';
  57. width:6px;
  58. height:6px;
  59. background-color:{color:Updates Tab Icons BG};
  60. border-radius:20px;
  61. }
  62.  
  63. .updates_title {
  64. margin-top:-3px;
  65. padding-bottom:5px;
  66. text-transform:lowercase;
  67. font-weight:bold;
  68. font-size:12px;
  69. color:{color:Updates Tab Title};
  70. clear:both;
  71. }
  72.  
  73. .container_content {
  74. display:block;
  75. margin-left:20px;
  76. margin-top:-6px;
  77. padding:8px 2px 2px 7px;
  78. color:{color:Updates Tab Content};
  79. }
  80.  
  81. .container_content li {margin-left:-5px;}
  82.  
  83. .container_content .lnr-star {
  84. background:none;
  85. padding:0;
  86. font-size:8px;
  87. color:{color:Updates Tab Stars};
  88. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement