[Summary view] [Print] [Text view]

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