Changeset 3 for branches/rsr.v5.1.dev/web/punbb/style
- Timestamp:
- Nov 14, 2011, 11:17:15 PM (13 years ago)
- Location:
- branches/rsr.v5.1.dev/web/punbb/style
- Files:
-
- 66 added
- 5 edited
Legend:
- Unmodified
- Added
- Removed
-
branches/rsr.v5.1.dev/web/punbb/style/Mercury.css
r1 r3 1 /***************************************************************** 2 1. INITIAL SETTINGS 3 *****************************************************************/ 4 5 /* Limited Reset 6 ----------------------------------------------------------------*/ 7 8 .pun table, .pun div, .pun form, .pun p, .pun h1, .pun h2, .pun h3, 9 .pun h4, .pun h5, .pun pre, .pun blockquote, .pun ul, .pun ol, .pun li, .pun dl, 10 .pun dt, .pun dd, .pun th, .pun td, .pun fieldset, .pun img, .pun abbr, .pun cite { 11 margin: 0; 12 padding: 0; 13 border: 0; 14 } 15 16 .pun ul, .pun ol { 17 list-style: none 18 } 19 20 21 /* Structural Settings 22 ----------------------------------------------------------------*/ 23 24 .pun .clearer, .pun .nosize { 25 height: 0; 26 width: 0; 27 line-height: 0; 28 font-size: 0; 29 overflow: hidden 30 } 31 32 .pun .clearer, .pun .clearb { 33 clear: both 34 } 35 36 .pun .nosize { 37 position: absolute; 38 left: -9999em; 39 text-indent: -9999em; 40 width: 0; 41 } 42 43 * html .inbox, * html .inform, * html .pun, * html .tclcon, * html .codebox { 44 height: 1px 45 } 46 47 .pun, .pun .inbox, .pun .inform, .pun .tclcon, .pun .codebox { 48 min-height: 1px 49 } 50 51 .clearl { 52 clear: left; 53 } 54 55 /* Hidden Elements 56 ----------------------------------------------------------------*/ 57 58 #brdfooter h2, #brdstats h2, #brdstats .conl dt, #brdstats .conr dt, 59 #modcontrols dt, #searchlinks dt, div.postright h3, span.closedtext, 60 .pun .required strong span { 61 position: absolute; 62 display: block; 63 overflow: hidden; 64 width: 0; 65 left: -9999em; 66 text-indent: -9999em; 67 } 68 69 /***************************************************************** 70 2. TEXT & CONTENT 71 *****************************************************************/ 72 73 /* Text Defaults 74 ----------------------------------------------------------------*/ 75 76 .pun { 77 font: 68.75%/1.4545em Verdana, Helvetica, Arial, sans-serif; 78 line-height: normal; 79 } 80 81 .pun table, .pun td, .pun th, .pun input, .pun select, .pun optgroup, .pun textarea, .pun samp, .pun legend { 82 font-size: 1em; 83 font-family: verdana, helvetica, arial, sans-serif; 84 } 85 86 .pun pre, .pun code { 87 font-size: 1.182em; 88 font-family: consolas, monaco, "bitstream vera sans mono", "courier new", courier, monospace 89 } 90 91 .pun pre code { 92 font-size: 1em; 93 } 94 95 .pun strong { 96 font-weight: bold; 97 } 98 99 .pun em { 100 font-style: italic; 101 } 102 103 104 /* Content Defaults 105 ----------------------------------------------------------------*/ 106 107 .pun p, .pun ul, .pun ol, .pun dl { 108 font-size: 1em; 109 padding: 3px 0; 110 } 111 112 .pun h2 { 113 font-size: 1em; 114 font-weight: normal; 115 padding: 4px 6px; 116 } 117 118 .pun h3 { 119 font-size: 1.091em; 120 padding: 3px 0; 121 } 122 123 .pun table p, .pun table h3 { 124 padding: 0; 125 } 126 127 .pun span.warntext, .pun p.warntext { 128 font-weight: bold 129 } 130 131 /* User Content (Announcements, Rules, Posts) 132 ----------------------------------------------------------------*/ 133 134 .pun .usercontent p, .pun .postmsg p { 135 padding: 0.75em 0 136 } 137 138 .pun .usercontent ul, .pun .postmsg ul { 139 padding: 0.75em 1em 0.75em 2.5em; 140 list-style: disc 141 } 142 143 .pun .usercontent ol, .pun .postmsg ol { 144 padding: 0.75em 1em 0.75em 2.5em; 145 list-style: decimal 146 } 147 148 .pun .usercontent ol.alpha, .pun .postmsg ol.alpha { 149 list-style: lower-alpha 150 } 151 152 .pun .usercontent li ol, .pun .usercontent li ul, .pun .postmsg li ol, .pun .postmsg li ul { 153 padding: 0.25em 1em 0.75em 2.5em 154 } 155 156 .pun .usercontent li p, .pun .postmsg li p { 157 padding: 0 158 } 159 160 .pun .usercontent h1 { 161 font-size: 1.4em; 162 font-weight: bold; 163 padding: 0.75em 0 0 0 164 } 165 166 .pun .usercontent h2 { 167 font-size: 1.2em; 168 font-weight: bold; 169 padding: 0.75em 0 0 0 170 } 171 172 .pun .usercontent h3 { 173 font-size: 1.1em; 174 font-weight: bold; 175 padding: 0.75em 0 0 0 176 } 177 178 .pun .usercontent h4, .pun .usercontent h5, .pun .usercontent h6 { 179 font-size: 1em; 180 font-weight: bold; 181 padding: 0.75em 0 0 0 182 } 183 184 .pun .quotebox cite { 185 font-weight: bold; 186 font-style: normal; 187 padding: 0.75em 0.75em 0 0.75em 188 } 189 190 .pun span.bbu { 191 text-decoration: underline 192 } 193 194 .pun span.bbs, .pun del { 195 text-decoration: line-through; 196 } 197 198 .pun .postmsg ins, #punhelp samp ins { 199 text-decoration: none; 200 } 201 202 .pun div.postmsg h5, #punhelp h5 { 203 font-size: 1.1em; 204 font-weight: bold; 205 padding: 0.75em 0 0 0; 206 } 207 208 209 /***************************************************************** 210 3. COMMON STYLES 211 *****************************************************************/ 212 213 /* Page Layout 214 ----------------------------------------------------------------*/ 215 216 html, body { 217 margin: 0; 218 padding: 0 219 } 220 221 .pun { 222 margin: 12px 20px 223 } 224 225 #punredirect, #punmaint, #puninstall, #pundb_update { 226 margin: 50px 20% 12px 20% 227 } 228 229 230 /* Vertical Element Spacing 231 ----------------------------------------------------------------*/ 232 233 #brdheader { 234 margin: 0 0 12px 0; 235 } 236 237 #brdtitle p { 238 padding-top: 0px 239 } 240 241 #announce, #brdstats { 242 margin: 12px 0 12px 0; 243 } 244 245 .pun .blocktable, .pun .block, .pun .blockform, .pun .block2col, #postreview { 246 margin-bottom: 12px 247 } 248 249 #punindex .blocktable, .pun .blockpost { 250 margin-bottom: 6px 251 } 252 253 #postreview .blockpost { 254 margin-bottom: -1px; 255 } 256 257 .pun .block2col .blockform, .pun .block2col .block { 258 margin-bottom: 0px 259 } 260 261 .pun .linkst, .pun .linksb { 262 margin-top: -12px 263 } 264 265 .pun .postlinksb { 266 margin-top: -6px 267 } 268 269 270 /* External Borders 271 ----------------------------------------------------------------*/ 272 273 .pun .box { 274 border-style: solid; 275 border-width: 1px; 276 } 277 278 #brdheader .box { 279 border-top-width: 4px; 280 } 281 282 /* Default Internal Spacing 283 ----------------------------------------------------------------*/ 284 285 .pun .block .inbox, .pun .blockmenu .inbox { 286 padding: 3px 6px 287 } 288 289 /***************************************************************** 290 4. COMMON BOARD ELEMENTS 291 *****************************************************************/ 292 293 /* Board Header 294 ----------------------------------------------------------------*/ 295 296 #brdtitle h1 { 297 font-size: 1.4em; 298 font-weight: bold; 299 padding: 3px 0 0 0; 300 } 301 302 #brdmenu li { 303 display: inline; 304 margin-right: 12px; 305 } 306 307 #brdmenu a:link, #brdmenu a:visited { 308 text-decoration: none 309 } 310 311 #brdmenu a:hover, #brdmenu a:active { 312 text-decoration: underline 313 } 314 315 #brdwelcome .conl { 316 float: left; 317 } 318 319 #brdwelcome .conr { 320 float: right; 321 text-align: right; 322 } 323 324 /* Breadcrumbs and Post Links 325 ----------------------------------------------------------------*/ 326 327 .pun .linkst { 328 padding: 8px 6px 3px 6px 329 } 330 331 .pun .linksb, .pun .postlinksb { 332 padding: 3px 6px 8px 6px 333 } 334 335 .pun .crumbs { 336 clear: both; 337 width: 100%; 338 overflow: hidden; 339 } 340 341 .pun .crumbs li { 342 display: inline; 343 white-space: nowrap; 344 font-weight: bold; 345 } 346 347 .pun .pagelink { 348 float: left; 349 white-space: nowrap; 350 } 351 352 .pun .postlink { 353 font-weight: bold; 354 white-space: nowrap; 355 } 356 357 .pun .postlink, .pun .modbuttons { 358 float: right; 359 text-align: right; 360 } 361 362 .pun .modbuttons { 363 padding: 1px 0; 364 white-space: nowrap; 365 } 366 367 .pun .modbuttons input { 368 margin-left: 6px; 369 } 370 371 .pun .postlink a:link, .pun .postlink a:visited { 372 text-decoration: none 373 } 374 375 .pun .postlink a:hover, .pun .postlink a:active { 376 text-decoration: underline; 377 } 378 379 #punindex .subscribelink { 380 margin-top: 6px; 381 } 382 383 /* Board Footer 384 ----------------------------------------------------------------*/ 385 386 #brdfooter .conl { 387 float: left; 388 } 389 390 #brdfooter .conr { 391 float: right; 392 text-align: right; 393 } 394 395 #brdfooter #modcontrols { 396 border-bottom-style: solid; 397 border-bottom-width: 1px; 398 text-align: center; 399 } 400 401 #brdfooter #modcontrols dd { 402 display: inline; 403 margin:0 6px; 404 } 405 406 407 /* Board Stats 408 ----------------------------------------------------------------*/ 409 410 #brdstats .conl { 411 float: left; 412 } 413 414 #brdstats .conr { 415 float: right; 416 text-align: right; 417 } 418 419 #onlinelist dd, #onlinelist dt { 420 display: inline; 421 } 422 423 424 /***************************************************************** 425 5. MAIN TABLES 426 *****************************************************************/ 427 428 .pun table { 429 width: 100%; 430 border-collapse: collapse; 431 border-spacing: 0; 432 empty-cells: show; 433 } 434 435 .pun .blocktable table { 436 table-layout: fixed; 437 } 438 439 .pun td, .pun th { 440 padding: 4px 6px; 441 text-align: left; 442 font-weight: normal; 443 } 444 445 .pun td, .pun th { 446 border-style: solid none none solid; 447 border-width: 1px; 448 } 449 450 .pun .tcl { 451 border-left: 0; 452 width: auto; 453 } 454 455 .pun .tc2, .pun .tc3, .pun .tcmod { 456 width: 10%; 457 text-align: center; 458 padding: 4px 0; 459 } 460 461 .pun .tcr { 462 width: 30%; 463 } 464 465 .pun .tcl h3 { 466 font-size: 1.091em; 467 font-weight: bold; 468 } 469 470 .pun .tcl h3 span.newtext { 471 font-size: 0.917em; 472 } 473 474 .pun .tcl span.newtext, .pun .tcl span.pagestext { 475 white-space: nowrap; 476 font-weight: normal; 477 } 478 479 .pun td span.byuser { 480 white-space: nowrap; 481 } 482 483 .pun .tcl p { 484 padding: 5px 0 0 0 485 } 486 487 #punsearch #vf .tc2 { 488 width: 18%; 489 text-align: left; 490 padding: 4px 6px; 491 } 492 493 #users1 .tcr { 494 width: 25% 495 } 496 497 #users1 .tc2 { 498 width: 25%; 499 text-align: left; 500 padding: 4px 6px; 501 } 502 503 #debug .tcl { 504 width: 10% 505 } 506 507 #debug .tcr { 508 width: 90%; 509 white-space: normal 510 } 511 512 #punindex .tcr .byuser { 513 display: block 514 } 515 516 .pun .blocktable .tclcon { 517 padding: 0 11px 0 12px; 518 overflow: hidden; 519 height: 1%; 520 min-height: 1px; 521 position: relative; 522 } 523 524 .pun .blocktable .tclcon div { 525 width: 100%; 526 overflow: hidden; 527 } 528 529 .pun .icon { 530 margin: 0.1em 0 0 0.2em; 531 border-width: 0.6em; 532 border-style: solid; 533 height: 0; 534 width: 0; 535 overflow: hidden; 536 float: left; 537 } 538 539 .pun .icon div { 540 position: absolute; 541 left: -9999em; 542 text-indent: -9999em; 543 height: 0; 544 } 545 546 .pun .iposted .ipost { 547 position: absolute; 548 left: 0; 549 font-weight: bold; 550 width: 8px; 551 padding-left: 4px; 552 text-align: center; 553 top: 0; 554 } 555 556 /***************************************************************** 557 6. MAIN FORMS 558 *****************************************************************/ 559 560 .pun .blockform form, .pun .fakeform { 561 PADDING: 20px 20px 15px 20px 562 } 563 564 .pun .forminfo { 565 margin-bottom: 12px; 566 padding: 9px 10px; 567 border-style: solid; 568 border-width: 1px; 569 } 570 571 .pun .forminfo h3 { 572 font-weight: bold; 573 } 574 575 .pun .inform { 576 padding-bottom: 12px 577 } 578 579 .pun fieldset { 580 padding: 0px 12px 0px 12px; 581 border-style: solid; 582 border-width: 1px 583 } 584 585 .pun legend { 586 padding: 0px 6px 587 } 588 589 .pun .infldset { 590 padding: 9px 0px 12px 0 591 } 592 593 .pun label { 594 display: block; 595 padding: 3px 0 596 } 597 598 .pun label.conl { 599 float: left; 600 overflow: visible; 601 margin-right: 10px 602 } 603 604 .pun fieldset .rbox br { 605 display: none; 606 } 607 608 .pun fieldset .rbox label { 609 padding: 3px 0 3px 25px; 610 position: relative; 611 vertical-align: middle; 612 } 613 614 .pun fieldset .rbox input { 615 margin: 0 9px 0 -25px; 616 padding: 0; 617 width: 16px; 618 position: relative; 619 vertical-align: middle; 620 } 621 622 .pun .txtarea { 623 width: 75% 624 } 625 626 .pun .txtarea textarea, .pun input.longinput { 627 width: 100% 628 } 629 630 .pun .bblinks { 631 padding-bottom: 10px; 632 padding-left: 4px 633 } 634 635 .pun .bblinks li { 636 display: inline; 637 padding-right: 20px 638 } 639 640 .pun .blockform .buttons { 641 padding-left: 12px; 642 } 643 644 .pun .blockform .buttons input { 645 margin-right: 8px; 646 } 647 648 #posterror ul { 649 list-style: square; 650 padding: 3px 0 3px 24px; 651 } 652 653 .pun .deletemsg { 654 border-style: solid; 655 border-width: 1px; 656 padding: 6px 15px; 657 } 658 659 .pun p.actions span { 660 margin-right: 12px; 661 } 662 663 .pun .multiselect { 664 float: left; 665 padding-bottom: 7px; 666 } 667 668 .pun .checklist { 669 border-width: 1px; 670 border-style: solid; 671 max-height: 9em; 672 width: 20em; 673 overflow: auto; 674 padding: 0.3em 0.5em; 675 margin: 0.25em 16px 0 0.15em; 676 } 677 678 .pun .checklist fieldset { 679 border: 0; 680 padding: 0; 681 } 682 683 .pun .checklist legend { 684 padding: 0; 685 } 686 687 .pun .checklist legend span { 688 width: auto; 689 max-width: 25em; 690 } 691 692 .pun .checklist .checklist-item { 693 position: relative; 694 margin: .2em 0; 695 } 696 697 .pun .checklist .checklist-item label { 698 padding: 0 0 0 2.1em; 699 } 700 701 .pun .checklist .checklist-item .fld-input { 702 position: absolute; 703 left: 0; 704 top: 0; 705 padding: 0; 706 margin: 0; 707 } 708 709 .pun .checklist .checklist-item input { 710 margin: 0; 711 height: 1.15em; 712 width: 1.55em; 713 } 714 715 /***************************************************************** 716 7. PROFILES AND ADMIN 717 *****************************************************************/ 718 719 .pun .block2col { 720 padding-bottom: 1px 721 } 722 723 .pun .block2col .blockform, .pun .block2col .block { 724 margin-left: 14em 725 } 726 727 .pun .blockmenu { 728 float:left; 729 width: 13em 730 } 731 732 .pun .blockmenu li { 733 padding: 3px 0; 734 font-weight: bold; 735 } 736 737 .pun .blockmenu a:link, .pun .blockmenu a:visited { 738 text-decoration: none 739 } 740 741 .pun .blockmenu a:hover, .pun .blockmenu a:active { 742 text-decoration: underline 743 } 744 745 #viewprofile dl { 746 float: left; 747 width: 100%; 748 overflow: hidden 749 } 750 751 #viewprofile dd { 752 margin-left: 14em; 753 padding: 3px; 754 } 755 756 #viewprofile dt { 757 float: left; 758 width: 13em; 759 margin: 3px 0; 760 } 761 762 #profileavatar img { 763 float: right; 764 margin-left: 1em 765 } 766 767 #adintro ul { 768 list-style-type: disc; 769 margin-left: 8px; 770 padding-left: 16px; 771 } 772 773 /***************************************************************** 774 8. MAIN POSTS 775 *****************************************************************/ 776 777 .pun .blockpost h2 a:link, .pun .blockpost h2 a:visited { 778 text-decoration: none; 779 } 780 781 .pun .blockpost h2 a:hover, .pun .blockpost h2 a:active { 782 text-decoration: underline; 783 } 784 785 .pun .blockpost h2 .conr { 786 float: right; 787 text-align: right; 788 } 789 790 #punsearch .blockpost h2 span { 791 white-space: nowrap; 792 } 793 794 .pun .blockpost .box { 795 overflow: hidden; 796 } 797 798 .pun .postleft, .pun .postfootleft { 799 float:left; 800 width: 18em; 801 position: relative; 802 overflow: hidden; 803 } 804 805 .pun .postleft dl { 806 padding: 6px; 807 } 808 809 .pun .postleft .usercontacts, .pun .postleft .icon { 810 margin-top: 6px 811 } 812 813 .pun .postleft .postavatar, .pun .postleft .usertitle { 814 margin-bottom: 6px; 815 display: block; 816 } 817 818 .pun .blockpost dt { 819 font-size: 1.091em; 820 font-weight: bold; 821 } 822 823 .pun .blockpost dt a:link, .pun .blockpost dt a:visited { 824 text-decoration: none; 825 } 826 827 .pun .blockpost dt a:hover, .pun .blockpost dt a:active { 828 text-decoration: underline; 829 } 830 831 .pun .postright, .pun .postfootright { 832 border-left-width: 18em; 833 border-left-style: solid 834 } 835 836 #postpreview .postright { 837 border-left: 0 838 } 839 840 .pun .postright { 841 padding: 0 6px; 842 } 843 844 .pun .postfootright, .pun .multidelete { 845 text-align: right 846 } 847 848 .pun .postmsg { 849 width:98%; 850 overflow: hidden; 851 padding-bottom: 6px; 852 word-wrap: break-word; 853 } 854 855 .pun .postfootright ul, .pun .postfootright div, .pun .postfootright p, 856 .pun .postfootleft p { 857 padding: 10px 6px 5px 6px; 858 } 859 860 .pun .postfootright li { 861 display: inline; 862 } 863 864 .pun .postfootright li:before { 865 content: " | "; 866 } 867 868 .pun .postfootright li:first-child:before { 869 content: ""; 870 } 871 872 .pun .postfootright a:link, .pun .postfootright a:visited { 873 text-decoration: none 874 } 875 876 .pun .postfootright a:hover, .pun .postfootright a:active { 877 text-decoration: underline 878 } 879 880 .pun .codebox { 881 border-style: solid; 882 border-width: 1px; 883 margin: 0.75em 1em; 884 padding: 0; 885 } 886 887 .pun .quotebox { 888 border-style: solid; 889 border-width: 1px; 890 margin: 0.75em 1em; 891 padding: 0 0.75em; 892 } 893 894 .pun .quotebox cite { 895 display: block; 896 padding: 0.75em 0 0 0; 897 } 898 899 .pun .quotebox blockquote { 900 width: 100%; 901 overflow: hidden 902 } 903 904 .pun .codebox pre { 905 overflow: auto; 906 width: 100%; 907 overflow-y:hidden 908 } 909 910 * html .pun .codebox pre { 911 padding-bottom: 10px; 912 } 913 914 *+html .pun .codebox pre { 915 padding-bottom: 10px 916 } 917 918 .pun .codebox pre code { 919 display: block; 920 padding: 0.75em; 921 } 922 923 .pun .codebox pre.vscroll { 924 height: 32em; 925 overflow: auto; 926 overflow-y: auto 927 } 928 929 .pun .postmsg img { 930 vertical-align: bottom; 931 } 932 933 .pun .postsignature hr { 934 margin-left: 0px; 935 width: 200px; 936 text-align: left; 937 height: 1px; 938 border:none 939 } 940 941 .pun .postmsg .postimg img { 942 max-width: 98%; 943 vertical-align: middle; 944 margin: 7px 0.5em 7px 0; 945 } 946 947 .pun .postmsg .postimg a:link img, .pun .postmsg .postimg a:visited img { 948 border-style: solid; 949 border-width: 2px; 950 } 951 952 .pun .blockpost label { 953 padding: 3px 6px; 954 border-style: solid; 955 border-width: 1px; 956 vertical-align: middle; 957 display: inline-block; 958 } 959 960 .pun .blockpost label * { 961 vertical-align: middle; 962 margin: 0; 963 padding: 0; 964 } 965 1 966 /****************************************************************/ 2 /* 1. IMPORTED STYLESHEETS*/967 /* 9. HELP FILES AND MISC. */ 3 968 /****************************************************************/ 4 969 5 /* Import the basic setup styles */ 6 @import url(imports/base.css); 7 /* Import the colour scheme */ 8 @import url(imports/Mercury_cs.css); 9 10 /****************************************************************/ 11 /* 2. TEXT SETTINGS */ 12 /****************************************************************/ 13 14 /* 2.1 This sets the default Font Group */ 15 16 .pun, .pun INPUT, .pun SELECT, .pun TEXTAREA, .pun OPTGROUP { 17 FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif 970 #punhelp h2 { 971 margin-top: 12px 972 } 973 974 #punhelp div.box { 975 padding: 10px 976 } 977 978 #debugtime { 979 margin-top: -12px; 980 text-align: center; 981 } 982 983 #brdwelcome, #brdfooter dl a, div.blockmenu li, div.rbox input { 984 line-height: 1.4em 985 } 986 987 #announce div.inbox div { 988 padding: 3px 0 989 } 990 991 /***************************************************************** 992 COLOUR SCHEME 993 *****************************************************************/ 994 995 /* Background / Text 996 ----------------------------------------------------------------*/ 997 998 body { 999 background: #2a2a2a; 1000 color: #d4d4d4 1001 } 1002 1003 .pun { 1004 color: #d4d4d4 1005 } 1006 1007 .pun .box, #adminconsole fieldset th { 1008 background-color: #383838 1009 } 1010 1011 .pun td.tc2, .pun td.tc3, .pun td.tcmod, #postpreview, #viewprofile dd, .pun .forminfo, 1012 #brdfooter #modcontrols, #adminconsole fieldset td, .pun .blockmenu .box, #adstats dd { 1013 background-color: #424242 1014 } 1015 1016 .pun h2, #brdmenu { 1017 background-color: #565656; 1018 color: #d4d4d4 1019 } 1020 1021 .pun th { 1022 background-color: #484848 1023 } 1024 1025 .pun legend { 1026 color: #f6b620 1027 } 1028 1029 .pun .blockmenu li.isactive a, #posterror li strong { 1030 color: #d4d4d4 1031 } 1032 1033 .pun .usercontent * { 1034 background: transparent; 1035 color: #d4d4d4 1036 } 1037 1038 .pun textarea, .pun input, .pun select { 1039 background-color: #2a2a2a; 1040 color: #d4d4d4 1041 } 1042 1043 .pun .multiselect, .pun .checklist { 1044 color: #D4D4D4; 1045 } 1046 1047 .pun .checklist { 1048 border-color: #666; 1049 } 1050 1051 /* Posts 1052 ----------------------------------------------------------------*/ 1053 1054 .pun .blockpost .box, .pun .postright, .pun .postfootright, .pun .deletemsg { 1055 background-color: #383838 1056 } 1057 1058 .pun .postright, .pun .postfootright { 1059 border-left-color: #424242 1060 } 1061 1062 .pun .postleft, .pun .postfootleft, .pun .blockpost label, .pun .codebox, .pun .quotebox { 1063 background-color: #424242 1064 } 1065 1066 .pun .blockpost h2 { 1067 background-color: #565656 1068 } 1069 1070 .pun .blockpost h2 span.conr { 1071 color: #a19e96 1072 } 1073 1074 .pun .postmsg ins, #punhelp samp ins { 1075 background-color: #ff0; 1076 } 1077 1078 .pun hr { 1079 background-color: #606060; 1080 color: #606060 1081 } 1082 1083 /* Borders 1084 ----------------------------------------------------------------*/ 1085 1086 .pun .box { 1087 border-color:#565656 1088 } 1089 1090 .pun td, #brdfooter #modcontrols { 1091 border-color: #565656 1092 } 1093 1094 .pun th { 1095 border-color: #484848 1096 } 1097 1098 .pun fieldset { 1099 border-color: #565656 1100 } 1101 1102 #adminconsole td, #adminconsole th { 1103 border-color: #383838 1104 } 1105 1106 .pun .quotebox, .pun .codebox, .pun .forminfo, 1107 .pun .blockpost label, .pun .deletemsg { 1108 border-color: #565656 1109 } 1110 1111 /* Links 1112 ----------------------------------------------------------------*/ 1113 1114 .pun a:link, .pun a:visited { 1115 color: #f6b620 1116 } 1117 1118 .pun a:hover, .pun a:active, .pun a:focus { 1119 color: #ffee40 1120 } 1121 1122 .pun .postmsg .postimg a:link img, .pun .postmsg .postimg a:visited img { 1123 border-color: #f6b620; 18 1124 } 19 1125 20 .pun {FONT-SIZE: 11px; LINE-HEIGHT: normal} 21 22 /* IEWin Font Size only - to allow IEWin to zoom. Do not remove comments \*/ 23 * HTML .pun {FONT-SIZE: 68.75%} 24 /* End IE Win Font Size */ 25 26 /* Set font size for tables because IE requires it */ 27 .pun TABLE, .pun INPUT, .pun SELECT, .pun OPTGROUP, .pun TEXTAREA, DIV.postmsg P.postedit {FONT-SIZE: 1em} 28 29 /* 2.2 Set the font-size for preformatted text i.e in code boxes */ 30 31 .pun PRE {FONT-FAMILY: monaco, "Bitstream Vera Sans Mono", "Courier New", courier, monospace} 32 33 /* 2.3 Font size for headers */ 34 35 .pun H2, .pun H4 {FONT-SIZE: 1em} 36 .pun H3 {FONT-SIZE: 1.1em} 37 #brdtitle H1 {FONT-SIZE: 1.4em} 38 39 /* 2.4 Larger text for particular items */ 40 DIV.postmsg P {LINE-HEIGHT: 1.4} 41 DIV.postleft DT {FONT-SIZE: 1.1em} 42 .pun PRE {FONT-SIZE: 1.2em} 43 44 /* 2.5 Bold text */ 45 46 DIV.postleft DT, DIV.postmsg H4, TD.tcl H3, DIV.forminfo H3, P.postlink, DIV.linkst LI, 47 DIV.linksb LI, DIV.postlinksb LI, .blockmenu LI, #brdtitle H1, .pun SPAN.warntext, .pun P.warntext {FONT-WEIGHT: bold} 48 49 /****************************************************************/ 50 /* 3. LINKS */ 51 /****************************************************************/ 52 53 /* 3.1 Remove underlining for main menu, post header links, post links and vertical menus */ 54 55 #brdmenu A:link, #brdmenu A:visited, .blockpost DT A:link, .blockpost DT A:visited, .blockpost H2 A:link, 56 .blockpost H2 A:visited, .postlink A:link, .postlink A:visited, .postfootright A:link, .postfootright A:visited, 57 .blockmenu A:link, .blockmenu A:visited { 58 TEXT-DECORATION: none 1126 .pun .postmsg .postimg a:hover img, .pun .postmsg .postimg a:active img, .pun .postmsg .postimg a:focus img { 1127 border-color: #ffee40; 59 1128 } 60 1129 61 /* 3.2 Underline on hover for links in headers and main menu */ 62 63 #brdmenu A:hover, .blockpost H2 A:hover {TEXT-DECORATION: underline} 64 65 /****************************************************************/ 66 /* 4. BORDER WIDTH AND STYLE */ 67 /****************************************************************/ 68 69 /* 4.1 By default borders are 1px solid */ 70 71 DIV.box, .pun TD, .pun TH, .pun BLOCKQUOTE, DIV.codebox, DIV.forminfo, DIV.blockpost LABEL { 72 BORDER-STYLE: solid; 73 BORDER-WIDTH: 1px 74 } 75 76 /* 4.2 Special settings for the board header. */ 77 78 #brdheader DIV.box {BORDER-TOP-WIDTH: 4px} 79 80 /* 4.3 Borders for table cells */ 81 82 .pun TD, .pun TH { 83 BORDER-BOTTOM: none; 84 BORDER-RIGHT: none 85 } 86 87 .pun .tcl {BORDER-LEFT: none} 88 89 /* 4.4 Special setting for fieldsets to preserve IE defaults */ 90 91 DIV>FIELDSET { 92 BORDER-STYLE: solid; 93 BORDER-WIDTH: 1px 94 } 95 96 /****************************************************************/ 97 /* 5. VERTICAL AND PAGE SPACING */ 98 /****************************************************************/ 99 100 /* 5.1 Page margins */ 101 102 HTML, BODY {MARGIN: 0; PADDING: 0} 103 #punwrap {margin:12px 20px} 104 105 /* 5.2 Creates vertical space between main board elements (Margins) */ 106 107 DIV.blocktable, DIV.block, DIV.blockform, DIV.block2col, #postreview {MARGIN-BOTTOM: 12px} 108 #punindex DIV.blocktable, DIV.blockpost {MARGIN-BOTTOM: 6px} 109 DIV.block2col DIV.blockform, DIV.block2col DIV.block {MARGIN-BOTTOM: 0px} 110 111 /* 5.3 Remove space above breadcrumbs, postlinks and pagelinks with a negative top margin */ 112 113 DIV.linkst, DIV.linksb {MARGIN-TOP: -12px} 114 DIV.postlinksb {MARGIN-TOP: -6px} 115 116 /* 5.4 Put a 12px gap above the board information box in index because the category tables only 117 have a 6px space beneath them */ 118 119 #brdstats {MARGIN-TOP: 12px} 120 121 /****************************************************************/ 122 /* 6. SPACING AROUND CONTENT */ 123 /****************************************************************/ 124 125 /* 6.1 Default padding for main items */ 126 127 DIV.block DIV.inbox, DIV.blockmenu DIV.inbox {PADDING: 3px 6px} 128 .pun P, .pun UL, .pun DL, DIV.blockmenu LI, .pun LABEL, #announce DIV.inbox DIV {PADDING: 3px 0} 129 .pun H2 {PADDING: 4px 6px} 130 131 /* 6.2 Special spacing for various elements */ 132 133 .pun H1 {PADDING: 3px 0px 0px 0} 134 #brdtitle P {PADDING-TOP: 0px} 135 DIV.linkst {PADDING: 8px 6px 3px 6px} 136 DIV.linksb, DIV.postlinksb {PADDING: 3px 6px 8px 6px} 137 #brdwelcome, #brdfooter DL A, DIV.blockmenu LI, DIV.rbox INPUT {LINE-HEIGHT: 1.4em} 138 #viewprofile DT, #viewprofile DD {PADDING: 0 3px; LINE-HEIGHT: 2em} 139 140 /* 6.4 Create some horizontal spacing for various elements */ 141 142 #brdmenu LI, DIV.rbox INPUT, DIV.blockform P INPUT {MARGIN-RIGHT: 12px} 143 144 /****************************************************************/ 145 /* 7. SPACING FOR TABLES */ 146 /****************************************************************/ 147 148 .pun TH, .pun TD {PADDING: 4px 6px} 149 .pun TD P {PADDING: 5px 0 0 0} 150 151 /****************************************************************/ 152 /* 8. SPACING FOR POSTS */ 153 /****************************************************************/ 154 155 /* 8.1 Padding around left and right columns in viewtopic */ 156 157 DIV.postleft DL, DIV.postright {PADDING: 6px} 158 159 /* 8.2 Extra spacing for poster contact details and avatar */ 160 161 DD.usercontacts, DD.postavatar {MARGIN-TOP: 5px} 162 DD.postavatar {MARGIN-BOTTOM: 5px} 163 164 /* 8.3 Extra top spacing for signatures and edited by */ 165 166 DIV.postsignature, DIV.postmsg P.postedit {PADDING-TOP: 15px} 167 168 /* 8.4 Spacing for code and quote boxes */ 169 170 DIV.postmsg H4 {MARGIN-BOTTOM: 10px} 171 .pun BLOCKQUOTE, DIV.codebox {MARGIN: 5px 15px 15px 15px; PADDING: 8px} 172 173 /* 8.5 Padding for the action links and online indicator in viewtopic */ 174 175 DIV.postfootleft P, DIV.postfootright UL, DIV.postfootright DIV {PADDING: 10px 6px 5px 6px} 176 177 /* 8.6 This is the input on moderators multi-delete view */ 178 179 DIV.blockpost INPUT, DIV.blockpost LABEL { 180 PADDING: 3px; 181 DISPLAY: inline 182 } 183 184 P.multidelete { 185 PADDING-TOP: 15px; 186 PADDING-BOTTOM: 5px 187 } 188 189 /* 8.7 Make sure paragraphs in posts don't get any padding */ 190 191 DIV.postmsg P {PADDING: 0} 192 193 /****************************************************************/ 194 /* 9. SPECIAL SPACING FOR FORMS */ 195 /****************************************************************/ 196 197 /* 9.1 Padding around fieldsets */ 198 199 DIV.blockform FORM, DIV.fakeform {PADDING: 20px 20px 15px 20px} 200 DIV.inform {PADDING-BOTTOM: 12px} 201 202 /* 9.2 Padding inside fieldsets */ 203 204 .pun FIELDSET {PADDING: 0px 12px 0px 12px} 205 DIV.infldset {PADDING: 9px 0px 12px 0} 206 .pun LEGEND {PADDING: 0px 6px} 207 208 /* 9.3 The information box at the top of the registration form and elsewhere */ 209 210 DIV.forminfo { 211 MARGIN-BOTTOM: 12px; 212 PADDING: 9px 10px 213 } 214 215 /* 9.4 BBCode help links in post forms */ 216 217 UL.bblinks LI {PADDING-RIGHT: 20px} 218 219 UL.bblinks {PADDING-BOTTOM: 10px; PADDING-LEFT: 4px} 220 221 /* 9.5 Horizontal positioning for the submit button on forms */ 222 223 DIV.blockform P INPUT {MARGIN-LEFT: 12px} 224 225 /****************************************************************/ 226 /* 10. POST STATUS INDICATORS */ 227 /****************************************************************/ 228 229 /* 10.1 These are the post status indicators which appear at the left of some tables. 230 .inew = new posts, .iredirect = redirect forums, .iclosed = closed topics and 231 .isticky = sticky topics. By default only .inew is different from the default.*/ 232 233 DIV.icon { 234 FLOAT: left; 235 MARGIN-TOP: 0.1em; 236 MARGIN-LEFT: 0.2em; 237 DISPLAY: block; 238 BORDER-WIDTH: 0.6em 0.6em 0.6em 0.6em; 239 BORDER-STYLE: solid 240 } 241 242 DIV.searchposts DIV.icon {MARGIN-LEFT: 0} 243 244 /* 10.2 Class .tclcon is a div inside the first column of tables with post indicators. The 245 margin creates space for the post status indicator */ 246 247 TD DIV.tclcon {MARGIN-LEFT: 2.3em} 248 249 250 251 252 253 254 255 256 257 258 1130 .pun h2 a:link, .pun h2 a:visited, 1131 #brdmenu a:link, #brdmenu a:visited { 1132 color: #d4d4d4 1133 } 1134 1135 .pun h2 a:hover, .pun h2 a:active, 1136 #brdmenu a:hover, #brdmenu a:active { 1137 color: #d4d4d4 1138 } 1139 1140 .pun .postreport a:link, .pun .postreport a:visited, 1141 .pun .iclosed td.tcl a:link, .pun .iclosed td.tcl a:visited { 1142 color: #888 1143 } 1144 1145 .pun .postreport a:hover, .pun .postreport a:active, 1146 .pun .iclosed td.tcl a:hover, .pun .iclosed td.tcl a:active { 1147 color: #aaa 1148 } 1149 1150 .pun .maintenancelink a:link, .pun .maintenancelink a:visited { 1151 color: #ff4000 1152 } 1153 1154 .pun .maintenancelink a:hover, .pun .maintenancelink a:active { 1155 color: #ff5010 1156 } 1157 1158 /* Status Indicators 1159 ----------------------------------------------------------------*/ 1160 1161 .pun .icon { 1162 border-color: #484848 #404040 #3c3c3c #444444 1163 } 1164 1165 .pun .iredirect .icon { 1166 border-color: #383838 #383838 #383838 #383838 1167 } 1168 1169 .pun .inew .icon { 1170 border-color: #f6b620 #ecae1f #d09a1b #e1a61d 1171 } -
branches/rsr.v5.1.dev/web/punbb/style/imports/Mercury_cs.css
r1 r3 5 5 /* 1.1 Default background colour and text colour */ 6 6 7 /*BODY {BACKGROUND-COLOR: #ffffff}*/ 7 BODY {BACKGROUND-COLOR: #1f1f1f} 8 8 9 9 .pun {COLOR: #D4D4D4} -
branches/rsr.v5.1.dev/web/punbb/style/imports/base_admin.css
r1 r3 4 4 * HTML #adstats DD {HEIGHT: 1%} 5 5 #adstats DD {MARGIN-LEFT: 14em; PADDING: 3px; MARGIN-BOTTOM: 5px; LINE-HEIGHT: 1.5em} 6 #adstats DT {FLOAT: left; WIDTH: 13em; PADDING: 3px; line-height: 1.5em}6 #adstats DT {FLOAT: left; WIDTH: 13em; PADDING: 3px; LINE-HEIGHT: 1.5em} 7 7 #adstats {PADDING: 15px 15px 5px 10px} 8 8 #adintro {PADDING: 5px} … … 17 17 #adminconsole TABLE.aligntop TH, #adminconsole TABLE.aligntop TD {VERTICAL-ALIGN: top} 18 18 #adminconsole TABLE.aligntop TH {PADDING-TOP: 0.7em} 19 #adminconsole TD, #adminconsole TH {BORDER-STYLE: solid; BORDER-WIDTH: 3px 0 px 3px 0px}19 #adminconsole TD, #adminconsole TH {BORDER-STYLE: solid; BORDER-WIDTH: 3px 0 3px 0} 20 20 #adminconsole P {PADDING-BOTTOM: 6px} 21 21 #adminconsole .topspace {PADDING-TOP: 6px} 22 22 #adminconsole P.submittop, #adminconsole P.submitend {TEXT-ALIGN: center} 23 23 #adminconsole TH.hidehead {COLOR: #f1f1f1} 24 #adminconsole THEAD TH {PADDING-BOTTOM: 0 px}24 #adminconsole THEAD TH {PADDING-BOTTOM: 0} 25 25 #adminconsole P.linkactions {FONT-WEIGHT: bold; PADDING-LEFT: 5px} 26 26 #adminconsole TH INPUT, #adminconsole DIV.fsetsubmit {MARGIN-TOP: 6px} … … 29 29 #categoryedit .tcl {WIDTH: 25%} 30 30 #censoring .tcl, #censoring .tc2, #ranks .tcl, #ranks .tc2 {WIDTH: 20%} 31 #edforum .tcl, #edforum .tc2 {WIDTH: 8%} 32 #edforum .tc2 {WIDTH: 6%} 33 31 34 TABLE#forumperms TH, TABLE#forumperms TD {WHITE-SPACE: normal; WIDTH: auto; TEXT-ALIGN: center} 32 35 TABLE#forumperms .atcl {TEXT-ALIGN: left; WIDTH: 15em; WHITE-SPACE: nowrap} 33 36 #adminconsole TD.nodefault {BACKGROUND-COLOR: #D59B9B} 34 37 35 /*** User Search Result Tables ***/ 36 #users2 TH, #users2 TH {TEXT-ALIGN: left} 37 #users2 .tcl, #users2 .tc3, #users2 .tc5 {WIDTH: 15%; TEXT-ALIGN: left} 38 #users2 .tc2 {WIDTH: 22%; TEXT-ALIGN: left} 39 #users2 .tc4 {WIDTH: 8%} 40 #users2 .tc4 {TEXT-ALIGN: center} 41 #users2 .tcr {WHITE-SPACE: nowrap} 38 /*** User/Ban Search Result Tables ***/ 39 #users2 TH, #bans1 TH {TEXT-ALIGN: left} 40 #users2 TH.tcmod {TEXT-ALIGN: center} 41 #users2 .tcl, #bans1 .tcl {WIDTH: auto; TEXT-ALIGN: left; PADDING: 4px 6px} 42 #users2 .tc2, #bans1 .tc2 {WIDTH: 18%; TEXT-ALIGN: left; PADDING: 4px 6px} 43 #users2 .tc3, #users2 .tc5, #bans1 .tc3, #bans1 .tc5, #bans1 .tc6 {WIDTH: 12%; TEXT-ALIGN: left; PADDING: 4px 6px} 44 #users2 .tc4, #bans1 .tc4 {WIDTH: 10%; TEXT-ALIGN: center} 45 #users2 .tcr {WIDTH: 20%; WHITE-SPACE: nowrap} 46 #bans1 .tcr {WIDTH: 15%; WHITE-SPACE: nowrap} 47 #users2 .tcmod {WIDTH: 10%; TEXT-ALIGN: center} 42 48 #adminconsole #linkst, #adminconsole #linksb A {FONT-WEIGHT: bold} 43 49 44 50 /*** Plugins ***/ 45 #exampleplugin .inbox {PADDING: 6px 6px 0px 6px} 51 .plugin .inbox {PADDING-BOTTOM: 10px} 52 .plugin p {PADDING: 10px 10px 0} -
branches/rsr.v5.1.dev/web/punbb/style/imports/index.html
r1 r3 1 <html> 2 <head> 3 <title>.</title> 4 </head> 5 <body> 6 . 7 </body> 8 </html> 1 <html><head><title>.</title></head><body>.</body></html> -
branches/rsr.v5.1.dev/web/punbb/style/index.html
r1 r3 1 <html> 2 <head> 3 <title>.</title> 4 </head> 5 <body> 6 . 7 </body> 8 </html> 1 <html><head><title>.</title></head><body>.</body></html>
Note: See TracChangeset
for help on using the changeset viewer.