punbb/style/imports/Cobalt_cs.css
changeset 6 5e1f1e916419
parent 5 e3d7322305bf
child 7 98bbc533541c
equal deleted inserted replaced
5:e3d7322305bf 6:5e1f1e916419
     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}