[Sommaire] [Imprimer]

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