diff options
Diffstat (limited to 'style')
90 files changed, 14887 insertions, 0 deletions
diff --git a/style/Air.css b/style/Air.css new file mode 100644 index 0000000..d872d44 --- /dev/null +++ b/style/Air.css @@ -0,0 +1,1651 @@ +/***************************************************************** +1. INITIAL SETTINGS +*****************************************************************/ + +/* Limited Reset +----------------------------------------------------------------*/ + +html, body, .pun table, .pun div, .pun form, .pun p, .pun h1, .pun h2, .pun h3, .pun h4, .pun h5, .pun pre, .pun blockquote, +.pun ul, .pun ol, .pun li, .pun dl, .pun dt, .pun dd, .pun th, .pun td, .pun fieldset, .pun legend .pun img, +.pun abbr, .pun cite { + border: 0; + font-style: normal; + font-weight: normal; + margin: 0; + padding: 0; +} + +.pun ul, .pun ol { + list-style: none; +} + +.pun select { + padding-bottom: 1px; + padding-top: 1px; + padding-right: 1px; +} + +/* Content Defaults +----------------------------------------------------------------*/ + +.pun { + font: 81.25%/1.462em Arial, Helvetica, sans-serif; +} + +.pun table, .pun td, .pun th, .pun input, .pun select, .pun optgroup, .pun textarea, .pun legend { + font-family: Arial, Helvetica, sans-serif; + font-size: 1em; +} + +.pun pre, .pun code { + font-family: consolas, monaco, "bitstream vera sans mono", "courier new", courier, monospace; + font-size: 1em; +} + +.pun pre code { + font-size: 1em; +} + +.pun table { + border-collapse: collapse; + border-spacing: 0; + border: 0; + empty-cells: show; + width: 100%; +} + +.pun h1 { + font:2.154em/1em "Trebuchet MS", Arial, Helvetica, sans-serif; + padding: 7px 0; +} + +.pun h2, .pun .hd h2 { + font: 1.462em/1em "Trebuchet MS", Arial, Helvetica, sans-serif; + padding: 7px 0; +} + +.pun h3 { + font-size: 1.154em; + line-height: 1.267em; + padding: 7px 0; +} + +.pun h4 { + font-size: 1.077em; + font-weight: bold; + padding: 7px 0; +} + +.pun h5, .pun h6 { + font-size: 1em; + font-weight: bold; + padding: 7px 0; +} + +.pun p, .pun ul, .pun ol, .pun dl, .pun th, .pun td, .pun legend { + padding: 7px 0; +} + +.pun strong, .pun th, .pun span.warntext, .pun p.warntext { + font-weight: bold; +} + +.pun em { + font-style: italic; +} + +.pun a, .pun a:link, .pun a:visited { + text-decoration: none; +} + +.pun a:hover, .pun a:active, .pun a:focus { + text-decoration: underline; +} + +.pun .actions span { + padding-left: 16px; + padding-right: 8px; + background: url(Air/img/bull.png) center left no-repeat; + display: inline-block; + line-height: normal; +} + +/* Hidden Elements +----------------------------------------------------------------*/ + +#brdfooter h2, #brdstats h2, #debug h2, #brdstats .conl dt, #brdstats .conr dt, #modcontrols dt, +#searchlinks dt, div.postright h3, .pun .subscribelink span, #announce .hd, #reportform h2, #punmoderate #vf h2, +#punviewforum #vf h2, .pun .required strong span, .pun .icon div { + display: block; + overflow: hidden; + position: absolute; + text-indent: -9999em; + width: 0; +} + +/* Generic Float Clear +----------------------------------------------------------------*/ + +.pun .inbox, .pun #brdmain, .pun .crumbs, .pun .pagepost, .pun .block2col { + min-height: 1px; +} + +* html .pun .inbox, * html .pun #brdmain, * html .pun .infldset, * html .pun .crumbs, * html .pun .pagepost, * html .pun .block2col { + display: inline-block; +} + +* html .pun .inbox, * html .pun #bdrdmain, * html .pun .infldset, * html .pun .crumbs, * html .pun .pagepost, * html .pun .block2col { + display: block; +} + +.pun .inbox:after, .pun #brdmain:after, .pun .crumbs:after, .pun .pagepost:after, .pun .block2col:after { + content: " "; + display: block; + height: 0; + font-size: 0; + clear: both; + visibility: hidden; +} + +.pun .block2col .inbox:after { + content: none; + clear: none; +} + +.clearl { + clear: left; +} + + +/***************************************************************** +2. COMMON STYLES +*****************************************************************/ + +/* Page Layout +----------------------------------------------------------------*/ + +.pun { + max-width: 1070px; + margin: 0 auto; + padding: 30px 40px; +} + +#punredirect, #punmaint { + padding: 60px 20% 12px 20%; +} + +#puninstall, #pundb_update { + padding: 20px 10%; +} + +.pun .punwrap { + border: 1px solid; + border-radius: 10px; + padding: 18px; +} + +#punredirect h2, #punmaint h2 { + border-bottom-style: dotted; + border-bottom-width: 1px; + margin-bottom: 3px; +} + +/* Section Spacing and Borders +----------------------------------------------------------------*/ + +#brdmain { + border-style: solid none; + border-width: 2px 0; + margin-bottom: 12px; + padding: 12px 0; +} + +#punindex #brdmain { + padding-top: 24px; +} + +#punredirect #brdmain, #punmaint #brdmain { + border: 0; + margin: 0; + padding: 0; +} + +#brdstats { + border-style: solid none none none; + border-width: 2px 0 0 0; + margin-top: 24px; + padding-top: 12px; +} + +#quickpost { + border-style: solid none none none; + border-width: 2px 0 0 0; + margin-top: 12px; + padding-top: 12px; +} + +#announce { + border-style: solid none none none; + border-width: 2px 0 0 0; + padding-top: 3px; +} + +/***************************************************************** +3. COMMON BOARD ELEMENTS +*****************************************************************/ + +/* Logo, Description and Main Menu +----------------------------------------------------------------*/ + +#brdtitle h1 { + padding: 0 0 10px 0; +} + +#brddesc { + border-top-style: dotted; + border-top-width: 1px; + padding: 10px 0; +} + +#brddesc p { + padding: 0; +} + +#brdmenu ul { + padding: 0; +} + +#brdmenu li { + float: left; +} + +#brdmenu a:link, #brdmenu a:visited { + border-right-style: solid; + border-width: 1px; + display: block; + min-width: 60px; + padding: 12px 16px 6px 8px; + white-space: nowrap; +} + +#brdmenu a:hover, #brmenu a:active, #brdmenu a:focus { + text-decoration: none; +} + +/* Welcome Box +----------------------------------------------------------------*/ + +#brdwelcome { + padding: 10px 0; +} + +#brdwelcome .conl, #brdwelcome .conr, #brdwelcome p, #brdwelcome li { + display: inline; + padding: 0; +} + +#brdwelcome .conl { + float: left; +} + +#brdwelcome .conr { + float: right; +} + +#brdwelcome li span { + background: url(Air/img/bull.png) center left no-repeat; + padding-left: 18px; + margin-right: 3px; + display: inline-block; + line-height: normal; + white-space: nowrap; +} + +#brdwelcome .conl li:first-child span { + padding-left: 0; + background: none; +} + +/* Stats +----------------------------------------------------------------*/ + +#brdstats .conl { + float: left; +} + +#brdstats .conr { + float: right; + text-align: right; +} + +#brdstats #onlinelist { + border-top-style: dotted; + border-top-width: 1px; + clear: both; +} + +#brdstats #onlinelist dt, #brdstats #onlinelist dd { + display: inline; +} + +/* Footer +----------------------------------------------------------------*/ + +.pun #modcontrols { + border-style: none none dotted none; + border-width: 0 0 1px 0; + margin-bottom: 4px; + text-align: center; + width: 100%; +} + +.pun #modcontrols dd { + display: inline; +} + +.pun #brdfooter #modcontrols dd span { + background: url(Air/img/bull.png) center left no-repeat; + display: inline-block; + line-height: normal; + padding-left: 18px; + white-space: nowrap; +} + +.pun #brdfooter .conl { + float: left; +} + +.pun #brdfooter .conr { + text-align: right; + float: right; +} + +.pun #brdfooter #poweredby a { + font-size: 1.077em; + font-weight: bold; +} + +.pun #brdfooter #qjump { + padding-top: 5px; +} + +.pun #brdfooter #qjump * { + white-space: nowrap; +} + +.pun #brdfooter #searchlinks dd span { + background: url(Air/img/bull.png) center left no-repeat; + display: inline-block; + line-height: normal; + padding-left: 18px; + white-space: nowrap; +} + +.pun #brdfooter #feedlinks { + padding-bottom: 0; +} + +.pun #brdfooter #feedlinks span { + background: url(Air/img/feed.png) center left no-repeat; + display: inline-block; + padding-left: 18px; + white-space: nowrap; +} + +.pun #debugtime { + border-style: dotted none none none; + border-width: 1px 0 0 0; + margin-top: 7px; + text-align: center; +} + +/* Breadcrumbs, Postlink, Pagination +----------------------------------------------------------------*/ + +.pun .linkst .inbox, .pun .linksb .inbox, .pun .postlinksb .inbox { + overflow: hidden; +} + +.pun .linksb, .pun .postlinksb, .pun .linkst, .pun .crumbs { + clear: both; + position: relative; +} + +.pun .linkst .crumbs { + font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; + font-size: 1.462em; + line-height: 1.211em; + padding: 7px 0; +} + +.pun .linksb .crumbs, .pun .postlinksb .crumbs { + font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; + font-size: 1.154em; +} + +.pun .linkst .crumbsplus .pagepost { + border-top-style: dotted; + border-top-width: 1px; +} + +.pun .linksb .crumbsplus .pagepost, .pun .postlinksb .crumbsplus .pagepost { + border-bottom-style: dotted; + border-bottom-width: 1px; +} + +.pun .postlinksb .crumbs { + margin-right: 11em; +} + +.pun .crumbs li { + float: left; + padding-right: 0.4em; + white-space: nowrap; +} + +.pun .crumbs li strong { + font-weight: normal; +} + +.pun .pagelink { + float: left; + white-space: nowrap; +} + +.pun .pagelink strong, .pun .pagelink a, .pun .pagelink span.spacer { + border-style: none none none solid; + border-width: 0 0 0 1px; + display: inline-block; + padding: 0 12px 0 10px; + margin-right: -6px; +} + +.pun .pagelink .item1 { + border: 0; +} + +.pun .pagelink .pages-label { + display: inline-block; +} + +.pun .postlink { + float: right; + font-weight: bold; + text-align: right; +} + +.pun .modbuttons { + float: right; + padding: 5px 0 3px 0; +} + +.pun .modbuttons input { + margin-left: 8px; +} + +.pun .subscribelink { + position: absolute; + right: 0; + text-align: right; + top: 33px; +} + +#punindex .subscribelink { + top: 0px; +} + +#punindex .linksb { + height: 12px; +} + +/***************************************************************** +4. MAIN TABLES +*****************************************************************/ + +.pun #brdmain .blocktable { + position: relative; +} + +#punindex #brdmain .blocktable h2, #punsearch #vf h2 { + font: 1em/1.462em Arial, Helvetica, sans-serif; + font-weight: bold; + margin: 1px 1px 0 1px; + padding-left: 8px; + position: absolute; + left: 0; + white-space: nowrap; + z-index: 100; +} + +#punindex .blocktable th.tcl, #punsearch #vf th.tcl { + font-size: 0; + text-indent: -9999em; +} + +.pun .blocktable .box { + border-style: solid; + border-width: 1px; + margin-bottom: -1px; + overflow: hidden; + position: relative; +} + +* html .pun .blocktable .box { + display: inline-block; +} + +.pun .blocktable table { + table-layout: fixed; + margin-bottom: -1px; +} + +.pun .blocktable th { + padding: 7px 8px; + border-style: none none solid none; + border-width: 1px; + text-align: left; +} + +.pun .blocktable td { + padding: 7px 8px; + line-height: 1.3077em; + border-style: none none solid none; + border-width: 1px; + text-align: left; +} + +.pun .blocktable h3 { + font-size: 1.077em; + font-weight: bold; + padding: 0; +} + +.pun .blocktable p { + padding: 0; +} + +.pun .blocktable .tcl p { + padding: 5px 0 0 0; +} + +.pun .blocktable .tcl { + width: auto; +} + +.pun .blocktable .tc2, .pun .blocktable .tc3, .pun .blocktable .tcmod { + padding-left: 0; + padding-right: 0; + text-align: center; + width: 11%; +} + +.pun .blocktable .tcr { + width: 30%; +} + +.pun .blocktable td .newtext, .pun .blocktable td .pagestext, .pun .blocktable td .byuser { + white-space: nowrap; +} + +.pun .blocktable .tcl h3 span.newtext { + font-size: 0.929em; + font-weight: normal; +} + +.pun #vf td.tcl span.stickytext, .pun #vf td.tcl span.closedtext { + font-size: 1em; + font-weight: bold; +} + +#punsearch #vf .tc2 { + padding-left: 8px; + padding-right: 8px; + text-align: left; + width: 18%; +} + +#users1 .tcr { + width: 25%; +} + +#users1 .tc2 { + padding-left: 8px; + padding-right: 8px; + text-align: left; + width: 25%; +} + +#debug { + margin-top: 12px; +} + +#debug .tcl { + width: 10%; +} + +#punredirect #debug .tcl, #punmaint #debug .tcl { + width: 20%; +} + +#debug .tcr { + width: 90%; + white-space: normal; +} + +#punindex .tcr .byuser { + display: block; +} + +#punindex td.tc2, #punindex td.tc3, #punindex td.tcr, .pun #vf td.tc2, .pun #vf td.tc3, +.pun #vf td.tcr, #punindex td.tcl div.forumdesc, .pun #vf td.tcl span { + font-size: 0.923em; +} + +.pun #vf td.tcl a { + font-weight: bold; +} + +.pun #vf td.tcl span a { + font-weight: normal; +} + +.pun .blocktable .tclcon { + min-height: 1px; + overflow: hidden; + padding: 0 11px 0 12px; + position: relative; +} + +.pun .blocktable .tclcon div { + width: 100%; + overflow: hidden; +} + +.pun .icon { + border-style: solid; + border-width: 8px; + float: left; + height: 0; + overflow: hidden; + width: 0; +} + +.pun .iposted .ipost { + font-weight: bold; + left: 0; + padding-left: 4px; + position: absolute; + text-align: center; + top: 0; + width: 8px; +} + +/***************************************************************** +MAIN POSTS +*****************************************************************/ + +/* Structure +----------------------------------------------------------------*/ + +.pun .blockpost { + border-style: solid; + border-width: 1px; + margin-bottom: -1px; + overflow: hidden; + position: relative; +} + +* html .pun .blockpost { + display: inline-block; +} + +.pun .blockpost h2 { + font: 1em/1.462em Arial, Helvetica, sans-serif; + white-space: nowrap; + border-bottom-style: solid; + border-bottom-width: 1px; + height: 1.462em; + padding: 0.538em 8px 0.538em 236px; + font-weight: normal; +} + +#punsearch .blockpost h2 { + height: auto; + padding-left: 36px; + white-space: normal; +} + +#punsearch .blockpost h2 span span { + white-space: nowrap; + display: inline-block; + font: 1.077em "Trebuchet MS", Arial, Helvetica, sans-serif; +} + +#punsearch .blockpost .icon { + position: absolute; + top: 0; + margin-top: -2.154em; +} + +.pun .blockpost h2 .conr { + float: right; + text-align: right; +} + +.pun .blockpost .inbox { + float: right; + position: relative; + width: 100%; +} + +.pun .blockpost .postbody, .pun .blockpost .postfoot { + border-left-style: solid; + border-left-width: 1px; + float: right; + margin-right: -218px; + position: relative; + text-align: left; + width: 100%; +} + +.pun .blockpost .postleft, .pun .blockpost .postfootleft { + width: 194px; + padding: 7px 12px 7px 12px; + float: left; + margin-left: -218px; + position: relative; +} + +.pun .blockpost .postleft dl { + padding: 0; +} + +#punviewtopic .blockpost dt, #punmoderate .blockpost dt { + display: block; + position: absolute; + padding: 0.538em 0 0.538em 12px; + height: 1.462em; + top: -2.615em; + left: 0; + overflow: hidden; + width: 206px; +} + +.pun .blockpost dt { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.pun .blockpost dt strong { + font-size: 1.231em; + font-weight: bold; +} + +.pun .blockpost .postleft dd { + font-size: 0.923em; +} + +.pun .blockpost .postleft .usertitle { + padding: 4px 0 6px 0; + font-size: 1em; +} + +.pun .blockpost .postleft .postavatar { + display: block; + margin: 0 0 4px 0; +} + +.pun .blockpost .postright { + position: relative; + padding: 4px 230px 7px 18px; +} + +.pun .postmsg { + width:100%; + overflow: hidden; + word-wrap: break-word; +} + +.pun .blockpost .postfootright { + position: relative; + padding: 7px 230px 7px 18px; + text-align: right; +} + +.pun .postfoot p, .pun .postfoot ul { + padding: 0; +} + +.pun .blockpost .postfootright li { + display: inline; +} + +.pun .blockpost .postfootright li span { + display: inline-block; + padding-left: 16px; + margin-left: 8px; + line-height: normal; + background: url(Air/img/bull.png) center left no-repeat; +} + +.pun .blockpost .usercontacts { + padding: 7px 0; +} + +.pun .blockpost .usercontacts .email { + background: url(Air/img/email.png) left 65% no-repeat; + margin-right: 5px; + padding-left: 21px; + display: inline-block; + line-height: normal; +} + +.pun .blockpost .usercontacts .website { + background: url(Air/img/ext.png) left 65% no-repeat; + padding-left: 18px; + display: inline-block; + line-height: normal; +} + +.pun .postsignature hr { + border:none; + height: 1px; + margin-left: 0px; + text-align: left; +} + +/* Content (includes other user content) +----------------------------------------------------------------*/ + +.pun .usercontent { + padding: 7px 0; +} + +.pun .postmsg p, .pun .postmsg li, #punhelp p samp { + font-family: Verdana, Arial, Helvetica, sans-serif; +} + +.pun .usercontent h1, .pun .usercontent h2, .pun .usercontent h3, +.pun .usercontent h4, .pun .usercontent h5, .pun .usercontent h6 { + padding: 7px 0 0 0; +} + +.pun .postmsg h5, #punhelp h5 { + font-size: 1.231em; + font-weight: bold; + padding: 7px 0; +} + +.pun .usercontent ul, .pun .postmsg ul { + list-style: disc; + padding: 4px 13px 4px 30px; +} + +.pun .usercontent ol, .pun .postmsg ol { + list-style: decimal; + padding: 4px 13px 4px 30px; +} + +.pun .usercontent ol.alpha, .pun .postmsg ol.alpha { + list-style: lower-alpha; +} + +.pun .usercontent li, .pun .postmsg li { + padding: 0 3px; +} + +.pun .usercontent li p, .pun .postmsg li p { + padding: 0; +} + +.pun span.bbu { + text-decoration: underline; +} + +.pun span.bbs, .pun del { + text-decoration: line-through; +} + +.pun .postmsg ins, #punhelp samp ins { + text-decoration: none; +} + +.pun .blockpost .postmsg .postedit { + font-size: 0.857em; +} + +.pun .blockform .postsignature, .pun .blockpost .postsignature { + font-size: 0.923em; +} + +.pun .codebox { + border-style: solid; + border-width: 1px; + margin: 0.75em 1em; + padding: 0; +} + +.pun .quotebox { + border-style: solid; + border-width: 1px 1px 1px 3px; + margin: 0.75em 1em; + padding: 0 0.75em; +} + +.pun .quotebox cite { + display: block; + padding: 0.75em 0 0 0; + font-weight: bold; + line-height: 1.462em; +} + +.pun .quotebox blockquote { + overflow: hidden; + width: 100%; +} + +.pun .codebox pre { + overflow: auto; + width: 100%; + direction: ltr; + text-align: left; +} + +* html .pun .codebox pre { + padding-bottom: 10px; +} + +*:first-child+html .pun .codebox pre { + padding-bottom: 10px; +} + +.pun .codebox pre code { + padding: 0.5em; + white-space: pre; +} + +.pun div[class*=codebox] pre code { + display: inline-block; +} + +* html .pun .codebox pre code { + display: block; +} + +.pun .codebox pre.vscroll { + height: 32em; + overflow: auto; + overflow-y: auto; +} + +.pun .postmsg img, #punhelp samp img { + vertical-align: text-top; +} + +.pun .postmsg .postimg img { + max-width: 98%; + vertical-align: middle; + margin: 7px 0.5em 7px 0; +} + +.pun .postmsg .postimg a:link img, .pun .postmsg .postimg a:visited img { + border-style: solid; + border-width: 2px; +} + +/***************************************************************** +MAIN FORMS +*****************************************************************/ + +#punedit .blockform h2, #punpost .blockform h2, #postpreview h2, #posterror h2, +.pun #quickpost h2, .pun #reportform h2, #pundelete .blockform h2 { + font: 1em/1.462em Arial, Helvetica, sans-serif; + font-weight: bold; + white-space: nowrap; + padding: 10px 19px 4px 37px; + border: 0; +} + +#punpost .blockform h2, #punedit .blockform h2,.pun #quickpost h2, +#pundelete .blockform h2 { + margin: 1px 1px 0 1px; + width: 25em; + position: absolute; + z-index: 100; +} + +.pun #quickpost legend, #punpost legend, #punedit legend { + width: 25em; + overflow: hidden; + white-space: nowrap; +} + +.pun .blockform .box { + border-style: solid; + border-width: 1px; + padding-bottom: 12px; +} + +.pun #posterror { + border-style: solid; + border-width: 1px; +} + +.pun #posterror .box { + padding: 0 18px 12px 18px; +} + +* html .pun .blockform .box, * html .pun #posterror { + display: inline-block; +} + +.pun .blockform .forminfo, .pun .error-info { + padding: 12px 18px; + border-style: solid; + border-width: 1px; + position: relative; +} + +.pun .blockform .forminfo { + margin-top: 12px; +} + +#pundelete .blockform .forminfo { + margin-top: 33px; +} + +.pun .forminfo h3 { + padding-bottom: 0; +} + +.pun .error-list li { + padding-left: 24px; + background: url(Air/img/exclaim.png) center left no-repeat; +} + +.pun .inform { + padding: 0 18px; +} + +.pun legend { + font-weight: bold; + padding: 10px 19px 4px 19px; +} + +* html .pun legend { + margin-left: -7px; +} + +*:first-child+html .pun legend { + margin-left: -7px; +} + +.pun .infldset { + border-style: solid; + border-width: 1px; + padding: 12px 18px; +} + +#punregister #rules .infldset { + padding: 5px 18px; +} + +.pun fieldset p { + padding: 0 0 7px 0; + width: 100%; +} + +.pun fieldset .usercontent p { + padding: 7px 0; +} + +.pun fieldset label { + display: block; + padding: 0 0 7px 0; +} + +.pun label em { + font-weight: normal; + font-style: normal; +} + +.pun .required strong { + background: url(Air/img/asterisk.png) center right no-repeat; + font-weight: normal; + padding-right: 14px; + white-space: pre; + display: inline-block; + line-height: normal; +} + +.pun label input, .pun label select, .pun label textarea { + margin-top: 2px; +} + +.pun label.conl { + display: inline-block; + padding-right: 12px; +} + +.pun form .buttons { + padding: 8px 19px 8px 34px; + margin-bottom: -12px; +} + +.pun .blockform .buttons input { + margin-right: 12px; +} + +.pun .rbox { + padding: 3px 0; +} + +.pun .rbox label { + padding: 3px 0 3px 1.75em; + position: relative; + min-height: 1px; +} + +* html .pun .rbox label { + text-indent: -3px; + height: 1%; +} + +.pun .rbox input { + margin: 3px 0.75em 3px -1.75em; + float: left; + position: relative; + vertical-align: middle; + padding: 0; + height: 1em; + width: 1em; +} + +.pun input[type=text], .pun input[type=password], .pun select, .pun textarea { + font-family: Verdana, Arial, Helvetica, sans-serif; +} + +.pun .txtarea textarea, .pun input.longinput { + width: 98%; +} + +.pun textarea { + resize: vertical; +} + +.pun #quickpost .txtarea { + padding-right: 12px; + position: relative; +} + +.pun .blockform .bblinks { + padding-top: 0; +} + +.pun .blockform .bblinks li { + display: inline; +} + +.pun .blockform .bblinks li span { + background: url(Air/img/help.png) center left no-repeat; + margin-right: 8px; + padding-left: 20px; + display: inline-block; +} + +.pun #quickpost .bblinks { + padding-top: 0; +} + +.pun #quickpost .bblinks li { + display: inline; +} + +.pun #login p.clearb { + border-top-style: dotted; + border-top-width: 1px; + font-size: 0; + height: 0; + line-height: 0; + margin-top: 7px; + overflow: hidden; + padding-bottom: 3px; + padding-top: 7px; + text-indent: -9999em; + width: 100%; +} + +.pun #postreview { + padding-top: 12px; +} + +.pun #postpreview, .pun #posterror { + margin-bottom: 12px; +} + +.pun #postpreview .postright { + padding: 0; +} + +.pun #postpreview .postbody { + border-style: solid; + border-width: 1px; + float: none; + margin: 0 18px 12px 18px; + padding: 0; + padding: 4px 18px 4px 18px; + width: auto; +} + +.pun span.email { + background: url(Air/img/email.png) left 65% no-repeat; + margin-right: 5px; + padding-left: 21px; + display: inline-block; + line-height: normal; +} + +.pun span.website { + background: url(Air/img/ext.png) left 65% no-repeat; + padding-left: 18px; + display: inline-block; + line-height: normal; +} + +#punmisc #rules .box { + border-style: solid; + border-width: 1px; + padding: 5px 18px; +} + + +#punhelp .box { + border-style: solid; + border-width: 1px; + padding: 7px 12px; +} + +.pun .multiselect { + float: left; + padding-bottom: 7px; +} + +.pun .checklist { + border-width: 1px; + border-style: solid; + max-height: 9em; + width: 20em; + overflow: auto; + padding: 0.25em 0.5em; + margin: 0.25em 16px 0 0.15em; +} + +.pun .checklist legend { + padding: 0; +} + +.pun .checklist legend span { + width: auto; + max-width: 25em; +} + +/***************************************************************** +PROFILES (+ ADMIN MENU) +*****************************************************************/ + +/* Profile / Admin +----------------------------------------------------------------*/ + +.pun .blockmenu { + width: 13em; + float: left; + padding-bottom: 12px; +} + +.pun .block2col .blockform, .pun .block2col .block { + margin-left: 15em; +} + +.pun .blockmenu .block2 { + padding-top: 19px; +} + +.pun .blockmenu ul { + border-top-style: dotted; + border-top-width: 1px; + padding: 0; +} + +.pun .blockmenu li { + border-bottom-style: dotted; + border-bottom-width: 1px; + font-weight: bold; + padding: 0; +} + +.pun .blockmenu a:link, .pun .blockmenu a:visited { + display: block; + padding: 9px 6px 3px 6px; + min-height: 1px; + text-decoration: none; +} + +* html .pun .blockmenu a:link, * html .pun .blockmenu a:visited { + height: 1%; +} + +.pun .blockmenu a:hover, .pun .blockmenu a:active, .pun .blockmenu a:focus { + text-decoration: none; +} + +#viewprofile .box { + border-style: solid; + border-width: 1px; + padding-bottom: 18px; +} + +#viewprofile dt, #adstats dt { + padding: 7px 0; + position: absolute; + width: 13em; + left: 0; +} + +#viewprofile dl { + border-style: solid none none none; + border-width: 1px; + margin: 7px 0; + padding: 0; + width: 100%; + position: relative; +} + +#adintro, #adstats { + border-style: solid; + border-width: 1px; + padding: 18px; +} + +#adintro li span { + display: inline-block; + padding-left: 16px; + margin-left: 8px; + line-height: normal; + background: url(Air/img/bull.png) center left no-repeat; +} + +#adstats .inbox, #adintro .inbox { + border-style: solid; + border-width: 1px; + padding: 18px; +} + +#adstats dl { + margin: 0; + padding: 0; + width: 100%; + position: relative; +} + +#viewprofile dd, #adstats dd { + border-style: none none solid none; + border-width: 1px; + padding: 7px 0 7px 13em; +} + +/***************************************************************** +COLOUR SCHEME +*****************************************************************/ + +/* Basic defaults and Common Items +----------------------------------------------------------------*/ + +html, body, .pun { + background: #f6f9fc; + color: #333; +} + +.pun .punwrap { + background: #fff; + border-color: #cad7e1; + color: #566579; +} + +#brdtitle #brddesc, .pun .pagepost, #brdstats #onlinelist, #brdfooter #searchlinks, #brdfooter #modcontrols, +#punmaint h2, #punredirect h2, #adminconsole .submittop, .pun #debugtime, .pun .pagelink a, .pun .pagelink * { + border-color: #b9c5ce; +} + +.pun a, .pun a:link, .pun a:visited { + color: #2365B0; +} + +.pun a:hover, .pun a:active, .pun a:focus { + color: #b50000; +} + +.pun .postmsg .postimg a:link img, .pun .postmsg .postimg a:visited img { + border-color: #22538a; +} + +.pun .postmsg .postimg a:hover img, .pun .postmsg .postimg a:active img, .pun .postmsg .postimg a:focus img { + border-color: #b50000; +} + +/* Primary Navigation +----------------------------------------------------------------*/ + +#brdmenu { + background: #44699c; +} + +#brdmenu a, #brdmenu a:link, #brdmenu a:visited { + background: #44699c; + border-color: #fff; + color: #d4dae2; +} + +#brdmenu a:hover, #brdmenu a:active, #brdmenu a:focus { + background: #b50000; + border-color: #fff; + color: #fff; +} + +/* Main Tables +----------------------------------------------------------------*/ + +.pun .blocktable .box { + background: #fcfdfe; + border-color: #b9c5ce #d9e1e7; +} + +#punindex .blocktable h2, .pun #vf h2 { + color: #357082; +} + +#adminconsole fieldset th, #adminconsole fieldset td { + background: #f6f9fc; + border-color: #dfe6ee; +} + +.pun #users1 h2 { + background: #fff; +} + +.pun .blocktable td { + border-color: #dfe6ee; +} + +.pun .blocktable th { + background: #ebf1f5; + border-color: #cad7e1; + color: #357082; +} + +.pun .blocktable td.tcl span.stickytext { + color: #3399CC; +} + +/* Main Posts +----------------------------------------------------------------*/ + +.pun .blockpost { + background: #f6f9fc; + border-color: #b9c5ce #d9e1e7; +} + +.pun .blockpost h2 { + background: #ebf1f5; + border-color: #cad7e1; + color: #357082; +} + +.pun .blockpost .postbody, .pun .blockpost .postfoot { + background: #fcfdfe; + border-color: #dfe6ee; +} + +.pun .blockpost .postfootright li { + color: #fcfdfe; +} + +.pun .postmsg, #punhelp code, #punhelp samp { + color: #333; +} + +.pun .postsignature, .pun .postmsg .postedit { + color: #566579; +} + +.pun .quotebox { + background: #f8f9f0; + border-color: #7aadbd; + color: #566579; +} + +.pun .quotebox cite { + color: #357082; +} + +.pun .codebox, #punhelp .codebox code { + background: #333; + color: #fff; +} + +.pun .postmsg hr { + background: #b9c5ce; +} + +.pun .postmsg ins, #punhelp samp ins { + background-color: #ff0; +} + +/* Main Forms + Profile +----------------------------------------------------------------*/ + +.pun .blockform .box, #adstats, #adintro, #postpreview, #posterror { + border-color: #b9c5ce #d9e1e7; + background: #ebf1f5; +} + +#punmisc #rules .box, #punhelp .box { + border-color: #b9c5ce #d9e1e7; + background: #f6f9fc; +} + +.pun #quickpost h2, #punpost .blockform h2, #punedit .blockform h2, #posterror h2, +#pundelete .blockform h2 { + background: #ebf1f5; + color: #357082; +} + +.pun .forminfo { + background: #fff; + border-color: #dfe6ee; +} + +#puninstall form#install .forminfo { + background: #44699c; + color: #fff; +} + +.pun #posterror .error-info { + background: #ffffe1; + border-color: #dfe6ee; +} + +#puninstall form#install .error-info { + background: #ffffe1; + border-color: #dfe6ee; + color: #333; +} + +.pun .infldset, #adintro .inbox, #adstats .inbox { + background: #f6f9fc; + border-color: #dfe6ee; +} + +.pun label, .pun legend, #adminconsole fieldset th { + color: #357082; +} + +.pun fieldset p { + border-color: #b9c5ce; +} + +.pun .blockmenu ul, .pun .blockmenu li { + border-color: #b9c5ce; +} + +.pun .blockmenu a:hover, .pun .blockmenu a:active, .pun .blockmenu a:focus { + background: #ffffe6; +} + +.pun .blockmenu .isactive a:link, .pun .blockmenu .isactive a:visited { + color: #333; + background: #f6f9fc; +} + +.pun #viewprofile .box { + border-color: #b9c5ce #d9e1e7; + background: #ebf1f5; +} + +.pun #viewprofile dt, #adstats dt { + color: #357082; +} + +.pun #viewprofile dl, .pun #viewprofile dd, #adstats dl, #adstats dd { + border-color: #dfe6ee; +} + +#adminconsole fieldset td.nodefault { + background: #d59b9b; +} + +.pun .multiselect { + color: #357082; +} + +.pun .checklist { + background: white; + border-color: #ccc; +} + +/* Status Indicators +----------------------------------------------------------------*/ + +.pun .icon { + border-color: #e8ecf1 #d4d9dd #dfe3e8 #e8ecf1; +} + +.pun .iredirect .icon { + border-color: #b9c5ce; + border-width: 1px; + padding: 7px; +} + +.pun .inew .icon { + border-color: #91b3d9 #87a8d1 #6c85bb #7292c3; +} diff --git a/style/Air/base_admin.css b/style/Air/base_admin.css new file mode 100644 index 0000000..8136885 --- /dev/null +++ b/style/Air/base_admin.css @@ -0,0 +1,177 @@ +#adminconsole .blockform .box { + padding-bottom: 12px; +} + +#adminconsole fieldset .infldset { + position: relative; + overflow: hidden; +} + +#adminconsole fieldset table { + margin-top: -1px; + margin-bottom: -1px; +} + +#adminconsole fieldset td, #adminconsole fieldset th { + padding: 10px 8px 10px 0; + text-align: left; + white-space: normal; + border-style: solid none; + border-width: 1px 0; +} + +#punadmin thead th { + border-top: 0; + font-weight: normal; +} + +#adminconsole fieldset td span, #adminconsole fieldset th span { + display: block; font-size: 1em; + font-weight: normal; +} + +#adminconsole fieldset td.location span { + display: inline-block; +} + +#adminconsole fieldset th { + width: 15em; + font-weight: normal; + padding-right: 8px; +} + +#adminconsole table.aligntop th, #adminconsole table.aligntop td { + vertical-align: top; +} + +#adminconsole table.aligntop th div { + padding-top: 3px; +} + +#adminconsole .inform { + padding-bottom: 0; +} + +#adminconsole .infldset { + padding-bottom: 0; + padding-top: 0; +} + +#adminconsole p.submittop { + text-align: center; + border-bottom-style: dotted; + border-bottom-width: 1px; + margin: 0 18px; + padding-top: 12px; +} + +#adminconsole p.submitend { + text-align: center; + padding-bottom: 0; +} + +#adminconsole fieldset p { + padding: 10px 0; +} + +#adminconsole .fsetsubmit { + padding: 10px 0 12px 0; +} + +#adalerts { + border-style: solid; + border-width: 1px; + border-color: #b9c5ce #d9e1e7; + background: #ebf1f5; + padding: 18px; +} + +#adalerts p { + border: 1px solid #dfe6ee; + background: #ffffe1; + padding: 18px; +} + +#categoryedit .tcl { + width: 25%; +} + +#censoring .tcl, #censoring .tc2 { + width: 20%; +} + +#edforum .tcl { + width: 18%; +} + +#edforum .tc2 { + width: 12%; +} + +#forumperms thead th, #forumperms tbody td { + text-align: center; +} + +.pun .linkst .backlink, .pun .linksb .backlink { + padding: 7px 0; +} + +#punadmin #users1 h2, #punadmin #users2 h2, #punadmin #bans1 h2 { + display: block; + left: -9999em; + overflow: hidden; + position: absolute; + text-indent: -9999em; + width: 0; +} + +#punadmin #users1 th, #punadmin #users2 th, #punadmin #bans1 th { + font-weight: bold; +} + +#users2 th, #bans1 th { + text-align: left; +} + +#users2 th.tcmod { + text-align: center; +} + +#users2 .tcl, #bans1 .tcl { + width: auto; + text-align: left; +} + +#users2 .tc2, #bans1 .tc2 { + width: 18%; + text-align: left; +} + +#users2 .tc3, #users2 .tc5, #bans1 .tc3, #bans1 .tc5, #bans1 .tc6 { + width: 12%; + text-align: left; +} + +#users2 .tc4, #bans1 .tc4 { + width: 10%; + text-align: center; +} + +#users2 .tcr { + width: 20%; + white-space: nowrap; +} + +#bans1 .tcr { + width: 15%; + white-space: nowrap; +} + +#users2 .tcmod { + width: 10%; + text-align: center; +} + +.plugin p { + padding: 12px 18px 0; +} diff --git a/style/Air/img/asterisk.png b/style/Air/img/asterisk.png Binary files differnew file mode 100644 index 0000000..f7438de --- /dev/null +++ b/style/Air/img/asterisk.png diff --git a/style/Air/img/bull.png b/style/Air/img/bull.png Binary files differnew file mode 100644 index 0000000..c0706f8 --- /dev/null +++ b/style/Air/img/bull.png diff --git a/style/Air/img/email.png b/style/Air/img/email.png Binary files differnew file mode 100644 index 0000000..39ee55f --- /dev/null +++ b/style/Air/img/email.png diff --git a/style/Air/img/exclaim.png b/style/Air/img/exclaim.png Binary files differnew file mode 100644 index 0000000..b98bb3c --- /dev/null +++ b/style/Air/img/exclaim.png diff --git a/style/Air/img/ext.png b/style/Air/img/ext.png Binary files differnew file mode 100644 index 0000000..b63b4b7 --- /dev/null +++ b/style/Air/img/ext.png diff --git a/style/Air/img/feed.png b/style/Air/img/feed.png Binary files differnew file mode 100644 index 0000000..3704226 --- /dev/null +++ b/style/Air/img/feed.png diff --git a/style/Air/img/help.png b/style/Air/img/help.png Binary files differnew file mode 100644 index 0000000..b20fb2d --- /dev/null +++ b/style/Air/img/help.png diff --git a/style/Air/img/index.html b/style/Air/img/index.html new file mode 100644 index 0000000..89337b2 --- /dev/null +++ b/style/Air/img/index.html @@ -0,0 +1 @@ +<html><head><title>.</title></head><body>.</body></html> diff --git a/style/Air/index.html b/style/Air/index.html new file mode 100644 index 0000000..89337b2 --- /dev/null +++ b/style/Air/index.html @@ -0,0 +1 @@ +<html><head><title>.</title></head><body>.</body></html> diff --git a/style/ArchLinux.css b/style/ArchLinux.css new file mode 120000 index 0000000..33e9080 --- /dev/null +++ b/style/ArchLinux.css @@ -0,0 +1 @@ +Air.css
\ No newline at end of file diff --git a/style/ArchLinux/admin.tpl b/style/ArchLinux/admin.tpl new file mode 100644 index 0000000..718123a --- /dev/null +++ b/style/ArchLinux/admin.tpl @@ -0,0 +1,40 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<pun_language>" lang="<pun_language>" dir="<pun_content_direction>"> +<head> +<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> +<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> +<pun_head> +<pun_include "css.php"> +<link rel="shortcut icon" href="style/ArchLinux/favicon.ico" /> +</head> + +<body> +<pun_include "archnavbar.php"> + +<div id="punadmin" class="pun"> +<div class="top-box"></div> +<div class="punwrap"> + +<div id="brdheader" class="block"> + <div class="box"> + <pun_navlinks> + <pun_status> + </div> +</div> + +<pun_announcement> + +<div id="brdmain"> +<pun_main> +</div> + +<pun_footer> + +<pun_include "archfooter.php"> + +</div> +<div class="end-box"></div> +</div> + +</body> +</html> diff --git a/style/ArchLinux/arch.css b/style/ArchLinux/arch.css new file mode 100644 index 0000000..adbe853 --- /dev/null +++ b/style/ArchLinux/arch.css @@ -0,0 +1,162 @@ +* { font-family: sans-serif !important; } +.pun { max-width: none; margin: 0; } +#archnavbar.anb-forum ul li.anb-selected a { color: #fff !important; } +.pun pre, .pun code { font-family: monospace !important; } +html, body, .pun { background: #f6f9fc; color: #222; } +.pun .punwrap { border-color: #bcd; border-radius: 0; } + +.pun a, .pun a:link, .pun a:visited { text-decoration:none; color:#07b; outline: none; } +.pun a:focus, #brdmain a:focus { color: #e90; } +.pun a:hover, #brdmain a:hover { color:#999 !important; text-decoration:underline; } +.pun a:active, #brdmain a:active { color: #e90 !important; } + +#brdmenu { background: #fff; } +#brdmenu ul { margin-left: -9px; } +#brdmenu a, #brdmenu a:link, #brdmenu a:visited { display: inline; padding-right: 10px; background: #fff; color: #07b; } +#brdmain a:visited { color: #666; } +#brdmenu a:hover { color:#999; text-decoration:underline; } +#brdmenu a:active, #brdmenu a:focus { color: #e90; } + +.pun .postmsg a { font-weight: bold; } + +/* hide round edges */ +.pun .top-box { background: none; } +.pun .top-box div { background: none; } +.pun .end-box { background: none; } +.pun .end-box div { background: none; } + +/* hide moderator list */ +#brdmain .tcl .modlist { display: none; } + +/* replace green color */ +#punindex .blocktable h2, .pun #vf h2 { color: #444; } +.pun .blocktable th { color: #444; } +.pun .blockpost h2 { color: #444; } +.pun .quotebox cite { color: #444; } +.pun #quickpost h2, #punpost .blockform h2, #punedit .blockform h2, #posterror h2, #pundelete .blockform h2 { color: #444; } +.pun label, .pun legend, #adminconsole fieldset th { color: #444; } +.pun #viewprofile dt, #adstats dt { color: #444; } + +.pun .icon { border-color: #e8ecf1; border-width: 6px; margin: 2px 0 0 2px; } +.pun .inew .icon { border-color: #07b; } + +.pun .quotebox { border-color: #bcd; background: #f6f9fc; color: #444; } +.pun .codebox { border-color: #bcd; background: #ebf1f5; color: #222; } + +/* hide border of images */ +.pun .postimg img { border: none; } + +@media (max-width: 575px) { + #brdstats .conr, + #punindex .tcr .byuser, + #punpost .blockform h2, #punedit .blockform h2, .pun #quickpost h2, + #pundelete .blockform h2, + .pun .blocktable .tc2, + .pun .blocktable .tc3, + .pun .blockpost .postfootleft, + .pun .blockpost .postleft dd, + .pun .blocktable td .byuser, + .pun .blockpost h2 .conr, + .pun .blockpost .postleft .postavatar, + .pun #quickpost legend, #punpost legend, #punedit legend, + .pun #quickpost .bblinks { + display: none; + } + + .pun .blockpost .postleft { + margin-left: 0; + padding: 0; + } + + .pun .blockpost .postbody { + float: none; + } + + .pun .blockpost .postright { + padding: 5px; + } + + .pun .inform { + padding: 0 5px; + } + + .pun input[type=text], .pun input[type=password], .pun select, .pun textarea { + max-width: 75vw; + } + + .pun .blockpost { + background-color: #fcfdfe; + } + + .pun .quotebox { + margin: 0.75em 0.5em; + } + + .pun .blockmenu { + width: 100%; + float: none; + } + + .pun .block2col .blockform, .pun .block2col .block { + margin-left: 0; + } + + #brdmenu a:link, #brdmenu a:visited { + padding-left: 0; + } +} + +@media (max-width: 768px) { + .pun { + padding: 30px 5px; + } + + .pun .punwrap { + padding: 18px 5px; + } + + #brdwelcome { + padding: 20px 0; + } + + #brdmenu ul { + margin-left: 0; + } + + #punindex #brdmain .blocktable h2, #punsearch #vf h2 { + padding-top: 4px; + } + + .pun .required strong { + white-space: normal; + } + + .pun .crumbs li { + white-space: normal; + } + + .pun .postlinksb .crumbs { + margin-right: 0; + } + + .pun .blockpost .postfoot { + border-left-style: none; + } + + #brdwelcome .conl { + display: none; + } + + .pun .subscribelink { + position: inherit; + } +} + +#archfooter { + display: flex; + justify-content: flex-end; +} + +#archfooter li { + margin-left: 10px; +} diff --git a/style/ArchLinux/archfooter.php b/style/ArchLinux/archfooter.php new file mode 100644 index 0000000..b720bb6 --- /dev/null +++ b/style/ArchLinux/archfooter.php @@ -0,0 +1,11 @@ +<?php global $arch_footer; +if ($arch_footer) { ?> + <ul id="archfooter"> + <?php + foreach ($arch_footer as $arch_name => $arch_url) { + echo '<li id="aft-' . strtolower($arch_name) . '"' + . '><a href="' . $arch_url . '">' . $arch_name . '</a></li>'; + } + ?> + </ul> +<?php } diff --git a/style/ArchLinux/archicon.svg b/style/ArchLinux/archicon.svg new file mode 100644 index 0000000..62a35f2 --- /dev/null +++ b/style/ArchLinux/archicon.svg @@ -0,0 +1 @@ +<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="1200" version="1"><path d="M600 0c-53.416 130.962-85.671 216.74-145.143 343.81 36.464 38.651 81.22 83.449 153.905 134.285-78.145-32.156-131.403-64.213-171.238-97.714C361.41 539.2 241.989 765.194 0 1200c190.161-109.784 337.665-177.397 475.048-203.238-5.895-25.367-9.18-52.896-8.953-81.524l.19-5.905C469.305 787.48 532.72 693.638 607.81 700c75.089 6.362 133.494 110.528 130.476 232.381-.568 22.916-3.105 44.885-7.62 65.333C866.528 1024.325 1012.462 1091.73 1200 1200c-36.995-68.111-70.18-129.335-101.714-187.81-49.672-38.499-101.365-88.613-207.048-142.857 72.64 18.875 124.793 40.612 165.333 64.953C735.952 337.348 709.948 258.016 600 0z" fill="#1793d1" fill-rule="evenodd"/></svg>
\ No newline at end of file diff --git a/style/ArchLinux/archlogo.svg b/style/ArchLinux/archlogo.svg new file mode 100644 index 0000000..957a6b8 --- /dev/null +++ b/style/ArchLinux/archlogo.svg @@ -0,0 +1 @@ +<svg xmlns="http://www.w3.org/2000/svg" version="1" width="600" height="126"><path d="M159.568 34.427c-8.89-.014-16.267 1.809-19.12 2.803l-2.937 15.857c-.007.058 14.617-3.9 21.059-3.667 10.665.383 11.646 4.076 11.46 9.06.182.292-2.752-4.503-11.979-4.664-11.64-.2-28.069 4.122-28.046 21.692-.314 19.765 14.764 25.579 25.032 25.686 9.232-.168 13.563-3.496 15.934-5.28 3.115-3.257 6.679-6.532 10.078-10.462-3.216 5.844-6.005 9.884-8.907 12.977v2.611l14.033-2.361.096-38.144c-.143-5.399 3.096-26.057-26.703-26.108zm-2.016 33.21c5.817.08 12.488 2.948 12.497 9.849.03 6.277-7.863 9.651-12.996 9.598-5.135-.053-11.949-4.036-11.979-10.155.099-5.47 6.426-9.432 12.478-9.291zm37.972-29.685l-.095 63.166 16.348-3.15.027-35.814c.004-5.333 7.62-11.564 17.178-11.464 2.028-3.67 5.84-13.05 6.77-15.183-21.351-.051-21.623 6.137-25.336 9.18-.04-5.806-.013-9.292-.013-9.292l-14.879 2.557zm92.002 8.292c-.158-.074-8.526-9.788-25.35-9.864-15.758-.262-33.433 5.847-33.716 32.27.138 23.232 16.979 32.311 33.805 32.488 18.007.187 25.172-11.26 25.602-11.543-2.149-1.863-10.196-9.837-10.196-9.837s-5.027 7.157-14.779 7.248c-9.755.093-18.234-7.54-18.354-18.189-.125-10.65 7.795-16.419 18.427-16.885 9.205-.002 14.516 5.943 14.516 5.943zm20.606-30.399l-15.434 3.628.115 82.277 15.204-2.745.172-38.72c.033-4.06 5.874-10.295 15.626-10.097 9.325.097 11.41 6.215 11.384 6.988l.269 44.824 14.993-2.65.057-47.53c.099-4.574-10.018-14.233-26.28-14.302-7.729.012-12.009 1.762-14.187 3.052-3.726 2.879-7.985 5.637-12.17 9.157 3.869-4.97 7.117-8.407 10.29-10.961l-.04-22.921z" fill="#fff" fill-rule="evenodd"/><path d="M360.136 17.218l6.962-1.742.33 82.95-7.074 1.204zm18.928 24.757l6.101-2.716.052 59.478-5.892 1.217zm-1.45-21.448l4.92-4.015 4.086 4.547-4.921 4.121zm19.024 20.365l6.962-1.421.033 12.434c.001.534 3.823-13.89 22.258-13.57 17.9.1 20.827 13.957 20.73 17.064l.221 43.725-6.102 1.324-.035-43.189c.07-1.261-2.79-11.927-15.439-11.966-12.646-.037-21.409 9.186-21.393 15.078l.1 38.047-7.07 1.847zm110.954 58.546l-6.962 1.42-.033-12.433c-.001-.534-3.825 13.89-22.258 13.57-17.9-.1-20.827-13.957-20.73-17.064l-.221-43.725 7.397-1.494.114 43.19c.003 1.18 1.416 12.096 14.065 12.135 12.646.037 21.506-7.616 21.569-19.139l-.09-34.076 6.885-1.757zm13.645-59.037l-4.882 3.82 18.717 24.494-19.963 28.3 5.179 3.843 18.766-26.28 19.368 26.902 4.791-3.82-20.757-28.765 16.56-23.262-5.092-4.305-15.085 21.525zM61.88 1.778c-5.385 13.203-8.633 21.839-14.629 34.649 3.676 3.896 8.188 8.434 15.516 13.559-7.878-3.242-13.252-6.497-17.267-9.874-7.673 16.011-19.695 38.818-44.09 82.65 19.174-11.068 34.037-17.893 47.889-20.497a35.103 35.103 0 0 1-.91-8.213l.023-.614c.304-12.284 6.694-21.73 14.264-21.09 7.57.642 13.454 11.126 13.15 23.41-.058 2.312-.319 4.536-.774 6.598 13.701 2.68 28.405 9.487 47.32 20.407-3.73-6.866-7.059-13.056-10.238-18.95-5.007-3.882-10.23-8.933-20.884-14.402 7.323 1.903 12.566 4.099 16.653 6.552C75.58 35.786 72.963 27.79 61.88 1.778z" fill="#1793d1" fill-rule="evenodd"/><path d="M576.771 93.265V80.603h-4.73v-1.695h11.38v1.695h-4.75v12.662h-1.9m8.629 0V78.908h2.859l3.398 10.166c.314.947.542 1.655.686 2.125.163-.522.418-1.29.764-2.301l3.437-9.99h2.556v14.357h-1.831V81.25l-4.172 12.016h-1.714l-4.152-12.222v12.222h-1.832" font-weight="400" font-size="8.441" font-family="DejaVu Sans Mono" fill="gray"/></svg>
\ No newline at end of file diff --git a/style/ArchLinux/archnavbar.css b/style/ArchLinux/archnavbar.css new file mode 100644 index 0000000..df460b6 --- /dev/null +++ b/style/ArchLinux/archnavbar.css @@ -0,0 +1,76 @@ +/* + * ARCH GLOBAL NAVBAR + * + * We're forcing all generic selectors with !important + * to help prevent other stylesheets from interfering. + * + */ + +/* container for the entire bar */ +#archnavbar { height: 40px !important; padding: 10px 15px !important; background: #333 !important; border-bottom: 5px #08c solid !important; } + +#archnavbarlogo { float: left !important; margin: 0 !important; padding: 0 !important; height: 40px !important; width: 190px !important; } +html > body #archnavbarlogo { background: url('archlogo.svg') no-repeat !important; background-size: 190px 40px !important;} + +/* move the heading/paragraph text offscreen */ +#archnavbarlogo p { margin: 0 !important; padding: 0 !important; text-indent: -9999px !important; } +#archnavbarlogo h1 { margin: 0 !important; padding: 0 !important; text-indent: -9999px !important; } + +/* make the link the same size as the logo */ +#archnavbarlogo a { display: block !important; height: 40px !important; width: 190px !important; } + +/* display the list inline, float it to the right and style it */ +#archnavbar ul { display: inline !important; float: right !important; list-style: none !important; margin: 0 !important; padding: 0 !important; } +#archnavbar ul li { float: left !important; font-size: 14px !important; font-family: sans-serif !important; line-height: 45px !important; padding-right: 15px !important; padding-left: 15px !important; } + +/* style the links */ +#archnavbar ul#archnavbarlist li a { color: #999; font-weight: bold !important; text-decoration: none !important; } +#archnavbar ul li a:hover { color: white !important; text-decoration: underline !important; } + +@media (max-width: 680px) { + #anb-forum, + #anb-forums { + display: none; + } + + html > body #archnavbarlogo { + width: 40px !important; + margin-right: 5px !important; + background: url('archicon.svg') no-repeat !important; + background-size: 40px 40px !important; + } + + #archnavbar ul { + display: flex !important; + justify-content: space-between; + flex-wrap: nowrap; + overflow: hidden; + float: none !important; + } + + #archnavbar ul li { + padding: 0 !important; + float: none !important; + } +} + +@media (max-width: 830px) { + #anb-home, + #anb-start { + display: none; + } + + html > body #archnavbarlogo { + padding-right: 15px !important; + } + + #archnavbar { + padding-left: 5px !important; + padding-right: 5px !important; + } + + #archnavbar ul li { + padding-left: 5px !important; + padding-right: 5px !important; + } +} diff --git a/style/ArchLinux/archnavbar.php b/style/ArchLinux/archnavbar.php new file mode 100644 index 0000000..6478edd --- /dev/null +++ b/style/ArchLinux/archnavbar.php @@ -0,0 +1,17 @@ +<?php global $arch_home, $arch_navbar, $arch_navbar_selected; ?> +<div id="archnavbar" class="anb-forum"> + <div id="archnavbarlogo"><h1><a href="<?php if (isset($arch_home)) { echo $arch_home; } ?>">Arch Linux</a></h1></div> + <div id="archnavbarmenu"> + <ul id="archnavbarlist"> + <?php + if (isset($arch_navbar)) { + foreach ($arch_navbar as $arch_name => $arch_url) { + echo '<li id="anb-'.strtolower($arch_name).'"' + .(isset($arch_navbar_selected) && $arch_navbar_selected == $arch_name ? ' class="anb-selected"' : '') + .'><a href="'.$arch_url.'">'.$arch_name.'</a></li>'; + } + } + ?> + </ul> + </div> +</div> diff --git a/style/ArchLinux/base_admin.css b/style/ArchLinux/base_admin.css new file mode 120000 index 0000000..c07ee04 --- /dev/null +++ b/style/ArchLinux/base_admin.css @@ -0,0 +1 @@ +../Air/base_admin.css
\ No newline at end of file diff --git a/style/ArchLinux/css.php b/style/ArchLinux/css.php new file mode 100644 index 0000000..a963629 --- /dev/null +++ b/style/ArchLinux/css.php @@ -0,0 +1,7 @@ +<?php + +foreach (array('arch', 'archnavbar') as $cssFile) { + ?> + <link rel="stylesheet" media="screen" href="style/ArchLinux/<?= $cssFile ?>.css?v=5"/> + <?php +} diff --git a/style/ArchLinux/favicon.ico b/style/ArchLinux/favicon.ico Binary files differnew file mode 100644 index 0000000..8ef6f13 --- /dev/null +++ b/style/ArchLinux/favicon.ico diff --git a/style/ArchLinux/help.tpl b/style/ArchLinux/help.tpl new file mode 100644 index 0000000..d8482b9 --- /dev/null +++ b/style/ArchLinux/help.tpl @@ -0,0 +1,29 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<pun_language>" lang="<pun_language>" dir="<pun_content_direction>"> +<head> +<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> +<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> +<pun_head> +<pun_include "css.php"> +<link rel="shortcut icon" href="style/ArchLinux/favicon.ico" /> +</head> + +<body> +<pun_include "archnavbar.php"> + +<div id="punhelp" class="pun"> +<div class="top-box"></div> +<div class="punwrap"> + +<div id="brdmain"> +<pun_main> +</div> + +<pun_include "archfooter.php"> + +</div> +<div class="end-box"></div> +</div> + +</body> +</html> diff --git a/style/ArchLinux/index.html b/style/ArchLinux/index.html new file mode 100644 index 0000000..89337b2 --- /dev/null +++ b/style/ArchLinux/index.html @@ -0,0 +1 @@ +<html><head><title>.</title></head><body>.</body></html> diff --git a/style/ArchLinux/main.tpl b/style/ArchLinux/main.tpl new file mode 100644 index 0000000..eecb5e3 --- /dev/null +++ b/style/ArchLinux/main.tpl @@ -0,0 +1,40 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<pun_language>" lang="<pun_language>" dir="<pun_content_direction>"> +<head> +<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> +<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> +<pun_head> +<pun_include "css.php"> +<link rel="shortcut icon" href="style/ArchLinux/favicon.ico" /> +</head> + +<body> +<pun_include "archnavbar.php"> + +<div id="pun<pun_page>" class="pun"> +<div class="top-box"></div> +<div class="punwrap"> + +<div id="brdheader" class="block"> + <div class="box"> + <pun_navlinks> + <pun_status> + </div> +</div> + +<pun_announcement> + +<div id="brdmain"> +<pun_main> +</div> + +<pun_footer> + +<pun_include "archfooter.php"> + +</div> +<div class="end-box"></div> +</div> + +</body> +</html> diff --git a/style/ArchLinux/maintenance.tpl b/style/ArchLinux/maintenance.tpl new file mode 100644 index 0000000..44a81a6 --- /dev/null +++ b/style/ArchLinux/maintenance.tpl @@ -0,0 +1,29 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<pun_language>" lang="<pun_language>" dir="<pun_content_direction>"> +<head> +<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> +<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> +<pun_head> +<pun_include "css.php"> +<link rel="shortcut icon" href="style/ArchLinux/favicon.ico" /> +</head> + +<body> +<pun_include "archnavbar.php"> + +<div id="punmaint" class="pun"> +<div class="top-box"></div> +<div class="punwrap"> + +<div id="brdmain"> +<pun_maint_main> +</div> + +<pun_include "archfooter.php"> + +</div> +<div class="end-box"></div> +</div> + +</body> +</html> diff --git a/style/ArchLinux/redirect.tpl b/style/ArchLinux/redirect.tpl new file mode 100644 index 0000000..115b7d9 --- /dev/null +++ b/style/ArchLinux/redirect.tpl @@ -0,0 +1,31 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<pun_language>" lang="<pun_language>" dir="<pun_content_direction>"> +<head> +<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> +<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> +<pun_head> +<pun_include "css.php"> +<link rel="shortcut icon" href="style/ArchLinux/favicon.ico" /> +</head> + +<body> +<pun_include "archnavbar.php"> + +<div id="punredirect" class="pun"> +<div class="top-box"></div> +<div class="punwrap"> + +<div id="brdmain"> +<pun_redir_main> +</div> + +<pun_footer> + +<pun_include "archfooter.php"> + +</div> +<div class="end-box"></div> +</div> + +</body> +</html> diff --git a/style/ArchLinux32.css b/style/ArchLinux32.css new file mode 120000 index 0000000..33e9080 --- /dev/null +++ b/style/ArchLinux32.css @@ -0,0 +1 @@ +Air.css
\ No newline at end of file diff --git a/style/ArchLinux32/admin.tpl b/style/ArchLinux32/admin.tpl new file mode 100644 index 0000000..8d33aa4 --- /dev/null +++ b/style/ArchLinux32/admin.tpl @@ -0,0 +1,40 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<pun_language>" lang="<pun_language>" dir="<pun_content_direction>"> +<head> +<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> +<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> +<pun_head> +<pun_include "css.php"> +<link rel="shortcut icon" href="style/ArchLinux32/favicon.ico" /> +</head> + +<body> +<pun_include "archnavbar.php"> + +<div id="punadmin" class="pun"> +<div class="top-box"></div> +<div class="punwrap"> + +<div id="brdheader" class="block"> + <div class="box"> + <pun_navlinks> + <pun_status> + </div> +</div> + +<pun_announcement> + +<div id="brdmain"> +<pun_main> +</div> + +<pun_footer> + +<pun_include "archfooter.php"> + +</div> +<div class="end-box"></div> +</div> + +</body> +</html> diff --git a/style/ArchLinux32/arch.css b/style/ArchLinux32/arch.css new file mode 100644 index 0000000..adbe853 --- /dev/null +++ b/style/ArchLinux32/arch.css @@ -0,0 +1,162 @@ +* { font-family: sans-serif !important; } +.pun { max-width: none; margin: 0; } +#archnavbar.anb-forum ul li.anb-selected a { color: #fff !important; } +.pun pre, .pun code { font-family: monospace !important; } +html, body, .pun { background: #f6f9fc; color: #222; } +.pun .punwrap { border-color: #bcd; border-radius: 0; } + +.pun a, .pun a:link, .pun a:visited { text-decoration:none; color:#07b; outline: none; } +.pun a:focus, #brdmain a:focus { color: #e90; } +.pun a:hover, #brdmain a:hover { color:#999 !important; text-decoration:underline; } +.pun a:active, #brdmain a:active { color: #e90 !important; } + +#brdmenu { background: #fff; } +#brdmenu ul { margin-left: -9px; } +#brdmenu a, #brdmenu a:link, #brdmenu a:visited { display: inline; padding-right: 10px; background: #fff; color: #07b; } +#brdmain a:visited { color: #666; } +#brdmenu a:hover { color:#999; text-decoration:underline; } +#brdmenu a:active, #brdmenu a:focus { color: #e90; } + +.pun .postmsg a { font-weight: bold; } + +/* hide round edges */ +.pun .top-box { background: none; } +.pun .top-box div { background: none; } +.pun .end-box { background: none; } +.pun .end-box div { background: none; } + +/* hide moderator list */ +#brdmain .tcl .modlist { display: none; } + +/* replace green color */ +#punindex .blocktable h2, .pun #vf h2 { color: #444; } +.pun .blocktable th { color: #444; } +.pun .blockpost h2 { color: #444; } +.pun .quotebox cite { color: #444; } +.pun #quickpost h2, #punpost .blockform h2, #punedit .blockform h2, #posterror h2, #pundelete .blockform h2 { color: #444; } +.pun label, .pun legend, #adminconsole fieldset th { color: #444; } +.pun #viewprofile dt, #adstats dt { color: #444; } + +.pun .icon { border-color: #e8ecf1; border-width: 6px; margin: 2px 0 0 2px; } +.pun .inew .icon { border-color: #07b; } + +.pun .quotebox { border-color: #bcd; background: #f6f9fc; color: #444; } +.pun .codebox { border-color: #bcd; background: #ebf1f5; color: #222; } + +/* hide border of images */ +.pun .postimg img { border: none; } + +@media (max-width: 575px) { + #brdstats .conr, + #punindex .tcr .byuser, + #punpost .blockform h2, #punedit .blockform h2, .pun #quickpost h2, + #pundelete .blockform h2, + .pun .blocktable .tc2, + .pun .blocktable .tc3, + .pun .blockpost .postfootleft, + .pun .blockpost .postleft dd, + .pun .blocktable td .byuser, + .pun .blockpost h2 .conr, + .pun .blockpost .postleft .postavatar, + .pun #quickpost legend, #punpost legend, #punedit legend, + .pun #quickpost .bblinks { + display: none; + } + + .pun .blockpost .postleft { + margin-left: 0; + padding: 0; + } + + .pun .blockpost .postbody { + float: none; + } + + .pun .blockpost .postright { + padding: 5px; + } + + .pun .inform { + padding: 0 5px; + } + + .pun input[type=text], .pun input[type=password], .pun select, .pun textarea { + max-width: 75vw; + } + + .pun .blockpost { + background-color: #fcfdfe; + } + + .pun .quotebox { + margin: 0.75em 0.5em; + } + + .pun .blockmenu { + width: 100%; + float: none; + } + + .pun .block2col .blockform, .pun .block2col .block { + margin-left: 0; + } + + #brdmenu a:link, #brdmenu a:visited { + padding-left: 0; + } +} + +@media (max-width: 768px) { + .pun { + padding: 30px 5px; + } + + .pun .punwrap { + padding: 18px 5px; + } + + #brdwelcome { + padding: 20px 0; + } + + #brdmenu ul { + margin-left: 0; + } + + #punindex #brdmain .blocktable h2, #punsearch #vf h2 { + padding-top: 4px; + } + + .pun .required strong { + white-space: normal; + } + + .pun .crumbs li { + white-space: normal; + } + + .pun .postlinksb .crumbs { + margin-right: 0; + } + + .pun .blockpost .postfoot { + border-left-style: none; + } + + #brdwelcome .conl { + display: none; + } + + .pun .subscribelink { + position: inherit; + } +} + +#archfooter { + display: flex; + justify-content: flex-end; +} + +#archfooter li { + margin-left: 10px; +} diff --git a/style/ArchLinux32/arch32logo.png b/style/ArchLinux32/arch32logo.png Binary files differnew file mode 100644 index 0000000..a7fd0d8 --- /dev/null +++ b/style/ArchLinux32/arch32logo.png diff --git a/style/ArchLinux32/archfooter.php b/style/ArchLinux32/archfooter.php new file mode 100644 index 0000000..b720bb6 --- /dev/null +++ b/style/ArchLinux32/archfooter.php @@ -0,0 +1,11 @@ +<?php global $arch_footer; +if ($arch_footer) { ?> + <ul id="archfooter"> + <?php + foreach ($arch_footer as $arch_name => $arch_url) { + echo '<li id="aft-' . strtolower($arch_name) . '"' + . '><a href="' . $arch_url . '">' . $arch_name . '</a></li>'; + } + ?> + </ul> +<?php } diff --git a/style/ArchLinux32/archicon.svg b/style/ArchLinux32/archicon.svg new file mode 100644 index 0000000..62a35f2 --- /dev/null +++ b/style/ArchLinux32/archicon.svg @@ -0,0 +1 @@ +<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="1200" version="1"><path d="M600 0c-53.416 130.962-85.671 216.74-145.143 343.81 36.464 38.651 81.22 83.449 153.905 134.285-78.145-32.156-131.403-64.213-171.238-97.714C361.41 539.2 241.989 765.194 0 1200c190.161-109.784 337.665-177.397 475.048-203.238-5.895-25.367-9.18-52.896-8.953-81.524l.19-5.905C469.305 787.48 532.72 693.638 607.81 700c75.089 6.362 133.494 110.528 130.476 232.381-.568 22.916-3.105 44.885-7.62 65.333C866.528 1024.325 1012.462 1091.73 1200 1200c-36.995-68.111-70.18-129.335-101.714-187.81-49.672-38.499-101.365-88.613-207.048-142.857 72.64 18.875 124.793 40.612 165.333 64.953C735.952 337.348 709.948 258.016 600 0z" fill="#1793d1" fill-rule="evenodd"/></svg>
\ No newline at end of file diff --git a/style/ArchLinux32/archlogo.svg b/style/ArchLinux32/archlogo.svg new file mode 100644 index 0000000..957a6b8 --- /dev/null +++ b/style/ArchLinux32/archlogo.svg @@ -0,0 +1 @@ +<svg xmlns="http://www.w3.org/2000/svg" version="1" width="600" height="126"><path d="M159.568 34.427c-8.89-.014-16.267 1.809-19.12 2.803l-2.937 15.857c-.007.058 14.617-3.9 21.059-3.667 10.665.383 11.646 4.076 11.46 9.06.182.292-2.752-4.503-11.979-4.664-11.64-.2-28.069 4.122-28.046 21.692-.314 19.765 14.764 25.579 25.032 25.686 9.232-.168 13.563-3.496 15.934-5.28 3.115-3.257 6.679-6.532 10.078-10.462-3.216 5.844-6.005 9.884-8.907 12.977v2.611l14.033-2.361.096-38.144c-.143-5.399 3.096-26.057-26.703-26.108zm-2.016 33.21c5.817.08 12.488 2.948 12.497 9.849.03 6.277-7.863 9.651-12.996 9.598-5.135-.053-11.949-4.036-11.979-10.155.099-5.47 6.426-9.432 12.478-9.291zm37.972-29.685l-.095 63.166 16.348-3.15.027-35.814c.004-5.333 7.62-11.564 17.178-11.464 2.028-3.67 5.84-13.05 6.77-15.183-21.351-.051-21.623 6.137-25.336 9.18-.04-5.806-.013-9.292-.013-9.292l-14.879 2.557zm92.002 8.292c-.158-.074-8.526-9.788-25.35-9.864-15.758-.262-33.433 5.847-33.716 32.27.138 23.232 16.979 32.311 33.805 32.488 18.007.187 25.172-11.26 25.602-11.543-2.149-1.863-10.196-9.837-10.196-9.837s-5.027 7.157-14.779 7.248c-9.755.093-18.234-7.54-18.354-18.189-.125-10.65 7.795-16.419 18.427-16.885 9.205-.002 14.516 5.943 14.516 5.943zm20.606-30.399l-15.434 3.628.115 82.277 15.204-2.745.172-38.72c.033-4.06 5.874-10.295 15.626-10.097 9.325.097 11.41 6.215 11.384 6.988l.269 44.824 14.993-2.65.057-47.53c.099-4.574-10.018-14.233-26.28-14.302-7.729.012-12.009 1.762-14.187 3.052-3.726 2.879-7.985 5.637-12.17 9.157 3.869-4.97 7.117-8.407 10.29-10.961l-.04-22.921z" fill="#fff" fill-rule="evenodd"/><path d="M360.136 17.218l6.962-1.742.33 82.95-7.074 1.204zm18.928 24.757l6.101-2.716.052 59.478-5.892 1.217zm-1.45-21.448l4.92-4.015 4.086 4.547-4.921 4.121zm19.024 20.365l6.962-1.421.033 12.434c.001.534 3.823-13.89 22.258-13.57 17.9.1 20.827 13.957 20.73 17.064l.221 43.725-6.102 1.324-.035-43.189c.07-1.261-2.79-11.927-15.439-11.966-12.646-.037-21.409 9.186-21.393 15.078l.1 38.047-7.07 1.847zm110.954 58.546l-6.962 1.42-.033-12.433c-.001-.534-3.825 13.89-22.258 13.57-17.9-.1-20.827-13.957-20.73-17.064l-.221-43.725 7.397-1.494.114 43.19c.003 1.18 1.416 12.096 14.065 12.135 12.646.037 21.506-7.616 21.569-19.139l-.09-34.076 6.885-1.757zm13.645-59.037l-4.882 3.82 18.717 24.494-19.963 28.3 5.179 3.843 18.766-26.28 19.368 26.902 4.791-3.82-20.757-28.765 16.56-23.262-5.092-4.305-15.085 21.525zM61.88 1.778c-5.385 13.203-8.633 21.839-14.629 34.649 3.676 3.896 8.188 8.434 15.516 13.559-7.878-3.242-13.252-6.497-17.267-9.874-7.673 16.011-19.695 38.818-44.09 82.65 19.174-11.068 34.037-17.893 47.889-20.497a35.103 35.103 0 0 1-.91-8.213l.023-.614c.304-12.284 6.694-21.73 14.264-21.09 7.57.642 13.454 11.126 13.15 23.41-.058 2.312-.319 4.536-.774 6.598 13.701 2.68 28.405 9.487 47.32 20.407-3.73-6.866-7.059-13.056-10.238-18.95-5.007-3.882-10.23-8.933-20.884-14.402 7.323 1.903 12.566 4.099 16.653 6.552C75.58 35.786 72.963 27.79 61.88 1.778z" fill="#1793d1" fill-rule="evenodd"/><path d="M576.771 93.265V80.603h-4.73v-1.695h11.38v1.695h-4.75v12.662h-1.9m8.629 0V78.908h2.859l3.398 10.166c.314.947.542 1.655.686 2.125.163-.522.418-1.29.764-2.301l3.437-9.99h2.556v14.357h-1.831V81.25l-4.172 12.016h-1.714l-4.152-12.222v12.222h-1.832" font-weight="400" font-size="8.441" font-family="DejaVu Sans Mono" fill="gray"/></svg>
\ No newline at end of file diff --git a/style/ArchLinux32/archnavbar.css b/style/ArchLinux32/archnavbar.css new file mode 100644 index 0000000..dbfb09e --- /dev/null +++ b/style/ArchLinux32/archnavbar.css @@ -0,0 +1,76 @@ +/* + * ARCH GLOBAL NAVBAR + * + * We're forcing all generic selectors with !important + * to help prevent other stylesheets from interfering. + * + */ + +/* container for the entire bar */ +#archnavbar { height: 40px !important; padding: 10px 15px !important; background: #333 !important; border-bottom: 5px #08c solid !important; } + +#archnavbarlogo { float: left !important; margin: 0 !important; padding: 0 !important; height: 40px !important; width: 190px !important; } +html > body #archnavbarlogo { background: url('arch32logo.png') no-repeat !important; background-size: 190px 40px !important;} + +/* move the heading/paragraph text offscreen */ +#archnavbarlogo p { margin: 0 !important; padding: 0 !important; text-indent: -9999px !important; } +#archnavbarlogo h1 { margin: 0 !important; padding: 0 !important; text-indent: -9999px !important; } + +/* make the link the same size as the logo */ +#archnavbarlogo a { display: block !important; height: 40px !important; width: 190px !important; } + +/* display the list inline, float it to the right and style it */ +#archnavbar ul { display: inline !important; float: right !important; list-style: none !important; margin: 0 !important; padding: 0 !important; } +#archnavbar ul li { float: left !important; font-size: 14px !important; font-family: sans-serif !important; line-height: 45px !important; padding-right: 15px !important; padding-left: 15px !important; } + +/* style the links */ +#archnavbar ul#archnavbarlist li a { color: #999; font-weight: bold !important; text-decoration: none !important; } +#archnavbar ul li a:hover { color: white !important; text-decoration: underline !important; } + +@media (max-width: 680px) { + #anb-forum, + #anb-forums { + display: none; + } + + html > body #archnavbarlogo { + width: 40px !important; + margin-right: 5px !important; + background: url('archicon.svg') no-repeat !important; + background-size: 40px 40px !important; + } + + #archnavbar ul { + display: flex !important; + justify-content: space-between; + flex-wrap: nowrap; + overflow: hidden; + float: none !important; + } + + #archnavbar ul li { + padding: 0 !important; + float: none !important; + } +} + +@media (max-width: 830px) { + #anb-home, + #anb-start { + display: none; + } + + html > body #archnavbarlogo { + padding-right: 15px !important; + } + + #archnavbar { + padding-left: 5px !important; + padding-right: 5px !important; + } + + #archnavbar ul li { + padding-left: 5px !important; + padding-right: 5px !important; + } +} diff --git a/style/ArchLinux32/archnavbar.php b/style/ArchLinux32/archnavbar.php new file mode 100644 index 0000000..17a4b0b --- /dev/null +++ b/style/ArchLinux32/archnavbar.php @@ -0,0 +1,18 @@ +<?php global $arch_home, $arch_navbar, $arch_navbar_selected; ?> + +<div id="archnavbar" class="anb-forum"> + <div id="archnavbarlogo"> + <div id="archnavbarlogo"><h1><a href="https://www.archlinux32.org">Arch Linux</a></h1></div> + </div> + <div id="archnavbarmenu"> + <ul id="archnavbarlist"> + <li id="anb-home"><a href="https://www.archlinux32.org/">Home</a></li> + <li id="anb-packages"><a href="https://packages.archlinux32.org/">Packages</a></li> + <li id="anb-forums" class="anb-selected"><a href="https://bbs.archlinux32.org/">Forums</a></li> + <li id="anb-bugs"><a href="https://bugs.archlinux32.org/">Bugs</a></li> + <li id="anb-mailing list"><a href="https://lists.archlinux.org/listinfo/arch-ports">Mailing List</a></li> + <li id="anb-download"><a href="https://archlinux32.org/download/">Download</a></li> + <li id="anb-arch linux official"><a href="https://www.archlinux.org/">Arch Linux Official</a></li> + </ul> + </div> +</div> diff --git a/style/ArchLinux32/base_admin.css b/style/ArchLinux32/base_admin.css new file mode 100644 index 0000000..8136885 --- /dev/null +++ b/style/ArchLinux32/base_admin.css @@ -0,0 +1,177 @@ +#adminconsole .blockform .box { + padding-bottom: 12px; +} + +#adminconsole fieldset .infldset { + position: relative; + overflow: hidden; +} + +#adminconsole fieldset table { + margin-top: -1px; + margin-bottom: -1px; +} + +#adminconsole fieldset td, #adminconsole fieldset th { + padding: 10px 8px 10px 0; + text-align: left; + white-space: normal; + border-style: solid none; + border-width: 1px 0; +} + +#punadmin thead th { + border-top: 0; + font-weight: normal; +} + +#adminconsole fieldset td span, #adminconsole fieldset th span { + display: block; font-size: 1em; + font-weight: normal; +} + +#adminconsole fieldset td.location span { + display: inline-block; +} + +#adminconsole fieldset th { + width: 15em; + font-weight: normal; + padding-right: 8px; +} + +#adminconsole table.aligntop th, #adminconsole table.aligntop td { + vertical-align: top; +} + +#adminconsole table.aligntop th div { + padding-top: 3px; +} + +#adminconsole .inform { + padding-bottom: 0; +} + +#adminconsole .infldset { + padding-bottom: 0; + padding-top: 0; +} + +#adminconsole p.submittop { + text-align: center; + border-bottom-style: dotted; + border-bottom-width: 1px; + margin: 0 18px; + padding-top: 12px; +} + +#adminconsole p.submitend { + text-align: center; + padding-bottom: 0; +} + +#adminconsole fieldset p { + padding: 10px 0; +} + +#adminconsole .fsetsubmit { + padding: 10px 0 12px 0; +} + +#adalerts { + border-style: solid; + border-width: 1px; + border-color: #b9c5ce #d9e1e7; + background: #ebf1f5; + padding: 18px; +} + +#adalerts p { + border: 1px solid #dfe6ee; + background: #ffffe1; + padding: 18px; +} + +#categoryedit .tcl { + width: 25%; +} + +#censoring .tcl, #censoring .tc2 { + width: 20%; +} + +#edforum .tcl { + width: 18%; +} + +#edforum .tc2 { + width: 12%; +} + +#forumperms thead th, #forumperms tbody td { + text-align: center; +} + +.pun .linkst .backlink, .pun .linksb .backlink { + padding: 7px 0; +} + +#punadmin #users1 h2, #punadmin #users2 h2, #punadmin #bans1 h2 { + display: block; + left: -9999em; + overflow: hidden; + position: absolute; + text-indent: -9999em; + width: 0; +} + +#punadmin #users1 th, #punadmin #users2 th, #punadmin #bans1 th { + font-weight: bold; +} + +#users2 th, #bans1 th { + text-align: left; +} + +#users2 th.tcmod { + text-align: center; +} + +#users2 .tcl, #bans1 .tcl { + width: auto; + text-align: left; +} + +#users2 .tc2, #bans1 .tc2 { + width: 18%; + text-align: left; +} + +#users2 .tc3, #users2 .tc5, #bans1 .tc3, #bans1 .tc5, #bans1 .tc6 { + width: 12%; + text-align: left; +} + +#users2 .tc4, #bans1 .tc4 { + width: 10%; + text-align: center; +} + +#users2 .tcr { + width: 20%; + white-space: nowrap; +} + +#bans1 .tcr { + width: 15%; + white-space: nowrap; +} + +#users2 .tcmod { + width: 10%; + text-align: center; +} + +.plugin p { + padding: 12px 18px 0; +} diff --git a/style/ArchLinux32/css.php b/style/ArchLinux32/css.php new file mode 100644 index 0000000..a963629 --- /dev/null +++ b/style/ArchLinux32/css.php @@ -0,0 +1,7 @@ +<?php + +foreach (array('arch', 'archnavbar') as $cssFile) { + ?> + <link rel="stylesheet" media="screen" href="style/ArchLinux/<?= $cssFile ?>.css?v=5"/> + <?php +} diff --git a/style/ArchLinux32/favicon.ico b/style/ArchLinux32/favicon.ico Binary files differnew file mode 100644 index 0000000..8ef6f13 --- /dev/null +++ b/style/ArchLinux32/favicon.ico diff --git a/style/ArchLinux32/help.tpl b/style/ArchLinux32/help.tpl new file mode 100644 index 0000000..50bd2b4 --- /dev/null +++ b/style/ArchLinux32/help.tpl @@ -0,0 +1,29 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<pun_language>" lang="<pun_language>" dir="<pun_content_direction>"> +<head> +<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> +<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> +<pun_head> +<pun_include "css.php"> +<link rel="shortcut icon" href="style/ArchLinux32/favicon.ico" /> +</head> + +<body> +<pun_include "archnavbar.php"> + +<div id="punhelp" class="pun"> +<div class="top-box"></div> +<div class="punwrap"> + +<div id="brdmain"> +<pun_main> +</div> + +<pun_include "archfooter.php"> + +</div> +<div class="end-box"></div> +</div> + +</body> +</html> diff --git a/style/ArchLinux32/index.html b/style/ArchLinux32/index.html new file mode 100644 index 0000000..89337b2 --- /dev/null +++ b/style/ArchLinux32/index.html @@ -0,0 +1 @@ +<html><head><title>.</title></head><body>.</body></html> diff --git a/style/ArchLinux32/main.tpl b/style/ArchLinux32/main.tpl new file mode 100644 index 0000000..d1f3ae2 --- /dev/null +++ b/style/ArchLinux32/main.tpl @@ -0,0 +1,40 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<pun_language>" lang="<pun_language>" dir="<pun_content_direction>"> +<head> +<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> +<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> +<pun_head> +<pun_include "css.php"> +<link rel="shortcut icon" href="style/ArchLinux32/favicon.ico" /> +</head> + +<body> +<pun_include "archnavbar.php"> + +<div id="pun<pun_page>" class="pun"> +<div class="top-box"></div> +<div class="punwrap"> + +<div id="brdheader" class="block"> + <div class="box"> + <pun_navlinks> + <pun_status> + </div> +</div> + +<pun_announcement> + +<div id="brdmain"> +<pun_main> +</div> + +<pun_footer> + +<pun_include "archfooter.php"> + +</div> +<div class="end-box"></div> +</div> + +</body> +</html> diff --git a/style/ArchLinux32/maintenance.tpl b/style/ArchLinux32/maintenance.tpl new file mode 100644 index 0000000..74f7a0d --- /dev/null +++ b/style/ArchLinux32/maintenance.tpl @@ -0,0 +1,29 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<pun_language>" lang="<pun_language>" dir="<pun_content_direction>"> +<head> +<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> +<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> +<pun_head> +<pun_include "css.php"> +<link rel="shortcut icon" href="style/ArchLinux32/favicon.ico" /> +</head> + +<body> +<pun_include "archnavbar.php"> + +<div id="punmaint" class="pun"> +<div class="top-box"></div> +<div class="punwrap"> + +<div id="brdmain"> +<pun_maint_main> +</div> + +<pun_include "archfooter.php"> + +</div> +<div class="end-box"></div> +</div> + +</body> +</html> diff --git a/style/ArchLinux32/redirect.tpl b/style/ArchLinux32/redirect.tpl new file mode 100644 index 0000000..a3f6e12 --- /dev/null +++ b/style/ArchLinux32/redirect.tpl @@ -0,0 +1,31 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<pun_language>" lang="<pun_language>" dir="<pun_content_direction>"> +<head> +<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> +<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> +<pun_head> +<pun_include "css.php"> +<link rel="shortcut icon" href="style/ArchLinux32/favicon.ico" /> +</head> + +<body> +<pun_include "archnavbar.php"> + +<div id="punredirect" class="pun"> +<div class="top-box"></div> +<div class="punwrap"> + +<div id="brdmain"> +<pun_redir_main> +</div> + +<pun_footer> + +<pun_include "archfooter.php"> + +</div> +<div class="end-box"></div> +</div> + +</body> +</html> diff --git a/style/Cobalt.css b/style/Cobalt.css new file mode 100644 index 0000000..aff1091 --- /dev/null +++ b/style/Cobalt.css @@ -0,0 +1,1150 @@ +/***************************************************************** +1. INITIAL SETTINGS +*****************************************************************/ + +/* Limited Reset +----------------------------------------------------------------*/ + +.pun table, .pun div, .pun form, .pun p, .pun h1, .pun h2, .pun h3, +.pun h4, .pun h5, .pun pre, .pun blockquote, .pun ul, .pun ol, .pun li, .pun dl, +.pun dt, .pun dd, .pun th, .pun td, .pun fieldset, .pun img, .pun abbr, .pun cite { + margin: 0; + padding: 0; + border: 0; + } + +.pun ul, .pun ol { + list-style: none + } + + +/* Structural Settings +----------------------------------------------------------------*/ + +.pun .clearer, .pun .nosize { + height: 0; + width: 0; + line-height: 0; + font-size: 0; + overflow: hidden + } + +.pun .clearer, .pun .clearb { + clear: both + } + +.pun .nosize { + position: absolute; + left: -9999em; + text-indent: -9999em; + width: 0; + } + +* html .inbox, * html .inform, * html .pun, * html .tclcon, * html .codebox { + height: 1px + } + +.pun, .pun .inbox, .pun .inform, .pun .tclcon, .pun .codebox { + min-height: 1px + } + +.clearl { + clear: left; + } + +/* Hidden Elements +----------------------------------------------------------------*/ + +#brdfooter h2, #brdstats h2, #brdstats .conl dt, #brdstats .conr dt, +#modcontrols dt, #searchlinks dt, div.postright h3, span.closedtext, +.pun .required strong span { + position: absolute; + display: block; + overflow: hidden; + width: 0; + left: -9999em; + text-indent: -9999em; + } + +/***************************************************************** +2. TEXT & CONTENT +*****************************************************************/ + +/* Text Defaults +----------------------------------------------------------------*/ + +.pun { + font: 68.75%/1.4545em Verdana, Helvetica, Arial, sans-serif; + line-height: normal; + } + +.pun table, .pun td, .pun th, .pun input, .pun select, .pun optgroup, .pun textarea, .pun samp, .pun legend { + font-size: 1em; + font-family: verdana, helvetica, arial, sans-serif; + } + +.pun pre, .pun code { + font-size: 1.182em; + font-family: consolas, monaco, "bitstream vera sans mono", "courier new", courier, monospace + } + +.pun pre code { + font-size: 1em; + } + +.pun strong { + font-weight: bold; + } + +.pun em { + font-style: italic; + } + + +/* Content Defaults +----------------------------------------------------------------*/ + +.pun p, .pun ul, .pun ol, .pun dl { + font-size: 1em; + padding: 3px 0; + } + +.pun h2 { + font-size: 1em; + font-weight: normal; + padding: 4px 6px; + } + +.pun h3 { + font-size: 1.091em; + padding: 3px 0; + } + +.pun table p, .pun table h3 { + padding: 0; + } + +.pun span.warntext, .pun p.warntext { + font-weight: bold + } + +/* User Content (Announcements, Rules, Posts) +----------------------------------------------------------------*/ + +.pun .usercontent p, .pun .postmsg p { + padding: 0.75em 0 + } + +.pun .usercontent ul, .pun .postmsg ul { + padding: 0.75em 1em 0.75em 2.5em; + list-style: disc + } + +.pun .usercontent ol, .pun .postmsg ol { + padding: 0.75em 1em 0.75em 2.5em; + list-style: decimal + } + +.pun .usercontent ol.alpha, .pun .postmsg ol.alpha { + list-style: lower-alpha + } + +.pun .usercontent li ol, .pun .usercontent li ul, .pun .postmsg li ol, .pun .postmsg li ul { + padding: 0.25em 1em 0.75em 2.5em + } + +.pun .usercontent li p, .pun .postmsg li p { + padding: 0 + } + +.pun .usercontent h1 { + font-size: 1.4em; + font-weight: bold; + padding: 0.75em 0 0 0 + } + +.pun .usercontent h2 { + font-size: 1.2em; + font-weight: bold; + padding: 0.75em 0 0 0 + } + +.pun .usercontent h3 { + font-size: 1.1em; + font-weight: bold; + padding: 0.75em 0 0 0 + } + +.pun .usercontent h4, .pun .usercontent h5, .pun .usercontent h6 { + font-size: 1em; + font-weight: bold; + padding: 0.75em 0 0 0 + } + +.pun .quotebox cite { + font-weight: bold; + font-style: normal; + padding: 0.75em 0.75em 0 0.75em + } + +.pun span.bbu { + text-decoration: underline + } + +.pun span.bbs, .pun del { + text-decoration: line-through; + } + +.pun .postmsg ins, #punhelp samp ins { + text-decoration: none; + } + +.pun div.postmsg h5, #punhelp h5 { + font-size: 1.1em; + font-weight: bold; + padding: 0.75em 0 0 0; + } + + +/***************************************************************** +3. COMMON STYLES +*****************************************************************/ + +/* Page Layout +----------------------------------------------------------------*/ + +html, body { + margin: 0; + padding: 0 + } + +.pun { + max-width: 1070px; + width: 95%; + margin: 0 auto; + padding: 12px 20px; + } + +#punredirect, #punmaint, #puninstall, #pundb_update { + margin: 50px 20% 12px 20% + } + + +/* Vertical Element Spacing +----------------------------------------------------------------*/ + +#brdheader { + margin: 0 0 12px 0; + } + +#brdtitle p { + padding-top: 0px + } + +#announce, #brdstats { + margin: 12px 0 12px 0; + } + +.pun .blocktable, .pun .block, .pun .blockform, .pun .block2col, #postreview { + margin-bottom: 12px + } + +#punindex .blocktable, .pun .blockpost { + margin-bottom: 6px + } + +#postreview .blockpost { + margin-bottom: -1px; + } + +.pun .block2col .blockform, .pun .block2col .block { + margin-bottom: 0px + } + +.pun .linkst, .pun .linksb { + margin-top: -12px + } + +.pun .postlinksb { + margin-top: -6px + } + + +/* External Borders +----------------------------------------------------------------*/ + +.pun .box { + border-style: solid; + border-width: 1px; + } + +#brdheader .box { + border-top-width: 4px; + } + +/* Default Internal Spacing +----------------------------------------------------------------*/ + +.pun .block .inbox, .pun .blockmenu .inbox { + padding: 3px 6px + } + +/***************************************************************** +4. COMMON BOARD ELEMENTS +*****************************************************************/ + +/* Board Header +----------------------------------------------------------------*/ + +#brdtitle h1 { + font-size: 1.4em; + font-weight: bold; + padding: 3px 0 0 0; + } + +#brdmenu li { + display: inline; + margin-right: 12px; + } + +#brdmenu a:link, #brdmenu a:visited { + text-decoration: none + } + +#brdmenu a:hover, #brdmenu a:active { + text-decoration: underline + } + +#brdwelcome .conl { + float: left; + } + +#brdwelcome .conr { + float: right; + text-align: right; + } + +/* Breadcrumbs and Post Links +----------------------------------------------------------------*/ + +.pun .linkst { + padding: 8px 6px 3px 6px + } + +.pun .linksb, .pun .postlinksb { + padding: 3px 6px 8px 6px + } + +.pun .crumbs { + clear: both; + width: 100%; + overflow: hidden; + } + +.pun .crumbs li { + display: inline; + white-space: nowrap; + font-weight: bold; + } + +.pun .pagelink { + float: left; + white-space: nowrap; + } + +.pun .postlink { + font-weight: bold; + white-space: nowrap; + } + +.pun .postlink, .pun .modbuttons { + float: right; + text-align: right; + } + +.pun .modbuttons { + padding: 1px 0; + white-space: nowrap; + } + +.pun .modbuttons input { + margin-left: 6px; + } + +.pun .postlink a:link, .pun .postlink a:visited { + text-decoration: none + } + +.pun .postlink a:hover, .pun .postlink a:active { + text-decoration: underline; + } + +#punindex .subscribelink { + margin-top: 6px; + } + +/* Board Footer +----------------------------------------------------------------*/ + +#brdfooter .conl { + float: left; + } + +#brdfooter .conr { + float: right; + text-align: right; + } + +#brdfooter #modcontrols { + border-bottom-style: solid; + border-bottom-width: 1px; + text-align: center; + } + +#brdfooter #modcontrols dd { + display: inline; + margin:0 6px; + } + + +/* Board Stats +----------------------------------------------------------------*/ + +#brdstats .conl { + float: left; + } + +#brdstats .conr { + float: right; + text-align: right; + } + +#onlinelist dd, #onlinelist dt { + display: inline; + } + + +/***************************************************************** +5. MAIN TABLES +*****************************************************************/ + +.pun table { + width: 100%; + border-collapse: collapse; + border-spacing: 0; + empty-cells: show; + } + +.pun .blocktable table { + table-layout: fixed; + } + +.pun td, .pun th { + padding: 4px 6px; + text-align: left; + font-weight: normal; + } + +.pun td, .pun th { + border-style: solid none none solid; + border-width: 1px; + } + +.pun .tcl { + border-left: 0; + width: auto; + } + +.pun .tc2, .pun .tc3, .pun .tcmod { + width: 10%; + text-align: center; + padding: 4px 0; + } + +.pun .tcr { + width: 30%; + } + +.pun .tcl h3 { + font-size: 1.091em; + font-weight: bold; + } + +.pun .tcl h3 span.newtext { + font-size: 0.917em; + } + +.pun .tcl span.newtext, .pun .tcl span.pagestext { + white-space: nowrap; + font-weight: normal; + } + +.pun td span.byuser { + white-space: nowrap; + } + +.pun .tcl p { + padding: 5px 0 0 0 + } + +#punsearch #vf .tc2 { + width: 18%; + text-align: left; + padding: 4px 6px; + } + +#users1 .tcr { + width: 25% + } + +#users1 .tc2 { + width: 25%; + text-align: left; + padding: 4px 6px; + } + +#debug .tcl { + width: 10% + } + +#debug .tcr { + width: 90%; + white-space: normal + } + +#punindex .tcr .byuser { + display: block + } + +.pun .blocktable .tclcon { + padding: 0 11px 0 12px; + overflow: hidden; + min-height: 1px; + position: relative; + } + +.pun .blocktable .tclcon div { + width: 100%; + overflow: hidden; + } + +.pun .icon { + margin: 0.1em 0 0 0.2em; + border-width: 0.6em; + border-style: solid; + height: 0; + width: 0; + overflow: hidden; + float: left; + } + +.pun .icon div { + position: absolute; + left: -9999em; + text-indent: -9999em; + height: 0; + } + +.pun .iposted .ipost { + position: absolute; + left: 0; + font-weight: bold; + width: 8px; + padding-left: 4px; + text-align: center; + top: 0; + } + +/***************************************************************** +6. MAIN FORMS +*****************************************************************/ + +.pun .blockform form, .pun .fakeform { + PADDING: 20px 20px 15px 20px + } + +.pun .forminfo { + margin-bottom: 12px; + padding: 9px 10px; + border-style: solid; + border-width: 1px; + } + +.pun .forminfo h3 { + font-weight: bold; + } + +.pun .inform { + padding-bottom: 12px + } + +.pun fieldset { + padding: 0px 12px 0px 12px; + border-style: solid; + border-width: 1px + } + +.pun legend { + padding: 0px 6px + } + +.pun .infldset { + padding: 9px 0px 12px 0 + } + +.pun label { + display: block; + padding: 3px 0 + } + +.pun label.conl { + float: left; + overflow: visible; + margin-right: 10px + } + +.pun fieldset .rbox br { + display: none; + } + +.pun fieldset .rbox label { + padding: 3px 0 3px 25px; + position: relative; + vertical-align: middle; + } + +.pun fieldset .rbox input { + margin: 0 9px 0 -25px; + padding: 0; + width: 16px; + position: relative; + vertical-align: middle; + } + +.pun .txtarea { + width: 75% + } + +.pun .txtarea textarea, .pun input.longinput { + width: 100% + } + +.pun .bblinks { + padding-bottom: 10px; + padding-left: 4px + } + +.pun .bblinks li { + display: inline; + padding-right: 20px + } + +.pun .blockform .buttons { + padding-left: 12px; + } + +.pun .blockform .buttons input { + margin-right: 8px; + } + +#posterror ul { + list-style: square; + padding: 3px 0 3px 24px; + } + +.pun .deletemsg { + border-style: solid; + border-width: 1px; + padding: 6px 15px; + } + +.pun p.actions span { + margin-right: 12px; + } + +.pun .multiselect { + float: left; + padding-bottom: 7px; + } + +.pun .checklist { + border-width: 1px; + border-style: solid; + max-height: 9em; + width: 20em; + overflow: auto; + padding: 0.3em 0.5em; + margin: 0.25em 16px 0 0.15em; + } + +.pun .checklist fieldset { + border: 0; + padding: 0; + } + +.pun .checklist legend { + padding: 0; + } + +.pun .checklist legend span { + width: auto; + max-width: 25em; + } + +/***************************************************************** +7. PROFILES AND ADMIN +*****************************************************************/ + +.pun .block2col { + padding-bottom: 1px + } + +.pun .block2col .blockform, .pun .block2col .block { + margin-left: 14em + } + +.pun .blockmenu { + float:left; + width: 13em + } + +.pun .blockmenu li { + padding: 3px 0; + font-weight: bold; + } + +.pun .blockmenu a:link, .pun .blockmenu a:visited { + text-decoration: none + } + +.pun .blockmenu a:hover, .pun .blockmenu a:active { + text-decoration: underline + } + +#viewprofile dl { + float: left; + width: 100%; + overflow: hidden + } + +#viewprofile dd { + margin-left: 14em; + padding: 3px; + } + +#viewprofile dt { + float: left; + width: 13em; + margin: 3px 0; + } + +#profileavatar img { + float: right; + margin-left: 1em + } + +#adintro ul { + list-style-type: disc; + margin-left: 8px; + padding-left: 16px; + } + +/***************************************************************** +8. MAIN POSTS +*****************************************************************/ + +.pun .blockpost h2 a:link, .pun .blockpost h2 a:visited { + text-decoration: none; + } + +.pun .blockpost h2 a:hover, .pun .blockpost h2 a:active { + text-decoration: underline; + } + +.pun .blockpost h2 .conr { + float: right; + text-align: right; + } + +#punsearch .blockpost h2 span { + white-space: nowrap; + } + +.pun .blockpost .box { + overflow: hidden; + } + +.pun .postleft, .pun .postfootleft { + float:left; + width: 18em; + position: relative; + overflow: hidden; + } + +.pun .postleft dl { + padding: 6px; + } + +.pun .postleft .usercontacts, .pun .postleft .icon { + margin-top: 6px + } + +.pun .postleft .postavatar, .pun .postleft .usertitle { + margin-bottom: 6px; + display: block; + } + +.pun .blockpost dt { + font-size: 1.091em; + font-weight: bold; + } + +.pun .blockpost dt a:link, .pun .blockpost dt a:visited { + text-decoration: none; + } + +.pun .blockpost dt a:hover, .pun .blockpost dt a:active { + text-decoration: underline; + } + +.pun .postright, .pun .postfootright { + border-left-width: 18em; + border-left-style: solid + } + +#postpreview .postright { + border-left: 0 + } + +.pun .postright { + padding: 0 6px; + } + +.pun .postfootright, .pun .multidelete { + text-align: right + } + +.pun .postmsg { + width:98%; + overflow: hidden; + padding-bottom: 6px; + word-wrap: break-word; + } + +.pun .postfootright ul, .pun .postfootright div, .pun .postfootright p, +.pun .postfootleft p { + padding: 10px 6px 5px 6px; + } + +.pun .postfootright li { + display: inline; + } + +.pun .postfootright li:before { + content: " | "; + } + +.pun .postfootright li:first-child:before { + content: ""; + } + +.pun .postfootright a:link, .pun .postfootright a:visited { + text-decoration: none + } + +.pun .postfootright a:hover, .pun .postfootright a:active { + text-decoration: underline + } + +.pun .codebox { + border-style: solid; + border-width: 1px; + margin: 0.75em 1em; + padding: 0; + } + +.pun .quotebox { + border-style: solid; + border-width: 1px; + margin: 0.75em 1em; + padding: 0 0.75em; + } + +.pun .quotebox cite { + display: block; + padding: 0.75em 0 0 0; + } + +.pun .quotebox blockquote { + width: 100%; + overflow: hidden + } + +.pun .codebox pre { + overflow: auto; + width: 100%; + overflow-y:hidden + } + +* html .pun .codebox pre { + padding-bottom: 10px; + } + +*+html .pun .codebox pre { + padding-bottom: 10px + } + +.pun .codebox pre code { + display: block; + padding: 0.75em; + } + +.pun .codebox pre.vscroll { + height: 32em; + overflow: auto; + overflow-y: auto + } + +.pun .postmsg img { + vertical-align: bottom; + } + +.pun .postsignature hr { + margin-left: 0px; + width: 200px; + text-align: left; + height: 1px; + border:none + } + +.pun .postmsg .postimg img { + max-width: 98%; + vertical-align: middle; + margin: 7px 0.5em 7px 0; + } + +.pun .postmsg .postimg a:link img, .pun .postmsg .postimg a:visited img { + border-style: solid; + border-width: 2px; + } + +.pun .blockpost label { + padding: 3px 6px; + border-style: solid; + border-width: 1px; + vertical-align: middle; + display: inline-block; + } + +.pun .blockpost label * { + vertical-align: middle; + margin: 0; + padding: 0; + } + +/****************************************************************/ +/* 9. HELP FILES AND MISC. */ +/****************************************************************/ + +#punhelp h2 { + margin-top: 12px + } + +#punhelp div.box { + padding: 10px + } + +#debugtime { + margin-top: -12px; + text-align: center; + } + +#brdwelcome, #brdfooter dl a, div.blockmenu li, div.rbox input { + line-height: 1.4em + } + +#announce div.inbox div { + padding: 3px 0 + } + +/***************************************************************** +COLOUR SCHEME +*****************************************************************/ + +/* Background / Text +----------------------------------------------------------------*/ + +body { + background: #2a2a2a; + color: #d4d4d4 + } + +.pun { + color: #d4d4d4 + } + +.pun .box, #adminconsole fieldset th { + background-color: #383838 + } + +.pun td.tc2, .pun td.tc3, .pun td.tcmod, #postpreview, #viewprofile dd, .pun .forminfo, +#brdfooter #modcontrols, #adminconsole fieldset td, .pun .blockmenu .box, #adstats dd { + background-color: #424242 + } + +.pun h2, #brdmenu { + background-color: #565656; + color: #d4d4d4 + } + +.pun th { + background-color: #484848 + } + +.pun legend { + color: #60a0dc + } + +.pun .blockmenu li.isactive a, #posterror li strong { + color: #d4d4d4 + } + +.pun .usercontent * { + background: transparent; + color: #d4d4d4 + } + +.pun textarea, .pun input, .pun select { + background-color: #2a2a2a; + color: #d4d4d4 + } + +.pun .multiselect, .pun .checklist { + color: #D4D4D4; + } + +.pun .checklist { + border-color: #666; + } + +/* Posts +----------------------------------------------------------------*/ + +.pun .blockpost .box, .pun .postright, .pun .postfootright, .pun .deletemsg { + background-color: #383838 + } + +.pun .postright, .pun .postfootright { + border-left-color: #424242 + } + +.pun .postleft, .pun .postfootleft, .pun .blockpost label, .pun .codebox, .pun .quotebox { + background-color: #424242 + } + +.pun .blockpost h2 { + background-color: #565656 + } + +.pun .blockpost h2 span.conr { + color: #a19e96 + } + +.pun .postmsg ins, #punhelp samp ins { + background-color: #ff0; + } + +.pun hr { + background-color: #606060; + color: #606060 + } + +/* Borders +----------------------------------------------------------------*/ + +.pun .box { + border-color:#565656 + } + +.pun td, #brdfooter #modcontrols { + border-color: #565656 + } + +.pun th { + border-color: #484848 + } + +.pun fieldset { + border-color: #606060 + } + +#adminconsole td, #adminconsole th { + border-color: #383838 + } + +.pun .quotebox, .pun .codebox, .pun .forminfo, +.pun .blockpost label, .pun .deletemsg { + border-color: #606060 + } + +/* Links +----------------------------------------------------------------*/ + +.pun a:link, .pun a:visited { + color: #60a0dc + } + +.pun a:hover, .pun a:active, .pun a:focus { + color: #80d6ff + } + +.pun .postmsg .postimg a:link img, .pun .postmsg .postimg a:visited img { + border-color: #60a0dc; + } + +.pun .postmsg .postimg a:hover img, .pun .postmsg .postimg a:active img, .pun .postmsg .postimg a:focus img { + border-color: #80d6ff; + } + +.pun h2 a:link, .pun h2 a:visited, +#brdmenu a:link, #brdmenu a:visited { + color: #d4d4d4 + } + +.pun h2 a:hover, .pun h2 a:active, +#brdmenu a:hover, #brdmenu a:active { + color: #d4d4d4 + } + +.pun .postreport a:link, .pun .postreport a:visited, +.pun .iclosed td.tcl a:link, .pun .iclosed td.tcl a:visited { + color: #888 + } + +.pun .postreport a:hover, .pun .postreport a:active, +.pun .iclosed td.tcl a:hover, .pun .iclosed td.tcl a:active { + color: #aaa + } + +.pun .maintenancelink a:link, .pun .maintenancelink a:visited { + color: #ff4000 + } + +.pun .maintenancelink a:hover, .pun .maintenancelink a:active { + color: #ff5010 + } + +/* Status Indicators +----------------------------------------------------------------*/ + +.pun .icon { + border-color: #484848 #404040 #3c3c3c #444444 + } + +.pun .iredirect .icon { + border-color: #383838 #383838 #383838 #383838 + } + +.pun .inew .icon { + border-color: #5496d8 #4b85c0 #4377ac #4f8dcb + } diff --git a/style/Earth.css b/style/Earth.css new file mode 100644 index 0000000..2590c99 --- /dev/null +++ b/style/Earth.css @@ -0,0 +1,1650 @@ +/***************************************************************** +1. INITIAL SETTINGS +*****************************************************************/ + +/* Limited Reset +----------------------------------------------------------------*/ + +html, body, .pun table, .pun div, .pun form, .pun p, .pun h1, .pun h2, .pun h3, .pun h4, .pun h5, .pun pre, .pun blockquote, +.pun ul, .pun ol, .pun li, .pun dl, .pun dt, .pun dd, .pun th, .pun td, .pun fieldset, .pun legend .pun img, +.pun abbr, .pun cite { + border: 0; + font-style: normal; + font-weight: normal; + margin: 0; + padding: 0; +} + +.pun ul, .pun ol { + list-style: none; +} + +.pun select { + padding-bottom: 1px; + padding-top: 1px; + padding-right: 1px; +} + +/* Content Defaults +----------------------------------------------------------------*/ + +.pun { + font: 81.25%/1.462em Arial, Helvetica, sans-serif; +} + +.pun table, .pun td, .pun th, .pun input, .pun select, .pun optgroup, .pun textarea, .pun legend { + font-family: Arial, Helvetica, sans-serif; + font-size: 1em; +} + +.pun pre, .pun code { + font-family: consolas, monaco, "bitstream vera sans mono", "courier new", courier, monospace; + font-size: 1em; +} + +.pun pre code { + font-size: 1em; +} + +.pun table { + border-collapse: collapse; + border-spacing: 0; + border: 0; + empty-cells: show; + width: 100%; +} + +.pun h1 { + font:2.154em/1em "Trebuchet MS", Arial, Helvetica, sans-serif; + padding: 7px 0; +} + +.pun h2, .pun .hd h2 { + font: 1.462em/1em "Trebuchet MS", Arial, Helvetica, sans-serif; + padding: 7px 0; +} + +.pun h3 { + font-size: 1.154em; + line-height: 1.267em; + padding: 7px 0; +} + +.pun h4 { + font-size: 1.077em; + font-weight: bold; + padding: 7px 0; +} + +.pun h5, .pun h6 { + font-size: 1em; + font-weight: bold; + padding: 7px 0; +} + +.pun p, .pun ul, .pun ol, .pun dl, .pun th, .pun td, .pun legend { + padding: 7px 0; +} + +.pun strong, .pun th, .pun span.warntext, .pun p.warntext { + font-weight: bold; +} + +.pun em { + font-style: italic; +} + +.pun a, .pun a:link, .pun a:visited { + text-decoration: none; +} + +.pun a:hover, .pun a:active, .pun a:focus { + text-decoration: underline; +} + +.pun .actions span { + padding-left: 16px; + padding-right: 8px; + background: url(Earth/img/bull.png) center left no-repeat; + display: inline-block; + line-height: normal; +} + +/* Hidden Elements +----------------------------------------------------------------*/ + +#brdfooter h2, #brdstats h2, #debug h2, #brdstats .conl dt, #brdstats .conr dt, #modcontrols dt, +#searchlinks dt, div.postright h3, .pun .subscribelink span, #announce .hd, #reportform h2, #punmoderate #vf h2, +#punviewforum #vf h2, .pun .required strong span, .pun .icon div { + display: block; + overflow: hidden; + position: absolute; + text-indent: -9999em; + width: 0; +} + +/* Generic Float Clear +----------------------------------------------------------------*/ + +.pun .inbox, .pun #brdmain, .pun .crumbs, .pun .pagepost, .pun .block2col { + min-height: 1px; +} + +* html .pun .inbox, * html .pun #brdmain, * html .pun .infldset, * html .pun .crumbs, * html .pun .pagepost, * html .pun .block2col { + display: inline-block; +} + +* html .pun .inbox, * html .pun #bdrdmain, * html .pun .infldset, * html .pun .crumbs, * html .pun .pagepost, * html .pun .block2col { + display: block; +} + +.pun .inbox:after, .pun #brdmain:after, .pun .crumbs:after, .pun .pagepost:after, .pun .block2col:after { + content: " "; + display: block; + height: 0; + font-size: 0; + clear: both; + visibility: hidden; +} + +.pun .block2col .inbox:after { + content: none; + clear: none; +} + +.clearl { + clear: left; +} + +/***************************************************************** +2. COMMON STYLES +*****************************************************************/ + +/* Page Layout +----------------------------------------------------------------*/ + +.pun { + max-width: 1070px; + margin: 0 auto; + padding: 30px 40px; +} + +#punredirect, #punmaint { + padding: 60px 20% 12px 20%; +} + +#puninstall, #pundb_update { + padding: 20px 10%; +} + +.pun .punwrap { + border: 1px solid; + border-radius: 10px; + padding: 18px; +} + +#punredirect h2, #punmaint h2 { + border-bottom-style: dotted; + border-bottom-width: 1px; + margin-bottom: 3px; +} + +/* Section Spacing and Borders +----------------------------------------------------------------*/ + +#brdmain { + border-style: solid none; + border-width: 2px 0; + margin-bottom: 12px; + padding: 12px 0; +} + +#punindex #brdmain { + padding-top: 24px; +} + +#punredirect #brdmain, #punmaint #brdmain { + border: 0; + margin: 0; + padding: 0; +} + +#brdstats { + border-style: solid none none none; + border-width: 2px 0 0 0; + margin-top: 24px; + padding-top: 12px; +} + +#quickpost { + border-style: solid none none none; + border-width: 2px 0 0 0; + margin-top: 12px; + padding-top: 12px; +} + +#announce { + border-style: solid none none none; + border-width: 2px 0 0 0; + padding-top: 3px; +} + +/***************************************************************** +3. COMMON BOARD ELEMENTS +*****************************************************************/ + +/* Logo, Description and Main Menu +----------------------------------------------------------------*/ + +#brdtitle h1 { + padding: 0 0 10px 0; +} + +#brddesc { + border-top-style: dotted; + border-top-width: 1px; + padding: 10px 0; +} + +#brddesc p { + padding: 0; +} + +#brdmenu ul { + padding: 0; +} + +#brdmenu li { + float: left; +} + +#brdmenu a:link, #brdmenu a:visited { + border-right-style: solid; + border-width: 1px; + display: block; + min-width: 60px; + padding: 12px 16px 6px 8px; + white-space: nowrap; +} + +#brdmenu a:hover, #brmenu a:active, #brdmenu a:focus { + text-decoration: none; +} + +/* Welcome Box +----------------------------------------------------------------*/ + +#brdwelcome { + padding: 10px 0; +} + +#brdwelcome .conl, #brdwelcome .conr, #brdwelcome p, #brdwelcome li { + display: inline; + padding: 0; +} + +#brdwelcome .conl { + float: left; +} + +#brdwelcome .conr { + float: right; +} + +#brdwelcome li span { + background: url(Earth/img/bull.png) center left no-repeat; + padding-left: 18px; + margin-right: 3px; + display: inline-block; + line-height: normal; + white-space: nowrap; +} + +#brdwelcome .conl li:first-child span { + padding-left: 0; + background: none; +} + +/* Stats +----------------------------------------------------------------*/ + +#brdstats .conl { + float: left; +} + +#brdstats .conr { + float: right; + text-align: right; +} + +#brdstats #onlinelist { + border-top-style: dotted; + border-top-width: 1px; + clear: both; +} + +#brdstats #onlinelist dt, #brdstats #onlinelist dd { + display: inline; +} + +/* Footer +----------------------------------------------------------------*/ + +.pun #modcontrols { + border-style: none none dotted none; + border-width: 0 0 1px 0; + margin-bottom: 4px; + text-align: center; + width: 100%; +} + +.pun #modcontrols dd { + display: inline; +} + +.pun #brdfooter #modcontrols dd span { + background: url(Earth/img/bull.png) center left no-repeat; + display: inline-block; + line-height: normal; + padding-left: 18px; + white-space: nowrap; +} + +.pun #brdfooter .conl { + float: left; +} + +.pun #brdfooter .conr { + text-align: right; + float: right; +} + +.pun #brdfooter #poweredby a { + font-size: 1.077em; + font-weight: bold; +} + +.pun #brdfooter #qjump { + padding-top: 5px; +} + +.pun #brdfooter #qjump * { + white-space: nowrap; +} + +.pun #brdfooter #searchlinks dd span { + background: url(Earth/img/bull.png) center left no-repeat; + display: inline-block; + line-height: normal; + padding-left: 18px; + white-space: nowrap; +} + +.pun #brdfooter #feedlinks { + padding-bottom: 0; +} + +.pun #brdfooter #feedlinks span { + background: url(Earth/img/feed.png) center left no-repeat; + display: inline-block; + padding-left: 18px; + white-space: nowrap; +} + +.pun #debugtime { + border-style: dotted none none none; + border-width: 1px 0 0 0; + margin-top: 7px; + text-align: center; +} + +/* Breadcrumbs, Postlink, Pagination +----------------------------------------------------------------*/ + +.pun .linkst .inbox, .pun .linksb .inbox, .pun .postlinksb .inbox { + overflow: hidden; +} + +.pun .linksb, .pun .postlinksb, .pun .linkst, .pun .crumbs { + clear: both; + position: relative; +} + +.pun .linkst .crumbs { + font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; + font-size: 1.462em; + line-height: 1.211em; + padding: 7px 0; +} + +.pun .linksb .crumbs, .pun .postlinksb .crumbs { + font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; + font-size: 1.154em; +} + +.pun .linkst .crumbsplus .pagepost { + border-top-style: dotted; + border-top-width: 1px; +} + +.pun .linksb .crumbsplus .pagepost, .pun .postlinksb .crumbsplus .pagepost { + border-bottom-style: dotted; + border-bottom-width: 1px; +} + +.pun .postlinksb .crumbs { + margin-right: 11em; +} + +.pun .crumbs li { + float: left; + padding-right: 0.4em; + white-space: nowrap; +} + +.pun .crumbs li strong { + font-weight: normal; +} + +.pun .pagelink { + float: left; + white-space: nowrap; +} + +.pun .pagelink strong, .pun .pagelink a, .pun .pagelink span.spacer { + border-style: none none none solid; + border-width: 0 0 0 1px; + display: inline-block; + padding: 0 12px 0 10px; + margin-right: -6px; +} + +.pun .pagelink .item1 { + border: 0; +} + +.pun .pagelink .pages-label { + display: inline-block; +} + +.pun .postlink { + float: right; + font-weight: bold; + text-align: right; +} + +.pun .modbuttons { + float: right; + padding: 5px 0 3px 0; +} + +.pun .modbuttons input { + margin-left: 8px; +} + +.pun .subscribelink { + position: absolute; + right: 0; + text-align: right; + top: 33px; +} + +#punindex .subscribelink { + top: 0px; +} + +#punindex .linksb { + height: 12px; +} + +/***************************************************************** +4. MAIN TABLES +*****************************************************************/ + +.pun #brdmain .blocktable { + position: relative; +} + +#punindex #brdmain .blocktable h2, #punsearch #vf h2 { + font: 1em/1.462em Arial, Helvetica, sans-serif; + font-weight: bold; + margin: 1px 1px 0 1px; + padding-left: 8px; + position: absolute; + left: 0; + white-space: nowrap; + z-index: 100; +} + +#punindex .blocktable th.tcl, #punsearch #vf th.tcl { + font-size: 0; + text-indent: -9999em; +} + +.pun .blocktable .box { + border-style: solid; + border-width: 1px; + margin-bottom: -1px; + overflow: hidden; + position: relative; +} + +* html .pun .blocktable .box { + display: inline-block; +} + +.pun .blocktable table { + table-layout: fixed; + margin-bottom: -1px; +} + +.pun .blocktable th { + padding: 7px 8px; + border-style: none none solid none; + border-width: 1px; + text-align: left; +} + +.pun .blocktable td { + padding: 7px 8px; + line-height: 1.3077em; + border-style: none none solid none; + border-width: 1px; + text-align: left; +} + +.pun .blocktable h3 { + font-size: 1.077em; + font-weight: bold; + padding: 0; +} + +.pun .blocktable p { + padding: 0; +} + +.pun .blocktable .tcl p { + padding: 5px 0 0 0; +} + +.pun .blocktable .tcl { + width: auto; +} + +.pun .blocktable .tc2, .pun .blocktable .tc3, .pun .blocktable .tcmod { + padding-left: 0; + padding-right: 0; + text-align: center; + width: 11%; +} + +.pun .blocktable .tcr { + width: 30%; +} + +.pun .blocktable td .newtext, .pun .blocktable td .pagestext, .pun .blocktable td .byuser { + white-space: nowrap; +} + +.pun .blocktable .tcl h3 span.newtext { + font-size: 0.929em; + font-weight: normal; +} + +.pun #vf td.tcl span.stickytext, .pun #vf td.tcl span.closedtext { + font-size: 1em; + font-weight: bold; +} + +#punsearch #vf .tc2 { + padding-left: 8px; + padding-right: 8px; + text-align: left; + width: 18%; +} + +#users1 .tcr { + width: 25%; +} + +#users1 .tc2 { + padding-left: 8px; + padding-right: 8px; + text-align: left; + width: 25%; +} + +#debug { + margin-top: 12px; +} + +#debug .tcl { + width: 10%; +} + +#punredirect #debug .tcl, #punmaint #debug .tcl { + width: 20%; +} + +#debug .tcr { + width: 90%; + white-space: normal; +} + +#punindex .tcr .byuser { + display: block; +} + +#punindex td.tc2, #punindex td.tc3, #punindex td.tcr, .pun #vf td.tc2, .pun #vf td.tc3, +.pun #vf td.tcr, #punindex td.tcl div.forumdesc, .pun #vf td.tcl span { + font-size: 0.923em; +} + +.pun #vf td.tcl a { + font-weight: bold; +} + +.pun #vf td.tcl span a { + font-weight: normal; +} + +.pun .blocktable .tclcon { + min-height: 1px; + overflow: hidden; + padding: 0 11px 0 12px; + position: relative; +} + +.pun .blocktable .tclcon div { + width: 100%; + overflow: hidden; +} + +.pun .icon { + border-style: solid; + border-width: 8px; + float: left; + height: 0; + overflow: hidden; + width: 0; +} + +.pun .iposted .ipost { + font-weight: bold; + left: 0; + padding-left: 4px; + position: absolute; + text-align: center; + top: 0; + width: 8px; +} + +/***************************************************************** +MAIN POSTS +*****************************************************************/ + +/* Structure +----------------------------------------------------------------*/ + +.pun .blockpost { + border-style: solid; + border-width: 1px; + margin-bottom: -1px; + overflow: hidden; + position: relative; +} + +* html .pun .blockpost { + display: inline-block; +} + +.pun .blockpost h2 { + font: 1em/1.462em Arial, Helvetica, sans-serif; + white-space: nowrap; + border-bottom-style: solid; + border-bottom-width: 1px; + height: 1.462em; + padding: 0.538em 8px 0.538em 236px; + font-weight: normal; +} + +#punsearch .blockpost h2 { + height: auto; + padding-left: 36px; + white-space: normal; +} + +#punsearch .blockpost h2 span span { + white-space: nowrap; + display: inline-block; + font: 1.077em "Trebuchet MS", Arial, Helvetica, sans-serif; +} + +#punsearch .blockpost .icon { + position: absolute; + top: 0; + margin-top: -2.154em; +} + +.pun .blockpost h2 .conr { + float: right; + text-align: right; +} + +.pun .blockpost .inbox { + float: right; + position: relative; + width: 100%; +} + +.pun .blockpost .postbody, .pun .blockpost .postfoot { + border-left-style: solid; + border-left-width: 1px; + float: right; + margin-right: -218px; + position: relative; + text-align: left; + width: 100%; +} + +.pun .blockpost .postleft, .pun .blockpost .postfootleft { + width: 194px; + padding: 7px 12px 7px 12px; + float: left; + margin-left: -218px; + position: relative; +} + +.pun .blockpost .postleft dl { + padding: 0; +} + +#punviewtopic .blockpost dt, #punmoderate .blockpost dt { + display: block; + position: absolute; + padding: 0.538em 0 0.538em 12px; + height: 1.462em; + top: -2.615em; + left: 0; + overflow: hidden; + width: 206px; +} + +.pun .blockpost dt { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.pun .blockpost dt strong { + font-size: 1.231em; + font-weight: bold; +} + +.pun .blockpost .postleft dd { + font-size: 0.923em; +} + +.pun .blockpost .postleft .usertitle { + padding: 4px 0 6px 0; + font-size: 1em; +} + +.pun .blockpost .postleft .postavatar { + display: block; + margin: 0 0 4px 0; +} + +.pun .blockpost .postright { + position: relative; + padding: 4px 230px 7px 18px; +} + +.pun .postmsg { + width:100%; + overflow: hidden; + word-wrap: break-word; +} + +.pun .blockpost .postfootright { + position: relative; + padding: 7px 230px 7px 18px; + text-align: right; +} + +.pun .postfoot p, .pun .postfoot ul { + padding: 0; +} + +.pun .blockpost .postfootright li { + display: inline; +} + +.pun .blockpost .postfootright li span { + display: inline-block; + padding-left: 16px; + margin-left: 8px; + line-height: normal; + background: url(Earth/img/bull.png) center left no-repeat; +} + +.pun .blockpost .usercontacts { + padding: 7px 0; +} + +.pun .blockpost .usercontacts .email { + background: url(Earth/img/email.png) left 65% no-repeat; + margin-right: 5px; + padding-left: 21px; + display: inline-block; + line-height: normal; +} + +.pun .blockpost .usercontacts .website { + background: url(Earth/img/ext.png) left 65% no-repeat; + padding-left: 18px; + display: inline-block; + line-height: normal; +} + +.pun .postsignature hr { + border:none; + height: 1px; + margin-left: 0px; + text-align: left; +} + +/* Content (includes other user content) +----------------------------------------------------------------*/ + +.pun .usercontent { + padding: 7px 0; +} + +.pun .postmsg p, .pun .postmsg li, #punhelp p samp { + font-family: Verdana, Arial, Helvetica, sans-serif; +} + +.pun .usercontent h1, .pun .usercontent h2, .pun .usercontent h3, +.pun .usercontent h4, .pun .usercontent h5, .pun .usercontent h6 { + padding: 7px 0 0 0; +} + +.pun .postmsg h5, #punhelp h5 { + font-size: 1.231em; + font-weight: bold; + padding: 7px 0; +} + +.pun .usercontent ul, .pun .postmsg ul { + list-style: disc; + padding: 4px 13px 4px 30px; +} + +.pun .usercontent ol, .pun .postmsg ol { + list-style: decimal; + padding: 4px 13px 4px 30px; +} + +.pun .usercontent ol.alpha, .pun .postmsg ol.alpha { + list-style: lower-alpha; +} + +.pun .usercontent li, .pun .postmsg li { + padding: 0 3px; +} + +.pun .usercontent li p, .pun .postmsg li p { + padding: 0; +} + +.pun span.bbu { + text-decoration: underline; +} + +.pun span.bbs, .pun del { + text-decoration: line-through; +} + +.pun .postmsg ins, #punhelp samp ins { + text-decoration: none; +} + +.pun .blockpost .postmsg .postedit { + font-size: 0.857em; +} + +.pun .blockform .postsignature, .pun .blockpost .postsignature { + font-size: 0.923em; +} + +.pun .codebox { + border-style: solid; + border-width: 1px; + margin: 0.75em 1em; + padding: 0; +} + +.pun .quotebox { + border-style: solid; + border-width: 1px 1px 1px 3px; + margin: 0.75em 1em; + padding: 0 0.75em; +} + +.pun .quotebox cite { + display: block; + padding: 0.75em 0 0 0; + font-weight: bold; + line-height: 1.462em; +} + +.pun .quotebox blockquote { + overflow: hidden; + width: 100%; +} + +.pun .codebox pre { + overflow: auto; + width: 100%; + direction: ltr; + text-align: left; +} + +* html .pun .codebox pre { + padding-bottom: 10px; +} + +*:first-child+html .pun .codebox pre { + padding-bottom: 10px; +} + +.pun .codebox pre code { + padding: 0.5em; + white-space: pre; +} + +.pun div[class*=codebox] pre code { + display: inline-block; +} + +* html .pun .codebox pre code { + display: block; +} + +.pun .codebox pre.vscroll { + height: 32em; + overflow: auto; + overflow-y: auto; +} + +.pun .postmsg img, #punhelp samp img { + vertical-align: text-top; +} + +.pun .postmsg .postimg img { + max-width: 98%; + vertical-align: middle; + margin: 7px 0.5em 7px 0; +} + +.pun .postmsg .postimg a:link img, .pun .postmsg .postimg a:visited img { + border-style: solid; + border-width: 2px; +} + +/***************************************************************** +MAIN FORMS +*****************************************************************/ + +#punedit .blockform h2, #punpost .blockform h2, #postpreview h2, #posterror h2, +.pun #quickpost h2, .pun #reportform h2, #pundelete .blockform h2 { + font: 1em/1.462em Arial, Helvetica, sans-serif; + font-weight: bold; + white-space: nowrap; + padding: 10px 19px 4px 37px; + border: 0; +} + +#punpost .blockform h2, #punedit .blockform h2,.pun #quickpost h2, +#pundelete .blockform h2 { + margin: 1px 1px 0 1px; + width: 25em; + position: absolute; + z-index: 100; +} + +.pun #quickpost legend, #punpost legend, #punedit legend { + width: 25em; + overflow: hidden; + white-space: nowrap; +} + +.pun .blockform .box { + border-style: solid; + border-width: 1px; + padding-bottom: 12px; +} + +.pun #posterror { + border-style: solid; + border-width: 1px; +} + +.pun #posterror .box { + padding: 0 18px 12px 18px; +} + +* html .pun .blockform .box, * html .pun #posterror { + display: inline-block; +} + +.pun .blockform .forminfo, .pun .error-info { + padding: 12px 18px; + border-style: solid; + border-width: 1px; + position: relative; +} + +.pun .blockform .forminfo { + margin-top: 12px; +} + +#pundelete .blockform .forminfo { + margin-top: 33px; +} + +.pun .forminfo h3 { + padding-bottom: 0; +} + +.pun .error-list li { + padding-left: 24px; + background: url(Earth/img/exclaim.png) center left no-repeat; +} + +.pun .inform { + padding: 0 18px; +} + +.pun legend { + font-weight: bold; + padding: 10px 19px 4px 19px; +} + +* html .pun legend { + margin-left: -7px; +} + +*:first-child+html .pun legend { + margin-left: -7px; +} + +.pun .infldset { + border-style: solid; + border-width: 1px; + padding: 12px 18px; +} + +#punregister #rules .infldset { + padding: 5px 18px; +} + +.pun fieldset p { + padding: 0 0 7px 0; + width: 100%; +} + +.pun fieldset .usercontent p { + padding: 7px 0; +} + +.pun fieldset label { + display: block; + padding: 0 0 7px 0; +} + +.pun label em { + font-weight: normal; + font-style: normal; +} + +.pun .required strong { + background: url(Earth/img/asterisk.png) center right no-repeat; + font-weight: normal; + padding-right: 14px; + white-space: pre; + display: inline-block; + line-height: normal; +} + +.pun label input, .pun label select, .pun label textarea { + margin-top: 2px; +} + +.pun label.conl { + display: inline-block; + padding-right: 12px; +} + +.pun form .buttons { + padding: 8px 19px 8px 34px; + margin-bottom: -12px; +} + +.pun .blockform .buttons input { + margin-right: 12px; +} + +.pun .rbox { + padding: 3px 0; +} + +.pun .rbox label { + padding: 3px 0 3px 1.75em; + position: relative; + min-height: 1px; +} + +* html .pun .rbox label { + text-indent: -3px; + height: 1%; +} + +.pun .rbox input { + margin: 3px 0.75em 3px -1.75em; + float: left; + position: relative; + vertical-align: middle; + padding: 0; + height: 1em; + width: 1em; +} + +.pun input[type=text], .pun input[type=password], .pun select, .pun textarea { + font-family: Verdana, Arial, Helvetica, sans-serif; +} + +.pun .txtarea textarea, .pun input.longinput { + width: 98%; +} + +.pun textarea { + resize: vertical; +} + +.pun #quickpost .txtarea { + padding-right: 12px; + position: relative; +} + +.pun .blockform .bblinks { + padding-top: 0; +} + +.pun .blockform .bblinks li { + display: inline; +} + +.pun .blockform .bblinks li span { + background: url(Earth/img/help.png) center left no-repeat; + margin-right: 8px; + padding-left: 20px; + display: inline-block; +} + +.pun #quickpost .bblinks { + padding-top: 0; +} + +.pun #quickpost .bblinks li { + display: inline; +} + +.pun #login p.clearb { + border-top-style: dotted; + border-top-width: 1px; + font-size: 0; + height: 0; + line-height: 0; + margin-top: 7px; + overflow: hidden; + padding-bottom: 3px; + padding-top: 7px; + text-indent: -9999em; + width: 100%; +} + +.pun #postreview { + padding-top: 12px; +} + +.pun #postpreview, .pun #posterror { + margin-bottom: 12px; +} + +.pun #postpreview .postright { + padding: 0; +} + +.pun #postpreview .postbody { + border-style: solid; + border-width: 1px; + float: none; + margin: 0 18px 12px 18px; + padding: 0; + padding: 4px 18px 4px 18px; + width: auto; +} + +.pun span.email { + background: url(Earth/img/email.png) left 65% no-repeat; + margin-right: 5px; + padding-left: 21px; + display: inline-block; + line-height: normal; +} + +.pun span.website { + background: url(Earth/img/ext.png) left 65% no-repeat; + padding-left: 18px; + display: inline-block; + line-height: normal; +} + +#punmisc #rules .box { + border-style: solid; + border-width: 1px; + padding: 5px 18px; +} + + +#punhelp .box { + border-style: solid; + border-width: 1px; + padding: 7px 12px; +} + +.pun .multiselect { + float: left; + padding-bottom: 7px; +} + +.pun .checklist { + border-width: 1px; + border-style: solid; + max-height: 9em; + width: 20em; + overflow: auto; + padding: 0.25em 0.5em; + margin: 0.25em 16px 0 0.15em; +} + +.pun .checklist legend { + padding: 0; +} + +.pun .checklist legend span { + width: auto; + max-width: 25em; +} + +/***************************************************************** +PROFILES (+ ADMIN MENU) +*****************************************************************/ + +/* Profile / Admin +----------------------------------------------------------------*/ + +.pun .blockmenu { + width: 13em; + float: left; + padding-bottom: 12px; +} + +.pun .block2col .blockform, .pun .block2col .block { + margin-left: 15em; +} + +.pun .blockmenu .block2 { + padding-top: 19px; +} + +.pun .blockmenu ul { + border-top-style: dotted; + border-top-width: 1px; + padding: 0; +} + +.pun .blockmenu li { + border-bottom-style: dotted; + border-bottom-width: 1px; + font-weight: bold; + padding: 0; +} + +.pun .blockmenu a:link, .pun .blockmenu a:visited { + display: block; + padding: 9px 6px 3px 6px; + min-height: 1px; + text-decoration: none; +} + +* html .pun .blockmenu a:link, * html .pun .blockmenu a:visited { + height: 1%; +} + +.pun .blockmenu a:hover, .pun .blockmenu a:active, .pun .blockmenu a:focus { + text-decoration: none; +} + +#viewprofile .box { + border-style: solid; + border-width: 1px; + padding-bottom: 18px; +} + +#viewprofile dt, #adstats dt { + padding: 7px 0; + position: absolute; + width: 13em; + left: 0; +} + +#viewprofile dl { + border-style: solid none none none; + border-width: 1px; + margin: 7px 0; + padding: 0; + width: 100%; + position: relative; +} + +#adintro, #adstats { + border-style: solid; + border-width: 1px; + padding: 18px; +} + +#adintro li span { + display: inline-block; + padding-left: 16px; + margin-left: 8px; + line-height: normal; + background: url(Earth/img/bull.png) center left no-repeat; +} + +#adstats .inbox, #adintro .inbox { + border-style: solid; + border-width: 1px; + padding: 18px; +} + +#adstats dl { + margin: 0; + padding: 0; + width: 100%; + position: relative; +} + +#viewprofile dd, #adstats dd { + border-style: none none solid none; + border-width: 1px; + padding: 7px 0 7px 13em; +} + +/***************************************************************** +COLOUR SCHEME +*****************************************************************/ + +/* Basic defaults and Common Items +----------------------------------------------------------------*/ + +html, body, .pun { + background: #eaede2; + color: #333; +} + +.pun .punwrap { + background: #fff; + border-color: #ccd7c1; + color: #526550; +} + +#brdtitle #brddesc, .pun .pagepost, #brdstats #onlinelist, #brdfooter #searchlinks, #brdfooter #modcontrols, +#punmaint h2, #punredirect h2, #adminconsole .submittop, .pun #debugtime, .pun .pagelink a, .pun .pagelink * { + border-color: #bbc6b2; +} + +.pun a, .pun a:link, .pun a:visited { + color: #047E00; +} + +.pun a:hover, .pun a:active, .pun a:focus { + color: #73A900; +} + +.pun .postmsg .postimg a:link img, .pun .postmsg .postimg a:visited img { + border-color: #047E00; +} + +.pun .postmsg .postimg a:hover img, .pun .postmsg .postimg a:active img, .pun .postmsg .postimg a:focus img { + border-color: #73A900; +} + +/* Primary Navigation +----------------------------------------------------------------*/ + +#brdmenu { + background: #32671d; +} + +#brdmenu a, #brdmenu a:link, #brdmenu a:visited { + background: #32671d; + border-color: #fff; + color: #e3e3c8; +} + +#brdmenu a:hover, #brdmenu a:active, #brdmenu a:focus { + background: #2ca100; + border-color: #fff; + color: #fff; +} + +/* Main Tables +----------------------------------------------------------------*/ + +.pun .blocktable .box { + background: #fcfcf4; + border-color: #bbc6b2 #d8dccf; +} + +#punindex .blocktable h2, .pun #vf h2 { + color: #83866a; +} + +#adminconsole fieldset th, #adminconsole fieldset td { + background: #f6f6ea; + border-color: #dce6d8; +} + +.pun #users1 h2 { + background: #fff; +} + +.pun .blocktable td { + border-color: #dce6d8; +} + +.pun .blocktable th { + background: #eaecda; + border-color: #ccd7c1; + color: #83866a; +} + +.pun .blocktable td.tcl span.stickytext { + color: #c08b20; +} + +/* Main Posts +----------------------------------------------------------------*/ + +.pun .blockpost { + background: #f6f6ea; + border-color: #bbc6b2 #d8dccf; +} + +.pun .blockpost h2 { + background: #eaecda; + border-color: #ccd7c1; + color: #83866a; +} + +.pun .blockpost .postbody, .pun .blockpost .postfoot { + background: #fcfcf4; + border-color: #dce6d8; +} + +.pun .blockpost .postfootright li { + color: #fcfcf4; +} + +.pun .postmsg, #punhelp code, #punhelp samp { + color: #333; +} + +.pun .postsignature, .pun .postmsg .postedit { + color: #526550; +} + +.pun .quotebox { + background: #f9fae5; + border-color: #bdbc7a; + color: #566579; +} + +.pun .quotebox cite { + color: #83866a; +} + +.pun .codebox, #punhelp .codebox code { + background: #333; + color: #fff; +} + +.pun .postmsg hr { + background: #bbc6b2; +} + +.pun .postmsg ins, #punhelp samp ins { + background-color: #ff0; +} + +/* Main Forms + Profile +----------------------------------------------------------------*/ + +.pun .blockform .box, #adstats, #adintro, #postpreview, #posterror { + border-color: #bbc6b2 #d8dccf; + background: #eaecda; +} + +#punmisc #rules .box, #punhelp .box { + border-color: #bbc6b2 #d8dccf; + background: #f6f6ea; +} + +.pun #quickpost h2, #punpost .blockform h2, #punedit .blockform h2, #posterror h2, +#pundelete .blockform h2 { + background: #eaecda; + color: #83866a; +} + +.pun .forminfo { + background: #fff; + border-color: #dce6d8; +} + +#puninstall form#install .forminfo { + background: #32671d; + color: #fff; +} + +.pun #posterror .error-info { + background: #ffffe1; + border-color: #dfe6ee; +} + +#puninstall form#install .error-info { + background: #ffffe1; + border-color: #dfe6ee; + color: #333; +} + +.pun .infldset, #adintro .inbox, #adstats .inbox { + background: #f6f6ea; + border-color: #dce6d8; +} + +.pun label, .pun legend, #adminconsole fieldset th { + color: #83866a; +} + +.pun fieldset p { + border-color: #bbc6b2; +} + +.pun .blockmenu ul, .pun .blockmenu li { + border-color: #bbc6b2; +} + +.pun .blockmenu a:hover, .pun .blockmenu a:active, .pun .blockmenu a:focus { + background: #ffffe6; +} + +.pun .blockmenu .isactive a:link, .pun .blockmenu .isactive a:visited { + color: #333; + background: #f6f6ea; +} + +.pun #viewprofile .box { + border-color: #bbc6b2 #d8dccf; + background: #eaecda; +} + +.pun #viewprofile dt, #adstats dt { + color: #83866a; +} + +.pun #viewprofile dl, .pun #viewprofile dd, #adstats dl, #adstats dd { + border-color: #dce6d8; +} + +#adminconsole fieldset td.nodefault { + background: #d59b9b; +} + +.pun .multiselect { + color: #83866A; +} + +.pun .checklist { + background: white; + border-color: #ccc; +} + +/* Status Indicators +----------------------------------------------------------------*/ + +.pun .icon { + border-color: #eef1e8 #dbddd4 #e6e8df #eef1e8; +} + +.pun .iredirect .icon { + border-color: #bbc6b2; + border-width: 1px; + padding: 7px; +} + +.pun .inew .icon { + border-color: #50a42f #408426 #32671d #4a982c; +} diff --git a/style/Earth/base_admin.css b/style/Earth/base_admin.css new file mode 100644 index 0000000..8136885 --- /dev/null +++ b/style/Earth/base_admin.css @@ -0,0 +1,177 @@ +#adminconsole .blockform .box { + padding-bottom: 12px; +} + +#adminconsole fieldset .infldset { + position: relative; + overflow: hidden; +} + +#adminconsole fieldset table { + margin-top: -1px; + margin-bottom: -1px; +} + +#adminconsole fieldset td, #adminconsole fieldset th { + padding: 10px 8px 10px 0; + text-align: left; + white-space: normal; + border-style: solid none; + border-width: 1px 0; +} + +#punadmin thead th { + border-top: 0; + font-weight: normal; +} + +#adminconsole fieldset td span, #adminconsole fieldset th span { + display: block; font-size: 1em; + font-weight: normal; +} + +#adminconsole fieldset td.location span { + display: inline-block; +} + +#adminconsole fieldset th { + width: 15em; + font-weight: normal; + padding-right: 8px; +} + +#adminconsole table.aligntop th, #adminconsole table.aligntop td { + vertical-align: top; +} + +#adminconsole table.aligntop th div { + padding-top: 3px; +} + +#adminconsole .inform { + padding-bottom: 0; +} + +#adminconsole .infldset { + padding-bottom: 0; + padding-top: 0; +} + +#adminconsole p.submittop { + text-align: center; + border-bottom-style: dotted; + border-bottom-width: 1px; + margin: 0 18px; + padding-top: 12px; +} + +#adminconsole p.submitend { + text-align: center; + padding-bottom: 0; +} + +#adminconsole fieldset p { + padding: 10px 0; +} + +#adminconsole .fsetsubmit { + padding: 10px 0 12px 0; +} + +#adalerts { + border-style: solid; + border-width: 1px; + border-color: #b9c5ce #d9e1e7; + background: #ebf1f5; + padding: 18px; +} + +#adalerts p { + border: 1px solid #dfe6ee; + background: #ffffe1; + padding: 18px; +} + +#categoryedit .tcl { + width: 25%; +} + +#censoring .tcl, #censoring .tc2 { + width: 20%; +} + +#edforum .tcl { + width: 18%; +} + +#edforum .tc2 { + width: 12%; +} + +#forumperms thead th, #forumperms tbody td { + text-align: center; +} + +.pun .linkst .backlink, .pun .linksb .backlink { + padding: 7px 0; +} + +#punadmin #users1 h2, #punadmin #users2 h2, #punadmin #bans1 h2 { + display: block; + left: -9999em; + overflow: hidden; + position: absolute; + text-indent: -9999em; + width: 0; +} + +#punadmin #users1 th, #punadmin #users2 th, #punadmin #bans1 th { + font-weight: bold; +} + +#users2 th, #bans1 th { + text-align: left; +} + +#users2 th.tcmod { + text-align: center; +} + +#users2 .tcl, #bans1 .tcl { + width: auto; + text-align: left; +} + +#users2 .tc2, #bans1 .tc2 { + width: 18%; + text-align: left; +} + +#users2 .tc3, #users2 .tc5, #bans1 .tc3, #bans1 .tc5, #bans1 .tc6 { + width: 12%; + text-align: left; +} + +#users2 .tc4, #bans1 .tc4 { + width: 10%; + text-align: center; +} + +#users2 .tcr { + width: 20%; + white-space: nowrap; +} + +#bans1 .tcr { + width: 15%; + white-space: nowrap; +} + +#users2 .tcmod { + width: 10%; + text-align: center; +} + +.plugin p { + padding: 12px 18px 0; +} diff --git a/style/Earth/img/asterisk.png b/style/Earth/img/asterisk.png Binary files differnew file mode 100644 index 0000000..f7438de --- /dev/null +++ b/style/Earth/img/asterisk.png diff --git a/style/Earth/img/bull.png b/style/Earth/img/bull.png Binary files differnew file mode 100644 index 0000000..5fd1a9a --- /dev/null +++ b/style/Earth/img/bull.png diff --git a/style/Earth/img/email.png b/style/Earth/img/email.png Binary files differnew file mode 100644 index 0000000..80ff5d9 --- /dev/null +++ b/style/Earth/img/email.png diff --git a/style/Earth/img/exclaim.png b/style/Earth/img/exclaim.png Binary files differnew file mode 100644 index 0000000..b98bb3c --- /dev/null +++ b/style/Earth/img/exclaim.png diff --git a/style/Earth/img/ext.png b/style/Earth/img/ext.png Binary files differnew file mode 100644 index 0000000..daba1b1 --- /dev/null +++ b/style/Earth/img/ext.png diff --git a/style/Earth/img/feed.png b/style/Earth/img/feed.png Binary files differnew file mode 100644 index 0000000..3704226 --- /dev/null +++ b/style/Earth/img/feed.png diff --git a/style/Earth/img/help.png b/style/Earth/img/help.png Binary files differnew file mode 100644 index 0000000..2375e4a --- /dev/null +++ b/style/Earth/img/help.png diff --git a/style/Earth/img/index.html b/style/Earth/img/index.html new file mode 100644 index 0000000..89337b2 --- /dev/null +++ b/style/Earth/img/index.html @@ -0,0 +1 @@ +<html><head><title>.</title></head><body>.</body></html> diff --git a/style/Earth/index.html b/style/Earth/index.html new file mode 100644 index 0000000..89337b2 --- /dev/null +++ b/style/Earth/index.html @@ -0,0 +1 @@ +<html><head><title>.</title></head><body>.</body></html> diff --git a/style/Fire.css b/style/Fire.css new file mode 100644 index 0000000..217c048 --- /dev/null +++ b/style/Fire.css @@ -0,0 +1,1650 @@ +/***************************************************************** +1. INITIAL SETTINGS +*****************************************************************/ + +/* Limited Reset +----------------------------------------------------------------*/ + +html, body, .pun table, .pun div, .pun form, .pun p, .pun h1, .pun h2, .pun h3, .pun h4, .pun h5, .pun pre, .pun blockquote, +.pun ul, .pun ol, .pun li, .pun dl, .pun dt, .pun dd, .pun th, .pun td, .pun fieldset, .pun legend .pun img, +.pun abbr, .pun cite { + border: 0; + font-style: normal; + font-weight: normal; + margin: 0; + padding: 0; +} + +.pun ul, .pun ol { + list-style: none; +} + +.pun select { + padding-bottom: 1px; + padding-top: 1px; + padding-right: 1px; +} + +/* Content Defaults +----------------------------------------------------------------*/ + +.pun { + font: 81.25%/1.462em Arial, Helvetica, sans-serif; +} + +.pun table, .pun td, .pun th, .pun input, .pun select, .pun optgroup, .pun textarea, .pun legend { + font-family: Arial, Helvetica, sans-serif; + font-size: 1em; +} + +.pun pre, .pun code { + font-family: consolas, monaco, "bitstream vera sans mono", "courier new", courier, monospace; + font-size: 1em; +} + +.pun pre code { + font-size: 1em; +} + +.pun table { + border-collapse: collapse; + border-spacing: 0; + border: 0; + empty-cells: show; + width: 100%; +} + +.pun h1 { + font:2.154em/1em "Trebuchet MS", Arial, Helvetica, sans-serif; + padding: 7px 0; +} + +.pun h2, .pun .hd h2 { + font: 1.462em/1em "Trebuchet MS", Arial, Helvetica, sans-serif; + padding: 7px 0; +} + +.pun h3 { + font-size: 1.154em; + line-height: 1.267em; + padding: 7px 0; +} + +.pun h4 { + font-size: 1.077em; + font-weight: bold; + padding: 7px 0; +} + +.pun h5, .pun h6 { + font-size: 1em; + font-weight: bold; + padding: 7px 0; +} + +.pun p, .pun ul, .pun ol, .pun dl, .pun th, .pun td, .pun legend { + padding: 7px 0; +} + +.pun strong, .pun th, .pun span.warntext, .pun p.warntext { + font-weight: bold; +} + +.pun em { + font-style: italic; +} + +.pun a, .pun a:link, .pun a:visited { + text-decoration: none; +} + +.pun a:hover, .pun a:active, .pun a:focus { + text-decoration: underline; +} + +.pun .actions span { + padding-left: 16px; + padding-right: 8px; + background: url(Fire/img/bull.png) center left no-repeat; + display: inline-block; + line-height: normal; +} + +/* Hidden Elements +----------------------------------------------------------------*/ + +#brdfooter h2, #brdstats h2, #debug h2, #brdstats .conl dt, #brdstats .conr dt, #modcontrols dt, +#searchlinks dt, div.postright h3, .pun .subscribelink span, #announce .hd, #reportform h2, #punmoderate #vf h2, +#punviewforum #vf h2, .pun .required strong span, .pun .icon div { + display: block; + overflow: hidden; + position: absolute; + text-indent: -9999em; + width: 0; +} + +/* Generic Float Clear +----------------------------------------------------------------*/ + +.pun .inbox, .pun #brdmain, .pun .crumbs, .pun .pagepost, .pun .block2col { + min-height: 1px; +} + +* html .pun .inbox, * html .pun #brdmain, * html .pun .infldset, * html .pun .crumbs, * html .pun .pagepost, * html .pun .block2col { + display: inline-block; +} + +* html .pun .inbox, * html .pun #bdrdmain, * html .pun .infldset, * html .pun .crumbs, * html .pun .pagepost, * html .pun .block2col { + display: block; +} + +.pun .inbox:after, .pun #brdmain:after, .pun .crumbs:after, .pun .pagepost:after, .pun .block2col:after { + content: " "; + display: block; + height: 0; + font-size: 0; + clear: both; + visibility: hidden; +} + +.pun .block2col .inbox:after { + content: none; + clear: none; +} + +.clearl { + clear: left; +} + +/***************************************************************** +2. COMMON STYLES +*****************************************************************/ + +/* Page Layout +----------------------------------------------------------------*/ + +.pun { + max-width: 1070px; + margin: 0 auto; + padding: 30px 40px; +} + +#punredirect, #punmaint { + padding: 60px 20% 12px 20%; +} + +#puninstall, #pundb_update { + padding: 20px 10%; +} + +.pun .punwrap { + border: 1px solid; + border-radius: 10px; + padding: 18px; +} + +#punredirect h2, #punmaint h2 { + border-bottom-style: dotted; + border-bottom-width: 1px; + margin-bottom: 3px; +} + +/* Section Spacing and Borders +----------------------------------------------------------------*/ + +#brdmain { + border-style: solid none; + border-width: 2px 0; + margin-bottom: 12px; + padding: 12px 0; +} + +#punindex #brdmain { + padding-top: 24px; +} + +#punredirect #brdmain, #punmaint #brdmain { + border: 0; + margin: 0; + padding: 0; +} + +#brdstats { + border-style: solid none none none; + border-width: 2px 0 0 0; + margin-top: 24px; + padding-top: 12px; +} + +#quickpost { + border-style: solid none none none; + border-width: 2px 0 0 0; + margin-top: 12px; + padding-top: 12px; +} + +#announce { + border-style: solid none none none; + border-width: 2px 0 0 0; + padding-top: 3px; +} + +/***************************************************************** +3. COMMON BOARD ELEMENTS +*****************************************************************/ + +/* Logo, Description and Main Menu +----------------------------------------------------------------*/ + +#brdtitle h1 { + padding: 0 0 10px 0; +} + +#brddesc { + border-top-style: dotted; + border-top-width: 1px; + padding: 10px 0; +} + +#brddesc p { + padding: 0; +} + +#brdmenu ul { + padding: 0; +} + +#brdmenu li { + float: left; +} + +#brdmenu a:link, #brdmenu a:visited { + border-right-style: solid; + border-width: 1px; + display: block; + min-width: 60px; + padding: 12px 16px 6px 8px; + white-space: nowrap; +} + +#brdmenu a:hover, #brmenu a:active, #brdmenu a:focus { + text-decoration: none; +} + +/* Welcome Box +----------------------------------------------------------------*/ + +#brdwelcome { + padding: 10px 0; +} + +#brdwelcome .conl, #brdwelcome .conr, #brdwelcome p, #brdwelcome li { + display: inline; + padding: 0; +} + +#brdwelcome .conl { + float: left; +} + +#brdwelcome .conr { + float: right; +} + +#brdwelcome li span { + background: url(Fire/img/bull.png) center left no-repeat; + padding-left: 18px; + margin-right: 3px; + display: inline-block; + line-height: normal; + white-space: nowrap; +} + +#brdwelcome .conl li:first-child span { + padding-left: 0; + background: none; +} + +/* Stats +----------------------------------------------------------------*/ + +#brdstats .conl { + float: left; +} + +#brdstats .conr { + float: right; + text-align: right; +} + +#brdstats #onlinelist { + border-top-style: dotted; + border-top-width: 1px; + clear: both; +} + +#brdstats #onlinelist dt, #brdstats #onlinelist dd { + display: inline; +} + +/* Footer +----------------------------------------------------------------*/ + +.pun #modcontrols { + border-style: none none dotted none; + border-width: 0 0 1px 0; + margin-bottom: 4px; + text-align: center; + width: 100%; +} + +.pun #modcontrols dd { + display: inline; +} + +.pun #brdfooter #modcontrols dd span { + background: url(Fire/img/bull.png) center left no-repeat; + display: inline-block; + line-height: normal; + padding-left: 18px; + white-space: nowrap; +} + +.pun #brdfooter .conl { + float: left; +} + +.pun #brdfooter .conr { + text-align: right; + float: right; +} + +.pun #brdfooter #poweredby a { + font-size: 1.077em; + font-weight: bold; +} + +.pun #brdfooter #qjump { + padding-top: 5px; +} + +.pun #brdfooter #qjump * { + white-space: nowrap; +} + +.pun #brdfooter #searchlinks dd span { + background: url(Fire/img/bull.png) center left no-repeat; + display: inline-block; + line-height: normal; + padding-left: 18px; + white-space: nowrap; +} + +.pun #brdfooter #feedlinks { + padding-bottom: 0; +} + +.pun #brdfooter #feedlinks span { + background: url(Fire/img/feed.png) center left no-repeat; + display: inline-block; + padding-left: 18px; + white-space: nowrap; +} + +.pun #debugtime { + border-style: dotted none none none; + border-width: 1px 0 0 0; + margin-top: 7px; + text-align: center; +} + +/* Breadcrumbs, Postlink, Pagination +----------------------------------------------------------------*/ + +.pun .linkst .inbox, .pun .linksb .inbox, .pun .postlinksb .inbox { + overflow: hidden; +} + +.pun .linksb, .pun .postlinksb, .pun .linkst, .pun .crumbs { + clear: both; + position: relative; +} + +.pun .linkst .crumbs { + font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; + font-size: 1.462em; + line-height: 1.211em; + padding: 7px 0; +} + +.pun .linksb .crumbs, .pun .postlinksb .crumbs { + font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; + font-size: 1.154em; +} + +.pun .linkst .crumbsplus .pagepost { + border-top-style: dotted; + border-top-width: 1px; +} + +.pun .linksb .crumbsplus .pagepost, .pun .postlinksb .crumbsplus .pagepost { + border-bottom-style: dotted; + border-bottom-width: 1px; +} + +.pun .postlinksb .crumbs { + margin-right: 11em; +} + +.pun .crumbs li { + float: left; + padding-right: 0.4em; + white-space: nowrap; +} + +.pun .crumbs li strong { + font-weight: normal; +} + +.pun .pagelink { + float: left; + white-space: nowrap; +} + +.pun .pagelink strong, .pun .pagelink a, .pun .pagelink span.spacer { + border-style: none none none solid; + border-width: 0 0 0 1px; + display: inline-block; + padding: 0 12px 0 10px; + margin-right: -6px; +} + +.pun .pagelink .item1 { + border: 0; +} + +.pun .pagelink .pages-label { + display: inline-block; +} + +.pun .postlink { + float: right; + font-weight: bold; + text-align: right; +} + +.pun .modbuttons { + float: right; + padding: 5px 0 3px 0; +} + +.pun .modbuttons input { + margin-left: 8px; +} + +.pun .subscribelink { + position: absolute; + right: 0; + text-align: right; + top: 33px; +} + +#punindex .subscribelink { + top: 0px; +} + +#punindex .linksb { + height: 12px; +} + +/***************************************************************** +4. MAIN TABLES +*****************************************************************/ + +.pun #brdmain .blocktable { + position: relative; +} + +#punindex #brdmain .blocktable h2, #punsearch #vf h2 { + font: 1em/1.462em Arial, Helvetica, sans-serif; + font-weight: bold; + margin: 1px 1px 0 1px; + padding-left: 8px; + position: absolute; + left: 0; + white-space: nowrap; + z-index: 100; +} + +#punindex .blocktable th.tcl, #punsearch #vf th.tcl { + font-size: 0; + text-indent: -9999em; +} + +.pun .blocktable .box { + border-style: solid; + border-width: 1px; + margin-bottom: -1px; + overflow: hidden; + position: relative; +} + +* html .pun .blocktable .box { + display: inline-block; +} + +.pun .blocktable table { + table-layout: fixed; + margin-bottom: -1px; +} + +.pun .blocktable th { + padding: 7px 8px; + border-style: none none solid none; + border-width: 1px; + text-align: left; +} + +.pun .blocktable td { + padding: 7px 8px; + line-height: 1.3077em; + border-style: none none solid none; + border-width: 1px; + text-align: left; +} + +.pun .blocktable h3 { + font-size: 1.077em; + font-weight: bold; + padding: 0; +} + +.pun .blocktable p { + padding: 0; +} + +.pun .blocktable .tcl p { + padding: 5px 0 0 0; +} + +.pun .blocktable .tcl { + width: auto; +} + +.pun .blocktable .tc2, .pun .blocktable .tc3, .pun .blocktable .tcmod { + padding-left: 0; + padding-right: 0; + text-align: center; + width: 11%; +} + +.pun .blocktable .tcr { + width: 30%; +} + +.pun .blocktable td .newtext, .pun .blocktable td .pagestext, .pun .blocktable td .byuser { + white-space: nowrap; +} + +.pun .blocktable .tcl h3 span.newtext { + font-size: 0.929em; + font-weight: normal; +} + +.pun #vf td.tcl span.stickytext, .pun #vf td.tcl span.closedtext { + font-size: 1em; + font-weight: bold; +} + +#punsearch #vf .tc2 { + padding-left: 8px; + padding-right: 8px; + text-align: left; + width: 18%; +} + +#users1 .tcr { + width: 25%; +} + +#users1 .tc2 { + padding-left: 8px; + padding-right: 8px; + text-align: left; + width: 25%; +} + +#debug { + margin-top: 12px; +} + +#debug .tcl { + width: 10%; +} + +#punredirect #debug .tcl, #punmaint #debug .tcl { + width: 20%; +} + +#debug .tcr { + width: 90%; + white-space: normal; +} + +#punindex .tcr .byuser { + display: block; +} + +#punindex td.tc2, #punindex td.tc3, #punindex td.tcr, .pun #vf td.tc2, .pun #vf td.tc3, +.pun #vf td.tcr, #punindex td.tcl div.forumdesc, .pun #vf td.tcl span { + font-size: 0.923em; +} + +.pun #vf td.tcl a { + font-weight: bold; +} + +.pun #vf td.tcl span a { + font-weight: normal; +} + +.pun .blocktable .tclcon { + min-height: 1px; + overflow: hidden; + padding: 0 11px 0 12px; + position: relative; +} + +.pun .blocktable .tclcon div { + width: 100%; + overflow: hidden; +} + +.pun .icon { + border-style: solid; + border-width: 8px; + float: left; + height: 0; + overflow: hidden; + width: 0; +} + +.pun .iposted .ipost { + font-weight: bold; + left: 0; + padding-left: 4px; + position: absolute; + text-align: center; + top: 0; + width: 8px; +} + +/***************************************************************** +MAIN POSTS +*****************************************************************/ + +/* Structure +----------------------------------------------------------------*/ + +.pun .blockpost { + border-style: solid; + border-width: 1px; + margin-bottom: -1px; + overflow: hidden; + position: relative; +} + +* html .pun .blockpost { + display: inline-block; +} + +.pun .blockpost h2 { + font: 1em/1.462em Arial, Helvetica, sans-serif; + white-space: nowrap; + border-bottom-style: solid; + border-bottom-width: 1px; + height: 1.462em; + padding: 0.538em 8px 0.538em 236px; + font-weight: normal; +} + +#punsearch .blockpost h2 { + height: auto; + padding-left: 36px; + white-space: normal; +} + +#punsearch .blockpost h2 span span { + white-space: nowrap; + display: inline-block; + font: 1.077em "Trebuchet MS", Arial, Helvetica, sans-serif; +} + +#punsearch .blockpost .icon { + position: absolute; + top: 0; + margin-top: -2.154em; +} + +.pun .blockpost h2 .conr { + float: right; + text-align: right; +} + +.pun .blockpost .inbox { + float: right; + position: relative; + width: 100%; +} + +.pun .blockpost .postbody, .pun .blockpost .postfoot { + border-left-style: solid; + border-left-width: 1px; + float: right; + margin-right: -218px; + position: relative; + text-align: left; + width: 100%; +} + +.pun .blockpost .postleft, .pun .blockpost .postfootleft { + width: 194px; + padding: 7px 12px 7px 12px; + float: left; + margin-left: -218px; + position: relative; +} + +.pun .blockpost .postleft dl { + padding: 0; +} + +#punviewtopic .blockpost dt, #punmoderate .blockpost dt { + display: block; + position: absolute; + padding: 0.538em 0 0.538em 12px; + height: 1.462em; + top: -2.615em; + left: 0; + overflow: hidden; + width: 206px; +} + +.pun .blockpost dt { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.pun .blockpost dt strong { + font-size: 1.231em; + font-weight: bold; +} + +.pun .blockpost .postleft dd { + font-size: 0.923em; +} + +.pun .blockpost .postleft .usertitle { + padding: 4px 0 6px 0; + font-size: 1em; +} + +.pun .blockpost .postleft .postavatar { + display: block; + margin: 0 0 4px 0; +} + +.pun .blockpost .postright { + position: relative; + padding: 4px 230px 7px 18px; +} + +.pun .postmsg { + width:100%; + overflow: hidden; + word-wrap: break-word; +} + +.pun .blockpost .postfootright { + position: relative; + padding: 7px 230px 7px 18px; + text-align: right; +} + +.pun .postfoot p, .pun .postfoot ul { + padding: 0; +} + +.pun .blockpost .postfootright li { + display: inline; +} + +.pun .blockpost .postfootright li span { + display: inline-block; + padding-left: 16px; + margin-left: 8px; + line-height: normal; + background: url(Fire/img/bull.png) center left no-repeat; +} + +.pun .blockpost .usercontacts { + padding: 7px 0; +} + +.pun .blockpost .usercontacts .email { + background: url(Fire/img/email.png) left 65% no-repeat; + margin-right: 5px; + padding-left: 21px; + display: inline-block; + line-height: normal; +} + +.pun .blockpost .usercontacts .website { + background: url(Fire/img/ext.png) left 65% no-repeat; + padding-left: 18px; + display: inline-block; + line-height: normal; +} + +.pun .postsignature hr { + border:none; + height: 1px; + margin-left: 0px; + text-align: left; +} + +/* Content (includes other user content) +----------------------------------------------------------------*/ + +.pun .usercontent { + padding: 7px 0; +} + +.pun .postmsg p, .pun .postmsg li, #punhelp p samp { + font-family: Verdana, Arial, Helvetica, sans-serif; +} + +.pun .usercontent h1, .pun .usercontent h2, .pun .usercontent h3, +.pun .usercontent h4, .pun .usercontent h5, .pun .usercontent h6 { + padding: 7px 0 0 0; +} + +.pun .postmsg h5, #punhelp h5 { + font-size: 1.231em; + font-weight: bold; + padding: 7px 0; +} + +.pun .usercontent ul, .pun .postmsg ul { + list-style: disc; + padding: 4px 13px 4px 30px; +} + +.pun .usercontent ol, .pun .postmsg ol { + list-style: decimal; + padding: 4px 13px 4px 30px; +} + +.pun .usercontent ol.alpha, .pun .postmsg ol.alpha { + list-style: lower-alpha; +} + +.pun .usercontent li, .pun .postmsg li { + padding: 0 3px; +} + +.pun .usercontent li p, .pun .postmsg li p { + padding: 0; +} + +.pun span.bbu { + text-decoration: underline; +} + +.pun span.bbs, .pun del { + text-decoration: line-through; +} + +.pun .postmsg ins, #punhelp samp ins { + text-decoration: none; +} + +.pun .blockpost .postmsg .postedit { + font-size: 0.857em; +} + +.pun .blockform .postsignature, .pun .blockpost .postsignature { + font-size: 0.923em; +} + +.pun .codebox { + border-style: solid; + border-width: 1px; + margin: 0.75em 1em; + padding: 0; +} + +.pun .quotebox { + border-style: solid; + border-width: 1px 1px 1px 3px; + margin: 0.75em 1em; + padding: 0 0.75em; +} + +.pun .quotebox cite { + display: block; + padding: 0.75em 0 0 0; + font-weight: bold; + line-height: 1.462em; +} + +.pun .quotebox blockquote { + overflow: hidden; + width: 100%; +} + +.pun .codebox pre { + overflow: auto; + width: 100%; + direction: ltr; + text-align: left; +} + +* html .pun .codebox pre { + padding-bottom: 10px; +} + +*:first-child+html .pun .codebox pre { + padding-bottom: 10px; +} + +.pun .codebox pre code { + padding: 0.5em; + white-space: pre; +} + +.pun div[class*=codebox] pre code { + display: inline-block; +} + +* html .pun .codebox pre code { + display: block; +} + +.pun .codebox pre.vscroll { + height: 32em; + overflow: auto; + overflow-y: auto; +} + +.pun .postmsg img, #punhelp samp img { + vertical-align: text-top; +} + +.pun .postmsg .postimg img { + max-width: 98%; + vertical-align: middle; + margin: 7px 0.5em 7px 0; +} + +.pun .postmsg .postimg a:link img, .pun .postmsg .postimg a:visited img { + border-style: solid; + border-width: 2px; +} + +/***************************************************************** +MAIN FORMS +*****************************************************************/ + +#punedit .blockform h2, #punpost .blockform h2, #postpreview h2, #posterror h2, +.pun #quickpost h2, .pun #reportform h2, #pundelete .blockform h2 { + font: 1em/1.462em Arial, Helvetica, sans-serif; + font-weight: bold; + white-space: nowrap; + padding: 10px 19px 4px 37px; + border: 0; +} + +#punpost .blockform h2, #punedit .blockform h2,.pun #quickpost h2, +#pundelete .blockform h2 { + margin: 1px 1px 0 1px; + width: 25em; + position: absolute; + z-index: 100; +} + +.pun #quickpost legend, #punpost legend, #punedit legend { + width: 25em; + overflow: hidden; + white-space: nowrap; +} + +.pun .blockform .box { + border-style: solid; + border-width: 1px; + padding-bottom: 12px; +} + +.pun #posterror { + border-style: solid; + border-width: 1px; +} + +.pun #posterror .box { + padding: 0 18px 12px 18px; +} + +* html .pun .blockform .box, * html .pun #posterror { + display: inline-block; +} + +.pun .blockform .forminfo, .pun .error-info { + padding: 12px 18px; + border-style: solid; + border-width: 1px; + position: relative; +} + +.pun .blockform .forminfo { + margin-top: 12px; +} + +#pundelete .blockform .forminfo { + margin-top: 33px; +} + +.pun .forminfo h3 { + padding-bottom: 0; +} + +.pun .error-list li { + padding-left: 24px; + background: url(Fire/img/exclaim.png) center left no-repeat; +} + +.pun .inform { + padding: 0 18px; +} + +.pun legend { + font-weight: bold; + padding: 10px 19px 4px 19px; +} + +* html .pun legend { + margin-left: -7px; +} + +*:first-child+html .pun legend { + margin-left: -7px; +} + +.pun .infldset { + border-style: solid; + border-width: 1px; + padding: 12px 18px; +} + +#punregister #rules .infldset { + padding: 5px 18px; +} + +.pun fieldset p { + padding: 0 0 7px 0; + width: 100%; +} + +.pun fieldset .usercontent p { + padding: 7px 0; +} + +.pun fieldset label { + display: block; + padding: 0 0 7px 0; +} + +.pun label em { + font-weight: normal; + font-style: normal; +} + +.pun .required strong { + background: url(Fire/img/asterisk.png) center right no-repeat; + font-weight: normal; + padding-right: 14px; + white-space: pre; + display: inline-block; + line-height: normal; +} + +.pun label input, .pun label select, .pun label textarea { + margin-top: 2px; +} + +.pun label.conl { + display: inline-block; + padding-right: 12px; +} + +.pun form .buttons { + padding: 8px 19px 8px 34px; + margin-bottom: -12px; +} + +.pun .blockform .buttons input { + margin-right: 12px; +} + +.pun .rbox { + padding: 3px 0; +} + +.pun .rbox label { + padding: 3px 0 3px 1.75em; + position: relative; + min-height: 1px; +} + +* html .pun .rbox label { + text-indent: -3px; + height: 1%; +} + +.pun .rbox input { + margin: 3px 0.75em 3px -1.75em; + float: left; + position: relative; + vertical-align: middle; + padding: 0; + height: 1em; + width: 1em; +} + +.pun input[type=text], .pun input[type=password], .pun select, .pun textarea { + font-family: Verdana, Arial, Helvetica, sans-serif; +} + +.pun .txtarea textarea, .pun input.longinput { + width: 98%; +} + +.pun textarea { + resize: vertical; +} + +.pun #quickpost .txtarea { + padding-right: 12px; + position: relative; +} + +.pun .blockform .bblinks { + padding-top: 0; +} + +.pun .blockform .bblinks li { + display: inline; +} + +.pun .blockform .bblinks li span { + background: url(Fire/img/help.png) center left no-repeat; + margin-right: 8px; + padding-left: 20px; + display: inline-block; +} + +.pun #quickpost .bblinks { + padding-top: 0; +} + +.pun #quickpost .bblinks li { + display: inline; +} + +.pun #login p.clearb { + border-top-style: dotted; + border-top-width: 1px; + font-size: 0; + height: 0; + line-height: 0; + margin-top: 7px; + overflow: hidden; + padding-bottom: 3px; + padding-top: 7px; + text-indent: -9999em; + width: 100%; +} + +.pun #postreview { + padding-top: 12px; +} + +.pun #postpreview, .pun #posterror { + margin-bottom: 12px; +} + +.pun #postpreview .postright { + padding: 0; +} + +.pun #postpreview .postbody { + border-style: solid; + border-width: 1px; + float: none; + margin: 0 18px 12px 18px; + padding: 0; + padding: 4px 18px 4px 18px; + width: auto; +} + +.pun span.email { + background: url(Fire/img/email.png) left 65% no-repeat; + margin-right: 5px; + padding-left: 21px; + display: inline-block; + line-height: normal; +} + +.pun span.website { + background: url(Fire/img/ext.png) left 65% no-repeat; + padding-left: 18px; + display: inline-block; + line-height: normal; +} + +#punmisc #rules .box { + border-style: solid; + border-width: 1px; + padding: 5px 18px; +} + + +#punhelp .box { + border-style: solid; + border-width: 1px; + padding: 7px 12px; +} + +.pun .multiselect { + float: left; + padding-bottom: 7px; +} + +.pun .checklist { + border-width: 1px; + border-style: solid; + max-height: 9em; + width: 20em; + overflow: auto; + padding: 0.25em 0.5em; + margin: 0.25em 16px 0 0.15em; +} + +.pun .checklist legend { + padding: 0; +} + +.pun .checklist legend span { + width: auto; + max-width: 25em; +} + +/***************************************************************** +PROFILES (+ ADMIN MENU) +*****************************************************************/ + +/* Profile / Admin +----------------------------------------------------------------*/ + +.pun .blockmenu { + width: 13em; + float: left; + padding-bottom: 12px; +} + +.pun .block2col .blockform, .pun .block2col .block { + margin-left: 15em; +} + +.pun .blockmenu .block2 { + padding-top: 19px; +} + +.pun .blockmenu ul { + border-top-style: dotted; + border-top-width: 1px; + padding: 0; +} + +.pun .blockmenu li { + border-bottom-style: dotted; + border-bottom-width: 1px; + font-weight: bold; + padding: 0; +} + +.pun .blockmenu a:link, .pun .blockmenu a:visited { + display: block; + padding: 9px 6px 3px 6px; + min-height: 1px; + text-decoration: none; +} + +* html .pun .blockmenu a:link, * html .pun .blockmenu a:visited { + height: 1%; +} + +.pun .blockmenu a:hover, .pun .blockmenu a:active, .pun .blockmenu a:focus { + text-decoration: none; +} + +#viewprofile .box { + border-style: solid; + border-width: 1px; + padding-bottom: 18px; +} + +#viewprofile dt, #adstats dt { + padding: 7px 0; + position: absolute; + width: 13em; + left: 0; +} + +#viewprofile dl { + border-style: solid none none none; + border-width: 1px; + margin: 7px 0; + padding: 0; + width: 100%; + position: relative; +} + +#adintro, #adstats { + border-style: solid; + border-width: 1px; + padding: 18px; +} + +#adintro li span { + display: inline-block; + padding-left: 16px; + margin-left: 8px; + line-height: normal; + background: url(Fire/img/bull.png) center left no-repeat; +} + +#adstats .inbox, #adintro .inbox { + border-style: solid; + border-width: 1px; + padding: 18px; +} + +#adstats dl { + margin: 0; + padding: 0; + width: 100%; + position: relative; +} + +#viewprofile dd, #adstats dd { + border-style: none none solid none; + border-width: 1px; + padding: 7px 0 7px 13em; +} + +/***************************************************************** +COLOUR SCHEME +*****************************************************************/ + +/* Basic defaults and Common Items +----------------------------------------------------------------*/ + +html, body, .pun { + background: #eeedea; + color: #333; +} + +.pun .punwrap { + background: #fff; + border-color: #e1d9ca; + color: #665858; +} + +#brdtitle #brddesc, .pun .pagepost, #brdstats #onlinelist, #brdfooter #searchlinks, #brdfooter #modcontrols, +#punmaint h2, #punredirect h2, #adminconsole .submittop, .pun #debugtime, .pun .pagelink * { + border-color: #cec7b9; +} + +.pun a, .pun a:link, .pun a:visited { + color: #990000; +} + +.pun a:hover, .pun a:active, .pun a:focus { + color: #f60; +} + +.pun .postmsg .postimg a:link img, .pun .postmsg .postimg a:visited img { + border-color: #990000; +} + +.pun .postmsg .postimg a:hover img, .pun .postmsg .postimg a:active img, .pun .postmsg .postimg a:focus img { + border-color: #f60; +} + +/* Primary Navigation +----------------------------------------------------------------*/ + +#brdmenu { + background: #990000; +} + +#brdmenu a, #brdmenu a:link, #brdmenu a:visited { + background: #990000; + border-color: #fff; + color: #ddd; +} + +#brdmenu a:hover, #brdmenu a:active, #brdmenu a:focus { + background: #f60; + border-color: #fff; + color: #fff; +} + +/* Main Tables +----------------------------------------------------------------*/ + +.pun .blocktable .box { + background: #fbfaf5; + border-color: #cec7b9 #e7e2d9; +} + +#punindex .blocktable h2, .pun #vf h2 { + color: #836359; +} + +#adminconsole fieldset th, #adminconsole fieldset td { + background: #f3f2ed; + border-color: #ebe0dc; +} + +.pun #users1 h2 { + background: #fff; +} + +.pun .blocktable td { + border-color: #ebe0dc; +} + +.pun .blocktable th { + background: #ecebe7; + border-color: #e1d9ca; + color: #836359; +} + +.pun .blocktable td.tcl span.stickytext { + color: #000; +} + +/* Main Posts +----------------------------------------------------------------*/ + +.pun .blockpost { + background: #f3f2ed; + border-color: #cec7b9 #e7e2d9; +} + +.pun .blockpost h2 { + background: #ecebe7; + border-color: #e1d9ca; + color: #836359; +} + +.pun .blockpost .postbody, .pun .blockpost .postfoot { + background: #fbfaf5; + border-color: #ebe0dc; +} + +.pun .blockpost .postfootright li { + color: #fbfaf5; +} + +.pun .postmsg, #punhelp code, #punhelp samp { + color: #333; +} + +.pun .postsignature, .pun .postmsg .postedit { + color: #665858; +} + +.pun .quotebox { + background: #f4f4e8; + border-color: #ccc; + color: #665858; +} + +.pun .quotebox cite { + color: #836359; +} + +.pun .codebox, #punhelp .codebox code { + background: #333; + color: #fff; +} + +.pun .postmsg hr { + background: #cec7b9; +} + +.pun .postmsg ins, #punhelp samp ins { + background-color: #ff0; +} + +/* Main Forms + Profile +----------------------------------------------------------------*/ + +.pun .blockform .box, #adstats, #adintro, #postpreview, #posterror { + border-color: #cec7b9 #e7e2d9; + background: #ecebe7; +} + +#punmisc #rules .box, #punhelp .box { + border-color: #cec7b9 #e7e2d9; + background: #f3f2ed; +} + +.pun #quickpost h2, #punpost .blockform h2, #punedit .blockform h2, #posterror h2, +#pundelete .blockform h2 { + background: #ecebe7; + color: #836359; +} + +.pun .forminfo { + background: #fff; + border-color: #ebe0dc; +} + +#puninstall form#install .forminfo { + background: #990000; + color: #fff; +} + +.pun #posterror .error-info { + background: #ffffe1; + border-color: #dfe6ee; +} + +#puninstall form#install .error-info { + background: #ffffe1; + border-color: #dfe6ee; + color: #333; +} + +.pun .infldset, #adintro .inbox, #adstats .inbox { + background: #f3f2ed; + border-color: #ebe0dc; +} + +.pun label, .pun legend, #adminconsole fieldset th { + color: #836359; +} + +.pun fieldset p { + border-color: #cec7b9; +} + +.pun .blockmenu ul, .pun .blockmenu li { + border-color: #cec7b9; +} + +.pun .blockmenu a:hover, .pun .blockmenu a:active, .pun .blockmenu a:focus { + background: #ffffe6; +} + +.pun .blockmenu .isactive a:link, .pun .blockmenu .isactive a:visited { + color: #333; + background: #f3f2ed; +} + +.pun #viewprofile .box { + border-color: #cec7b9 #e7e2d9; + background: #ecebe7; +} + +.pun #viewprofile dt, #adstats dt { + color: #836359; +} + +.pun #viewprofile dl, .pun #viewprofile dd, #adstats dl, #adstats dd { + border-color: #ebe0dc; +} + +#adminconsole fieldset td.nodefault { + background: #d59b9b; +} + +.pun .multiselect { + color: #836359; +} + +.pun .checklist { + background: white; + border-color: #ccc; +} + +/* Status Indicators +----------------------------------------------------------------*/ + +.pun .icon { + border-color: #f1eee8 #dddad4 #e8e5df #f1efe8; +} + +.pun .iredirect .icon { + border-color: #cec7b9; + border-width: 1px; + padding: 7px; +} + +.pun .inew .icon { + border-color: #ca0000 #ab0000 #bb0000 #d30000; +} diff --git a/style/Fire/base_admin.css b/style/Fire/base_admin.css new file mode 100644 index 0000000..8136885 --- /dev/null +++ b/style/Fire/base_admin.css @@ -0,0 +1,177 @@ +#adminconsole .blockform .box { + padding-bottom: 12px; +} + +#adminconsole fieldset .infldset { + position: relative; + overflow: hidden; +} + +#adminconsole fieldset table { + margin-top: -1px; + margin-bottom: -1px; +} + +#adminconsole fieldset td, #adminconsole fieldset th { + padding: 10px 8px 10px 0; + text-align: left; + white-space: normal; + border-style: solid none; + border-width: 1px 0; +} + +#punadmin thead th { + border-top: 0; + font-weight: normal; +} + +#adminconsole fieldset td span, #adminconsole fieldset th span { + display: block; font-size: 1em; + font-weight: normal; +} + +#adminconsole fieldset td.location span { + display: inline-block; +} + +#adminconsole fieldset th { + width: 15em; + font-weight: normal; + padding-right: 8px; +} + +#adminconsole table.aligntop th, #adminconsole table.aligntop td { + vertical-align: top; +} + +#adminconsole table.aligntop th div { + padding-top: 3px; +} + +#adminconsole .inform { + padding-bottom: 0; +} + +#adminconsole .infldset { + padding-bottom: 0; + padding-top: 0; +} + +#adminconsole p.submittop { + text-align: center; + border-bottom-style: dotted; + border-bottom-width: 1px; + margin: 0 18px; + padding-top: 12px; +} + +#adminconsole p.submitend { + text-align: center; + padding-bottom: 0; +} + +#adminconsole fieldset p { + padding: 10px 0; +} + +#adminconsole .fsetsubmit { + padding: 10px 0 12px 0; +} + +#adalerts { + border-style: solid; + border-width: 1px; + border-color: #b9c5ce #d9e1e7; + background: #ebf1f5; + padding: 18px; +} + +#adalerts p { + border: 1px solid #dfe6ee; + background: #ffffe1; + padding: 18px; +} + +#categoryedit .tcl { + width: 25%; +} + +#censoring .tcl, #censoring .tc2 { + width: 20%; +} + +#edforum .tcl { + width: 18%; +} + +#edforum .tc2 { + width: 12%; +} + +#forumperms thead th, #forumperms tbody td { + text-align: center; +} + +.pun .linkst .backlink, .pun .linksb .backlink { + padding: 7px 0; +} + +#punadmin #users1 h2, #punadmin #users2 h2, #punadmin #bans1 h2 { + display: block; + left: -9999em; + overflow: hidden; + position: absolute; + text-indent: -9999em; + width: 0; +} + +#punadmin #users1 th, #punadmin #users2 th, #punadmin #bans1 th { + font-weight: bold; +} + +#users2 th, #bans1 th { + text-align: left; +} + +#users2 th.tcmod { + text-align: center; +} + +#users2 .tcl, #bans1 .tcl { + width: auto; + text-align: left; +} + +#users2 .tc2, #bans1 .tc2 { + width: 18%; + text-align: left; +} + +#users2 .tc3, #users2 .tc5, #bans1 .tc3, #bans1 .tc5, #bans1 .tc6 { + width: 12%; + text-align: left; +} + +#users2 .tc4, #bans1 .tc4 { + width: 10%; + text-align: center; +} + +#users2 .tcr { + width: 20%; + white-space: nowrap; +} + +#bans1 .tcr { + width: 15%; + white-space: nowrap; +} + +#users2 .tcmod { + width: 10%; + text-align: center; +} + +.plugin p { + padding: 12px 18px 0; +} diff --git a/style/Fire/img/asterisk.png b/style/Fire/img/asterisk.png Binary files differnew file mode 100644 index 0000000..f7438de --- /dev/null +++ b/style/Fire/img/asterisk.png diff --git a/style/Fire/img/bull.png b/style/Fire/img/bull.png Binary files differnew file mode 100644 index 0000000..3fd1f61 --- /dev/null +++ b/style/Fire/img/bull.png diff --git a/style/Fire/img/email.png b/style/Fire/img/email.png Binary files differnew file mode 100644 index 0000000..dd3a39d --- /dev/null +++ b/style/Fire/img/email.png diff --git a/style/Fire/img/exclaim.png b/style/Fire/img/exclaim.png Binary files differnew file mode 100644 index 0000000..b98bb3c --- /dev/null +++ b/style/Fire/img/exclaim.png diff --git a/style/Fire/img/ext.png b/style/Fire/img/ext.png Binary files differnew file mode 100644 index 0000000..637236b --- /dev/null +++ b/style/Fire/img/ext.png diff --git a/style/Fire/img/feed.png b/style/Fire/img/feed.png Binary files differnew file mode 100644 index 0000000..3704226 --- /dev/null +++ b/style/Fire/img/feed.png diff --git a/style/Fire/img/help.png b/style/Fire/img/help.png Binary files differnew file mode 100644 index 0000000..080de7d --- /dev/null +++ b/style/Fire/img/help.png diff --git a/style/Fire/img/index.html b/style/Fire/img/index.html new file mode 100644 index 0000000..89337b2 --- /dev/null +++ b/style/Fire/img/index.html @@ -0,0 +1 @@ +<html><head><title>.</title></head><body>.</body></html> diff --git a/style/Fire/index.html b/style/Fire/index.html new file mode 100644 index 0000000..89337b2 --- /dev/null +++ b/style/Fire/index.html @@ -0,0 +1 @@ +<html><head><title>.</title></head><body>.</body></html> diff --git a/style/Lithium.css b/style/Lithium.css new file mode 100644 index 0000000..10955a6 --- /dev/null +++ b/style/Lithium.css @@ -0,0 +1,1149 @@ +/***************************************************************** +1. INITIAL SETTINGS +*****************************************************************/ + +/* Limited Reset +----------------------------------------------------------------*/ + +.pun table, .pun div, .pun form, .pun p, .pun h1, .pun h2, .pun h3, +.pun h4, .pun h5, .pun pre, .pun blockquote, .pun ul, .pun ol, .pun li, .pun dl, +.pun dt, .pun dd, .pun th, .pun td, .pun fieldset, .pun img, .pun abbr, .pun cite { + margin: 0; + padding: 0; + border: 0; + } + +.pun ul, .pun ol { + list-style: none + } + + +/* Structural Settings +----------------------------------------------------------------*/ + +.pun .clearer, .pun .nosize { + height: 0; + width: 0; + line-height: 0; + font-size: 0; + overflow: hidden + } + +.pun .clearer, .pun .clearb { + clear: both + } + +.pun .nosize { + position: absolute; + left: -9999em; + text-indent: -9999em; + width: 0; + } + +* html .inbox, * html .inform, * html .pun, * html .tclcon, * html .codebox { + height: 1px + } + +.pun, .pun .inbox, .pun .inform, .pun .tclcon, .pun .codebox { + min-height: 1px + } + +.clearl { + clear: left; + } + +/* Hidden Elements +----------------------------------------------------------------*/ + +#brdfooter h2, #brdstats h2, #brdstats .conl dt, #brdstats .conr dt, +#modcontrols dt, #searchlinks dt, div.postright h3, span.closedtext, +.pun .required strong span { + position: absolute; + display: block; + overflow: hidden; + width: 0; + left: -9999em; + text-indent: -9999em; + } + +/***************************************************************** +2. TEXT & CONTENT +*****************************************************************/ + +/* Text Defaults +----------------------------------------------------------------*/ + +.pun { + font: 68.75%/1.4545em Verdana, Helvetica, Arial, sans-serif; + line-height: normal; + } + +.pun table, .pun td, .pun th, .pun input, .pun select, .pun optgroup, .pun textarea, .pun samp, .pun legend { + font-size: 1em; + font-family: verdana, helvetica, arial, sans-serif; + } + +.pun pre, .pun code { + font-size: 1.182em; + font-family: consolas, monaco, "bitstream vera sans mono", "courier new", courier, monospace + } + +.pun pre code { + font-size: 1em; + } + +.pun strong { + font-weight: bold; + } + +.pun em { + font-style: italic; + } + + +/* Content Defaults +----------------------------------------------------------------*/ + +.pun p, .pun ul, .pun ol, .pun dl { + font-size: 1em; + padding: 3px 0; + } + +.pun h2 { + font-size: 1em; + font-weight: normal; + padding: 4px 6px; + } + +.pun h3 { + font-size: 1.091em; + padding: 3px 0; + } + +.pun table p, .pun table h3 { + padding: 0; + } + +.pun span.warntext, .pun p.warntext { + font-weight: bold + } + +/* User Content (Announcements, Rules, Posts) +----------------------------------------------------------------*/ + +.pun .usercontent p, .pun .postmsg p { + padding: 0.75em 0 + } + +.pun .usercontent ul, .pun .postmsg ul { + padding: 0.75em 1em 0.75em 2.5em; + list-style: disc + } + +.pun .usercontent ol, .pun .postmsg ol { + padding: 0.75em 1em 0.75em 2.5em; + list-style: decimal + } + +.pun .usercontent ol.alpha, .pun .postmsg ol.alpha { + list-style: lower-alpha + } + +.pun .usercontent li ol, .pun .usercontent li ul, .pun .postmsg li ol, .pun .postmsg li ul { + padding: 0.25em 1em 0.75em 2.5em + } + +.pun .usercontent li p, .pun .postmsg li p { + padding: 0 + } + +.pun .usercontent h1 { + font-size: 1.4em; + font-weight: bold; + padding: 0.75em 0 0 0 + } + +.pun .usercontent h2 { + font-size: 1.2em; + font-weight: bold; + padding: 0.75em 0 0 0 + } + +.pun .usercontent h3 { + font-size: 1.1em; + font-weight: bold; + padding: 0.75em 0 0 0 + } + +.pun .usercontent h4, .pun .usercontent h5, .pun .usercontent h6 { + font-size: 1em; + font-weight: bold; + padding: 0.75em 0 0 0 + } + +.pun .quotebox cite { + font-weight: bold; + font-style: normal; + padding: 0.75em 0.75em 0 0.75em + } + +.pun span.bbu { + text-decoration: underline + } + +.pun span.bbs, .pun del { + text-decoration: line-through; + } + +.pun .postmsg ins, #punhelp samp ins { + text-decoration: none; + } + +.pun div.postmsg h5, #punhelp h5 { + font-size: 1.1em; + font-weight: bold; + padding: 0.75em 0 0 0; + } + + +/***************************************************************** +3. COMMON STYLES +*****************************************************************/ + +/* Page Layout +----------------------------------------------------------------*/ + +html, body { + margin: 0; + padding: 0 + } + +.pun { + max-width: 1070px; + width: 95%; + margin: 0 auto; + padding: 12px 20px; + } + +#punredirect, #punmaint, #puninstall, #pundb_update { + margin: 50px 20% 12px 20% + } + + +/* Vertical Element Spacing +----------------------------------------------------------------*/ + +#brdheader { + margin: 0 0 12px 0; + } + +#brdtitle p { + padding-top: 0px + } + +#announce, #brdstats { + margin: 12px 0 12px 0; + } + +.pun .blocktable, .pun .block, .pun .blockform, .pun .block2col, #postreview { + margin-bottom: 12px + } + +#punindex .blocktable, .pun .blockpost { + margin-bottom: 6px + } + +#postreview .blockpost { + margin-bottom: -1px; + } + +.pun .block2col .blockform, .pun .block2col .block { + margin-bottom: 0px + } + +.pun .linkst, .pun .linksb { + margin-top: -12px + } + +.pun .postlinksb { + margin-top: -6px + } + + +/* External Borders +----------------------------------------------------------------*/ + +.pun .box { + border-style: solid; + border-width: 1px; + } + +#brdheader .box { + border-top-width: 4px; + } + +/* Default Internal Spacing +----------------------------------------------------------------*/ + +.pun .block .inbox, .pun .blockmenu .inbox { + padding: 3px 6px + } + +/***************************************************************** +4. COMMON BOARD ELEMENTS +*****************************************************************/ + +/* Board Header +----------------------------------------------------------------*/ + +#brdtitle h1 { + font-size: 1.4em; + font-weight: bold; + padding: 3px 0 0 0; + } + +#brdmenu li { + display: inline; + margin-right: 12px; + } + +#brdmenu a:link, #brdmenu a:visited { + text-decoration: none + } + +#brdmenu a:hover, #brdmenu a:active { + text-decoration: underline + } + +#brdwelcome .conl { + float: left; + } + +#brdwelcome .conr { + float: right; + text-align: right; + } + +/* Breadcrumbs and Post Links +----------------------------------------------------------------*/ + +.pun .linkst { + padding: 8px 6px 3px 6px + } + +.pun .linksb, .pun .postlinksb { + padding: 3px 6px 8px 6px + } + +.pun .crumbs { + clear: both; + width: 100%; + overflow: hidden; + } + +.pun .crumbs li { + display: inline; + white-space: nowrap; + font-weight: bold; + } + +.pun .pagelink { + float: left; + white-space: nowrap; + } + +.pun .postlink { + font-weight: bold; + white-space: nowrap; + } + +.pun .postlink, .pun .modbuttons { + float: right; + text-align: right; + } + +.pun .modbuttons { + padding: 1px 0; + white-space: nowrap; + } + +.pun .modbuttons input { + margin-left: 6px; + } + +.pun .postlink a:link, .pun .postlink a:visited { + text-decoration: none + } + +.pun .postlink a:hover, .pun .postlink a:active { + text-decoration: underline; + } + +#punindex .subscribelink { + margin-top: 6px; + } + +/* Board Footer +----------------------------------------------------------------*/ + +#brdfooter .conl { + float: left; + } + +#brdfooter .conr { + float: right; + text-align: right; + } + +#brdfooter #modcontrols { + border-bottom-style: solid; + border-bottom-width: 1px; + text-align: center; + } + +#brdfooter #modcontrols dd { + display: inline; + margin:0 6px; + } + + +/* Board Stats +----------------------------------------------------------------*/ + +#brdstats .conl { + float: left; + } + +#brdstats .conr { + float: right; + text-align: right; + } + +#onlinelist dd, #onlinelist dt { + display: inline; + } + + +/***************************************************************** +5. MAIN TABLES +*****************************************************************/ + +.pun table { + width: 100%; + border-collapse: collapse; + border-spacing: 0; + empty-cells: show; + } + +.pun .blocktable table { + table-layout: fixed; + } + +.pun td, .pun th { + padding: 4px 6px; + text-align: left; + font-weight: normal; + } + +.pun td, .pun th { + border-style: solid none none solid; + border-width: 1px; + } + +.pun .tcl { + border-left: 0; + width: auto; + } + +.pun .tc2, .pun .tc3, .pun .tcmod { + width: 10%; + text-align: center; + padding: 4px 0; + } + +.pun .tcr { + width: 30%; + } + +.pun .tcl h3 { + font-size: 1.091em; + font-weight: bold; + } + +.pun .tcl h3 span.newtext { + font-size: 0.917em; + } + +.pun .tcl span.newtext, .pun .tcl span.pagestext { + white-space: nowrap; + font-weight: normal; + } + +.pun td span.byuser { + white-space: nowrap; + } + +.pun .tcl p { + padding: 5px 0 0 0 + } + +#punsearch #vf .tc2 { + width: 18%; + text-align: left; + padding: 4px 6px; + } + +#users1 .tcr { + width: 25% + } + +#users1 .tc2 { + width: 25%; + text-align: left; + padding: 4px 6px; + } + +#debug .tcl { + width: 10% + } + +#debug .tcr { + width: 90%; + white-space: normal + } + +#punindex .tcr .byuser { + display: block + } + +.pun .blocktable .tclcon { + padding: 0 11px 0 12px; + overflow: hidden; + min-height: 1px; + position: relative; + } + +.pun .blocktable .tclcon div { + width: 100%; + overflow: hidden; + } + +.pun .icon { + margin: 0.1em 0 0 0.2em; + border-width: 0.6em; + border-style: solid; + height: 0; + width: 0; + overflow: hidden; + float: left; + } + +.pun .icon div { + position: absolute; + left: -9999em; + text-indent: -9999em; + height: 0; + } + +.pun .iposted .ipost { + position: absolute; + left: 0; + font-weight: bold; + width: 8px; + padding-left: 4px; + text-align: center; + top: 0; + } + +/***************************************************************** +6. MAIN FORMS +*****************************************************************/ + +.pun .blockform form, .pun .fakeform { + PADDING: 20px 20px 15px 20px + } + +.pun .forminfo { + margin-bottom: 12px; + padding: 9px 10px; + border-style: solid; + border-width: 1px; + } + +.pun .forminfo h3 { + font-weight: bold; + } + +.pun .inform { + padding-bottom: 12px + } + +.pun fieldset { + padding: 0px 12px 0px 12px; + border-style: solid; + border-width: 1px + } + +.pun legend { + padding: 0px 6px + } + +.pun .infldset { + padding: 9px 0px 12px 0 + } + +.pun label { + display: block; + padding: 3px 0 + } + +.pun label.conl { + float: left; + overflow: visible; + margin-right: 10px + } + +.pun fieldset .rbox br { + display: none; + } + +.pun fieldset .rbox label { + padding: 3px 0 3px 25px; + position: relative; + vertical-align: middle; + } + +.pun fieldset .rbox input { + margin: 0 9px 0 -25px; + padding: 0; + width: 16px; + position: relative; + vertical-align: middle; + } + +.pun .txtarea { + width: 75% + } + +.pun .txtarea textarea, .pun input.longinput { + width: 100% + } + +.pun .bblinks { + padding-bottom: 10px; + padding-left: 4px + } + +.pun .bblinks li { + display: inline; + padding-right: 20px + } + +.pun .blockform .buttons { + padding-left: 12px; + } + +.pun .blockform .buttons input { + margin-right: 8px; + } + +#posterror ul { + list-style: square; + padding: 3px 0 3px 24px; + } + +.pun .deletemsg { + border-style: solid; + border-width: 1px; + padding: 6px 15px; + } + +.pun p.actions span { + margin-right: 12px; + } + +.pun .multiselect { + float: left; + padding-bottom: 7px; + } + +.pun .checklist { + border-width: 1px; + border-style: solid; + max-height: 9em; + width: 20em; + overflow: auto; + padding: 0.3em 0.5em; + margin: 0.25em 16px 0 0.15em; + } + +.pun .checklist fieldset { + border: 0; + padding: 0; + } + +.pun .checklist legend { + padding: 0; + } + +.pun .checklist legend span { + width: auto; + max-width: 25em; + } + +/***************************************************************** +7. PROFILES AND ADMIN +*****************************************************************/ + +.pun .block2col { + padding-bottom: 1px + } + +.pun .block2col .blockform, .pun .block2col .block { + margin-left: 14em + } + +.pun .blockmenu { + float:left; + width: 13em + } + +.pun .blockmenu li { + padding: 3px 0; + font-weight: bold; + } + +.pun .blockmenu a:link, .pun .blockmenu a:visited { + text-decoration: none + } + +.pun .blockmenu a:hover, .pun .blockmenu a:active { + text-decoration: underline + } + +#viewprofile dl { + float: left; + width: 100%; + overflow: hidden + } + +#viewprofile dd { + margin-left: 14em; + padding: 3px; + } + +#viewprofile dt { + float: left; + width: 13em; + margin: 3px 0; + } + +#profileavatar img { + float: right; + margin-left: 1em + } + +#adintro ul { + list-style-type: disc; + margin-left: 8px; + padding-left: 16px; + } + +/***************************************************************** +8. MAIN POSTS +*****************************************************************/ + +.pun .blockpost h2 a:link, .pun .blockpost h2 a:visited { + text-decoration: none; + } + +.pun .blockpost h2 a:hover, .pun .blockpost h2 a:active { + text-decoration: underline; + } + +.pun .blockpost h2 .conr { + float: right; + text-align: right; + } + +#punsearch .blockpost h2 span { + white-space: nowrap; + } + +.pun .blockpost .box { + overflow: hidden; + } + +.pun .postleft, .pun .postfootleft { + float:left; + width: 18em; + position: relative; + overflow: hidden; + } + +.pun .postleft dl { + padding: 6px; + } + +.pun .postleft .usercontacts, .pun .postleft .icon { + margin-top: 6px + } + +.pun .postleft .postavatar, .pun .postleft .usertitle { + margin-bottom: 6px; + display: block; + } + +.pun .blockpost dt { + font-size: 1.091em; + font-weight: bold; + } + +.pun .blockpost dt a:link, .pun .blockpost dt a:visited { + text-decoration: none; + } + +.pun .blockpost dt a:hover, .pun .blockpost dt a:active { + text-decoration: underline; + } + +.pun .postright, .pun .postfootright { + border-left-width: 18em; + border-left-style: solid + } + +#postpreview .postright { + border-left: 0 + } + +.pun .postright { + padding: 0 6px; + } + +.pun .postfootright, .pun .multidelete { + text-align: right + } + +.pun .postmsg { + width:98%; + overflow: hidden; + padding-bottom: 6px; + word-wrap: break-word; + } + +.pun .postfootright ul, .pun .postfootright div, .pun .postfootright p, +.pun .postfootleft p { + padding: 10px 6px 5px 6px; + } + +.pun .postfootright li { + display: inline; + } + +.pun .postfootright li:before { + content: " | "; + } + +.pun .postfootright li:first-child:before { + content: ""; + } + +.pun .postfootright a:link, .pun .postfootright a:visited { + text-decoration: none + } + +.pun .postfootright a:hover, .pun .postfootright a:active { + text-decoration: underline + } + +.pun .codebox { + border-style: solid; + border-width: 1px; + margin: 0.75em 1em; + padding: 0; + } + +.pun .quotebox { + border-style: solid; + border-width: 1px; + margin: 0.75em 1em; + padding: 0 0.75em; + } + +.pun .quotebox cite { + display: block; + padding: 0.75em 0 0 0; + } + +.pun .quotebox blockquote { + width: 100%; + overflow: hidden + } + +.pun .codebox pre { + overflow: auto; + width: 100%; + overflow-y:hidden + } + +* html .pun .codebox pre { + padding-bottom: 10px; + } + +*+html .pun .codebox pre { + padding-bottom: 10px + } + +.pun .codebox pre code { + display: block; + padding: 0.75em; + } + +.pun .codebox pre.vscroll { + height: 32em; + overflow: auto; + overflow-y: auto + } + +.pun .postmsg img { + vertical-align: bottom; + } + +.pun .postsignature hr { + margin-left: 0px; + width: 200px; + text-align: left; + height: 1px; + border:none + } + +.pun .postmsg .postimg img { + max-width: 98%; + vertical-align: middle; + margin: 7px 0.5em 7px 0; + } + +.pun .postmsg .postimg a:link img, .pun .postmsg .postimg a:visited img { + border-style: solid; + border-width: 2px; + } + +.pun .blockpost label { + padding: 3px 6px; + border-style: solid; + border-width: 1px; + vertical-align: middle; + display: inline-block; + } + +.pun .blockpost label * { + vertical-align: middle; + margin: 0; + padding: 0; + } + +/****************************************************************/ +/* 9. HELP FILES AND MISC. */ +/****************************************************************/ + +#punhelp h2 { + margin-top: 12px + } + +#punhelp div.box { + padding: 10px + } + +#debugtime { + margin-top: -12px; + text-align: center; + } + +#brdwelcome, #brdfooter dl a, div.blockmenu li, div.rbox input { + line-height: 1.4em + } + +#announce div.inbox div { + padding: 3px 0 + } + +/***************************************************************** +COLOUR SCHEME +*****************************************************************/ + +/* Background / Text +----------------------------------------------------------------*/ + +body { + background: #fff; + color: #333 + } + +.pun { + color: #333 + } + +.pun .box, #adminconsole fieldset th { + background-color: #f1f1f1 + } + +.pun td.tc2, .pun td.tc3, .pun td.tcmod, #postpreview, #viewprofile dd, .pun .forminfo, +#brdfooter #modcontrols, #adminconsole fieldset td, .pun .blockmenu .box, #adstats dd { + background-color: #dedfdf + } + +.pun h2, #brdmenu { + background-color: #6c8a3f; + color: #fff + } + +.pun th { + background-color: #d1d1d1 + } + +.pun legend { + color: #6c8a3f + } + +.pun .blockmenu li.isactive a, #posterror li strong { + color: #333 + } + +.pun .usercontent * { + background: transparent; + color: #333 + } + +.pun .multiselect, .pun .checklist { + color: #333; + } + +.pun .checklist { + border-color: #ACA899; + } + +/* posts +----------------------------------------------------------------*/ + +.pun .blockpost .box, .pun .postright, .pun .postfootright, .pun .deletemsg { + background-color: #dedfdf + } + +.pun .postright, .pun .postfootright { + border-left-color: #f1f1f1 + } + +.pun .postleft, .pun .postfootleft, .pun .blockpost label, .pun .codebox, .pun .quotebox { + background-color: #f1f1f1 + } + +#punhelp .codebox, #punhelp .quotebox { + background-color: #f9f9f9; + } + +.pun .blockpost h2 { + background-color: #7ea34b + } + +.pun .blockpost h2 span.conr { + color: #b7d094 + } + +.pun .postmsg ins, #punhelp samp ins { + background-color: #ff0; + } + +.pun hr { + background-color: #333; + color: #333 + } + +/* Borders +----------------------------------------------------------------*/ + +.pun .box { + border-color: #6c8a3f + } + +.pun td, #brdfooter #modcontrols { + border-color: #cedeb9 + } + +.pun th { + border-color: #d1d1d1 + } + +.pun fieldset { + border-color: #aca899 + } + +#adminconsole td, #adminconsole th { + border-color: #f1f1f1 + } + +.pun .quotebox, .pun .codebox, .pun .forminfo, +.pun .blockpost label, .pun .deletemsg { + border-color: #aca899 #fff #fff #aca899 + } + +/* Links +----------------------------------------------------------------*/ + +.pun a:link, .pun a:visited { + color: #638137 + } + +.pun a:hover, .pun a:active, .pun a:focus { + color: #8eb653 + } + +.pun .postmsg .postimg a:link img, .pun .postmsg .postimg a:visited img { + border-color: #638137; + } + +.pun .postmsg .postimg a:hover img, .pun .postmsg .postimg a:active img, .pun .postmsg .postimg a:focus img { + border-color: #8eb653; + } + +.pun h2 a:link, .pun h2 a:visited, +#brdmenu a:link, #brdmenu a:visited { + color: #fff + } + +.pun h2 a:hover, .pun h2 a:active, +#brdmenu a:hover, #brdmenu a:active { + color: #fff + } + +.pun .postreport a:link, .pun .postreport a:visited, +.pun .iclosed td.tcl a:link, .pun .iclosed td.tcl a:visited { + color: #888 + } + +.pun .postreport a:hover, .pun .postreport a:active, +.pun .iclosed td.tcl a:hover, .pun .iclosed td.tcl a:active { + color: #aaa + } + +.pun .maintenancelink a:link, .pun .maintenancelink a:visited { + color: #b42000 + } + +.pun .maintenancelink a:hover, .pun .maintenancelink a:active { + color: #b42000 + } + +/* Status Indicators +----------------------------------------------------------------*/ + +.pun .icon { + border-color: #e6e6e6 #dedede #dadada #e2e2e2 + } + +.pun .iredirect .icon { + border-color: #f1f1f1 #f1f1f1 #f1f1f1 #f1f1f1 + } + +.pun .inew .icon { + border-color: #8bb453 #7a9e48 #709142 #799c47 + } diff --git a/style/Mercury.css b/style/Mercury.css new file mode 100644 index 0000000..51cf48d --- /dev/null +++ b/style/Mercury.css @@ -0,0 +1,1150 @@ +/***************************************************************** +1. INITIAL SETTINGS +*****************************************************************/ + +/* Limited Reset +----------------------------------------------------------------*/ + +.pun table, .pun div, .pun form, .pun p, .pun h1, .pun h2, .pun h3, +.pun h4, .pun h5, .pun pre, .pun blockquote, .pun ul, .pun ol, .pun li, .pun dl, +.pun dt, .pun dd, .pun th, .pun td, .pun fieldset, .pun img, .pun abbr, .pun cite { + margin: 0; + padding: 0; + border: 0; + } + +.pun ul, .pun ol { + list-style: none + } + + +/* Structural Settings +----------------------------------------------------------------*/ + +.pun .clearer, .pun .nosize { + height: 0; + width: 0; + line-height: 0; + font-size: 0; + overflow: hidden + } + +.pun .clearer, .pun .clearb { + clear: both + } + +.pun .nosize { + position: absolute; + left: -9999em; + text-indent: -9999em; + width: 0; + } + +* html .inbox, * html .inform, * html .pun, * html .tclcon, * html .codebox { + height: 1px + } + +.pun, .pun .inbox, .pun .inform, .pun .tclcon, .pun .codebox { + min-height: 1px + } + +.clearl { + clear: left; + } + +/* Hidden Elements +----------------------------------------------------------------*/ + +#brdfooter h2, #brdstats h2, #brdstats .conl dt, #brdstats .conr dt, +#modcontrols dt, #searchlinks dt, div.postright h3, span.closedtext, +.pun .required strong span { + position: absolute; + display: block; + overflow: hidden; + width: 0; + left: -9999em; + text-indent: -9999em; + } + +/***************************************************************** +2. TEXT & CONTENT +*****************************************************************/ + +/* Text Defaults +----------------------------------------------------------------*/ + +.pun { + font: 68.75%/1.4545em Verdana, Helvetica, Arial, sans-serif; + line-height: normal; + } + +.pun table, .pun td, .pun th, .pun input, .pun select, .pun optgroup, .pun textarea, .pun samp, .pun legend { + font-size: 1em; + font-family: verdana, helvetica, arial, sans-serif; + } + +.pun pre, .pun code { + font-size: 1.182em; + font-family: consolas, monaco, "bitstream vera sans mono", "courier new", courier, monospace + } + +.pun pre code { + font-size: 1em; + } + +.pun strong { + font-weight: bold; + } + +.pun em { + font-style: italic; + } + + +/* Content Defaults +----------------------------------------------------------------*/ + +.pun p, .pun ul, .pun ol, .pun dl { + font-size: 1em; + padding: 3px 0; + } + +.pun h2 { + font-size: 1em; + font-weight: normal; + padding: 4px 6px; + } + +.pun h3 { + font-size: 1.091em; + padding: 3px 0; + } + +.pun table p, .pun table h3 { + padding: 0; + } + +.pun span.warntext, .pun p.warntext { + font-weight: bold + } + +/* User Content (Announcements, Rules, Posts) +----------------------------------------------------------------*/ + +.pun .usercontent p, .pun .postmsg p { + padding: 0.75em 0 + } + +.pun .usercontent ul, .pun .postmsg ul { + padding: 0.75em 1em 0.75em 2.5em; + list-style: disc + } + +.pun .usercontent ol, .pun .postmsg ol { + padding: 0.75em 1em 0.75em 2.5em; + list-style: decimal + } + +.pun .usercontent ol.alpha, .pun .postmsg ol.alpha { + list-style: lower-alpha + } + +.pun .usercontent li ol, .pun .usercontent li ul, .pun .postmsg li ol, .pun .postmsg li ul { + padding: 0.25em 1em 0.75em 2.5em + } + +.pun .usercontent li p, .pun .postmsg li p { + padding: 0 + } + +.pun .usercontent h1 { + font-size: 1.4em; + font-weight: bold; + padding: 0.75em 0 0 0 + } + +.pun .usercontent h2 { + font-size: 1.2em; + font-weight: bold; + padding: 0.75em 0 0 0 + } + +.pun .usercontent h3 { + font-size: 1.1em; + font-weight: bold; + padding: 0.75em 0 0 0 + } + +.pun .usercontent h4, .pun .usercontent h5, .pun .usercontent h6 { + font-size: 1em; + font-weight: bold; + padding: 0.75em 0 0 0 + } + +.pun .quotebox cite { + font-weight: bold; + font-style: normal; + padding: 0.75em 0.75em 0 0.75em + } + +.pun span.bbu { + text-decoration: underline + } + +.pun span.bbs, .pun del { + text-decoration: line-through; + } + +.pun .postmsg ins, #punhelp samp ins { + text-decoration: none; + } + +.pun div.postmsg h5, #punhelp h5 { + font-size: 1.1em; + font-weight: bold; + padding: 0.75em 0 0 0; + } + + +/***************************************************************** +3. COMMON STYLES +*****************************************************************/ + +/* Page Layout +----------------------------------------------------------------*/ + +html, body { + margin: 0; + padding: 0 + } + +.pun { + max-width: 1070px; + width: 95%; + margin: 0 auto; + padding: 12px 20px; + } + +#punredirect, #punmaint, #puninstall, #pundb_update { + margin: 50px 20% 12px 20% + } + + +/* Vertical Element Spacing +----------------------------------------------------------------*/ + +#brdheader { + margin: 0 0 12px 0; + } + +#brdtitle p { + padding-top: 0px + } + +#announce, #brdstats { + margin: 12px 0 12px 0; + } + +.pun .blocktable, .pun .block, .pun .blockform, .pun .block2col, #postreview { + margin-bottom: 12px + } + +#punindex .blocktable, .pun .blockpost { + margin-bottom: 6px + } + +#postreview .blockpost { + margin-bottom: -1px; + } + +.pun .block2col .blockform, .pun .block2col .block { + margin-bottom: 0px + } + +.pun .linkst, .pun .linksb { + margin-top: -12px + } + +.pun .postlinksb { + margin-top: -6px + } + + +/* External Borders +----------------------------------------------------------------*/ + +.pun .box { + border-style: solid; + border-width: 1px; + } + +#brdheader .box { + border-top-width: 4px; + } + +/* Default Internal Spacing +----------------------------------------------------------------*/ + +.pun .block .inbox, .pun .blockmenu .inbox { + padding: 3px 6px + } + +/***************************************************************** +4. COMMON BOARD ELEMENTS +*****************************************************************/ + +/* Board Header +----------------------------------------------------------------*/ + +#brdtitle h1 { + font-size: 1.4em; + font-weight: bold; + padding: 3px 0 0 0; + } + +#brdmenu li { + display: inline; + margin-right: 12px; + } + +#brdmenu a:link, #brdmenu a:visited { + text-decoration: none + } + +#brdmenu a:hover, #brdmenu a:active { + text-decoration: underline + } + +#brdwelcome .conl { + float: left; + } + +#brdwelcome .conr { + float: right; + text-align: right; + } + +/* Breadcrumbs and Post Links +----------------------------------------------------------------*/ + +.pun .linkst { + padding: 8px 6px 3px 6px + } + +.pun .linksb, .pun .postlinksb { + padding: 3px 6px 8px 6px + } + +.pun .crumbs { + clear: both; + width: 100%; + overflow: hidden; + } + +.pun .crumbs li { + display: inline; + white-space: nowrap; + font-weight: bold; + } + +.pun .pagelink { + float: left; + white-space: nowrap; + } + +.pun .postlink { + font-weight: bold; + white-space: nowrap; + } + +.pun .postlink, .pun .modbuttons { + float: right; + text-align: right; + } + +.pun .modbuttons { + padding: 1px 0; + white-space: nowrap; + } + +.pun .modbuttons input { + margin-left: 6px; + } + +.pun .postlink a:link, .pun .postlink a:visited { + text-decoration: none + } + +.pun .postlink a:hover, .pun .postlink a:active { + text-decoration: underline; + } + +#punindex .subscribelink { + margin-top: 6px; + } + +/* Board Footer +----------------------------------------------------------------*/ + +#brdfooter .conl { + float: left; + } + +#brdfooter .conr { + float: right; + text-align: right; + } + +#brdfooter #modcontrols { + border-bottom-style: solid; + border-bottom-width: 1px; + text-align: center; + } + +#brdfooter #modcontrols dd { + display: inline; + margin:0 6px; + } + + +/* Board Stats +----------------------------------------------------------------*/ + +#brdstats .conl { + float: left; + } + +#brdstats .conr { + float: right; + text-align: right; + } + +#onlinelist dd, #onlinelist dt { + display: inline; + } + + +/***************************************************************** +5. MAIN TABLES +*****************************************************************/ + +.pun table { + width: 100%; + border-collapse: collapse; + border-spacing: 0; + empty-cells: show; + } + +.pun .blocktable table { + table-layout: fixed; + } + +.pun td, .pun th { + padding: 4px 6px; + text-align: left; + font-weight: normal; + } + +.pun td, .pun th { + border-style: solid none none solid; + border-width: 1px; + } + +.pun .tcl { + border-left: 0; + width: auto; + } + +.pun .tc2, .pun .tc3, .pun .tcmod { + width: 10%; + text-align: center; + padding: 4px 0; + } + +.pun .tcr { + width: 30%; + } + +.pun .tcl h3 { + font-size: 1.091em; + font-weight: bold; + } + +.pun .tcl h3 span.newtext { + font-size: 0.917em; + } + +.pun .tcl span.newtext, .pun .tcl span.pagestext { + white-space: nowrap; + font-weight: normal; + } + +.pun td span.byuser { + white-space: nowrap; + } + +.pun .tcl p { + padding: 5px 0 0 0 + } + +#punsearch #vf .tc2 { + width: 18%; + text-align: left; + padding: 4px 6px; + } + +#users1 .tcr { + width: 25% + } + +#users1 .tc2 { + width: 25%; + text-align: left; + padding: 4px 6px; + } + +#debug .tcl { + width: 10% + } + +#debug .tcr { + width: 90%; + white-space: normal + } + +#punindex .tcr .byuser { + display: block + } + +.pun .blocktable .tclcon { + padding: 0 11px 0 12px; + overflow: hidden; + min-height: 1px; + position: relative; + } + +.pun .blocktable .tclcon div { + width: 100%; + overflow: hidden; + } + +.pun .icon { + margin: 0.1em 0 0 0.2em; + border-width: 0.6em; + border-style: solid; + height: 0; + width: 0; + overflow: hidden; + float: left; + } + +.pun .icon div { + position: absolute; + left: -9999em; + text-indent: -9999em; + height: 0; + } + +.pun .iposted .ipost { + position: absolute; + left: 0; + font-weight: bold; + width: 8px; + padding-left: 4px; + text-align: center; + top: 0; + } + +/***************************************************************** +6. MAIN FORMS +*****************************************************************/ + +.pun .blockform form, .pun .fakeform { + PADDING: 20px 20px 15px 20px + } + +.pun .forminfo { + margin-bottom: 12px; + padding: 9px 10px; + border-style: solid; + border-width: 1px; + } + +.pun .forminfo h3 { + font-weight: bold; + } + +.pun .inform { + padding-bottom: 12px + } + +.pun fieldset { + padding: 0px 12px 0px 12px; + border-style: solid; + border-width: 1px + } + +.pun legend { + padding: 0px 6px + } + +.pun .infldset { + padding: 9px 0px 12px 0 + } + +.pun label { + display: block; + padding: 3px 0 + } + +.pun label.conl { + float: left; + overflow: visible; + margin-right: 10px + } + +.pun fieldset .rbox br { + display: none; + } + +.pun fieldset .rbox label { + padding: 3px 0 3px 25px; + position: relative; + vertical-align: middle; + } + +.pun fieldset .rbox input { + margin: 0 9px 0 -25px; + padding: 0; + width: 16px; + position: relative; + vertical-align: middle; + } + +.pun .txtarea { + width: 75% + } + +.pun .txtarea textarea, .pun input.longinput { + width: 100% + } + +.pun .bblinks { + padding-bottom: 10px; + padding-left: 4px + } + +.pun .bblinks li { + display: inline; + padding-right: 20px + } + +.pun .blockform .buttons { + padding-left: 12px; + } + +.pun .blockform .buttons input { + margin-right: 8px; + } + +#posterror ul { + list-style: square; + padding: 3px 0 3px 24px; + } + +.pun .deletemsg { + border-style: solid; + border-width: 1px; + padding: 6px 15px; + } + +.pun p.actions span { + margin-right: 12px; + } + +.pun .multiselect { + float: left; + padding-bottom: 7px; + } + +.pun .checklist { + border-width: 1px; + border-style: solid; + max-height: 9em; + width: 20em; + overflow: auto; + padding: 0.3em 0.5em; + margin: 0.25em 16px 0 0.15em; + } + +.pun .checklist fieldset { + border: 0; + padding: 0; + } + +.pun .checklist legend { + padding: 0; + } + +.pun .checklist legend span { + width: auto; + max-width: 25em; + } + +/***************************************************************** +7. PROFILES AND ADMIN +*****************************************************************/ + +.pun .block2col { + padding-bottom: 1px + } + +.pun .block2col .blockform, .pun .block2col .block { + margin-left: 14em + } + +.pun .blockmenu { + float:left; + width: 13em + } + +.pun .blockmenu li { + padding: 3px 0; + font-weight: bold; + } + +.pun .blockmenu a:link, .pun .blockmenu a:visited { + text-decoration: none + } + +.pun .blockmenu a:hover, .pun .blockmenu a:active { + text-decoration: underline + } + +#viewprofile dl { + float: left; + width: 100%; + overflow: hidden + } + +#viewprofile dd { + margin-left: 14em; + padding: 3px; + } + +#viewprofile dt { + float: left; + width: 13em; + margin: 3px 0; + } + +#profileavatar img { + float: right; + margin-left: 1em + } + +#adintro ul { + list-style-type: disc; + margin-left: 8px; + padding-left: 16px; + } + +/***************************************************************** +8. MAIN POSTS +*****************************************************************/ + +.pun .blockpost h2 a:link, .pun .blockpost h2 a:visited { + text-decoration: none; + } + +.pun .blockpost h2 a:hover, .pun .blockpost h2 a:active { + text-decoration: underline; + } + +.pun .blockpost h2 .conr { + float: right; + text-align: right; + } + +#punsearch .blockpost h2 span { + white-space: nowrap; + } + +.pun .blockpost .box { + overflow: hidden; + } + +.pun .postleft, .pun .postfootleft { + float:left; + width: 18em; + position: relative; + overflow: hidden; + } + +.pun .postleft dl { + padding: 6px; + } + +.pun .postleft .usercontacts, .pun .postleft .icon { + margin-top: 6px + } + +.pun .postleft .postavatar, .pun .postleft .usertitle { + margin-bottom: 6px; + display: block; + } + +.pun .blockpost dt { + font-size: 1.091em; + font-weight: bold; + } + +.pun .blockpost dt a:link, .pun .blockpost dt a:visited { + text-decoration: none; + } + +.pun .blockpost dt a:hover, .pun .blockpost dt a:active { + text-decoration: underline; + } + +.pun .postright, .pun .postfootright { + border-left-width: 18em; + border-left-style: solid + } + +#postpreview .postright { + border-left: 0 + } + +.pun .postright { + padding: 0 6px; + } + +.pun .postfootright, .pun .multidelete { + text-align: right + } + +.pun .postmsg { + width:98%; + overflow: hidden; + padding-bottom: 6px; + word-wrap: break-word; + } + +.pun .postfootright ul, .pun .postfootright div, .pun .postfootright p, +.pun .postfootleft p { + padding: 10px 6px 5px 6px; + } + +.pun .postfootright li { + display: inline; + } + +.pun .postfootright li:before { + content: " | "; + } + +.pun .postfootright li:first-child:before { + content: ""; + } + +.pun .postfootright a:link, .pun .postfootright a:visited { + text-decoration: none + } + +.pun .postfootright a:hover, .pun .postfootright a:active { + text-decoration: underline + } + +.pun .codebox { + border-style: solid; + border-width: 1px; + margin: 0.75em 1em; + padding: 0; + } + +.pun .quotebox { + border-style: solid; + border-width: 1px; + margin: 0.75em 1em; + padding: 0 0.75em; + } + +.pun .quotebox cite { + display: block; + padding: 0.75em 0 0 0; + } + +.pun .quotebox blockquote { + width: 100%; + overflow: hidden + } + +.pun .codebox pre { + overflow: auto; + width: 100%; + overflow-y:hidden + } + +* html .pun .codebox pre { + padding-bottom: 10px; + } + +*+html .pun .codebox pre { + padding-bottom: 10px + } + +.pun .codebox pre code { + display: block; + padding: 0.75em; + } + +.pun .codebox pre.vscroll { + height: 32em; + overflow: auto; + overflow-y: auto + } + +.pun .postmsg img { + vertical-align: bottom; + } + +.pun .postsignature hr { + margin-left: 0px; + width: 200px; + text-align: left; + height: 1px; + border:none + } + +.pun .postmsg .postimg img { + max-width: 98%; + vertical-align: middle; + margin: 7px 0.5em 7px 0; + } + +.pun .postmsg .postimg a:link img, .pun .postmsg .postimg a:visited img { + border-style: solid; + border-width: 2px; + } + +.pun .blockpost label { + padding: 3px 6px; + border-style: solid; + border-width: 1px; + vertical-align: middle; + display: inline-block; + } + +.pun .blockpost label * { + vertical-align: middle; + margin: 0; + padding: 0; + } + +/****************************************************************/ +/* 9. HELP FILES AND MISC. */ +/****************************************************************/ + +#punhelp h2 { + margin-top: 12px + } + +#punhelp div.box { + padding: 10px + } + +#debugtime { + margin-top: -12px; + text-align: center; + } + +#brdwelcome, #brdfooter dl a, div.blockmenu li, div.rbox input { + line-height: 1.4em + } + +#announce div.inbox div { + padding: 3px 0 + } + +/***************************************************************** +COLOUR SCHEME +*****************************************************************/ + +/* Background / Text +----------------------------------------------------------------*/ + +body { + background: #2a2a2a; + color: #d4d4d4 + } + +.pun { + color: #d4d4d4 + } + +.pun .box, #adminconsole fieldset th { + background-color: #383838 + } + +.pun td.tc2, .pun td.tc3, .pun td.tcmod, #postpreview, #viewprofile dd, .pun .forminfo, +#brdfooter #modcontrols, #adminconsole fieldset td, .pun .blockmenu .box, #adstats dd { + background-color: #424242 + } + +.pun h2, #brdmenu { + background-color: #565656; + color: #d4d4d4 + } + +.pun th { + background-color: #484848 + } + +.pun legend { + color: #f6b620 + } + +.pun .blockmenu li.isactive a, #posterror li strong { + color: #d4d4d4 + } + +.pun .usercontent * { + background: transparent; + color: #d4d4d4 + } + +.pun textarea, .pun input, .pun select { + background-color: #2a2a2a; + color: #d4d4d4 + } + +.pun .multiselect, .pun .checklist { + color: #D4D4D4; + } + +.pun .checklist { + border-color: #666; + } + +/* Posts +----------------------------------------------------------------*/ + +.pun .blockpost .box, .pun .postright, .pun .postfootright, .pun .deletemsg { + background-color: #383838 + } + +.pun .postright, .pun .postfootright { + border-left-color: #424242 + } + +.pun .postleft, .pun .postfootleft, .pun .blockpost label, .pun .codebox, .pun .quotebox { + background-color: #424242 + } + +.pun .blockpost h2 { + background-color: #565656 + } + +.pun .blockpost h2 span.conr { + color: #a19e96 + } + +.pun .postmsg ins, #punhelp samp ins { + background-color: #ff0; + } + +.pun hr { + background-color: #606060; + color: #606060 + } + +/* Borders +----------------------------------------------------------------*/ + +.pun .box { + border-color:#565656 + } + +.pun td, #brdfooter #modcontrols { + border-color: #565656 + } + +.pun th { + border-color: #484848 + } + +.pun fieldset { + border-color: #565656 + } + +#adminconsole td, #adminconsole th { + border-color: #383838 + } + +.pun .quotebox, .pun .codebox, .pun .forminfo, +.pun .blockpost label, .pun .deletemsg { + border-color: #565656 + } + +/* Links +----------------------------------------------------------------*/ + +.pun a:link, .pun a:visited { + color: #f6b620 + } + +.pun a:hover, .pun a:active, .pun a:focus { + color: #ffee40 + } + +.pun .postmsg .postimg a:link img, .pun .postmsg .postimg a:visited img { + border-color: #f6b620; + } + +.pun .postmsg .postimg a:hover img, .pun .postmsg .postimg a:active img, .pun .postmsg .postimg a:focus img { + border-color: #ffee40; + } + +.pun h2 a:link, .pun h2 a:visited, +#brdmenu a:link, #brdmenu a:visited { + color: #d4d4d4 + } + +.pun h2 a:hover, .pun h2 a:active, +#brdmenu a:hover, #brdmenu a:active { + color: #d4d4d4 + } + +.pun .postreport a:link, .pun .postreport a:visited, +.pun .iclosed td.tcl a:link, .pun .iclosed td.tcl a:visited { + color: #888 + } + +.pun .postreport a:hover, .pun .postreport a:active, +.pun .iclosed td.tcl a:hover, .pun .iclosed td.tcl a:active { + color: #aaa + } + +.pun .maintenancelink a:link, .pun .maintenancelink a:visited { + color: #ff4000 + } + +.pun .maintenancelink a:hover, .pun .maintenancelink a:active { + color: #ff5010 + } + +/* Status Indicators +----------------------------------------------------------------*/ + +.pun .icon { + border-color: #484848 #404040 #3c3c3c #444444 + } + +.pun .iredirect .icon { + border-color: #383838 #383838 #383838 #383838 + } + +.pun .inew .icon { + border-color: #f6b620 #ecae1f #d09a1b #e1a61d + } diff --git a/style/Oxygen.css b/style/Oxygen.css new file mode 100644 index 0000000..ac3d321 --- /dev/null +++ b/style/Oxygen.css @@ -0,0 +1,1150 @@ +/***************************************************************** +1. INITIAL SETTINGS +*****************************************************************/ + +/* Limited Reset +----------------------------------------------------------------*/ + +.pun table, .pun div, .pun form, .pun p, .pun h1, .pun h2, .pun h3, +.pun h4, .pun h5, .pun pre, .pun blockquote, .pun ul, .pun ol, .pun li, .pun dl, +.pun dt, .pun dd, .pun th, .pun td, .pun fieldset, .pun img, .pun abbr, .pun cite { + margin: 0; + padding: 0; + border: 0; + } + +.pun ul, .pun ol { + list-style: none + } + + +/* Structural Settings +----------------------------------------------------------------*/ + +.pun .clearer, .pun .nosize { + height: 0; + width: 0; + line-height: 0; + font-size: 0; + overflow: hidden + } + +.pun .clearer, .pun .clearb { + clear: both + } + +.pun .nosize { + position: absolute; + left: -9999em; + text-indent: -9999em; + width: 0; + } + +* html .inbox, * html .inform, * html .pun, * html .tclcon, * html .codebox { + height: 1px + } + +.pun, .pun .inbox, .pun .inform, .pun .tclcon, .pun .codebox { + min-height: 1px + } + +.clearl { + clear: left; + } + +/* Hidden Elements +----------------------------------------------------------------*/ + +#brdfooter h2, #brdstats h2, #brdstats .conl dt, #brdstats .conr dt, +#modcontrols dt, #searchlinks dt, div.postright h3, span.closedtext, +.pun .required strong span { + position: absolute; + display: block; + overflow: hidden; + width: 0; + left: -9999em; + text-indent: -9999em; + } + +/***************************************************************** +2. TEXT & CONTENT +*****************************************************************/ + +/* Text Defaults +----------------------------------------------------------------*/ + +.pun { + font: 68.75%/1.4545em Verdana, Helvetica, Arial, sans-serif; + line-height: normal; + } + +.pun table, .pun td, .pun th, .pun input, .pun select, .pun optgroup, .pun textarea, .pun small, .pun samp, .pun legend { + font-size: 1em; + font-family: verdana, helvetica, arial, sans-serif; + } + +.pun pre, .pun code { + font-size: 1.182em; + font-family: consolas, monaco, "bitstream vera sans mono", "courier new", courier, monospace + } + +.pun pre code { + font-size: 1em; + } + +.pun strong { + font-weight: bold; + } + +.pun em { + font-style: italic; + } + + +/* Content Defaults +----------------------------------------------------------------*/ + +.pun p, .pun ul, .pun ol, .pun dl { + font-size: 1em; + padding: 3px 0; + } + +.pun h2 { + font-size: 1em; + font-weight: normal; + padding: 4px 6px; + } + +.pun h3 { + font-size: 1.091em; + padding: 3px 0; + } + +.pun table p, .pun table h3 { + padding: 0; + } + +.pun span.warntext, .pun p.warntext { + font-weight: bold + } + + +/* User Content (Announcements, Rules, Posts) +----------------------------------------------------------------*/ + +.pun .usercontent p, .pun .postmsg p { + padding: 0.75em 0 + } + +.pun .usercontent ul, .pun .postmsg ul { + padding: 0.75em 1em 0.75em 2.5em; + list-style: disc + } + +.pun .usercontent ol, .pun .postmsg ol { + padding: 0.75em 1em 0.75em 2.5em; + list-style: decimal + } + +.pun .usercontent ol.alpha, .pun .postmsg ol.alpha { + list-style: lower-alpha + } + +.pun .usercontent li ol, .pun .usercontent li ul, .pun .postmsg li ol, .pun .postmsg li ul { + padding: 0.25em 1em 0.75em 2.5em + } + +.pun .usercontent li p, .pun .postmsg li p { + padding: 0 + } + +.pun .usercontent h1 { + font-size: 1.4em; + font-weight: bold; + padding: 0.75em 0 0 0 + } + +.pun .usercontent h2 { + font-size: 1.2em; + font-weight: bold; + padding: 0.75em 0 0 0 + } + +.pun .usercontent h3 { + font-size: 1.1em; + font-weight: bold; + padding: 0.75em 0 0 0 + } + +.pun .usercontent h4, .pun .usercontent h5, .pun .usercontent h6 { + font-size: 1em; + font-weight: bold; + padding: 0.75em 0 0 0 + } + +.pun .quotebox cite { + font-weight: bold; + font-style: normal; + padding: 0.75em 0.75em 0 0.75em + } + +.pun span.bbu { + text-decoration: underline + } + +.pun span.bbs, .pun del { + text-decoration: line-through; + } + +.pun .postmsg ins, #punhelp samp ins { + text-decoration: none; + } + +.pun div.postmsg h5, #punhelp h5 { + font-size: 1.1em; + font-weight: bold; + padding: 0.75em 0 0 0; + } + + +/***************************************************************** +3. COMMON STYLES +*****************************************************************/ + +/* Page Layout +----------------------------------------------------------------*/ + +html, body { + margin: 0; + padding: 0 + } + +.pun { + max-width: 1070px; + width: 95%; + margin: 0 auto; + padding: 12px 20px; + } + +#punredirect, #punmaint, #puninstall, #pundb_update { + margin: 50px 20% 12px 20% + } + + +/* Vertical Element Spacing +----------------------------------------------------------------*/ + +#brdheader { + margin: 0 0 12px 0; + } + +#brdtitle p { + padding-top: 0px + } + +#announce, #brdstats { + margin: 12px 0 12px 0; + } + +.pun .blocktable, .pun .block, .pun .blockform, .pun .block2col, #postreview { + margin-bottom: 12px + } + +#punindex .blocktable, .pun .blockpost { + margin-bottom: 6px + } + +#postreview .blockpost { + margin-bottom: -1px; + } + +.pun .block2col .blockform, .pun .block2col .block { + margin-bottom: 0px + } + +.pun .linkst, .pun .linksb { + margin-top: -12px + } + +.pun .postlinksb { + margin-top: -6px + } + + +/* External Borders +----------------------------------------------------------------*/ + +.pun .box { + border-style: solid; + border-width: 1px; + } + +#brdheader .box { + border-top-width: 4px; + } + +/* Default Internal Spacing +----------------------------------------------------------------*/ + +.pun .block .inbox, .pun .blockmenu .inbox { + padding: 3px 6px + } + +/***************************************************************** +4. COMMON BOARD ELEMENTS +*****************************************************************/ + +/* Board Header +----------------------------------------------------------------*/ + +#brdtitle h1 { + font-size: 1.4em; + font-weight: bold; + padding: 3px 0 0 0; + } + +#brdmenu li { + display: inline; + margin-right: 12px; + } + +#brdmenu a:link, #brdmenu a:visited { + text-decoration: none + } + +#brdmenu a:hover, #brdmenu a:active { + text-decoration: underline + } + +#brdwelcome .conl { + float: left; + } + +#brdwelcome .conr { + float: right; + text-align: right; + } + +/* Breadcrumbs and Post Links +----------------------------------------------------------------*/ + +.pun .linkst { + padding: 8px 6px 3px 6px + } + +.pun .linksb, .pun .postlinksb { + padding: 3px 6px 8px 6px + } + +.pun .crumbs { + clear: both; + width: 100%; + overflow: hidden; + } + +.pun .crumbs li { + display: inline; + white-space: nowrap; + font-weight: bold; + } + +.pun .pagelink { + float: left; + white-space: nowrap; + } + +.pun .postlink { + font-weight: bold; + white-space: nowrap; + } + +.pun .postlink, .pun .modbuttons { + float: right; + text-align: right; + } + +.pun .modbuttons { + padding: 1px 0; + white-space: nowrap; + } + +.pun .modbuttons input { + margin-left: 6px; + } + +.pun .postlink a:link, .pun .postlink a:visited { + text-decoration: none + } + +.pun .postlink a:hover, .pun .postlink a:active { + text-decoration: underline; + } + +#punindex .subscribelink { + margin-top: 6px; + } + +/* Board Footer +----------------------------------------------------------------*/ + +#brdfooter .conl { + float: left; + } + +#brdfooter .conr { + float: right; + text-align: right; + } + +#brdfooter #modcontrols { + border-bottom-style: solid; + border-bottom-width: 1px; + text-align: center; + } + +#brdfooter #modcontrols dd { + display: inline; + margin:0 6px; + } + + +/* Board Stats +----------------------------------------------------------------*/ + +#brdstats .conl { + float: left; + } + +#brdstats .conr { + float: right; + text-align: right; + } + +#onlinelist dd, #onlinelist dt { + display: inline; + } + + +/***************************************************************** +5. MAIN TABLES +*****************************************************************/ + +.pun table { + width: 100%; + border-collapse: collapse; + border-spacing: 0; + empty-cells: show; + } + +.pun .blocktable table { + table-layout: fixed; + } + +.pun td, .pun th { + padding: 4px 6px; + text-align: left; + font-weight: normal; + } + +.pun td, .pun th { + border-style: solid none none solid; + border-width: 1px; + } + +.pun .tcl { + border-left: 0; + width: auto; + } + +.pun .tc2, .pun .tc3, .pun .tcmod { + width: 10%; + text-align: center; + padding: 4px 0; + } + +.pun .tcr { + width: 30%; + } + +.pun .tcl h3 { + font-size: 1.091em; + font-weight: bold; + } + +.pun .tcl h3 span.newtext { + font-size: 0.917em; + } + +.pun .tcl span.newtext, .pun .tcl span.pagestext { + white-space: nowrap; + font-weight: normal; + } + +.pun td span.byuser { + white-space: nowrap; + } + +.pun .tcl p { + padding: 5px 0 0 0 + } + +#punsearch #vf .tc2 { + width: 18%; + text-align: left; + padding: 4px 6px; + } + +#users1 .tcr { + width: 25% + } + +#users1 .tc2 { + width: 25%; + text-align: left; + padding: 4px 6px; + } + +#debug .tcl { + width: 10% + } + +#debug .tcr { + width: 90%; + white-space: normal + } + +#punindex .tcr .byuser { + display: block + } + +.pun .blocktable .tclcon { + padding: 0 11px 0 12px; + overflow: hidden; + min-height: 1px; + position: relative; + } + +.pun .blocktable .tclcon div { + width: 100%; + overflow: hidden; + } + +.pun .icon { + margin: 0.1em 0 0 0.2em; + border-width: 0.6em; + border-style: solid; + height: 0; + width: 0; + overflow: hidden; + float: left; + } + +.pun .icon div { + position: absolute; + left: -9999em; + text-indent: -9999em; + height: 0; + } + +.pun .iposted .ipost { + position: absolute; + left: 0; + font-weight: bold; + width: 8px; + padding-left: 4px; + text-align: center; + top: 0; + } + +/***************************************************************** +6. MAIN FORMS +*****************************************************************/ + +.pun .blockform form, .pun .fakeform { + PADDING: 20px 20px 15px 20px + } + +.pun .forminfo { + margin-bottom: 12px; + padding: 9px 10px; + border-style: solid; + border-width: 1px; + } + +.pun .forminfo h3 { + font-weight: bold; + } + +.pun .inform { + padding-bottom: 12px + } + +.pun fieldset { + padding: 0px 12px 0px 12px; + border-style: solid; + border-width: 1px + } + +.pun legend { + padding: 0px 6px + } + +.pun .infldset { + padding: 9px 0px 12px 0 + } + +.pun label { + display: block; + padding: 3px 0 + } + +.pun label.conl { + float: left; + overflow: visible; + margin-right: 10px + } + +.pun fieldset .rbox br { + display: none; + } + +.pun fieldset .rbox label { + padding: 3px 0 3px 25px; + position: relative; + vertical-align: middle; + } + +.pun fieldset .rbox input { + margin: 0 9px 0 -25px; + padding: 0; + width: 16px; + position: relative; + vertical-align: middle; + } + +.pun .txtarea { + width: 75% + } + +.pun .txtarea textarea, .pun input.longinput { + width: 100% + } + +.pun .bblinks { + padding-bottom: 10px; + padding-left: 4px + } + +.pun .bblinks li { + display: inline; + padding-right: 20px + } + +.pun .blockform .buttons { + padding-left: 12px; + } + +.pun .blockform .buttons input { + margin-right: 8px; + } + +#posterror ul { + list-style: square; + padding: 3px 0 3px 24px; + } + +.pun .deletemsg { + border-style: solid; + border-width: 1px; + padding: 6px 15px; + } + +.pun p.actions span { + margin-right: 12px; + } + +.pun .multiselect { + float: left; + padding-bottom: 7px; + } + +.pun .checklist { + border-width: 1px; + border-style: solid; + max-height: 9em; + width: 20em; + overflow: auto; + padding: 0.3em 0.5em; + margin: 0.25em 16px 0 0.15em; + } + +.pun .checklist fieldset { + border: 0; + padding: 0; + } + +.pun .checklist legend { + padding: 0; + } + +.pun .checklist legend span { + width: auto; + max-width: 25em; + } + +/***************************************************************** +7. PROFILES AND ADMIN +*****************************************************************/ + +.pun .block2col { + padding-bottom: 1px + } + +.pun .block2col .blockform, .pun .block2col .block { + margin-left: 14em + } + +.pun .blockmenu { + float:left; + width: 13em + } + +.pun .blockmenu li { + padding: 3px 0; + font-weight: bold; + } + +.pun .blockmenu a:link, .pun .blockmenu a:visited { + text-decoration: none + } + +.pun .blockmenu a:hover, .pun .blockmenu a:active { + text-decoration: underline + } + +#viewprofile dl { + float: left; + width: 100%; + overflow: hidden + } + +#viewprofile dd { + margin-left: 14em; + padding: 3px; + } + +#viewprofile dt { + float: left; + width: 13em; + margin: 3px 0; + } + +#profileavatar img { + float: right; + margin-left: 1em + } + +#adintro ul { + list-style-type: disc; + margin-left: 8px; + padding-left: 16px; + } + +/***************************************************************** +8. MAIN POSTS +*****************************************************************/ + +.pun .blockpost h2 a:link, .pun .blockpost h2 a:visited { + text-decoration: none; + } + +.pun .blockpost h2 a:hover, .pun .blockpost h2 a:active { + text-decoration: underline; + } + +.pun .blockpost h2 .conr { + float: right; + text-align: right; + } + +#punsearch .blockpost h2 span { + white-space: nowrap; + } + +.pun .blockpost .box { + overflow: hidden; + } + +.pun .postleft, .pun .postfootleft { + float:left; + width: 18em; + position: relative; + overflow: hidden; + } + +.pun .postleft dl { + padding: 6px; + } + +.pun .postleft .usercontacts, .pun .postleft .icon { + margin-top: 6px + } + +.pun .postleft .postavatar, .pun .postleft .usertitle { + margin-bottom: 6px; + display: block; + } + +.pun .blockpost dt { + font-size: 1.091em; + font-weight: bold; + } + +.pun .blockpost dt a:link, .pun .blockpost dt a:visited { + text-decoration: none; + } + +.pun .blockpost dt a:hover, .pun .blockpost dt a:active { + text-decoration: underline; + } + +.pun .postright, .pun .postfootright { + border-left-width: 18em; + border-left-style: solid + } + +#postpreview .postright { + border-left: 0 + } + +.pun .postright { + padding: 0 6px; + } + +.pun .postfootright, .pun .multidelete { + text-align: right + } + +.pun .postmsg { + width:98%; + overflow: hidden; + padding-bottom: 6px; + word-wrap: break-word; + } + +.pun .postfootright ul, .pun .postfootright div, .pun .postfootright p, +.pun .postfootleft p { + padding: 10px 6px 5px 6px; + } + +.pun .postfootright li { + display: inline; + } + +.pun .postfootright li:before { + content: " | "; + } + +.pun .postfootright li:first-child:before { + content: ""; + } + +.pun .postfootright a:link, .pun .postfootright a:visited { + text-decoration: none + } + +.pun .postfootright a:hover, .pun .postfootright a:active { + text-decoration: underline + } + +.pun .codebox { + border-style: solid; + border-width: 1px; + margin: 0.75em 1em; + padding: 0; + } + +.pun .quotebox { + border-style: solid; + border-width: 1px; + margin: 0.75em 1em; + padding: 0 0.75em; + } + +.pun .quotebox cite { + display: block; + padding: 0.75em 0 0 0; + } + +.pun .quotebox blockquote { + width: 100%; + overflow: hidden + } + +.pun .codebox pre { + overflow: auto; + width: 100%; + overflow-y:hidden + } + +* html .pun .codebox pre { + padding-bottom: 10px; + } + +*+html .pun .codebox pre { + padding-bottom: 10px + } + +.pun .codebox pre code { + display: block; + padding: 0.75em; + } + +.pun .codebox pre.vscroll { + height: 32em; + overflow: auto; + overflow-y: auto + } + +.pun .postmsg img { + vertical-align: bottom; + } + +.pun .postsignature hr { + margin-left: 0px; + width: 200px; + text-align: left; + height: 1px; + border:none + } + +.pun .postmsg .postimg img { + max-width: 98%; + vertical-align: middle; + margin: 7px 0.5em 7px 0; + } + +.pun .postmsg .postimg a:link img, .pun .postmsg .postimg a:visited img { + border-style: solid; + border-width: 2px; + } + +.pun .blockpost label { + padding: 3px 6px; + border-style: solid; + border-width: 1px; + vertical-align: middle; + display: inline-block; + } + +.pun .blockpost label * { + vertical-align: middle; + margin: 0; + padding: 0; + } + +/****************************************************************/ +/* 9. HELP FILES AND MISC. */ +/****************************************************************/ + +#punhelp h2 { + margin-top: 12px + } + +#punhelp div.box { + padding: 10px + } + +#debugtime { + margin-top: -12px; + text-align: center; + } + +#brdwelcome, #brdfooter dl a, div.blockmenu li, div.rbox input { + line-height: 1.4em + } + +#announce div.inbox div { + padding: 3px 0 + } + +/***************************************************************** +COLOUR SCHEME +*****************************************************************/ + +/* Background / Text +----------------------------------------------------------------*/ + +body { + background: #fff; + color: #333 + } + +.pun { + color: #333 + } + +.pun .box, #adminconsole fieldset th { + background-color: #f1f1f1 + } + +.pun td.tc2, .pun td.tc3, .pun td.tcmod, #postpreview, #viewprofile dd, .pun .forminfo, +#adminconsole fieldset td, .pun .blockmenu .box, #adstats dd, #brdfooter #modcontrols { + background-color: #dedfdf + } + +.pun h2, #brdmenu { + background-color: #0066b9; + color: #fff + } + +.pun th { + background-color: #d1d1d1 + } + +.pun legend { + color: #005cb1 + } + +.pun .blockmenu li.isactive a, #posterror li strong { + color: #333 + } + +.pun .usercontent * { + background: transparent; + color: #333 + } + +.pun .multiselect, .pun .checklist { + color: #333; + } + +.pun .checklist { + border-color: #ACA899; + } + +/* Posts +----------------------------------------------------------------*/ + +.pun .blockpost .box, .pun .postright, .pun .postfootright, .pun .deletemsg { + background-color: #dedfdf + } + +.pun .postright, .pun .postfootright { + border-left-color: #f1f1f1 + } + +.pun .postleft, .pun .postfootleft, .pun .blockpost label, .pun .codebox, .pun .quotebox { + background-color: #f1f1f1 + } + +#punhelp .codebox, #punhelp .quotebox { + background-color: #f9f9f9; + } + +.pun .blockpost h2 { + background-color: #006fc9 + } + +.pun .blockpost h2 span.conr { + color: #aabdcd + } + +.pun .postmsg ins, #punhelp samp ins { + background-color: #ff0; + } + +.pun hr { + background-color: #333; + color: #333 + } + +/* Borders +----------------------------------------------------------------*/ + +.pun .box { + border-color: #0066b9 + } + +.pun td, #brdfooter #modcontrols { + border-color: #bbcede + } + +.pun th { + border-color: #d1d1d1 + } + +.pun fieldset { + border-color: #aca899 + } + +#adminconsole td, #adminconsole th { + border-color: #f1f1f1 + } + +.pun .quotebox, .pun .codebox, .pun .forminfo, +.pun .blockpost label, .pun .deletemsg { + border-color: #aca899 #fff #fff #aca899 + } + +/* Links +----------------------------------------------------------------*/ + +.pun a:link, .pun a:visited { + color: #005cb1 + } + +.pun a:hover, .pun a:active, .pun a:focus { + color: #b42000 + } + +.pun .postmsg .postimg a:link img, .pun .postmsg .postimg a:visited img { + border-color: #005cb1; + } + +.pun .postmsg .postimg a:hover img, .pun .postmsg .postimg a:active img, .pun .postmsg .postimg a:focus img { + border-color: #b42000; + } + +.pun h2 a:link, .pun h2 a:visited, +#brdmenu a:link, #brdmenu a:visited { + color: #fff + } + +.pun h2 a:hover, .pun h2 a:active, +#brdmenu a:hover, #brdmenu a:active { + color: #fff + } + +.pun .postreport a:link, .pun .postreport a:visited, +.pun .iclosed td.tcl a:link, .pun .iclosed td.tcl a:visited { + color: #888 + } + +.pun .postreport a:hover, .pun .postreport a:active, +.pun .iclosed td.tcl a:hover, .pun .iclosed td.tcl a:active { + color: #aaa + } + +.pun .maintenancelink a:link, .pun .maintenancelink a:visited { + color: #b42000 + } + +.pun .maintenancelink a:hover, .pun .maintenancelink a:active { + color: #b42000 + } + +/* Status Indicators +----------------------------------------------------------------*/ + +.pun .icon { + border-color: #e6e6e6 #dedede #dadada #e2e2e2 + } + +.pun .iredirect .icon { + border-color: #f1f1f1 #f1f1f1 #f1f1f1 #f1f1f1 + } + +.pun .inew .icon { + border-color: #0080d7 #0065c0 #0058b3 #0072ca + } diff --git a/style/Radium.css b/style/Radium.css new file mode 100644 index 0000000..c572dbb --- /dev/null +++ b/style/Radium.css @@ -0,0 +1,1150 @@ +/***************************************************************** +1. INITIAL SETTINGS +*****************************************************************/ + +/* Limited Reset +----------------------------------------------------------------*/ + +.pun table, .pun div, .pun form, .pun p, .pun h1, .pun h2, .pun h3, +.pun h4, .pun h5, .pun pre, .pun blockquote, .pun ul, .pun ol, .pun li, .pun dl, +.pun dt, .pun dd, .pun th, .pun td, .pun fieldset, .pun img, .pun abbr, .pun cite { + margin: 0; + padding: 0; + border: 0; + } + +.pun ul, .pun ol { + list-style: none + } + + +/* Structural Settings +----------------------------------------------------------------*/ + +.pun .clearer, .pun .nosize { + height: 0; + width: 0; + line-height: 0; + font-size: 0; + overflow: hidden + } + +.pun .clearer, .pun .clearb { + clear: both + } + +.pun .nosize { + position: absolute; + left: -9999em; + text-indent: -9999em; + width: 0; + } + +* html .inbox, * html .inform, * html .pun, * html .tclcon, * html .codebox { + height: 1px + } + +.pun, .pun .inbox, .pun .inform, .pun .tclcon, .pun .codebox { + min-height: 1px + } + +.clearl { + clear: left; + } + +/* Hidden Elements +----------------------------------------------------------------*/ + +#brdfooter h2, #brdstats h2, #brdstats .conl dt, #brdstats .conr dt, +#modcontrols dt, #searchlinks dt, div.postright h3, span.closedtext, +.pun .required strong span { + position: absolute; + display: block; + overflow: hidden; + width: 0; + left: -9999em; + text-indent: -9999em; + } + +/***************************************************************** +2. TEXT & CONTENT +*****************************************************************/ + +/* Text Defaults +----------------------------------------------------------------*/ + +.pun { + font: 68.75%/1.4545em Verdana, Helvetica, Arial, sans-serif; + line-height: normal; + } + +.pun table, .pun td, .pun th, .pun input, .pun select, .pun optgroup, .pun textarea, .pun samp, .pun legend { + font-size: 1em; + font-family: verdana, helvetica, arial, sans-serif; + } + +.pun pre, .pun code { + font-size: 1.182em; + font-family: consolas, monaco, "bitstream vera sans mono", "courier new", courier, monospace + } + +.pun pre code { + font-size: 1em; + } + +.pun strong { + font-weight: bold; + } + +.pun em { + font-style: italic; + } + + +/* Content Defaults +----------------------------------------------------------------*/ + +.pun p, .pun ul, .pun ol, .pun dl { + font-size: 1em; + padding: 3px 0; + } + +.pun h2 { + font-size: 1em; + font-weight: normal; + padding: 4px 6px; + } + +.pun h3 { + font-size: 1.091em; + padding: 3px 0; + } + +.pun table p, .pun table h3 { + padding: 0; + } + +.pun span.warntext, .pun p.warntext { + font-weight: bold + } + +/* User Content (Announcements, Rules, Posts) +----------------------------------------------------------------*/ + +.pun .usercontent p, .pun .postmsg p { + padding: 0.75em 0 + } + +.pun .usercontent ul, .pun .postmsg ul { + padding: 0.75em 1em 0.75em 2.5em; + list-style: disc + } + +.pun .usercontent ol, .pun .postmsg ol { + padding: 0.75em 1em 0.75em 2.5em; + list-style: decimal + } + +.pun .usercontent ol.alpha, .pun .postmsg ol.alpha { + list-style: lower-alpha + } + +.pun .usercontent li ol, .pun .usercontent li ul, .pun .postmsg li ol, .pun .postmsg li ul { + padding: 0.25em 1em 0.75em 2.5em + } + +.pun .usercontent li p, .pun .postmsg li p { + padding: 0 + } + +.pun .usercontent h1 { + font-size: 1.4em; + font-weight: bold; + padding: 0.75em 0 0 0 + } + +.pun .usercontent h2 { + font-size: 1.2em; + font-weight: bold; + padding: 0.75em 0 0 0 + } + +.pun .usercontent h3 { + font-size: 1.1em; + font-weight: bold; + padding: 0.75em 0 0 0 + } + +.pun .usercontent h4, .pun .usercontent h5, .pun .usercontent h6 { + font-size: 1em; + font-weight: bold; + padding: 0.75em 0 0 0 + } + +.pun .quotebox cite { + font-weight: bold; + font-style: normal; + padding: 0.75em 0.75em 0 0.75em + } + +.pun span.bbu { + text-decoration: underline + } + +.pun span.bbs, .pun del { + text-decoration: line-through; + } + +.pun .postmsg ins, #punhelp samp ins { + text-decoration: none; + } + +.pun div.postmsg h5, #punhelp h5 { + font-size: 1.1em; + font-weight: bold; + padding: 0.75em 0 0 0; + } + + +/***************************************************************** +3. COMMON STYLES +*****************************************************************/ + +/* Page Layout +----------------------------------------------------------------*/ + +html, body { + margin: 0; + padding: 0 + } + +.pun { + max-width: 1070px; + width: 95%; + margin: 0 auto; + padding: 12px 20px; + } + +#punredirect, #punmaint, #puninstall, #pundb_update { + margin: 50px 20% 12px 20% + } + + +/* Vertical Element Spacing +----------------------------------------------------------------*/ + +#brdheader { + margin: 0 0 12px 0; + } + +#brdtitle p { + padding-top: 0px + } + +#announce, #brdstats { + margin: 12px 0 12px 0; + } + +.pun .blocktable, .pun .block, .pun .blockform, .pun .block2col, #postreview { + margin-bottom: 12px + } + +#punindex .blocktable, .pun .blockpost { + margin-bottom: 6px + } + +#postreview .blockpost { + margin-bottom: -1px; + } + +.pun .block2col .blockform, .pun .block2col .block { + margin-bottom: 0px + } + +.pun .linkst, .pun .linksb { + margin-top: -12px + } + +.pun .postlinksb { + margin-top: -6px + } + + +/* External Borders +----------------------------------------------------------------*/ + +.pun .box { + border-style: solid; + border-width: 1px; + } + +#brdheader .box { + border-top-width: 4px; + } + +/* Default Internal Spacing +----------------------------------------------------------------*/ + +.pun .block .inbox, .pun .blockmenu .inbox { + padding: 3px 6px + } + +/***************************************************************** +4. COMMON BOARD ELEMENTS +*****************************************************************/ + +/* Board Header +----------------------------------------------------------------*/ + +#brdtitle h1 { + font-size: 1.4em; + font-weight: bold; + padding: 3px 0 0 0; + } + +#brdmenu li { + display: inline; + margin-right: 12px; + } + +#brdmenu a:link, #brdmenu a:visited { + text-decoration: none + } + +#brdmenu a:hover, #brdmenu a:active { + text-decoration: underline + } + +#brdwelcome .conl { + float: left; + } + +#brdwelcome .conr { + float: right; + text-align: right; + } + +/* Breadcrumbs and Post Links +----------------------------------------------------------------*/ + +.pun .linkst { + padding: 8px 6px 3px 6px + } + +.pun .linksb, .pun .postlinksb { + padding: 3px 6px 8px 6px + } + +.pun .crumbs { + clear: both; + width: 100%; + overflow: hidden; + } + +.pun .crumbs li { + display: inline; + white-space: nowrap; + font-weight: bold; + } + +.pun .pagelink { + float: left; + white-space: nowrap; + } + +.pun .postlink { + font-weight: bold; + white-space: nowrap; + } + +.pun .postlink, .pun .modbuttons { + float: right; + text-align: right; + } + +.pun .modbuttons { + padding: 1px 0; + white-space: nowrap; + } + +.pun .modbuttons input { + margin-left: 6px; + } + +.pun .postlink a:link, .pun .postlink a:visited { + text-decoration: none + } + +.pun .postlink a:hover, .pun .postlink a:active { + text-decoration: underline; + } + +#punindex .subscribelink { + margin-top: 6px; + } + +/* Board Footer +----------------------------------------------------------------*/ + +#brdfooter .conl { + float: left; + } + +#brdfooter .conr { + float: right; + text-align: right; + } + +#brdfooter #modcontrols { + border-bottom-style: solid; + border-bottom-width: 1px; + text-align: center; + } + +#brdfooter #modcontrols dd { + display: inline; + margin:0 6px; + } + + +/* Board Stats +----------------------------------------------------------------*/ + +#brdstats .conl { + float: left; + } + +#brdstats .conr { + float: right; + text-align: right; + } + +#onlinelist dd, #onlinelist dt { + display: inline; + } + + +/***************************************************************** +5. MAIN TABLES +*****************************************************************/ + +.pun table { + width: 100%; + border-collapse: collapse; + border-spacing: 0; + empty-cells: show; + } + +.pun .blocktable table { + table-layout: fixed; + } + +.pun td, .pun th { + padding: 4px 6px; + text-align: left; + font-weight: normal; + } + +.pun td, .pun th { + border-style: solid none none solid; + border-width: 1px; + } + +.pun .tcl { + border-left: 0; + width: auto; + } + +.pun .tc2, .pun .tc3, .pun .tcmod { + width: 10%; + text-align: center; + padding: 4px 0; + } + +.pun .tcr { + width: 30%; + } + +.pun .tcl h3 { + font-size: 1.091em; + font-weight: bold; + } + +.pun .tcl h3 span.newtext { + font-size: 0.917em; + } + +.pun .tcl span.newtext, .pun .tcl span.pagestext { + white-space: nowrap; + font-weight: normal; + } + +.pun td span.byuser { + white-space: nowrap; + } + +.pun .tcl p { + padding: 5px 0 0 0 + } + +#punsearch #vf .tc2 { + width: 18%; + text-align: left; + padding: 4px 6px; + } + +#users1 .tcr { + width: 25% + } + +#users1 .tc2 { + width: 25%; + text-align: left; + padding: 4px 6px; + } + +#debug .tcl { + width: 10% + } + +#debug .tcr { + width: 90%; + white-space: normal + } + +#punindex .tcr .byuser { + display: block + } + +.pun .blocktable .tclcon { + padding: 0 11px 0 12px; + overflow: hidden; + min-height: 1px; + position: relative; + } + +.pun .blocktable .tclcon div { + width: 100%; + overflow: hidden; + } + +.pun .icon { + margin: 0.1em 0 0 0.2em; + border-width: 0.6em; + border-style: solid; + height: 0; + width: 0; + overflow: hidden; + float: left; + } + +.pun .icon div { + position: absolute; + left: -9999em; + text-indent: -9999em; + height: 0; + } + +.pun .iposted .ipost { + position: absolute; + left: 0; + font-weight: bold; + width: 8px; + padding-left: 4px; + text-align: center; + top: 0; + } + +/***************************************************************** +6. MAIN FORMS +*****************************************************************/ + +.pun .blockform form, .pun .fakeform { + PADDING: 20px 20px 15px 20px + } + +.pun .forminfo { + margin-bottom: 12px; + padding: 9px 10px; + border-style: solid; + border-width: 1px; + } + +.pun .forminfo h3 { + font-weight: bold; + } + +.pun .inform { + padding-bottom: 12px + } + +.pun fieldset { + padding: 0px 12px 0px 12px; + border-style: solid; + border-width: 1px + } + +.pun legend { + padding: 0px 6px + } + +.pun .infldset { + padding: 9px 0px 12px 0 + } + +.pun label { + display: block; + padding: 3px 0 + } + +.pun label.conl { + float: left; + overflow: visible; + margin-right: 10px + } + +.pun fieldset .rbox br { + display: none; + } + +.pun fieldset .rbox label { + padding: 3px 0 3px 25px; + position: relative; + vertical-align: middle; + } + +.pun fieldset .rbox input { + margin: 0 9px 0 -25px; + padding: 0; + width: 16px; + position: relative; + vertical-align: middle; + } + +.pun .txtarea { + width: 75% + } + +.pun .txtarea textarea, .pun input.longinput { + width: 100% + } + +.pun .bblinks { + padding-bottom: 10px; + padding-left: 4px + } + +.pun .bblinks li { + display: inline; + padding-right: 20px + } + +.pun .blockform .buttons { + padding-left: 12px; + } + +.pun .blockform .buttons input { + margin-right: 8px; + } + +#posterror ul { + list-style: square; + padding: 3px 0 3px 24px; + } + +.pun .deletemsg { + border-style: solid; + border-width: 1px; + padding: 6px 15px; + } + +.pun p.actions span { + margin-right: 12px; + } + +.pun .multiselect { + float: left; + padding-bottom: 7px; + } + +.pun .checklist { + border-width: 1px; + border-style: solid; + max-height: 9em; + width: 20em; + overflow: auto; + padding: 0.3em 0.5em; + margin: 0.25em 16px 0 0.15em; + } + +.pun .checklist fieldset { + border: 0; + padding: 0; + } + +.pun .checklist legend { + padding: 0; + } + +.pun .checklist legend span { + width: auto; + max-width: 25em; + } + +/***************************************************************** +7. PROFILES AND ADMIN +*****************************************************************/ + +.pun .block2col { + padding-bottom: 1px + } + +.pun .block2col .blockform, .pun .block2col .block { + margin-left: 14em + } + +.pun .blockmenu { + float:left; + width: 13em + } + +.pun .blockmenu li { + padding: 3px 0; + font-weight: bold; + } + +.pun .blockmenu a:link, .pun .blockmenu a:visited { + text-decoration: none + } + +.pun .blockmenu a:hover, .pun .blockmenu a:active { + text-decoration: underline + } + +#viewprofile dl { + float: left; + width: 100%; + overflow: hidden + } + +#viewprofile dd { + margin-left: 14em; + padding: 3px; + } + +#viewprofile dt { + float: left; + width: 13em; + margin: 3px 0; + } + +#profileavatar img { + float: right; + margin-left: 1em + } + +#adintro ul { + list-style-type: disc; + margin-left: 8px; + padding-left: 16px; + } + +/***************************************************************** +8. MAIN POSTS +*****************************************************************/ + +.pun .blockpost h2 a:link, .pun .blockpost h2 a:visited { + text-decoration: none; + } + +.pun .blockpost h2 a:hover, .pun .blockpost h2 a:active { + text-decoration: underline; + } + +.pun .blockpost h2 .conr { + float: right; + text-align: right; + } + +#punsearch .blockpost h2 span { + white-space: nowrap; + } + +.pun .blockpost .box { + overflow: hidden; + } + +.pun .postleft, .pun .postfootleft { + float:left; + width: 18em; + position: relative; + overflow: hidden; + } + +.pun .postleft dl { + padding: 6px; + } + +.pun .postleft .usercontacts, .pun .postleft .icon { + margin-top: 6px + } + +.pun .postleft .postavatar, .pun .postleft .usertitle { + margin-bottom: 6px; + display: block; + } + +.pun .blockpost dt { + font-size: 1.091em; + font-weight: bold; + } + +.pun .blockpost dt a:link, .pun .blockpost dt a:visited { + text-decoration: none; + } + +.pun .blockpost dt a:hover, .pun .blockpost dt a:active { + text-decoration: underline; + } + +.pun .postright, .pun .postfootright { + border-left-width: 18em; + border-left-style: solid + } + +#postpreview .postright { + border-left: 0 + } + +.pun .postright { + padding: 0 6px; + } + +.pun .postfootright, .pun .multidelete { + text-align: right + } + +.pun .postmsg { + width:98%; + overflow: hidden; + padding-bottom: 6px; + word-wrap: break-word; + } + +.pun .postfootright ul, .pun .postfootright div, .pun .postfootright p, +.pun .postfootleft p { + padding: 10px 6px 5px 6px; + } + +.pun .postfootright li { + display: inline; + } + +.pun .postfootright li:before { + content: " | "; + } + +.pun .postfootright li:first-child:before { + content: ""; + } + +.pun .postfootright a:link, .pun .postfootright a:visited { + text-decoration: none + } + +.pun .postfootright a:hover, .pun .postfootright a:active { + text-decoration: underline + } + +.pun .codebox { + border-style: solid; + border-width: 1px; + margin: 0.75em 1em; + padding: 0; + } + +.pun .quotebox { + border-style: solid; + border-width: 1px; + margin: 0.75em 1em; + padding: 0 0.75em; + } + +.pun .quotebox cite { + display: block; + padding: 0.75em 0 0 0; + } + +.pun .quotebox blockquote { + width: 100%; + overflow: hidden + } + +.pun .codebox pre { + overflow: auto; + width: 100%; + overflow-y:hidden + } + +* html .pun .codebox pre { + padding-bottom: 10px; + } + +*+html .pun .codebox pre { + padding-bottom: 10px + } + +.pun .codebox pre code { + display: block; + padding: 0.75em; + } + +.pun .codebox pre.vscroll { + height: 32em; + overflow: auto; + overflow-y: auto + } + +.pun .postmsg img { + vertical-align: bottom; + } + +.pun .postsignature hr { + margin-left: 0px; + width: 200px; + text-align: left; + height: 1px; + border:none + } + +.pun .postmsg .postimg img { + max-width: 98%; + vertical-align: middle; + margin: 7px 0.5em 7px 0; + } + +.pun .postmsg .postimg a:link img, .pun .postmsg .postimg a:visited img { + border-style: solid; + border-width: 2px; + } + +.pun .blockpost label { + padding: 3px 6px; + border-style: solid; + border-width: 1px; + vertical-align: middle; + display: inline-block; + } + +.pun .blockpost label * { + vertical-align: middle; + margin: 0; + padding: 0; + } + +/****************************************************************/ +/* 9. HELP FILES AND MISC. */ +/****************************************************************/ + +#punhelp h2 { + margin-top: 12px + } + +#punhelp div.box { + padding: 10px + } + +#debugtime { + margin-top: -12px; + text-align: center; + } + +#brdwelcome, #brdfooter dl a, div.blockmenu li, div.rbox input { + line-height: 1.4em + } + +#announce div.inbox div { + padding: 3px 0 + } + +/***************************************************************** +COLOUR SCHEME +*****************************************************************/ + +/* Background / Text +----------------------------------------------------------------*/ + +body { + background: #2a2a2a; + color: #d4d4d4 + } + +.pun { + color: #d4d4d4 + } + +.pun .box, #adminconsole fieldset th { + background-color: #383838 + } + +.pun td.tc2, .pun td.tc3, .pun td.tcmod, #postpreview, #viewprofile dd, .pun .forminfo, +#brdfooter #modcontrols, #adminconsole fieldset td, .pun .blockmenu .box, #adstats dd { + background-color: #424242 + } + +.pun h2, #brdmenu { + background-color: #565656; + color: #d4d4d4 + } + +.pun th { + background-color: #484848 + } + +.pun legend { + color: #60c860 + } + +.pun .blockmenu li.isactive a, #posterror li strong { + color: #d4d4d4 + } + +.pun .usercontent * { + background: transparent; + color: #d4d4d4 + } + +.pun textarea, .pun input, .pun select { + background-color: #2a2a2a; + color: #d4d4d4 + } + +.pun .multiselect, .pun .checklist { + color: #D4D4D4; + } + +.pun .checklist { + border-color: #666; + } + +/* Posts +----------------------------------------------------------------*/ + +.pun .blockpost .box, .pun .postright, .pun .postfootright, .pun .deletemsg { + background-color: #383838 + } + +.pun .postright, .pun .postfootright { + border-left-color: #424242 + } + +.pun .postleft, .pun .postfootleft, .pun .blockpost label, .pun .codebox, .pun .quotebox { + background-color: #424242 + } + +.pun .blockpost h2 { + background-color: #565656 + } + +.pun .blockpost h2 span.conr { + color: #a19e96 + } + +.pun .postmsg ins, #punhelp samp ins { + background-color: #ff0; + } + +.pun hr { + background-color: #606060; + color: #606060 + } + +/* Borders +----------------------------------------------------------------*/ + +.pun .box { + border-color:#565656 + } + +.pun td, #brdfooter #modcontrols { + border-color: #565656 + } + +.pun th { + border-color: #484848 + } + +.pun fieldset { + border-color: #606060 + } + +#adminconsole td, #adminconsole th { + border-color: #383838 + } + +.pun .quotebox, .pun .codebox, .pun .forminfo, +.pun .blockpost label, .pun .deletemsg { + border-color: #606060 + } + +/* Links +----------------------------------------------------------------*/ + +.pun a:link, .pun a:visited { + color: #60c860 + } + +.pun a:hover, .pun a:active, .pun a:focus { + color: #80ee80 + } + +.pun .postmsg .postimg a:link img, .pun .postmsg .postimg a:visited img { + border-color: #60c860; + } + +.pun .postmsg .postimg a:hover img, .pun .postmsg .postimg a:active img, .pun .postmsg .postimg a:focus img { + border-color: #80ee80; + } + +.pun h2 a:link, .pun h2 a:visited, +#brdmenu a:link, #brdmenu a:visited { + color: #d4d4d4 + } + +.pun h2 a:hover, .pun h2 a:active, +#brdmenu a:hover, #brdmenu a:active { + color: #d4d4d4 + } + +.pun .postreport a:link, .pun .postreport a:visited, +.pun .iclosed td.tcl a:link, .pun .iclosed td.tcl a:visited { + color: #888 + } + +.pun .postreport a:hover, .pun .postreport a:active, +.pun .iclosed td.tcl a:hover, .pun .iclosed td.tcl a:active { + color: #aaa + } + +.pun .maintenancelink a:link, .pun .maintenancelink a:visited { + color: #ff4000 + } + +.pun .maintenancelink a:hover, .pun .maintenancelink a:active { + color: #ff5010 + } + +/* Status Indicators +----------------------------------------------------------------*/ + +.pun .icon { + border-color: #484848 #404040 #3c3c3c #444444 + } + +.pun .iredirect .icon { + border-color: #383838 #383838 #383838 #383838 + } + +.pun .inew .icon { + border-color: #60c860 #54af54 #499849 #59b657 + } diff --git a/style/Sulfur.css b/style/Sulfur.css new file mode 100644 index 0000000..0bf449f --- /dev/null +++ b/style/Sulfur.css @@ -0,0 +1,1149 @@ +/***************************************************************** +1. INITIAL SETTINGS +*****************************************************************/ + +/* Limited Reset +----------------------------------------------------------------*/ + +.pun table, .pun div, .pun form, .pun p, .pun h1, .pun h2, .pun h3, +.pun h4, .pun h5, .pun pre, .pun blockquote, .pun ul, .pun ol, .pun li, .pun dl, +.pun dt, .pun dd, .pun th, .pun td, .pun fieldset, .pun img, .pun abbr, .pun cite { + margin: 0; + padding: 0; + border: 0; + } + +.pun ul, .pun ol { + list-style: none + } + + +/* Structural Settings +----------------------------------------------------------------*/ + +.pun .clearer, .pun .nosize { + height: 0; + width: 0; + line-height: 0; + font-size: 0; + overflow: hidden + } + +.pun .clearer, .pun .clearb { + clear: both + } + +.pun .nosize { + position: absolute; + left: -9999em; + text-indent: -9999em; + width: 0; + } + +* html .inbox, * html .inform, * html .pun, * html .tclcon, * html .codebox { + height: 1px + } + +.pun, .pun .inbox, .pun .inform, .pun .tclcon, .pun .codebox { + min-height: 1px + } + +.clearl { + clear: left; + } + +/* Hidden Elements +----------------------------------------------------------------*/ + +#brdfooter h2, #brdstats h2, #brdstats .conl dt, #brdstats .conr dt, +#modcontrols dt, #searchlinks dt, div.postright h3, span.closedtext, +.pun .required strong span { + position: absolute; + display: block; + overflow: hidden; + width: 0; + left: -9999em; + text-indent: -9999em; + } + +/***************************************************************** +2. TEXT & CONTENT +*****************************************************************/ + +/* Text Defaults +----------------------------------------------------------------*/ + +.pun { + font: 68.75%/1.4545em Verdana, Helvetica, Arial, sans-serif; + line-height: normal; + } + +.pun table, .pun td, .pun th, .pun input, .pun select, .pun optgroup, .pun textarea, .pun samp, .pun legend { + font-size: 1em; + font-family: verdana, helvetica, arial, sans-serif; + } + +.pun pre, .pun code { + font-size: 1.182em; + font-family: consolas, monaco, "bitstream vera sans mono", "courier new", courier, monospace + } + +.pun pre code { + font-size: 1em; + } + +.pun strong { + font-weight: bold; + } + +.pun em { + font-style: italic; + } + + +/* Content Defaults +----------------------------------------------------------------*/ + +.pun p, .pun ul, .pun ol, .pun dl { + font-size: 1em; + padding: 3px 0; + } + +.pun h2 { + font-size: 1em; + font-weight: normal; + padding: 4px 6px; + } + +.pun h3 { + font-size: 1.091em; + padding: 3px 0; + } + +.pun table p, .pun table h3 { + padding: 0; + } + +.pun span.warntext, .pun p.warntext { + font-weight: bold + } + +/* User Content (Announcements, Rules, Posts) +----------------------------------------------------------------*/ + +.pun .usercontent p, .pun .postmsg p { + padding: 0.75em 0 + } + +.pun .usercontent ul, .pun .postmsg ul { + padding: 0.75em 1em 0.75em 2.5em; + list-style: disc + } + +.pun .usercontent ol, .pun .postmsg ol { + padding: 0.75em 1em 0.75em 2.5em; + list-style: decimal + } + +.pun .usercontent ol.alpha, .pun .postmsg ol.alpha { + list-style: lower-alpha + } + +.pun .usercontent li ol, .pun .usercontent li ul, .pun .postmsg li ol, .pun .postmsg li ul { + padding: 0.25em 1em 0.75em 2.5em + } + +.pun .usercontent li p, .pun .postmsg li p { + padding: 0 + } + +.pun .usercontent h1 { + font-size: 1.4em; + font-weight: bold; + padding: 0.75em 0 0 0 + } + +.pun .usercontent h2 { + font-size: 1.2em; + font-weight: bold; + padding: 0.75em 0 0 0 + } + +.pun .usercontent h3 { + font-size: 1.1em; + font-weight: bold; + padding: 0.75em 0 0 0 + } + +.pun .usercontent h4, .pun .usercontent h5, .pun .usercontent h6 { + font-size: 1em; + font-weight: bold; + padding: 0.75em 0 0 0 + } + +.pun .quotebox cite { + font-weight: bold; + font-style: normal; + padding: 0.75em 0.75em 0 0.75em + } + +.pun span.bbu { + text-decoration: underline + } + +.pun span.bbs, .pun del { + text-decoration: line-through; + } + +.pun .postmsg ins, #punhelp samp ins { + text-decoration: none; + } + +.pun div.postmsg h5, #punhelp h5 { + font-size: 1.1em; + font-weight: bold; + padding: 0.75em 0 0 0; + } + + +/***************************************************************** +3. COMMON STYLES +*****************************************************************/ + +/* Page Layout +----------------------------------------------------------------*/ + +html, body { + margin: 0; + padding: 0 + } + +.pun { + max-width: 1070px; + width: 95%; + margin: 0 auto; + padding: 12px 20px; + } + +#punredirect, #punmaint, #puninstall, #pundb_update { + margin: 50px 20% 12px 20% + } + + +/* Vertical Element Spacing +----------------------------------------------------------------*/ + +#brdheader { + margin: 0 0 12px 0; + } + +#brdtitle p { + padding-top: 0px + } + +#announce, #brdstats { + margin: 12px 0 12px 0; + } + +.pun .blocktable, .pun .block, .pun .blockform, .pun .block2col, #postreview { + margin-bottom: 12px + } + +#punindex .blocktable, .pun .blockpost { + margin-bottom: 6px + } + +#postreview .blockpost { + margin-bottom: -1px; + } + +.pun .block2col .blockform, .pun .block2col .block { + margin-bottom: 0px + } + +.pun .linkst, .pun .linksb { + margin-top: -12px + } + +.pun .postlinksb { + margin-top: -6px + } + + +/* External Borders +----------------------------------------------------------------*/ + +.pun .box { + border-style: solid; + border-width: 1px; + } + +#brdheader .box { + border-top-width: 4px; + } + +/* Default Internal Spacing +----------------------------------------------------------------*/ + +.pun .block .inbox, .pun .blockmenu .inbox { + padding: 3px 6px + } + +/***************************************************************** +4. COMMON BOARD ELEMENTS +*****************************************************************/ + +/* Board Header +----------------------------------------------------------------*/ + +#brdtitle h1 { + font-size: 1.4em; + font-weight: bold; + padding: 3px 0 0 0; + } + +#brdmenu li { + display: inline; + margin-right: 12px; + } + +#brdmenu a:link, #brdmenu a:visited { + text-decoration: none + } + +#brdmenu a:hover, #brdmenu a:active { + text-decoration: underline + } + +#brdwelcome .conl { + float: left; + } + +#brdwelcome .conr { + float: right; + text-align: right; + } + +/* Breadcrumbs and Post Links +----------------------------------------------------------------*/ + +.pun .linkst { + padding: 8px 6px 3px 6px + } + +.pun .linksb, .pun .postlinksb { + padding: 3px 6px 8px 6px + } + +.pun .crumbs { + clear: both; + width: 100%; + overflow: hidden; + } + +.pun .crumbs li { + display: inline; + white-space: nowrap; + font-weight: bold; + } + +.pun .pagelink { + float: left; + white-space: nowrap; + } + +.pun .postlink { + font-weight: bold; + white-space: nowrap; + } + +.pun .postlink, .pun .modbuttons { + float: right; + text-align: right; + } + +.pun .modbuttons { + padding: 1px 0; + white-space: nowrap; + } + +.pun .modbuttons input { + margin-left: 6px; + } + +.pun .postlink a:link, .pun .postlink a:visited { + text-decoration: none + } + +.pun .postlink a:hover, .pun .postlink a:active { + text-decoration: underline; + } + +#punindex .subscribelink { + margin-top: 6px; + } + +/* Board Footer +----------------------------------------------------------------*/ + +#brdfooter .conl { + float: left; + } + +#brdfooter .conr { + float: right; + text-align: right; + } + +#brdfooter #modcontrols { + border-bottom-style: solid; + border-bottom-width: 1px; + text-align: center; + } + +#brdfooter #modcontrols dd { + display: inline; + margin:0 6px; + } + + +/* Board Stats +----------------------------------------------------------------*/ + +#brdstats .conl { + float: left; + } + +#brdstats .conr { + float: right; + text-align: right; + } + +#onlinelist dd, #onlinelist dt { + display: inline; + } + + +/***************************************************************** +5. MAIN TABLES +*****************************************************************/ + +.pun table { + width: 100%; + border-collapse: collapse; + border-spacing: 0; + empty-cells: show; + } + +.pun .blocktable table { + table-layout: fixed; + } + +.pun td, .pun th { + padding: 4px 6px; + text-align: left; + font-weight: normal; + } + +.pun td, .pun th { + border-style: solid none none solid; + border-width: 1px; + } + +.pun .tcl { + border-left: 0; + width: auto; + } + +.pun .tc2, .pun .tc3, .pun .tcmod { + width: 10%; + text-align: center; + padding: 4px 0; + } + +.pun .tcr { + width: 30%; + } + +.pun .tcl h3 { + font-size: 1.091em; + font-weight: bold; + } + +.pun .tcl h3 span.newtext { + font-size: 0.917em; + } + +.pun .tcl span.newtext, .pun .tcl span.pagestext { + white-space: nowrap; + font-weight: normal; + } + +.pun td span.byuser { + white-space: nowrap; + } + +.pun .tcl p { + padding: 5px 0 0 0 + } + +#punsearch #vf .tc2 { + width: 18%; + text-align: left; + padding: 4px 6px; + } + +#users1 .tcr { + width: 25% + } + +#users1 .tc2 { + width: 25%; + text-align: left; + padding: 4px 6px; + } + +#debug .tcl { + width: 10% + } + +#debug .tcr { + width: 90%; + white-space: normal + } + +#punindex .tcr .byuser { + display: block + } + +.pun .blocktable .tclcon { + padding: 0 11px 0 12px; + overflow: hidden; + min-height: 1px; + position: relative; + } + +.pun .blocktable .tclcon div { + width: 100%; + overflow: hidden; + } + +.pun .icon { + margin: 0.1em 0 0 0.2em; + border-width: 0.6em; + border-style: solid; + height: 0; + width: 0; + overflow: hidden; + float: left; + } + +.pun .icon div { + position: absolute; + left: -9999em; + text-indent: -9999em; + height: 0; + } + +.pun .iposted .ipost { + position: absolute; + left: 0; + font-weight: bold; + width: 8px; + padding-left: 4px; + text-align: center; + top: 0; + } + +/***************************************************************** +6. MAIN FORMS +*****************************************************************/ + +.pun .blockform form, .pun .fakeform { + PADDING: 20px 20px 15px 20px + } + +.pun .forminfo { + margin-bottom: 12px; + padding: 9px 10px; + border-style: solid; + border-width: 1px; + } + +.pun .forminfo h3 { + font-weight: bold; + } + +.pun .inform { + padding-bottom: 12px + } + +.pun fieldset { + padding: 0px 12px 0px 12px; + border-style: solid; + border-width: 1px + } + +.pun legend { + padding: 0px 6px + } + +.pun .infldset { + padding: 9px 0px 12px 0 + } + +.pun label { + display: block; + padding: 3px 0 + } + +.pun label.conl { + float: left; + overflow: visible; + margin-right: 10px + } + +.pun fieldset .rbox br { + display: none; + } + +.pun fieldset .rbox label { + padding: 3px 0 3px 25px; + position: relative; + vertical-align: middle; + } + +.pun fieldset .rbox input { + margin: 0 9px 0 -25px; + padding: 0; + width: 16px; + position: relative; + vertical-align: middle; + } + +.pun .txtarea { + width: 75% + } + +.pun .txtarea textarea, .pun input.longinput { + width: 100% + } + +.pun .bblinks { + padding-bottom: 10px; + padding-left: 4px + } + +.pun .bblinks li { + display: inline; + padding-right: 20px + } + +.pun .blockform .buttons { + padding-left: 12px; + } + +.pun .blockform .buttons input { + margin-right: 8px; + } + +#posterror ul { + list-style: square; + padding: 3px 0 3px 24px; + } + +.pun .deletemsg { + border-style: solid; + border-width: 1px; + padding: 6px 15px; + } + +.pun p.actions span { + margin-right: 12px; + } + +.pun .multiselect { + float: left; + padding-bottom: 7px; + } + +.pun .checklist { + border-width: 1px; + border-style: solid; + max-height: 9em; + width: 20em; + overflow: auto; + padding: 0.3em 0.5em; + margin: 0.25em 16px 0 0.15em; + } + +.pun .checklist fieldset { + border: 0; + padding: 0; + } + +.pun .checklist legend { + padding: 0; + } + +.pun .checklist legend span { + width: auto; + max-width: 25em; + } + +/***************************************************************** +7. PROFILES AND ADMIN +*****************************************************************/ + +.pun .block2col { + padding-bottom: 1px + } + +.pun .block2col .blockform, .pun .block2col .block { + margin-left: 14em + } + +.pun .blockmenu { + float:left; + width: 13em + } + +.pun .blockmenu li { + padding: 3px 0; + font-weight: bold; + } + +.pun .blockmenu a:link, .pun .blockmenu a:visited { + text-decoration: none + } + +.pun .blockmenu a:hover, .pun .blockmenu a:active { + text-decoration: underline + } + +#viewprofile dl { + float: left; + width: 100%; + overflow: hidden + } + +#viewprofile dd { + margin-left: 14em; + padding: 3px; + } + +#viewprofile dt { + float: left; + width: 13em; + margin: 3px 0; + } + +#profileavatar img { + float: right; + margin-left: 1em + } + +#adintro ul { + list-style-type: disc; + margin-left: 8px; + padding-left: 16px; + } + +/***************************************************************** +8. MAIN POSTS +*****************************************************************/ + +.pun .blockpost h2 a:link, .pun .blockpost h2 a:visited { + text-decoration: none; + } + +.pun .blockpost h2 a:hover, .pun .blockpost h2 a:active { + text-decoration: underline; + } + +.pun .blockpost h2 .conr { + float: right; + text-align: right; + } + +#punsearch .blockpost h2 span { + white-space: nowrap; + } + +.pun .blockpost .box { + overflow: hidden; + } + +.pun .postleft, .pun .postfootleft { + float:left; + width: 18em; + position: relative; + overflow: hidden; + } + +.pun .postleft dl { + padding: 6px; + } + +.pun .postleft .usercontacts, .pun .postleft .icon { + margin-top: 6px + } + +.pun .postleft .postavatar, .pun .postleft .usertitle { + margin-bottom: 6px; + display: block; + } + +.pun .blockpost dt { + font-size: 1.091em; + font-weight: bold; + } + +.pun .blockpost dt a:link, .pun .blockpost dt a:visited { + text-decoration: none; + } + +.pun .blockpost dt a:hover, .pun .blockpost dt a:active { + text-decoration: underline; + } + +.pun .postright, .pun .postfootright { + border-left-width: 18em; + border-left-style: solid + } + +#postpreview .postright { + border-left: 0 + } + +.pun .postright { + padding: 0 6px; + } + +.pun .postfootright, .pun .multidelete { + text-align: right + } + +.pun .postmsg { + width:98%; + overflow: hidden; + padding-bottom: 6px; + word-wrap: break-word; + } + +.pun .postfootright ul, .pun .postfootright div, .pun .postfootright p, +.pun .postfootleft p { + padding: 10px 6px 5px 6px; + } + +.pun .postfootright li { + display: inline; + } + +.pun .postfootright li:before { + content: " | "; + } + +.pun .postfootright li:first-child:before { + content: ""; + } + +.pun .postfootright a:link, .pun .postfootright a:visited { + text-decoration: none + } + +.pun .postfootright a:hover, .pun .postfootright a:active { + text-decoration: underline + } + +.pun .codebox { + border-style: solid; + border-width: 1px; + margin: 0.75em 1em; + padding: 0; + } + +.pun .quotebox { + border-style: solid; + border-width: 1px; + margin: 0.75em 1em; + padding: 0 0.75em; + } + +.pun .quotebox cite { + display: block; + padding: 0.75em 0 0 0; + } + +.pun .quotebox blockquote { + width: 100%; + overflow: hidden + } + +.pun .codebox pre { + overflow: auto; + width: 100%; + overflow-y:hidden + } + +* html .pun .codebox pre { + padding-bottom: 10px; + } + +*+html .pun .codebox pre { + padding-bottom: 10px + } + +.pun .codebox pre code { + display: block; + padding: 0.75em; + } + +.pun .codebox pre.vscroll { + height: 32em; + overflow: auto; + overflow-y: auto + } + +.pun .postmsg img { + vertical-align: bottom; + } + +.pun .postsignature hr { + margin-left: 0px; + width: 200px; + text-align: left; + height: 1px; + border:none + } + +.pun .postmsg .postimg img { + max-width: 98%; + vertical-align: middle; + margin: 7px 0.5em 7px 0; + } + +.pun .postmsg .postimg a:link img, .pun .postmsg .postimg a:visited img { + border-style: solid; + border-width: 2px; + } + +.pun .blockpost label { + padding: 3px 6px; + border-style: solid; + border-width: 1px; + vertical-align: middle; + display: inline-block; + } + +.pun .blockpost label * { + vertical-align: middle; + margin: 0; + padding: 0; + } + +/****************************************************************/ +/* 9. HELP FILES AND MISC. */ +/****************************************************************/ + +#punhelp h2 { + margin-top: 12px + } + +#punhelp div.box { + padding: 10px + } + +#debugtime { + margin-top: -12px; + text-align: center; + } + +#brdwelcome, #brdfooter dl a, div.blockmenu li, div.rbox input { + line-height: 1.4em + } + +#announce div.inbox div { + padding: 3px 0 + } + +/***************************************************************** +COLOUR SCHEME +*****************************************************************/ + +/* Background / Text +----------------------------------------------------------------*/ + +body { + background: #fff; + color: #333 + } + +.pun { + color: #333 + } + +.pun .box, #adminconsole fieldset th { + background-color: #f1f1f1 + } + +.pun td.tc2, .pun td.tc3, .pun td.tcmod, #postpreview, #viewprofile dd, .pun .forminfo, +#brdfooter #modcontrols, #adminconsole fieldset td, .pun .blockmenu .box, #adstats dd { + background-color: #dedfdf + } + +.pun h2, #brdmenu { + background-color: #b84623; + color: #fff + } + +.pun th { + background-color: #d1d1d1 + } + +.pun legend { + color: #822100 + } + +.pun .blockmenu li.isactive a, #posterror li strong { + color: #333 + } + +.pun .usercontent * { + background: transparent; + color: #333 + } + +.pun .multiselect, .pun .checklist { + color: #333; + } + +.pun .checklist { + border-color: #ACA899; + } + +/* Posts +----------------------------------------------------------------*/ + +.pun .blockpost .box, .pun .postright, .pun .postfootright, .pun .deletemsg { + background-color: #dedfdf + } + +.pun .postright, .pun .postfootright { + border-left-color: #f1f1f1 + } + +.pun .postleft, .pun .postfootleft, .pun .blockpost label, .pun .codebox, .pun .quotebox { + background-color: #f1f1f1 + } + +#punhelp .codebox, #punhelp .quotebox { + background-color: #f9f9f9; + } + +.pun .blockpost h2 { + background-color: #d25028 + } + +.pun .blockpost h2 span.conr { + color: #fccfc1 + } + +.pun .postmsg ins, #punhelp samp ins { + background-color: #ff0; + } + +.pun hr { + background-color: #333; + color: #333 + } + +/* Borders +----------------------------------------------------------------*/ + +.pun .box { + border-color: #b84623 + } + +.pun td, #brdfooter #modcontrols { + border-color: #e1c3c3 + } + +.pun th { + border-color: #d1d1d1 + } + +.pun fieldset { + border-color: #aca899 + } + +#adminconsole td, #adminconsole th { + border-color: #f1f1f1 + } + +.pun .quotebox, .pun .codebox, .pun .forminfo, +.pun .blockpost label, .pun .deletemsg { + border-color: #aca899 #fff #fff #aca899 + } + +/* Links +----------------------------------------------------------------*/ + +.pun a:link, .pun a:visited { + color: #822100 + } + +.pun a:hover, .pun a:active, .pun a:focus { + color: #ca3300 + } + +.pun .postmsg .postimg a:link img, .pun .postmsg .postimg a:visited img { + border-color: #822100; + } + +.pun .postmsg .postimg a:hover img, .pun .postmsg .postimg a:active img, .pun .postmsg .postimg a:focus img { + border-color: #ca3300; + } + +.pun h2 a:link, .pun h2 a:visited, +#brdmenu a:link, #brdmenu a:visited { + color: #fff + } + +.pun h2 a:hover, .pun h2 a:active, +#brdmenu a:hover, #brdmenu a:active { + color: #fff + } + +.pun .postreport a:link, .pun .postreport a:visited, +.pun .iclosed td.tcl a:link, .pun .iclosed td.tcl a:visited { + color: #888 + } + +.pun .postreport a:hover, .pun .postreport a:active, +.pun .iclosed td.tcl a:hover, .pun .iclosed td.tcl a:active { + color: #aaa + } + +.pun .maintenancelink a:link, .pun .maintenancelink a:visited { + color: #b42000 + } + +.pun .maintenancelink a:hover, .pun .maintenancelink a:active { + color: #b42000 + } + +/* Status Indicators +----------------------------------------------------------------*/ + +.pun .icon { + border-color: #e6e6e6 #dedede #dadada #e2e2e2 + } + +.pun .iredirect .icon { + border-color: #f1f1f1 #f1f1f1 #f1f1f1 #f1f1f1 + } + +.pun .inew .icon { + border-color: #c23000 #af2c00 #992600 #ac2b00 + } diff --git a/style/Technetium.css b/style/Technetium.css new file mode 100644 index 0000000..aa87399 --- /dev/null +++ b/style/Technetium.css @@ -0,0 +1,1373 @@ +/***************************************************************** +Technitium theme CSS +*****************************************************************/ + +/***************************************************************** +1. INITIAL SETTINGS +*****************************************************************/ + +/* Limited Reset +----------------------------------------------------------------*/ + +.pun table, .pun div, .pun form, .pun p, .pun h1, .pun h2, .pun h3, +.pun h4, .pun h5, .pun pre, .pun blockquote, .pun ul, .pun ol, .pun li, .pun dl, +.pun dt, .pun dd, .pun th, .pun td, .pun fieldset, .pun img, .pun abbr, .pun cite { + margin: 0; + padding: 0; + border: 0; +} + +.pun ul, .pun ol { + list-style: none +} + + +/* Structural Settings +----------------------------------------------------------------*/ + +body { + line-height: 1.9em; +} + +.pun { + width: 95%; + margin: 0 auto; +} + +.pun .clearer, .pun .nosize { + height: 0; + width: 0; + line-height: 0; + font-size: 0; + overflow: hidden +} + +.pun .clearer, .pun .clearb { + clear: both +} + +.pun .nosize { + position: absolute; + left: -9999em; + text-indent: -9999em; + width: 0; +} + +* html .inbox, * html .inform, * html .pun, * html .tclcon, * html .codebox { + height: 1px +} + +.pun, .pun .inbox, .pun .inform, .pun .tclcon, .pun .codebox { + min-height: 1px +} + +.clearl { + clear: left; +} + +/* Hidden Elements +----------------------------------------------------------------*/ + +#brdfooter h2, #brdstats h2, #brdstats .conl dt, #brdstats .conr dt, +#modcontrols dt, #searchlinks dt, div.postright h3 { + position: absolute; + display: block; + overflow: hidden; + width: 0; + left: -9999em; + text-indent: -9999em; +} + +/***************************************************************** +2. TEXT & CONTENT +*****************************************************************/ + +/* Text Defaults +----------------------------------------------------------------*/ + +.pun { + font: 10pt Georgia, Times, "Times New Roman", serif +} + +.pun table, .pun td, .pun th, .pun input, .pun select, .pun optgroup, .pun textarea, .pun samp, .pun legend { + font-size: 1em; + font-family: Georgia, Times, "Times New Roman", serif; +} + +.pun pre, .pun code { + font-size: 1.182em; + font-family: consolas, monaco, "bitstream vera sans mono", "courier new", courier, monospace +} + +.pun pre code { + font-size: 1em; +} + +.pun strong { + font-weight: bold; +} + +.pun em { + font-style: italic; +} + +#vf td { + font-size: 1.1em; +} + + +/* Content Defaults +----------------------------------------------------------------*/ + +.pun p, .pun ul, .pun ol, .pun dl { + font-size: 1em; + padding: 3px 0; +} + +.pun h2 { + font-size: 1.5em; + font-weight: normal; + padding: 4px 6px; + padding: 6px; + border-radius: 0.3em 0.3em 0 0; +} + +.pun h2 #brdmenu { + font-size: 1.1em; +} + +.pun .blockpost h2 { + font-size: 1.0em; + padding: 8px; +} + +.pun h3 { + font-size: 1.091em; + padding: 3px 0; +} + +.pun table p, .pun table h3 { + padding: 0; +} + +.pun span.warntext, .pun p.warntext { + font-weight: bold +} + +.pun .postleft dl dt { + font-size: 1.4em; +} + +/* User Content (Announcements, Rules, Posts) +----------------------------------------------------------------*/ + +.pun .usercontent p, .pun .postmsg p { + padding: 0.5em 0; + line-height: 1.6em; +} + +.pun .usercontent ul, .pun .postmsg ul { + padding: 0.75em 1em 0.75em 2.5em; + list-style: disc +} + +.pun .usercontent ol, .pun .postmsg ol { + padding: 0.75em 1em 0.75em 2.5em; + list-style: decimal +} + +.pun .usercontent ol.alpha, .pun .postmsg ol.alpha { + list-style: lower-alpha +} + +.pun .usercontent li ol, .pun .usercontent li ul, .pun .postmsg li ol, .pun .postmsg li ul { + padding: 0.25em 1em 0.75em 2.5em +} + +.pun .usercontent li p, .pun .postmsg li p { + padding: 0 +} + +.pun .usercontent h1 { + font-size: 1.4em; + font-weight: bold; + padding: 0.75em 0 0 0 +} + +.pun .usercontent h2 { + font-size: 1.2em; + font-weight: bold; + padding: 0.75em 0 0 0 +} + +.pun .usercontent h3 { + font-size: 1.1em; + font-weight: bold; + padding: 0.75em 0 0 0 +} + +.pun .usercontent h4, .pun .usercontent h5, .pun .usercontent h6 { + font-size: 1em; + font-weight: bold; + padding: 0.75em 0 0 0 +} + +.pun .quotebox cite { + font-weight: bold; + font-style: normal; + padding: 0.75em 0.75em 0 0.75em +} + +.pun span.bbu { + text-decoration: underline +} + +.pun span.bbs, .pun del { + text-decoration: line-through; +} + +.pun .postmsg ins, #punhelp samp ins { + text-decoration: none; +} + +.pun div.postmsg h5, #punhelp h5 { + font-size: 1.1em; + font-weight: bold; + padding: 0.75em 0 0 0; +} + +/***************************************************************** +3. COMMON STYLES +*****************************************************************/ + +/* Page Layout +----------------------------------------------------------------*/ + +.pun { + max-width: 1070px; + width: 95%; + margin: 0 auto; + padding: 12px 20px; +} + +#punredirect, #punmaint, #puninstall, #pundb_update { + margin: 50px 20% 12px 20%; + width: auto; +} + + +/* Vertical Element Spacing +----------------------------------------------------------------*/ + +#brdheader { + margin: 0 0 12px 0; +} + +#announce, #brdstats { + margin: 12px 0 12px 0; +} + +.pun .blocktable, .pun .block, .pun .blockform, .pun .block2col, #postreview { + margin-bottom: 12px +} + +#punindex .blocktable, .pun .blockpost { + margin-bottom: 6px +} + +#postreview .box { + margin-bottom: 3px; +} + +.pun .block2col .blockform, .pun .block2col .block { + margin-bottom: 0px +} + +.pun .linkst, .pun .linksb { + margin-top: -12px +} + +.pun .postlinksb { + margin-top: -6px +} + + +/* External Borders +----------------------------------------------------------------*/ + +.pun .box { + border-style: solid; + border-width: 1px; +} + + +.pun h2 { + border-width: 1px; + border-style: solid; + border-bottom: none; +} + + +/* Default Internal Spacing +----------------------------------------------------------------*/ + +.pun .block .inbox, .pun .blockmenu .inbox { + padding: 3px 6px +} + +/***************************************************************** +4. COMMON BOARD ELEMENTS +*****************************************************************/ + +/* Board Header +----------------------------------------------------------------*/ + +#brdtitle h1 { + font-size: 1.5em; + line-height: 1.1em; + padding: 3px 0 0 0; +} + +#brdmenu { + font-size:1.2em; +} + +#brddesc { + padding: 3px 0; +} + +#brddesc * { + padding-top: 0; + padding-bottom: 0; +} + + +#brdmenu li { + display: inline; + margin-right: 10px; + margin-top: 12px; + margin-bottom: 12px; +} + + +#brdmenu a:link, #brdmenu a:visited { + text-decoration: none; + text-shadow: #FFF 1px -1px 0.4em; + padding: 0.2em; +} + +#brdwelcome .conl { + float: left; + white-space: nowrap; +} + +#brdwelcome li { + float:left; + margin-right:8px; + white-space:nowrap; +} + +#brdwelcome .conl li strong:after { + content: '.' +} + +#brdwelcome .conr { + float: right; + text-align: right; +} + +#brdwelcome .conr li { + float: right; + text-align: right; +} + +/* Breadcrumbs and Post Links +----------------------------------------------------------------*/ + +.pun .linkst { + padding: 8px 6px 3px 6px +} + +.pun .linksb, .pun .postlinksb { + padding: 3px 6px 8px 6px +} + +.pun .crumbs { + clear: both; + width: 100%; + overflow: hidden; +} + +.pun .crumbs li { + display: inline; + white-space: nowrap; + font-weight: bold; +} + +.pun .linkst .crumbs { + font-size: 1.3em; +} + +.pun .pagelink { + float: left; + display: block; + white-space: normal; +} + +.pun .postlink { + font-size: 1.1em; + font-weight: bold; + white-space: wrap; + text-decoration: none; +} + +.pun .linkst .postlink { + position: relative; + margin-top: -0.2em; + margin-bottom: 0.5em; +} + +.pun .linksb .postlink, .pun .postlinksb .postlink { + position: relative; + margin-top: 0.5em; + margin-bottom: -0.5em; +} + +.pun .postlink, .pun .modbuttons { + float: right; + text-align: right; +} + +.pun .modbuttons { + padding: 1px 0; + white-space: nowrap; +} + +.pun .modbuttons input { + margin-left: 6px; +} + +#punindex .subscribelink { + margin-top: 6px; +} + +/* Board Footer +----------------------------------------------------------------*/ + +#brdfooter #modcontrols { + border-bottom-style: solid; + border-bottom-width: 1px; + text-align: center; +} + +#brdfooter #modcontrols dd { + display: inline; + margin-right: 10px; +} + +#brdfooter .conl { + float: left; +} + +#brdfooter .conr { + float: right; + text-align: right; +} + +#brdfooter #feedlinks span { + background:url("Technetium/feed.png") no-repeat scroll left center transparent; + padding-left:18px; + display: inline; +} + + +/* Board Stats +----------------------------------------------------------------*/ + +#brdstats .conl { + float: left; +} + +#brdstats .conr { + float: right; + text-align: right; +} + +#onlinelist dd, #onlinelist dt { + display: inline; +} + + +/***************************************************************** +5. MAIN TABLES +*****************************************************************/ + +.pun table { + width: 100%; + border-collapse: collapse; + border-spacing: 0; + empty-cells: show; +} + +.pun .blocktable table { + table-layout: fixed; +} + +.pun td, .pun th { + padding: 4px 6px; + line-height: 1.4em; + text-align: left; + font-weight: normal; +} + +.pun td { + border-style: solid none none solid; + border-width: 1px; +} + +.pun .tcl { + border-left: 0; + width: auto; +} + +.pun .tc2, .pun .tc3, .pun .tcmod { + width: 10%; + text-align: center; + padding: 4px 0; +} + +.pun .tcr { + width: 30%; +} + +.pun .tcl h3 { + font-size: 1.3em; + font-weight: bold; +} + +.pun .tcl span.newtext, .pun .tcl span.pagestext { + white-space: nowrap +} + +.pun .tcl p { + padding: 5px 0 0 0 +} + +#punsearch #vf .tc2 { + width: 18%; + text-align: left; + padding: 4px 6px; +} + +#users1 .tcr { + width: 25% +} + +#users1 .tc2 { + width: 25%; + text-align: left; + padding: 4px 6px; +} + +#debug .tcl { + width: 10% +} + +#debug .tcr { + width: 90%; + white-space: normal +} + +#punindex .tcr .byuser { + display: block +} + +.pun .blocktable .tclcon { + padding: 0 11px 0 12px; + overflow: hidden; + min-height: 1px; + position: relative; +} + +.pun .blocktable .tclcon div { + width: 100%; + overflow: hidden; +} + +.pun .icon { + height: 24px; + width: 24px; + overflow: hidden; + float: left; +} + +.pun .icon div { + position: absolute; + left: -9999em; + text-indent: -9999em; + height: 0; +} + +.pun .iposted .ipost { + position: absolute; + left: 0; + font-weight: bold; + width: 8px; + padding-left: 4px; + text-align: center; + top: 0; +} + +.pun .stickytext { + display: none; +} + +.pun .movedtext { + display: none; +} + +.pun .closedtext { + font-weight: bold; +} +/***************************************************************** +6. MAIN FORMS +*****************************************************************/ + + +.pun .forminfo { + margin-bottom: 12px; + padding: 9px 10px; + border-style: solid; + border-width: 1px; +} + +.pun .forminfo h3 { + font-weight: bold; +} + + + +.pun .inform { + padding: 0 18px; +} + +.pun fieldset { + overflow: hidden; + width: 100%; + padding-bottom: 0.8em; +} + +.pun legend { + font-size: 1.2em; + font-weight: bold; + margin-left: -7px; + padding: 10px 19px 7px 19px; +} + +.pun div[class*="inform"] legend { + margin-left: 0; +} + +.pun .infldset { + border-style: solid; + border-width: 1px; + display: inline-block; + overflow: hidden; + padding: 12px 18px; +} + +.pun div[class*="infldset"] { + display: block; +} + +#punregister #rules .infldset { + padding: 5px 18px; +} + +.pun fieldset p { + clear: both; + padding: 0 0 7px 0; + width: 100%; +} + +.pun fieldset .usercontent p { + padding: 7px 0; +} + +.pun fieldset label { + clear: both; + display: block; + padding: 0 0 7px 0; +} + + +.pun label { + display: block; + padding: 3px 0 +} + +.pun label.conl { + float: left; + overflow: visible; + margin-right: 10px +} + +.pun select { + padding-top: 1px; + padding-bottom: 1px; +} + +.pun fieldset .rbox { +} + +.pun fieldset .rbox br { + display: none; +} + +.pun fieldset .rbox label { + padding: 3px 0 3px 25px; + position: relative; + vertical-align: middle; +} + +.pun fieldset .rbox input { + margin: 0 9px 0 -25px; + padding: 0; + width: 16px; + position: relative; + vertical-align: middle; +} + +.pun .txtarea { + width: 90% +} + +.pun .txtarea textarea, .pun input.longinput { + width: 100% +} + +.pun .bblinks { + padding-bottom: 10px; + padding-left: 4px +} + +.pun .bblinks li { + display: inline; + padding-right: 20px +} + +.pun .blockform .buttons { + padding-left: 18px; + padding-bottom: 5px; +} + +.pun .blockform .buttons input { + margin-right: 8px; +} + +#posterror ul { + list-style: square; + padding: 3px 0 3px 24px; +} + +.pun .deletemsg { + border-style: solid; + border-width: 1px; + padding: 6px 15px; +} + +.pun .multiselect { + float: left; + padding-bottom: 7px; +} + +.pun .checklist { + border-width: 1px; + border-style: solid; + max-height: 9em; + width: 20em; + overflow: auto; + padding: 0.25em 0.5em; + margin: 0.25em 16px 0 0.15em; +} + +.pun .checklist legend { + padding: 0; +} + +.pun .checklist legend span { + width: auto; + max-width: 25em; +} + +/***************************************************************** +7. PROFILES AND ADMIN +*****************************************************************/ + +.pun .block2col { + padding-bottom: 1px +} + +.pun .block2col .blockform, .pun .block2col .block { + margin-left: 14em +} + +.pun .blockmenu { + float:left; + width: 13em +} + +.pun .blockmenu li { + padding: 3px 0; + font-weight: bold; +} + +.pun .blockmenu a:link, .pun .blockmenu a:visited { + text-decoration: none +} + +.pun .blockmenu a:hover, .pun .blockmenu a:active { + text-decoration: underline +} + +#viewprofile dl { + float: left; + width: 100%; + overflow: hidden +} + +#viewprofile dd { + margin-left: 14em; + padding: 3px; +} + +#viewprofile dt { + float: left; + width: 13em; + margin: 3px 0; +} + +#profileavatar img { + float: right; + margin-left: 1em +} + +/***************************************************************** +8. MAIN POSTS +*****************************************************************/ + +.pun .blockpost h2 a:link, .pun .blockpost h2 a:visited { + text-decoration: none; +} + +.pun .blockpost h2 a:hover, .pun .blockpost h2 a:active { + text-decoration: underline; +} + +.pun .blockpost h2 .conr { + float: right; + text-align: right; +} + +#punsearch .blockpost h2 span { + white-space: nowrap; +} + +.pun .blockpost .box { + overflow: hidden; +} + +.pun .postleft, .pun .postfootleft { + float:left; + width: 18em; + overflow: hidden; + position: relative; + overflow: hidden; +} + +.pun .postleft dl { + padding: 0.5em 6px; +} + +.pun .postleft .usercontacts, .pun .postleft .icon { + margin-top: 6px +} + +.pun .postleft .postavatar, .pun .postleft .usertitle { + margin-bottom: 6px; + display: block; +} + +.pun .blockpost dt { + font-size: 1.091em; + font-weight: bold; +} + +.pun .blockpost dt a:link, .pun .blockpost dt a:visited { + text-decoration: none; +} + +.pun .blockpost dt a:hover, .pun .blockpost dt a:active { + text-decoration: underline; +} + +.pun .postright, .pun .postfootright { + border-left-width: 18em; + border-left-style: solid +} + +#postpreview .postright { + border-left: 0 +} + +.pun .postright { + padding: 0 6px; +} + +.pun .postfootright, .pun .multidelete { + text-align: right +} + +.pun .postmsg { + width:98%; + overflow: hidden; + padding-bottom: 6px; + word-wrap: break-word; +} + +.pun .postfootright ul, .pun .postfootright div, .pun .postfootright p, +.pun .postfootleft p { + padding: 6px 6px 6px 6px; +} + +.pun .postfootright li { + display: inline; +} + +.pun .postfootright li:before { + content: " | "; +} + +.pun .postfootright li:first-child:before { + content: ""; +} + +.pun .postfootright a:link, .pun .postfootright a:visited { + text-decoration: none +} + +.pun .postfootright a:hover, .pun .postfootright a:active { + text-decoration: underline +} + + +.pun .quotebox, .pun .codebox { + border-style: solid; + border-width: 2px; + border-left: 5px solid; + margin: 0.75em 1em; + padding: 0 0.75em; +} + +.pun .quotebox cite { + display: block; + padding: 0.75em 0 0 0; +} + +.pun .quotebox blockquote { + width: 100%; + overflow: hidden +} + +.pun .codebox pre { + overflow: auto; + width: 100%; + overflow-y:hidden +} + +* html .pun .codebox pre { + padding-bottom: 10px; +} + +*+html .pun .codebox pre { + padding-bottom: 10px +} + +.pun .codebox pre code { + display: block; + padding: 0.75em; +} + +.pun .codebox pre.vscroll { + height: 32em; + overflow: auto; + overflow-y: auto +} + +.pun .postmsg .postimg img, .pun .postmsg a .postimg img { + max-width: 100%; + vertical-align: middle; +} + +.pun .postmsg img { + vertical-align: bottom; +} + +.pun .postsignature hr { + margin-left: 0px; + width: 200px; + text-align: left; + height: 1px; + border:none +} + +.pun .blockpost label { + padding: 3px 6px; + border-style: solid; + border-width: 1px; + vertical-align: middle; + display: inline-block; +} + +.pun .blockpost label * { + vertical-align: middle; + margin: 0; + padding: 0; +} + + +/****************************************************************/ +/* 9. HELP FILES AND MISC. */ +/****************************************************************/ + +#punhelp h2 { + margin-top: 12px +} + +#punhelp div.box { + padding: 10px +} + +/***************************************************************** +COLOUR SCHEME +*****************************************************************/ + +/* Background / Text +----------------------------------------------------------------*/ + +body { + background: #fff url("Technetium/bg.png") repeat-x top; + color: #122434 +} + +.pun { + color: #122434 +} + +.pun .box, #adminconsole fieldset th { + background-color: #FBFCFD; + background-image: url("Technetium/light-shade.png"); + background-position: bottom; + background-repeat: repeat-x; +} + +.pun td.tc2, .pun td.tc3, .pun td.tcmod, #postpreview, #viewprofile dd, .pun .forminfo, +#brdfooter #modcontrols, #adminconsole fieldset td, .pun .blockmenu .box, #adstats dd { + background-color: #F4F9FD; + background-image: url("Technetium/light-shade.png"); + background-repeat: repeat-x; + background-position: bottom; +} + +.pun h2, #brdmenu { + background-color: #C5D8EB; + color: #122434; + background-image: url("Technetium/dark-shade.png"); + background-repeat: repeat-x; + background-position: top; +} + +.pun h2 { + background-color: #C5D8EB; + background-image: url("Technetium/inv-shade.png"); + background-repeat: repeat-x; + color: #122434; + text-shadow: #FFF 1px -1px 0.7em; +} + +.pun #announce h2 { + display: none; +} + +.box #announce-block { + background-color: #FDFCE3; +} + +.pun th { + background-color: #EFF3F8; + background-image: url("Technetium/light-shade.png"); + background-repeat: repeat-x; +} + +.pun td { + background-image: url("Technetium/light-shade.png"); + background-color: #FBFCFD; + background-position: bottom; + background-repeat: repeat-x; +} + +.pun .isticky td { + background-color: #E4EBF1; +} + +.pun .iclosed td { + background-color: #ECEEF0 +} + +.pun .iclosed.isticky td { + background-color: #CDD6E0; +} + +.pun legend { + color: #122434 +} + +.pun .blockmenu li.isactive a, #posterror li strong { + color: #333 +} + +.pun .usercontent * { + background: transparent; + color: #333 +} + +#adminmenu .box { + background: #FBFCFD; +} + +.pun .postlink a:link, .pun .postlink a:visited, .pun .postlink a:active { + background-color:#F0F5FA; + background-image:url(Technetium/inv-shade.png); + background-repeat:repeat-x; + border: 1px solid; + color:#2B3037; + text-shadow: #FFF 1px -1px 0.4em; + padding: 0.3em; + border-radius: 0.4em; + position: relative; +} + +.pun .postlink a:hover { + background-color: #C0D6E9; + color: #000; +} + +#brdheader .box { + background-color:#F0F5FA; + background-image:url(Technetium/light-shade.png); + background-repeat:repeat-x; + background-position: top; + color:#122434; + border-radius: 0.4em; +} + +.pun #brdtitle { + background-color: #D1E1EF; + background-image: url("Technetium/inv-shade.png"); + background-repeat: repeat-x; + text-shadow: #FFF 1px -1px 0.4em; +} + + +.pun .infldset, #pundelete .deletemsg, #adintro .inbox, #adstats .inbox { + background: #FBFCFD url(Technetium/light-shade.png) bottom repeat-x; + border-color: #C0CCD8; +} + +#adintro ul { + list-style-type: disc; + margin-left: 8px; + padding-left: 16px; +} + +.pun .multiselect { + color: #122434; +} + +.pun .checklist { + background: white; + border-color: #A2B5CC; +} + +/* Posts +----------------------------------------------------------------*/ + +.pun .blockpost .box, .pun .postright, .pun .postfootright, .pun .deletemsg { + background-color: #F8FAFD; +} + +.pun .postright, .pun .postfootright { + border-left-color: #F0F5FA +} + +.pun .postleft, .pun .postfootleft, .pun .blockpost label, .pun .codebox, .pun .quotebox { + background-color: #F0F5FA +} + +#punhelp .codebox, #punhelp .quotebox { + background-color: #f9f9f9; +} + +.pun .blockpost h2 { + background-color: #F0F5FA; +} + +.pun .blockpost h2 span.conr { + color: #aabdcd +} + +.pun hr { + background-color: #333; + color: #333 +} + +.pun .quotebox { + background-color: #FAFCFE; +} + +.pun .postmsg ins, #punhelp samp ins { + background-color: #ff0; +} + +/* Borders +----------------------------------------------------------------*/ + +.pun .box, .pun h2, #brdfooter #modcontrols { + border-color: #A2B5CC; +} + +.blocktable #announce h2 { + border-color: #F6B620; +} + +.pun td { + border-color: #A2B5CC; +} + +.pun th, .pun fieldset { + border-color: #A2B5CC; +} + +#adminconsole td, #adminconsole th { + border-style:solid; + border-width:1px 0px !important; +} + +#adminconsole th { + border-width: 1px 0px 1px 1px !important; +} + +#adminconsole td { + border-width: 1px 1px 1px 1px !important; +} + +.pun .forminfo, .pun .blockpost label, .pun .deletemsg { + border-color: #aca899 #fff #fff #aca899; +} + +.pun .quotebox, .pun .codebox { + border-color: #BCD2E9; +} + +.pun .postlink a:link, .pun .postlink a:visited { + border-color: #C0D6E9 +} + + +/* Links +----------------------------------------------------------------*/ + +.pun a:link, .pun a:visited { + color: #1F537B; + text-decoration: none; +} + +.pun a:hover, .pun a:active, .pun a:focus { + color: #9E1D00 +} + +#brdmenu li a:active, #brdmenu li a:link, #brdmenu li a:visited { + color: #1F2E3D; +} + +#brdmenu li a:hover { + color: #000; + text-shadow: #8895A2 1px -1px 0.4em; +} + +#vf a { + font-weight: bold; +} + +.pun .postreport a:link, .pun .postreport a:visited, +.pun .iclosed td.tcl a:link, .pun .iclosed td.tcl a:visited { + color: #888 +} + +.pun .isticky.iclosed td.tcl a:link, .pun .isticky.iclosed td.tcl a:visited { + color: #475F6B !important; +} + +.pun .isticky.iclosed td.tcl a:hover { + color: #577382 !important; +} + + +.pun .postreport a:hover, .pun .postreport a:active, +.pun .iclosed td.tcl a:hover, .pun .iclosed td.tcl a:active { + color: #aaa +} + +.pun .maintenancelink a:link, .pun .maintenancelink a:visited { + color: #b42000 +} + +.pun .maintenancelink a:hover, .pun .maintenancelink a:active { + color: #b42000 +} + + +/* Status Indicators +----------------------------------------------------------------*/ + +.pun .icon { + background-image:url(Technetium/icon-nonew.png); +} + +.pun .iredirect .icon { + background-image:url(Technetium/icon-moved.png); +} + +.pun .inew .icon{ + background-image:url(Technetium/icon-new.png); +} + +.pun .iclosed .icon { + background-image:url(Technetium/icon-closed.png); +} + +.pun .isticky .icon { + background-image:url(Technetium/icon-nonew-sticky.png); +} + +.pun .isticky.inew .icon { + background-image:url(Technetium/icon-new-sticky.png); +} + +.pun .iclosed.isticky .icon { + background-image:url(Technetium/icon-closed-sticky.png); +} + +.pun .imoved .icon { + background-image:url(Technetium/icon-moved.png); +}
\ No newline at end of file diff --git a/style/Technetium/bg.png b/style/Technetium/bg.png Binary files differnew file mode 100644 index 0000000..9261117 --- /dev/null +++ b/style/Technetium/bg.png diff --git a/style/Technetium/dark-shade.png b/style/Technetium/dark-shade.png Binary files differnew file mode 100644 index 0000000..0bd7ae6 --- /dev/null +++ b/style/Technetium/dark-shade.png diff --git a/style/Technetium/darker-shade.png b/style/Technetium/darker-shade.png Binary files differnew file mode 100644 index 0000000..b3ca98a --- /dev/null +++ b/style/Technetium/darker-shade.png diff --git a/style/Technetium/feed.png b/style/Technetium/feed.png Binary files differnew file mode 100644 index 0000000..3704226 --- /dev/null +++ b/style/Technetium/feed.png diff --git a/style/Technetium/icon-closed-sticky.png b/style/Technetium/icon-closed-sticky.png Binary files differnew file mode 100644 index 0000000..92f76a9 --- /dev/null +++ b/style/Technetium/icon-closed-sticky.png diff --git a/style/Technetium/icon-closed.png b/style/Technetium/icon-closed.png Binary files differnew file mode 100644 index 0000000..4d9c93e --- /dev/null +++ b/style/Technetium/icon-closed.png diff --git a/style/Technetium/icon-moved.png b/style/Technetium/icon-moved.png Binary files differnew file mode 100644 index 0000000..2484c2f --- /dev/null +++ b/style/Technetium/icon-moved.png diff --git a/style/Technetium/icon-new-sticky.png b/style/Technetium/icon-new-sticky.png Binary files differnew file mode 100644 index 0000000..e9fb5a6 --- /dev/null +++ b/style/Technetium/icon-new-sticky.png diff --git a/style/Technetium/icon-new.png b/style/Technetium/icon-new.png Binary files differnew file mode 100644 index 0000000..a832adb --- /dev/null +++ b/style/Technetium/icon-new.png diff --git a/style/Technetium/icon-nonew-sticky.png b/style/Technetium/icon-nonew-sticky.png Binary files differnew file mode 100644 index 0000000..f148013 --- /dev/null +++ b/style/Technetium/icon-nonew-sticky.png diff --git a/style/Technetium/icon-nonew.png b/style/Technetium/icon-nonew.png Binary files differnew file mode 100644 index 0000000..547c760 --- /dev/null +++ b/style/Technetium/icon-nonew.png diff --git a/style/Technetium/index.html b/style/Technetium/index.html new file mode 100644 index 0000000..89337b2 --- /dev/null +++ b/style/Technetium/index.html @@ -0,0 +1 @@ +<html><head><title>.</title></head><body>.</body></html> diff --git a/style/Technetium/inv-shade.png b/style/Technetium/inv-shade.png Binary files differnew file mode 100644 index 0000000..eb9650b --- /dev/null +++ b/style/Technetium/inv-shade.png diff --git a/style/Technetium/light-shade.png b/style/Technetium/light-shade.png Binary files differnew file mode 100644 index 0000000..cd95460 --- /dev/null +++ b/style/Technetium/light-shade.png diff --git a/style/imports/base_admin.css b/style/imports/base_admin.css new file mode 100644 index 0000000..d046690 --- /dev/null +++ b/style/imports/base_admin.css @@ -0,0 +1,54 @@ +#adminconsole .block2 {margin-top: 12px} + +/*** Admin Main Content ***/ +* html #adstats dd {height: 1%} +#adstats dd {margin-left: 14em; padding: 3px; margin-bottom: 5px; line-height: 1.5em} +#adstats dt {float: left; width: 13em; padding: 3px; line-height: 1.5em} +#adstats {padding: 15px 15px 5px 10px} +#adintro {padding: 5px} +#adintro p {padding: 10px} +#adstats dl {padding: 5px 0 10px 5px} +#adalerts {padding: 10px} +#adalerts p {padding: 10px; background: #ffffe1; color: #000000; border: 1px solid #dfe6ee} + +#adminconsole fieldset td {text-align: left; padding: 4px; white-space: normal} +#adminconsole fieldset th {text-align: left; padding: 4px; white-space: normal} +#adminconsole fieldset td span, #adminconsole fieldset th span {display: block; font-size: 1em; font-weight: normal} +#adminconsole th {width: 15em; font-weight: bold} +#adminconsole input, #adminconsole select, #adminconsole textarea {margin-bottom: 0; margin-top: 0; font-weight: normal} +#adminconsole table.aligntop th, #adminconsole table.aligntop td {vertical-align: top} +#adminconsole table.aligntop th {padding-top: 0.7em} +#adminconsole td, #adminconsole th {border-style: solid; border-width: 3px 0 3px 0} +#adminconsole p {padding-bottom: 6px} +#adminconsole .topspace {padding-top: 6px} +#adminconsole p.submittop, #adminconsole p.submitend {text-align: center} +#adminconsole th.hidehead {color: #f1f1f1} +#adminconsole thead th {padding-bottom: 0} +#adminconsole p.linkactions {font-weight: bold; padding-left: 5px} +#adminconsole th input, #adminconsole div.fsetsubmit {margin-top: 6px} + +/*** Particular table settings ***/ +#categoryedit .tcl {width: 25%} +#censoring .tcl, #censoring .tc2 {width: 20%} +#edforum .tcl, #edforum .tc2 {width: 8%} +#edforum .tc2 {width: 6%} + +table#forumperms th, table#forumperms td {white-space: normal; width: auto; text-align: center} +table#forumperms .atcl {text-align: left; width: 15em; white-space: nowrap} +#adminconsole td.nodefault {background-color: #d59b9b} + +/*** User/Ban Search Result Tables ***/ +#users2 th, #bans1 th {text-align: left} +#users2 th.tcmod {text-align: center} +#users2 .tcl, #bans1 .tcl {width: auto; text-align: left; padding: 4px 6px} +#users2 .tc2, #bans1 .tc2 {width: 18%; text-align: left; padding: 4px 6px} +#users2 .tc3, #users2 .tc5, #bans1 .tc3, #bans1 .tc5, #bans1 .tc6 {width: 12%; text-align: left; padding: 4px 6px} +#users2 .tc4, #bans1 .tc4 {width: 10%; text-align: center} +#users2 .tcr {width: 20%; white-space: nowrap} +#bans1 .tcr {width: 15%; white-space: nowrap} +#users2 .tcmod {width: 10%; text-align: center} +#adminconsole #linkst, #adminconsole #linksb a {font-weight: bold} + +/*** Plugins ***/ +.plugin .inbox {padding-bottom: 10px} +.plugin p {padding: 10px 10px 0} diff --git a/style/imports/index.html b/style/imports/index.html new file mode 100644 index 0000000..89337b2 --- /dev/null +++ b/style/imports/index.html @@ -0,0 +1 @@ +<html><head><title>.</title></head><body>.</body></html> diff --git a/style/index.html b/style/index.html new file mode 100644 index 0000000..89337b2 --- /dev/null +++ b/style/index.html @@ -0,0 +1 @@ +<html><head><title>.</title></head><body>.</body></html> |
