/* A - SETUP */ /* A1.1 */ @import url(style_cs.css); /* */ /* CS1 Background and text colours -------------------------------------------------------------*/ html {background: #f0f0f0 url(/files/0007/e3/f7/72209.jpg) fixed;} #title-logo-tr {background: transparent url(/files/0007/e3/f7/23404.jpg) repeat-x bottom left;} #title-logo-tdr {background: transparent url(/files/0007/e3/f7/95612.jpg) no-repeat bottom right;} .title-logo {background: transparent url(/files/0007/e3/f7/54466.png) no-repeat bottom left; display: block; height: 194px; position: relative; right: 6px; top: 1px;} #logo-click {background: none repeat scroll 0 0 transparent; height: 110px; position: absolute; top: 20px; width: 320px; z-index: 1000;} #banner-up {position: absolute; margin-left: 480px; top: 64px; z-index: 500;} #pun-navlinks .container li {border-right:1px solid #5d5d5d; border-left:1px solid #929292; border-bottom:1px solid #575757; border-top:1px solid #797979; background: #383838 url(/files/0007/e3/f7/66374.jpg) repeat-x top center;} #pun-navlinks .container li:hover {-moz-box-shadow: inset 0 0 5px 5px #535353; -webkit-box-shadow: inset 0 0 5px 5px #535353; box-shadow: inset 0 0 5px 5px #535353;} #pun-navlinks .container li:active {background: #3d3d3d; -moz-box-shadow: inset 0 1px 2px 2px #000; -webkit-box-shadow: inset 0 1px 2px 2px #000; box-shadow: inset 0 1px 2px 2px #000;} #pun-navlinks .container li#navindex { -moz-border-radius:5px 0 0 5px; -webkit-border-radius:5px 0 0 5px; border-radius:5px 0 0 5px; border-left:none;} #pun-navlinks .container li#navlogout, #pun-navlinks .container li#navlogin { -moz-border-radius:0 5px 5px 0; -webkit-border-radius:0 5px 5px 0; border-radius:0 5px 5px 0; border-right:none;} li#navawards {display: none !important;} #pun-ulinks, #pun-ulinks .container {background: transparent; border: medium none;} #pun-ulinks li a {padding-left: 13px; color: #fff; text-decoration: none; padding-right: 6px;} #pun-ulinks li a:hover, #pun-ulinks li a:focus, #pun-ulinks li:active {text-decoration: underline; border-radius: 0px; color: #fff; text-shadow: 0px 0px 0px transparent; background: transparent;} #pun-ulinks li {display: block; float: left; height: 18px;} #pun-ulinks li {background: transparent url(/files/0007/e3/f7/27113.png) no-repeat 0% 0px;} #pun-ulinks li:hover {background: transparent url(/files/0007/e3/f7/27113.png) no-repeat 0% -18px;} #pun-ulinks li:focus, #pun-ulinks li:active {background: transparent url(/files/0007/e3/f7/27113.png) no-repeat 0% -36px;} #pun-status .container {border: none; background: transparent; position:absolute; top: 245px; width: 940px;} #pun-status .item1, #pun-status .item2, #pun-status .item3 {background: transparent url(/files/0007/e3/f7/27113.png) no-repeat 0% 0px;} #pun-announcement {border-bottom: 1px solid #f5f5f5; margin-bottom: 0.8em;} #pun-announcement h2 {background: transparent url(/files/0007/e3/f7/79374.png) no-repeat 0 0; text-shadow: 2px 2px 2px #616161;} #pun-announcement .html-box { padding: 0.5em; border: 2px solid #fff; background-color: #eaeaea; background-image: linear-gradient(top, #eaeaea, #fff); border-radius: 3px; box-shadow: 0 1px 1px rgba(0, 0, 0, .05) inset, 0 0 1px 0 rgba(0, 0, 0, .2), 0 2px 2px rgba(0, 0, 0, .3), 0 10px 10px -5px rgba(0, 0, 0, .2); } /* Стили на главной */ #pun-index #pun-main {margin-left: 190px;} #pun-index th, #pun-index .tc2, #pun-index .tc3, #pun-index #pun-crumbs2, #pun-break4, #pun-about {display:none;} /* Боковая панель */ #sidebar {display: none; width: 180px;} #pun-index #sidebar {color: #333333; display: block; position: absolute;} #sidebar .block1, #sidebar .block2 {border: 1px solid #CCCCCC; margin-bottom: 1.5em; padding: 5px;} #sidebar .block1 {background: none repeat scroll 0 0 #F0F0F0;} #sidebar .block2 {background: none repeat scroll 0 0 #E5E5E5;} #sidebar .b-name {height: 41px; width: 147px; position: absolute; margin-left: -16px; margin-top: -4px;text-align: center; line-height: 25px; font-size: 1.2em; color: #FFFFFF; font-weight: bold; text-shadow: 2px 2px 2px #616161;} #sidebar .content {padding-top:35px;} #sidebar #blue {background: url("/files/0007/e3/f7/79374.png") no-repeat scroll 0 0 transparent;} #sidebar #green {background: url("/files/0007/e3/f7/79374.png") no-repeat scroll 0 -42px transparent;} #sidebar #red {background: url("/files/0007/e3/f7/79374.png") no-repeat scroll 0 -85px transparent;} #sidebar #pink {background: url("/files/0007/e3/f7/79374.png") no-repeat scroll 0 -127px transparent;} #sidebar #orange {background: url("/files/0007/e3/f7/79374.png") no-repeat scroll 0 -169px transparent;} /* форумные таблицы */ .category .container {border-top: medium none !important;} .punbb tr.alt1 {background: none repeat scroll 0 0 #F0F0F0;} .punbb tr.alt2 {background: none repeat scroll 0 0 #ECECEC;} .punbb .main .tcl:hover, .punbb .main .tcl:focus, .punbb .main .tcl:active {background: none repeat scroll 0 0 #E1E1E1;} .punbb th {color: #F0F0F0; text-align: center; text-shadow: 0 -1px 3px #202020; background: #383838 url(/files/0007/e3/f7/66374.jpg) repeat-x 0 50%;} .punbb .main .container thead .tcl {border-bottom: 1px solid #575757; border-right: 1px solid #5D5D5D; border-top: 1px solid #797979;} .punbb .main thead .tcl:hover, .punbb .main thead .tcl:focus, .punbb .main thead .tcl:active {background: #383838 url(/files/0007/e3/f7/66374.jpg) repeat-x 0 50%;} .punbb .main .container thead .tcr {border-bottom: 1px solid #575757; border-left: 1px solid #929292; border-top: 1px solid #797979;} .punbb .main .container thead .tc2 {border-color: #797979 #5D5D5D #575757 #929292; border-left: 1px solid #929292; border-right: 1px solid #5D5D5D; border-style: solid; border-width: 1px;} .punbb .main .container thead .tc3 {border-color: #797979 #5D5D5D #575757 #929292; border-left: 1px solid #929292; border-right: 1px solid #5D5D5D; border-style: solid; border-width: 1px;} .punbb .main .tcr {background: url("/files/0007/e3/f7/73519.png") no-repeat scroll right bottom transparent;} .punbb .main th.tcr {background: #383838 url(/files/0007/e3/f7/66374.jpg) repeat-x 0 50%;} #pun-statistic th {background: url("/files/0007/e3/f7/66374.jpg") repeat-x scroll 0 50% #383838 !important;} .byuser {color: maroon;} .tclcon .byuser {display:none;} /* кнопки */ .postlink a {line-height:25px; display: inline-block; height: 25px; width: 110px; background: #383838 url(/files/0007/e3/f7/66374.jpg) repeat-x 0 50%; border-radius: 5px 5px 5px 5px; color: white !important; font-weight: normal; text-align: center; text-decoration: none !important; text-shadow: 0 -1px 3px #202020; border-color: #797979 #5D5D5D #575757 #929292; border-style: solid; border-width: 1px;} .subscribelink a:hover, .postlink a:hover {-moz-box-shadow: inset 0 0 5px 5px #535353; -webkit-box-shadow: inset 0 0 5px 5px #535353; box-shadow: inset 0 0 5px 5px #535353; color: white !important; } .subscribelink {font-size: 0;} .subscribelink a {line-height:25px; display: block; height: 25px; width: 210px; background: #383838 url(/files/0007/e3/f7/66374.jpg) repeat-x 0 50%; border-radius: 5px 5px 5px 5px; color: white !important; font-weight: normal; text-align: center; text-decoration: none !important; text-shadow: 0 -1px 3px #202020; border-color: #797979 #5D5D5D #575757 #929292; border-style: solid; border-width: 1px; margin-left: 610px; margin-top: -27px; position: absolute; font-size: 8pt;} .subscribelink a:active, .postlink a:active {background: #3d3d3d !important; -moz-box-shadow: inset 0 1px 2px 2px #000; -webkit-box-shadow: inset 0 1px 2px 2px #000; box-shadow: inset 0 1px 2px 2px #000; padding: 0 !important;} #form-buttons {margin-bottom: 6px; margin-left: 12px} #form-buttons table {background: #383838 url(/files/0007/e3/f7/66374.jpg) repeat-x 0 50%; border-radius: 5px 5px 5px 5px; border-bottom:1px solid #575757 !important; border-top:1px solid #797979 !important;} #form-buttons td {border-right:1px solid #5d5d5d !important; border-left:1px solid #929292 !important;} td#button-font {border-left: none !important;} td#button-keyboard {border-right: none !important;} td#button-font {background: url("/files/0007/e3/f7/51190.png") no-repeat scroll 50% 5px transparent !important;} td#button-size {background: url("/files/0007/e3/f7/51190.png") no-repeat scroll 50% -21px transparent !important;} td#button-bold {background: url("/files/0007/e3/f7/51190.png") no-repeat scroll 50% -47px transparent !important;} td#button-italic {background: url("/files/0007/e3/f7/51190.png") no-repeat scroll 50% -73px transparent !important;} td#button-underline {background: url("/files/0007/e3/f7/51190.png") no-repeat scroll 50% -99px transparent !important;} td#button-strike {background: url("/files/0007/e3/f7/51190.png") no-repeat scroll 50% -125px transparent !important;} td#button-left {background: url("/files/0007/e3/f7/51190.png") no-repeat scroll 50% -151px transparent !important;} td#button-center {background: url("/files/0007/e3/f7/51190.png") no-repeat scroll 50% -177px transparent !important;} td#button-right {background: url("/files/0007/e3/f7/51190.png") no-repeat scroll 50% -203px transparent !important;} td#button-link {background: url("/files/0007/e3/f7/51190.png") no-repeat scroll 50% -229px transparent !important;} td#button-spoiler {background: url("/files/0007/e3/f7/51190.png") no-repeat scroll 50% -255px transparent !important;} td#button-image {background: url("/files/0007/e3/f7/51190.png") no-repeat scroll 50% -281px transparent !important;} td#button-video {background: url("/files/0007/e3/f7/51190.png") no-repeat scroll 50% -307px transparent !important;} td#button-hide {background: url("/files/0007/e3/f7/51190.png") no-repeat scroll 50% -333px transparent !important;} td#button-quote {background: url("/files/0007/e3/f7/51190.png") no-repeat scroll 50% -359px transparent !important;} td#button-code {background: url("/files/0007/e3/f7/51190.png") no-repeat scroll 50% -385px transparent !important;} td#button-color {background: url("/files/0007/e3/f7/51190.png") no-repeat scroll 50% -411px transparent !important;} td#button-smile {background: url("/files/0007/e3/f7/51190.png") no-repeat scroll 50% -437px transparent !important;} td#button-keyboard {background: url("/files/0007/e3/f7/51190.png") no-repeat scroll 50% -463px transparent !important;} /* профиль */ .post-author ul {background: none repeat scroll 0 0 #F4F4F4; border: 1px solid #B2B2B2; border-radius: 7px 7px 7px 7px; box-shadow: 0 0 3px #60A2F7; margin: 0.6em;} .post-author ul li {border-top: 1px dashed #DADADA; margin: 2px 4px 0; padding: 0 2px 2px;} .post-author ul li.pa-author, .post-author ul li.pa-title, .post-author ul li.pa-avatar, .post-author ul li.pa-fld5, .post-author ul li.pa-online {text-align: center;} .post-author ul li.pa-fld1, .post-author ul li.pa-gifts {background: none repeat scroll 0 0 #e8c3f5;} .post-author ul li.pa-fld2, .post-author ul li.pa-fld6 {background: none repeat scroll 0 0 #bfdcf8;} .post-author ul li.pa-fld3 {background: none repeat scroll 0 0 #fbd8af;} .post-author ul li.pa-fld4 {background: none repeat scroll 0 0 #a0dfa7;} .post-author ul li.pa-fld5 {background: none repeat scroll 0 0 #efc1c1; margin-bottom: 2px;} .post-author ul li.pa-fld7 {text-align: center;} .post-author ul li.pa-avatar img {border: 1px solid #FFFFFF; box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);} .post-author ul li.pa-avatar {margin: 0; padding: 0;} .post-author ul li.pa-avatar img {height: auto; max-height: 350px !important; max-width: 150px !important; width: auto;} .post-author ul li.pa-author, .post-author ul li.pa-title, .post-author ul li.pa-avatar {border: medium none;} .post-author ul li.pa-author a {font-style: normal !important; text-decoration: none !important;} #profile .checkfield {display: inline-block;} /* страница профиля */ #viewprofile .container {padding: 0.5em;} #viewprofile {background: #f0f0f0;} #profile-left {width: 20% !important; text-align: center; padding: 0 0.5em !important;} #profile-right {width: 80% !important;} #profile-left li { margin: 3px 5px; border: 1px solid #B2B2B2; background: #F4F4F4; -moz-box-shadow: 0 0 3px #60a2f7; -webkit-box-shadow: 0 0 3px #60a2f7; box-shadow: 0 0 3px #60a2f7; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; } #profile-left li img {border: 1px solid #fff; box-shadow: 0px 0px 3px rgba(0,0,0,0.6); -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.6); -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.6);} #viewprofile li, #setmods dl {background: #e6e6e6;} #viewprofile li span {border-right: 1px solid #fff } #viewprofile li {border: 1px solid #f0f0f0; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; } /* посты */ .reports {float: left; position: relatile; background: url("/files/0007/e3/f7/34073.jpg") no-repeat scroll left center transparent; padding-left: 15px !important; left: auto !important; margin-left: 15px !important;} .pl-share {background: url("/files/0007/e3/f7/53224.jpg") no-repeat scroll left center transparent; padding-left: 15px !important; left: 0px !important; position: relative !important; margin-left: 10px!important; } .lastedit {float: right; font-size: 0.9em; font-style: italic; margin-top: -0.9em !important; color: blue;} #poll-special td.tac strong { background: none repeat scroll 0 0 #F0F0F0; border-radius: 5px 5px 5px 5px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.6); color: #247FED; padding: 2px 5px; } #poll-special {margin-bottom:0;} #pun-tags {background:none !important; margin-top:0;} .tags .container {background: url("/files/0007/e3/f7/95612.jpg") no-repeat scroll right top transparent !important; border: medium none !important;} .tags .info {background: #f0f0f0; border: 1px solid #CCCCCC !important;} .topic h1 {margin-right: 0 !important; border: none !important;} #similartopics td, #similartopics th {border: none;} .firstpost {box-shadow: 0 0 5px #9acef5; border: 1px solid #9fbce1 !important;} .firstpost .container, .firstpost .post-body, .firstpost h3, .firstpost .post-links {background: #e5e5e5 !important;} .punbb hr { border-top: 1px solid #CCCCCC; color: #FFFFFF; width: 450px; border-left: medium none; } .post-rating {position: absolute; right: 0; top: -25px;} .post-rating .container {background-color: transparent !important;} .post-rating p:before {content: "Рейтинг поста: ";} .post-vote {position: absolute; right: -15px; top: 0px;} .post-vote .container {background-color: transparent !important;} .post-vote a {border: 1px solid #bbb; padding: 0 5px;} .post-rating a, .post-vote a {background: #383838 url(/files/0007/e3/f7/66374.jpg) repeat-x 0 50%; border-radius: 8px; color: white !important; font-weight: normal; text-align: center; text-decoration: none !important; text-shadow: 0 -1px 3px #202020; border-color: #797979 #5D5D5D #575757 #929292; border-style: solid; border-width: 1px; padding: 0 3px;display: inline-block;min-width: 10px; margin: 0 3px !important;} .post-rating a:hover, .post-rating a:focus, .post-vote a:focus, .post-vote a:hover {-moz-box-shadow: inset 0 0 5px 5px #535353; -webkit-box-shadow: inset 0 0 5px 5px #535353; box-shadow: inset 0 0 5px 5px #535353; color: white !important; border-radius: 8px !important;} /* формы */ input[type=text], textarea { -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; outline: none; border: 1px solid #DDDDDD; } input[type=text]:focus, textarea:focus { box-shadow: 0 0 5px #9acef5; border: 1px solid #9fbce1; } .punbb textarea {border: 0px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; padding: 5px;} .post-div img {max-height: 50px; max-width: 60px; border: 1px solid #fff; box-shadow: 0px 0px 3px rgba(0,0,0,0.6); -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.6); -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.6);} .punbb .main .post-div td {border: 0px; padding: 0em;} #t-arrow {width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 15px solid #fff;} #t-container {margin-left: 8px;} .grippie {display:none;} /* ЛИЧКА */ #pun-messages #profile .container {padding: 0em; border-top: 1px solid #fff;} #pun-messages #pun-crumbs1 {margin-bottom: 0px;} #pun-messages #messages {margin-top: 20px; margin-left: 0.5em; margin-right: 0.5em;} #pun-messages #profilenav {float: none; margin-left: 0em; width: auto;} #pun-messages #profile h2 span {border-radius: 0 0 0 0; box-shadow: 0 0 0 #f0f0f0; padding: 0px;} #pun-messages #profile h2 {margin-top: 5px;} #pun-messages #profile h3 {border: 1px solid #ccc; border-bottom: 0px;} #pun-messages #profile fieldset {margin: 0.5em; padding: 0.5em;} #pun-messages #profile fieldset legend {margin: 11px 0 0 11px;} #pun-messages #profile legend strong {background: #f0f0f0; padding: 0 5px; border-radius: 5px 5px 5px 5px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.6); color: #333333; font-size: 1em;} #pun-messages #profile .fs-box .container {border-top: 0px !important; border: 1px solid #ccc;} #pun-messages #post-form {background: none;} #pun-messages blockquote {padding: 22px 5px;} #pun-messages .post-author {width: 170px;} #pun-messages .post-body {margin-left: 170px;} #pun-messages .post-box {width: 750px;} #pun-messages #profilenav ul {padding: 1em; border: 0px; list-style:none; padding-left: 6px;background: transparent; text-shadow: 0 -1px 3px #202020; border-radius: 5px 5px 5px 5px;} #pun-messages #profilenav li {font-weight: normal; display:block; float:left; border-right:1px solid #5d5d5d; border-left:1px solid #929292; min-width: 70px; padding: 0 5px; height:20px; border-bottom:1px solid #575757; border-top:1px solid #797979; background: #383838 url(/files/0007/e3/f7/66374.jpg) repeat-x 0 50%; } #pun-messages #profilenav li:hover { background: #383838 url(/files/0007/e3/f7/66374.jpg) repeat-x 0 50%; -moz-box-shadow: inset 0 0 5px 5px #535353; -webkit-box-shadow: inset 0 0 5px 5px #535353; box-shadow: inset 0 0 5px 5px #535353;} #pun-messages #profilenav li:active { background: #383838 url(/files/0007/e3/f7/66374.jpg) repeat-x 0 50%; -moz-box-shadow: inset 0 1px 2px 2px #000; -webkit-box-shadow: inset 0 1px 2px 2px #000; box-shadow: inset 0 1px 2px 2px #000;} #pun-messages #profilenav li a { color:white; text-decoration:none; text-align:center; display:block; line-height:20px; outline:none; padding 0 3px;} #pun-messages #profilenav li a:hover, #pun-messages #profilenav li a:focus {margin: 0; padding: 0 !important; background: transparent !important;} #pun-messages td {vertical-align: middle;} #pun-messages img.postimg {width:auto;} /* статистика и футер */ #pun-stats h2 {background: transparent url(/files/0007/e3/f7/79374.png) no-repeat 0 0; text-shadow: 2px 2px 2px #616161; padding: 0; margin: 0 -10px -43px; border: medium none; position: relative; font-weight: bold; color: #fff; width: 147px; height: 41px; } #pun-stats h2 span { display: block; padding-top: 6px; border: medium none; font-size: 1em; text-align: center; width: 142px; } #fb-pic {background: transparent url(/files/0007/e3/f7/33504.png) no-repeat 0 0; width: 181px; height: 27px; position: absolute; margin-top: -9px; margin-left: 620px;} #f-ban-count {float: right;} #footer-banner {border: 1px solid #B2B2B2; border-radius: 7px 7px 7px 7px; box-shadow: 0 0 3px #60A2F7; background-color: #f4f4f4; color: #333; padding: 10px 5px 3px 5px; margin: 5px;} #footer-banner a:active, #footer-banner a:focus {padding:0 !important; margin: 0 !important; background: none !important;} #counters {width: 493px; height: 31px; text-align: center; border: 1px solid #ccc; border-radius: 7px 7px 7px 7px; background-color: #f4f4f4; padding: 4px 0; margin-top: 12px; position: relative; right: 5px;} #counters a {margin-left: 5px;} #html-footer h2 {background: transparent url(/files/0007/e3/f7/79374.png) no-repeat 0 -42px; text-shadow: 2px 2px 2px #616161; padding: 0; margin-left: -11px; margin-top: 1px; border: medium none; position: relative; font-weight: bold; color: #fff; width: 147px; height: 41px; } #html-footer h2 span {display: block; padding-top: 4px; border: medium none; text-align: center; width: 142px;} #html-footer .item1, #html-footer .item2, #html-footer .item3, #html-footer .item4 {width: width: 540px; margin: 0 10px; padding: 5px 0em; border-bottom: 1px solid #ccc; border-top: 1px solid #fff; font-size: 11px;} #html-footer .item1 {border-top: none; margin-top: -10px;} #html-footer .item1, #html-footer .item2 {width: 445px;} #html-footer .item4 {border-bottom: none;} /* верхняя панель */ .clear {clear: both;height: 0;line-height: 0;} .clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} .clearfix {display: inline-block;} * html .clearfix {height: 1%;} .clearfix {display: block;} .clearfix {height: 1%;} .clearfix {display: block;} .tab {background: url(/files/0007/e3/f7/46672.png) no-repeat 0 0; height: 42px; position: relative; top: 0px; z-index: 999;} .tab ul.login {display: block; position: relative; float: right; clear: right; height: 42px; width: auto; font-weight: bold; line-height: 42px; margin: 0; right: 150px; color: white; text-align: center; font-size: 80%;} .tab ul.login li.left {background: url(/files/0007/e3/f7/86392.png) no-repeat left 0; height: 42px; width: 30px; padding: 0; margin: 0; display: block; float: left;} .tab ul.login li.right {background: url(/files/0007/e3/f7/51932.png) no-repeat left 0; height: 42px; width: 30px; padding: 0; margin: 0; display: block; float: left;} .tab ul.login li {text-align: left; padding: 0 6px; display: block; float: left; height: 42px; background: url(/files/0007/e3/f7/24298.png) repeat-x 0 0;} .tab ul.login li a {color: #15ADFF;} .tab ul.login li a:hover {color: white;} .tab a.open, .tab a.close {height: 20px; line-height: 20px !important; padding-left: 30px !important; cursor: pointer; display: block; width: 135px; position: relative; top: 11px;} .tab a.open {background: url(/files/0007/e3/f7/24056.png) no-repeat left 0;} .tab a.close {background: url(/files/0007/e3/f7/16190.png) no-repeat left 0;} .tab a:hover.open {background: url(/files/0007/e3/f7/24056.png) no-repeat left -19px;} .tab a:hover.close {background: url(/files/0007/e3/f7/16190.png) no-repeat left -19px;} #toppanel {position: absolute; top: 0px; width: 990px; z-index: 9999; text-align: center; margin-left: -15px; margin-right: auto;} #panel {width: 988px; height: 270px; color: #d1d1d1; background: #646464; overflow: hidden; position: relative; z-index: 3; display: none; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; -moz-box-shadow: 0 0 4px #535353; -webkit-box-shadow: 0 0 4px #535353; box-shadow: 0 0 4px #535353;} #panel .content {width: 960px; margin: 0 auto; padding-top: 8px; padding-left: 14px; text-align: left; font-size: 0.95em;} #panel .content .block1 {width: 462px; float: left; padding-right: 10px; border-right: 1px solid #414141;} #panel .content .block2 {width: 462px; float: left; padding-left: 10px; border-left: 1px solid #929292;} #panel h1 {font-size: 1.3em; padding: 5px 0; margin: 0; color: white; text-shadow: 0 -1px 3px #202020;} #panel h2{font-size: 1.1em; padding: 4px 0 3px; margin: 0; color: white; text-shadow: 0 -1px 3px #202020;} #panel a { text-decoration: none; color: #15ADFF !important; text-shadow: 0 -1px 3px #202020;} #panel a:hover {color: white !important;} /* CS1.1 */ .punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd, .punbb .info-box, .punbb #pun-main .info-box .legend { background-color: #f0f0f0; color: #333; } /* CS1.2 */ .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer { background-color: #f0f0f0; color: #333; } /* CS1.3 */ .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 { background: #6AA9F6 url(/files/0007/e3/f7/23404.jpg) repeat-x scroll left top; color: #fff; font-weight: bold; margin-right: 10px; text-shadow: 2px 2px 2px #616161, -1px -1px 0 #6693C4, 1px 1px 0 #6693C4; } #pun-reputation h1 {margin-right:0;} #pun-main .category, #pun-main, #post-form, #most_invites, #administration, #max_views_topics, #max_posts_topics {background: url("/files/0007/e3/f7/95612.jpg") no-repeat scroll right top transparent} /* CS1.4 */ #pun-title, #pun-title .container {background-color: transparent; color: #333;} /* CS1.5 */ .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span { background: none repeat scroll 0 0 #F0F0F0; border-radius: 5px 5px 5px 5px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.6); color: #333333; font-size: 1em; padding: 2px; text-shadow: none !important; } /* CS1.6 */ #viewprofile li, #setmods dl { background-color: #dedfdf; color: #333 } .punbb .post h3 span {background-color: #D3E0F1;} /* CS1.7 */ .punbb .quote-box, .punbb .code-box {border: 1px solid #B2B2B2; border-radius: 7px 7px 7px 7px; box-shadow: 0 0 3px #60A2F7; background-color: #f4f4f4; color: #333;} /* CS1.8 */ #pun-navlinks .container { background-color: transparent; color: #f0f0f0; text-shadow: 0 -1px 3px #202020; } .offline li.pa-online strong {font-weight: normal} /* CS2 Border colours -------------------------------------------------------------*/ /* CS2.1 */ .punbb .container, .punbb .post-body, #pun-title { border-color: #ccc } .post h3 {border-color: #ccc; border-top-color: #f5f5f5;} .modmenu .container {border-top-color: #f5f5f5;} /* CS2.2 */ .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post { border-color: #f5f5f5 } /* CS2.3 */ #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 { border-color: #004F90; } /* 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: #ccc; } /* CS2.5 */ .punbb th { border-color: #dedfdf } /* CS2.6 */ #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span { border-color: #ccc } #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend { border-color: #fff } .punbb .divider { border-color: #ccc #fff #fff #fff } .punbb .formal fieldset .post-box, .punbb .info-box { border: 1px solid #dedfdf } /* 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 { color: #46566f; text-decoration: underline; } .punbb a:hover, .punbb-admin #pun-admain .nodefault, .punbb-admin #punbb-admain a:hover { color: #A92228; text-decoration: underline; } .punbb a:focus, .punbb a:active { background-color: #9AC7FF; border-radius: 5px 5px 5px 5px; color: #F4F4F4; margin-bottom: -2px; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; text-shadow: 1px 1px 1px #000000; } .punbb a img:focus, .punbb a img:active {background-color: transparent; margin: 0; padding: 0;} /* CS3.2 */ .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited { color: #333 } /* CS3.3 */ #pun-navlinks .container li a {color:white; text-decoration:none; text-align:center; display:block; line-height:30px; outline:none; padding 0 3px;} #pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active { border-radius: 0px; color: #fff; margin: 0px; padding: 0px; text-shadow: 0px 0px 0px transparent; background: transparent;} li#navadmin {position: fixed; right: 15px; top: 0px; border: 1px solid #B2B2B2 !important; border-radius: 0 0 12px 12px;box-shadow: 0 0 3px #60A2F7; background-color: #f4f4f4 !important; background-image: none !important; padding: 10px !important; border-top: none !important; z-index:1000;} li#navadmin:hover {box-shadow: 0 0 3px #60A2F7 !important;} li#navadmin a {color: #4C4C4C !important; font-weight: bold; text-shadow: none !important;} li#navadmin a:hover {color: #A92228 !important;} /* CS3.4 */ #pun-pagelinks a:active, #pun-pagelinks a:focus { background-color: #333; color: #fff; } /* CS4 Post status icons -------------------------------------------------------------*/ .punbb table Div.icon {background: url("/files/0007/e3/f7/27113.png") no-repeat scroll 0 0 transparent; border-style: none; display: block; float: left; height: 16px; position: relative; width: 16px;} TR.inew Div.icon {background: url("/files/0007/e3/f7/27113.png") no-repeat scroll 0 -53px transparent;} TR.iredirect Div.icon {background: url("/files/0007/e3/f7/27113.png") no-repeat scroll 0 -68px transparent;} .closedatafield {color: #CCCCCC;} .stickytext {color: #A92228;} .forum tr.isticky {background: #EBE5E5 !important;} /* Rusff */ div#pun-live-rusff {width: auto !important; border-color: #B0B0B0 #CCCCCC #CCCCCC; border-style: solid; border-width: 1px; background: #DFDFDF !important; padding-right: 1px;} .cool1 {background: #e78484 !important; border: none !important;} .cool2 {display: none;} .cool3 {background: #b0b0b0 !important; border: none !important;} #pun-live-rusff-peoples {height: 150px !important;} #profile-gifts, .mini_gifts {border-top: 1px solid #ccc;} #profile-gifts div, .mini_gifts div {border-top: 1px solid #fff;} .mini_gifts div div, #profile-gifts div div {border-top: none; background: #ddd; border-radius: 5px; margin-top: 3px;} /* *********************************************************** */ /* A2 Deal with browser defaults and wonkiness -------------------------------------------------------------*/ /* 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 { table-layout: fixed; width: 100%; } /* A2.6 */ .checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 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-size: 1em; font-weight: normal; } /* A3.5 */ .punbb h1 span, .punbb h2 span { font-size: 1.3em; } /* 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 { font-style: normal; text-decoration: underline; } /* A3.10 */ .punbb a { text-decoration: underline } /* A3.11 */ .punbb optgroup { font-weight: bold; } /* 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 { clear: both; content: "."; display: block; height: 0; visibility: hidden; overflow:hidden; line-height: 0.0; font-size: 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 { font-size: 0; height: 0; width: 0; line-height: 0.0; position:absolute; left: -9999px; overflow: hidden } /* A5 Basic page layout and borders -------------------------------------------------------------*/ /* A5.1 */ #pun { position: relative; } /* A5.2 */ .punbb { width: 960px; height: auto; margin: auto; } #post-preview .code-box { width: 850px; } /* A5.3 */ #pun-redirect, #pun-maint { float: none; margin: 50px auto; width: 500px; } #pun-redirect .info .container {padding: 40px 1em 0.8em;} #pun-redirect h1 {background: transparent url(/files/0007/e3/f7/79374.png) no-repeat 0 0; text-shadow: 2px 2px 2px #616161; padding: 0 !important; margin: 0 -10px -43px; border: medium none; position: relative; font-weight: bold; color: #fff; width: 147px; height: 41px; border-left: none !important; } #pun-redirect h1 span { display: block; padding-top: 6px; border: medium none; text-align: center; width: 142px; } /* A5.4 */ .punbb .section, .punbb .main { margin-bottom: 1em; } /* A5.5 */ .punbb .post { margin-top: 0em; } .punbb .category { margin-top: 0.8em; } /* 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 { border-style: none none solid none; border-width: 0px 0px 0px 0px } .punbb .post {border-width: 0;} /* A5.9 */ .punbb .container { border-style: solid; border-width: 1px; } /* A5.10 */ .punbb .section h2, #pun-main h1, #pun-main h2, #pun-debug h2 { padding: 0.8em; border-left: 2px solid #ccc; } /************************************************************* B - MAIN CONTENT - GENERAL **************************************************************/ /* B1 Parsed Content, Signatures and Scroll Boxes -------------------------------------------------------------*/ /* B1.1 */ .punbb .post-content { padding: 0; margin: 0; width: 100%; overflow: hidden; } /* B1.2 */ .punbb .post-sig dt { border-bottom: 1px solid #FFFFFF; border-top: 1px solid #CCCCCC; display: block; margin: 7px 0 2px; width: 450px; } /* B1.3 */ .punbb .post-content p { margin: 0; padding: 0 0 1em 0; 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 { width: 100%; overflow: hidden; } /* B1.7 */ .punbb .post-content .scrollbox { width: 100%; overflow: auto; } /* B1.8 */ .punbb .post-content .quote-box, .punbb .post-content .code-box { margin: 0 0.6em 0.6em; padding: 0.5em 1em 0; border-style: solid; border-width: 1px; } /* B1.9 */ .punbb .quote-box cite, .punbb .code-box strong.legend {height: 25px; background: #383838 url(/files/0007/e3/f7/66374.jpg) repeat-x 0 50%; border-radius: 5px 5px 5px 5px; color: white; text-shadow: 0 -1px 3px #202020; border-color: #797979 #5D5D5D #575757 #929292; border-style: solid; border-width: 1px; line-height: 25px; padding: 0 5px; display: inline-block; font-size: 1.1em; font-weight: normal; font-style: normal; margin: 0 0 5px 0.5em;} .code-box strong.legend a {color: white !important; text-decoration: none !important;} .code-box strong.legend a:hover {color: white !important; text-decoration: none !important;} .code-box strong.legend a:active, .code-box strong.legend a:focus {color: white !important; text-decoration: none !important; padding: 0 !important; margin: 0 !important; background: transparent !important;} .punbb .code-box strong.legend:hover {-moz-box-shadow: inset 0 0 5px 5px #535353; -webkit-box-shadow: inset 0 0 5px 5px #535353; box-shadow: inset 0 0 5px 5px #535353;} .punbb .code-box strong.legend:active {background: #3d3d3d !important; -moz-box-shadow: inset 0 1px 2px 2px #000; -webkit-box-shadow: inset 0 1px 2px 2px #000; box-shadow: inset 0 1px 2px 2px #000;} /* B2 Information boxes -------------------------------------------------------------*/ /* B2.1 */ .punbb .info-box { padding: 1.1em 1.7em 1em 1.7em; border-style: solid; border-width: 1px; margin: 0 0 1.1em 0; } /* B2.2 */ .punbb .info-box * { padding: 0 0 0.7em 0; } /* B2.3 */ .punbb #pun-main .info-box .legend { font-size: 1.1em; font-weight: bold; } /* B3 Pagination and posting links -------------------------------------------------------------*/ /* B3.1 */ .punbb .linkst { float: left; position: relative; width: 100%; font-size: 1em; height: 0; } /* B3.2 */ .multipage { margin-top: 40px; } /* B3.3 */ .linkst .pagelink { color: #4C4C4C; left: 0.5em; position: absolute; top: -52px; width: 27em; } /* B3.4 */ .linkst .postlink { position: absolute; top: -30px; right: 1em; width: 21em; text-align: right; font-weight: bold; color: #F5F5F5; } /* B3.5 */ .punbb .linksb { text-align: right; color: #4C4C4C; font-size: 1em; padding: 0.5em 1em 0.5em 0.4em; } /* B3.6 */ .linksb .pagelink { float: left; width: 24em; text-align: left; } /* B3.7 */ .linksb .postlink { float: right; width: 16em; font-weight: bold } /* B3.8 */ .subscribelink { clear:both; padding-top: 0.3em; } /************************************************************* C - MAIN CONTENT - SPECIFIC **************************************************************/ /* C1 Form layout -------------------------------------------------------------*/ /* C1.1 */ .punbb .formal .container { padding: 1em; } /* C1.2 */ .punbb .formsubmit { padding: 0 0 0 1.7em; margin: 0em 0 0 0; } /* C1.3 */ .punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span { margin: 0 0.6em 0 0 } /* C1.4 */ .punbb fieldset { background: none repeat scroll 0 0 #E2E2E2; border-style: solid; border-width: 1px; padding: 0 18px 0 5px; margin: 0 0 0.5em 0 } /* C1.5 */ .punbb fieldset legend { padding: 0; margin: 0 0 0 11px; font-size: 1.1em } /* C1.6 */ .punbb fieldset legend span { padding: 0 5px; margin: 0 0 0 -7px; } /* C1.7 */ .punbb fieldset fieldset { border-style: none; margin: 0; padding: 0 0 8px 0 } /* C1.8 */ .punbb .fs-box { padding: 0.5em 0 0.8em 0; } /* C1.9 */ .punbb .fs-box p, .punbb .fs-box fieldset { padding: 0 0 0em 0 } /* 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: bold } /* C1.14 */ .punbb .datafield span.input a { font-weight: normal; } /* C1.15 */ .punbb .areafield span.input, .punbb p.longinput span.input { display: block; padding: 0 12em 0 0; height: 100%; /* For IE */ } .punbb p.longinput span.input {margin-bottom: 0.5em;} /* C1.16 */ .punbb textarea, .punbb .longinput input { width: 64%; margin: 0; } /* C1.17 */ .punbb .hashelp { position: relative; } /* C1.18 */ .punbb .helplinks { display: block; position: absolute; top: 1em; right: 0; font-weight: normal; width: 36%; } /* c1.19 */ .punbb #profile .helplinks { top: 1.5em; } /* C1.20 */ .punbb .helplinks span { display: block; padding-bottom: 0.2em; } /* C1.21 */ #pun-post .formal .info-box li { padding-left: 4px; list-style-type: square; list-style-position: inside; line-height: 1.5; margin: 0; } /* C2 Table layout -------------------------------------------------------------*/ /* C2.1 */ .punbb .main .tcl { overflow: hidden; width: 50%; } /* C2.2 */ .punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod { text-align: center; width: 10%; } /* C2.3 */ .punbb .main .tcr { overflow: hidden; width: 30%; } /* 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%; } /* 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-size: 1.2em; font-weight: bold; } /* C2.9 */ .punbb td span.youposted { font-weight: bold; margin-left: -1em; position: absolute; } /* C2.10 */ .punbb td .modlist { display: block; padding-top: 0.3em } /* C2.11 */ .punbb .main td { border-style: solid none none solid; border-width: 1px 0 0 1px; padding: 0.8em; vertical-align: top; } /* C2.12 */ .punbb .main th { padding: 0.3em; } /* C2.13 */ .punbb .main .tcl { border-left-style: none; border-left-width: 0 } /* C2.14 */ .punbb tbody.hasicon td.tcl { padding-left: 2.2em } /* C2.15 */ .punbb div.icon { border-style: solid; border-width: 0.6em 0.6em 0.6em 0.6em; height: 0; line-height: 0.0; margin-top: 0.1em; width: 0; } /* C2.16 */ .punbb table div.icon { font-size: 1.05em; margin-left: -1.5em; position: absolute; } /* C3 Topics -------------------------------------------------------------*/ /* C3.1 */ .punbb .post .container { border-style: none solid solid solid; border-width: 1px; margin-top: -1px; padding-bottom: 1px; } /* C3.2 */ .punbb .post h3 { border-style: solid solid none solid; border-width: 1px; } /* C3.3 */ .punbb .post h3 span { padding: 0.5em; display: block; margin-left: 0; border-left-style: solid; border-left-width: 0px } /* C3.4 */ .punbb .post h3 strong { float: left; width: auto; font-weight: normal; } div.post h3 span strong:before { content: "Пост №"; } div.post h3 span strong:after { content: ". Дата: "; } div.post h3 span:after { content: " (при клике на дату вы получите прямую ссылку на пост в адресной строке браузера)"; font-size: 9px; } .punbb .post h3 a {padding-left: 3px;} /* C3.5 */ .punbb .post .post-author { float: left; width: 20%; margin-top: 0; overflow: hidden; } /* C3.6 */ .punbb .post .post-author p { padding: 0 1em 1em 1em; line-height: 140%; } .punbb .post .post-author ul {padding: 5px 0;} /* C3.7 */ .pa-author { font-size: 1.1em; font-weight: bold; } /* C3.8 */ .pa-author a { text-decoration: none } /* C3.9 */ li.pa-title { padding-bottom: 0.4em; font-weight: bold; } li.pa-online { line-height: 0.8em; border-left-style: solid; border-left-width: 0em; padding-top: 5px !important; } /* C3.11 */ .punbb .post-body { margin-left: 20%; border-left-style: solid; border-left-width: 0px; padding: 0 0 1px 0; } /* C3.12 */ .punbb .post-box { padding: 1em 1em 1em 0.5em; position: relative; } /*C3.13 */ .punbb fieldset .post-box { margin-bottom: 0.8em } /* C3.14 */ .punbb .post-links { margin-left: 20%; border-left-style: solid; border-left-width: 0px; } /* C3.15 */ .punbb .post-links ul { padding: 0 1em 0 0; height: 2em; line-height: 2em; margin-left: -17em; border-top-style: dashed; border-top-width: 1px; background: transparent; text-align: right; } /* C3.16 */ .punbb .post-links li { display: inline; padding-left: 1em; } /* C3.17 */ .pl-email, .pl-website { } /* C3.18 */ .punbb .clearer { clear: both; height: 0; font-size: 0; } /* C4 Moderator menu -------------------------------------------------------------*/ /* C4.1 */ .punbb .modmenu .container { padding: 0 0.5em; 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: 0.8em 1em } /* C5.2 */ .punbb .info .container .backlink { padding-top: 0em; } /* C6 Profile -------------------------------------------------------------*/ /* C6.1 */ #profile .container { padding-left: 18.6em; } /* C6.2 */ #profilenav { float: left; width: 14em; margin-left: -16.3em; display: inline; } /* C6.3 */ #profilenav li { padding-bottom: 0.8em; font-weight: bold; } /* C6.4 */ #profilenav ul { border-style: solid; border-width: 1px; padding: 1.5em 18px 0.8em 18px; margin: 0 0 1em 0; } #viewprofile ul {background: #ebebeb; margin: 0em; padding: 0.5em;} /* C6.5 */ #viewprofile h2, #profilenav h2 { background: transparent; border: none; padding: 0 0 0 0; margin: 0 14px -0.6em 14px; } /* C6.6 */ #viewprofile h2 span, #profilenav h2 span { padding: 0 5px; position: relative; } /* C6.7 */ #viewprofile li, #setmods dl { padding: 0 0 0 16em; margin-bottom: 0.2em; } /* C6.8 */ #viewprofile li span { float: left; width: 14em; margin-left: -16em; padding: 0.5em 1em; font-weight: bold; } /*C6.9 */ #setmods dt { float: left; width: 14em; margin-left: -16em; padding: 0.8em 1em; font-weight: bold; display: inline; } /* C6.10 */ #viewprofile li strong, #viewprofile li div, #setmods dd { display: block; padding: 0.5em 1em; font-weight: normal; } /* C6.11 */ .punbb img.avatardemo { float: right; margin: 0 0 0.8em 1.8em } /* C7 User list -------------------------------------------------------------*/ /* C7.1 */ #pun-userlist .formal, #pun-userlist .formal .container { border-bottom: none; margin-bottom: 0; } /* C7.2 */ #pun-userlist .usertable .container { padding: 0 1em 0.5em; border-top: none; } #pun-userlist .usertable .container .tc3 {width: 100px;} /* C7.3 */ #pun-userlist .usertable table { border-style: solid; border-width: 1px; } /************************************************************* D - PUNBB SECTIONS OTHER THAN MAIN CONTENT **************************************************************/ /* D1 Logo and description -------------------------------------------------------------*/ /* D1.1 */ #pun-index #pun-title {margin: 0 0 0.9em;} #pun-title { margin: 0 0 0em; border-style: solid solid none solid; border-width: 0; } /* D1.2 */ #pun-title h1 { display : block; } /* D1.3 */ #pun-title .container { border-style: none solid none solid; } /* D1.4 */ #pun-title h1 span { display: none; } #pun-title table { border: none; height: 190px; width: 100%; } #pun-title td.title-logo-tdl { border: none; width: 100%; } #pun-title td.title-logo-tdr { border: none; width: 468px; } /* D2 Page navigation -------------------------------------------------------------*/ /* D2.1 */ #pun-pagelinks { position: absolute; top: -15px; left: 0; margin: 0; border: none; padding: 0; width: 100%; } /* D2.2 */ #pun-pagelinks .container { background: transparent; border: none; padding: 0} /* D2.3 */ #pun-pagelinks .container li { display: inline } /* D2.4 */ #pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover { height: 2em; line-height: 2em; padding: 0; font-size: 1.2em; margin-left: -9999px; display: block; float:left; width: 100%; } /* 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, #pun-navlinks .container { border-style: none; border-width: 0; margin: 0; } #pun-navlinks {position: absolute; top: 135px; margin-left: 10px;} /* D3.2 */ #pun-navlinks .container { } /* D.3 */ #pun-navlinks li { display:block; float:left; min-width: 70px; padding: 0 5px; height:30px; } /* D3.4 */ #pun-navlinks li a { font-size: 1.1em; } /* D4 User links -------------------------------------------------------------*/ /* D4.1 */ #pun-ulinks { position: absolute; top: 172px; margin-left: 10px; } /* D4.2 */ #pun-ulinks .container { } /* D4.3 */ #pun-ulinks li, #pun-ulinks li a { border-left-style: solid; border-left-width: 0px; white-space: nowrap; } /* D4.4 */ #pun-ulinks li a { } /* D4.5 */ #pun-ulinks li.item1, #pun-ulinks li.item1 a { border-left-style: none; border-left-width: 0; } /* D5 Welcome box and Top Breadcrumbs -------------------------------------------------------------*/ #pun-status {display:none;} #pun-index #pun-status {display:block;} /* D5.1 */ #pun-status, #pun-status .container { border: none; margin-bottom: 0; } /* D5.2 */ #pun-status .container { padding: 0 0.8em; } /* D5.3 */ #pun-status span { white-space: nowrap; margin-right: 1em; padding-left: 13px; } /* D5.4 */ #pun-index #pun-crumbs1 {display:none;} #pun-crumbs1 { font-weight: bold; overflow: hidden; margin-top: 0em; } /* D5.5 */ #pun-crumbs1 p.container { border-top: none; padding: 0.5em 0.8em; font-size: 1.1em; } /* D5.6 */ #pun-break1 { display:none; margin: 0 1em; border-style: solid none; border-width: 1px 0; height: 0; margin: -2px 1em; position: relative; z-index: 1; } /* D6 Announcement -------------------------------------------------------------*/ #pun-announcement {display:none;} #pun-index #pun-announcement {display: block;} /* D6.1 */ #pun-announcement h2 { padding: 0; margin: 0 -10px -43px; border: medium none; position: relative; font-weight: bold; color: #fff; width: 147px; height: 41px; } /* D6.2 */ #pun-announcement h2 span { display: block; padding-top: 6px; border: medium none; font-size: 1.3em; text-align: center; width: 142px; } /* D6.3 */ #pun-announcement .container { padding: 60px 1em 1em; } /* D7 Statistics -------------------------------------------------------------*/ /* D7.1 */ #pun-stats {margin-bottom: 1.5em} #pun-stats .container { padding: 55px 1em 0.8em; background: #f0f0f0 url(/files/0007/e3/f7/98148.jpg) no-repeat top right} } /* D7.2 */ #pun-stats li { float: left; clear: both; line-height: 150%; } /* D7.3 */ #group-div { position: absolute; margin-top: 37px; margin-left: 1em; color: #ccc; } #group-div a {text-decoration: none;} /* D7.4 */ li#onlinelist { margin-top: 0.8em; border-top-style: solid; border-top-width: 1px; float: left; width: 100%; line-height: 130%; } /* D7.5 */ li#onlinelist div { border-top-style: solid; border-top-width: 1px; padding: 0.2em 0 0 0; } /* D8 Quick Jump - About - Bottom Breadcrumbs -------------------------------------------------------------*/ /* D8.1 */ #pun-qjump { margin: 0; border: none; width: 50%; position: relative; float: left; } /* D8.2 */ #pun-qjump .container { border: none; background: transparent; padding: 0.8em 1em; } /* D8.3 */ #pun-about { margin-top: 0; } /* D8.4 */ #pun-about .container { border-top-style: none; text-align: right; line-height: 150%; padding: 0.8em 1em; } /* D8.5 */ #pun-about p span { display:block; padding-left: 50%; } /* D8.6 */ #pun-crumbs2 { font-weight: bold; overflow: hidden; margin-bottom: 0; border-bottom: none; margin-top: -0.5em; margin-bottom: 1.5em; } /* D8.7 */ #pun-crumbs2 .container { border-top: 1px solid #ccc; padding: 0.8em; font-size: 1.1em; } /* D8.8 */ #pun-break4 { margin: -2px 1em; border-style: solid none; border-width: 1px 0; position: relative; height: 0; z-index: 1; } /* D8.9 */ div.punbb-admin #pun-about .container { border-top-style: solid; border-top-width: 1px; } /* D9 Help file -------------------------------------------------------------*/ /* D9.1 */ #pun-help .formal .info-box h3.legend { border-bottom-style: solid; border-bottom-width: 1px; padding-bottom: 0; margin-bottom: 0.8em; } /* D9.2 */ #pun-help .formal .info-box h3.legend span { padding-bottom: 0.6em; display: block; border-bottom-style: solid; border-bottom-width: 1px; 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; }