phpBB2/templates/christmas2/christmas2.css

   1 /*
   2   The original subSilver Theme for phpBB version 2+
   3   Created by subBlue design
   4   http://www.subBlue.com
   5 */
   6
   7
   8  /* General page style. The scroll bar colours only visible in IE5.5+ */
   9 body {
  10         background-color: #800000;
  11 scrollbar-3dlight-color:#006600;
  12 scrollbar-arrow-color:#FFFF80;
  13 scrollbar-darkshadow-color:#066000;
  14 scrollbar-face-color:#066000;
  15 scrollbar-highlight-color:#008000;
  16 scrollbar-shadow-color:##008000;
  17 scrollbar-track-color:#008000}
  18 }
  19
  20 /* General font families for common tags */
  21 font,th,td,p { font:11px;font-family: Verdana, Arial, Helvetica, sans-serif }
  22 a:link,a:active,a:visited { color : #FFFFFF; text-decoration: none; font-weight: bold; }
  23 a:hover         { text-decoration: underline; color : #C0FFC0; }
  24 hr      { height: 0px; border: solid #FFFFFF 0px; border-top-width: 1px;}
  25
  26
  27 /* This is the border line & background colour round the entire page */
  28 .bodyline{background:#066000;color:#008000;border:8px ridge #C0FFC0}
  29
  30 /* This is the outline round the main forum tables */
  31 .forumline{background:#33CC00;color:#008000;border:3px ridge #C0FFC0}
  32
  33
  34 /* Main table cell colours and backgrounds */
  35 td.row1{background:#008000; color:#ffffff}
  36 td.row2{background:#066000; color:#ffffff}
  37 td.row3{background:#008000; color:#ffffff}
  38
  39
  40 /*
  41   This is for the table cell above the Topics, Post & Last posts on the index.php page
  42   By default this is the fading out gradiated silver background.
  43   However, you could replace this with a bitmap specific for each forum
  44 */
  45 td.rowpic{background:#008000 repeat-y}
  46
  47 /* Header cells - the blue and silver gradient backgrounds */
  48 th{background:url(images/cellpic3.gif) #066000;color:#FFFFFF;font-size:12px;
  49 font-weight:bold;height:20px;white-space:nowrap}
  50
  51 td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {
  52                         background-image: url(images/cellpic1.gif); background-color:#066000;
  53       color:#FFFFFF; height: 25px;
  54 }
  55
  56
  57 /*
  58   Setting additional nice inner borders for the main table cells.
  59   The names indicate which sides the border will be on.
  60   Don't worry if you don't understand this, just ignore it :-)
  61 */
  62 td.cat,td.catHead,td.catBottom {
  63         height: 29px;
  64         border-width: 0px 0px 0px 0px;
  65 }
  66 th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {
  67         font-weight: bold; border: #FFFFFF; height: 28px; }
  68 td.row3Right,td.spaceRow {
  69         background-color: #008000; border: #008000; border-style: solid; }
  70
  71 th.thHead,td.catHead { font-size: 12px; border-width: 1px 1px 0px 1px; }
  72 th.thSides,td.catSides,td.spaceRow       { border-width: 0px 1px 0px 1px; }
  73 th.thRight,td.catRight,td.row3Right      { border-width: 0px 1px 0px 0px; }
  74 th.thLeft,td.catLeft      { border-width: 0px 0px 0px 1px; }
  75 th.thBottom,td.catBottom  { border-width: 0px 1px 1px 1px; }
  76 th.thTop         { border-width: 1px 0px 0px 0px; }
  77 th.thCornerL { border-width: 1px 0px 0px 1px; }
  78 th.thCornerR { border-width: 1px 1px 0px 0px; }
  79
  80
  81 /* The largest text used in the index page title and toptic title etc. */
  82 .maintitle,h1,h2        {
  83                         font-weight: bold; font-size: 22px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica,
  84             sans-serif;text-decoration: none; line-height : 120%; color : #FFFFFF;
  85 }
  86
  87
  88 /* General text */
  89 .gen { font-size : 11px; }
  90 .genmed { font-size : 11px; }
  91 .gensmall { font-size : 10px; }
  92 .gen,.genmed,.gensmall { color : #FFFFFF; }
  93 a.gen,a.genmed,a.gensmall { color: #FFFFFF; text-decoration: none; }
  94 a.gen:hover,a.genmed:hover,a.gensmall:hover     { color: #C0FFC0; text-decoration: underline; }
  95
  96
  97 /* The register, login, search etc links at the top of the page */
  98 .mainmenu               { font-size : 11px; color : #FFFFFF }
  99 a.mainmenu              { text-decoration: none; color : #FFFFFF;  }
 100 a.mainmenu:hover{ text-decoration: none; color : #C0FFC0; }
 101
 102
 103 /* Forum category titles */
 104 .cattitle               { font-weight: bold; font-size: 12px ; letter-spacing: 1px; color : #FFFFFF}
 105 a.cattitle              { text-decoration: none; color : #FFFFFF; }
 106 a.cattitle:hover{ text-decoration: none; color : #C0FFC0; }
 107
 108
 109 /* Forum title: Text and link to the forums used in: index.php */
 110 .forumlink              { font-weight: bold; font-size: 12px; color : #FFFFFF; }
 111 a.forumlink     { text-decoration: none; color : #FFFFFF; }
 112 a.forumlink:hover{ text-decoration: none; color : #C0FFC0; }
 113
 114
 115 /* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
 116 .nav                    { font-weight: bold; font-size: 11px; color : #FFFFFF;}
 117 a.nav                   { text-decoration: none; color : #FFFFFF; }
 118 a.nav:hover             { text-decoration: none; color : #C0FFC0; }
 119
 120 .topnav{font-size:10px;background: #e5ebf3 url(images/cellpic1.gif) repeat-x;color:#dd6900;
 121
 122 /* titles for the topics: could specify viewed link colour too */
 123 .topictitle                     { font-weight: bold; font-size: 11px; color : #FFFFFF; }
 124 a.topictitle:link   { text-decoration: none; color : #FFFFFF; }
 125 a.topictitle:visited { text-decoration: none; color : #FFFFFF; }
 126 a.topictitle:hover      { text-decoration: none; color : #C0FFC0; }
 127
 128
 129 /* Name of poster in viewmsg.php and viewtopic.php and other places */
 130 .name                   { font-size : 11px; color : #FFFFFF;}
 131
 132 /* Location, number of posts, post date etc */
 133 .postdetails            { font-size : 10px; color : #FFFFFF; }
 134
 135
 136 /* The content of the posts (body of text) */
 137 .postbody { font-size : 12px;color : #FFFFFF}
 138 a.postlink:link { text-decoration: none; color : #FFFFFF }
 139 a.postlink:visited { text-decoration: none; color : #FFFFFF; }
 140 a.postlink:hover { text-decoration: none; color : #C0FFC0}
 141
 142
 143 /* Quote & Code blocks */
 144 .code{background:#C0FFC0;border:1px dashed #FFFFFF;color:#000000;
 145 font:11px Courier,"Courier New",sans-serif;padding:5px}
 146
 147 .quote{background:#C0FFC0;border:1px dashed #FFFFFF;color:#000000;
 148 font:bold 11px/125% Verdana,Arial,Helvetica,sans-serif}
 149
 150
 151 /* Copyright and bottom info */
 152 .copyright              { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; letter-spacing: -1px;}
 153 a.copyright             { color: #FFFFFF; text-decoration: none;}
 154 a.copyright:hover { color: #FFFFFF; text-decoration: none;}
 155
 156
 157 /* Form elements */
 158 input,textarea, select {
 159         color : #FFFFFF;
 160         font: normal 11px Verdana, Arial, Helvetica, sans-serif;
 161         border-color : #008000;
 162 }
 163
 164 /* The text input fields background colour */
 165 input.post, textarea.post, select {background-color : #066000;}
 166
 167 input { text-indent : 2px; }
 168
 169 /* The buttons used for bbCode styling in message post */
 170 input.button {
 171         background-color : #008000;
 172         color : #FFFFFF;
 173         font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
 174 }
 175
 176 /* The main submit button option */
 177 input.mainoption {
 178         background-color : #008000;
 179         font-weight : bold;
 180 }
 181
 182 /* None-bold submit button */
 183 input.liteoption {
 184         background-color : #008000;border-color : #ffffff;
 185         font-weight : normal;
 186 }
 187
 188 /* This is the line in the posting page which shows the rollover
 189   help line. This is actually a text box, but if set to be the same
 190   colour as the background no one will know ;)
 191 */
 192 .helpline { background-color: #008000; border-style: none; }
 193
 194
 195 /* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */
 196 @import url("formIE.css");