[Summary view] [Print] [Text view]

   1  /*  phpBB3 Style Sheet
   2      --------------------------------------------------------------
   3      Style name:            subsilver2
   4      Based on style:        subSilver (the default phpBB 2.0.x style)
   5      Original author:    Tom Beddard ( http://www.subblue.com/ )
   6      Modified by:        phpBB Group ( https://www.phpbb.com/ )
   7      --------------------------------------------------------------
   8  */
   9  
  10  /* Layout
  11   ------------ */
  12  * {
  13      /* Reset browsers default margin, padding and font sizes */
  14      margin: 0;
  15      padding: 0;
  16  }
  17  
  18  html {
  19      font-size: 100%;
  20  }
  21  
  22  body {
  23      /* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
  24      font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
  25      color: #323D4F;
  26      background-color: #FFFFFF;
  27      font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */
  28      margin: 0;
  29  }
  30  
  31  #wrapheader {
  32      height: auto !important;
  33      padding: 0;
  34  }
  35  
  36  #wrapcentre {
  37      margin: 15px 25px 0 25px;
  38  }
  39  
  40  #wrapfooter {
  41      text-align: center;
  42      clear: both;
  43  }
  44  
  45  #wrapnav {
  46      width: 100%;
  47      margin: 0;
  48      background-color: #ECECEC;
  49      border-width: 1px;
  50      border-style: solid;
  51      border-color: #A9B8C2;
  52  }
  53  
  54  #logodesc {
  55      background-color: #C1CAD2;
  56      background-image: url('./images/background.gif');
  57      background-repeat: repeat-x;
  58      background-position: center bottom;
  59      padding: 0 25px 15px 25px;
  60  }
  61  
  62  #menubar {
  63      margin: 0 25px;
  64  }
  65  
  66  #datebar {
  67      margin: 10px 25px 0 25px;
  68  }
  69  
  70  #findbar {
  71      width: 100%;
  72      margin: 0;
  73      padding: 0;
  74      border: 0;
  75  }
  76  
  77  .forumrules {
  78      background-color: #F9CC79;
  79      border-width: 1px;
  80      border-style: solid;
  81      border-color: #BB9860;
  82      padding: 4px;
  83      font-weight: normal;
  84      font-size: 1.1em;
  85      font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  86  }
  87  
  88  .forumrules h3 {
  89      color: red;
  90  }
  91  
  92  #pageheader { }
  93  #pagecontent { }
  94  #pagefooter { }
  95  
  96  #poll { }
  97  #postrow { }
  98  #postdata { }
  99  
 100  
 101  /*  Text
 102   --------------------- */
 103  h1 {
 104      color: black;
 105      font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
 106      font-weight: bold;
 107      font-size: 1.8em;
 108      text-decoration: none;
 109  }
 110  
 111  h2 {
 112      font-family: Arial, Helvetica, sans-serif;
 113      font-weight: bold;
 114      font-size: 1.5em;
 115      text-decoration: none;
 116      line-height: 120%;
 117  }
 118  
 119  h3 {
 120      font-size: 1.3em;
 121      font-weight: bold;
 122      font-family: Arial, Helvetica, sans-serif;
 123      line-height: 120%;
 124  }
 125  
 126  h4 {
 127      margin: 0;
 128      font-size: 1.1em;
 129      font-weight: bold;
 130  }
 131  
 132  p {
 133      font-size: 1.1em;
 134  }
 135  
 136  p.moderators {
 137      margin: 0;
 138      float: left;
 139      color: black;
 140      font-weight: bold;
 141  }
 142  
 143  .rtl p.moderators {
 144      float: right;
 145  }
 146  
 147  p.linkmcp {
 148      margin: 0;
 149      float: right;
 150      white-space: nowrap;
 151  }
 152  
 153  .rtl p.linkmcp {
 154      float: left;
 155  }
 156  
 157  p.breadcrumbs {
 158      margin: 0;
 159      float: left;
 160      color: black;
 161      font-weight: bold;
 162      white-space: normal;
 163      font-size: 1em;
 164  }
 165  
 166  .rtl p.breadcrumbs {
 167      float: right;
 168  }
 169  
 170  p.datetime {
 171      margin: 0;
 172      float: right;
 173      white-space: nowrap;
 174      font-size: 1em;
 175  }
 176  
 177  .rtl p.datetime {
 178      float: left;
 179  }
 180  
 181  p.searchbar {
 182      padding: 2px 0;
 183      white-space: nowrap;
 184  } 
 185  
 186  p.searchbarreg {
 187      margin: 0;
 188      float: right;
 189      white-space: nowrap;
 190  }
 191  
 192  .rtl p.searchbarreg {
 193      float: left;
 194  }
 195  
 196  p.forumdesc {
 197      padding-bottom: 4px;
 198  }
 199  
 200  p.topicauthor {
 201      margin: 1px 0;
 202  }
 203  
 204  p.topicdetails {
 205      margin: 1px 0;
 206  }
 207  
 208  .postreported, .postreported a:link, .postreported a:visited, .postreported a:hover, .postreported a:active {
 209      margin: 1px 0;
 210      color: red;
 211      font-weight:bold;
 212  }
 213  
 214  .postapprove, .postapprove a:link, .postapprove a:visited, .postapprove a:hover, .postapprove a:active {
 215      color: green;
 216      font-weight:bold;
 217  }
 218  
 219  .postapprove img, .postreported img {
 220      vertical-align: bottom;
 221      padding-top: 5px;
 222  }
 223  
 224  .postauthor {
 225      color: #000000;
 226  }
 227  
 228  .postdetails {
 229      color: #000000;
 230  }
 231  
 232  .postbody {
 233      font-size: 1.3em;
 234      line-height: 1.4em;
 235      font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
 236  }
 237  
 238  .postbody li, ol, ul {
 239      margin: 0 0 0 1.5em;
 240  }
 241  
 242  .rtl .postbody li, .rtl ol, .rtl ul {
 243      margin: 0 1.5em 0 0;
 244  }
 245  
 246  .posthilit {
 247      background-color: yellow;
 248  }
 249  
 250  .nav {
 251      margin: 0;
 252      color: black;
 253      font-weight: bold;
 254  }
 255  
 256  .pagination {
 257      padding: 4px;
 258      color: black;
 259      font-size: 1em;
 260      font-weight: bold;
 261  }
 262  
 263  .cattitle {
 264  
 265  }
 266  
 267  .gen {
 268      margin: 1px 1px;
 269      font-size: 1.2em;
 270  }
 271  
 272  .genmed {
 273      margin: 1px 1px;
 274      font-size: 1.1em;
 275  }
 276  
 277  .gensmall {
 278      margin: 1px 1px;
 279      font-size: 1em;
 280  }
 281  
 282  .copyright {
 283      color: #444;
 284      font-weight: normal;
 285      font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
 286  }
 287  
 288  .titles {
 289      font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
 290      font-weight: bold;
 291      font-size: 1.3em;
 292      text-decoration: none;
 293  }
 294  
 295  .error {
 296      color: red;
 297  }
 298  
 299  
 300  /* Tables
 301   ------------ */
 302  th {
 303      color: #FFA34F;
 304      font-size: 1.1em;
 305      font-weight: bold;
 306      background-color: #006699;
 307      background-image: url('./images/cellpic3.gif');
 308      white-space: nowrap;
 309      padding: 7px 5px;
 310  }
 311  
 312  td {
 313      padding: 2px;
 314  }
 315  td.profile {
 316      padding: 4px;
 317  }
 318  
 319  .tablebg {
 320      background-color: #A9B8C2;
 321  }
 322  
 323  .catdiv {
 324      height: 28px;
 325      margin: 0;
 326      padding: 0;
 327      border: 0;
 328      background: white url('./images/cellpic2.jpg') repeat-y scroll top left;
 329  }
 330  .rtl .catdiv {
 331      background: white url('./images/cellpic2_rtl.jpg') repeat-y scroll top right;
 332  }
 333  
 334  .cat {
 335      height: 28px;
 336      margin: 0;
 337      padding: 0;
 338      border: 0;
 339      background-color: #C7D0D7;
 340      background-image: url('./images/cellpic1.gif');
 341      text-indent: 4px;
 342  }
 343  
 344  .row1 {
 345      background-color: #ECECEC;
 346      padding: 4px;
 347  }
 348  
 349  .row2 {
 350      background-color: #DCE1E5;
 351      padding: 4px;
 352  }
 353  
 354  .row3 {
 355      background-color: #C0C8D0;
 356      padding: 4px;
 357  }
 358  
 359  .spacer {
 360      background-color: #D1D7DC;
 361  }
 362  
 363  hr {
 364      height: 1px;
 365      border-width: 0;
 366      background-color: #D1D7DC;
 367      color: #D1D7DC;
 368  }
 369  
 370  .legend {
 371      text-align:center;
 372      margin: 0 auto;
 373  }
 374  
 375  /* Links
 376   ------------ */
 377  
 378  /* Links adjustment to correctly display an order of rtl/ltr mixed content */
 379  .rtl a {
 380      direction: rtl;
 381      unicode-bidi: embed;
 382  }
 383  
 384  /* CSS spec requires a:link, a:visited, a:hover and a:active rules to be specified in this order. */
 385  /* See http://www.phpbb.com/bugs/phpbb3/59685 */
 386  a:link {
 387      color: #006597;
 388      text-decoration: none;
 389  }
 390  
 391  a:visited {
 392      color: #005784;
 393      text-decoration: none;
 394  }
 395  
 396  a:hover {
 397      color: #D46400;
 398      text-decoration: underline;
 399  }
 400  
 401  a:active {
 402      color: #005784;
 403      text-decoration: none;
 404  }
 405  
 406  a.forumlink {
 407      color: #069;
 408      font-weight: bold;
 409      font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
 410      font-size: 1.2em;
 411  }
 412  
 413  a.topictitle {
 414      margin: 1px 0;
 415      font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
 416      font-weight: bold;
 417      font-size: 1.2em;
 418  }
 419  
 420  a.topictitle:visited {
 421      color: #5493B4;
 422      text-decoration: none;
 423  }
 424  
 425  th a,
 426  th a:visited {
 427      color: #FFA34F !important;
 428      text-decoration: none;
 429  }
 430  
 431  th a:hover {
 432      text-decoration: underline;
 433  }
 434  
 435  
 436  /* Form Elements
 437   ------------ */
 438  form {
 439      margin: 0;
 440      padding: 0;
 441      border: 0;
 442  }
 443  
 444  input {
 445      color: #333333;
 446      font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
 447      font-size: 1.1em;
 448      font-weight: normal;
 449      padding: 1px;
 450      border: 1px solid #A9B8C2;
 451      background-color: #FAFAFA;
 452  }
 453  
 454  textarea {
 455      background-color: #FAFAFA;
 456      color: #333333;
 457      font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
 458      font-size: 1.3em; 
 459      line-height: 1.4em;
 460      font-weight: normal;
 461      border: 1px solid #A9B8C2;
 462      padding: 2px;
 463  }
 464  
 465  select {
 466      color: #333333;
 467      background-color: #FAFAFA;
 468      font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
 469      font-size: 1.1em;
 470      font-weight: normal;
 471      border: 1px solid #A9B8C2;
 472      padding: 1px;
 473  }
 474  
 475  option {
 476      padding: 0 1em 0 0;
 477  }
 478  
 479  option.disabled-option {
 480      color: graytext;
 481  }
 482  
 483  .rtl option {
 484      padding: 0 0 0 1em;
 485  }
 486  
 487  input.radio {
 488      border: none;
 489      background-color: transparent;
 490  }
 491  
 492  .post {
 493      background-color: white;
 494      border-style: solid;
 495      border-width: 1px;
 496  }
 497  
 498  .btnbbcode {
 499      color: #000000;
 500      font-weight: normal;
 501      font-size: 1.1em;
 502      font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
 503      background-color: #EFEFEF;
 504      border: 1px solid #666666;
 505  }
 506  
 507  .btnmain {
 508      font-weight: bold;
 509      background-color: #ECECEC;
 510      border: 1px solid #A9B8C2;
 511      cursor: pointer;
 512      padding: 1px 5px;
 513      font-size: 1.1em;
 514  }
 515  
 516  .btnlite {
 517      font-weight: normal;
 518      background-color: #ECECEC;
 519      border: 1px solid #A9B8C2;
 520      cursor: pointer;
 521      padding: 1px 5px;
 522      font-size: 1.1em;
 523  }
 524  
 525  .btnfile {
 526      font-weight: normal;
 527      background-color: #ECECEC;
 528      border: 1px solid #A9B8C2;
 529      padding: 1px 5px;
 530      font-size: 1.1em;
 531  }
 532  
 533  .helpline {
 534      background-color: #DEE3E7;
 535      border-style: none;
 536  }
 537  
 538  
 539  /* BBCode
 540   ------------ */
 541  .quotetitle, .attachtitle {
 542      margin: 10px 5px 0 5px;
 543      padding: 4px;
 544      border-width: 1px 1px 0 1px;
 545      border-style: solid;
 546      border-color: #A9B8C2;
 547      color: #333333;
 548      background-color: #A9B8C2;
 549      font-size: 0.85em;
 550      font-weight: bold;
 551  }
 552  
 553  .quotetitle .quotetitle {
 554      font-size: 1em;
 555  }
 556  
 557  .quotecontent, .attachcontent {
 558      margin: 0 5px 10px 5px;
 559      padding: 5px;
 560      border-color: #A9B8C2;
 561      border-width: 0 1px 1px 1px;
 562      border-style: solid;
 563      font-weight: normal;
 564      font-size: 1em;
 565      line-height: 1.4em;
 566      font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
 567      background-color: #FAFAFA;
 568      color: #4B5C77;
 569  }
 570  
 571  .attachcontent {
 572      font-size: 0.85em;
 573  }
 574  
 575  .codetitle {
 576      margin: 10px 5px 0 5px;
 577      padding: 2px 4px;
 578      border-width: 1px 1px 0 1px;
 579      border-style: solid;
 580      border-color: #A9B8C2;
 581      color: #333333;
 582      background-color: #A9B8C2;
 583      font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
 584      font-size: 0.8em;
 585  }
 586  
 587  .codecontent {
 588      direction: ltr;
 589      margin: 0 5px 10px 5px;
 590      padding: 5px;
 591      border-color: #A9B8C2;
 592      border-width: 0 1px 1px 1px;
 593      border-style: solid;
 594      font-weight: normal;
 595      color: #006600;
 596      font-size: 0.85em;
 597      font-family: Monaco, 'Courier New', monospace;
 598      background-color: #FAFAFA;
 599  }
 600  
 601  .syntaxbg {
 602      color: #FFFFFF;
 603  }
 604  
 605  .syntaxcomment {
 606      color: #FF8000;
 607  }
 608  
 609  .syntaxdefault {
 610      color: #0000BB;
 611  }
 612  
 613  .syntaxhtml {
 614      color: #000000;
 615  }
 616  
 617  .syntaxkeyword {
 618      color: #007700;
 619  }
 620  
 621  .syntaxstring {
 622      color: #DD0000;
 623  }
 624  
 625  
 626  /* Private messages
 627   ------------------ */
 628  .pm_marked_colour {
 629      background-color: #000000;
 630  }
 631  
 632  .pm_replied_colour {
 633      background-color: #A9B8C2;
 634  }
 635  
 636  .pm_friend_colour {
 637      background-color: #007700;
 638  }
 639  
 640  .pm_foe_colour {
 641      background-color: #DD0000;
 642  }
 643  
 644  
 645  /* Misc
 646   ------------ */
 647  img {
 648      border: none;
 649  }
 650  
 651  .sep {
 652      color: black;
 653      background-color: #FFA34F;
 654  }
 655  
 656  table.colortable td {
 657      padding: 0;
 658  }
 659  
 660  pre {
 661      font-size: 1.1em;
 662      font-family: Monaco, 'Courier New', monospace;
 663  }
 664  
 665  .nowrap {
 666      white-space: nowrap;
 667  }
 668  
 669  .username-coloured {
 670      font-weight: bold;
 671  }