You are here

zen_midnight.css in Zenophile 7

Same filename and directory in other branches
  1. 6.2 zenophile_midnight/css/zen_midnight.css
/**
 * Basic site elements
 */

body {
	background-color: black;
	color: white;
}

/**
 * Links
 */

a {
	color: #99f;
}

a:visited {
	color: #ebf;
}

a:active {
	color: #f99;
}

#skip-to-nav a:link, #skip-to-nav a:visited {
	color: black;
}

#site-name a:link, #site-name a:visited, #skip-to-nav a:hover {
	color: white;
}

/**
 * Unpublished and preview stuff
 */

.preview .node {
	background-color: #222201; /* #ffffea */
}

.node-unpublished {
	background-color: #221717; /* #fff4f4 */
}

.node-unpublished div.unpublished, .comment-unpublished div.unpublished {
	color: #393939; /* #d8d8d8 */
}

/**
 * List elements
 */

ul li.expanded {
  list-style-image: url(../images/menu-expanded.png);
}

ul li.collapsed {
  list-style-image: url(../images/menu-collapsed.png);
}

ul li.leaf {
  list-style-image: url(../images/menu-leaf.png);
}

ul li a.active {
	color: white;
}

/**
 * Fieldsets
 */

html.js fieldset.collapsible .fieldset-legend {
	background-image: url(../images/menu-expanded.png);
}

html.js fieldset.collapsed .fieldset-legend {
	background-image: url(../images/menu-collapsed.png);
}

/**
 * Tables
 */

tbody, th, thead th, form th, form thead th, tr.even, tr.odd {
	border-color: #333;
}

tr.even, tr.odd {
	background-color: #111;
}

tr.drag {
  background-color: #331; /* #fffff0 */
}
tr.drag-previous {
  background-color: #220;
}
td.active {
  background-color: #222;
}

tr.selected td {
  background-color: #330;
}

table.sticky-header, form tr.even {
	background: black;
}

/**
 * Particular tables
 */

table.system-status-report th {
	border-bottom-color: #333;
}

/**
 * Block rearrange page
 */

.block-region {
	background-color: #990; /* #ff6 originally */
}

#blocks tr.region-message {
	color: #666;
}

/**
 * Tabs - primary
 */

ul.primary {
	background-image: url(../images/tab-bar.png);
	border-bottom-color: #444; /* #bbb originally */
}

ul.primary li a, ul.primary li a:hover,
ul.primary li.active a, ul.primary li.active a:hover {
	background-image: url(../images/tab-left.png);
	color: white;
}

ul.primary li.active a {
	border-color: #444 #444 #000; /* #bbb #bbb #fff originally */
}

ul.primary li a .tab, ul.primary li a:hover .tab,
ul.primary li.active a .tab, ul.primary li.active a:hover .tab {
	background-image: url(../images/tab-right.png);
}

ul.primary li a {
	color: #888; /* #777 originally */
}

ul.primary li a:hover {
	/*background-color: #111; *//* #eee originally */
	border-color: #333 #333 #111; /* #ccc #ccc #eee originally */
}

/**
 * Tabs - secondary
 */

ul.secondary {
	background-image: url(../images/tab-secondary-bg.png);
	border-bottom-color: #3F3F3F; /* c0c0c0 originally */
}

ul.secondary a, ul.secondary a:hover,
ul.secondary a.active, ul.secondary a.active:hover {
	background-image: url(../images/tab-secondary.png);
	border-color: #3F3F3F;
	color: #888;
}

ul.secondary a:hover, ul.secondary a.active, ul.secondary a.active:hover {
	color: white;
}

/**
 * Tabs - vertical!
 */

.vertical-tabs ul.vertical-tabs-list li {
  background-color: inherit;
}

.vertical-tabs ul.vertical-tabs-list li.selected {
  background-color: #111;
}

.vertical-tabs ul.vertical-tabs-list .selected strong {
  color: white;
}

/**
 * Messages and such
 */

div.messages, div.status, div.warning, div.error {
	color: white;
	background-color: #330; /* ffc */
}

div.ok, table tr.ok, .update table tr.ok {
	background-color: #020; /* #dfd */
	color: #dfd; /* #020 */
}

div.error, table tr.error, .update table tr.error {
	background-color: #100; /* #fee */
	color: #f66; /* #900 */
}

.update table tr.error .version-recommended {
	background-color: #200; /* #fdd */
}

div.warning, table tr.warning, .update table tr.warning {
	background-color: #330; /* #ffc */
	/*border-color: #630; /* #fc0 */
	color: white;
}

.update table tr.warning .version-recommended {
	background-color: #441;
}

.update table tr.unknown {
  background-color: #222; /* #ddd */
}

/**
 * Log entries
 */

tr.dblog-user .active {
	background-color: #220; /* #eed - 110 is too close to basic table row color */
}

tr.dblog-content .active {
	background-color: #002; /* #cce */
}

tr.dblog-page-not-found .active, tr.dblog-access-denied .active {
	background-color: #131; /* #cec */
}

tr.dblog-error .active {
	background-color: #350000; /* #eeb9b9 */
}

/**
 * Block editing links on hover
 */

div.block.with-block-editing div.edit {
	background-color: black;
	border-color: #111;
}

/**
 * Misc
 */

.progress .bar {
	background-image: url(../images/progress.gif);
}

/**
 * The Devel module uses Krumo to "pretty-print" arrays and objects. Its default
 * color scheme doesn't work with white text very well (it's nearly impossible
 * to read). Rather than trying to fix the background colors in this case, we'll
 * just make the text black again.
 */

.krumo-root {
  color: black;
}

File

zenophile_midnight/css/zen_midnight.css
View source
  1. /**
  2. * Basic site elements
  3. */
  4. body {
  5. background-color: black;
  6. color: white;
  7. }
  8. /**
  9. * Links
  10. */
  11. a {
  12. color: #99f;
  13. }
  14. a:visited {
  15. color: #ebf;
  16. }
  17. a:active {
  18. color: #f99;
  19. }
  20. #skip-to-nav a:link, #skip-to-nav a:visited {
  21. color: black;
  22. }
  23. #site-name a:link, #site-name a:visited, #skip-to-nav a:hover {
  24. color: white;
  25. }
  26. /**
  27. * Unpublished and preview stuff
  28. */
  29. .preview .node {
  30. background-color: #222201; /* #ffffea */
  31. }
  32. .node-unpublished {
  33. background-color: #221717; /* #fff4f4 */
  34. }
  35. .node-unpublished div.unpublished, .comment-unpublished div.unpublished {
  36. color: #393939; /* #d8d8d8 */
  37. }
  38. /**
  39. * List elements
  40. */
  41. ul li.expanded {
  42. list-style-image: url(../images/menu-expanded.png);
  43. }
  44. ul li.collapsed {
  45. list-style-image: url(../images/menu-collapsed.png);
  46. }
  47. ul li.leaf {
  48. list-style-image: url(../images/menu-leaf.png);
  49. }
  50. ul li a.active {
  51. color: white;
  52. }
  53. /**
  54. * Fieldsets
  55. */
  56. html.js fieldset.collapsible .fieldset-legend {
  57. background-image: url(../images/menu-expanded.png);
  58. }
  59. html.js fieldset.collapsed .fieldset-legend {
  60. background-image: url(../images/menu-collapsed.png);
  61. }
  62. /**
  63. * Tables
  64. */
  65. tbody, th, thead th, form th, form thead th, tr.even, tr.odd {
  66. border-color: #333;
  67. }
  68. tr.even, tr.odd {
  69. background-color: #111;
  70. }
  71. tr.drag {
  72. background-color: #331; /* #fffff0 */
  73. }
  74. tr.drag-previous {
  75. background-color: #220;
  76. }
  77. td.active {
  78. background-color: #222;
  79. }
  80. tr.selected td {
  81. background-color: #330;
  82. }
  83. table.sticky-header, form tr.even {
  84. background: black;
  85. }
  86. /**
  87. * Particular tables
  88. */
  89. table.system-status-report th {
  90. border-bottom-color: #333;
  91. }
  92. /**
  93. * Block rearrange page
  94. */
  95. .block-region {
  96. background-color: #990; /* #ff6 originally */
  97. }
  98. #blocks tr.region-message {
  99. color: #666;
  100. }
  101. /**
  102. * Tabs - primary
  103. */
  104. ul.primary {
  105. background-image: url(../images/tab-bar.png);
  106. border-bottom-color: #444; /* #bbb originally */
  107. }
  108. ul.primary li a, ul.primary li a:hover,
  109. ul.primary li.active a, ul.primary li.active a:hover {
  110. background-image: url(../images/tab-left.png);
  111. color: white;
  112. }
  113. ul.primary li.active a {
  114. border-color: #444 #444 #000; /* #bbb #bbb #fff originally */
  115. }
  116. ul.primary li a .tab, ul.primary li a:hover .tab,
  117. ul.primary li.active a .tab, ul.primary li.active a:hover .tab {
  118. background-image: url(../images/tab-right.png);
  119. }
  120. ul.primary li a {
  121. color: #888; /* #777 originally */
  122. }
  123. ul.primary li a:hover {
  124. /*background-color: #111; *//* #eee originally */
  125. border-color: #333 #333 #111; /* #ccc #ccc #eee originally */
  126. }
  127. /**
  128. * Tabs - secondary
  129. */
  130. ul.secondary {
  131. background-image: url(../images/tab-secondary-bg.png);
  132. border-bottom-color: #3F3F3F; /* c0c0c0 originally */
  133. }
  134. ul.secondary a, ul.secondary a:hover,
  135. ul.secondary a.active, ul.secondary a.active:hover {
  136. background-image: url(../images/tab-secondary.png);
  137. border-color: #3F3F3F;
  138. color: #888;
  139. }
  140. ul.secondary a:hover, ul.secondary a.active, ul.secondary a.active:hover {
  141. color: white;
  142. }
  143. /**
  144. * Tabs - vertical!
  145. */
  146. .vertical-tabs ul.vertical-tabs-list li {
  147. background-color: inherit;
  148. }
  149. .vertical-tabs ul.vertical-tabs-list li.selected {
  150. background-color: #111;
  151. }
  152. .vertical-tabs ul.vertical-tabs-list .selected strong {
  153. color: white;
  154. }
  155. /**
  156. * Messages and such
  157. */
  158. div.messages, div.status, div.warning, div.error {
  159. color: white;
  160. background-color: #330; /* ffc */
  161. }
  162. div.ok, table tr.ok, .update table tr.ok {
  163. background-color: #020; /* #dfd */
  164. color: #dfd; /* #020 */
  165. }
  166. div.error, table tr.error, .update table tr.error {
  167. background-color: #100; /* #fee */
  168. color: #f66; /* #900 */
  169. }
  170. .update table tr.error .version-recommended {
  171. background-color: #200; /* #fdd */
  172. }
  173. div.warning, table tr.warning, .update table tr.warning {
  174. background-color: #330; /* #ffc */
  175. /*border-color: #630; /* #fc0 */
  176. color: white;
  177. }
  178. .update table tr.warning .version-recommended {
  179. background-color: #441;
  180. }
  181. .update table tr.unknown {
  182. background-color: #222; /* #ddd */
  183. }
  184. /**
  185. * Log entries
  186. */
  187. tr.dblog-user .active {
  188. background-color: #220; /* #eed - 110 is too close to basic table row color */
  189. }
  190. tr.dblog-content .active {
  191. background-color: #002; /* #cce */
  192. }
  193. tr.dblog-page-not-found .active, tr.dblog-access-denied .active {
  194. background-color: #131; /* #cec */
  195. }
  196. tr.dblog-error .active {
  197. background-color: #350000; /* #eeb9b9 */
  198. }
  199. /**
  200. * Block editing links on hover
  201. */
  202. div.block.with-block-editing div.edit {
  203. background-color: black;
  204. border-color: #111;
  205. }
  206. /**
  207. * Misc
  208. */
  209. .progress .bar {
  210. background-image: url(../images/progress.gif);
  211. }
  212. /**
  213. * The Devel module uses Krumo to "pretty-print" arrays and objects. Its default
  214. * color scheme doesn't work with white text very well (it's nearly impossible
  215. * to read). Rather than trying to fix the background colors in this case, we'll
  216. * just make the text black again.
  217. */
  218. .krumo-root {
  219. color: black;
  220. }