phorum.css

   1 /* Element level classes */
   2
   3 body
   4 {
   5     color: Black;
   6     font-size: 12px;
   7     font-family: "Bitstream Vera Sans", "Lucida Sans Unicode", "Lucida Grande", Arial;
   8     background-color: White;
   9     margin: 8px;
  10 }
  11
  12 td, th
  13 {
  14     color: Black;
  15     font-size: 12px;
  16     font-family: "Bitstream Vera Sans", "Lucida Sans Unicode", "Lucida Grande", Arial;
  17 }
  18
  19 img
  20 {
  21     border-width: 0px;
  22     vertical-align: middle;
  23 }
  24
  25 a
  26 {
  27     color: #000099;
  28     text-decoration: none;
  29 }
  30 a:active
  31 {
  32     color: #FF6600;
  33     text-decoration: none;
  34 }
  35 a:visited
  36 {
  37     color: #000099;
  38     text-decoration: none;
  39 }
  40
  41 a:hover
  42 {
  43     color: #FF6600;
  44 }
  45
  46 input[type=text], input[type=password], input[type=file], select
  47 {
  48     background-color: White;
  49     color: Black;
  50     font-size: 12px;
  51     font-family: "Bitstream Vera Sans", "Lucida Sans Unicode", "Lucida Grande", Arial;
  52
  53     vertical-align: middle;
  54
  55 }
  56
  57 textarea
  58 {
  59     background-color: White;
  60     color: Black;
  61     font-size: 12px;
  62     font-family: Lucida Console, Andale Mono, Courier New, Courier;
  63 }
  64
  65 input[type=submit]
  66 {
  67     border: 1px dotted #808080;
  68     background-color: #EEEEEE;
  69     font-size: 12px;
  70     font-family: "Bitstream Vera Sans", "Lucida Sans Unicode", "Lucida Grande", Arial;
  71     vertical-align: middle;
  72 }
  73
  74 input
  75 {
  76     vertical-align: middle;
  77 }
  78
  79
  80 /* new styles */
  81
  82 #phorum-index
  83 {
  84     width: 100%;
  85     border: 1px solid #808080;
  86     border-bottom-width: 0px;
  87     text-align: left;
  88 }
  89
  90 #phorum-index th
  91 {
  92     border-bottom: 1px solid #808080;
  93     background-color: #EEEEEE;
  94     padding: 3px 0 3px 0;
  95 }
  96
  97 #phorum-index td
  98 {
  99     font-family: "Bitstream Vera Sans", "Trebuchet MS", Verdana, Arial, sans-serif;
 100     background-color: White;
 101     padding: 3px 0 3px 0;
 102     border-bottom: 1px solid #808080;
 103 }
 104
 105 #phorum-index th.forum-name
 106 {
 107     font-family: "Bitstream Vera Sans", "Trebuchet MS", Verdana, Arial, sans-serif;
 108     font-size: 16px;
 109     padding: 3px 0 3px 3px;
 110 }
 111
 112 #phorum-index th.forum-name a
 113 {
 114     color: Black;
 115 }
 116
 117 #phorum-index th.forum-threads
 118 {
 119     width: 120px;
 120     text-align: center;
 121     vertical-align: middle;
 122 }
 123
 124 #phorum-index th.forum-posts
 125 {
 126     width: 120px;
 127     text-align: center;
 128     vertical-align: middle;
 129 }
 130
 131 #phorum-index th.forum-last-post
 132 {
 133     padding: 3px 15px 3px 3px;
 134     vertical-align: middle;
 135 }
 136
 137 #phorum-index td.forum-name
 138 {
 139     font-family: "Bitstream Vera Sans", "Trebuchet MS", Verdana, Arial, sans-serif;
 140     font-size: 13px;
 141     font-weight: bold;
 142     padding: 5px 0 5px 15px;
 143 }
 144
 145 #phorum-index td.forum-name p
 146 {
 147     font-size: 13px;
 148     font-weight: normal;
 149     font-family: "Bitstream Vera Sans", "Lucida Sans Unicode", "Lucida Grande", Arial;
 150     margin: 0 15px 0 0;
 151 }
 152
 153 #phorum-index td.forum-name small
 154 {
 155     font-weight: normal;
 156     font-family: "Bitstream Vera Sans", "Lucida Sans Unicode", "Lucida Grande", Arial;
 157 }
 158
 159 #phorum-index td.forum-threads
 160 {
 161     width: 120px;
 162     text-align: center;
 163 }
 164
 165 #phorum-index td.forum-posts
 166 {
 167     width: 120px;
 168     text-align: center;
 169 }
 170
 171 #phorum-index td.forum-last-post
 172 {
 173     width: 120px;
 174     padding: 0 15px 0 0;
 175 }
 176
 177 #phorum-menu-table
 178 {
 179     width: 100%;
 180     border-width: 0px;
 181 }
 182
 183 #phorum-menu
 184 {
 185     padding: 5px 3px 0 0;
 186     vertical-align: top;
 187     width: 200px;
 188 }
 189
 190 #phorum-content
 191 {
 192     padding: 5px 0 0 2px;
 193     vertical-align: top;
 194 }
 195
 196 div.phorum-menu
 197 {
 198     font-size: 12px;
 199     font-family: "Bitstream Vera Sans", "Lucida Sans Unicode", "Lucida Grande", Arial;
 200     background-color: White;
 201     border: 1px solid #808080;
 202     padding: 3px;
 203 }
 204
 205 div.phorum-menu ul
 206 {
 207     font-weight: bold;
 208     list-style: none;
 209     padding: 0;
 210     margin: 0 0 10px 0;
 211 }
 212
 213 div.phorum-menu li
 214 {
 215     font-weight: bold;
 216     font-family: Lucida Sans Unicode, Lucida Grande, Arial;
 217     font-size: 12px;
 218     padding: 0 0 0 15px;
 219     margin-top:3px;
 220     background-image: url('phorum/templates/default/images/square_bullet.png');
 221     background-repeat: no-repeat;
 222     background-position: 1px 2px;
 223 }
 224
 225 div.phorum-menu a
 226 {
 227     font-weight: normal;
 228     color: #000000;
 229 }
 230
 231 div.phorum-menu a:hover
 232 {
 233     color: #FF6600;
 234 }
 235
 236 div.phorum-menu a.phorum-current-page
 237 {
 238     font-weight: bold;
 239 }
 240
 241 #phorum-post-form ul
 242 {
 243     padding: 0 0 0 20px;
 244     margin: 3px 0px 8px 0px;
 245    /* font-size: 11px;*/
 246 }
 247
 248 #phorum-post-form li
 249 {
 250     margin-bottom: 3px;
 251 }
 252
 253 #phorum-attachment-list td
 254 {
 255     font-size: 11px;
 256 }
 257
 258     /* Standard classes for use in any page */
 259     /* PhorumDesignDiv - a div for keeping the forum-size size */
 260     .PDDiv
 261     {
 262         width: 100%;
 263         text-align: left;
 264     }
 265     /* new class for layouting the submit-buttons in IE too */
 266     .PhorumSubmit {
 267         border: 1px dotted #808080;
 268         color: Black;
 269         background-color: #EEEEEE;
 270         font-size: 12px;
 271         font-family: "Bitstream Vera Sans", "Lucida Sans Unicode", "Lucida Grande", Arial;
 272         vertical-align: middle;
 273     }
 274
 275     .PhorumTitleText
 276     {
 277         float: right;
 278     }
 279
 280     .PhorumStdBlock
 281     {
 282         font-size: 12px;
 283         font-family: "Bitstream Vera Sans", "Lucida Sans Unicode", "Lucida Grande", Arial;
 284         background-color: White;
 285         border: 1px solid #808080;
 286 /*        width: 100%; */
 287         padding: 3px;
 288         text-align: left;
 289     }
 290
 291     .PhorumStdBlockHeader
 292     {
 293         font-size: 12px;
 294         font-family: "Bitstream Vera Sans", "Lucida Sans Unicode", "Lucida Grande", Arial;
 295         background-color: #EEEEEE;
 296 /*        width: 100%; */
 297         border-left: 1px solid #808080;
 298         border-right: 1px solid #808080;
 299         border-top: 1px solid #808080;
 300         padding: 3px;
 301         text-align: left;
 302     }
 303
 304     .PhorumHeaderText
 305     {
 306         font-weight: bold;
 307     }
 308
 309     .PhorumNavBlock
 310     {
 311         font-size: 12px;
 312         font-family: Lucida Sans Unicode, Lucida Grande, Arial;
 313         border: 1px solid #808080;
 314         margin-top: 1px;
 315         margin-bottom: 1px;
 316 /*        width: 100%; */
 317         background-color: #EEEEEE;
 318         padding: 2px 3px 2px 3px;
 319     }
 320
 321     .PhorumNavHeading
 322     {
 323         font-weight: bold;
 324     }
 325
 326     A.PhorumNavLink
 327     {
 328         color: #000000;
 329         text-decoration: none;
 330         font-weight: normal;
 331         font-family: Lucida Sans Unicode, Lucida Grande, Arial;
 332         font-size: 12px;
 333         border-style: solid;
 334         border-color: #EEEEEE;
 335         border-width: 1px;
 336         padding: 0px 4px 0px 4px;
 337     }
 338
 339     .PhorumSelectedFolder
 340     {
 341         color: #000000;
 342         text-decoration: none;
 343         font-weight: normal;
 344         font-family: Lucida Sans Unicode, Lucida Grande, Arial;
 345         font-size: 12px;
 346         border-style: solid;
 347         border-color: #EEEEEE;
 348         border-width: 1px;
 349         padding: 0px 4px 0px 4px;
 350     }
 351
 352     A.PhorumNavLink:hover
 353     {
 354         background-color: #FFFFFF;
 355         font-weight: normal;
 356         font-family: Lucida Sans Unicode, Lucida Grande, Arial;
 357         font-size: 12px;
 358         border-style: solid;
 359         border-color: #808080;
 360         border-width: 1px;
 361         color: #FF6600;
 362     }
 363
 364     .PhorumFloatingText
 365     {
 366         padding: 10px;
 367     }
 368
 369     .PhorumHeadingLeft
 370     {
 371         padding-left: 3px;
 372         font-weight: bold;
 373     }
 374
 375     .PhorumUserError
 376     {
 377         padding: 10px;
 378         text-align: center;
 379         color: Red;
 380         font-size: 16px;
 381         font-family: "Bitstream Vera Sans", "Trebuchet MS", Verdana, Arial, sans-serif;
 382         font-weight: bold;
 383     }
 384
 385     .PhorumOkMsg
 386     {
 387         padding: 10px;
 388         text-align: center;
 389         color: DarkGreen;
 390         font-size: 16px;
 391         font-family: "Bitstream Vera Sans", "Trebuchet MS", Verdana, Arial, sans-serif;
 392         font-weight: bold;
 393     }
 394
 395    .PhorumNewFlag
 396     {
 397         font-family: "Bitstream Vera Sans", "Lucida Sans Unicode", "Lucida Grande", Arial;
 398         font-size: 10px;
 399         font-weight: bold;
 400         color: #CC0000;
 401     }
 402
 403     .PhorumNotificationArea
 404     {
 405         float: right;
 406         border-style: dotted;
 407         border-color: #808080;
 408         border-width: 1px;
 409     }
 410
 411     /* PSUEDO Table classes                                       */
 412     /* In addition to these, each file that uses them will have a */
 413     /* column with a style property to set its right margin       */
 414
 415     .PhorumColumnFloatXSmall
 416     {
 417         float: right;
 418         width: 75px;
 419     }
 420
 421     .PhorumColumnFloatSmall
 422     {
 423         float: right;
 424         width: 100px;
 425     }
 426
 427     .PhorumColumnFloatMedium
 428     {
 429         float: right;
 430         width: 150px;
 431     }
 432
 433     .PhorumColumnFloatLarge
 434     {
 435         float: right;
 436         width: 200px;
 437     }
 438
 439     .PhorumColumnFloatXLarge
 440     {
 441         float: right;
 442         width: 400px;
 443     }
 444
 445     .PhorumRowBlock
 446     {
 447         background-color: White;
 448         border-bottom: 1px solid #F2F2F2;
 449         padding: 5px 0px 0px 0px;
 450     }
 451
 452     .PhorumRowBlockAlt
 453     {
 454         background-color: #EEEEEE;
 455         border-bottom: 1px solid #F2F2F2;
 456         padding: 5px 0px 0px 0px;
 457     }
 458
 459     /************/
 460
 461
 462     /* All that is left of the tables */
 463
 464     .PhorumStdTable
 465     {
 466         border-style: solid;
 467         border-color: #808080;
 468         border-width: 1px;
 469         width: 100%;
 470     }
 471
 472     .PhorumTableHeader
 473     {
 474         background-color: #EEEEEE;
 475         border-bottom-style: solid;
 476         border-bottom-color: #808080;
 477         border-bottom-width: 1px;
 478         color: #000000;
 479         font-size: 12px;
 480         font-family: Lucida Sans Unicode, Lucida Grande, Arial;
 481         font-weight: bold;
 482         padding: 3px;
 483     }
 484
 485     .PhorumTableRow
 486     {
 487         background-color: White;
 488         border-bottom-style: solid;
 489         border-bottom-color: #F2F2F2;
 490         border-bottom-width: 1px;
 491         color: Black;
 492         font-size: 12px;
 493         font-family: "Bitstream Vera Sans", "Lucida Sans Unicode", "Lucida Grande", Arial;
 494         height: 35px;
 495         padding: 3px;
 496     }
 497
 498     .PhorumTableRowAlt
 499     {
 500         background-color: #EEEEEE;
 501         border-bottom-style: solid;
 502         border-bottom-color: #F2F2F2;
 503         border-bottom-width: 1px;
 504         color: #000000;
 505         font-size: 12px;
 506         font-family: "Bitstream Vera Sans", "Lucida Sans Unicode", "Lucida Grande", Arial;
 507         height: 35px;
 508         padding: 3px;
 509     }
 510
 511     table.PhorumFormTable td
 512     {
 513         height: 26px;
 514     }
 515
 516     /**********************/
 517
 518
 519     /* Read Page specifics */
 520
 521     .PhorumReadMessageBlock
 522     {
 523         margin-bottom: 5px;
 524     }
 525
 526    .PhorumReadBodySubject
 527     {
 528         color: Black;
 529         font-size: 16px;
 530         font-family: "Bitstream Vera Sans", "Trebuchet MS", Verdana, Arial, sans-serif;
 531         font-weight: bold;
 532         padding-left: 3px;
 533     }
 534
 535     .PhorumReadBodyHead
 536     {
 537         padding-left: 5px;
 538     }
 539
 540     .PhorumReadBodyText
 541     {
 542         font-size: 12px;
 543         font-family: "Bitstream Vera Sans", "Lucida Sans Unicode", "Lucida Grande", Arial;
 544         padding: 5px;
 545     }
 546
 547     .PhorumReadNavBlock
 548     {
 549         font-size: 12px;
 550         font-family: Lucida Sans Unicode, Lucida Grande, Arial;
 551         border-left: 1px solid #808080;
 552         border-right: 1px solid #808080;
 553         border-bottom: 1px solid #808080;
 554 /*        width: 100%; */
 555         background-color: #EEEEEE;
 556         padding: 2px 3px 2px 3px;
 557     }
 558
 559     /********************/
 560
 561     /* List page specifics */
 562
 563     .PhorumListSubText
 564     {
 565         color: #707070;
 566         font-size: 10px;
 567         font-family: "Bitstream Vera Sans", Arial, sans-serif;
 568     }
 569
 570     .PhorumListPageLink
 571     {
 572         color: #707070;
 573         font-size: 10px;
 574         font-family: "Bitstream Vera Sans", Arial, sans-serif;
 575     }
 576
 577     .PhorumListSubjPrefix
 578     {
 579         font-weight: bold;
 580     }
 581
 582     /********************/
 583
 584     /* Posting editor specifics */
 585
 586     .PhorumListModLink, .PhorumListModLink a
 587     {
 588         color: #707070;
 589         font-size: 10px;
 590         font-family: "Bitstream Vera Sans", Arial, sans-serif;
 591     }
 592
 593     .PhorumAttachmentRow {
 594         border-bottom: 1px solid #EEEEEE;
 595         padding: 3px 0px 3px 0px;
 596     }
 597
 598     /********************/
 599
 600     /* PM specifics */
 601
 602     .phorum-recipientblock
 603     {
 604         border: 1px solid black;
 605         position:relative;
 606         float:left;
 607         padding: 1px 1px 1px 5px;
 608         margin: 0px 5px 5px 0px;
 609         font-size: 11px;
 610         background-color: White;
 611         border: 1px solid #808080;
 612         white-space: nowrap;
 613     }
 614
 615     .phorum-pmuserselection
 616     {
 617         padding-bottom: 5px;
 618     }
 619
 620     .phorum-gaugetable {
 621         border-collapse: collapse;
 622     }
 623
 624     .phorum-gauge {
 625         border: 1px solid #808080;
 626         background-color: #EEEEEE;
 627     }
 628
 629     .phorum-gaugeprefix {
 630         border: none;
 631         background-color: white;
 632         padding-right: 10px;
 633     }
 634
 635     /********************/
 636
 637     /* Override classes - Must stay at the end */
 638
 639     .PhorumNarrowBlock
 640     {
 641         width: 600px;
 642     }
 643
 644     .PhorumSmallFont
 645     {
 646         font-size: 11px;
 647     }
 648
 649     .PhorumLargeFont
 650     {
 651         color: Black;
 652         font-size: 16px;
 653         font-family: "Bitstream Vera Sans", "Trebuchet MS", Verdana, Arial, sans-serif;
 654         font-weight: bold;
 655     }
 656
 657
 658     .PhorumFooterPlug
 659     {
 660         margin-top: 10px;
 661         font-size: 10px;
 662         font-family: "Bitstream Vera Sans", Arial, sans-serif;
 663     }
 664
 665
 666
 667     /*   BBCode styles  */
 668
 669     blockquote
 670     {
 671         font-size: 11px;
 672         margin: 0 0 0 10px;
 673     }
 674
 675     blockquote div
 676     {
 677         margin: 0;
 678         padding: 5px;
 679         border: 1px solid #808080;
 680     }
 681
 682     blockquote strong
 683     {
 684         font-style: italic;
 685         margin: 0 0 3px 0;
 686     }