Название: Diablo: Rise of the demons
Платформа: MyBB
Автор: Астинус (Revolution)
Цветовая гамма: выдержана тематика дизайна - тёмный, почти чёрный фон, с хорошо читаемой рабочей частью.
Тест на кроссбраузерность: ДА
Корректность отображения при разных разрешениях: ДА
Исходники или макет: Скачать исходники
Скриншот:
style.css
Код:
@import url(style_cs.css); html { overflow-x: hidden; } /************************************************************* A - SETUP **************************************************************/ /* A1 Import the colour scheme -------------------------------------------------------------*/ /* A2.1 */ html,body { margin:0; padding:0; } /* A2.2 */ .punbb * { margin:0; } /* A2.3 */ .punbb ul,.punbb dl,.punbb li,.punbb dd,.punbb dt { padding:0; list-style:none; } /* A2.4 */ .punbb img { border:none; } /* A2.5 */ .punbb .main table { width:100%; table-layout:fixed; } /* A2.6 */ .checkfield input[type=checkbox],.radiofield input[type=radio] { margin:0 .3em; } /* A2.7 */ p[class=checkfield] *,div[class=checkfield] *,fieldset[class=radiofield] * { height:1.8em; vertical-align:middle; } /* A3 Text setup -------------------------------------------------------------*/ /* A3.1 */ body { font-size:100.01%; } /* A3.2 */ .punbb { font:normal 68.75% verdana, arial, helvetica, sans-serif; } /* 3.3 */ .punbb textarea,.punbb input,.punbb select,.punbb optgroup { font:1em verdana, arial, helvetica, sans-serif; } /* A3.4 */ .punbb h1,.punbb h2,.punbb h3,.punbb h4,.punbb table,.punbb th { font-weight:400; font-size:1em; } /* A3.5 */ .punbb legend span { font-size:1.1em; } .punbb h2 span,.punbb h1 span { position:relative; top:5px; font-size:1.1em; } /* A3.6 */ .punbb pre { font:1.1em/140% monaco, "bitstream vera sans mono", "courier new", courier, monospace; } /* A3.7 */ .punbb address,.punbb em { font-style:normal; } /* A3.8 */ .punbb .post-content em { font-style:italic; } /* A3.9 */ .punbb .post-content em.bbuline { text-decoration:underline; font-style:normal; } /* A3.10 */ .punbb a { text-decoration:underline; } /* A3.11 */ .punbb optgroup { font-weight:700; } /* A4 Float clearing and hidden items -------------------------------------------------------------*/ /* A4.1 */ #pun:after,.punbb .container:after,.punbb .post-links ul:after,.punbb .main div.inline:after,.punbb .post-box:after,.punbb .linksb:after { display:block; visibility:hidden; clear:both; overflow:hidden; height:0; content:"."; font-size:0; line-height:0.0; } /* A4.2 */ .acchide,#pun-index #pun-main h1,#pun-navlinks h2,#pun-pagelinks h2,#pun-status h2,#pun-ulinks h2,.punbb .forum h2,.punbb .multipage .topic h2,.punbb dl.post-sig dt span,.punbb p.crumbs strong,.punbb .divider hr,.punbb .required label em,.punbb .formsubmit label,.punbb .submitfield label,.punbb .modmenu label,#pun-userlist .main h2 { position:absolute; left:-9999px; overflow:hidden; width:0; height:0; font-size:0; line-height:0.0; } /* A5 Basic page layout and borders -------------------------------------------------------------*/ /* A5.1 */ #pun { margin:0; padding:0 0 280px; width:100%; } /* A5.2 */ .punbb { position:relative; margin:0 auto; width:820px; height:auto; } /* A5.3 */ #pun-redirect { position:top-center; z-index:100; width:500px; height:130px; background:#000 url(http://s2.uploads.ru/zrdJt.gif) repeat; } #pun-redirect #pun-main { position:relative; z-index:1000; float:none; margin:5px 20% 2px; width:auto; } /* A5.4 */ .punbb .section,.punbb .main { margin-bottom:1em; } /* A5.5 */ .punbb .category,.punbb .post { margin-top:.4em; } /* A5.6 */ .punbb #pun-category1,.punbb .toppost,.punbb .topicpost { margin-top:0; } /* 5.7 */ #pun-post .topic { margin-top:1em; } /* A5.8 */ .punbb .section,.punbb .forum,.punbb .formal,.punbb .modmenu,.punbb .info,.punbb .category,.punbb .post { border-width:0; border-style:none; } /* A5.9 */ .punbb .container { border-width:0; border-style:none; } /* A5.10 */ .punbb .section h2,#pun-main h1,#pun-main h2,#pun-stats h2,#pun-debug h2 { padding:.5em 1em; border-width:0; border-style:none; } /************************************************************* B - MAIN CONTENT - GENERAL **************************************************************/ /* B1 Parsed Content, Signatures and Scroll Boxes -------------------------------------------------------------*/ /* B1.1 */ .punbb .post-content { overflow:hidden; margin:0; padding:0; width:100%; } /* B1.2 */ .punbb .post-sig dt { display:block; margin:5px 0; width:250px; border-top:1px; } /* B1.3 */ .punbb .post-content p { margin:0; padding:0 0 1em; line-height:150%; } /* B1.4 */ .punbb .post-content img { vertical-align:text-bottom; } /* B1.5 */ .punbb .post-content img.postimg { vertical-align:middle; } /* B1.6 */ .punbb .post-content .blockcode,.punbb .post-content blockquote { overflow:hidden; width:100%; } /* B1.7 */ .punbb .post-content .scrollbox { overflow:auto; width:100%; } /* B1.8 */ .punbb .post-content .quote-box,.punbb .post-content .code-box { margin:.4em 1.8em 1.4em; padding:1em; border-width:0; border-style:solid; border-radius:10px; } .quote-box{ background:#000 url(http://s2.uploads.ru/zrdJt.gif)!important repeat;} /* B1.9 */ .punbb .quote-box cite,.punbb .code-box strong.legend { display:block; margin:0; padding-bottom:.7em; font-weight:700; font-style:normal; font-size:1.1em; } /* B2 Information boxes -------------------------------------------------------------*/ /* B2.1 */ .punbb .info-box { margin:0 0 1.1em; padding:1.1em 1.7em 1em; border-width:0; border-style:solid; } /* B2.2 */ .punbb .info-box * { padding:0 0 .7em; } /* B2.3 */ .punbb #pun-main .info-box .legend { font-weight:700; font-size:1.1em; } /* B3 Pagination and posting links -------------------------------------------------------------*/ /* B3.1 */ .punbb .linkst { position:relative; bottom:10px; float:left; width:100%; height:0; font-size:1.1em; } /* B3.2 */ .multipage { margin-top:3em; } /* B3.3 */ .linkst .pagelink { position:absolute; top:-4em; left:1em; width:24em; } /* B3.4 */ .linkst .postlink { position:absolute; top:-4em; right:1em; width:16em; text-align:right; font-weight:700; } /* B3.5 */ .punbb .linksb { padding:.4em 1em .5em; text-align:right; font-size:1.1em; } /* B3.6 */ .linksb .pagelink { float:left; margin-top:7px; width:24em; text-align:left; } /* B3.7 */ .linksb .postlink { float:right; width:16em; font-weight:700; } /* B3.8 */ .subscribelink { clear:both; padding-top:.3em; padding-bottom:.5em; } /************************************************************* C - MAIN CONTENT - SPECIFIC **************************************************************/ /* C1 Form layout -------------------------------------------------------------*/ /* C1.1 */ .punbb .formal .container { padding:1.7em 2.3em 1.1em; } /* C1.2 */ .punbb .formsubmit { margin:1em 0 0; padding:0 0 0 1.7em; } /* C1.3 */ .punbb .formsubmit input,.punbb .formsubmit a,.punbb .formsubmit span { margin:0 .6em 0 0; width:130px; height:25px; cursor:pointer; } /* C1.4 */ .punbb fieldset { margin:0 0 1em; padding:0 18px; border-width:0; border-style:solid; } /* C1.5 */ .punbb fieldset legend { margin:0 0 0 11px; padding:0; font-size:1.1em; } /* C1.6 */ .punbb fieldset legend span { margin:0 0 0 -15px; padding:0 20px; } /* C1.7 */ .punbb fieldset fieldset { margin:0; padding:0 0 8px; border-style:none; } /* C1.8 */ .punbb .fs-box { padding:1em 0 .8em; } /* C1.9 */ .punbb .fs-box p,.punbb .fs-box fieldset { padding:0 0 .8em; } /* C1.10 */ .punbb .inline .inputfield,.punbb .inline .selectfield,.punbb .inline .passfield { float:left; margin-right:1em; } /* C1.11 */ .punbb .inline .infofield { clear:both; } /* C1.12 */ .punbb .datafield br { display:none; } /* C1.13 */ .punbb .required label,.punbb .datafield span.input { font-weight:700; } /* C1.14 */ .punbb .datafield span.input a { font-weight:400; } /* C1.15 */ .punbb .areafield span.input,.punbb p.longinput span.input { display:block; padding:0 12em 0 0; height:100%; /* For IE */ } /* C1.16 */ .punbb textarea { margin:0; padding:5px; width:64%; border:1px inset #FFF; border-radius:15px; } .punbb .longinput input { margin:0; width:64%; } /* C1.17 */ .punbb .hashelp { position:relative; } /* C1.18 */ .punbb .helplinks { position:absolute; top:1em; right:0; display:block; width:36%; font-weight:400; } /* c1.19 */ .punbb #profile .helplinks { top:1.5em; } /* C1.20 */ .punbb .helplinks span { display:block; padding-bottom:.2em; } /* C1.21 */ #pun-post .formal .info-box li { margin:0; padding-left:4px; list-style-position:inside; list-style-type:square; line-height:1.5; } /* C2 Table layout -------------------------------------------------------------*/ /* C2.1 */ .punbb .main .tcl { overflow:hidden; width:50%; text-align:left; } /* C2.2 */ .punbb .main .tc2,.punbb .main .tc3,.punbb .main .tcmod { width:10%; text-align:center; } /* C2.3 */ .punbb .main .tcr { overflow:hidden; width:30%; text-align:left; } /* C2.4 */ #pun-userlist .main .tcl,#pun-searchtopics .main .tcl,#pun-modviewforum .main .tcl { width:40%; } /* C2.5 */ #pun-userlist .main .tc2,#pun-searchtopics .main .tc2 { width:20%; text-align:left; } /* C2.6 */ #pun-debug table .tcl { width:15%; white-space:normal; } /* C2.7 */ #pun-debug .tcr { width:90%; white-space:normal; } /* C2.8 */ #pun-index .tcl h3 { font-weight:700; font-size:1.2em; } /* C2.9 */ .punbb td span.youposted { position:absolute; margin-left:-1em; font-weight:700; } /* C2.10 */ .punbb td .modlist { display:block; padding-top:.3em; } /* C2.11 */ .punbb .main td { padding:.8em 1em; border-width:0; border-style:none; } /* C2.12 */ .punbb .main th { padding:.4em 1em; border-width:0; border-style:none; } /* C2.13 */ .punbb .main tbody .tcl { border-right:0 solid; } .punbb .main tbody .tcr { border-left:0 solid; } /* C2.14 */ .punbb tbody.hasicon td.tcl { padding-left:3.2em; } /* C2.15 */ .punbb div.icon { margin-top:.1em; border-style:none; line-height:0.0; } /* C2.16 */ .punbb table div.icon { position:relative; display:block; float:left; margin-left:-1.2em; width:50px; height:70px; font-size:1.05em; } #pun-main table div.tclcon { margin-left:45px; } /* C3 Topics -------------------------------------------------------------*/ /* C3.1 */ .punbb .post .container { margin-top:-1px; padding-bottom:1px; border-width:0; border-style:none none double; } /* C3.2 */ .punbb .post h3 { border-width:0; border-style:solid none none; } /* C3.3 */ .punbb .post h3 span { display:block; margin-left:19em; padding:.5em 1em; padding-top:1.4em; border-left-width:0; border-left-style:none; } /* C3.4 */ .punbb .post h3 strong { float:right; width:5em; text-align:right; font-weight:400; } /* C3.5 */ /* C3.5 */ .punbb .post .post-author { float:left; overflow:hidden; margin-top:-1.5em; width:15em; background-color: transparent; color: black; -moz-box-shadow: 3px 3px 15px #3c1e0c; -moz-border-radius: 10px; -webkit-border-radius: 15px; border: 1px dashed #BEBDD8; margin-left: 1em; border-style: solid; border-width: 14px 13px 14px 18px; -moz-border-image: url(http://s3.uploads.ru/MkYnJ.png) 14 13 14 18 repeat; -webkit-border-image: url(http://s3.uploads.ru/MkYnJ.png) 14 13 14 18 repeat; -o-border-image: url(http://s3.uploads.ru/MkYnJ.png) 14 13 14 18 repeat; border-image: url(http://s3.uploads.ru/MkYnJ.png) 14 13 14 18 fill repeat; } .pa-title, .pa-author {text-align: center;} .pa-avatar {margin: 0!important} /* C3.6 */ .punbb .post .post-author ul,.punbb .post .post-author p { padding:0 0.5em 1em; line-height:140%; } /* C3.7 */ .pa-author { font-weight:700; font-size:1.1em; } /* C3.8 */ .pa-author a { text-decoration:none; font-weight:700; } /* C3.9 */ li.pa-title { padding-bottom:.4em; font-weight:700; } /* C3.11 */ .punbb .post-body { margin-left:19em; padding:0 0 1px; border-left-width:0; border-left-style:solid; } /* C3.12 */ .punbb .post-box { padding:1em; } /*C3.13 */ .punbb fieldset .post-box { margin-bottom:.8em; } /* C3.14 */ .punbb .post-links { margin-left:19em; border-left-width:0; border-left-style:none; } /* C3.15 */ .punbb .post-links ul { margin-left:-19em; padding:0 1em 0 0; height:2em; border-top-width:0; border-top-style:none; background:transparent; text-align:right; line-height:2em; } /* C3.16 */ .punbb .post-links li { display:inline; padding-left:1em; } /* C3.17 */ .pl-email,.pl-website { float:left; } /* C3.18 */ .punbb .clearer { clear:both; height:0; font-size:0; } /* C4 Moderator menu -------------------------------------------------------------*/ /* C4.1 */ .punbb .modmenu .container { padding:1.1em 1em; text-align:right; } /* C4.2 */ .punbb .modmenu strong,.punbb .modmenu a { height:1.8em; line-height:1.8em; } /* C4.3 */ .punbb .modmenu .container strong { float:left; } /* C4.4 */ .punbb .modmenu input { margin-left:1em; } /* C5 Message boxes -------------------------------------------------------------*/ /* C5.1 */ .punbb .info .container { padding:.8em 1em; } /* C5.2 */ .punbb .info .container .backlink { padding-top:.8em; } /* C6 Profile -------------------------------------------------------------*/ /* C6.1 */ #profile .container { padding-left:18.6em; } /* C6.2 */ #profilenav { display:inline; float:left; margin-left:-16.3em; width:14em; } /* C6.3 */ #profilenav li { padding-bottom:.8em; font-weight:700; } /* C6.4 */ #viewprofile ul,#profilenav ul { margin:0 0 1em; padding:1.5em 18px .8em; border-width:0; border-style:solid; } /* C6.5 */ #viewprofile h2,#profilenav h2 { margin:0 14px -.6em; padding:0; border:none; background:transparent; } /* C6.6 */ #viewprofile h2 span,#profilenav h2 span { position:relative; padding:0 5px; } /* C6.7 */ #viewprofile li,#setmods dl { margin-bottom:.2em; padding:0 0 0 16em; } /* C6.8 */ #viewprofile li span { float:left; margin-left:-16em; padding:.5em 1em; width:14em; font-weight:700; } /*C6.9 */ #setmods dt { display:inline; float:left; margin-left:-16em; padding:.8em 1em; width:14em; font-weight:700; } /* C6.10 */ #viewprofile li strong,#viewprofile li div,#setmods dd { display:block; padding:.5em 1em; font-weight:400; } /* C6.11 */ .punbb img.avatardemo { float:right; margin:0 0 .8em 1.8em; } /* C7 User list -------------------------------------------------------------*/ /* C7.1 */ #pun-userlist .formal,#pun-userlist .formal .container { margin-bottom:0; border-bottom:none; } /* C7.2 */ #pun-userlist .usertable .container { padding:0 2.3em 2.3em; border-top:none; } /* C7.3 */ #pun-userlist .usertable table { border-width:0; border-style:solid; } /************************************************************* D - PUNBB SECTIONS OTHER THAN MAIN CONTENT **************************************************************/ /* D1 Logo and description -------------------------------------------------------------*/ /* D1.1 */ #pun-title { border-width:0; border-style:none; top:0; } /* D1.2 */ #pun-title h1 { display:block; padding:2em 1em 0; } /* D1.3 */ #pun-title .container { border-style:none; } /* D1.4 */ #pun-title h1 span { display:none; font-size:1.5em; } #pun-title table { position:absolute; top:25px; width:100%; height:0; border:none; } #pun-title td.title-logo-tdl { border:none; } #pun-title td.title-logo-tdr { width:468px; border:none; } /* D2 Page navigation -------------------------------------------------------------*/ /* D2.1 */ #pun-pagelinks { position:absolute; top:-15px; left:0; margin:0; padding:0; width:100%; border:none; } /* D2.2 */ #pun-pagelinks .container { padding:0; border:none; background:transparent; } /* D2.3 */ #pun-pagelinks .container li { display:inline; } /* D2.4 */ #pun-pagelinks li a,#pun-pagelinks a:link,#pun-pagelinks a:hover { display:block; float:left; margin-left:-9999px; padding:0; width:100%; height:2em; font-size:1.2em; line-height:2em; } /* D2.5 */ #pun-pagelinks a:active,#pun-pagelinks a:focus { position:relative; margin:0; } #pun-pagelinks li a span { display:block; margin:0 1em; } /* D3 Forum navigation -------------------------------------------------------------*/ /* D3.1 */ #pun-navlinks { border-style: solid; border-width: 0; position: absolute; top: -30px; width: 100%; } #pun-navlinks .container { margin:0; border-width:0; border-style:none; } /* D3.2 */ #pun-navlinks .container { padding:.7em 1em; } /* D.3 */ #pun-navlinks li { display:inline; padding-right:1em; } /* D3.4 */ #pun-navlinks li a { font-size:1.1em; } /* D4 User links -------------------------------------------------------------*/ /* D4.1 */ #pun-ulinks { position:relative; margin-top:0; margin-top:0; margin-bottom:50px; border-width:0; border-style:solid; position: relative; top: -60px; } .punbb-admin #pun-ulinks { display:none; } /* D4.2 */ #pun-ulinks .container { padding:.7em 1em; border-top:none; } /* D4.3 */ #pun-ulinks li,#pun-ulinks li a { display:inline; border-left-width:0; border-left-style:none; white-space:nowrap; } /* D4.4 */ #pun-ulinks li a { padding:0 .3em 0 .6em; } /* D4.5 */ #pun-ulinks li.item1,#pun-ulinks li.item1 a { padding-left:0; border-left-width:0; border-left-style:none; } /* D5 Welcome box and Top Breadcrumbs -------------------------------------------------------------*/ /* D5.1 */ #pun-status,#pun-status .container { position:absolute; top:10px; margin-left:10px; height:60px; border-bottom:none; } /* D5.2 */ #pun-status .container { padding:.8em 1em 1em; } /* D5.3 */ #pun-status span { display:block; float:none!important; margin-right:.5em; white-space:nowrap; } /* D5.4 */ #pun-crumbs1 { overflow:hidden; margin-top:0; font-weight:700; } /* D5.5 */ #pun-crumbs1 p.container { padding:1em 1em .8em; border-top:none; font-size:1.1em; } /* D5.6 */ #pun-break1 { z-index:1; display:none; margin:0 1em; margin:-2px 18em; height:0; border-width:0; border-style:solid none; } /* D6 Announcement -------------------------------------------------------------*/ /* D6.1 */ #pun-announcement { margin-top:60px; } #pun-announcement h2 { position:relative; margin:0 1em -3.5em; padding:0; border-width:0; border-style:none; font-weight:700; } /* D6.2 */ #pun-announcement h2 span { display:block; display:none; padding:1em 0 .8em; border-bottom-width:1px; border-bottom-style:solid; } /* D6.3 */ #pun-announcement .container { padding:4.3em 1em 1em; } /* D7 Statistics -------------------------------------------------------------*/ /* D7.1 */ #pun-stats .container { padding:.8em 1em; } /* D7.2 */ #pun-stats li.item1,#pun-stats li.item2 { float:left; clear:both; line-height:150%; } /* D7.3 */ #pun-stats li.item3,#pun-stats li.item4 { text-align:right; line-height:150%; } /* D7.4 */ li#onlinelist { float:left; margin-top:1em; width:100%; border-top-width:0; border-top-style:none; line-height:130%; } /* D7.5 */ li#onlinelist div { padding:.7em 0 0; border-top-width:0; border-top-style:none; } /* D8 Quick Jump - About - Bottom Breadcrumbs -------------------------------------------------------------*/ /* D8.1 */ #pun-qjump { position:relative; float:left; margin:0; width:50%; border:none; } /* D8.2 */ #pun-qjump .container { padding:.8em 1em; border:none; background:transparent; } /* D8.3 */ #pun-about { margin-top:0; } /* D8.4 */ #pun-about .container { padding:.8em 1em; border-top-style:none; text-align:right; line-height:150%; } /* D8.5 */ #pun-about p span { display:block; padding-left:50%; } /* D8.6 */ #pun-crumbs2 { overflow:hidden; margin-bottom:0; border-bottom:none; font-weight:700; } /* D8.7 */ #pun-crumbs2 .container { padding:.8em 1em; border-bottom:none; font-size:1.1em; } /* D8.8 */ #pun-break4 { position:relative; z-index:1; margin:-2px 1em; height:0; border-width:0; border-style:solid none; } /* D8.9 */ div.punbb-admin #pun-about .container { border-top-width:0; border-top-style:solid; } /* D9 Help file -------------------------------------------------------------*/ /* D9.1 */ #pun-help .formal .info-box h3.legend { margin-bottom:.8em; padding-bottom:0; border-bottom-width:0; border-bottom-style:solid; } /* D9.2 */ #pun-help .formal .info-box h3.legend span { display:block; padding-bottom:.6em; border-bottom-width:0; border-bottom-style:solid; font-size:1.1em; } /* D9.3 */ #pun-help .formal p,#pun-help .formal dd { margin-bottom:1em; } /* D9.4 */ #pun-help .formal ul,#pun-help .formal dl { padding:0 0 0 1em; } /* D9.5 */ #pun-help .formal li { padding:0; line-height:130%; } /* D9.6 */ #pun-help .formal li * { vertical-align:text-top; } /* D9.7 */ #pun-help .formal dt span { font:1.4em/120% monaco, "bitstream vera sans mono", "courier new", courier, monospace; } /* D9.8 */ #pun-help .formal .parsedmsg,#pun-help .formal .parsedmsg .incode { padding-bottom:0; } td.tcr a { background: url("http://s3.uploads.ru/BIfJ9.gif") 2px 30% no-repeat transparent; padding-left: 15px;} #pun-main .code-box, #pun-main .quote-box{border-style: solid; border-width: 10px 10px 11px 14px; -moz-border-image: url(http://s2.uploads.ru/JTBR3.png) 10 10 11 14 repeat; -webkit-border-image: url(http://s2.uploads.ru/JTBR3.png) 10 10 11 14 repeat; -o-border-image: url(http://s2.uploads.ru/JTBR3.png) 10 10 11 14 repeat; border-image: url(http://s2.uploads.ru/JTBR3.png) 10 10 11 14 fill repeat;}
style_cs.css
Код:
/* CS1 Background and text colours -------------------------------------------------------------*/ html { background:#000 url(http://s3.uploads.ru/6cEv5.gif) repeat-y top center; } body { padding-top:212px!important; background:transparent url(http://s2.uploads.ru/mIXx3.png) no-repeat top center; } #pun { padding-bottom:150px!important; background:transparent url(http://s3.uploads.ru/b7Y4X.gif) no-repeat bottom center; } /* CS1.1 */ .punbb .section .container,.punbb .post-links,.punbb td.tc2,.punbb td.tc3,.punbb .formal fieldset .post-box,#viewprofile li strong,#viewprofile li div,#setmods dd,.punbb .info-box,.punbb #pun-main .info-box .legend,.punbb .post-body { border-width:0; border-style:none; background-color:transparent; color:#000; } #pun-stats { text-align:center; } /* CS1.2 */ .punbb .main .container,.punbb .post .container,.punbb .post h3,.punbb-admin #pun-admain .adcontainer,.punbb-admin #pun-admain h2 { border-width:0; border-style:none; background-color:transparent; background-position:right; color:#000; } .punbb .post h3 a { font-weight:700; } /* CS1.3 */ .punbb .main h1,.punbb .main h2,#pun-debug h2,#pun-stats h2 { height:17px; background:transparent none; color:##4c4c4c; text-align:center; font-weight:700; font-style:italic; } /* CS1.4 */ #pun-title,#pun-title .container,.punbb .modmenu .container { position:relative; top:5px; background-color:transparent; color:#000; } /* CS1.5 */ .punbb legend span,#viewprofile h2 span,#profilenav h2 span,.punbb-admin #pun-admain legend span { background-color:transparent; color:#000; font-weight:400; font-style:oblique; } /* CS1.6 */ .punbb th { background-color:transparent; color:gray; } .punbb .post h3 span,#viewprofile li,#setmods dl { background-color:transparent; color:#000; } #pun-main .topic h3 { height:29px; border-top:1px; background-color:transparent; } #pun-main .topic .container { margin-bottom:-13px; background-color:transparent; } #pun-main .topic h3 span .permalink { padding-left:20px; } /* CS1.7 */ .punbb .quote-box,.punbb .code-box { background-color:#bbb; color:#000; } /* CS1.8 */ #pun-navlinks .container { background-color:transparent; text-align:center; } #pun-ulinks.section .container { background-color:transparent; color:#0b0540; text-align:center; } .offline li.pa-online strong { font-weight:400; } .punbb textarea,.punbb select { background-color:#F2FAFD; color:#2d3c5a; } .punbb .formsubmit input { border-top: 1px solid #000000; background: #d66565; background: -webkit-gradient(linear, left top, left bottom, from(#9c3e3e), to(#d66565)); background: -webkit-linear-gradient(top, #9c3e3e, #d66565); background: -moz-linear-gradient(top, #9c3e3e, #d66565); background: -ms-linear-gradient(top, #9c3e3e, #d66565); background: -o-linear-gradient(top, #9c3e3e, #d66565); padding: 3px 10px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0; -moz-box-shadow: rgba(0,0,0,1) 0 1px 0; box-shadow: rgba(0,0,0,1) 0 1px 0; text-shadow: rgba(0,0,0,.4) 0 1px 0; color: #ffffff; font-size: 14px; font-family: Georgia, serif; text-decoration: none; vertical-align: middle; } .button:hover { border-top-color: #5c0d0d; background: #5c0d0d; color: #ffffff; } .button:active { border-top-color: #5c1b1b; background: #5c1b1b; } /* CS2 Border colours -------------------------------------------------------------*/ /* CS2.1 */ .punbb .container,.punbb .post-body,.post h3,#pun-title { border-color:none; } /* CS2.2 */ .punbb .section,.punbb .forum,.punbb .formal,.punbb .modmenu,.punbb .info,.punbb .category,.punbb .post { border-color:none; } /* CS2.3 */ #pun-stats h2,.punbb .main h1,.punbb .main h2,#pun-debug h2,.punbb-admin #pun-admain h2 { border-color:none; } /* CS2.4 */ .punbb td,.punbb fieldset,#viewprofile ul,#profilenav ul,.punbb .post .post-body,.punbb .post h3 span,.post-links ul,.post-links,.usertable table { border-color:none; } /* CS2.5 */ .punbb th { border-color:none; } /* CS2.6 */ .punbb .quote-box,.punbb .code-box { border-color:none; } #pun-ulinks,.punbb .main tbody .tcl,.punbb .main tbody .tcr { border-color:none; } #pun-announcement h2 span,#pun-help .formal .info-box h3.legend span { border-color:none; } li#onlinelist { border-color:none; } #pun-announcement h2,li#onlinelist div,#pun-help .formal .info-box h3.legend { border-color:none; } .punbb .divider { border-color:none; } .punbb .formal fieldset .post-box,.punbb .info-box { border:0 none #dedfdf; } li.pa-online { border-left-color:none; } .punbb .post-sig dt { border-top-color:#bbb; } /* CS3 Links -------------------------------------------------------------*/ /* CS3.1 */ .punbb a,.punbb a:link,.punbb a:visited,.punbb-admin #pun-admain a,.punbb-admin #pun-admain a:link,.punbb-admin #punbb-admain a:visited { border-bottom:0 none #000; color:#4e0707; text-decoration:none; } .punbb li.isactive a,.punbb li.isactive a:link,.punbb li.isactive a:visited { color:#4e0707; } /* CS3.2 */ .punbb a:hover,.punbb a:focus,.punbb a:active,.punbb-admin #pun-admain .nodefault,.punbb-admin #punbb-admain a:hover,.punbb-admin #punbb-admain a:focus,.punbb-admin #punbb-admain a:active { color:maroon; text-decoration:underline; } #pun-index .tcl h3 a:hover { font-weight:700; } /* CS3.3 */ #pun-navlinks a { color:maroon; text-decoration:none; font-weight:700; } /* CS3.4 */ #pun-navlinks a:hover,#pun-navlinks a:focus,#pun-navlinks a:active { color:maroon; text-decoration:underline; font-weight:700; } #pun-pagelinks a:active,#pun-pagelinks a:focus { background-color:#333; color:#fff; } .linkst .postlink span a,.linkst .pagelink,.linkst .postlink a span,.linkst .pagelink a { color:#4e0707; } #messages .linksb .pagelink,#messages .linksb .pagelink a { color:#4e0707; } .container .post-links ul a { color:#4e0707; } .punbb .formsubmit input:hover { background:#4e0707; } /* CS4 Post status icons -------------------------------------------------------------*/ div.icon { background:url(http://s3.uploads.ru/uSgU4.png) no-repeat; } tr.inew div.icon { background:url(http://s2.uploads.ru/Nsuxz.png) no-repeat; } tr.iclosed div.icon { background:url(http://s3.uploads.ru/mK5Dt.png) no-repeat; } tr.isticky div.icon { background:url(http://s3.uploads.ru/akGPE.png) no-repeat; } #pun-main div.catleft,#pun-main div.catright { display:none; } #pun-stats ul.container { padding-top: 22px; padding-left: 120px; background-color: transparent; background-image: url("http://s3.uploads.ru/vOnoA.gif"); background-attachment: scroll; background-position: 10px 10px; background-clip: border-box; background-origin: padding-box; background-size: 10%; background-repeat: no-repeat; } /* CS3.3 */ #pun-navlinks a { display: inline-block; height: 30px; } #navawards a, navawards a:hover {display: none;} #navindex a {background: url(http://s3.uploads.ru/t/Kc0si.png) no-repeat top center; width: 77px; height: 57px;} #navindex a:hover {background: url(http://s3.uploads.ru/t/CNOUX.png) no-repeat top center; width: 77px; height: 57px;} #navuserlist a {background: url(http://s3.uploads.ru/t/ynkcI.png) no-repeat top center; width: 99px; height: 57px;} #navuserlist a:hover {background: url(http://s2.uploads.ru/t/eC7kI.png) no-repeat top center; width: 99px; height: 57px;} #navsearch a {background: url(http://s2.uploads.ru/t/yYgWz.png) no-repeat top center; width: 82px; height: 57px;} #navsearch a:hover {background: url(http://s2.uploads.ru/t/bEOrZ.png) no-repeat top center; width: 82px; height: 57px;} #navprofile a {background: url(http://s3.uploads.ru/t/ZVJEh.png) no-repeat top center; width: 118px; height: 57px;} #navprofile a:hover {background: url(http://s2.uploads.ru/t/4caKx.png) no-repeat top center; width: 118px; height: 57px;} #navpm a {background: url(http://s2.uploads.ru/t/LQ8DI.png) no-repeat top center; width: 77px; height: 57px;} #navpm a:hover {background: url(http://s2.uploads.ru/t/sdbEW.png) no-repeat top center; width: 77px; height: 57px;} #navadmin a {background: url(http://s2.uploads.ru/t/TumOD.png) no-repeat top center; width: 77px; height: 57px;} #navadmin a:hover {background: url(http://s3.uploads.ru/t/Grca7.png) no-repeat top center; width: 77px; height: 57px;} #navlogout a {background: url(http://s3.uploads.ru/t/MexOz.png) no-repeat top center; width: 83px; height: 57px;} #navlogout a:hover {background: url(http://s3.uploads.ru/t/QZTIF.png) no-repeat top center; width: 83px; height: 57px;} #navlogin a {background: url(http://s3.uploads.ru/t/S25lG.png) no-repeat top center; width: 77px; height: 57px;} #navlogin a:hover {background: url(http://s2.uploads.ru/t/tHQgA.png) no-repeat top center; width: 77px; height: 57px;} #navregister a {background: url(http://s2.uploads.ru/t/RSBMr.png) no-repeat top center; width: 77px; height: 57px;} #navregister a:hover {background: url(http://s2.uploads.ru/t/RSBMr.png) no-repeat top center; width: 77px; height: 57px;} #pun-navlinks a span {display: none;} #pun-pagelinks a:active, #pun-pagelinks a:focus { background-color: #dacfa1; color: #fff; } #pun-navlinks a span {display: none;}