fluxbb/style/imports/Cobalt_cs.css

   1 /****************************************************************/
   2 /* 1. BACKGROUND AND TEXT COLOURS */
   3 /****************************************************************/
   4
   5 /* 1.1 Default background colour and text colour */
   6
   7 BODY {BACKGROUND-COLOR: #2A2A2A}
   8
   9 .pun {COLOR: #D4D4D4}
  10
  11 DIV.box,  #adminconsole FIELDSET TH, .rowodd, .roweven {BACKGROUND-COLOR: #383838}
  12 #adminconsole TD, #adminconsole TH {BORDER-COLOR: #383838}
  13
  14 /* 1. 2 Darker background colours */
  15
  16 TD.tc2, TD.tc3, TD.tcmod, #brdfooter DIV.box {BACKGROUND-COLOR: #424242}
  17 #adminconsole FIELDSET TD, #viewprofile DD, DIV.forminfo, DIV.blockmenu DIV.box, #adstats DD {BACKGROUND-COLOR: #484848}
  18
  19 .pun BLOCKQUOTE, DIV.codebox {BACKGROUND-COLOR: #353533}
  20
  21 /* 1.3 Main headers and navigation bar background and text colour */
  22
  23 .pun H2, #brdmenu {BACKGROUND-COLOR: #565656; COLOR: #D4D4D4}
  24
  25 /* 1.4 Table header rows */
  26
  27 .pun TH, .bgc4 {BACKGROUND-COLOR: #484848}
  28
  29 /* 1.5 Fieldset legend text colour */
  30
  31 .pun LEGEND {COLOR: #60A0DC}
  32
  33 /* 1.6 Highlighted text for various items */
  34
  35 .pun DIV.blockmenu LI.isactive A, #posterror LI STRONG {COLOR: #D4D4D4}
  36
  37 /* 1.7 Dark background for form elements */
  38
  39 .pun TEXTAREA, .pun INPUT, .pun SELECT {BACKGROUND-COLOR: #2A2A2A; COLOR: #D4D4D4}
  40
  41 /****************************************************************/
  42 /* 2. POST BACKGROUNDS AND TEXT */
  43 /****************************************************************/
  44
  45 /* 2.1 This is the setup for posts. */
  46
  47 DIV.blockpost DIV.box, DIV.postright, DIV.postfootright, #postpreview {BACKGROUND-COLOR: #383838}
  48 DIV.postright, DIV.postfootright {BORDER-LEFT-COLOR: #424242}
  49 DIV.postleft, DIV.postfootleft, DIV.blockpost LABEL {BACKGROUND-COLOR: #424242}
  50
  51 /* 2.2 Background for post headers and text colour for post numbers in viewtopic */
  52
  53 DIV.blockpost H2 {BACKGROUND-COLOR: #565656}
  54 DIV.blockpost H2 SPAN.conr {COLOR: #A19E96}
  55
  56 /* 2.3 This is the line above the signature in posts. Colour and background should be the same */
  57
  58 .pun HR {BACKGROUND-COLOR: #606060; COLOR: #606060}
  59
  60 /****************************************************************/
  61 /* 3. BORDER COLOURS */
  62 /****************************************************************/
  63
  64 /* 3.1 All external borders (H1 is the board title) */
  65
  66 DIV.box {BORDER-COLOR: #565656}
  67
  68 /* 3.2 Makes the top border of posts match the colour used for post headers */
  69
  70 DIV.blockpost DIV.box {BORDER-COLOR: #565656 #525252 #525252}
  71
  72 /* 3.3 Table internal borders. By default TH is same as background so border is invisible */
  73
  74 .pun TD {BORDER-COLOR: #565656}
  75 .pun TH {BORDER-COLOR: #484848}
  76
  77 /* 3.4 Creates the inset border for quote boxes, code boxes and form info boxes */
  78
  79 .pun BLOCKQUOTE, DIV.codebox, DIV.forminfo, DIV.blockpost LABEL {BORDER-COLOR: #606060}
  80
  81 /* 3.5 Gecko's default fieldset borders are really nasty so this gives them a colour
  82 without interferring with IE's rather nice default */
  83
  84 .pun DIV>FIELDSET {BORDER-COLOR: #ACA899}
  85
  86 /****************************************************************/
  87 /* 4. LINK COLOURS */
  88 /****************************************************************/
  89
  90 /* 4.1 This is the default for all links */
  91
  92 .pun A:link, .pun A:visited {COLOR: #60A0DC}
  93 .pun A:hover {COLOR: #80D6FF}
  94
  95 /* 4.2 This is the colour for links in header rows and the navigation bar */
  96
  97 .pun H2 A:link, .pun H2 A:visited {COLOR: #D4D4D4}
  98 .pun H2 A:hover {COLOR: #D4D4D4}
  99
 100 /* 4.3 This is for closed topics and "hot" links */
 101
 102 LI.postreport A:link, LI.postreport A:visited, TR.iclosed TD.tcl A:link, TR.iclosed TD.tcl A:visited {COLOR: #888}
 103 LI.postreport A:hover, TR.iclosed TD.tcl A:hover {COLOR: #AAA}
 104 LI.maintenancelink A:link, LI.maintenancelink A:visited {COLOR: #FF4000}
 105 LI.maintenancelink A:hover {COLOR: #FF5010}
 106
 107 /****************************************************************/
 108 /* 5. POST STATUS INDICATORS */
 109 /****************************************************************/
 110
 111 /* These are the post status indicators which appear at the left of some tables.
 112 .inew = new posts, .iredirect = redirect forums, .iclosed = closed topics and
 113 .isticky = sticky topics. The default is "icon". By default only .inew is different.*/
 114
 115 DIV.icon {BORDER-COLOR: #484848 #404040 #3C3C3C #444444}
 116 TR.iredirect DIV.icon {BORDER-COLOR: #383838 #383838 #383838 #383838}
 117 DIV.inew {BORDER-COLOR: #5496D8 #4B85C0 #4377AC #4F8DCB}