SHARE
TWEET

zenburn CSS for stylish

a guest Jun 15th, 2011 489 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. /* Try to have a nice zenburn appearence for all websites */
  2. @namespace html url(http://www.w3.org/1999/xhtml);
  3. @namespace xul url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
  4.  
  5. @-moz-document url-prefix(http://), url-prefix(https://), url-prefix(ftp://){
  6.  
  7.  
  8. /* Universal - sets color of text, border */
  9.  
  10. * {
  11. color: #dcc !important;
  12. border-color: #444 !important;
  13. outline-color: #444 !important;
  14. text-shadow: none !important;}
  15.  
  16. html *:after ,
  17. html *:before
  18.  
  19. {color: #CCC !important;
  20. border-color: #666 !important;
  21. background: none transparent !important}
  22.  
  23. /*No background images. try to exclude icons, other misc items. */
  24.  
  25. *:not(:empty):not([onclick*="open"]):not(IMG):not(SPAN):not([class*="stars"]):not([id*="stars"]):not([id="rating"]):not([class="rating"]):not([class*="SPRITE"]):not([id*="SPRITE"]):not([id*="lbImage"])
  26.  
  27. { background-image: none !important }
  28.  
  29.  
  30. /* Link */
  31.  
  32. a[href],
  33. a[href] *{
  34.  
  35. color: #efdcbc !important;
  36. background-color: transparent !important;
  37. border-color: #666 !important;}
  38.  
  39. /* Event Handlers/Attributes */
  40.  
  41. [onclick],
  42. [ondblclick],
  43. [onmousedown]
  44.  
  45. {color: #DFD5BC !important;
  46. background-color: transparent !important;
  47. text-indent: 0 !important}
  48.  
  49. [onclick]:hover,
  50. [ondblclick]:hover,
  51. [onmousedown]:hover
  52.  
  53. {color: #FEFF97 !important;}
  54.  
  55. /* Make images translucent */
  56.  
  57. IMG { opacity: .75 !important }
  58. IMG:hover { opacity: 1 !important }
  59.  
  60.  
  61. /* Basic Bodies */
  62.  
  63. HTML, BODY { background: none #3f3f3f !important }
  64.  
  65.  
  66. /* Make descendents of the body element transparent. Formerly "DIV + SPAN" rules. */
  67.  
  68. BODY * {background-color: transparent !important}
  69.  
  70. DIV[id] {background-color: inherit !important}
  71.  
  72. 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"]) {
  73.  
  74. background: none transparent !important;
  75. border-color: #000 !important}
  76.  
  77. /* Try to contrast containers against the background that are well within the DOM tree */
  78.  
  79. html:root > BODY > * > * > * > *:not(INPUT):not([onclick]) > DIV:not(:empty):not([id])
  80.  
  81. {background: none #3f3f3f !important}
  82.  
  83.  
  84. /* Text Presentation */
  85.  
  86. DFN, FONT, B, I, P, BIG, SMALL, STRONG, EM, CENTER { background-color: transparent !important }
  87.  
  88. SUMMARY, DETAILS {background-color: inherit !important}
  89.  
  90. ABBR, PROGRESS, TIME, LABEL {color: #bbccff !important}
  91.  
  92. MARK,
  93. CODE, PRE,
  94. BLOCKQUOTE, BLOCKQUOTE *,
  95. [class*="quote"],
  96. TD[style*="inset"][class="alt2"] { background-color: inherit !important }
  97.  
  98.  
  99. /* Headings + Header */
  100.  
  101. HEADER {background-color: #232323 !important}
  102.  
  103. H1, H2 {
  104.  
  105. background: inherit !important;
  106. -moz-border-radius: 5px !important;
  107. -webkit-border-radius: 5px !important;}
  108.  
  109. H3 {
  110.  
  111. background: inherit !important;
  112. -moz-border-radius: 5px !important;
  113. -webkit-border-radius: 5px !important;}
  114.  
  115. H4 {
  116.  
  117. background: inherit !important;
  118. -moz-border-radius: 5px !important;
  119. -webkit-border-radius: 5px !important;}
  120.  
  121. H5, H6 {background: inherit !important}
  122.  
  123. /* Headers with links*/
  124.  
  125. h1 a[href],
  126. h2 a[href],
  127. h3 a[href],
  128. h4 a[href],
  129. h5 a[href],
  130. h6 a[href] {color: #C7D6C7 !important}
  131.  
  132.  
  133. /* Lists */
  134.  
  135. DT {background-color: #372A2A !important}
  136.  
  137. DL, DD { background-color: #232323 !important}
  138.  
  139. LI, UL {background-color: inherit !important}
  140.  
  141. LI A:not([class*="icon"]):not([id*="icon"]):not([onclick]),
  142. DT A:not([class*="icon"]):not([id*="icon"]):not([onclick])
  143.  
  144. {background-image: none !important; text-indent: 0 !important}
  145.  
  146.  
  147. /* list Item highlight */
  148.  
  149. LI[class*="item"] A:hover,
  150. LI[class*="item"]:hover,
  151.  
  152. [class*="menuitem"]:hover /* Not list item, but still useful*/
  153.  
  154. {background-color: #2E2B2F !important}
  155.  
  156.  
  157. /* Tables, cells */
  158.  
  159. TABLE, COLGROUP, COL, THEAD, TBODY, TFOOT {
  160.  
  161. background-color: #232323 !important;
  162. border-color: #333 !important}
  163.  
  164. CAPTION {background-color: #353535 !important}
  165.  
  166. TABLE[border="0"]:not([class]) {background-color: inherit !important}
  167. TABLE[WIDTH] {background-color: #111 !important}
  168.  
  169.  
  170. TH {background-color: #3d3737 !important}
  171. TR, TD:not([id]) {background-color: inherit !important}
  172. THEAD {background-color: inherit !important}
  173.  
  174.  
  175. /*** Input ***/
  176.  
  177. /* Style reset. Ineffecient, yes, but I REALLY don't feel like fighting around with specificity scores*/
  178.  
  179. INPUT[type="checkbox"] {-moz-appearance: checkbox !important;}
  180. INPUT[type="radio"] {-moz-appearance: radio !important;}
  181.  
  182. HTML:root INPUT[type="image"] {opacity: .85 !important}
  183. HTML:root INPUT[type="image"]:hover {opacity: .95 !important}
  184.  
  185.  
  186. /* Drop-down menu */
  187.  
  188. SELECT, OPTION{
  189.  
  190. background: none #383838 !important;
  191. border-color:#555 !important;
  192. color:#f1f1f1 !important;
  193. -moz-appearance: none !important;}
  194.  
  195. /***************
  196. * Misc *********/
  197.  
  198. ADDRESS {background: none #333 !important}
  199.  
  200. IFRAME, FIELDSET, LEGEND, FORM {background: none transparent !important}
  201.  
  202. NOBR {background-color: #232323 !important}
  203.  
  204. HR {background-color: #999 !important}
  205.  
  206.  
  207. /* Remove Rounded Corners, Borders, Spacer, Padding images */
  208.  
  209. IMG[src*="spacer"]:empty,
  210. [id*="round"]:empty,
  211. [id*="bottom"]:empty, [class*="bottom"]:empty, [class*="Bottom"]:empty,
  212. [id*="top"]:empty, [class*="top"]:empty, [class*="Top"]:empty,
  213. [class*="spacer"]:empty
  214.  
  215. {background-image: none !important;}
  216.  
  217.  
  218. /* Menus and Navigation */
  219.  
  220. NAV *,
  221. MENU *,
  222.  
  223. /*Common naming conventions - in case previous declarations fail to give solid BG*/
  224.  
  225. HTML BODY [class*="open"],
  226. HTML BODY [id*="Dropdown"],
  227. HTML BODY [id*="dropdown"],
  228. HTML BODY [class*="Dropdown"],
  229. HTML BODY [class*="dropdown"],
  230. HTML BODY [id*="menu"]:not(SELECT),
  231. HTML BODY [class*="menu"]:NOT(SELECT),
  232. HTML BODY [class*="tooltip"],
  233. HTML BODY [class*="popup"],
  234. HTML BODY [id*="popup"],
  235.  
  236. /* Notes, details, etc. Maybe useful */
  237.  
  238. HTML BODY [class*="note"],
  239. HTML BODY [class*="detail"],
  240. HTML BODY [class*="description"]
  241.  
  242. { background-color: #232323 !important }
  243.  
  244.  
  245. /* Also common */
  246.  
  247. [class*="content"] {background-color: inherit !important}
  248.  
  249.  
  250. /* Headers, Logos */
  251.  
  252. [id*="masthead"] a,[id*="header"] a,
  253. [id*="logo"] a, [class*="logo"] a
  254.  
  255. {text-indent: 0 !important;}
  256.  
  257.  
  258. /* Instead of increasing specificity rating by using :not, set rules separately */
  259.  
  260. HTML:root BODY [class*="layer"],
  261. HTML:root BODY #lightbox-nav,
  262. HTML:root BODY #imageContainer {background-color: transparent !important}
  263.  
  264. }
  265.  
  266.  
  267. /*********************
  268. About...**************/
  269.  
  270. @-moz-document url(about:blank) {
  271.  
  272. html, html * {
  273.   background: none #3f3f3f !important;
  274.   color: #CCC !important;}
  275.  
  276. }
  277.  
  278. @-moz-document url-prefix("about:neterror") {
  279.  
  280. html, body {background-color: #353535 !important; color: #CCC !important}
  281. #errorPageContainer {background-color: #222 !important; border-color: #666 !important}
  282. #errorPageContainer button {opacity: .8 !important}
  283.  
  284. /*resurrect pages FF extension*/
  285.  
  286. #resurrect {background-color: #333 !important; border-color: #000 !important}
  287.  
  288. }
  289.  
  290. html > * {
  291.   background-color: #3f3f3f !important;
  292.   color: #CCC !important;
  293.   border-color: black !important;
  294. }
  295.  
  296. a {
  297.   color: #efdcbc !important;
  298.   background-color: transparent !important;
  299. }
  300.  
  301. a:visited {
  302.   color: #b3c3a3 !important;
  303.   background-color: transparent !important;
  304. }
  305.  
  306. body input, body textarea, body select, body button {
  307.   background-color: #4f4f4f !important;
  308.   color: #dcdccc !important;
  309. }
RAW Paste Data
Pastebin PRO Summer Special!
Get 60% OFF on Pastebin PRO accounts!
Top