[Summary view] [Print] [Text view]

   1  /* General Markup Styles
   2  ---------------------------------------- */
   3  
   4  * {
   5      /* Reset browsers default margin, padding and font sizes */
   6      margin: 0;
   7      padding: 0;
   8  }
   9  
  10  html {
  11      font-size: 100%;
  12      /* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers */
  13      height: 101%;
  14  }
  15  
  16  body {
  17      /* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
  18      font-family: Verdana, Helvetica, Arial, sans-serif;
  19      color: #828282;
  20      background-color: #FFFFFF;
  21      /*font-size: 62.5%;             This sets the default font size to be equivalent to 10px */
  22      font-size: 10px;
  23      margin: 0;
  24      padding: 12px 0;
  25  }
  26  
  27  h1 {
  28      /* Forum name */
  29      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  30      margin-right: 200px;
  31      color: #FFFFFF;
  32      margin-top: 15px;
  33      font-weight: bold;
  34      font-size: 2em;
  35  }
  36  
  37  h2 {
  38      /* Forum header titles */
  39      font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  40      font-weight: normal;
  41      color: #3f3f3f;
  42      font-size: 2em;
  43      margin: 0.8em 0 0.2em 0;
  44  }
  45  
  46  h2.solo {
  47      margin-bottom: 1em;
  48  }
  49  
  50  h3 {
  51      /* Sub-headers (also used as post headers, but defined later) */
  52      font-family: Arial, Helvetica, sans-serif;
  53      font-weight: bold;
  54      text-transform: uppercase;
  55      border-bottom: 1px solid #CCCCCC;
  56      margin-bottom: 3px;
  57      padding-bottom: 2px;
  58      font-size: 1.05em;
  59      color: #989898;
  60      margin-top: 20px;
  61  }
  62  
  63  h4 {
  64      /* Forum and topic list titles */
  65      font-family: "Trebuchet MS", Verdana, Helvetica, Arial, Sans-serif;
  66      font-size: 1.3em;
  67  }
  68  
  69  p {
  70      line-height: 1.3em;
  71      font-size: 1.1em;
  72      margin-bottom: 1.5em;
  73  }
  74  
  75  img {
  76      border-width: 0;
  77  }
  78  
  79  hr {
  80      /* Also see tweaks.css */
  81      border: 0 none #FFFFFF;
  82      border-top: 1px solid #CCCCCC;
  83      height: 1px;
  84      margin: 5px 0;
  85      display: block;
  86      clear: both;
  87  }
  88  
  89  hr.dashed {
  90      border-top: 1px dashed #CCCCCC;
  91      margin: 10px 0;
  92  }
  93  
  94  hr.divider {
  95      display: none;
  96  }
  97  
  98  p.right {
  99      text-align: right;
 100  }
 101  
 102  /* Main blocks
 103  ---------------------------------------- */
 104  #wrap {
 105      padding: 0 20px;
 106      min-width: 650px;
 107  }
 108  
 109  #simple-wrap {
 110      padding: 6px 10px;
 111  }
 112  
 113  #page-body {
 114      margin: 4px 0;
 115      clear: both;
 116  }
 117  
 118  #page-footer {
 119      clear: both;
 120  }
 121  
 122  #page-footer h3 {
 123      margin-top: 20px;
 124  }
 125  
 126  #logo {
 127      float: left;
 128      width: auto;
 129      padding: 10px 13px 0 10px;
 130  }
 131  
 132  a#logo:hover {
 133      text-decoration: none;
 134  }
 135  
 136  /* Search box
 137  --------------------------------------------- */
 138  #search-box {
 139      color: #FFFFFF;
 140      position: relative;
 141      margin-top: 30px;
 142      margin-right: 5px;
 143      display: block;
 144      float: right;
 145      text-align: right;
 146      white-space: nowrap; /* For Opera */
 147  }
 148  
 149  #search-box #keywords {
 150      width: 95px;
 151      background-color: #FFF;
 152  }
 153  
 154  #search-box input {
 155      border: 1px solid #b0b0b0;
 156  }
 157  
 158  /* .button1 style defined later, just a few tweaks for the search button version */
 159  #search-box input.button1 {
 160      padding: 1px 5px;
 161  }
 162  
 163  #search-box li {
 164      text-align: right;
 165      margin-top: 4px;
 166  }
 167  
 168  #search-box img {
 169      vertical-align: middle;
 170      margin-right: 3px;
 171  }
 172  
 173  /* Site description and logo */
 174  #site-description {
 175      float: left;
 176      width: 70%;
 177  }
 178  
 179  #site-description h1 {
 180      margin-right: 0;
 181  }
 182  
 183  /* Round cornered boxes and backgrounds
 184  ---------------------------------------- */
 185  .headerbar {
 186      background: #ebebeb none repeat-x 0 0;
 187      color: #FFFFFF;
 188      margin-bottom: 4px;
 189      padding: 0 5px;
 190  }
 191  
 192  .navbar {
 193      background-color: #ebebeb;
 194      padding: 0 10px;
 195  }
 196  
 197  .forabg {
 198      background: #b1b1b1 none repeat-x 0 0;
 199      margin-bottom: 4px;
 200      padding: 0 5px;
 201      clear: both;
 202  }
 203  
 204  .forumbg {
 205      background: #ebebeb none repeat-x 0 0;
 206      margin-bottom: 4px;
 207      padding: 0 5px;
 208      clear: both;
 209  }
 210  
 211  .panel {
 212      margin-bottom: 4px;
 213      padding: 0 10px;
 214      background-color: #f3f3f3;
 215      color: #3f3f3f;
 216  }
 217  
 218  .post {
 219      padding: 0 10px;
 220      margin-bottom: 4px;
 221      background-repeat: no-repeat;
 222      background-position: 100% 0;
 223  }
 224  
 225  .post:target .content {
 226      color: #000000;
 227  }
 228  
 229  .post:target h3 a {
 230      color: #000000;
 231  }
 232  
 233  .bg1    { background-color: #f7f7f7;}
 234  .bg2    { background-color: #f2f2f2; }
 235  .bg3    { background-color: #ebebeb; }
 236  
 237  .rowbg {
 238      margin: 5px 5px 2px 5px;
 239  }
 240  
 241  .ucprowbg {
 242      background-color: #e2e2e2;
 243  }
 244  
 245  .fieldsbg {
 246      /*border: 1px #DBDEE2 solid;*/
 247      background-color: #eaeaea;
 248  }
 249  
 250  span.corners-top, span.corners-bottom, span.corners-top span, span.corners-bottom span {
 251      font-size: 1px;
 252      line-height: 1px;
 253      display: block;
 254      height: 5px;
 255      background-repeat: no-repeat;
 256  }
 257  
 258  span.corners-top {
 259      background-image: none;
 260      background-position: 0 0;
 261      margin: 0 -5px;
 262  }
 263  
 264  span.corners-top span {
 265      background-image: none;
 266      background-position: 100% 0;
 267  }
 268  
 269  span.corners-bottom {
 270      background-image: none;
 271      background-position: 0 100%;
 272      margin: 0 -5px;
 273      clear: both;
 274  }
 275  
 276  span.corners-bottom span {
 277      background-image: none;
 278      background-position: 100% 100%;
 279  }
 280  
 281  .headbg span.corners-bottom {
 282      margin-bottom: -1px;
 283  }
 284  
 285  .post span.corners-top, .post span.corners-bottom, .panel span.corners-top, .panel span.corners-bottom, .navbar span.corners-top, .navbar span.corners-bottom {
 286      margin: 0 -10px;
 287  }
 288  
 289  .rules span.corners-top {
 290      margin: 0 -10px 5px -10px;
 291  }
 292  
 293  .rules span.corners-bottom {
 294      margin: 5px -10px 0 -10px;
 295  }
 296  
 297  /* Horizontal lists
 298  ----------------------------------------*/
 299  ul.linklist {
 300      display: block;
 301      margin: 0;
 302  }
 303  
 304  ul.linklist li {
 305      display: block;
 306      list-style-type: none;
 307      float: left;
 308      width: auto;
 309      margin-right: 5px;
 310      font-size: 1.1em;
 311      line-height: 2.2em;
 312  }
 313  
 314  ul.linklist li.rightside, p.rightside {
 315      float: right;
 316      margin-right: 0;
 317      margin-left: 5px;
 318      text-align: right;
 319  }
 320  
 321  ul.navlinks {
 322      padding-bottom: 1px;
 323      margin-bottom: 1px;
 324      border-bottom: 1px solid #FFFFFF;
 325      font-weight: bold;
 326  }
 327  
 328  ul.leftside {
 329      float: left;
 330      margin-left: 0;
 331      margin-right: 5px;
 332      text-align: left;
 333  }
 334  
 335  ul.rightside {
 336      float: right;
 337      margin-left: 5px;
 338      margin-right: -5px;
 339      text-align: right;
 340  }
 341  
 342  /* Table styles
 343  ----------------------------------------*/
 344  table.table1 {
 345      /* See tweaks.css */
 346  }
 347  
 348  #ucp-main table.table1 {
 349      padding: 2px;
 350  }
 351  
 352  table.table1 thead th {
 353      font-weight: normal;
 354      text-transform: uppercase;
 355      color: #FFFFFF;
 356      line-height: 1.3em;
 357      font-size: 1em;
 358      padding: 0 0 4px 3px;
 359  }
 360  
 361  table.table1 thead th span {
 362      padding-left: 7px;
 363  }
 364  
 365  table.table1 tbody tr {
 366      border: 1px solid #cfcfcf;
 367  }
 368  
 369  table.table1 tbody tr:hover, table.table1 tbody tr.hover {
 370      background-color: #f6f6f6;
 371      color: #000;
 372  }
 373  
 374  table.table1 td {
 375      color: #6a6a6a;
 376      font-size: 1.1em;
 377  }
 378  
 379  table.table1 tbody td {
 380      padding: 5px;
 381      border-top: 1px solid #FAFAFA;
 382  }
 383  
 384  table.table1 tbody th {
 385      padding: 5px;
 386      border-bottom: 1px solid #000000;
 387      text-align: left;
 388      color: #333333;
 389      background-color: #FFFFFF;
 390  }
 391  
 392  /* Specific column styles */
 393  table.table1 .name        { text-align: left; }
 394  table.table1 .posts        { text-align: center !important; width: 7%; }
 395  table.table1 .joined    { text-align: left; width: 15%; }
 396  table.table1 .active    { text-align: left; width: 15%; }
 397  table.table1 .mark        { text-align: center; width: 7%; }
 398  table.table1 .info        { text-align: left; width: 30%; }
 399  table.table1 .info div    { width: 100%; white-space: normal; overflow: hidden; }
 400  table.table1 .autocol    { line-height: 2em; white-space: nowrap; }
 401  table.table1 thead .autocol { padding-left: 1em; }
 402  
 403  table.table1 span.rank-img {
 404      float: right;
 405      width: auto;
 406  }
 407  
 408  table.info td {
 409      padding: 3px;
 410  }
 411  
 412  table.info tbody th {
 413      padding: 3px;
 414      text-align: right;
 415      vertical-align: top;
 416      color: #000000;
 417      font-weight: normal;
 418  }
 419  
 420  .forumbg table.table1 {
 421      margin: 0;
 422  }
 423  
 424  .forumbg-table > .inner {
 425      margin: 0 -1px;
 426  }
 427  
 428  .forumbg-table > .inner > span.corners-top {
 429      margin: 0 -4px -1px -4px;
 430  }
 431  
 432  .forumbg-table > .inner > span.corners-bottom {
 433      margin: -1px -4px 0 -4px;
 434  }
 435  
 436  /* Misc layout styles
 437  ---------------------------------------- */
 438  /* column[1-2] styles are containers for two column layouts 
 439     Also see tweaks.css */
 440  .column1 {
 441      float: left;
 442      clear: left;
 443      width: 49%;
 444  }
 445  
 446  .column2 {
 447      float: right;
 448      clear: right;
 449      width: 49%;
 450  }
 451  
 452  /* General classes for placing floating blocks */
 453  .left-box {
 454      float: left;
 455      width: auto;
 456      text-align: left;
 457  }
 458  
 459  .right-box {
 460      float: right;
 461      width: auto;
 462      text-align: right;
 463  }
 464  
 465  dl.details {
 466      /*font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;*/
 467      font-size: 1.1em;
 468  }
 469  
 470  dl.details dt {
 471      float: left;
 472      clear: left;
 473      width: 30%;
 474      text-align: right;
 475      color: #000000;
 476      display: block;
 477  }
 478  
 479  dl.details dd {
 480      margin-left: 0;
 481      padding-left: 5px;
 482      margin-bottom: 5px;
 483      color: #828282;
 484      float: left;
 485      width: 65%;
 486  }
 487  
 488  /* Pagination
 489  ---------------------------------------- */
 490  .pagination {
 491      height: 1%; /* IE tweak (holly hack) */
 492      width: auto;
 493      text-align: right;
 494      margin-top: 5px;
 495      float: right;
 496  }
 497  
 498  .pagination span.page-sep {
 499      display: none;
 500  }
 501  
 502  li.pagination {
 503      margin-top: 0;
 504  }
 505  
 506  .pagination strong, .pagination b {
 507      font-weight: normal;
 508  }
 509  
 510  .pagination span strong {
 511      padding: 0 2px;
 512      margin: 0 2px;
 513      font-weight: normal;
 514      color: #FFFFFF;
 515      background-color: #bfbfbf;
 516      border: 1px solid #bfbfbf;
 517      font-size: 0.9em;
 518  }
 519  
 520  .pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active {
 521      font-weight: normal;
 522      text-decoration: none;
 523      color: #747474;
 524      margin: 0 2px;
 525      padding: 0 2px;
 526      background-color: #eeeeee;
 527      border: 1px solid #bababa;
 528      font-size: 0.9em;
 529      line-height: 1.5em;
 530  }
 531  
 532  .pagination span a:hover {
 533      border-color: #d2d2d2;
 534      background-color: #d2d2d2;
 535      color: #FFF;
 536      text-decoration: none;
 537  }
 538  
 539  .pagination img {
 540      vertical-align: middle;
 541  }
 542  
 543  /* Pagination in viewforum for multipage topics */
 544  .row .pagination {
 545      display: block;
 546      float: right;
 547      width: auto;
 548      margin-top: 0;
 549      padding: 1px 0 1px 15px;
 550      font-size: 0.9em;
 551      background: none 0 50% no-repeat;
 552  }
 553  
 554  .row .pagination span a, li.pagination span a {
 555      background-color: #FFFFFF;
 556  }
 557  
 558  .row .pagination span a:hover, li.pagination span a:hover {
 559      background-color: #d2d2d2;
 560  }
 561  
 562  /* Miscellaneous styles
 563  ---------------------------------------- */
 564  #forum-permissions {
 565      float: right;
 566      width: auto;
 567      padding-left: 5px;
 568      margin-left: 5px;
 569      margin-top: 10px;
 570      text-align: right;
 571  }
 572  
 573  .copyright {
 574      padding: 5px;
 575      text-align: center;
 576      color: #555555;
 577  }
 578  
 579  .small {
 580      font-size: 0.9em !important;
 581  }
 582  
 583  .titlespace {
 584      margin-bottom: 15px;
 585  }
 586  
 587  .headerspace {
 588      margin-top: 20px;
 589  }
 590  
 591  .error {
 592      color: #bcbcbc;
 593      font-weight: bold;
 594      font-size: 1em;
 595  }
 596  
 597  .reported {
 598      background-color: #f7f7f7;
 599  }
 600  
 601  li.reported:hover {
 602      background-color: #ececec;
 603  }
 604  
 605  div.rules {
 606      background-color: #ececec;
 607      color: #bcbcbc;
 608      padding: 0 10px;
 609      margin: 10px 0;
 610      font-size: 1.1em;
 611  }
 612  
 613  div.rules ul, div.rules ol {
 614      margin-left: 20px;
 615  }
 616  
 617  p.rules {
 618      background-color: #ececec;
 619      background-image: none;
 620      padding: 5px;
 621  }
 622  
 623  p.rules img {
 624      vertical-align: middle;
 625      padding-top: 5px;
 626  }
 627  
 628  p.rules a {
 629      vertical-align: middle;
 630      clear: both;
 631  }
 632  
 633  #top {
 634      position: absolute;
 635      top: -20px;
 636  }
 637  
 638  .clear {
 639      display: block;
 640      clear: both;
 641      font-size: 1px;
 642      line-height: 1px;
 643      background: transparent;
 644  }