phpBB/styles/prosilver/theme/content.css

   1 /* proSilver Content Styles
   2 ---------------------------------------- */
   3
   4 ul.topiclist {
   5         display: block;
   6         list-style-type: none;
   7         margin: 0;
   8 }
   9
  10 ul.forums {
  11         background: #f9f9f9 none repeat-x 0 0;
  12 }
  13
  14 ul.topiclist li {
  15         display: block;
  16         list-style-type: none;
  17         color: #777777;
  18         margin: 0;
  19 }
  20
  21 ul.topiclist dl {
  22         position: relative;
  23 }
  24
  25 ul.topiclist li.row dl {
  26         padding: 2px 0;
  27 }
  28
  29 ul.topiclist dt {
  30         display: block;
  31         float: left;
  32         width: 50%;
  33         font-size: 1.1em;
  34         padding-left: 5px;
  35         padding-right: 5px;
  36 }
  37
  38 ul.topiclist dd {
  39         display: block;
  40         float: left;
  41         border-left: 1px solid #FFFFFF;
  42         padding: 4px 0;
  43 }
  44
  45 ul.topiclist dfn {
  46         /* Labels for post/view counts */
  47         display: none;
  48 }
  49
  50 ul.topiclist li.row dt a.subforum {
  51         background-image: none;
  52         background-position: 0 50%;
  53         background-repeat: no-repeat;
  54         position: relative;
  55         white-space: nowrap;
  56         padding: 0 0 0 12px;
  57 }
  58
  59 .forum-image {
  60         float: left;
  61         padding-top: 5px;
  62         margin-right: 5px;
  63 }
  64
  65 li.row {
  66         border-top: 1px solid #FFFFFF;
  67         border-bottom: 1px solid #8f8f8f;
  68 }
  69
  70 li.row strong {
  71         font-weight: normal;
  72         color: #000000;
  73 }
  74
  75 li.row:hover {
  76         background-color: #f6f6f6;
  77 }
  78
  79 li.row:hover dd {
  80         border-left-color: #CCCCCC;
  81 }
  82
  83 li.header dt, li.header dd {
  84         line-height: 1em;
  85         border-left-width: 0;
  86         margin: 2px 0 4px 0;
  87         color: #FFFFFF;
  88         padding-top: 2px;
  89         padding-bottom: 2px;
  90         font-size: 1em;
  91         font-family: Arial, Helvetica, sans-serif;
  92         text-transform: uppercase;
  93 }
  94
  95 li.header dt {
  96         font-weight: bold;
  97 }
  98
  99 li.header dd {
 100         margin-left: 1px;
 101 }
 102
 103 li.header dl.icon {
 104         min-height: 0;
 105 }
 106
 107 li.header dl.icon dt {
 108         /* Tweak for headers alignment when folder icon used */
 109         padding-left: 0;
 110         padding-right: 50px;
 111 }
 112
 113 /* Forum list column styles */
 114 dl.icon {
 115         min-height: 35px;
 116         background-position: 10px 50%;          /* Position of folder icon */
 117         background-repeat: no-repeat;
 118 }
 119
 120 dl.icon dt {
 121         padding-left: 45px;                                     /* Space for folder icon */
 122         background-repeat: no-repeat;
 123         background-position: 5px 95%;           /* Position of topic icon */
 124 }
 125
 126 dd.posts, dd.topics, dd.views {
 127         width: 8%;
 128         text-align: center;
 129         line-height: 2.2em;
 130         font-size: 1.2em;
 131 }
 132
 133 dd.lastpost {
 134         width: 25%;
 135         font-size: 1.1em;
 136 }
 137
 138 dd.redirect {
 139         font-size: 1.1em;
 140         line-height: 2.5em;
 141 }
 142
 143 dd.moderation {
 144         font-size: 1.1em;
 145 }
 146
 147 dd.lastpost span, ul.topiclist dd.searchby span, ul.topiclist dd.info span, ul.topiclist dd.time span, dd.redirect span, dd.moderation span {
 148         display: block;
 149         padding-left: 5px;
 150 }
 151
 152 dd.time {
 153         width: auto;
 154         line-height: 200%;
 155         font-size: 1.1em;
 156 }
 157
 158 dd.extra {
 159         width: 12%;
 160         line-height: 200%;
 161         text-align: center;
 162         font-size: 1.1em;
 163 }
 164
 165 dd.mark {
 166         float: right !important;
 167         width: 9%;
 168         text-align: center;
 169         line-height: 200%;
 170         font-size: 1.2em;
 171 }
 172
 173 dd.info {
 174         width: 30%;
 175 }
 176
 177 dd.option {
 178         width: 15%;
 179         line-height: 200%;
 180         text-align: center;
 181         font-size: 1.1em;
 182 }
 183
 184 dd.searchby {
 185         width: 47%;
 186         font-size: 1.1em;
 187         line-height: 1em;
 188 }
 189
 190 ul.topiclist dd.searchextra {
 191         margin-left: 5px;
 192         padding: 0.2em 0;
 193         font-size: 1.1em;
 194         color: #333333;
 195         border-left: none;
 196         clear: both;
 197         width: 98%;
 198         overflow: hidden;
 199 }
 200
 201 /* Container for post/reply buttons and pagination */
 202 .topic-actions {
 203         margin-bottom: 3px;
 204         font-size: 1.1em;
 205         height: 28px;
 206         min-height: 28px;
 207 }
 208 div[class].topic-actions {
 209         height: auto;
 210 }
 211
 212 /* Post body styles
 213 ----------------------------------------*/
 214 .postbody {
 215         padding: 0;
 216         line-height: 1.48em;
 217         color: #333333;
 218         width: 76%;
 219         float: left;
 220         clear: both;
 221 }
 222
 223 .postbody .ignore {
 224         font-size: 1.1em;
 225 }
 226
 227 .postbody h3.first {
 228         /* The first post on the page uses this */
 229         font-size: 1.7em;
 230 }
 231
 232 .postbody h3 {
 233         /* Postbody requires a different h3 format - so change it here */
 234         font-size: 1.5em;
 235         padding: 2px 0 0 0;
 236         margin: 0 0 0.3em 0 !important;
 237         text-transform: none;
 238         border: none;
 239         font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
 240         line-height: 125%;
 241 }
 242
 243 .postbody h3 img {
 244         /* Also see tweaks.css */
 245         vertical-align: bottom;
 246 }
 247
 248 .postbody .content {
 249         font-size: 1.3em;
 250 }
 251
 252 .search .postbody {
 253         width: 68%
 254 }
 255
 256 /* Topic review panel
 257 ----------------------------------------*/
 258 #review {
 259         margin-top: 2em;
 260 }
 261
 262 #topicreview {
 263         padding-right: 5px;
 264         overflow: auto;
 265         height: 300px;
 266 }
 267
 268 #topicreview .postbody {
 269         width: auto;
 270         float: none;
 271         margin: 0;
 272         height: auto;
 273 }
 274
 275 #topicreview .post {
 276         height: auto;
 277 }
 278
 279 #topicreview h2 {
 280         border-bottom-width: 0;
 281 }
 282
 283 /* Content container styles
 284 ----------------------------------------*/
 285 .content {
 286         min-height: 3em;
 287         overflow: hidden;
 288         line-height: 1.4em;
 289         font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
 290         font-size: 1em;
 291         color: #333333;
 292 }
 293
 294 .content h2, .panel h2 {
 295         font-weight: normal;
 296         color: #989898;
 297         border-bottom: 1px solid #CCCCCC;
 298         font-size: 1.6em;
 299         margin-top: 0.5em;
 300         margin-bottom: 0.5em;
 301         padding-bottom: 0.5em;
 302 }
 303
 304 .panel h3 {
 305         margin: 0.5em 0;
 306 }
 307
 308 .panel p {
 309         font-size: 1.2em;
 310         margin-bottom: 1em;
 311         line-height: 1.4em;
 312 }
 313
 314 .content p {
 315         font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
 316         font-size: 1.2em;
 317         margin-bottom: 1em;
 318         line-height: 1.4em;
 319 }
 320
 321 dl.faq {
 322         font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
 323         font-size: 1.1em;
 324         margin-top: 1em;
 325         margin-bottom: 2em;
 326         line-height: 1.4em;
 327 }
 328
 329 dl.faq dt {
 330         font-weight: bold;
 331         color: #333333;
 332 }
 333
 334 .content dl.faq {
 335         font-size: 1.2em;
 336         margin-bottom: 0.5em;
 337 }
 338
 339 .content li {
 340         list-style-type: inherit;
 341 }
 342
 343 .content ul, .content ol {
 344         margin-bottom: 1em;
 345         margin-left: 3em;
 346 }
 347
 348 .posthilit {
 349         background-color: #f3f3f3;
 350         color: #BCBCBC;
 351         padding: 0 2px 1px 2px;
 352 }
 353
 354 .announce, .unreadpost {
 355         /* Highlight the announcements & unread posts box */
 356         border-left-color: #BCBCBC;
 357         border-right-color: #BCBCBC;
 358 }
 359
 360 /* Post author */
 361 p.author {
 362         margin: 0 15em 0.6em 0;
 363         padding: 0 0 5px 0;
 364         font-family: Verdana, Helvetica, Arial, sans-serif;
 365         font-size: 1em;
 366         line-height: 1.2em;
 367 }
 368
 369 /* Post signature */
 370 .signature {
 371         margin-top: 1.5em;
 372         padding-top: 0.2em;
 373         font-size: 1.1em;
 374         border-top: 1px solid #CCCCCC;
 375         clear: left;
 376         line-height: 140%;
 377         overflow: hidden;
 378         width: 100%;
 379 }
 380
 381 dd .signature {
 382         margin: 0;
 383         padding: 0;
 384         clear: none;
 385         border: none;
 386 }
 387
 388 .signature li {
 389         list-style-type: inherit;
 390 }
 391
 392 .signature ul, .signature ol {
 393         margin-bottom: 1em;
 394         margin-left: 3em;
 395 }
 396
 397 /* Post noticies */
 398 .notice {
 399         font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
 400         width: auto;
 401         margin-top: 1.5em;
 402         padding-top: 0.2em;
 403         font-size: 1em;
 404         border-top: 1px dashed #CCCCCC;
 405         clear: left;
 406         line-height: 130%;
 407 }
 408
 409 /* Jump to post link for now */
 410 ul.searchresults {
 411         list-style: none;
 412         text-align: right;
 413         clear: both;
 414 }
 415
 416 /* BB Code styles
 417 ----------------------------------------*/
 418 /* Quote block */
 419 blockquote {
 420         background: #ebebeb none 6px 8px no-repeat;
 421         border: 1px solid #dbdbdb;
 422         font-size: 0.95em;
 423         margin: 0.5em 1px 0 25px;
 424         overflow: hidden;
 425         padding: 5px;
 426 }
 427
 428 blockquote blockquote {
 429         /* Nested quotes */
 430         background-color: #bababa;
 431         font-size: 1em;
 432         margin: 0.5em 1px 0 15px;
 433 }
 434
 435 blockquote blockquote blockquote {
 436         /* Nested quotes */
 437         background-color: #e4e4e4;
 438 }
 439
 440 blockquote cite {
 441         /* Username/source of quoter */
 442         font-style: normal;
 443         font-weight: bold;
 444         margin-left: 20px;
 445         display: block;
 446         font-size: 0.9em;
 447 }
 448
 449 blockquote cite cite {
 450         font-size: 1em;
 451 }
 452
 453 blockquote.uncited {
 454         padding-top: 25px;
 455 }
 456
 457 /* Code block */
 458 dl.codebox {
 459         padding: 3px;
 460         background-color: #FFFFFF;
 461         border: 1px solid #d8d8d8;
 462         font-size: 1em;
 463 }
 464
 465 dl.codebox dt {
 466         text-transform: uppercase;
 467         border-bottom: 1px solid #CCCCCC;
 468         margin-bottom: 3px;
 469         font-size: 0.8em;
 470         font-weight: bold;
 471         display: block;
 472 }
 473
 474 blockquote dl.codebox {
 475         margin-left: 0;
 476 }
 477
 478 dl.codebox code {
 479         /* Also see tweaks.css */
 480         overflow: auto;
 481         display: block;
 482         height: auto;
 483         max-height: 200px;
 484         white-space: normal;
 485         padding-top: 5px;
 486         font: 0.9em Monaco, "Andale Mono","Courier New", Courier, mono;
 487         line-height: 1.3em;
 488         color: #8b8b8b;
 489         margin: 2px 0;
 490 }
 491
 492 .syntaxbg               { color: #FFFFFF; }
 493 .syntaxcomment  { color: #000000; }
 494 .syntaxdefault  { color: #bcbcbc; }
 495 .syntaxhtml             { color: #000000; }
 496 .syntaxkeyword  { color: #585858; }
 497 .syntaxstring   { color: #a7a7a7; }
 498
 499 /* Attachments
 500 ----------------------------------------*/
 501 .attachbox {
 502         float: left;
 503         width: auto;
 504         margin: 5px 5px 5px 0;
 505         padding: 6px;
 506         background-color: #FFFFFF;
 507         border: 1px dashed #d8d8d8;
 508         clear: left;
 509 }
 510
 511 .pm-message .attachbox {
 512         background-color: #f3f3f3;
 513 }
 514
 515 .attachbox dt {
 516         font-family: Arial, Helvetica, sans-serif;
 517         text-transform: uppercase;
 518 }
 519
 520 .attachbox dd {
 521         margin-top: 4px;
 522         padding-top: 4px;
 523         clear: left;
 524         border-top: 1px solid #d8d8d8;
 525 }
 526
 527 .attachbox dd dd {
 528         border: none;
 529 }
 530
 531 .attachbox p {
 532         line-height: 110%;
 533         color: #666666;
 534         font-weight: normal;
 535         clear: left;
 536 }
 537
 538 .attachbox p.stats
 539 {
 540         line-height: 110%;
 541         color: #666666;
 542         font-weight: normal;
 543         clear: left;
 544 }
 545
 546 .attach-image {
 547         margin: 3px 0;
 548         width: 100%;
 549         max-height: 350px;
 550         overflow: auto;
 551 }
 552
 553 .attach-image img {
 554         border: 1px solid #999999;
 555 /*      cursor: move; */
 556         cursor: default;
 557 }
 558
 559 /* Inline image thumbnails */
 560 div.inline-attachment dl.thumbnail, div.inline-attachment dl.file {
 561         display: block;
 562         margin-bottom: 4px;
 563 }
 564
 565 div.inline-attachment p {
 566         font-size: 100%;
 567 }
 568
 569 dl.file {
 570         font-family: Verdana, Arial, Helvetica, sans-serif;
 571         display: block;
 572 }
 573
 574 dl.file dt {
 575         text-transform: none;
 576         margin: 0;
 577         padding: 0;
 578         font-weight: bold;
 579         font-family: Verdana, Arial, Helvetica, sans-serif;
 580 }
 581
 582 dl.file dd {
 583         color: #666666;
 584         margin: 0;
 585         padding: 0;
 586 }
 587
 588 dl.thumbnail img {
 589         padding: 3px;
 590         border: 1px solid #666666;
 591         background-color: #FFF;
 592 }
 593
 594 dl.thumbnail dd {
 595         color: #666666;
 596         font-style: italic;
 597         font-family: Verdana, Arial, Helvetica, sans-serif;
 598 }
 599
 600 .attachbox dl.thumbnail dd {
 601         font-size: 100%;
 602 }
 603
 604 dl.thumbnail dt a:hover {
 605         background-color: #EEEEEE;
 606 }
 607
 608 dl.thumbnail dt a:hover img {
 609         border: 1px solid #d2d2d2;
 610 }
 611
 612 /* Post poll styles
 613 ----------------------------------------*/
 614 fieldset.polls {
 615         font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
 616 }
 617
 618 fieldset.polls dl {
 619         margin-top: 5px;
 620         border-top: 1px solid #e2e2e2;
 621         padding: 5px 0 0 0;
 622         line-height: 120%;
 623         color: #666666;
 624 }
 625
 626 fieldset.polls dl.voted {
 627         font-weight: bold;
 628         color: #000000;
 629 }
 630
 631 fieldset.polls dt {
 632         text-align: left;
 633         float: left;
 634         display: block;
 635         width: 30%;
 636         border-right: none;
 637         padding: 0;
 638         margin: 0;
 639         font-size: 1.1em;
 640 }
 641
 642 fieldset.polls dd {
 643         float: left;
 644         width: 10%;
 645         border-left: none;
 646         padding: 0 5px;
 647         margin-left: 0;
 648         font-size: 1.1em;
 649 }
 650
 651 fieldset.polls dd.resultbar {
 652         width: 50%;
 653 }
 654
 655 fieldset.polls dd input {
 656         margin: 2px 0;
 657 }
 658
 659 fieldset.polls dd div {
 660         text-align: right;
 661         font-family: Arial, Helvetica, sans-serif;
 662         color: #FFFFFF;
 663         font-weight: bold;
 664         padding: 0 2px;
 665         overflow: visible;
 666         min-width: 2%;
 667 }
 668
 669 .pollbar1 {
 670         background-color: #aaaaaa;
 671         border-bottom: 1px solid #747474;
 672         border-right: 1px solid #747474;
 673 }
 674
 675 .pollbar2 {
 676         background-color: #bebebe;
 677         border-bottom: 1px solid #8c8c8c;
 678         border-right: 1px solid #8c8c8c;
 679 }
 680
 681 .pollbar3 {
 682         background-color: #D1D1D1;
 683         border-bottom: 1px solid #aaaaaa;
 684         border-right: 1px solid #aaaaaa;
 685 }
 686
 687 .pollbar4 {
 688         background-color: #e4e4e4;
 689         border-bottom: 1px solid #bebebe;
 690         border-right: 1px solid #bebebe;
 691 }
 692
 693 .pollbar5 {
 694         background-color: #f8f8f8;
 695         border-bottom: 1px solid #D1D1D1;
 696         border-right: 1px solid #D1D1D1;
 697 }
 698
 699 /* Poster profile block
 700 ----------------------------------------*/
 701 .postprofile {
 702         /* Also see tweaks.css */
 703         margin: 5px 0 10px 0;
 704         min-height: 80px;
 705         color: #666666;
 706         border-left: 1px solid #FFFFFF;
 707         width: 22%;
 708         float: right;
 709         display: inline;
 710 }
 711 .pm .postprofile {
 712         border-left: 1px solid #DDDDDD;
 713 }
 714
 715 .postprofile dd, .postprofile dt {
 716         line-height: 1.2em;
 717         margin-left: 8px;
 718 }
 719
 720 .postprofile strong {
 721         font-weight: normal;
 722         color: #000000;
 723 }
 724
 725 .avatar {
 726         border: none;
 727         margin-bottom: 3px;
 728 }
 729
 730 .online {
 731         background-image: none;
 732         background-position: 100% 0;
 733         background-repeat: no-repeat;
 734 }
 735
 736 /* Poster profile used by search*/
 737 .search .postprofile {
 738         width: 30%;
 739 }
 740
 741 /* pm list in compose message if mass pm is enabled */
 742 dl.pmlist dt {
 743         width: 60% !important;
 744 }
 745
 746 dl.pmlist dt textarea {
 747         width: 95%;
 748 }
 749
 750 dl.pmlist dd {
 751         margin-left: 61% !important;
 752         margin-bottom: 2px;
 753 }