Advertisement
GuruBetA

Dark Style for Guru3DClan

Nov 2nd, 2011
69
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.00 KB | None | 0 0
  1. @namespace html url(http://www.w3.org/1999/xhtml);
  2. @namespace xul url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
  3.  
  4. /* Browser Background */
  5. browser[type="content-primary"] {background-color: #141414 !important;}
  6.  
  7. @-moz-document url-prefix(http://guru3dclan.clanservers.com), url-prefix(https://guru3dclan.clanservers.com), url-prefix(ftp://guru3dclan.clanservers.com), url-prefix(file://) {
  8.  
  9.  
  10. /*No background images. try to exclude icons, other misc items. */
  11.  
  12. *:not(:empty):not([onclick*="open"]):not(SPAN):not([class*="stars"]):not([id*="stars"]):not([id="rating"]):not([class="rating"]):not([class*="SPRITE"]):not([id*="SPRITE"]):not([id*="lbImage"])
  13.  
  14. { background-image: none !important }
  15.  
  16. /* Basic Bodies */
  17. HTML, BODY { background: none #141414 !important }
  18.  
  19. /* Make descendents of the body element transparent. Formerly "DIV + SPAN" rules. */
  20. BODY * {background-color: transparent !important}
  21.  
  22. /* Give id's BG hopefully */
  23. DIV[id] {background-color: inherit !important}
  24.  
  25. /* Filter non-icons */
  26. SPAN:not(:empty):not([class*="icon"]):not([id*="icon"]):not([class*="star"]):not([id*="star"]):not([id*="rating"]):not([class*="rating"]):not([class*="Sprite"]):not([class*="sprite"]) {
  27.  
  28. background: none transparent !important;
  29. border-color: #000 !important}
  30.  
  31. /* Try to contrast containers */
  32. html:root > BODY > * > * > * > *:not(INPUT):not([onclick]) > DIV:not(:empty):not([id])
  33.  
  34. {background: none #1c1c1c !important}
  35.  
  36.  
  37. /* :::::::: Text Presentation :::::::: */
  38.  
  39. SUMMARY, DETAILS {background-color: inherit !important}
  40.  
  41. ABBR, PROGRESS, TIME, LABEL,
  42. .date {color: #CDEFC2 !important}
  43.  
  44. MARK,
  45. CODE, PRE,
  46. BLOCKQUOTE,
  47. [class*="quote"],
  48. TD[style*="inset"][class="alt2"] { background-color: #00090F !important }
  49.  
  50.  
  51. /* :::::::: Headings + Header :::::::: */
  52.  
  53. /* Header gradient rules */
  54.  
  55. HEADER, #header {background: -moz-linear-gradient(#333,#141414) transparent !important;}
  56. #header h1 {background-color: transparent !important;}
  57.  
  58. H1, H2 {
  59.  
  60. background: none #28313E !important;
  61. border-radius: 5px !important;
  62. -moz-border-radius: 5px !important;
  63. -webkit-border-radius: 5px !important;}
  64.  
  65.  
  66. H3, H4 {
  67.  
  68. background: none #2A3731 !important;
  69. border-radius: 5px !important;
  70. -moz-border-radius: 5px !important;
  71. -webkit-border-radius: 5px !important;}
  72.  
  73. H5, H6 {background: none #372A2A !important}
  74.  
  75.  
  76. /* :::::::: Lists :::::::: */
  77.  
  78. DT {background-color: #2B3135 !important}
  79. DL, DD {background-color: #232323 !important}
  80. LI, UL {background-color: inherit !important}
  81.  
  82. LI A:not([class*="icon"]):not([id*="icon"]):not([onclick]),
  83. DT A:not([class*="icon"]):not([id*="icon"]):not([onclick])
  84.  
  85. {background-image: none !important; text-indent: 0 !important}
  86.  
  87. /* :::::::: list Item highlight :::::::: */
  88.  
  89. LI[class*="item"] A:hover,
  90. LI[class*="item"]:hover,
  91.  
  92. [class*="menuitem"]:hover /* Not list item, but still useful*/
  93.  
  94. {background-color: #2E2B2F !important}
  95.  
  96. /* :::::::: Tables, cells :::::::: */
  97.  
  98. TABLE {background-color: #232323 !important; border-color: #333 !important}
  99. TABLE TABLE {background: #191919 !important;}
  100.  
  101. TH, CAPTION {background-color: #353535 !important}
  102.  
  103. /* :::::::: Input :::::::: */
  104.  
  105. /*Basic*/
  106.  
  107. INPUT *, TEXTAREA * {color: #DDD !important;} /* anonymous divs */
  108.  
  109. HTML BODY INPUT:not([type="image"]), button,
  110. HTML BODY TEXTAREA {
  111.  
  112. background: none #353535 !important;
  113. -moz-appearance: none !important;
  114. -webkit-appearance: none !important;
  115. color: #DDD !important;
  116. border: solid 1px #777 !important;
  117. border-radius: 0 !important;
  118. -moz-border-radius: 0 !important;
  119. -webkit-border-radius: 0 !important;
  120. opacity: 1 !important;}
  121.  
  122. /* Style reset. */
  123.  
  124. HTML BODY INPUT[type="checkbox"] {-moz-appearance: checkbox !important; -webkit-appearance: checkbox !important;}
  125. HTML BODY INPUT[type="radio"] {-moz-appearance: radio !important; -webkit-appearance: radio !important;}
  126.  
  127. /* :::::::: Custom styling :::::::: */
  128.  
  129. HTML:root INPUT[type="button"],
  130. HTML:root INPUT[type="submit"],
  131. HTML:root INPUT[type="reset"],
  132. HTML:root BUTTON {
  133.  
  134. color: #EEE !important;
  135. background-color: #222437 !important;
  136.  
  137. -moz-box-shadow: inset 0 1px rgba(255,255,255,0.2), inset 0 10px rgba(255,255,255,0.1), inset 0 10px 20px rgba(255,255,255,0.15), inset 0 -15px 30px rgba(0,0,0,0.2) !important;
  138. -webkit-box-shadow: inset 0 1px rgba(255,255,255,0.2), inset 0 10px rgba(255,255,255,0.1), inset 0 10px 20px rgba(255,255,255,0.15), inset 0 -15px 30px rgba(0,0,0,0.2) !important;}
  139.  
  140. HTML:root INPUT[type="button"]:hover,
  141. HTML:root INPUT[type="submit"]:hover,
  142. HTML:root INPUT[type="reset"]:hover,
  143. HTML:root BUTTON:hover {
  144.  
  145. color: #FFF !important;
  146. background-color: #31344F !important;
  147. border-color: #5F687F !important;
  148.  
  149. -moz-box-shadow: inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3) !important;
  150. -webkit-box-shadow: inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3) !important;}
  151.  
  152. HTML:root INPUT[type="image"] {opacity: .85 !important}
  153. HTML:root INPUT[type="image"]:hover {opacity: .95 !important}
  154.  
  155. /* Drop-down menu */
  156.  
  157. SELECT, OPTION, optgroup{
  158.  
  159. background: none #383838 !important;
  160. border-color:#555 !important;
  161. color:#f1f1f1 !important;
  162. -moz-appearance: none !important;}
  163.  
  164. /* :::::::: Misc :::::::: */
  165.  
  166. ADDRESS {background: none #333 !important}
  167. HR {background: none #444 !important}
  168. .current {color: #FFF !important;} /*currently viewed page*/
  169.  
  170. /* Remove Rounded Corners, Borders, Spacer, Padding images */
  171.  
  172. IMG[src*="spacer"]:empty,
  173. [id*="round"]:empty,
  174. [id*="bottom"]:empty, [class*="bottom"]:empty, [class*="Bottom"]:empty,
  175. [id*="top"]:empty, [class*="top"]:empty, [class*="Top"]:empty,
  176. [class*="spacer"]:empty
  177.  
  178. {background-image: none !important;}
  179.  
  180. /* Menus and Navigation */
  181.  
  182. NAV,
  183. MENU,
  184.  
  185. /*Common naming conventions - in case previous declarations fail to give solid BG*/
  186.  
  187. HTML BODY [class*="open"],
  188. HTML BODY [id*="Dropdown"],
  189. HTML BODY [id*="dropdown"],
  190. HTML BODY [class*="Dropdown"],
  191. HTML BODY [class*="dropdown"],
  192. HTML BODY [id*="menu"]:not(SELECT),
  193. HTML BODY [class*="menu"]:NOT(SELECT),
  194. HTML BODY [class*="tooltip"],
  195. HTML BODY [class*="popup"],
  196. HTML BODY [id*="popup"],
  197.  
  198. /* Notes, details, etc. Maybe useful */
  199.  
  200. HTML BODY [class*="note"],
  201. HTML BODY [class*="detail"],
  202. HTML BODY [class*="description"]
  203.  
  204. {background-color: #232323 !important}
  205.  
  206. /* Also common */
  207. [class*="content"], [class*="container"] {background-color: #1c1c1c !important}
  208.  
  209. /* Headers, Logos */
  210.  
  211. [id*="masthead"] a,[id*="header"] a,
  212. [id*="logo"] a, [class*="logo"] a
  213.  
  214. {text-indent: 0 !important;}
  215.  
  216. /* Instead of increasing specificity rating by using :not, set rules separately */
  217.  
  218. HTML:root BODY [class*="layer"],
  219. HTML:root BODY #lightbox-nav,
  220. HTML:root BODY #imageContainer {background-color: transparent !important}
  221.  
  222. /*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
  223.  
  224. /* Universal - sets color of text, border */
  225.  
  226. * {
  227. color: #CCC !important;
  228. border-color: #444 !important;
  229. outline-color: #444 !important;
  230. text-shadow: none !important;}
  231.  
  232. html *:after,
  233. html *:before
  234.  
  235. {color: #CCC !important;
  236. border-color: #666 !important;
  237. background: none transparent !important}
  238.  
  239.  
  240. /* Link */
  241.  
  242. a:link,
  243. a:link *:not(IMG){
  244.  
  245. color: #B1CBF7 !important;
  246. background-color: transparent !important;
  247. border-color: #666 !important;}
  248.  
  249. a:visited,
  250. a:visited * {color: #CDB4E7 !important;}
  251.  
  252. a:hover,
  253. a:hover *:not(IMG){
  254.  
  255. color: #FFE900 !important;
  256. background-color: #363037 !important;
  257. border-color: #999 !important}
  258.  
  259. html [href*="#"]:hover {color: #FFE900 !important; background-color: transparent !important;}
  260.  
  261.  
  262. /* Event Handlers/Attributes */
  263.  
  264. [onclick],
  265. [ondblclick],
  266. [onmousedown]
  267.  
  268. {color: #DFD5BC !important;
  269. text-indent: 0 !important}
  270.  
  271. [onclick]:hover,
  272. [ondblclick]:hover,
  273. [onmousedown]:hover
  274.  
  275. {color: #FEFF97 !important;}
  276.  
  277. /* Make images transparent */
  278.  
  279. IMG { opacity: .75 !important;}
  280. IMG:hover { opacity: 1 !important; background-color: #888 !important; }
  281. svg {background: none #666 !important;}
  282.  
  283. /* Highlight */
  284. ::-moz-selection {background-color: #626F61 !important; color: #F6F7B9 !important;}
  285.  
  286. /* :::::::: Specific Fixes :::::::: */
  287.  
  288. /* google search link fix */
  289. .g .r {background-color: transparent !important;}
  290.  
  291. /* google result hover highlight*/
  292. div.vsc:hover > .vspi, div.vso > .vspi {background: none transparent !important; border: none !important;}
  293.  
  294. }
  295.  
  296. /* :::::::: About... :::::::: */
  297.  
  298. @-moz-document url(about:blank) {
  299.  
  300. html, html * {
  301. background: none #141414 !important;
  302. color: #CCC !important;}
  303.  
  304. }
  305.  
  306. @-moz-document url-prefix("about:neterror") {
  307.  
  308. html, body {background-color: #353535 !important; color: #CCC !important}
  309. #errorPageContainer {background-color: #222 !important; border-color: #666 !important}
  310. #errorPageContainer button {opacity: .8 !important}
  311.  
  312. /*resurrect pages FF extension*/
  313. #resurrect {background-color: #333 !important; border-color: #000 !important}
  314.  
  315. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement