коды
Сообщений 1 страница 9 из 9
Поделиться22012-01-14 00:53:31
Дизайн Новогодний от сacao - "HAPPY NEW YEAR"
/*************************************************************
A - SETUP
**************************************************************//* A1 Import the colour scheme
-------------------------------------------------------------*//* A1.1 */
@import url(style_cs.css);/* 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: 15px;
}/* A3.2 */
.punbb {
font: normal 68.75% verdana;
}/* 3.3 */
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
font: 1em verdana
}/* 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, .punbb legend span {
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 {
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 {
margin: 0px;
position: relative;
width: 900px;
margin: auto;
}/* A5.2 */
.punbb {
float: left;
width: 100%;
height: auto;
}/* A5.3 */
#pun-redirect, #pun-maint {
margin: 50px 20% 12px 20%;
width: auto;
float: none;
}/* A5.4 */
.punbb .section, .punbb .main {
margin-bottom: 1em;
}/* A5.5 */
.punbb .category, .punbb .post {
margin-top: 0.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-style: none none solid none;
border-width: 0px 0px 2px 0px
}/* A5.9 */
.punbb .container {
border-style: solid;
border-width: 1px;
}/* A5.10 */
.punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 {
padding: 0.5em 1em;
border-style: none solid solid none;
border-width: 0 1px 1px 0;
}/*************************************************************
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 {
display: block;
border-top: 1px solid #888;
width: 250px;
margin: 5px 0;
}/* 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.4em 1.8em 1.4em 1.8em;
padding: 1em;
border-style: solid;
border-width: 1px;
}/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
display: block;
padding-bottom: 0.7em;
font-size: 1.1em;
font-weight: bold;
font-style: normal;
margin: 0;
}/* 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: 1.1em;
height: 0;
}/* 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: bold;
}/* B3.5 */
.punbb .linksb {
text-align: right;
padding: 0.4em 1em 0.5em 1em;
font-size: 1.1em;
}/* 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;
padding-bottom: 0.5em;
}/*************************************************************
C - MAIN CONTENT - SPECIFIC
**************************************************************//* C1 Form layout
-------------------------------------------------------------*//* C1.1 */
.punbb .formal .container {
padding: 1.7em 2.3em 1.1em 2.3em;
}/* C1.2 */
.punbb .formsubmit {
padding: 0 0 0 1.7em;
margin: 1em 0 0 0;
}/* C1.3 */
.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {
margin: 0 0.6em 0 0
}/* C1.4 */
.punbb fieldset {
border-style: solid;
border-width: 1px;
padding: 0 18px 0 18px;
margin: 0 0 1em 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 -15px;
}/* C1.7 */
.punbb fieldset fieldset {
border-style: none;
margin: 0;
padding: 0 0 8px 0
}/* C1.8 */
.punbb .fs-box {
padding: 1em 0 0.8em 0;
}/* C1.9 */
.punbb .fs-box p, .punbb .fs-box fieldset {
padding: 0 0 0.8em 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 */
}/* 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;
text-align: left;
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;
text-align: left;
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 {
text-align: left;
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 1em;
}/* C2.12 */
.punbb .main th {
border-style: none none none solid;
border-width: 0 0 0 1px;
padding: 0.4em 1em 0.4em 1em;
}/* C2.13 */
.punbb .main .tcl {
border-left-style: none;
border-left-width: 0
}/* C2.14 */
.punbb tbody.hasicon td.tcl {
padding-left: 3.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;
position: absolute;
margin-left: -2.2em;
}/* 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 1em;
display: block;
margin-left: 19em;
border-left-style: solid;
border-left-width: 1px
}/* C3.4 */
.punbb .post h3 strong {
float: right;
width: 5em;
text-align: right;
font-weight: normal;
}/* C3.5 */
.punbb .post .post-author {
float: left;
width: 19em;
margin-top: -1.5em;
overflow: hidden;
}/* C3.6 */
.punbb .post .post-author ul, .punbb .post .post-author p {
padding: 0 1em 1em 1em;
line-height: 140%;
}/* 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: 0.7em;
padding-left: 0.4em;
margin-top: 0.7em;
}/* C3.11 */
.punbb .post-body {
margin-left: 19em;
border-left-style: solid;
border-left-width: 1px;
padding: 0 0 1px 0;
}/* C3.12 */
.punbb .post-box {
padding: 1em;
}/*C3.13 */
.punbb fieldset .post-box {
margin-bottom: 0.8em
}/* C3.14 */
.punbb .post-links {
margin-left: 19em;
border-left-style: solid;
border-left-width: 1px;
}/* C3.15 */
.punbb .post-links ul {
padding: 0 1em 0 0;
height: 2em;
line-height: 2em;
margin-left: -19em;
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 {
float: left;
}/* C3.18 */
.punbb .clearer {
clear: both;
height: 0;
font-size: 0;
}/* C4 Moderator menu
-------------------------------------------------------------*//* C4.1 */
.punbb .modmenu .container {
padding: 0.5em 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: 0.8em 1em
}/* C5.2 */
.punbb .info .container .backlink {
padding-top: 0.8em;
}/* 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 */
#viewprofile ul, #profilenav ul {
border-style: solid;
border-width: 1px;
padding: 1.5em 18px 0.8em 18px;
margin: 0 0 1em 0;
}/* 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 2.3em 2.3em 2.3em;
border-top: none;
}/* 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-title {height: 300px;
margin: 0;
border-style: solid solid none solid;
border-width: 1px 1px 0 1px;
}/* D1.2 */
#pun-title h1 {height: 300px;
display : block;
height: 0px;
padding: 2em 1em 0 1em;
}/* D1.3 */
#pun-title .container {height: 300px;
border-style: none solid none solid;
}/* D1.4 */
#pun-title h1 span {height: 300px;
font-size: 1.5em;
}#pun-title table {height: 300px;
border: none;
height: 0px;
width: 900px;
height: 0px;
}#pun-title td.title-logo-tdl {height: 300px;
border: none;
width: 100%;
}#pun-title td.title-logo-tdr {height: 300px;
border: none;
width: 427px;
}/* 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;
top: 0;
}/* D3.2 */
#pun-navlinks .container {
padding: 0.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 {
margin-top: 0;
}/* D4.2 */
#pun-ulinks .container {
border-top: none;
padding: 0.7em 1em;
}/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
display: inline;
border-left-style: solid;
border-left-width: 1px;
white-space: nowrap;
}/* D4.4 */
#pun-ulinks li a {
padding: 0 0.3em 0 0.6em
}/* D4.5 */
#pun-ulinks li.item1, #pun-ulinks li.item1 a {
border-left-style: none;
border-left-width: 0;
padding-left: 0
}/* D5 Welcome box and Top Breadcrumbs
-------------------------------------------------------------*//* D5.1 */
#pun-status, #pun-status .container {
border-bottom: none;
margin-bottom: 0;
}/* D5.2 */
#pun-status .container {
padding: 0.8em 1em 1em 1em;
}/* D5.3 */
#pun-status span {
white-space: nowrap;
margin-right: 0.5em;
}/* D5.4 */
#pun-crumbs1 {
font-weight: bold;
overflow: hidden;
margin-top: 0;
}/* D5.5 */
#pun-crumbs1 p.container {
border-top: none;
padding: 1em 1em 0.8em 1em;
font-size: 1.1em;
}/* D5.6 */
#pun-break1 {
margin: 0 1em;
border-style: solid none;
border-width: 1px 0;
height: 0;
margin: -2px 1em;
position: relative;
z-index: 1;
}/* D6 Announcement
-------------------------------------------------------------*//* D6.1 */
#pun-announcement h2 {
padding: 0;
margin: 0 1em -3.5em 1em;
border-style: none none solid none;
border-width: 0 0 1px 0;
position: relative;
font-weight: bold;
}/* D6.2 */
#pun-announcement h2 span {
display: block;
padding: 1em 0 0.8em 0;
border-bottom-style: solid;
border-bottom-width: 1px;
}/* D6.3 */
#pun-announcement .container {
padding: 4.3em 1em 1em 1em;
}/* D7 Statistics
-------------------------------------------------------------*//* D7.1 */
#pun-stats .container {
padding: 0.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 {
margin-top: 1em;
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.7em 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;
}/* D8.7 */
#pun-crumbs2 .container {
border-bottom: none;
padding: 0.8em 1em;
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;
}
/* CS1 Background and text colours
-------------------------------------------------------------
*/
#pun-title table {background-image : url("http://i56.tinypic.com/30w2hdt.jpg");
height: 300px;
background-repeat: no-repeat;
background-position : top center;}body {background-color: #14090a;
background-image : url("http://i56.tinypic.com/2qu2c80.jpg");
background-repeat: no-repeat;
background-position : top center;
}#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 530px; top: 3px}
#pun {background-image : url("http://i53.tinypic.com/2m4owtx.jpg");
background-color : #e1dfde;
background-position : center;
background-attachment : ;}/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
background-color: transparent;
color: #000000;
}/* CS1.3 */
#pun-stats h2,.punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, #pun-stats .statscon, li#onlinelist, li#onlinelist div {background-color: transparent;
color: #000000;
font-weight: bold;
font-style: normal;}
/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
background-color: transparent;
color: #000000;
}/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
background-color: transparent;
color: #000000;
}/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl {
background-color: transparent;
color: #000000;
}/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
background-color: transparent;
color: #000000;
}/* CS1.8 */
#pun-ulinks .container {
background-color: transparent;
color: #000000;
text-align: right;}
.offline li.pa-online strong {
color: #000000;
font-weight: normal
}.punbb textarea, .punbb select, .punbb input {
background-color: transparent;
color: #000000;
}/* CS2 Border colours
-------------------------------------------------------------*//* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
border-color: transparent;
}/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
border-color: transparent;
}/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
border-color: transparent;
}/* CS1.3 */
#pun-stats h2 .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin{
color: transparent;
}/* 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:transparent;}
/* CS2.5 */
.punbb th {
border-color: transparent;
}/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
border-color: #a84283;
}#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
border-color: transparent;
}#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
border-color: transparent;
}.punbb .divider {
border-color: transparent;
}.punbb .formal fieldset .post-box, .punbb .info-box {
border: 1px solid #a84283}
li.pa-online {
border-left-color: transparent;
}.punbb .post-sig dt {
border-top-color: transparent !important;
}/* 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: #000000;
border-bottom: 0px none #000;
text-decoration: none;}
.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
color: #000000;
}/* 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: #41292a;
border-bottom: 0px none #000;
text-decoration: none;}
/* CS3.3 */
#pun-navlinks a {
color: #41292a;
border-bottom: 0px none #000;
text-decoration: none;}
/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
color: #000000;
font-weight: normal;
font-style: normal;
border-bottom: 0px none #000;
text-decoration: none;}
#pun-pagelinks a:active, #pun-pagelinks a:focus {
background-color: #333;
color: #000000;
}#pun #html-footer.section {border-style: none; }
#pun #pun-about.section {border-style: none; }
#pun .section {border-style: none; }
#pun #pun-main #pun-category1.category {border-style: none; }
#pun #pun-main #pun-category2.category {border-style: none; }
#pun #pun-navlinks.section {border-top-style: none; }
#pun #pun-ulinks.section {border-style: none; }
#pun #pun-title.section {border-style: none; }
#pun #pun-navlinks.section .container {border-style: none; }
#pun #pun-navlinks.section {border-style: none; }
#pun #pun-main .pa-title {text-align: center; }
#pun #pun-main .pa-author {text-align: center; }
#pun #pun-viewtopic.punbb #pun-main .container .online ul .pa-online {display: none; }
#pun #pun-viewtopic.punbb #pun-main .container .online ul .pa-online {display: none; }
#pun_wrap #pun #html-footer.section .container li #spo_all.main #spo_top.category h2 {display: none; }
#pun_wrap #pun #pun-index #pun-status.section .container {display: none; }
#pun_wrap #pun #pun-index #pun-crumbs1.section .crumbs {display: none; }
#pun_wrap #pun #html-footer.section .container li #spo_all.main #spo_top.category h2 {height: 21; }
#pun_wrap #pun #pun-main #pun-category9.category {border-style: none; }
#pun_wrap #pun #pun-main #pun-category8.category {border-style: none; }
#pun_wrap #pun #pun-main #pun-category7.category {border-style: none; }
#pun_wrap #pun #pun-main #pun-category6.category {border-style: none; }
#pun_wrap #pun #pun-main #pun-category5.category {border-style: none; }
#pun_wrap #pun #pun-main #pun-category4.category {border-style: none; }
#pun_wrap #pun #pun-main #pun-category3.category {border-style: none; }
#pun_wrap #pun #tieser-bottom.container {display: none; }
#pun #html-footer.section {border-style: none; }
#pun #pun-about.section {border-style: none; }
#pun .section {border-style: none; }
#pun #pun-main #pun-category1.category {border-style: none; }
#pun #pun-main #pun-category2.category {border-style: none; }
#pun #pun-navlinks.section {border-top-style: none; }
#pun #pun-ulinks.section {border-style: none; }
#pun #pun-title.section {border-style: none; }
#pun #pun-navlinks.section .container {border-style: none; }
#pun #pun-navlinks.section {border-style: none; }
#pun #pun-main .pa-title {text-align: center; }
#pun #pun-main .pa-author {text-align: center; }
#pun #pun-viewtopic.punbb #pun-main .container .online ul .pa-online {display: none; }
#pun #pun-viewtopic.punbb #pun-main .container .online ul .pa-online {display: none; }
#pun_wrap #pun #pun-title.section #logo-table tbody{display: none; }
#pun-title.section #title-logo-table tbody #title-logo-tr #title-logo-tdl.title-logo-tdl .title-logo {display: none; }
#pun .tc2, #pun-main .post-author ul {text-align: center;}
#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 530px; top: 3px
}
#pun-announcement h2 {display: none;
margin-top: -25px;}
#pun-announcement .container {padding-top: 1em}#pun-category1.category h2 {
background: url(http://i56.tinypic.com/2cf2rs0.jpg) no-repeat top center;
height: 100px;
font-size:0 !important;
border-style: none;
border-color: transparent;
padding-top: 1em;
}
#pun-category2.category h2 {
background: url(http://i53.tinypic.com/23sbrbp.jpg) no-repeat top center;
height: 100px;
font-size:0 !important;
border-style: none;
border-color: transparent;
padding-top: 1em;}#pun-category3.category h2 {
background: url(http://i51.tinypic.com/v6i3ux.jpg) no-repeat top center;
height: 100px;
font-size:0 !important;
border-style: none;
border-color: transparent;
padding-top: 1em;}#pun-category4.category h2 {
background: url(http://i52.tinypic.com/2qbdpfl.jpg) no-repeat top center;
height: 100px;
font-size:0 !important;
border-style: none;
border-color: transparent;
padding-top: 1em;}#pun-category5.category h2 {
background: url(http://i56.tinypic.com/w8aljb.jpg) no-repeat top center;
height: 100px;
font-size:0 !important;
border-style: none;
border-color: transparent;
padding-top: 1em;}#pun-category6.category h2 {
background: url(http://i54.tinypic.com/29cswea.jpg) no-repeat top center;
height: 100px;
font-size:0 !important;
border-style: none;
border-color: transparent;
padding-top: 1em;}#pun-category7.category h2 {
background: url(http://i53.tinypic.com/8x57yd.jpg) no-repeat top center;
height: 100px;
font-size:0 !important;
border-style: none;
border-color: transparent;
padding-top: 1em;}#pun-category8.category h2 {
background: url(http://i52.tinypic.com/2h3y8ic.jpg) no-repeat top center;
height: 100px;
font-size:0 !important;
border-style: none;
border-color: transparent;
padding-top: 1em;}#pun-category9.category h2 {
background: url(http://i53.tinypic.com/28a87r5.jpg) no-repeat top center;
height: 100px;
font-size:0 !important;
border-style: none;
border-color: transparent;
padding-top: 1em;}#pun-stats ul.container {
background: transparent url(http://i54.tinypic.com/2agohlh.jpg) no-repeat 10px 10px;
padding-left: 80px;
padding-top: 40px;
}
#pun-about p.container {background-color: #14090a;
background-image : url(http://i51.tinypic.com/33ng879.jpg);
background-position : center top;
background-repeat : no-repeat;
height : 70px; }div#html-footer {
margin: -67px 0px 0px 0px;}a img {
-moz-opacity: 0.5; /* Mozilla 1.6 */
-khtml-opacity: 0.5; /* Konqueror 3.1, Safari 1.1 */
filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50);
filter: alpha(opacity=50); /* IE 5.5+*/
opacity: 0.5; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
}
a:hover img {
-moz-opacity: 1; /* Mozilla 1.6 */
-khtml-opacity: 1; /* Konqueror 3.1, Safari 1.1 */
filter: progid: DXImageTransform.Microsoft.Alpha(opacity=80);
filter: alpha(opacity=80); /* IE 5.5+*/
opacity: 1; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
}
Поделиться32012-01-14 00:54:11
Дизайн Весенний от Morgana - "WE'RE TWO YEARS NOW"
/*************************************************************
A - SETUP
**************************************************************//* A1 Import the colour scheme
-------------------------------------------------------------*//* A1.1 */
@import url(style_cs.css);/* 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: 15px;
}/* A3.2 */
.punbb {
font: normal 68.75% verdana;
}/* 3.3 */
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
font: 1em verdana
}/* 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, .punbb legend span {
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 {
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 {
margin: 0px;
position: relative;
width: 900px;
margin: auto;
}/* A5.2 */
.punbb {
float: left;
width: 100%;
height: auto;
}/* A5.3 */
#pun-redirect, #pun-maint {
margin: 50px 20% 12px 20%;
width: auto;
float: none;
}/* A5.4 */
.punbb .section, .punbb .main {
margin-bottom: 1em;
}/* A5.5 */
.punbb .category, .punbb .post {
margin-top: 0.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-style: none none solid none;
border-width: 0px 0px 2px 0px
}/* A5.9 */
.punbb .container {
border-style: solid;
border-width: 1px;
}/* A5.10 */
.punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 {
padding: 0.5em 1em;
border-style: none solid solid none;
border-width: 0 1px 1px 0;
}/*************************************************************
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 {
display: block;
border-top: 1px solid #888;
width: 250px;
margin: 5px 0;
}/* 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.4em 1.8em 1.4em 1.8em;
padding: 1em;
border-style: solid;
border-width: 1px;
}/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
display: block;
padding-bottom: 0.7em;
font-size: 1.1em;
font-weight: bold;
font-style: normal;
margin: 0;
}/* 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: 1.1em;
height: 0;
}/* 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: bold;
}/* B3.5 */
.punbb .linksb {
text-align: right;
padding: 0.4em 1em 0.5em 1em;
font-size: 1.1em;
}/* 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;
padding-bottom: 0.5em;
}/*************************************************************
C - MAIN CONTENT - SPECIFIC
**************************************************************//* C1 Form layout
-------------------------------------------------------------*//* C1.1 */
.punbb .formal .container {
padding: 1.7em 2.3em 1.1em 2.3em;
}/* C1.2 */
.punbb .formsubmit {
padding: 0 0 0 1.7em;
margin: 1em 0 0 0;
}/* C1.3 */
.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {
margin: 0 0.6em 0 0
}/* C1.4 */
.punbb fieldset {
border-style: solid;
border-width: 1px;
padding: 0 18px 0 18px;
margin: 0 0 1em 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 -15px;
}/* C1.7 */
.punbb fieldset fieldset {
border-style: none;
margin: 0;
padding: 0 0 8px 0
}/* C1.8 */
.punbb .fs-box {
padding: 1em 0 0.8em 0;
}/* C1.9 */
.punbb .fs-box p, .punbb .fs-box fieldset {
padding: 0 0 0.8em 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 */
}/* 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;
text-align: left;
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;
text-align: left;
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 {
text-align: left;
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 1em;
}/* C2.12 */
.punbb .main th {
border-style: none none none solid;
border-width: 0 0 0 1px;
padding: 0.4em 1em 0.4em 1em;
}/* C2.13 */
.punbb .main .tcl {
border-left-style: none;
border-left-width: 0
}/* C2.14 */
.punbb tbody.hasicon td.tcl {
padding-left: 3.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;
position: absolute;
margin-left: -2.2em;
}/* 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 1em;
display: block;
margin-left: 19em;
border-left-style: solid;
border-left-width: 1px
}/* C3.4 */
.punbb .post h3 strong {
float: right;
width: 5em;
text-align: right;
font-weight: normal;
}/* C3.5 */
.punbb .post .post-author {
float: left;
width: 19em;
margin-top: -1.5em;
overflow: hidden;
}/* C3.6 */
.punbb .post .post-author ul, .punbb .post .post-author p {
padding: 0 1em 1em 1em;
line-height: 140%;
}/* 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: 0.7em;
padding-left: 0.4em;
margin-top: 0.7em;
}/* C3.11 */
.punbb .post-body {
margin-left: 19em;
border-left-style: solid;
border-left-width: 1px;
padding: 0 0 1px 0;
}/* C3.12 */
.punbb .post-box {
padding: 1em;
}/*C3.13 */
.punbb fieldset .post-box {
margin-bottom: 0.8em
}/* C3.14 */
.punbb .post-links {
margin-left: 19em;
border-left-style: solid;
border-left-width: 1px;
}/* C3.15 */
.punbb .post-links ul {
padding: 0 1em 0 0;
height: 2em;
line-height: 2em;
margin-left: -19em;
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 {
float: left;
}/* C3.18 */
.punbb .clearer {
clear: both;
height: 0;
font-size: 0;
}/* C4 Moderator menu
-------------------------------------------------------------*//* C4.1 */
.punbb .modmenu .container {
padding: 0.5em 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: 0.8em 1em
}/* C5.2 */
.punbb .info .container .backlink {
padding-top: 0.8em;
}/* 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 */
#viewprofile ul, #profilenav ul {
border-style: solid;
border-width: 1px;
padding: 1.5em 18px 0.8em 18px;
margin: 0 0 1em 0;
}/* 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 2.3em 2.3em 2.3em;
border-top: none;
}/* 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-title {height: 880px;
margin: 0;
border-style: solid solid none solid;
border-width: 1px 1px 0 1px;
}/* D1.2 */
#pun-title h1 {height: 880px;
display : block;
height: 0px;
padding: 2em 1em 0 1em;
}/* D1.3 */
#pun-title .container {height: 880px;
border-style: none solid none solid;
}/* D1.4 */
#pun-title h1 span {height: 880px;
font-size: 1.5em;
}#pun-title table {height: 880px;
border: none;
height: 0px;
width: 900px;
height: 0px;
}#pun-title td.title-logo-tdl {height: 880px;
border: none;
width: 100%;
}#pun-title td.title-logo-tdr {height: 880px;
border: none;
width: 427px;
}/* 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;
top: 0;
}/* D3.2 */
#pun-navlinks .container {
padding: 0.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 {
margin-top: 0;
}/* D4.2 */
#pun-ulinks .container {
border-top: none;
padding: 0.7em 1em;
}/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
display: inline;
border-left-style: solid;
border-left-width: 1px;
white-space: nowrap;
}/* D4.4 */
#pun-ulinks li a {
padding: 0 0.3em 0 0.6em
}/* D4.5 */
#pun-ulinks li.item1, #pun-ulinks li.item1 a {
border-left-style: none;
border-left-width: 0;
padding-left: 0
}/* D5 Welcome box and Top Breadcrumbs
-------------------------------------------------------------*//* D5.1 */
#pun-status, #pun-status .container {
border-bottom: none;
margin-bottom: 0;
}/* D5.2 */
#pun-status .container {
padding: 0.8em 1em 1em 1em;
}/* D5.3 */
#pun-status span {
white-space: nowrap;
margin-right: 0.5em;
}/* D5.4 */
#pun-crumbs1 {
font-weight: bold;
overflow: hidden;
margin-top: 0;
}/* D5.5 */
#pun-crumbs1 p.container {
border-top: none;
padding: 1em 1em 0.8em 1em;
font-size: 1.1em;
}/* D5.6 */
#pun-break1 {
margin: 0 1em;
border-style: solid none;
border-width: 1px 0;
height: 0;
margin: -2px 1em;
position: relative;
z-index: 1;
}/* D6 Announcement
-------------------------------------------------------------*//* D6.1 */
#pun-announcement h2 {
padding: 0;
margin: 0 1em -3.5em 1em;
border-style: none none solid none;
border-width: 0 0 1px 0;
position: relative;
font-weight: bold;
}/* D6.2 */
#pun-announcement h2 span {
display: block;
padding: 1em 0 0.8em 0;
border-bottom-style: solid;
border-bottom-width: 1px;
}/* D6.3 */
#pun-announcement .container {
padding: 4.3em 1em 1em 1em;
}/* D7 Statistics
-------------------------------------------------------------*//* D7.1 */
#pun-stats .container {
padding: 0.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 {
margin-top: 1em;
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.7em 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;
}/* D8.7 */
#pun-crumbs2 .container {
border-bottom: none;
padding: 0.8em 1em;
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;
}
/* CS1 Background and text colours
-------------------------------------------------------------
*/
div#pun-navlinks {
position: absolute;
width: 100%;
top: 2px;
}div#pun-ulinks {
position: absolute;
width: 100%;
top: 22px;
}#pun-title table {background-image : url("https://forumupload.ru/uploads/0008/04/be/538212-4-f.jpg");
height: 880px;
background-repeat: no-repeat;
background-position : top center;
}body {background-image : url("https://forumupload.ru/uploads/0008/04/be/538212-1-f.png");
background-color: #ebeae6;
background-repeat: repeat;
}#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 530px; top: 3px}
#pun {background-image : url("https://forumupload.ru/uploads/0008/04/be/538212-2-f.jpg");
background-color : #cbc4ba;
background-position : center;
background-attachment : ;}/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
background-color: transparent;
color: #000000;
}/* CS1.3 */
#pun-stats h2,.punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, #pun-stats .statscon, li#onlinelist, li#onlinelist div {background-color: transparent;
color: #000000;
font-style: normal;}
/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
background-color: transparent;
color: #000000;
}/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
background-color: transparent;
color: #000000;
}/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl {
background-color: transparent;
color: #000000;
}/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
background-image : url("https://forumupload.ru/uploads/0008/04/be/538212-1-f.png");
color: #000000;
}/* CS1.8 */
#pun-navlinks .container, #pun-ulinks .container {
background-color: transparent;
color: #000000;
text-align: right;}
.offline li.pa-online strong {
color: #000000;
font-weight: normal
}.punbb textarea, .punbb select, .punbb input {
background-color: transparent;
color: #000000;
}/* CS2 Border colours
-------------------------------------------------------------*//* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
border-color: transparent;
}/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
border-color: transparent;
}/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
border-color: transparent;
}/* CS1.3 */
#pun-stats h2 .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin{
color: transparent;
}/* 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:transparent;}
/* CS2.5 */
.punbb th {
border-color: transparent;
}/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
border-color: #c1beb6;
}#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
border-color: transparent;
}#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
border-color: transparent;
}.punbb .divider {
border-color: transparent;
}.punbb .formal fieldset .post-box, .punbb .info-box {
border: 1px solid #a84283}
li.pa-online {
border-left-color: transparent;
}.punbb .post-sig dt {
border-top-color: transparent !important;
}/* 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: #000000;
border-bottom: 0px none #000;
text-decoration: none;}
.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
color: #000000;
}/* 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: #41292a;
border-bottom: 0px none #000;
text-decoration: none;}
/* CS3.3 */
#pun-navlinks a {
color: #41292a;
border-bottom: 0px none #000;
text-decoration: none;}
/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
color: #000000;
font-weight: normal;
font-style: normal;
border-bottom: 0px none #000;
text-decoration: none;}
#pun-pagelinks a:active, #pun-pagelinks a:focus {
background-color: #333;
color: #000000;
}#pun #html-footer.section {border-style: none; }
#pun #pun-about.section {border-style: none; }
#pun .section {border-style: none; }
#pun #pun-main #pun-category1.category {border-style: none; }
#pun #pun-main #pun-category2.category {border-style: none; }
#pun #pun-navlinks.section {border-top-style: none; }
#pun #pun-ulinks.section {border-style: none; }
#pun #pun-title.section {border-style: none; }
#pun #pun-navlinks.section .container {border-style: none; }
#pun #pun-navlinks.section {border-style: none; }
#pun #pun-main .pa-title {text-align: center; }
#pun #pun-main .pa-author {text-align: center; }
#pun #pun-viewtopic.punbb #pun-main .container .online ul .pa-online {display: none; }
#pun #pun-viewtopic.punbb #pun-main .container .online ul .pa-online {display: none; }
#pun_wrap #pun #html-footer.section .container li #spo_all.main #spo_top.category h2 {display: none; }
#pun_wrap #pun #pun-index #pun-status.section .container {display: none; }
#pun_wrap #pun #pun-index #pun-crumbs1.section .crumbs {display: none; }
#pun_wrap #pun #html-footer.section .container li #spo_all.main #spo_top.category h2 {height: 21; }
#pun_wrap #pun #pun-main #pun-category9.category {border-style: none; }
#pun_wrap #pun #pun-main #pun-category8.category {border-style: none; }
#pun_wrap #pun #pun-main #pun-category7.category {border-style: none; }
#pun_wrap #pun #pun-main #pun-category6.category {border-style: none; }
#pun_wrap #pun #pun-main #pun-category5.category {border-style: none; }
#pun_wrap #pun #pun-main #pun-category4.category {border-style: none; }
#pun_wrap #pun #pun-main #pun-category3.category {border-style: none; }
#pun_wrap #pun #tieser-bottom.container {display: none; }
#pun #html-footer.section {border-style: none; }
#pun #pun-about.section {border-style: none; }
#pun .section {border-style: none; }
#pun #pun-main #pun-category1.category {border-style: none; }
#pun #pun-main #pun-category2.category {border-style: none; }
#pun #pun-navlinks.section {border-top-style: none; }
#pun #pun-ulinks.section {border-style: none; }
#pun #pun-title.section {border-style: none; }
#pun #pun-navlinks.section .container {border-style: none; }
#pun #pun-navlinks.section {border-style: none; }
#pun #pun-main .pa-title {text-align: center; }
#pun #pun-main .pa-author {text-align: center; }
#pun #pun-viewtopic.punbb #pun-main .container .online ul .pa-online {display: none; }
#pun #pun-viewtopic.punbb #pun-main .container .online ul .pa-online {display: none; }
#pun_wrap #pun #pun-title.section #logo-table tbody{display: none; }
#pun-title.section #title-logo-table tbody #title-logo-tr #title-logo-tdl.title-logo-tdl .title-logo {display: none; }
#pun .tc2, #pun-main .post-author ul {text-align: center;}
#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 530px; top: 3px
}
#pun-announcement h2 {display: none;
height: 0px;}
#pun-announcement .container {padding-top: 1em}
#pun-announcement.section .container .html-box center table {margin-top: -85px; margin-bottom: -30px; }
#html-header div center {height: 0; }
#pun-category1.category h2 {
background: url() no-repeat top center;
height: 0px;
font-size:0 !important;
border-style: none;
border-color: transparent;
padding-top: 1em;}#pun-category2.category h2 {
background: url(https://forumupload.ru/uploads/0008/04/ … 14-1-f.jpg) no-repeat top center;
height: 110px;
font-size:0 !important;
border-style: none;
border-color: transparent;
padding-top: 1em;}#pun-category3.category h2 {
background: url(https://forumupload.ru/uploads/0008/04/ … 66-1-f.jpg) no-repeat top center;
height: 110px;
font-size:0 !important;
border-style: none;
border-color: transparent;
padding-top: 1em;}#pun-category4.category h2 {
background: url(https://forumupload.ru/uploads/0008/04/ … 66-2-f.jpg) no-repeat top center;
height: 110px;
font-size:0 !important;
border-style: none;
border-color: transparent;
padding-top: 1em;}#pun-category5.category h2 {
background: url(https://forumupload.ru/uploads/0008/04/ … 66-3-f.jpg) no-repeat top center;
height: 110px;
font-size:0 !important;
border-style: none;
border-color: transparent;
padding-top: 1em;}#pun-category6.category h2 {
background: url(https://forumupload.ru/uploads/0008/04/ … 66-4-f.jpg) no-repeat top center;
height: 110px;
font-size:0 !important;
border-style: none;
border-color: transparent;
padding-top: 1em;}#pun-category7.category h2 {
background: url(https://forumupload.ru/uploads/0008/04/ … 66-5-f.jpg) no-repeat top center;
height: 110px;
font-size:0 !important;
border-style: none;
border-color: transparent;
padding-top: 1em;}#pun-category8.category h2 {
background: url(https://forumupload.ru/uploads/0008/04/ … 68-1-f.jpg) no-repeat top center;
height: 110px;
font-size:0 !important;
border-style: none;
border-color: transparent;
padding-top: 1em;}#pun-category9.category h2 {
background: url(https://forumupload.ru/uploads/0008/04/ … 68-2-f.jpg) no-repeat top center;
height: 110px;
font-size:0 !important;
border-style: none;
border-color: transparent;
padding-top: 1em;}#pun-stats ul.container {
background: transparent url(https://forumupload.ru/uploads/0008/04/be/538224-1.png) no-repeat 10px 10px;
padding-left: 130px;
padding-top: 40px;
}#pun-about p.container {background-color: #14090a;
background-image : url(https://forumupload.ru/uploads/0008/04/ … 12-3-f.jpg);
background-position : center top;
background-repeat : no-repeat;
height : 70px; }div#html-footer {
margin: -67px 0px 0px 0px;}div#pun-about {
margin-bottom: -80px;
}
Поделиться42012-01-14 00:54:40
Дизайн осенний "GOLD AUTUMN" от вереск; и cacao
<script type="text/javascript" src="http://i.wesky.ru/f/ru/wesky/jquery.js"></script>
<style type="text/css">
#pun{float: left; left: 85px}
</style><style type="text/css">
#pun-title table {background-image : url("http://pix.academ.org/img/2010/08/30/2bea1c69908f1c3a1b6ecb7f6b3869ae.png");
background-repeat : no-repeat; height : 132px; top:0px; position: absolute; left:100px;
}
</style><style>#pun_wrap #pun #pun-index table tbody tr td #pun-main .category h2 span {color: #7b5439}
</style><style>
#pun_wrap #pun #pun-index {margin-top: 350px; }</style>
<style>#pun_wrap #pun .punbb {margin-top: 350px; }
</style><div style="position: absolute; width:275px; height:225px; top:115px; left:30px;COLOR: #2e1507; border: none; font-family: arial; font-size: 11px; line-height: 9px; margin: 3px;overflow:auto;scrollbar-face-color: #2e1507;scrollbar-highlight-color: #2e1507;scrollbar-shadow-color: #2e1507;scrollbar-3dlight-color: #2e1507;scrollbar-arrow-color: #6d380f;scrollbar-track-color: #6d380f;scrollbar-darkshadow-color: #2e1507;">
<b>30.08.</b> Дорогие участники, хотелось бы вам напомнить о проведении Style Awards, спешите проголосовать, так как повтороное проведение будет лишь в ноябре.
<br> Также не забываем голосовать в 20in20. И еще убедительно просим участвовать в двух новых интереснейших <b>конкурсах</b>. Не ленимся!
<br> И еще наш форум обзавелся своим первым партнером, профессиональной ролевой игрой Nox: Deliver Us from Evil.
<br>И не очень приятная новость. На форуме прошла чистка мастеров, и были сняты с должности некоторые люди. Подробнее смотрите тему с объявлениями. Спасибо за понимание и приносим свои извинения.
<br><br><br>
<b>21.08.</b> В связи с тем, что некоторые участники не успели сдать работы, конкурс "20in20" продлевается до 21 августа, 18:00 по московскому времени.
Это последний срок! Тема с работами будет закрыта в указанное время.
<br><br><br>
<b>17.08.</b> Внимание, участники конкурса <b>"20in20"</b>! У вас осталось очень мало времени, чтобы сдать работу. Поторопитесь, прием работ закончится уже 20 августа. Мы ожидаем еще 16 участников. <br>Вдохновения вам и скорейшей сдачи работы!
</font></div><div style="position: absolute; width: 170px; height: 195px; top:95px; left:325px;COLOR: #2e1507; border: none; font-family: arial; font-size: 11px; line-height: 9px; margin: 3px;">
<br><br><center><img src="http://a.imageshack.us/img32/1106/lieh.jpg"></center><br>
Аватар дня выполнен мастером <b>дерзкая;</b>. Понаблюдать за другими работами этой мастерицы вы можете в ее <b><a href="http://stylephotoshop.ru/viewtopic.php?id=7354#p427985">теме</a></b>.</font>
</div><div style="position: absolute; width:275px; height:225px; top:115px; left:520px;COLOR: #2e1507; border: none; font-family: arial; font-size: 11px; line-height: 9px; margin: 3px;overflow:auto;scrollbar-face-color: #2e1507;scrollbar-highlight-color: #2e1507;scrollbar-shadow-color: #2e1507;scrollbar-3dlight-color: #2e1507;scrollbar-arrow-color: #6d380f;scrollbar-track-color: #6d380f;scrollbar-darkshadow-color: #2e1507;">
<b>02.08.</b> Здравствуйте, дорогие участники
<br>Откылся подфорум Style Awards по итогам лета. Не забудьте проголосовать за лучших, по вашему мнению в <a href="http://stylephotoshop.ru/viewtopic.php?id=7119#p414440">данной</a> теме.
<br><br><br>
<b>28.07</b>Встречайте новый дизайн.
<br>Авторы долго корпели над ним и
<br>получилась такая необычайная
<br>красота. Обсудить можно в <a href="http://stylephotoshop.ru/viewtopic.php?id=7086">этой</a> теме.
<br>Стартовал второй этап конкурса <a href="http://stylephotoshop.ru/viewtopic.php?id=7069">"Дуэли II"</a>. Спешите проголосовать!<br>Также вы можете успеть поучаствовать в
<br>конкурсе <a href="http://stylephotoshop.ru/viewtopic.php?id=7057">"United Kingdom (England)"</a>.
<br><b>upd.</b> Ныне подфорум "20in20" считается открытым! Спешите подать заявки на участие в <a href="http://stylephotoshop.ru/viewtopic.php?id=7093">этой теме</a>. Прием заявок закончится 31 июля.
<br><br><br>
<b>25.07.</b> Здравствуйте, дорогие участники
<br>нашего проекта. Приносим свои глубочайшие извинения
<br>за неполадки с дизайном. В скором времени мы постараемся создать
<br>новый дизайн, поэтому большая
<br>просьба не переживать из-за этого.
<br>Очередная попытка навредить форуму или затруднить его работу будет преследоваться на уровне системы. Форумы замеченные в подобной деятельности будут блокироваться без объяснения причин.
</font></div><style type="text/css">
#pun-title .title-logo span {display: none;}
</style>
<style>
#pun-announcement h2 span {display: none;}
</style><script src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("jquery", "1.3.2");
</script><style>
.intd .tclcon .modlist{
display: none;
}
</style><style>
#pun-title table tbody tr .title-logo-tdr {position: fixed; z-index: 1; top: 15px; right:0px
}
</style>
<script>
<!--
indexof="<img src='http://pix.academ.org/img/2010/08/23/fb063a02769a32d18f0ce49606c4a3ae.png' >"
str = document.getElementById("navindex").innerHTML
pos = str.indexOf("Форум")
document.getElementById("navindex").innerHTML=str.substring(0,pos)+indexof+str.substring(pos+5,str.length-1)
-->
</script>
<script>
<!--
userof="<img src='http://pix.academ.org/img/2010/08/19/d27c981c6e99fdba585143fe69b3f107.png' >"
str = document.getElementById("navuserlist").innerHTML
if( (pos=str.indexOf("Участники")) != -1 )
document.getElementById("navuserlist").innerHTML=str.substring(0,pos)+userof+str.substring(pos+9,str.length-1)
-->
</script>
<script>
<!--
findof="<img src='http://pix.academ.org/img/2010/08/19/3cf8b98d855ce0eba84452a3e01cb43e.png' >"
str = document.getElementById("navsearch").innerHTML
pos = str.indexOf("Поиск")
document.getElementById("navsearch").innerHTML=str.substring(0,pos)+findof+str.substring(pos+5,str.length-1)
-->
</script>
<script>
<!--
faseof="<img src='http://pix.academ.org/img/2010/08/19/9c8728745781b9f2704b4fa3b4b18f7a.png' >"
str = document.getElementById("navprofile").innerHTML
pos = str.indexOf("Профиль")
document.getElementById("navprofile").innerHTML=str.substring(0,pos)+faseof+str.substring(pos+14,str.length-1)
-->
</script>
<script>
<!--
pismaof="<img src='http://pix.academ.org/img/2010/08/19/c0fd7c6d1dff24a0a8f7df2201404286.png' >"
str = document.getElementById("navpm").innerHTML
pos = str.indexOf("Сообщения")
document.getElementById("navpm").innerHTML=str.substring(0,pos)+pismaof+str.substring(pos+9,str.length-1)
-->
</script>
<script>
<!--
godof="<img src='http://pix.academ.org/img/2010/08/19/a29b98a89bdcaa46143912c60683a570.png' >"
str = document.getElementById("navadmin").innerHTML
pos = str.indexOf("Администрирование")
document.getElementById("navadmin").innerHTML=str.substring(0,pos)+godof+str.substring(pos+17,str.length-1)
-->
</script>
<script>
<!--
valiof="<img src='http://pix.academ.org/img/2010/08/19/34876a9b51ccb8a752eea04896e91da2.png' >"
str = document.getElementById("navlogout").innerHTML
pos = str.indexOf("Выход")
document.getElementById("navlogout").innerHTML=str.substring(0,pos)+valiof+str.substring(pos+5,str.length-1)
-->
</script>
<script>
<!--
vxodiof="<img src='http://pix.academ.org/img/2010/08/19/6719154352fdc3b1d8d054452fdc0833.png' >"
str = document.getElementById("navlogin").innerHTML
pos = str.indexOf("Войти")
document.getElementById("navlogin").innerHTML=str.substring(0,pos)+vxodiof+str.substring(pos+5,str.length-1)
-->
</script>
<script>
<!--
regof="<img src='http://pix.academ.org/img/2010/08/19/7e5a4e40c41fa0b74e1947ca31b6f43b.png' >"
str = document.getElementById("navregister").innerHTML
pos = str.indexOf("Регистрация")
document.getElementById("navregister").innerHTML=str.substring(0,pos)+regof+str.substring(pos+18,str.length-1)
-->
</script><script type="text/javascript">
var trr=document.getElementsByTagName("div")
var fi=0
for (fi=0; fi<=(trr.length-1);fi++)
{if (trr[fi].className=="post-links")
{var drr=trr[fi].getElementsByTagName("a")
drr[0].innerHTML="<img src='http://pix.academ.org/img/2010/08/23/33d9b1f1ea455c0a0bfa00061c9572d4.png'/>"
drr[1].innerHTML="<img src='http://pix.academ.org/img/2010/08/23/caa0029d8df48759791a1eb1bce5a4dc.png' />"
var er=2
for (er=2; er<=(drr.length-1); er++)
{if (drr[er].innerHTML.indexOf("E-mail")!=-1)
{drr[er].innerHTML="<img src='http://pix.academ.org/img/2010/08/23/0879fda1dc465b7fa2037180f1852660.png' />"}
else if (drr[er].innerHTML.indexOf("Вебсайт")!=-1)
{drr[er].innerHTML="<img src='http://pix.academ.org/img/2010/08/23/bad8d8921746b49b00ec752ebb286c45.png' />"}
else if (drr[er].innerHTML.indexOf("Цитировать")!=-1)
{drr[er].innerHTML="<img src='http://pix.academ.org/img/2010/08/23/7849e0981c31cf336b8243eaf0ddf613.png'/>"}
else if (drr[er].innerHTML.indexOf("Редактировать")!=-1)
{drr[er].innerHTML="<img src='http://pix.academ.org/img/2010/08/23/f0c75f8942aebe664edd0faabbe9e9f0.png' />"}
else if (drr[er].innerHTML.indexOf("Удалить")!=-1)
{drr[er].innerHTML="<img src='http://pix.academ.org/img/2010/08/23/f09dacc54a5ad107f56211397c7ffe69.png' />"}
else if (drr[er].innerHTML.indexOf("Жалоба")!=-1)
{drr[er].innerHTML="<img src='http://pix.academ.org/img/2010/08/23/d04fac1b042271337398a1982cf55550.png' />"}
}}}
</script><script type="text/javascript">
li=document.getElementsByTagName("li")
f=0
while(li[++f]){
s=li[f].innerHTML
if((p=s.indexOf("Новые сообщения")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='http://pix.academ.org/img/2010/08/24/dac99057dfbfbe01334de8d8ff0e928a.png'>"+s.substring(p+15)
else if((p=s.indexOf("Активные темы")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='http://pix.academ.org/img/2010/08/24/89665072b7a30e8b918b20a053520881.png'>"+s.substring(p+13)
else if((p=s.indexOf("Темы без ответов")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='http://pix.academ.org/img/2010/08/23/78c1df34a38dd7c0b52faf04e810263b.png'>"+s.substring(p+21)
else if((p=s.indexOf("Мои сообщения")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='http://pix.academ.org/img/2010/08/23/4490a061872fecd9953fe1d385921dd5.png'>"+s.substring(p+13)
else if((p=s.indexOf("Подписка")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='http://pix.academ.org/img/2010/08/23/3d1b3f15ef8917bb0aedee3be66b75cd.png'>"+s.substring(p+8)
else if((p=s.indexOf("Все прочитано")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='http://pix.academ.org/img/2010/08/23/54f40c9ce76a70132ae2e797a2d2422e.png'>"+s.substring(p+13)
}
</script><style>
#button-spoiler {background-image:url('https://forumupload.ru/uploads/0000/12/13/488-1.gif'); padding:0; line-height:0; background-position:center; background-repeat:no-repeat; height:26px; width:100%}
</style>
<script type="text/javascript">
function tag_spoiler(){
var y = prompt("Введите описание закрытой кнопки",'');
if(y!='null' && y!='' && typeof(y)!='object' && typeof(y)!='undefined'){
var x = prompt("Введите описание открытой кнопки",'');
if(x=='null' || x=='' || typeof(x)=='object' || typeof(x)=='undefined') bbcode('+y+','
'); else bbcode('
+y+'|'+x+','
');}
else bbcode('Свернутый текст','
')
}
function addSpoiler(str,from,internal){
var pos=0,pos2=0,pos_c=0,pos_l=0,newpos=0,string='',close='',open='';
if((pos=str.indexOf("[spoiler",from))==-1) return str;
if((pos2=str.indexOf("
"),pos+9)==-1) return str;
if(((pos_c=str.indexOf("]",pos+8))!=-1) && ((pos_c!=pos+8)&&(pos_c!=pos+9))){
string = str.substring(pos+9,pos_c);
if((pos_l = string.indexOf("|"))!=-1){
close = string.substring(0,pos_l);
open = string.substring(pos_l+1,string.length);
}
else{
close = string;
open = string;
}
}
else{
close = 'Показать спойлер';
open = 'Скрыть спойлер';
}
newpos=str.indexOf("[spoiler",pos+9)
if(newpos<pos2 && newpos!=-1) str=addSpoiler(str,pos+9,true)
if((pos2=str.indexOf("[/spoiler]",pos+9))==-1) return str;
str=str.substring(0,pos)+makeSpoiler(str.substring(pos_c+1,pos2),open,close)+str.substring(pos2+10,str.length)
if( str.indexOf("[spoiler")!=-1 && internal==false) str=addSpoiler(str,0,false)
return str;
}
function makeSpoiler(txt,open,close){
txt='<div class="quote-box" style="padding:1px;background: none; border: 0;"><cite style="width:100%;margin:0;"><input id="'+open+'" class="spoiler-button" style="width:140px;font-size:10px; margin:0;" type="button" value="'+close+'"></cite><blockquote class="quote-box" style="display:none; width: 80%;border: 1px solid ;margin:0;">'+txt+'</blockquote></div>'
return txt;
}
$(document).ready(function(){
$("div.quote-box > cite > input.spoiler-button").click(function(){
$(this).parents("div.quote-box:first").find("blockquote.quote-box:first").toggle("slow");
var a = $(this).attr('value');$(this).attr('value',$(this).attr('id'));$(this).attr('id',a);
});
});
if((document.URL.indexOf("viewtopic.php")!=-1) || (document.URL.indexOf("post.php")!=-1)){
elm=document.getElementById("pun-main").getElementsByTagName("div")
for(x in elm) if(elm[x].className=="post-content"){
var post=elm[x]
post.innerHTML=addSpoiler(post.innerHTML,0,false)
}
}
if(form=document.getElementById("form-buttons"))
form.getElementsByTagName("tr")[0].insertCell(16).innerHTML="<img id=\"button-spoiler\" title=\"Спойлер\" onclick=\"tag_spoiler('
','
')\" src=\"/i/blank.gif\" />"
</script>
<style type="text/css">
#pun-ulinks .container {
text-align: left;
}
</style>
<style type="text/css">
#pun-navlinks .container {
text-align: left;
}
</style>
<style type="text/css">
#pun-main .post-author ul {text-align: center;}
</style>
<style type="text/css">
.stickytext {display:none}
</style>
<link rel="SHORTCUT ICON" href="http://pix.academ.org/img/2010/08/23/964490f057c8cadd38d962cfd4cc4284.png" type="image/x-icon">
<center><img src="http://pix.academ.org/img/2010/08/30/2ae79c3c249573f9f2716c9ded87fc75.png" style="margin: 0px auto -16px auto;" /></center>[/spoiler]
/*************************************************************
A - SETUP
**************************************************************//* A1 Import the colour scheme
-------------------------------------------------------------*//* A1.1 */
@import url(style_cs.css);/* 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: left
}/* 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, .punbb legend span {
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 {
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 {
margin: 0px auto 30px auto;
width : 800px;
padding: 0px 15px 0px 15px;
position: relative;
}/* A5.2 */
.punbb {
float: left;
width: 800px;
height: auto;
}/* A5.3 */
#pun-redirect, #pun-maint {
margin: 50px 20% 12px 20%;
width: auto;
float: none;
}/* A5.4 */
.punbb .section, .punbb .main {
margin-bottom: 1em;
}/* A5.5 */
.punbb .category, .punbb .post {
margin-top: 0.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-style: none none solid none;
border-width: 0px 0px 2px 0px
}/* A5.9 */
.punbb .container {
border-style: solid;
border-width: 1px;
}/* A5.10 */
.punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 {
padding: 0.5em 1em;
border-style: none solid solid none;
border-width: 0 1px 1px 0;
}/*************************************************************
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 {
display: block;
border-top: 1px solid #888;
width: 250px;
margin: 5px 0;
}/* 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.4em 1.8em 1.4em 1.8em;
padding: 1em;
border-style: solid;
border-width: 1px;
}/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
display: block;
padding-bottom: 0.7em;
font-size: 1.1em;
font-weight: bold;
font-style: normal;
margin: 0;
}/* 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: 1.1em;
height: 0;
}/* 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: bold;
}/* B3.5 */
.punbb .linksb {
text-align: right;
padding: 0.4em 1em 0.5em 1em;
font-size: 1.1em;
}/* 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;
padding-bottom: 0.5em;
}/*************************************************************
C - MAIN CONTENT - SPECIFIC
**************************************************************//* C1 Form layout
-------------------------------------------------------------*//* C1.1 */
.punbb .formal .container {
padding: 1.7em 2.3em 1.1em 2.3em;
}/* C1.2 */
.punbb .formsubmit {
padding: 0 0 0 1.7em;
margin: 1em 0 0 0;
}/* C1.3 */
.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {
margin: 0 0.6em 0 0
}/* C1.4 */
.punbb fieldset {
border-style: solid;
border-width: 1px;
padding: 0 18px 0 18px;
margin: 0 0 1em 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 -15px;
}/* C1.7 */
.punbb fieldset fieldset {
border-style: none;
margin: 0;
padding: 0 0 8px 0
}/* C1.8 */
.punbb .fs-box {
padding: 1em 0 0.8em 0;
}/* C1.9 */
.punbb .fs-box p, .punbb .fs-box fieldset {
padding: 0 0 0.8em 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 4em 0 0;
height: 100%; /* For IE */
}/* 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;
}.punbb .helplinks span INPUT {
margin: 0px 2px 2px 0px;
}/* 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;
text-align: left;
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;
text-align: left;
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 {
text-align: left;
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 1em;
}/* C2.12 */
.punbb .main th {
padding: 4px 1em 5px 1em;
font-size: 0.9em;
border-left: 1px solid transparent;
border-bottom: 1px solid transparent;
}/* C2.13 */
.punbb .main .tcl {
border-left-style: none;
border-left-width: 0;
}* html .tclcon {height: 1px;}
/* C2.14 */
.punbb td div.tclcon {
margin-left: 70px;
}/* C2.15 */
.punbb div.icon {
float: left;
display: block;
width: 50px;
height: 60px;
padding-top: 10px ;
margin-top: 10px;
}/* C3 Topics
-------------------------------------------------------------*//* C3.1 */
.punbb .post .container {
border-style: none solid solid transparent;
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 {
border-left: 1px solid transparent;
padding: 0.5em 1em;
display: block;
margin-left: 19em;
}/* C3.4 */
.punbb .post h3 strong {
float: right;
width: 5em;
text-align: right;
font-weight: normal;
}/* C3.5 */
.punbb .post .post-author {
float: left;
width: 19em;
margin-top: -1.5em;
overflow: hidden;
}/* C3.6 */
.punbb .post .post-author ul, .punbb .post .post-author p {
padding: 0 1em 1em 1em;
line-height: 140%;
}/* 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: 1.2em;
border-left-style: solid;
border-left-width: 0px;
padding-left: 1.6em;
margin-top: 0.7em;
}/* C3.11 */
.punbb .post-body {
margin-left: 19em;
border-left-style: solid;
border-left-width: 1px;
padding: 0 0 1px 0;
}/* C3.12 */
.punbb .post-box {
padding: 1em;
}/*C3.13 */
.punbb fieldset .post-box {
margin-bottom: 0.8em
}/* C3.14 */
.punbb .post-links {
margin-left: 19em;
border-left-style: solid;
border-left-width: 1px;
}/* C3.15 */
.punbb .post-links ul {
padding: 0 1em 0 0;
height: 2em;
line-height: 2em;
margin-left: -19em;
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 {
float: left;
}/* C3.18 */
.punbb .clearer {
clear: both;
height: 0;
font-size: 0;
}/* C4 Moderator menu
-------------------------------------------------------------*//* C4.1 */
.punbb .modmenu .container {
padding: 0.5em 1em;
text-align: right;
margin-top: 4px;
}/* 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: 0.8em;
}/* 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 */
#viewprofile ul, #profilenav ul {
border-style: solid;
border-width: 1px;
padding: 1.5em 18px 0.8em 18px;
margin: 0 0 1em 0;
}/* 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 2.3em 2.3em 2.3em;
border-top: none;
}/* 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-title {
margin: 0;
margin-top: 0px;
border: none;
margin-bottom: 0px;
}/* D1.2 */
#pun-title h1 {
display : block;
height : 40px;
padding: 2em 1em 0 1em;
}/* D1.3 */
#pun-title .container {
border-style: none solid none solid;
}/* D1.4 */
#pun-title h1 span {
font-size: 1.5em;
}#pun-title table {
border: none;
height: 40px;
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 {
border:none;
margin: 0;
margin-bottom: 0px;
}#pun-navlinks .container {
border:none;
margin: 0;
}/* D3.2 */
#pun-navlinks .container {
padding-top: 10px;
height: 20px;
font-weight:bold;
text-align: center;
}/* D.3 */
#pun-navlinks li {
display: inline;
margin: 0;
padding: 0px;
}/* D3.4 */
#pun-navlinks li a {
font-size: 1.2em;
font-family: tahoma;
padding: auto auto auto auto
}/* D4 User links
-------------------------------------------------------------*//* D4.1 */
#pun-ulinks {
margin-bottom: 16px;
border: 1px solid transparent;
}/* D4.2 */
#pun-ulinks .container {;
text-align: center;
border: 1px solid transparent;
padding-top: 6px;
height: 20px;
font-weight: bold;
font-size: 1em;
font-family: tahoma;
}/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
display: inline;
white-space: nowrap;
}/* D4.4 */
#pun-ulinks li a {
padding: 0 0em 0 2em
}/* D4.5 */
#pun-ulinks li.item1, #pun-ulinks li.item1 a {
border-left-style: none;
border-left-width: 0;
padding-left: 0
}/* D5 Welcome box and Top Breadcrumbs
-------------------------------------------------------------*//* D5.1 */
#pun-status, #pun-status .container {
border-bottom: none;
margin-bottom: 0;
}/* D5.2 */
#pun-status .container {
padding: 0.8em 1em 1em 1em;
}/* D5.3 */
#pun-status span {
white-space: nowrap;
margin-right: 0.5em;
}/* D5.4 */
#pun-crumbs1 {
font-weight: bold;
overflow: hidden;
margin-top: 0;
}/* D5.5 */
#pun-crumbs1 p.container {
border-top: none;
padding: 1em 1em 0.8em 1em;
font-size: 1.1em;
}/* D5.6 */
#pun-break1 {
margin: 0 1em;
border-style: solid none;
border-width: 1px 0;
height: 0;
margin: -2px 1em;
position: relative;
z-index: 1;
}/* D6 Announcement
-------------------------------------------------------------*//* D6.1 */
#pun-announcement h2 {
padding: 0;
margin: 0 1em -3.5em 1em;
border-style: none none solid none;
border-width: 0 0 1px 0;
position: relative;
font-weight: bold;
}/* D6.2 */
#pun-announcement h2 span {
display: block;
padding: 1em 0 0.8em 0;
border-bottom-style: solid;
border-bottom-width: 1px;
}/* D6.3 */
#pun-announcement .container {
padding: 4.3em 1em 1em 1em;
}/* D7 Statistics
-------------------------------------------------------------*//* D7.1 */
#pun-stats .container {
padding: 0.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 {
margin-top: 1em;
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.7em 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;
}/* D8.7 */
#pun-crumbs2 .container {
border-bottom: none;
padding: 0.8em 1em;
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;
}
/* CS1 Background and text colours
-------------------------------------------------------------*/
html {background: url(http://pix.academ.org/img/2010/09/03/a3 … 71bc79.jpg) #2f1508;
background-position: left top; background-attachment : fixed; background-repeat: repeat-y;
}/* CS1.1 */
.punbb .section .container, .punbb .post-body, .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 {
background-color: transparent;
color: #2e1507;
}/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
background-color: transparent;
color: #2e1507;
}/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
background-color: transparent;
color: #2e1507;
font-weight: bold;
font-style: none;}
/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
background-color: transparent;
color: #2e1507;
}/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
background-color: transparent;
color: #2e1507
}/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl {
background-color: transparent;
color: #2e1507
}/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
background-image: url();
color: #2e1507
}/* CS1.8 */
#pun-navlinks .container {
background-color: transparent;
color: #2e1507;
}.offline li.pa-online strong {
font-weight: normal
}.punbb textarea, .punbb select, .punbb input {
background-color: transparent;
color: #2e1507
}/* CS2 Border colours
-------------------------------------------------------------*//* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
border-color: transparent; border-style:none !important;
}/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
border-color: transparent; border-style:none !important;
}/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
border-color: transparent; border-style:none !important;
}/* 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: transparent; border-style:none !important;
;
}/* CS2.5 */
.punbb th {
border-color: transparent; border-style:none !important;}
/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
border-color: #623d27
}#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
border-color: transparent; border-style:none !important;}
#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
border-color: transparent; border-style:none !important;
}.punbb .divider {
border-color: transparent; border-style:none !important;
}.punbb .formal fieldset .post-box, .punbb .info-box {
border: 1px solid transparent; border-style:none !important;
}li.pa-online {
border-left-color: transparent; border-style:none !important;
}/* 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 {
background-color: none;
color: #411502;
border-bottom: 0px none #000;
text-decoration: none;}
.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
color: #411502
}/* 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 {
background-color: #;
color: #6d380f;
border-bottom: 0px none #000;
text-decoration: none;
text-transform: ;}
/* CS3.3 */
#pun-navlinks .container, #pun-ulinks.section {
font-style: normal;
font-size: 1.0em;
text-align: left;
color: #411502;}
/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
background-color: #;
color: #6d380f;
font-weight: normal;
font-style: none;
border-bottom: 0px none #000;
text-decoration: none;
text-transform: ;}
#pun-pagelinks a:active, #pun-pagelinks a:focus {
background-color: #333;
color: #fff;
}/* CS4 Post status icons
-------------------------------------------------------------*/#pun #pun-index #pun-main .category .container table .hasicon .alt1 .tcl .intd .icon {width: 65px; hight: 50px; }
div.icon {
background: url(http://pix.academ.org/img/2010/08/30/f3 … c025af.png) no-repeat;
}tr.inew div.icon {
background: url(http://pix.academ.org/img/2010/08/30/81 … 1c5196.png) no-repeat;
}tr.iclosed div.icon {
background: url(http://pix.academ.org/img/2010/08/30/7d … 0dd956.png) no-repeat;
}tr.isticky div.icon {
background: url(http://pix.academ.org/img/2010/08/30/ee … cc6e18.png) no-repeat;
}#pun-main div.catleft, #pun-main div.catright {display: none}
#pun-category1.category h2 { background: url(http://pix.academ.org/img/2010/08/31/0d … b7f8c5.png) no-repeat top center; height: 50px; font-size: 0px !important; background-color: transparent; color: #ede8e1; }
#pun-category8.category h2 { background: url(http://pix.academ.org/img/2010/08/31/db … 48befd.png) no-repeat top center; height: 50px; font-size: 0px !important; background-color: transparent; color: #ede8e1; }
#pun-category5.category h2 { background: url(http://pix.academ.org/img/2010/08/31/fb … fb7377.png) no-repeat top center; height: 50px; font-size: 0px !important; background-color: transparent; color: #ede8e1; }
#pun-category2.category h2 { background: url(http://pix.academ.org/img/2010/08/31/c0 … 9bd96d.png) no-repeat top center; height: 50px; font-size: 0px !important; background-color: transparent; color: #ede8e1; }
#pun-category4.category h2 { background: url(http://pix.academ.org/img/2010/08/31/3e … 56592d.png) no-repeat top center; height: 50px; font-size: 0px !important; background-color: transparent; color: #ede8e1; }
#pun-category7.category h2 { background: url(http://pix.academ.org/img/2010/08/31/48 … ced514.png) no-repeat top center; height: 50px; font-size: 0px !important; background-color: transparent; color: #ede8e1; }
#pun-category3.category h2 { background: url(http://pix.academ.org/img/2010/08/31/af … 25e160.png) no-repeat top center; height: 50px; font-size: 0px !important; background-color: transparent; color: #ede8e1; }
#pun-category6.category h2 { background: url(http://pix.academ.org/img/2010/08/31/b1 … ef204e.png) no-repeat top center; height: 50px; font-size: 0px !important; background-color: transparent; color: #ede8e1; }
#pun-category9.category h2 { background: url(http://pix.academ.org/img/2010/08/31/cd … 3b096d.png) no-repeat top center; height: 50px; font-size: 0px !important; background-color: transparent; color: #ede8e1; }
Поделиться52012-01-14 00:55:14
Дизайн новогодний - Кира Найтли от фрик
/*************************************************************
A - SETUP
**************************************************************//* A1 Import the colour scheme
-------------------------------------------------------------*//* A1.1 */
@import url(style_cs.css);/* 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: 15px;
}/* A3.2 */
.punbb {
font: normal 68.75% verdana;
}/* 3.3 */
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
font: 1em verdana
}/* 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, .punbb legend span {
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 {
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 {
margin: 0px;
position: relative;
width: 840px;
margin: auto;
}/* A5.2 */
.punbb {
margin-left: 20px;
position: relative;
float: none;
width: 814px;
height: auto;
}/* A5.3 */
#pun-redirect, #pun-maint {
margin: 50px 20% 12px 20%;
float: none;
}/* A5.4 */
.punbb .section, .punbb .main {
margin-bottom: 1em;
}/* A5.5 */
.punbb .category, .punbb .post {
margin-top: 0.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-style: none none solid none;
border-width: 0px 0px 2px 0px
}/* A5.9 */
.punbb .container {
border-style: solid;
border-width: 1px;
}/* A5.10 */
.punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 {
padding: 0.5em 1em;
border-style: none solid solid none;
border-width: 0 1px 1px 0;
}/*************************************************************
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 {
display: block;
border-top: 1px solid #888;
width: 250px;
margin: 5px 0;
}/* 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.4em 1.8em 1.4em 1.8em;
padding: 1em;
border-style: solid;
border-width: 1px;
}/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
display: block;
padding-bottom: 0.7em;
font-size: 1.1em;
font-weight: bold;
font-style: normal;
margin: 0;
}/* 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: 1.1em;
height: 0;
}/* 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: bold;
}/* B3.5 */
.punbb .linksb {
text-align: right;
padding: 0.4em 1em 0.5em 1em;
font-size: 1.1em;
}/* 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;
padding-bottom: 0.5em;
}/*************************************************************
C - MAIN CONTENT - SPECIFIC
**************************************************************//* C1 Form layout
-------------------------------------------------------------*//* C1.1 */
.punbb .formal .container {
padding: 1.7em 2.3em 1.1em 2.3em;
}/* C1.2 */
.punbb .formsubmit {
padding: 0 0 0 1.7em;
margin: 1em 0 0 0;
}/* C1.3 */
.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {
margin: 0 0.6em 0 0
}/* C1.4 */
.punbb fieldset {
border-style: solid;
border-width: 1px;
padding: 0 18px 0 18px;
margin: 0 0 1em 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 -15px;
}/* C1.7 */
.punbb fieldset fieldset {
border-style: none;
margin: 0;
padding: 0 0 8px 0
}/* C1.8 */
.punbb .fs-box {
padding: 1em 0 0.8em 0;
}/* C1.9 */
.punbb .fs-box p, .punbb .fs-box fieldset {
padding: 0 0 0.8em 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 */
}/* 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;
text-align: left;
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;
text-align: left;
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 {
text-align: left;
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 1em;
}/* C2.12 */
.punbb .main th {
border-style: none none none solid;
border-width: 0 0 0 1px;
padding: 0.4em 1em 0.4em 1em;
}/* C2.13 */
.punbb .main .tcl {
border-left-style: none;
border-left-width: 0
}/* C2.14 */
.punbb tbody.hasicon td.tcl {
padding-left: 3.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;
position: absolute;
margin-left: -2.2em;
}/* 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 1em;
display: block;
margin-left: 19em;
border-left-style: solid;
border-left-width: 1px
}/* C3.4 */
.punbb .post h3 strong {
float: right;
width: 5em;
text-align: right;
font-weight: normal;
}/* C3.5 */
.punbb .post .post-author {
float: left;
width: 19em;
margin-top: -1.5em;
overflow: hidden;
}/* C3.6 */
.punbb .post .post-author ul, .punbb .post .post-author p {
padding: 0 1em 1em 1em;
line-height: 140%;
}/* 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: 0.7em;
padding-left: 0.4em;
margin-top: 0.7em;
}/* C3.11 */
.punbb .post-body {
margin-left: 19em;
border-left-style: solid;
border-left-width: 1px;
padding: 0 0 1px 0;
}/* C3.12 */
.punbb .post-box {
padding: 1em;
}/*C3.13 */
.punbb fieldset .post-box {
margin-bottom: 0.8em
}/* C3.14 */
.punbb .post-links {
margin-left: 19em;
border-left-style: solid;
border-left-width: 1px;
}/* C3.15 */
.punbb .post-links ul {
padding: 0 1em 0 0;
height: 2em;
line-height: 2em;
margin-left: -19em;
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 {
float: left;
}/* C3.18 */
.punbb .clearer {
clear: both;
height: 0;
font-size: 0;
}/* C4 Moderator menu
-------------------------------------------------------------*//* C4.1 */
.punbb .modmenu .container {
padding: 0.5em 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: 0.8em 1em
}/* C5.2 */
.punbb .info .container .backlink {
padding-top: 0.8em;
}/* 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 */
#viewprofile ul, #profilenav ul {
border-style: solid;
border-width: 1px;
padding: 1.5em 18px 0.8em 18px;
margin: 0 0 1em 0;
}/* 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 2.3em 2.3em 2.3em;
border-top: none;
}/* 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-title {
margin: 0;
border-style: solid solid none solid;
border-width: 1px 1px 0 1px;
}/* D1.2 */
#pun-title h1 {
display : block;
height: 0px;
padding: 2em 1em 0 1em;
}/* D1.3 */
#pun-title .container {
border-style: none solid none solid;
}/* D1.4 */
#pun-title h1 span {
font-size: 1.5em;
}#pun-title table {
border: none;
margin-left: -20px;
float: none;
width: 840px;
height: 914px;
}#pun-title td.title-logo-tdl {
border: none;
width: 100%;
}#pun-title td.title-logo-tdr {
border: none;
width: 420px;
}/* 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: 0px;
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;
}/* D3.2 */
#pun-navlinks .container {
padding: 0.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 {
margin-top: 1;
}/* D4.2 */
#pun-ulinks .container {
border-top: none;
padding: 0.7em 1em;
}/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
display: inline;
border-left-style: solid;
border-left-width: 1px;
white-space: nowrap;
}/* D4.4 */
#pun-ulinks li a {
padding: 0 0.3em 0 0.6em
}/* D4.5 */
#pun-ulinks li.item1, #pun-ulinks li.item1 a {
border-left-style: none;
border-left-width: 0;
padding-left: 0
}/* D5 Welcome box and Top Breadcrumbs
-------------------------------------------------------------*//* D5.1 */
#pun-status, #pun-status .container {
border-bottom: none;
margin-bottom: 0;
}/* D5.2 */
#pun-status .container {
padding: 0.8em 1em 1em 1em;
}/* D5.3 */
#pun-status span {
white-space: nowrap;
margin-right: 0.5em;
}/* D5.4 */
#pun-crumbs1 {
font-weight: bold;
overflow: hidden;
margin-top: 0;
}/* D5.5 */
#pun-crumbs1 p.container {
border-top: none;
padding: 1em 1em 0.8em 1em;
font-size: 1.1em;
}/* D5.6 */
#pun-break1 {
margin: 0 1em;
border-style: solid none;
border-width: 1px 0;
height: 0;
margin: -2px 1em;
position: relative;
z-index: 1;
}/* D6 Announcement
-------------------------------------------------------------*//* D6.1 */
#pun-announcement h2 {
padding: 0;
margin: 0 1em -3.5em 1em;
border-style: none none solid none;
border-width: 0 0 1px 0;
position: relative;
font-weight: bold;
}/* D6.2 */
#pun-announcement h2 span {
display: block;
padding: 1em 0 0.8em 0;
border-bottom-style: solid;
border-bottom-width: 1px;
}/* D6.3 */
#pun-announcement .container {
padding: 4.3em 1em 1em 1em;
}/* D7 Statistics
-------------------------------------------------------------*//* D7.1 */
#pun-stats .container {
padding: 0.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 {
margin-top: 1em;
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.7em 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;
}/* D8.7 */
#pun-crumbs2 .container {
border-bottom: none;
padding: 0.8em 1em;
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;
}
/* CS1 Background and text colours
-------------------------------------------------------------
*/div#pun-navlinks {
position: absolute;
width: 100%;
text-align: left;
top: 585px;
}div#pun-ulinks {
position: absolute;
width: 100%;
text-align: left;
top: 602px;
}#pun-title table {
background-image : url("http://xmages.net/storage/10/1/0/e/f/upload/b127c0a3.png");}body {background-color: #000000;
background-image : url("");
background-repeat: repeat;
background-position : top center;}#pun { background-image : url("http://xmages.net/storage/10/1/0/0/c/upload/2d347b3d.png");
background-color : #ffffff;
background-position : center;}.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pun-title, #pun-title .container, .punbb .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl {background-color: transparent;
color: #000000;}#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 100px; top: 1px
}#pun-stats h2,.punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, #pun-stats .statscon, li#onlinelist, li#onlinelist div {
background-color: transparent;
color: #000000;
font-weight: bold;
font-style: normal;}.punbb .quote-box, .punbb .code-box {
background-color: transparent;
color: #000000;}#pun-navlinks .container, #pun-ulinks .container {
background-color: transparent;
color: #000000;
text-align: center;}.offline li.pa-online strong {
color: #000000;
font-weight: normal}.punbb textarea, .punbb select, .punbb input {
background-color: transparent;
color: #000000;}/* CS2 Border colours
-------------------------------------------------------------*/
.punbb .container, .punbb .post-body, .post h3, #pun-title {border-color: transparent;}.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
border-color: transparent;}#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
border-color: transparent;}#pun-stats h2 .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin{
color: transparent;}.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:transparent;}.punbb th {
border-color: transparent;}.punbb .quote-box, .punbb .code-box {
border-color: #4c2f24;}#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
border-color: transparent;}#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
border-color: transparent;}.punbb .divider {
border-color: transparent;}.punbb .formal fieldset .post-box, .punbb .info-box {
border: 1px solid #dedfdf}li.pa-online {
border-left-color: transparent;}.punbb .post-sig dt {
border-top-color: transparent !important;}/* CS3 Links
-------------------------------------------------------------*/
.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: #000000;
border-bottom: 0px none #000;
text-decoration: none;}.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
color: #000000;}.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: #000000;
border-bottom: 0px none #000;
text-decoration: none;}#pun-navlinks a {
color: #ffffff;
border-bottom: 0px none #000;
text-decoration: none;}#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
color: #000000;
font-weight: normal;
font-style: normal;
border-bottom: 0px none #000;
text-decoration: none;}#pun-pagelinks a:active, #pun-pagelinks a:focus {
background-color: #333;
color: #000000;}/* CS4 Something parts
-------------------------------------------------------------*/
#pun .section {border-style: none; }
#pun .tc2, #pun-main .post-author ul {text-align: center;}/* CS5 Post categorys
-------------------------------------------------------------*/#pun-category1.category h2 {
background: url(http://10pix.ru/img1/2786/2943940.png) no-repeat;
height: 39px;
margin-left: 1;
border-style: none;
font-size:0 !important;}#pun-category2.category h2 {
background: url(http://10pix.ru/img1/2433/2944072.png) no-repeat;
height: 39px;
margin-left: 1;
border-style: none;
font-size:0 !important;}#pun-category3.category h2 {
background: url(http://10pix.ru/img1/4067/2944073.png) no-repeat;
height: 39px;
margin-left: 1;
border-style: none;
font-size:0 !important;}#pun-category4.category h2 {
background: url(http://10pix.ru/img1/4083/2944074.png) no-repeat;
height: 39px;
margin-left: 1;
border-style: none;
font-size:0 !important;}#pun-category5.category h2 {
background: url(http://10pix.ru/img1/4659/2944076.png) no-repeat;
height: 39px;
margin-left: 1;
border-style: none;
font-size:0 !important;}#pun-category6.category h2 {
background: url(http://10pix.ru/img1/2465/2944079.png) no-repeat;
height: 39px;
margin-left: 1;
border-style: none;
font-size:0 !important;}#pun-category7.category h2 {
background: url(http://10pix.ru/img1/1615/2944081.png) no-repeat;
height: 39px;
margin-left: 1;
border-style: none;
font-size:0 !important;}#pun-category8.category h2 {
background: url(http://10pix.ru/img1/4691/2944082.png) no-repeat;
height: 39px;
margin-left: 1;
border-style: none;
font-size:0 !important;}#pun-category9.category h2 {
background: url(http://10pix.ru/img1/4707/2944084.png) no-repeat;
height: 39px;
margin-left: 1;
border-style: none;
font-size:0 !important;}/* CS7 Post status icons and other options
------------------------------------------------------------*/
#pun-about p.container {
background-image : url(http://xmages.net/storage/10/1/0/0/f/up … 614ab5.png);
background-position : center top;
background-repeat : no-repeat;
border: none;
margin-left: -30px;
float: none;
width: 840px;
height: 263px;}div#html-footer {
margin: -190px 0px 0px 0px;}#pun-announcement.section h2 span {display: none; }
Поделиться62012-01-14 00:55:36
дизайн "фиалковая весна"
/*************************************************************
A - SETUP
**************************************************************//* A1 Import the colour scheme
-------------------------------------------------------------*//* A1.1 */
@import url(style_cs.css);/* 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: 15px;
}/* A3.2 */
.punbb {
font: normal 68.75% verdana;
}/* 3.3 */
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
font: 1em verdana
}/* 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, .punbb legend span {
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 {
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 {
margin: 0px;
position: relative;
width: 800px;
margin: auto;
}/* A5.2 */
.punbb {
float: right;
width: 100%;
height: auto;}/* A5.3 */
#pun-redirect, #pun-maint {
margin: 50px 20% 12px 20%;
width: auto;
float: none;
}/* A5.4 */
.punbb .section, .punbb .main {
margin-bottom: 1em;
}/* A5.5 */
.punbb .category, .punbb .post {
margin-top: 0.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-style: none none solid none;
border-width: 0px 0px 2px 0px
}/* A5.9 */
.punbb .container {
border-style: solid;
border-width: 1px;
}/* A5.10 */
.punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 {
padding: 0.5em 1em;
border-style: none solid solid none;
border-width: 0 1px 1px 0;
}/*************************************************************
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 {
display: block;
border-top: 1px solid #888;
width: 250px;
margin: 5px 0;
}/* 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.4em 1.8em 1.4em 1.8em;
padding: 1em;
border-style: solid;
border-width: 1px;
}/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
display: block;
padding-bottom: 0.7em;
font-size: 1.1em;
font-weight: bold;
font-style: normal;
margin: 0;
}/* 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: 1.1em;
height: 0;
}/* 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: bold;
}/* B3.5 */
.punbb .linksb {
text-align: right;
padding: 0.4em 1em 0.5em 1em;
font-size: 1.1em;
}/* 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;
padding-bottom: 0.5em;
}/*************************************************************
C - MAIN CONTENT - SPECIFIC
**************************************************************//* C1 Form layout
-------------------------------------------------------------*//* C1.1 */
.punbb .formal .container {
padding: 1.7em 2.3em 1.1em 2.3em;
}/* C1.2 */
.punbb .formsubmit {
padding: 0 0 0 1.7em;
margin: 1em 0 0 0;
}/* C1.3 */
.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {
margin: 0 0.6em 0 0
}/* C1.4 */
.punbb fieldset {
border-style: solid;
border-width: 1px;
padding: 0 18px 0 18px;
margin: 0 0 1em 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 -15px;
}/* C1.7 */
.punbb fieldset fieldset {
border-style: none;
margin: 0;
padding: 0 0 8px 0
}/* C1.8 */
.punbb .fs-box {
padding: 1em 0 0.8em 0;
}/* C1.9 */
.punbb .fs-box p, .punbb .fs-box fieldset {
padding: 0 0 0.8em 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 */
}/* 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;
text-align: left;
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;
text-align: left;
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 {
text-align: left;
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 1em;
}/* C2.12 */
.punbb .main th {
border-style: none none none solid;
border-width: 0 0 0 1px;
padding: 0.4em 1em 0.4em 1em;
}/* C2.13 */
.punbb .main .tcl {
border-left-style: none;
border-left-width: 0
}/* C2.14 */
.punbb tbody.hasicon td.tcl {
padding-left: 3.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;
position: absolute;
margin-left: -2.2em;
}/* 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 1em;
display: block;
margin-left: 19em;
border-left-style: solid;
border-left-width: 1px
}/* C3.4 */
.punbb .post h3 strong {
float: right;
width: 5em;
text-align: right;
font-weight: normal;
}/* C3.5 */
.punbb .post .post-author {
float: left;
width: 19em;
margin-top: -1.5em;
overflow: hidden;
}/* C3.6 */
.punbb .post .post-author ul, .punbb .post .post-author p {
padding: 0 1em 1em 1em;
line-height: 140%;
}/* 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: 0.7em;
padding-left: 0.4em;
margin-top: 0.7em;
}/* C3.11 */
.punbb .post-body {
margin-left: 19em;
border-left-style: solid;
border-left-width: 1px;
padding: 0 0 1px 0;
}/* C3.12 */
.punbb .post-box {
padding: 1em;
}/*C3.13 */
.punbb fieldset .post-box {
margin-bottom: 0.8em
}/* C3.14 */
.punbb .post-links {
margin-left: 19em;
border-left-style: solid;
border-left-width: 1px;
}/* C3.15 */
.punbb .post-links ul {
padding: 0 1em 0 0;
height: 2em;
line-height: 2em;
margin-left: -19em;
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 {
float: left;
}/* C3.18 */
.punbb .clearer {
clear: both;
height: 0;
font-size: 0;
}/* C4 Moderator menu
-------------------------------------------------------------*//* C4.1 */
.punbb .modmenu .container {
padding: 0.5em 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: 0.8em 1em
}/* C5.2 */
.punbb .info .container .backlink {
padding-top: 0.8em;
}/* 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 */
#viewprofile ul, #profilenav ul {
border-style: solid;
border-width: 1px;
padding: 1.5em 18px 0.8em 18px;
margin: 0 0 1em 0;
}/* 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 2.3em 2.3em 2.3em;
border-top: none;
}/* 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-title {margin: 0;
border-style: solid solid none solid;
border-width: 1px 1px 0 1px;
width: 800px;}/* D1.2 */
#pun-title h1 { display : block;
height: 0px;
padding: 2em 1em 0 1em;
height: 400px;
width: 800px;}/* D1.3 */
#pun-title .container {
border-style: none solid none solid;
height: 400px;
width: 800px;}/* D1.4 */
#pun-title h1 span {
font-size: 1.5em;
height: 200px;}#pun-title table {
border: none;
width: 800px;
height: 400px;}#pun-title td.title-logo-tdl {
border: none;
width: 100%;}#pun-title td.title-logo-tdr {
border: none;
width: 427px;}/* 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;
top: 0;
}/* D3.2 */
#pun-navlinks .container {
padding: 0.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 {
margin-top: 0;
}/* D4.2 */
#pun-ulinks .container {
border-top: none;
padding: 0.7em 1em;
}/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
display: inline;
border-left-style: solid;
border-left-width: 1px;
white-space: nowrap;
}/* D4.4 */
#pun-ulinks li a {
padding: 0 0.3em 0 0.6em
}/* D4.5 */
#pun-ulinks li.item1, #pun-ulinks li.item1 a {
border-left-style: none;
border-left-width: 0;
padding-left: 0
}/* D5 Welcome box and Top Breadcrumbs
-------------------------------------------------------------*//* D5.1 */
#pun-status, #pun-status .container {
border-bottom: none;
margin-bottom: 0;
}/* D5.2 */
#pun-status .container {
padding: 0.8em 1em 1em 1em;
}/* D5.3 */
#pun-status span {
white-space: nowrap;
margin-right: 0.5em;
}/* D5.4 */
#pun-crumbs1 {
font-weight: bold;
overflow: hidden;
margin-top: 0;
}/* D5.5 */
#pun-crumbs1 p.container {
border-top: none;
padding: 1em 1em 0.8em 1em;
font-size: 1.1em;
}/* D5.6 */
#pun-break1 {
margin: 0 1em;
border-style: solid none;
border-width: 1px 0;
height: 0;
margin: -2px 1em;
position: relative;
z-index: 1;
}/* D6 Announcement
-------------------------------------------------------------*//* D6.1 */
#pun-announcement h2 {
padding: 0;
margin: 0 1em -3.5em 1em;
border-style: none none solid none;
border-width: 0 0 1px 0;
position: relative;
font-weight: bold;
}/* D6.2 */
#pun-announcement h2 span {
display: block;
padding: 1em 0 0.8em 0;
border-bottom-style: solid;
border-bottom-width: 1px;
}/* D6.3 */
#pun-announcement .container {
padding: 4.3em 1em 1em 1em;
}/* D7 Statistics
-------------------------------------------------------------*//* D7.1 */
#pun-stats .container {
padding: 0.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 {
margin-top: 1em;
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.7em 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;
}/* D8.7 */
#pun-crumbs2 .container {
border-bottom: none;
padding: 0.8em 1em;
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;
}
/* CS1 Background and text colours
-------------------------------------------------------------*/#pun-title table {background-image : url("http://savepic.org/1640569.jpg");
background-color: #e2e5fb;}body {background-color: #e2e5fb;
background-image : url("http://savepic.net/1076581.jpg");
background-repeat: repeat;
background-position : top center;
}#pun {
background-image : url("http://savepic.net/1091943.jpg");
background-color : #b2b4c5;
background-position : center;
background-attachment : ;}/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
background-color: transparent;
color: #000000;
}/* CS1.3 */
#pun-stats h2,.punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, #pun-stats .statscon, li#onlinelist, li#onlinelist div {
background-color: transparent;
color: #000000;
font-style: normal;}
/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
background-color: transparent;
color: #000000;
}/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
background-color: transparent;
color: #000000;
}/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl {
background-color: transparent;
color: #000000;
}/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
background-image : url("http://savepic.net/1076581.jpg");
background-color: #e2e5fb;
color: #000000;
}/* CS1.8 */
#pun-navlinks .container, #pun-ulinks .container {
background-color: transparent;
color: #000000;
text-align: center;}
.offline li.pa-online strong {
color: #000000;
font-weight: normal
}.punbb textarea, .punbb select, .punbb input {
background-image : url("http://savepic.net/1076581.jpg");
background-color: #e2e5fb;
color: #000000;
}/* CS2 Border colours
-------------------------------------------------------------*//* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
border-color: transparent;
}/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
border-color: transparent;
}/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
border-color: transparent;
}/* CS1.3 */
#pun-stats h2 .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin{
color: transparent;
}/* 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:transparent;}
/* CS2.5 */
.punbb th {
border-color: transparent;
}/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
border-color: #0e1212;
}#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
border-color: transparent;
}#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
border-color: transparent;
}.punbb .divider {
border-color: transparent;
}.punbb .formal fieldset .post-box, .punbb .info-box {
border: 1px solid #0e1212}
li.pa-online {
border-left-color: transparent;
}.punbb .post-sig dt {
border-top-color: transparent !important;
}/* 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: #000000;
border-bottom: 0px none #000;
text-decoration: none;}
.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
color: #000000;
}/* 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: #676872;
border-bottom: 0px none #000;
text-decoration: none;}
/* CS3.3 */
#pun-navlinks a {
color: #000000;
border-bottom: 0px none #000;
text-decoration: none;}
/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
color: #676872;
font-weight: normal;
font-style: normal;
border-bottom: 0px none #000;
text-decoration: none;}
#pun-pagelinks a:active, #pun-pagelinks a:focus {
background-color: #333;
color: #000000;
}
/* CS4 Something parts
-------------------------------------------------------------*/
#pun #html-footer.section {border-style: none; }
#pun #pun-about.section {border-style: none; }
#pun .section {border-style: none; }
#pun #pun-main #pun-category1.category {border-style: none; }
#pun #pun-main #pun-category2.category {border-style: none; }
#pun #pun-navlinks.section {border-top-style: none; }
#pun #pun-ulinks.section {border-style: none; }
#pun #pun-title.section {border-style: none; }
#pun #pun-navlinks.section .container {border-style: none; }
#pun #pun-navlinks.section {border-style: none; }
#pun #pun-main .pa-title {text-align: center; }
#pun #pun-main .pa-author {text-align: center; }
#pun #pun-viewtopic.punbb #pun-main .container .online ul .pa-online {display: none; }
#pun #pun-viewtopic.punbb #pun-main .container .online ul .pa-online {display: none; }
#pun_wrap #pun #html-footer.section .container li #spo_all.main #spo_top.category h2 {display: none; }
#pun_wrap #pun #pun-index #pun-status.section .container {display: none; }
#pun_wrap #pun #pun-index #pun-crumbs1.section .crumbs {display: none; }
#pun_wrap #pun #html-footer.section .container li #spo_all.main #spo_top.category h2 {height: 21; }
#pun_wrap #pun #pun-main #pun-category9.category {border-style: none; }
#pun_wrap #pun #pun-main #pun-category8.category {border-style: none; }
#pun_wrap #pun #pun-main #pun-category7.category {border-style: none; }
#pun_wrap #pun #pun-main #pun-category6.category {border-style: none; }
#pun_wrap #pun #pun-main #pun-category5.category {border-style: none; }
#pun_wrap #pun #pun-main #pun-category4.category {border-style: none; }
#pun_wrap #pun #pun-main #pun-category3.category {border-style: none; }
#pun_wrap #pun #tieser-bottom.container {display: none; }
#pun #html-footer.section {border-style: none; }
#pun #pun-about.section {border-style: none; }
#pun .section {border-style: none; }
#pun #pun-main #pun-category1.category {border-style: none; }
#pun #pun-main #pun-category2.category {border-style: none; }
#pun #pun-navlinks.section {border-top-style: none; }
#pun #pun-ulinks.section {border-style: none; }
#pun #pun-title.section {border-style: none; }
#pun #pun-navlinks.section .container {border-style: none; }
#pun #pun-navlinks.section {border-style: none; }
#pun #pun-main .pa-title {text-align: center; }
#pun #pun-main .pa-author {text-align: center; }
#pun #pun-viewtopic.punbb #pun-main .container .online ul .pa-online {display: none; }
#pun #pun-viewtopic.punbb #pun-main .container .online ul .pa-online {display: none; }
#pun_wrap #pun #pun-title.section #logo-table tbody{display: none; }
#pun-title.section #title-logo-table tbody #title-logo-tr #title-logo-tdl.title-logo-tdl .title-logo {display: none; }
#pun .tc2, #pun-main .post-author ul {text-align: center;}
#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 500px; top: 3px
}
#pun-announcement h2 {display: none;
height: 0px;}
#pun-announcement .container {padding-top: 1em}
#pun-announcement.section .container .html-box center table {margin-top: -85px; margin-bottom: -30px; }
#html-header div center {height: 0; }/* CS5 Post categorys
-------------------------------------------------------------*/
#pun-category1.category h2 {
background: url(http://savepic.net/1096832.jpg) no-repeat top center;
height: 80px;
border-style: none;
font-size:0 !important;}#pun-category2.category h2 {
background: url(http://savepic.net/1109163.jpg) no-repeat top center;
height: 80px;
border-style: none;
font-size:0 !important;}#pun-category3.category h2 {
background: url(http://savepic.net/1086634.jpg) no-repeat top center;
height: 80px;
border-style: none;
font-size:0 !important;}#pun-category4.category h2 {
background: url(http://savepic.net/1061037.jpg) no-repeat top center;
height: 80px;
border-style: none;
font-size:0 !important;}#pun-category5.category h2 {
background: url(http://savepic.net/1097903.jpg) no-repeat top center;
height: 80px;
border-style: none;
font-size:0 !important;}#pun-category6.category h2 {
background: url(http://savepic.net/1066159.jpg) no-repeat top center;
height: 80px;
border-style: none;
font-size:0 !important;}#pun-category7.category h2 {
background: url(http://savepic.net/1081518.jpg) no-repeat top center;
height: 80px;
border-style: none;
font-size:0 !important;}#pun-category8.category h2 {
background: url(http://savepic.net/1090721.jpg) no-repeat top center;
height: 80px;
border-style: none;
font-size:0 !important;}#pun-category9.category h2 {
background: url(http://savepic.net/1092768.jpg) no-repeat top center;
height: 80px;
border-style: none;
font-size:0 !important;}#pun-stats ul.container {
background: transparent url(http://savepic.net/1094013.jpg) no-repeat 10px 10px;
padding-left: 130px;
padding-top: 40px;
}#pun-about p.container {background-color: #14090a;
background-image : url(http://savepic.net/1076603.jpg);
background-position : center top;
background-repeat : no-repeat;
height : 70px; }div#html-footer {
margin: -67px 0px 0px 0px;}div#pun-about {
margin-bottom: -80px;
}
#pun-stats.section h2 {background: url(http://savepic.net/1108182.jpg) no-repeat top center; font-size: 0px;
height: 80px;
}
<style type="text/css">
#pun-title .title-logo span {display: none;}
</style>
<table border=0 width="178px" height="230px" style="text-align: justify; position: absolute; margin-left: -200px; top: 70px; background-color: #a1a3bb;" border: none; font-family: arial; font-size: 11px; line-height: 4px; margin: 1px;><tr align=center><td width="178px" height=230px"> <img src="http://img269.imageshack.us/img269/4748/whatuwant.jpg">
Аватар дня выполнен мастером <b>mr-know-all</b>. Понаблюдать за другими работами этого мастера вы можете в ее <b><a href="http://stylephotoshop.ru/click.php?http://stylephotoshop.ru/viewtopic.php?id=7320&p=24#p597869">теме</a></b>.</font>
</p></td></tr></table><table border=0 width="214px" height="230px" style="text-align: justify; position: absolute; margin-left: 810px; top: 180px; background-color: #a1a3bb;" border: none; font-family: arial; font-size: 11px; line-height: 4px; margin: 1px;><tr align=center><td width="214px" height=230px"> <img src="http://xmages.net/storage/10/1/0/2/5/upload/2316f856.jpg"><br>
Аватар дня выполнен ученицей <b>kevin</b>. Понаблюдать за другими работами этого ученика вы можете в ее <b><a href="http://stylephotoshop.ru/click.php?http://stylephotoshop.ru/viewtopic.php?id=9605&p=2#p595821">теме</a></b>.</font>
</p></td></tr></table><table border=0 width="178px" height="300px" style="text-align: justify; position: absolute; margin-left: -200px; top: 370px; background-color: #a1a3bb;" border: none; font-family: arial; font-size: 11px; line-height: 4px; margin: 1px;><tr><td width="178px" height=300px"><center><b>ДОБРО ПОЖАЛОВАТЬ!!!</b></center>Приветствуем Вас на арт-проекте «Style Photoshop» Наше главное волшебство – вдохновение, мы не делаем, а рисуем. Неважно мастер ли вы или только постигаете, учась у других – мы рады всем. Так же отныне форум больше внимания будет уделять колорам и урокам. Все ради вас наши дорогие гости, мы надеемся, что вы найдете именно то что вам нужно именно у нас. <br><br><center>
<a href="http://stylephotoshop.ru/click.php?http://stylephotoshop.ru/viewtopic.php?id=9664"><img src="http://xmages.net/storage/10/1/0/2/d/upload/ad311f34.gif"></center>
</font></p></td></tr></table><table border=0 width="214px" height="70px" style="text-align: justify; position: absolute; margin-left: 810px; top: 70px; background-color: #a1a3bb;" border: none; font-family: arial; font-size: 11px; line-height: 4px; margin: 1px;><tr align=center><td width="214px" height=70px"> <b>ADMINISTRATION TEAM</b><br><br>
<a href="http://stylephotoshop.ru/profile.php?id=2"><i>изумруд</i></a>, <a href="http://stylephotoshop.ru/profile.php?id=24"><i>бумажная кошка</i></a>, <a href="http://stylephotoshop.ru/profile.php?id=29"><i>morgana</i></a>, <a href="http://stylephotoshop.ru/profile.php?id=860"><i>asshole</i></a>, <a href="http://stylephotoshop.ru/profile.php?id=1377"><i>героиновый рай</i></a>, <a href="http://stylephotoshop.ru/profile.php?id=1411"><i>он</i></a></font>
</p></td></tr></table><table border=0 width="214px" height="230px" style="text-align: justify; position: absolute; margin-left: 810px; top: 460px; background-color: #a1a3bb;" border: none; font-family: arial; font-size: 11px; line-height: 4px; margin: 1px;>
<tr align=center><td width="178px" height=310px"> <a href="http://stylephotoshop.ru/viewtopic.php?id=9611&p=2#p596718"><img src="http://savepic.net/1381412.png"></a><a href="http://stylephotoshop.ru/viewtopic.php?id=9611&p=2#p596718"><img src="http://savepic.net/1382438.png" ></a><br>
<a href="http://stylephotoshop.ru/viewtopic.php?id=9709#p596186"><img src="http://savepic.org/1898839.png"></a><a href="http://stylephotoshop.ru/viewtopic.php?id=9611&p=2#p596718"><img src="http://savepic.org/1868014.png"></a><br>
<a href="http://stylephotoshop.ru/viewtopic.php?id=9611&p=2#p596718"><img src="http://savepic.org/1891556.png"></a><a href="http://stylephotoshop.ru/viewtopic.php?id=9611&p=2#p596718"><img src="http://savepic.net/1428516.png"></a><br>
</font>
</p></td></tr></table><div style="width: 370px; height:80px; position:absolute; margin-top: 220px; margin-left: 408px;">Уважаемые гости и пользователи Стайл Фотошоп, мы очень рады что вы с нами и надеемся, что этой весной мы сможем отпраздновать все грядущие праздники вместе и подарить друг другу море положительных эмоций, капельку эйфории и дождаться теплого летнего солнышка. Вас ждет масса сюрпризов и подарков, участие в новых конкурсах, а главное раздача конкурсных номинации в голосовании «Style Awards». Поэтому по большей части все зависит именно от вас, вашего выбора и удачи, которая вас может привести к большим успехам по части работы в Adobe Photoshop. Это шанс для новеньких освоить азы в уроках, ученикам проявить свои возможности, а мастерам показать высший пилотаж. Настало время для новых начинаний!</font> </div>
<style type="text/css">
.lastedit {display: none; }
</style><style>
.punbb table Div.icon {float: right; display: block; width: 80px; height: 80px; border-style: none; background-image: url(http://savepic.net/1107313.jpg); background-repeat: no-repeat; position: relative;}
.punbb table div.inew {background: url(http://savepic.net/1059185.gif) no-repeat;}
TR.isticky Div.icon {background: url(http://savepic.net/1083764.jpg) no-repeat;}
TR.iclosed Div.icon {background: url(http://savepic.net/1110388.jpg) no-repeat;}
</style>
<style type="text/css">
.punbb td div.tclcon { padding-right: 60px; }
</style>
<script>
<!--
indexof="<img src='http://savepic.net/1078468.jpg' >"
str = document.getElementById("navindex").innerHTML
pos = str.indexOf("Форум")
document.getElementById("navindex").innerHTML=str.substring(0,pos)+indexof+str.substring(pos+5,str.length-1)
-->
</script><script>
<!--
userof="<img src='http://savepic.net/1094855.jpg' >"
str = document.getElementById("navuserlist").innerHTML
if( (pos=str.indexOf("Участники")) != -1 )
document.getElementById("navuserlist").innerHTML=str.substring(0,pos)+userof+str.substring(pos+9,str.length-1)
-->
</script><script>
<!--
findof="<img src='http://savepic.net/1077447.jpg' >"
str = document.getElementById("navsearch").innerHTML
pos = str.indexOf("Поиск")
document.getElementById("navsearch").innerHTML=str.substring(0,pos)+findof+str.substring(pos+5,str.length-1)
-->
</script><script>
<!--
faseof="<img src='http://savepic.net/1059015.jpg' >"
str = document.getElementById("navprofile").innerHTML
pos = str.indexOf("Профиль")
document.getElementById("navprofile").innerHTML=str.substring(0,pos)+faseof+str.substring(pos+14,str.length-1)
-->
</script><script>
<!--
pismaof="<img src='http://savepic.net/1048775.jpg' >"
str = document.getElementById("navpm").innerHTML
pos = str.indexOf("Сообщения")
document.getElementById("navpm").innerHTML=str.substring(0,pos)+pismaof+str.substring(pos+9,str.length-1)
-->
</script><script>
<!--
godof="<img src='http://savepic.net/1100998.jpg' >"
str = document.getElementById("navadmin").innerHTML
pos = str.indexOf("Администрирование")
document.getElementById("navadmin").innerHTML=str.substring(0,pos)+godof+str.substring(pos+17,str.length-1)
-->
</script><script>
<!--
valiof="<img src='http://savepic.net/1093830.jpg' >"
str = document.getElementById("navlogout").innerHTML
pos = str.indexOf("Выход")
document.getElementById("navlogout").innerHTML=str.substring(0,pos)+valiof+str.substring(pos+5,str.length-1)
-->
</script><script>
<!--
vxodiof="<img src='http://savepic.net/1080518.jpg' >"
str = document.getElementById("navlogin").innerHTML
pos = str.indexOf("Войти")
document.getElementById("navlogin").innerHTML=str.substring(0,pos)+vxodiof+str.substring(pos+5,str.length-1)
-->
</script><script>
<!--
regof="<img src='http://savepic.net/1051846.jpg' >"
str = document.getElementById("navregister").innerHTML
pos = str.indexOf("Регистрация")
document.getElementById("navregister").innerHTML=str.substring(0,pos)+regof+str.substring(pos+18,str.length-1)
-->
</script><script>
ulinks=new Array(
"Новые сообщения", // Новые сообщения
"http://savepic.net/1090724.jpg","http://savepic.net/1051812.jpg",
"Активные темы", // Активные темы
"http://savepic.net/1057959.jpg","http://savepic.net/1053863.jpg",
"Темы без ответов", // Темы без ответов
"http://savepic.net/1064102.jpg","http://savepic.net/1068198.jpg",
"Мои сообщения", // Мои сообщения
"http://savepic.net/1093817.jpg","http://savepic.net/1074361.jpg",
"Подписка", // Подписка
"http://savepic.net/1098939.jpg","http://savepic.net/1096891.jpg",
"Все прочитано", // Все прочитано
"http://savepic.net/1095864.jpg","http://savepic.net/1110200.jpg" //
)
var s0,s1,s2,s3,i; for (i=0; i < ulinks.length; i++){s0=ulinks[i+1];s1="onmouseover=\"this.src='"+ulinks[i+2]+"'\""; s2="onmouseout=\"this.src='"+s0+"'\"";s3='<img class="ulinks" src="'+s0+'" '+s1+' '+s2+' border="0" />';$("#pun-ulinks li").find("a:contains('"+ulinks[i]+"')").html("<span>"+s3+"</span>");i++;i++; }
</script><script type="text/javascript">
var mon_array = new Array("", "Января", "Февраля", "Марта", "Апреля", "Мая", "Июня", "Июля", "Августа", "Сентября", "Октября", "Ноября", "Декабря");
Tm = new Date();
Tm.setTime(1000*UserRegistered);
m=Tm.getMonth()+1;
if (m<10) m=m;
hh=Tm.getHours();
mm=Tm.getMinutes()+'';
if (mm<10) mm=mm;
tm='<strong>'+Tm.getDate()+' '+mon_array[m]+'</strong> в <strong>'+hh+':'+mm+'</strong>';
var UserTotalReg = Math.floor(UserTotalTime/86400)
var UserTotalPost = Math.floor(UserPosts/60)
var sex_array = new Array("Пол неопределен. Войди в <a href='/profile.php?section=personal&id="+UserID+"'>Профиль</a> и установите пол", "Твой пол: <strong>Муж</strong>", "Твой пол: <strong>Жен</strong>");
var sex = sex_array[UserSex]
if (UserAvatar == ""){UserAvatar = "http://savepic.net/1050814.jpg"}
if (UserBirthDate == ""){UserBirthDate = "Дата не выставлена"}
if (UserAge == "0"){UserAge = "[Нет сведений]"}
var user=", <strong>"+UserName+"</strong>";
if (user == ", <strong></strong>"){user = ""}
var arr=document.getElementsByTagName("div")
i=0
while(arr[i] ){
if(arr[i].id=="pun-main") {
name=arr[i].innerHTML
name=name.substring(0)
arr[i].innerHTML="<div class=category><h2>Информационное табло</h2><div class=container><table border=0><tr><td><a href='/profile.php?section=avatar&id="+UserID+"' title='Изменить аватар'><img src="+UserAvatar+"></a><br /><strong>"+UserTitle+"</strong></td><td width=35%>Добро пожаловать, милый друг"+user+"!<br />"+sex+"<br />Ты используешь стиль: <strong>"+BoardStyle+"</strong><br />Ты в группе <strong>"+GroupTitle+"</strong><br />На форуме Тобой было оставлено <strong>"+UserPosts+"</strong> сообщений<br />Твой возраст: <strong>"+UserAge+"</strong>.<Br />День рождения: <strong>"+UserBirthDate+"</strong><br /><br />Сказка о <a href='/profile.php?id="+UserID+"'>"+UserLogin+"</a> | Твои <a href='/userlist.php?&show_group="+GroupID+"'>друзья</a></td><td width=35%><strong>Отношения</strong><br /><br /><a href='/respect.php?id="+UserID+"'>Уважение</a>: <strong>"+UserRespectPlus+"</strong>/<strong>"+UserRespectMinus+"</strong><br /><a href='/positive.php?id="+UserID+"'>Позитив</a>: <strong>"+UserPositivePlus+"</strong>/<strong>"+UserPositiveMinus+"</strong><Br /><Br />Ты зарегистрировался "+tm+" и провел на форуме <strong>"+UserTotalReg+"</strong> дней</td></tr></table></div></div><br />"+name
}i++}
</script>
<script type="text/javascript">
var arr=document.getElementsByTagName("div")
i=0
str=document.URL
while(arr[i] ){
if(arr[i].id=="pun-main" && GroupID == "3") {
name=arr[i].innerHTML
name=name.substring(0)
arr[i].innerHTML="<div class=category><h2>Информационное табло</h2><div class=container><table border=0><tr><td><img src=http://savepic.net/1050814.jpg></td><td width=70%>Мы безумно рады видеть вас у нас на проекте, уважаемый гость! Всем хочется узнать новые тенденции моды, увидеть оригинальные и неповторимые аватары и поучаствовать в выборе лучших мастеров сезона. Всё это возможно на <b>Style Photoshop</b> - лучшем форуме о фотошопе. Мы знаем, Вы любите нас!<br /> Для участия в жизни форума вам необходимо <a href='login.php'>войти</a> или <a href='register.php'>зарегистрироваться</a>.</td></tr></table></div></div><Br />"+name
}
i++
}
</script><script type="text/javascript">
defaultPict = "http://savepic.net/1098954.jpg"
var arr=document.getElementsByTagName("ul")
i=1
while(arr[++i]){
str=arr[i].innerHTML
if(str.indexOf("pa-avatar")==-1) {
q=str.toLowerCase()
if((pos=q.indexOf("<li class=pa-from>"))!=-1 || (pos=q.indexOf("<li class=\"pa-from\">"))!=-1 || (pos=q.indexOf("<li class=pa-reg>"))!=-1 || (pos=q.indexOf("<li class=\"pa-reg\">"))!=-1){
nstr =str.substring(0,pos)
nstr+="<li class=\"pa-avatar item2\"><img src="+ defaultPict +" alt=\"Аватар\" /></li>"
nstr+=str.substring(pos)
arr[i].innerHTML=nstr
}}}
</script>
<link rel="SHORTCUT ICON" href="http://savepic.net/1052539.png" type="image/x-icon">
<div id="html-footer" class="section">
<div class="container"><script type="text/javascript">
var trr=document.getElementsByTagName("div")
var fi=0
for (fi=0; fi<=(trr.length-1);fi++)
{if (trr[fi].className=="post-links")
{var drr=trr[fi].getElementsByTagName("a")
drr[0].innerHTML="<img src='http://savepic.net/1067215.jpg' />"
drr[1].innerHTML="<img src='http://savepic.net/1051855.jpg' />"
var er=2
for (er=2; er<=(drr.length-1); er++)
{if (drr[er].innerHTML.indexOf("E-mail")!=-1)
{drr[er].innerHTML="<img src='http://savepic.net/1099982.jpg' />"}
else if (drr[er].innerHTML.indexOf("Вебсайт")!=-1)
{drr[er].innerHTML="<img src='http://savepic.net/1089742.jpg' />"}
else if (drr[er].innerHTML.indexOf("Цитировать")!=-1)
{drr[er].innerHTML="<img src='http://savepic.net/1079502.jpg'/>"}
else if (drr[er].innerHTML.indexOf("Редактировать")!=-1)
{drr[er].innerHTML="<img src='http://savepic.net/1069262.jpg' />"}
else if (drr[er].innerHTML.indexOf("Удалить")!=-1)
{drr[er].innerHTML="<img src='http://savepic.net/1049806.jpg' />"}
else if (drr[er].innerHTML.indexOf("Жалоба")!=-1)
{drr[er].innerHTML="<img src='http://savepic.net/1100993.jpg' />"}}}}
</script><script type="text/javascript">
function changeLink()
{var arr=document.links
for (j in arr)
{
if (arr[j].innerHTML=="Новая тема")
{arr[j].innerHTML="<img id='fifik1'"+" src='http://savepic.net/1076428.jpg' />"}
else if (arr[j].innerHTML=="Новый опрос")
{arr[j].innerHTML="<img id='fifik2'"+" src='http://savepic.net/1071308.jpg' />"}}}
changeLink()
</script>
Поделиться72012-01-14 00:55:58
дизайн "лето 2011 на стайл фотошоп"
Код:/************************************************************* A - SETUP **************************************************************/ /* A1 Import the colour scheme -------------------------------------------------------------*/ /* A1.1 */ @import url(style_cs.css); /* 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: 15px; } /* A3.2 */ .punbb { font: normal 68.75% verdana; } /* 3.3 */ .punbb textarea, .punbb input, .punbb select, .punbb optgroup { font: 1em verdana } /* 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, .punbb legend span { 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 { 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 { margin: 0px; position: relative; width: 800px; margin: auto; } /* A5.2 */ .punbb { float: left; width: 100%; height: auto; } /* A5.3 */ #pun-redirect, #pun-maint { margin: 50px 20% 12px 20%; width: auto; float: none; } /* A5.4 */ .punbb .section, .punbb .main { margin-bottom: 1em; } /* A5.5 */ .punbb .category, .punbb .post { margin-top: 0.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-style: none none solid none; border-width: 0px 0px 2px 0px } /* A5.9 */ .punbb .container { border-style: solid; border-width: 1px; } /* A5.10 */ .punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 { padding: 0.5em 1em; border-style: none solid solid none; border-width: 0 1px 1px 0; } /************************************************************* 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 { display: block; border-top: 1px solid #888; width: 250px; margin: 5px 0; } /* 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.4em 1.8em 1.4em 1.8em; padding: 1em; border-style: solid; border-width: 1px; } /* B1.9 */ .punbb .quote-box cite, .punbb .code-box strong.legend { display: block; padding-bottom: 0.7em; font-size: 1.1em; font-weight: bold; font-style: normal; margin: 0; } /* 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: 1.1em; height: 0; } /* 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: bold; } /* B3.5 */ .punbb .linksb { text-align: right; padding: 0.4em 1em 0.5em 1em; font-size: 1.1em; } /* 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; padding-bottom: 0.5em; } /************************************************************* C - MAIN CONTENT - SPECIFIC **************************************************************/ /* C1 Form layout -------------------------------------------------------------*/ /* C1.1 */ .punbb .formal .container { padding: 1.7em 2.3em 1.1em 2.3em; } /* C1.2 */ .punbb .formsubmit { padding: 0 0 0 1.7em; margin: 1em 0 0 0; } /* C1.3 */ .punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span { margin: 0 0.6em 0 0 } /* C1.4 */ .punbb fieldset { border-style: solid; border-width: 1px; padding: 0 18px 0 18px; margin: 0 0 1em 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 -15px; } /* C1.7 */ .punbb fieldset fieldset { border-style: none; margin: 0; padding: 0 0 8px 0 } /* C1.8 */ .punbb .fs-box { padding: 1em 0 0.8em 0; } /* C1.9 */ .punbb .fs-box p, .punbb .fs-box fieldset { padding: 0 0 0.8em 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 */ } /* 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; text-align: left; 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; text-align: left; 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 { text-align: left; 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 1em; } /* C2.12 */ .punbb .main th { border-style: none none none solid; border-width: 0 0 0 1px; padding: 0.4em 1em 0.4em 1em; } /* C2.13 */ .punbb .main .tcl { border-left-style: none; border-left-width: 0 } /* C2.14 */ .punbb tbody.hasicon td.tcl { padding-left: 3.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; position: absolute; margin-left: -2.2em; } /* 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 1em; display: block; margin-left: 19em; border-left-style: solid; border-left-width: 1px } /* C3.4 */ .punbb .post h3 strong { float: right; width: 5em; text-align: right; font-weight: normal; } /* C3.5 */ .punbb .post .post-author { float: left; width: 19em; margin-top: -1.5em; overflow: hidden; } /* C3.6 */ .punbb .post .post-author ul, .punbb .post .post-author p { padding: 0 1em 1em 1em; line-height: 140%; } /* 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: 0.7em; padding-left: 0.4em; margin-top: 0.7em; } /* C3.11 */ .punbb .post-body { margin-left: 19em; border-left-style: solid; border-left-width: 1px; padding: 0 0 1px 0; } /* C3.12 */ .punbb .post-box { padding: 1em; } /*C3.13 */ .punbb fieldset .post-box { margin-bottom: 0.8em } /* C3.14 */ .punbb .post-links { margin-left: 19em; border-left-style: solid; border-left-width: 1px; } /* C3.15 */ .punbb .post-links ul { padding: 0 1em 0 0; height: 2em; line-height: 2em; margin-left: -19em; 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 { float: left; } /* C3.18 */ .punbb .clearer { clear: both; height: 0; font-size: 0; } /* C4 Moderator menu -------------------------------------------------------------*/ /* C4.1 */ .punbb .modmenu .container { padding: 0.5em 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: 0.8em 1em } /* C5.2 */ .punbb .info .container .backlink { padding-top: 0.8em; } /* 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 */ #viewprofile ul, #profilenav ul { border-style: solid; border-width: 1px; padding: 1.5em 18px 0.8em 18px; margin: 0 0 1em 0; } /* 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 2.3em 2.3em 2.3em; border-top: none; } /* 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-title { margin: 0; border-style: solid solid none solid; border-width: 1px 1px 0 1px; } /* D1.2 */ #pun-title h1 { display : block; height: 0px; padding: 2em 1em 0 1em; } /* D1.3 */ #pun-title .container { border-style: none solid none solid; } /* D1.4 */ #pun-title h1 span { font-size: 1.5em; } #pun-title table { border: none; height: 0px; width: 818px; height: 0px; } #pun-title td.title-logo-tdl { border: none; width: 100%; } #pun-title td.title-logo-tdr { border: none; width: 427px; } /* 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; top: 0; } /* D3.2 */ #pun-navlinks .container { padding: 0.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 { margin-top: 0; } /* D4.2 */ #pun-ulinks .container { border-top: none; padding: 0.7em 1em; } /* D4.3 */ #pun-ulinks li, #pun-ulinks li a { display: inline; border-left-style: solid; border-left-width: 1px; white-space: nowrap; } /* D4.4 */ #pun-ulinks li a { padding: 0 0.3em 0 0.6em } /* D4.5 */ #pun-ulinks li.item1, #pun-ulinks li.item1 a { border-left-style: none; border-left-width: 0; padding-left: 0 } /* D5 Welcome box and Top Breadcrumbs -------------------------------------------------------------*/ /* D5.1 */ #pun-status, #pun-status .container { border-bottom: none; margin-bottom: 0; } /* D5.2 */ #pun-status .container { padding: 0.8em 1em 1em 1em; } /* D5.3 */ #pun-status span { white-space: nowrap; margin-right: 0.5em; } /* D5.4 */ #pun-crumbs1 { font-weight: bold; overflow: hidden; margin-top: 0; } /* D5.5 */ #pun-crumbs1 p.container { border-top: none; padding: 1em 1em 0.8em 1em; font-size: 1.1em; } /* D5.6 */ #pun-break1 { margin: 0 1em; border-style: solid none; border-width: 1px 0; height: 0; margin: -2px 1em; position: relative; z-index: 1; } /* D6 Announcement -------------------------------------------------------------*/ /* D6.1 */ #pun-announcement h2 { padding: 0; margin: 0 1em -3.5em 1em; border-style: none none solid none; border-width: 0 0 1px 0; position: relative; font-weight: bold; } /* D6.2 */ #pun-announcement h2 span { display: block; padding: 1em 0 0.8em 0; border-bottom-style: solid; border-bottom-width: 1px; } /* D6.3 */ #pun-announcement .container { padding: 4.3em 1em 1em 1em; } /* D7 Statistics -------------------------------------------------------------*/ /* D7.1 */ #pun-stats .container { padding: 0.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 { margin-top: 1em; 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.7em 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; } /* D8.7 */ #pun-crumbs2 .container { border-bottom: none; padding: 0.8em 1em; 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; }
Код:/* BACKGROUD AND OTHER COLOURS -------------------------------------------------------------*/ div#pun-navlinks { position: absolute; width: 100%; text-align: right; top: -65px;} div#pun-ulinks { position: absolute; width: 100%; text-align: right; top: -35px;} body {background-color: #a4d1e5; background-image : url("http://savepic.org/2009715.jpg"); background-repeat: no-repeat; background-position : top center;} #pun { background-image: url("http://savepic.org/1974890.jpg"); background-color: #f5e9b9; background-position: center; background-attachment: ; top: 400px;} #pun-about p.container { background-color: #a4d1e5; background-image : url(http://savepic.org/2008698.png); background-position : center top; background-repeat : no-repeat; height : 110px; } div#html-footer { margin: -67px 0px 0px 0px;} div#pun-about { margin-bottom: -80px;} .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer { background-color: transparent; color: #000000;} #pun-stats h2,.punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, #pun-stats .statscon, li#onlinelist, li#onlinelist div { background-color: transparent; color: #000000; font-style: normal;} #pun-title, #pun-title .container, .punbb .modmenu .container { background-color: transparent; color: #000000;} .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span { background-color: transparent; color: #000000;} .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl { background-color: transparent; color: #000000;} .punbb .quote-box, .punbb .code-box { background-image : url(""); background-color: #faf3dc; color: #000000;} #pun-navlinks .container, #pun-ulinks .container { background-color: transparent; color: #000000; text-align: center;} .offline li.pa-online strong { color: #000000; font-weight: normal;} .punbb textarea, .punbb select, .punbb input { background-image : url(""); background-color: #faf3dc; color: #000000;} /* BORDER COLOURS -------------------------------------------------------------*/ .punbb .container, .punbb .post-body, .post h3, #pun-title { border-color: transparent;} .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post { border-color: transparent;} #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 { border-color: transparent;} #pun-stats h2 .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin{ color: transparent;} .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:transparent;} .punbb th { border-color: transparent;} .punbb .quote-box, .punbb .code-box { border-color: #2272c7;} #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span { border-color: transparent;} #pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend { border-color: transparent;} .punbb .divider { border-color: transparent;} .punbb .formal fieldset .post-box, .punbb .info-box { border: 1px solid #0e1212} li.pa-online { border-left-color: transparent;} .punbb .post-sig dt { border-top-color: transparent !important;} /* COLOURS OF THE LINKS -------------------------------------------------------------*/ .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: #000000; border-bottom: 0px none #000; text-decoration: none;} .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited { color: #000000;} .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: #383129; border-bottom: 0px none #000; text-decoration: none;} #pun-navlinks a { color: #000000; border-bottom: 0px none #000; text-decoration: none;} #pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active { color: #383129; font-weight: normal; font-style: normal; border-bottom: 0px none #000; text-decoration: none;} #pun-pagelinks a:active, #pun-pagelinks a:focus { background-color: #333; color: #000000;} /* SOMETHING PARTS -------------------------------------------------------------*/ #pun #pun-navlinks.section {border-top-style: none; } #pun #pun-navlinks.section .container {border-style: none; } #pun #pun-main .pa-title {text-align: center; } #pun #pun-main .pa-author {text-align: center; } #pun_wrap #pun #pun-index #pun-status.section .container {display: none; } #pun #pun-main .pa-title {text-align: center; } #pun #pun-main .pa-author {text-align: center; } #pun_wrap #pun #pun-title.section #logo-table tbody{display: none; } #pun-title.section #title-logo-table tbody #title-logo-tr #title-logo-tdl.title-logo-tdl .title-logo {display: none; } #pun-announcement h2 {display: none; height: 0px;} #pun-announcement.section .container .html-box center table {margin-top: -25px;} #pun .tc2, #pun-main .post-author ul {text-align: center;} img { border: none;} #menuwrapper{ left: 20%; position: relative; height: 210px;} #menu{ position: absolute; bottom: 0px; left: 0px;} .menuitem { position: fixed relative; bottom: 0px; display: inline-block;} /* POST CATEGORYS -------------------------------------------------------------*/ #pun-category1.category h2 { background: url() no- repeat top center; height: 0px; border-style: none; font-size:0 !important;} #pun-category2.category h2 { background: url(http://savepic.org/2087324.jpg) no-repeat top center; height: 170px; border-style: none; font-size:0 !important;} #pun-category3.category h2 { background: url(http://savepic.org/2078108.jpg) no-repeat top center; height: 170px; border-style: none; font-size:0 !important;} #pun-category4.category h2 { background: url(http://savepic.org/2057628.jpg) no-repeat top center; height: 170px; border-style: none; font-size:0 !important;} #pun-category5.category h2 { background: url(http://savepic.org/2049436.jpg) no-repeat top center; height: 170px; border-style: none; font-size:0 !important;} #pun-category6.category h2 { background: url(http://savepic.org/2095519.jpg) no-repeat top center; height: 170px; border-style: none; font-size:0 !important;} #pun-category7.category h2 { background: url(http://savepic.org/2080159.jpg) no-repeat top center; height: 170px; border-style: none; font-size:0 !important;} #pun-category8.category h2 { background: url(http://savepic.org/2061727.jpg) no-repeat top center; height: 170px; border-style: none; font-size:0 !important;} #pun-category9.category h2 { background: url(http://savepic.org/2048415.jpg) no-repeat top center; height: 170px; border-style: none; font-size:0 !important;}
Код:<table border=0 width="508px" height="230px" style="text-align: justify; position: absolute; margin-left: 230px; margin-top: -340px; " border: none; font-family: arial; font-size: 11px; line-height: 4px; margin: 1px;><tr align=center><td width="120px" height=244px"> <font style=" font-family: arial; font-size: 11px; line-height: 7.5px; padding: -1px;"><span style="color: #d7d7d7;"> <br> <br> <div id="menuwrapper"> <div id="menu"> <a href="http://stylephotoshop.ru/viewtopic.php?id=10151&p=5" class="menuitem"><img src="http://savepic.org/2108037.gif"></a> <a href="http://stylephotoshop.ru/viewtopic.php?id=9643&p=4" class="menuitem"><img src="http://savepic.ru/3045486.png"></a> <a href="http://stylephotoshop.ru/viewtopic.php?id=9643&p=4" class="menuitem"><img src="http://savepic.ru/3027041.png"></a> <a href="http://stylephotoshop.ru/viewtopic.php?id=9643&p=4" class="menuitem"><img src="http://savepic.org/2147441.png"></a> <a href="http://stylephotoshop.ru/viewtopic.php?id=10151&p=5" class="menuitem"><img src="http://savepic.org/2153092.png"></a> <a href="http://stylephotoshop.ru/viewtopic.php?id=10151&p=5" class="menuitem"><img src="http://savepic.org/2129541.gif"></a></div> </div></span> </td></tr></table> <style type="text/css"> .lastedit {display: none; } </style> <style> #pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 320px; margin-top: -370px} </style> <style> .punbb table Div.icon {float: right; display: block; width: 60px; height: 60px; border-style: none; background-image: url(http://savepic.org/2012795.png); background-repeat: no-repeat; position: relative;} .punbb table div.inew {background: url(http://savepic.org/1993339.gif) no-repeat;} TR.isticky Div.icon {background: url(http://savepic.org/1993339.gif) no-repeat;} TR.iclosed Div.icon {background: url(http://savepic.org/2012795.png) no-repeat;} </style> <style type="text/css"> .punbb td div.tclcon { padding-right: 50px; } </style> <script type="text/javascript"> Rusff.reputation = 0; </script>
Код:<script type="text/javascript"> $(document).ready(function(){ $('.menuitem img').animate({width: 60}, 0); $('.menuitem').mouseover(function(){ ; gridimage = $(this).find('img'); gridimage.stop().animate({width: 100}, 60); }).mouseout(function(){ gridimage.stop().animate({width: 60}, 60); }); }); </script> <script type="text/javascript"> var fld = document.getElementsByClassName("pa-fld2") for(i=0;i<fld.length;i++){ fld[i].innerHTML=fld[i].innerHTML.substring(fld[i].innerHTML.indexOf(":")+1) } </script> <script type="text/javascript"> li=document.getElementsByTagName("li") f=0 while(li[++f]){ s=li[f].innerHTML if((p=s.indexOf("Новые сообщения")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='http://savepic.org/2006631.png'>"+s.substring(p+15) else if((p=s.indexOf("Активные темы")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='http://savepic.org/1991271.png'>"+s.substring(p+13) else if((p=s.indexOf("Темы без ответов")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='http://savepic.org/1995367.png'>"+s.substring(p+21) else if((p=s.indexOf("Мои сообщения")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='http://savepic.org/1985127.png'>"+s.substring(p+13) else if((p=s.indexOf("Подписка")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='http://savepic.org/1975911.png'>"+s.substring(p+8) else if((p=s.indexOf("Все прочитано")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='http://savepic.org/1987175.png'>"+s.substring(p+13) } </script> <style> .intd .tclcon .modlist{ display: none; } </style> <script type="text/javascript"> var trr=document.getElementsByTagName("div") var fi=0 for (fi=0; fi<=(trr.length-1);fi++) {if (trr[fi].className=="post-links") {var drr=trr[fi].getElementsByTagName("a") drr[0].innerHTML="<img src='http://savepic.org/2031225.png' />" drr[1].innerHTML="<img src='http://savepic.org/2020985.png' />" var er=2 for (er=2; er<=(drr.length-1); er++) {if (drr[er].innerHTML.indexOf("E-mail")!=-1) {drr[er].innerHTML="<img src='http://savepic.org/2001529.png' />"} else if (drr[er].innerHTML.indexOf("Вебсайт")!=-1) {drr[er].innerHTML="<img src='http://savepic.org/1992313.png' />"} else if (drr[er].innerHTML.indexOf("Цитировать")!=-1) {drr[er].innerHTML="<img src='http://savepic.org/2020984.png'/>"} else if (drr[er].innerHTML.indexOf("Редактировать")!=-1) {drr[er].innerHTML="<img src='http://savepic.org/2019960.png' />"} else if (drr[er].innerHTML.indexOf("Удалить")!=-1) {drr[er].innerHTML="<img src='http://savepic.org/1979001.png' />"} else if (drr[er].innerHTML.indexOf("Жалоба")!=-1) {drr[er].innerHTML="<img src='http://savepic.org/2007672.png' />"} }}} </script> <script> <!-- indexof="<img src='http://savepic.org/1970791.png' >" str = document.getElementById("navindex").innerHTML pos = str.indexOf("Форум") document.getElementById("navindex").innerHTML=str.substring(0,pos)+indexof+str.substring(pos+5,str.length-1) --> </script> <script> <!-- userof="<img src='http://savepic.org/2021990.png' >" str = document.getElementById("navuserlist").innerHTML if( (pos=str.indexOf("Участники")) != -1 ) document.getElementById("navuserlist").innerHTML=str.substring(0,pos)+userof+str.substring(pos+9,str.length-1) --> </script> <script> <!-- findof="<img src='http://savepic.org/2031206.png' >" str = document.getElementById("navsearch").innerHTML pos = str.indexOf("Поиск") document.getElementById("navsearch").innerHTML=str.substring(0,pos)+findof+str.substring(pos+5,str.length-1) --> </script> <script> <!-- faseof="<img src='http://savepic.org/2015846.png' >" str = document.getElementById("navprofile").innerHTML pos = str.indexOf("Профиль") document.getElementById("navprofile").innerHTML=str.substring(0,pos)+faseof+str.substring(pos+14,str.length-1) --> </script> <script> <!-- pismaof="<img src='http://savepic.org/2010726.png' >" str = document.getElementById("navpm").innerHTML pos = str.indexOf("Сообщения") document.getElementById("navpm").innerHTML=str.substring(0,pos)+pismaof+str.substring(pos+9,str.length-1) --> </script> <script> <!-- godof="<img src='http://savepic.org/2014822.png' >" str = document.getElementById("navadmin").innerHTML pos = str.indexOf("Администрирование") document.getElementById("navadmin").innerHTML=str.substring(0,pos)+godof+str.substring(pos+17,str.length-1) --> </script> <script> <!-- valiof="<img src='http://savepic.org/2002534.png' >" str = document.getElementById("navlogout").innerHTML pos = str.indexOf("Выход") document.getElementById("navlogout").innerHTML=str.substring(0,pos)+valiof+str.substring(pos+5,str.length-1) --> </script> <script> <!-- vxodiof="<img src='http://savepic.org/1996390.png' >" str = document.getElementById("navlogin").innerHTML pos = str.indexOf("Войти") document.getElementById("navlogin").innerHTML=str.substring(0,pos)+vxodiof+str.substring(pos+5,str.length-1) --> </script> <script> <!-- regof="<img src='http://savepic.org/1984102.png' >" str = document.getElementById("navregister").innerHTML pos = str.indexOf("Регистрация") document.getElementById("navregister").innerHTML=str.substring(0,pos)+regof+str.substring(pos+18,str.length-1) --> </script> <link rel="shortcut icon" href="http://i52.tinypic.com/21jufl3.jpg" type="image/x-icon"> <script type="text/javascript"> function select_text(elem) { if(window.getSelection) { var s=window.getSelection(); if(s.setBaseAndExtent){ s.setBaseAndExtent(elem,0,elem,elem.innerText.length-1); } else { var r=document.createRange(); r.selectNodeContents(elem); s.removeAllRanges(); s.addRange(r); } } else if(document.getSelection){ var s=document.getSelection(); var r=document.createRange(); r.selectNodeContents(elem); s.removeAllRanges(); s.addRange(r); } else if(document.selection){ var r=document.body.createTextRange(); r.moveToElementText(elem); r.select(); } } </script> <script type="text/javascript"> var div = document.getElementById('pun-main').getElementsByTagName('div'); for(x in div){ if(div[x].className=='code-box'){ div[x].getElementsByTagName('strong')[0].innerHTML = '<a href="#" onclick="select_text(this.parentNode.parentNode.childNodes[1].getElementsByTagName(\'pre\')[0]); return false;">Выделить код</a>'; } } </script>
Поделиться82012-01-14 00:56:21
осенний дизайн
/*************************************************************
A - SETUP
**************************************************************//* A1 Import the colour scheme
-------------------------------------------------------------*//* A1.1 */
@import url(style_cs.css);/* 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: 15px;
}/* A3.2 */
.punbb {
font: normal 68.75% verdana;
}/* 3.3 */
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
font: 1em verdana
}/* 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, .punbb legend span {
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 {
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 {
margin: 0px;
position: relative;
width: 800px;
margin: auto;
}/* A5.2 */
.punbb {
float: left;
width: 100%;
height: auto;
}/* A5.3 */
#pun-redirect, #pun-maint {
margin: 50px 20% 12px 20%;
width: auto;
float: none;
}/* A5.4 */
.punbb .section, .punbb .main {
margin-bottom: 1em;
}/* A5.5 */
.punbb .category, .punbb .post {
margin-top: 0.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-style: none none solid none;
border-width: 0px 0px 2px 0px
}/* A5.9 */
.punbb .container {
border-style: solid;
border-width: 1px;
}/* A5.10 */
.punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 {
padding: 0.5em 1em;
border-style: none solid solid none;
border-width: 0 1px 1px 0;
}/*************************************************************
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 {
display: block;
border-top: 1px solid #888;
width: 250px;
margin: 5px 0;
}/* 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.4em 1.8em 1.4em 1.8em;
padding: 1em;
border-style: solid;
border-width: 1px;
}/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
display: block;
padding-bottom: 0.7em;
font-size: 1.1em;
font-weight: bold;
font-style: normal;
margin: 0;
}/* 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: 1.1em;
height: 0;
}/* 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: bold;
}/* B3.5 */
.punbb .linksb {
text-align: right;
padding: 0.4em 1em 0.5em 1em;
font-size: 1.1em;
}/* 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;
padding-bottom: 0.5em;
}/*************************************************************
C - MAIN CONTENT - SPECIFIC
**************************************************************//* C1 Form layout
-------------------------------------------------------------*//* C1.1 */
.punbb .formal .container {
padding: 1.7em 2.3em 1.1em 2.3em;
}/* C1.2 */
.punbb .formsubmit {
padding: 0 0 0 1.7em;
margin: 1em 0 0 0;
}/* C1.3 */
.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {
margin: 0 0.6em 0 0
}/* C1.4 */
.punbb fieldset {
border-style: solid;
border-width: 1px;
padding: 0 18px 0 18px;
margin: 0 0 1em 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 -15px;
}/* C1.7 */
.punbb fieldset fieldset {
border-style: none;
margin: 0;
padding: 0 0 8px 0
}/* C1.8 */
.punbb .fs-box {
padding: 1em 0 0.8em 0;
}/* C1.9 */
.punbb .fs-box p, .punbb .fs-box fieldset {
padding: 0 0 0.8em 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 */
}/* 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;
text-align: left;
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;
text-align: left;
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 {
text-align: left;
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 1em;
}/* C2.12 */
.punbb .main th {
border-style: none none none solid;
border-width: 0 0 0 1px;
padding: 0.4em 1em 0.4em 1em;
}/* C2.13 */
.punbb .main .tcl {
border-left-style: none;
border-left-width: 0
}/* C2.14 */
.punbb tbody.hasicon td.tcl {
padding-left: 3.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;
position: absolute;
margin-left: -2.2em;
}/* 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 1em;
display: block;
margin-left: 19em;
border-left-style: solid;
border-left-width: 1px
}/* C3.4 */
.punbb .post h3 strong {
float: right;
width: 5em;
text-align: right;
font-weight: normal;
}/* C3.5 */
.punbb .post .post-author {
float: left;
width: 19em;
margin-top: -1.5em;
overflow: hidden;
}/* C3.6 */
.punbb .post .post-author ul, .punbb .post .post-author p {
padding: 0 1em 1em 1em;
line-height: 140%;
}/* 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: 0.7em;
padding-left: 0.4em;
margin-top: 0.7em;
}/* C3.11 */
.punbb .post-body {
margin-left: 19em;
border-left-style: solid;
border-left-width: 1px;
padding: 0 0 1px 0;
}/* C3.12 */
.punbb .post-box {
padding: 1em;
}/*C3.13 */
.punbb fieldset .post-box {
margin-bottom: 0.8em
}/* C3.14 */
.punbb .post-links {
margin-left: 19em;
border-left-style: solid;
border-left-width: 1px;
}/* C3.15 */
.punbb .post-links ul {
padding: 0 1em 0 0;
height: 2em;
line-height: 2em;
margin-left: -19em;
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 {
float: left;
}/* C3.18 */
.punbb .clearer {
clear: both;
height: 0;
font-size: 0;
}/* C4 Moderator menu
-------------------------------------------------------------*//* C4.1 */
.punbb .modmenu .container {
padding: 0.5em 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: 0.8em 1em
}/* C5.2 */
.punbb .info .container .backlink {
padding-top: 0.8em;
}/* 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 */
#viewprofile ul, #profilenav ul {
border-style: solid;
border-width: 1px;
padding: 1.5em 18px 0.8em 18px;
margin: 0 0 1em 0;
}/* 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 2.3em 2.3em 2.3em;
border-top: none;
}/* 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-title {
margin: 0;
border-style: solid solid none solid;
border-width: 1px 1px 0 1px;
}/* D1.2 */
#pun-title h1 {
display : block;
height: 0px;
padding: 2em 1em 0 1em;
}/* D1.3 */
#pun-title .container {
border-style: none solid none solid;
}/* D1.4 */
#pun-title h1 span {
font-size: 1.5em;
}#pun-title table {
border: none;
height: 0px;
width: 818px;
height: 0px;
}#pun-title td.title-logo-tdl {
border: none;
width: 100%;
}#pun-title td.title-logo-tdr {
border: none;
width: 427px;
}/* 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;
top: 0;
}/* D3.2 */
#pun-navlinks .container {
padding: 0.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 {
margin-top: 0;
}/* D4.2 */
#pun-ulinks .container {
border-top: none;
padding: 0.7em 1em;
}/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
display: inline;
border-left-style: solid;
border-left-width: 1px;
white-space: nowrap;
}/* D4.4 */
#pun-ulinks li a {
padding: 0 0.3em 0 0.6em
}/* D4.5 */
#pun-ulinks li.item1, #pun-ulinks li.item1 a {
border-left-style: none;
border-left-width: 0;
padding-left: 0
}/* D5 Welcome box and Top Breadcrumbs
-------------------------------------------------------------*//* D5.1 */
#pun-status, #pun-status .container {
border-bottom: none;
margin-bottom: 0;
}/* D5.2 */
#pun-status .container {
padding: 0.8em 1em 1em 1em;
}/* D5.3 */
#pun-status span {
white-space: nowrap;
margin-right: 0.5em;
}/* D5.4 */
#pun-crumbs1 {
font-weight: bold;
overflow: hidden;
margin-top: 0;
}/* D5.5 */
#pun-crumbs1 p.container {
border-top: none;
padding: 1em 1em 0.8em 1em;
font-size: 1.1em;
}/* D5.6 */
#pun-break1 {
margin: 0 1em;
border-style: solid none;
border-width: 1px 0;
height: 0;
margin: -2px 1em;
position: relative;
z-index: 1;
}/* D6 Announcement
-------------------------------------------------------------*//* D6.1 */
#pun-announcement h2 {
padding: 0;
margin: 0 1em -3.5em 1em;
border-style: none none solid none;
border-width: 0 0 1px 0;
position: relative;
font-weight: bold;
}/* D6.2 */
#pun-announcement h2 span {
display: block;
padding: 1em 0 0.8em 0;
border-bottom-style: solid;
border-bottom-width: 1px;
}/* D6.3 */
#pun-announcement .container {
padding: 4.3em 1em 1em 1em;
}/* D7 Statistics
-------------------------------------------------------------*//* D7.1 */
#pun-stats .container {
padding: 0.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 {
margin-top: 1em;
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.7em 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;
}/* D8.7 */
#pun-crumbs2 .container {
border-bottom: none;
padding: 0.8em 1em;
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;
}
/* BACKGROUD AND OTHER COLOURS
-------------------------------------------------------------*/
div#pun-navlinks {
position: absolute;
width: 100%;
text-align: right;
top: -65px;}div#pun-ulinks {
position: absolute;
width: 100%;
text-align: right;
top: -35px;}body {background-color: #d6c290;
background-image : url("http://savepic.net/1936029.jpg");
background-repeat: no-repeat;
background-position : top center;}#pun {
background-image: url("http://savepic.ru/2985766.jpg");
background-color: #e8dcc2;
background-position: center;
background-attachment: ;
top: 400px;}#pun-about p.container {
background-color: #d6c290;
background-image : url(http://savepic.net/1923872.jpg);
background-position : center top;
background-repeat : no-repeat;
height : 110px; }div#html-footer {
margin: -67px 0px 0px 0px;}div#pun-about {
margin-bottom: -80px;}.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
background-color: transparent;
color: #000000;}#pun-debug h2, .punbb-admin #pun-admain h2, #pun-stats .statscon, li#onlinelist, li#onlinelist div {
background-color: transparent;
color: #000000;}#pun-stats h2,.punbb .main h1, .punbb .main h2 {
background-color: transparent;
color: #000000;
font-weight: bold;
text-align: center;}#pun-title, #pun-title .container, .punbb .modmenu .container {
background-color: transparent;
color: #000000;}.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
background-color: transparent;
color: #000000;}.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl {
background-color: transparent;
color: #000000;}.punbb .quote-box, .punbb .code-box {
background-image : url("");
background-color: #d6c290;
color: #000000;}#pun-navlinks .container, #pun-ulinks .container {
background-color: transparent;
color: #000000;
text-align: center;}.offline li.pa-online strong {
color: #000000;
font-weight: normal;}.punbb textarea, .punbb select, .punbb input {
background-image : url("");
background-color: #d6c290;
color: #000000;}/* BORDER COLOURS
-------------------------------------------------------------*/
.punbb .container, .punbb .post-body, .post h3, #pun-title {
border-color: transparent;}.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
border-color: transparent;}#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
border-color: transparent;}#pun-stats h2 .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin{
border-color: transparent;}.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:transparent;}.punbb th {
border-color: transparent;}.punbb .quote-box, .punbb .code-box {
border-color: #e8dcc2;}#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
border-color: transparent;}#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
border-color: transparent;}.punbb .divider {
border-color: transparent;}.punbb .formal fieldset .post-box, .punbb .info-box {
border: 1px solid #0e1212}li.pa-online {
border-left-color: transparent;}.punbb .post-sig dt {
border-top-color: transparent !important;}/* COLOURS OF THE LINKS
-------------------------------------------------------------*/
.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: #000000;
border-bottom: 0px none #000;
text-decoration: none;}.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
color: #000000;}.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: #383129;
border-bottom: 0px none #000;
text-decoration: none;}#pun-navlinks a {
color: #000000;
border-bottom: 0px none #000;
text-decoration: none;}#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
color: #383129;
font-weight: normal;
font-style: normal;
border-bottom: 0px none #000;
text-decoration: none;}#pun-pagelinks a:active, #pun-pagelinks a:focus {
background-color: #333;
color: #000000;}/* SOMETHING PARTS
-------------------------------------------------------------*/
#pun #pun-navlinks.section {border-top-style: none; }
#pun #pun-navlinks.section .container {border-style: none; }
#pun #pun-main .pa-title {text-align: center; }
#pun #pun-main .pa-author {text-align: center; }
#pun_wrap #pun #pun-index #pun-status.section .container {display: none; }
#pun #pun-main .pa-title {text-align: center; }
#pun #pun-main .pa-author {text-align: center; }
#pun_wrap #pun #pun-title.section #logo-table tbody{display: none; }
#pun-title.section #title-logo-table tbody #title-logo-tr #title-logo-tdl.title-logo-tdl .title-logo {display: none; }
#pun-announcement h2 {display: none;
height: 0px;}
#pun-announcement.section .container .html-box center table {margin-top: -25px;}
#pun .tc2, #pun-main .post-author ul {text-align: center;}
#navawards {display: none;}
img {
border: none;}
#menuwrapper{
left: 20%;
position: relative;
height: 210px;}
#menu{
position: absolute;
bottom: 0px;
left: 0px;}
.menuitem {
position: fixed relative;
bottom: 0px;
display: inline-block;}
<table border=0 width="508px" height="230px" style="text-align: justify; position: absolute; margin-left: 215px; margin-top: -361px; " border: none; font-family: arial; font-size: 11px; line-height: 4px; margin: 1px;><tr align=center><td width="120px" height=244px"> <font style=" font-family: arial; font-size: 11px; line-height: 7.5px; padding: -1px;"><span style="color: #d7d7d7;">
<br>
<br>
<div id="menuwrapper">
<div id="menu">
<a href="http://stylephotoshop.ru/viewtopic.php?id=10620&p=2#p665890" class="menuitem"><img src="http://uploads.ru/i/D/6/o/D6oRb.png"></a>
<a href="http://stylephotoshop.ru/viewtopic.php?id=9571&p=3#p665839" class="menuitem"><img src="http://10pix.ru/img1/2014/6229542.png"></a>
<a href="http://stylephotoshop.ru/viewtopic.php?id=9988&p=6#p666026" class="menuitem"><img src="http://uploads.ru/t/I/e/f/IefjR.png"></a>
<a href="http://stylephotoshop.ru/viewtopic.php?id=9817&p=14#p666167" class="menuitem"><img src="http://uploads.ru/i/V/n/8/Vn85l.gif"></a> <a href="http://stylephotoshop.ru/viewtopic.php?id=9817&p=14#p665818" class="menuitem"><img src="http://uploads.ru/i/7/Y/V/7YVk2.png"></a> <a href="http://stylephotoshop.ru/viewtopic.php?id=10620&p=2#p665890" class="menuitem"><img src="http://uploads.ru/i/I/n/2/In2bg.png"></a></div>
</div></span>
</td></tr></table><style>
#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 320px; margin-top: -370px}
</style><style>
.punbb table Div.icon {float: right; display: block; width: 80px; height: 60px; border-style: none; background-image: url(http://savepic.net/1908488.png); background-repeat: no-repeat; position: relative;}
.punbb table div.inew {background: url(http://savepic.net/1962763.gif) no-repeat;}
TR.isticky Div.icon {background: url(http://savepic.net/1962763.gif) no-repeat;}
TR.iclosed Div.icon {background: url(http://savepic.net/1908488.png) no-repeat;}
</style><style type="text/css">
.punbb td div.tclcon { padding-right: 70px; }
</style><script type="text/javascript">
Rusff.reputation = 0;
</script><style type="text/css">
.lastedit {display:none}
</style>
Код:<style type="text/css"> li#navawards {display: none;} </style> <script type="text/javascript"> $(document).ready(function(){ $('.menuitem img').animate({width: 50}, 0); $('.menuitem').mouseover(function(){ ; gridimage = $(this).find('img'); gridimage.stop().animate({width: 100}, 50); }).mouseout(function(){ gridimage.stop().animate({width: 50}, 50); }); }); </script> <script type="text/javascript"> var trr=document.getElementsByTagName("div") var fi=0 for (fi=0; fi<=(trr.length-1);fi++) {if (trr[fi].className=="post-links") {var drr=trr[fi].getElementsByTagName("a") drr[0].innerHTML="<img src='http://savepic.net/1923720.png' />" drr[1].innerHTML="<img src='http://savepic.net/1911432.png' />" var er=2 for (er=2; er<=(drr.length-1); er++) {if (drr[er].innerHTML.indexOf("E-mail")!=-1) {drr[er].innerHTML="<img src='http://savepic.net/1909384.png' />"} else if (drr[er].innerHTML.indexOf("Вебсайт")!=-1) {drr[er].innerHTML="<img src='http://savepic.net/1914504.png' />"} else if (drr[er].innerHTML.indexOf("Цитировать")!=-1) {drr[er].innerHTML="<img src='http://savepic.net/1907336.png'/>"} else if (drr[er].innerHTML.indexOf("Редактировать")!=-1) {drr[er].innerHTML="<img src='http://savepic.net/1906312.png' />"} else if (drr[er].innerHTML.indexOf("Удалить")!=-1) {drr[er].innerHTML="<img src='http://savepic.net/1959563.png' />"} else if (drr[er].innerHTML.indexOf("Жалоба")!=-1) {drr[er].innerHTML="<img src='http://savepic.net/1965707.png' />"} }}} </script> <script type="text/javascript"> var fld = document.getElementsByClassName("pa-fld2") for(i=0;i<fld.length;i++){ fld[i].innerHTML=fld[i].innerHTML.substring(fld[i].innerHTML.indexOf(":")+1) } </script> <script type="text/javascript"> li=document.getElementsByTagName("li") f=0 while(li[++f]){ s=li[f].innerHTML if((p=s.indexOf("Новые сообщения")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='http://savepic.net/1906467.png'>"+s.substring(p+15) else if((p=s.indexOf("Активные темы")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='http://savepic.net/1963810.png'>"+s.substring(p+13) else if((p=s.indexOf("Темы без ответов")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='http://savepic.net/1957666.png'>"+s.substring(p+21) else if((p=s.indexOf("Мои сообщения")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='http://savepic.net/1945378.png'>"+s.substring(p+13) else if((p=s.indexOf("Подписка")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='http://savepic.net/1935138.png'>"+s.substring(p+8) else if((p=s.indexOf("Все прочитано")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='http://savepic.net/1949474.png'>"+s.substring(p+13) } </script> <style> .intd .tclcon .modlist{ display: none; } </style> <script> <!-- indexof="<img src='http://savepic.net/1939318.png' >" str = document.getElementById("navindex").innerHTML pos = str.indexOf("Форум") document.getElementById("navindex").innerHTML=str.substring(0,pos)+indexof+str.substring(pos+5,str.length-1) --> </script> <script> <!-- userof="<img src='http://savepic.net/1922934.png' >" str = document.getElementById("navuserlist").innerHTML if( (pos=str.indexOf("Участники")) != -1 ) document.getElementById("navuserlist").innerHTML=str.substring(0,pos)+userof+str.substring(pos+9,str.length-1) --> </script> <script> <!-- findof="<img src='http://savepic.net/1927030.png' >" str = document.getElementById("navsearch").innerHTML pos = str.indexOf("Поиск") document.getElementById("navsearch").innerHTML=str.substring(0,pos)+findof+str.substring(pos+5,str.length-1) --> </script> <script> <!-- faseof="<img src='http://savepic.net/1917814.png' >" str = document.getElementById("navprofile").innerHTML pos = str.indexOf("Профиль") document.getElementById("navprofile").innerHTML=str.substring(0,pos)+faseof+str.substring(pos+14,str.length-1) --> </script> <script> <!-- pismaof="<img src='http://savepic.net/1924982.png' >" str = document.getElementById("navpm").innerHTML pos = str.indexOf("Сообщения") document.getElementById("navpm").innerHTML=str.substring(0,pos)+pismaof+str.substring(pos+9,str.length-1) --> </script> <script> <!-- godof="<img src='http://savepic.net/1912694.png' >" str = document.getElementById("navadmin").innerHTML pos = str.indexOf("Администрирование") document.getElementById("navadmin").innerHTML=str.substring(0,pos)+godof+str.substring(pos+17,str.length-1) --> </script> <script> <!-- valiof="<img src='http://savepic.net/1909622.png' >" str = document.getElementById("navlogout").innerHTML pos = str.indexOf("Выход") document.getElementById("navlogout").innerHTML=str.substring(0,pos)+valiof+str.substring(pos+5,str.length-1) --> </script> <script> <!-- vxodiof="<img src='http://savepic.net/1908598.png' >" str = document.getElementById("navlogin").innerHTML pos = str.indexOf("Войти") document.getElementById("navlogin").innerHTML=str.substring(0,pos)+vxodiof+str.substring(pos+5,str.length-1) --> </script> <script> <!-- regof="<img src='http://savepic.net/1964681.png' >" str = document.getElementById("navregister").innerHTML pos = str.indexOf("Регистрация") document.getElementById("navregister").innerHTML=str.substring(0,pos)+regof+str.substring(pos+18,str.length-1) --> </script> <link rel="shortcut icon" href="http://savepic.net/1941256.png" type="image/x-icon"> <script> <!-- greet="<font color=#000000>С возвращением,</font> " str = document.getElementById("pun-status").innerHTML pos = str.indexOf("Привет") document.getElementById("pun-status").innerHTML=str.substring(0,pos)+greet+str.substring(pos+8,str.length-1) visit="<font color=#000000>Последний раз Вы были на стайле - </font> " str = document.getElementById("pun-status").innerHTML if( (pos=str.indexOf("Ваш последний визит")) != -1 ) document.getElementById("pun-status").innerHTML=str.substring(0,pos)+visit+str.substring(pos+21,str.length-1) --> </script>
Поделиться92012-01-14 00:56:40
Код:/************************************************************* A - SETUP **************************************************************/ /* A1 Import the colour scheme -------------------------------------------------------------*/ /* A1.1 */ @import url(style_cs.css); /* 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: 15px; } /* A3.2 */ .punbb { font: normal 68.75% verdana; } /* 3.3 */ .punbb textarea, .punbb input, .punbb select, .punbb optgroup { font: 1em verdana } /* 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, .punbb legend span { 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 { 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 { margin: 0px; position: relative; width: 850px; margin: auto; } /* A5.2 */ .punbb { float: center; width: 800px; margin: 25px; height: auto; } /* A5.3 */ #pun-redirect, #pun-maint { margin: 50px 20% 12px 20%; width: auto; float: none; } /* A5.4 */ .punbb .section, .punbb .main { margin-bottom: 1em; } /* A5.5 */ .punbb .category, .punbb .post { margin-top: 0.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-style: none none solid none; border-width: 0px 0px 2px 0px } /* A5.9 */ .punbb .container { border-style: solid; border-width: 1px; } /* A5.10 */ .punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 { padding: 0.5em 1em; border-style: none solid solid none; border-width: 0 1px 1px 0; } /************************************************************* 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 { display: block; border-top: 1px solid #888; width: 250px; margin: 5px 0; } /* 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.4em 1.8em 1.4em 1.8em; padding: 1em; border-style: solid; border-width: 1px; } /* B1.9 */ .punbb .quote-box cite, .punbb .code-box strong.legend { display: block; padding-bottom: 0.7em; font-size: 1.1em; font-weight: bold; font-style: normal; margin: 0; } /* 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: 1.1em; height: 0; } /* 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: bold; } /* B3.5 */ .punbb .linksb { text-align: right; padding: 0.4em 1em 0.5em 1em; font-size: 1.1em; } /* 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; padding-bottom: 0.5em; } /************************************************************* C - MAIN CONTENT - SPECIFIC **************************************************************/ /* C1 Form layout -------------------------------------------------------------*/ /* C1.1 */ .punbb .formal .container { padding: 1.7em 2.3em 1.1em 2.3em; } /* C1.2 */ .punbb .formsubmit { padding: 0 0 0 1.7em; margin: 1em 0 0 0; } /* C1.3 */ .punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span { margin: 0 0.6em 0 0 } /* C1.4 */ .punbb fieldset { border-style: solid; border-width: 1px; padding: 0 18px 0 18px; margin: 0 0 1em 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 -15px; } /* C1.7 */ .punbb fieldset fieldset { border-style: none; margin: 0; padding: 0 0 8px 0 } /* C1.8 */ .punbb .fs-box { padding: 1em 0 0.8em 0; } /* C1.9 */ .punbb .fs-box p, .punbb .fs-box fieldset { padding: 0 0 0.8em 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 */ } /* 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; text-align: left; 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; text-align: left; 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 { text-align: left; 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 1em; } /* C2.12 */ .punbb .main th { border-style: none none none solid; border-width: 0 0 0 1px; padding: 0.4em 1em 0.4em 1em; } /* C2.13 */ .punbb .main .tcl { border-left-style: none; border-left-width: 0 } /* C2.14 */ .punbb tbody.hasicon td.tcl { padding-left: 3.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; position: absolute; margin-left: -2.2em; } /* 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 1em; display: block; margin-left: 19em; border-left-style: solid; border-left-width: 1px } /* C3.4 */ .punbb .post h3 strong { float: right; width: 5em; text-align: right; font-weight: normal; } /* C3.5 */ .punbb .post .post-author { float: left; width: 19em; margin-top: -1.5em; overflow: hidden; } /* C3.6 */ .punbb .post .post-author ul, .punbb .post .post-author p { padding: 0 1em 1em 1em; line-height: 140%; } /* 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: 0.7em; padding-left: 0.4em; margin-top: 0.7em; } /* C3.11 */ .punbb .post-body { margin-left: 19em; border-left-style: solid; border-left-width: 1px; padding: 0 0 1px 0; } /* C3.12 */ .punbb .post-box { padding: 1em; } /*C3.13 */ .punbb fieldset .post-box { margin-bottom: 0.8em } /* C3.14 */ .punbb .post-links { margin-left: 19em; border-left-style: solid; border-left-width: 1px; } /* C3.15 */ .punbb .post-links ul { padding: 0 1em 0 0; height: 2em; line-height: 2em; margin-left: -19em; 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 { float: left; } /* C3.18 */ .punbb .clearer { clear: both; height: 0; font-size: 0; } /* C4 Moderator menu -------------------------------------------------------------*/ /* C4.1 */ .punbb .modmenu .container { padding: 0.5em 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: 0.8em 1em } /* C5.2 */ .punbb .info .container .backlink { padding-top: 0.8em; } /* 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 */ #viewprofile ul, #profilenav ul { border-style: solid; border-width: 1px; padding: 1.5em 18px 0.8em 18px; margin: 0 0 1em 0; } /* 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 2.3em 2.3em 2.3em; border-top: none; } /* 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-title { background-image : url("http://savepic.net/2182981.jpg"); height: 464px; width: 850px; margin-left:-25px; border-style: solid solid none solid; border-width: 1px 1px 0 1px; } /* D1.2 */ #pun-title h1 { display : block; height: 0px; padding: 2em 1em 0 1em; } /* D1.3 */ #pun-title .container { border-style: none solid none solid; } /* D1.4 */ #pun-title h1 span { font-size: 1.5em; } #pun-title table { border: none; height: 0px; width: 818px; height: 0px; } #pun-title table tbody tr .title-logo-tdr { position: absolute; z-index:0; right: 100px; top: -500px; } #pun-title td.title-logo-tdl { border: none; width: 100%; } #pun-title td.title-logo-tdr { border: none; width: 427px; } /* 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; top: 0; } /* D3.2 */ #pun-navlinks .container { padding: 0.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 { margin-top: 0; } /* D4.2 */ #pun-ulinks .container { border-top: none; padding: 0.7em 1em; } /* D4.3 */ #pun-ulinks li, #pun-ulinks li a { display: inline; border-left-style: solid; border-left-width: 1px; white-space: nowrap; } /* D4.4 */ #pun-ulinks li a { padding: 0 0.3em 0 0.6em } /* D4.5 */ #pun-ulinks li.item1, #pun-ulinks li.item1 a { border-left-style: none; border-left-width: 0; padding-left: 0 } /* D5 Welcome box and Top Breadcrumbs -------------------------------------------------------------*/ /* D5.1 */ #pun-status, #pun-status .container { border-bottom: none; margin-bottom: 0; } /* D5.2 */ #pun-status .container { padding: 0.8em 1em 1em 1em; } /* D5.3 */ #pun-status span { white-space: nowrap; margin-right: 0.5em; } /* D5.4 */ #pun-crumbs1 { font-weight: bold; overflow: hidden; margin-top: 0; } /* D5.5 */ #pun-crumbs1 p.container { border-top: none; padding: 1em 1em 0.8em 1em; font-size: 1.1em; } /* D5.6 */ #pun-break1 { margin: 0 1em; border-style: solid none; border-width: 1px 0; height: 0; margin: -2px 1em; position: relative; z-index: 1; } /* D6 Announcement -------------------------------------------------------------*/ /* D6.1 */ #pun-announcement h2 { padding: 0; margin: 0 1em -3.5em 1em; border-style: none none solid none; border-width: 0 0 1px 0; position: relative; font-weight: bold; } /* D6.2 */ #pun-announcement h2 span { display: block; padding: 1em 0 0.8em 0; border-bottom-style: solid; border-bottom-width: 1px; } /* D6.3 */ #pun-announcement .container { padding: 4.3em 1em 1em 1em; } /* D7 Statistics -------------------------------------------------------------*/ /* D7.1 */ #pun-stats .container { padding: 0.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 { margin-top: 1em; 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.7em 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; } /* D8.7 */ #pun-crumbs2 .container { border-bottom: none; padding: 0.8em 1em; 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; }
Код:/* CS1 Background and text colours ------------------------------------------------------------- */ body {background-color: #020101; color:#180f0d; background-repeat: repeat; background-image : url("http://savepic.net/2186046.jpg"); background-position : top center;} #pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 0px; top: 0px; } div#pun-navlinks { position: absolute; width: 100%; text-align: center; top: 390px; } div#pun-ulinks { position: absolute; width: 100%; text-align: center; top: 412px; } #pun {top: -30px; width: 850px; color:180f0d; background-image : url("http://savepic.net/2190139.jpg"); background-color : #d2bc8a; background-position : center; background-attachment : ; } /* CS1.2 */ .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer { background-color: transparent; color: #180f0d; } /* CS1.3 */ #pun-stats h2,.punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, #pun-stats .statscon, li#onlinelist, li#onlinelist div { background-color: transparent; color: #180f0d; font-weight: bold; font-style: normal; } /* CS1.4 */ #pun-title, #pun-title .container, .punbb .modmenu .container { background-color: transparent; color: #180f0d; } /* CS1.5 */ .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span { background-color: transparent; color: #180f0d; } /* CS1.6 */ .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl { background-color: transparent; color: #180f0d; } /* CS1.7 */ .punbb .quote-box, .punbb .code-box { background-color: transparent; color: #180f0d; } /* CS1.8 */ #pun-ulinks .container { background-color: transparent; color: #180f0d; text-align: center; } .offline li.pa-online strong { color: #180f0d; font-weight: normal } .punbb textarea, .punbb select, .punbb input { background-color: transparent; color: #180f0d; } /* CS2 Border colours -------------------------------------------------------------*/ /* CS2.1 */ .punbb .container, .punbb .post-body, .post h3, #pun-title { border-color: transparent; } /* CS2.2 */ .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post { border-color: transparent; } /* CS2.3 */ #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 { border-color: transparent; } /* CS1.3 */ #pun-stats h2 .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin{ color: transparent; } /* 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:transparent; } /* CS2.5 */ .punbb th { border-color: transparent; } /* CS2.6 */ .punbb .quote-box, .punbb .code-box { border-color: #2b1c17; } #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span { border-color: transparent; } #pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend { border-color: transparent; } .punbb .divider { border-color: transparent; } .punbb .formal fieldset .post-box, .punbb .info-box { border: 1px solid #2b1c17 } li.pa-online { border-left-color: transparent; } .punbb .post-sig dt { border-top-color: transparent !important; } /* 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: #4f270d; border-bottom: 0px none #000; text-decoration: none; } .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited { color: #381e16; } /* 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: #381e16; border-bottom: 0px none #000; text-decoration: none; } /* CS3.3 */ #pun-navlinks a { color: #66301f; border-bottom: 0px none #000; text-decoration: none; } /* CS3.4 */ #pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active { color: #66301f; font-weight: normal; font-style: normal; border-bottom: 0px none #000; text-decoration: none; } #pun-pagelinks a:active, #pun-pagelinks a:focus { background-color: #333; color: #66301f; } /* CS4 Post status icons -------------------------------------------------------------*/ /* CS4 Something parts -------------------------------------------------------------*/ #pun #html-footer.section {border-style: none; } #pun #pun-about.section {border-style: none; } #pun .section {border-style: none; } #pun #pun-main #pun-category1.category {border-style: none; } #pun #pun-main #pun-category2.category {border-style: none; } #pun #pun-navlinks.section {border-top-style: none; } #pun #pun-ulinks.section {border-style: none; } #pun #pun-title.section {border-style: none; } #pun #pun-navlinks.section .container {border-style: none; } #pun #pun-navlinks.section {border-style: none; } #pun #pun-main .pa-title {text-align: center; } #pun #pun-main .pa-author {text-align: center; } #pun #pun-viewtopic.punbb #pun-main .container .online ul .pa-online {display: none; } #pun #pun-viewtopic.punbb #pun-main .container .online ul .pa-online {display: none; } #pun_wrap #pun #html-footer.section .container li #spo_all.main #spo_top.category h2 {display: none; } #pun_wrap #pun #pun-index #pun-status.section .container {display: none; } #pun_wrap #pun #pun-index #pun-crumbs1.section .crumbs {display: none; } #pun_wrap #pun #html-footer.section .container li #spo_all.main #spo_top.category h2 {height: 21; } #pun_wrap #pun #pun-main #pun-category9.category {border-style: none; } #pun_wrap #pun #pun-main #pun-category8.category {border-style: none; } #pun_wrap #pun #pun-main #pun-category7.category {border-style: none; } #pun_wrap #pun #pun-main #pun-category6.category {border-style: none; } #pun_wrap #pun #pun-main #pun-category5.category {border-style: none; } #pun_wrap #pun #pun-main #pun-category4.category {border-style: none; } #pun_wrap #pun #pun-main #pun-category3.category {border-style: none; } #pun_wrap #pun #tieser-bottom.container {display: none; } #pun #html-footer.section {border-style: none; } #pun #pun-about.section {border-style: none; } #pun .section {border-style: none; } #pun #pun-main #pun-category1.category {border-style: none; } #pun #pun-main #pun-category2.category {border-style: none; } #pun #pun-navlinks.section {border-top-style: none; } #pun #pun-ulinks.section {border-style: none; } #pun #pun-title.section {border-style: none; } #pun #pun-navlinks.section .container {border-style: none; } #pun #pun-navlinks.section {border-style: none; } #pun #pun-main .pa-title {text-align: center; } #pun #pun-main .pa-author {text-align: center; } #pun #pun-viewtopic.punbb #pun-main .container .online ul .pa-online {display: none; } #pun #pun-viewtopic.punbb #pun-main .container .online ul .pa-online {display: none; } #pun_wrap #pun #pun-title.section #logo-table tbody{display: none; } #pun-title.section #title-logo-table tbody #title-logo-tr #title-logo-tdl.title-logo-tdl .title-logo {display: none; } #pun-announcement h2 {display: none} #pun-announcement .container {padding-top: 1em} #pun-about.section .container .item1 {display: none; } #pun .tc2, #pun-main .post-author ul {text-align: center;} /* CS5 Post categorys -------------------------------------------------------------*/ #pun-category1.category h2 { background: url(http://savepic.net/2176860.png) no-repeat top center; height: 106px; width: 850px; margin-left:-25px; border-style: none; font-size:0 !important;} #pun-category2.category h2 { background: url(https://forumstatic.ru/files/0008/c3/84/10931.png) no-repeat top center; height: 106px; width: 850px; margin-left:-25px; border-style: none; font-size:0 !important;} #pun-category3.category h2 { background: url(http://savepic.net/2227039.png) no-repeat top center; height: 106px; width: 850px; margin-left:-25px; border-style: none; font-size:0 !important;} #pun-category4.category h2 { background: url(https://forumstatic.ru/files/0008/c3/84/47573.png) no-repeat top center; height: 106px; width: 850px; margin-left:-25px; border-style: none; font-size:0 !important;} #pun-category5.category h2 { background: url(http://savepic.net/2169692.png) no-repeat top center; height: 106px; width: 850px; margin-left:-25px; border-style: none; font-size:0 !important;} #pun-category6.category h2 { background: url(https://forumstatic.ru/files/0008/c3/84/25589.png) no-repeat top center; height: 106px; width: 850px; margin-left:-25px; border-style: none; font-size:0 !important;} #pun-category7.category h2 { background: url(http://savepic.net/2168668.png) no-repeat top center; height: 106px; width: 850px; margin-left:-25px; border-style: none; font-size:0 !important;} #pun-category8.category h2 { background: url(https://forumstatic.ru/files/0008/c3/84/18964.png) no-repeat top center; height: 106px; width: 850px; margin-left:-25px; border-style: none; font-size:0 !important;} #pun-category9.category h2 { background: url(https://forumstatic.ru/files/0008/c3/84/18964.png) no-repeat top center; height: 106px; width: 850px; margin-left:-25px; border-style: none; font-size:0 !important;} #pun-about p.container {background-color: #; background-image : url(); background-position : center top; background-repeat : no-repeat; height: 50px; } div#html-footer { margin: -58px 0px 0px 0px;} div#pun-about { margin-bottom: -62px;} .lastedit { display:none} li#navindex { background: url(https://forumstatic.ru/files/0008/c3/84/89942.png) center center no-repeat; padding: 10px 10px; 10px 6px; } li#navindex a{ padding: 10px 10px; 10px 6px; } li#navindex a span{ visibility: hidden; } li#navuserlist { background: url(https://forumstatic.ru/files/0008/c3/84/54681.png) center center no-repeat; padding: 10px 10px; 10px 6px; } li#navuserlist a{ padding: 10px 10px; 10px 6px; } li#navuserlist a span{ visibility: hidden; } li#navsearch { background: url(https://forumstatic.ru/files/0008/c3/84/44484.png) center center no-repeat; padding: 10px 10px; 10px 6px; } li#navsearch a{ padding: 10px 10px; 10px 6px; } li#navsearch a span{ visibility: hidden; } li#navprofile { background: url(https://forumstatic.ru/files/0008/c3/84/79805.png) center center no-repeat; padding: 10px 10px; 10px 6px; } li#navprofile a{ padding: 10px 10px; 10px 6px; } li#navprofile a span{ visibility: hidden; } li#navpm { background: url(https://forumstatic.ru/files/0008/c3/84/99883.png) center center no-repeat; padding: 10px 10px; 10px 6px; } li#navpm a{ padding: 10px 10px; 10px 6px; } #pun-navlinks ul li a span { visibility: hidden; } li#navadmin { background: url(https://forumstatic.ru/files/0008/c3/84/71660.png) center center no-repeat; padding: 5px 5px; 10px 6px; } li#navadmin a{ padding: 5px 5px; 10px 6px; } li#navadmin a span{ visibility: hidden; } li#navlogout { background: url(https://forumstatic.ru/files/0008/c3/84/16143.png) center center no-repeat; padding: 10px 10px; 10px 6px; } li#navlogout a{ padding: 10px 10px; 10px 6px; } li#navlogout a span{ visibility: hidden; } li#navlogin { background: url(https://forumstatic.ru/files/0008/c3/84/71750.png) center center no-repeat; padding: 10px 10px; 10px 6px; } li#navlogin a{ padding: 10px 10px; 10px 6px; } li#navlogin a span{ visibility: hidden; } li#navregister { background: url(https://forumstatic.ru/files/0008/c3/84/80787.png) center center no-repeat; padding: 10px 10px; 10px 6px; } li#navregister a{ padding: 10px 10px; 10px 6px; } li#navregister a span{ visibility: hidden; }
Код:<div id="html-header"> <div style="width:454px; height:300px; position:absolute; margin-top:73px; margin-left:169px;"> <center><img src="http://savepic.net/2180783.gif" margin-left: 10px;></a></center></font> </div> <style> .punbb table Div.icon {float: right; display: block; width: 52px; height: 52px; border-style: none; background-image: url(https://forumstatic.ru/files/0008/04/be/26867.png); background-repeat: no-repeat; position: relative;} .punbb table div.inew {background: url(http://savepic.net/2224945m.gif) no-repeat;} TR.isticky Div.icon {background: url(http://savepic.net/2228017m.gif) no-repeat;} TR.iclosed Div.icon {background: url(http://savepic.net/2212657m.gif) no-repeat;} </style> <style type="text/css"> .punbb td div.tclcon { padding-right: 60px; } </style> <style type="text/css"> .lastedit {display: none; } </style> <div style="width:185px; height:188px; position:absolute; margin-top:120px; margin-left:40px;color:#995e32;font-size:9px;"> <a href="http://stylephotoshop.ru/viewtopic.php?id=10864&p=2#p682481"><img src="http://www.thephade.com/images/fx3ri1k1hdr5cv74f.png" alt="" title="tate langdon" /></a> </div> <div style="width:185px; height:188px; position:absolute; margin-top:120px; margin-left:578px;color:#995e32;font-size:9px;"><center> Здравствуйте, дорогие участники проекта Style Photoshop! Сегодня мы хотим представить Вам обновления, которые будут длиться до Нового года и, надеемся, что мы действительно порадуем Вас в предверии этого волшебного праздника. Пожалуй, сейчас мы настраиваем Вас только на коварности и волшебство (не совсем новогоднее, но по своему специфическое), а чуть позже Вас будет ждать настоящая новогодняя сказка. Добро пожаловать!</center> </div> <style type="text/css"> .punbb td div.tclcon { padding-right: 70px; } </style> <script type="text/javascript"> Rusff.reputation = 0; </script> <style type="text/css"> .lastedit {display:none} </style>
Код:<script type="text/javascript"> if (!document.getElementById('navprofile')) { var posti=document.getElementById("pun-main").getElementsByTagName("div") var oj=0 for (oj=0; oj<=(posti.length-1); oj++) {if (posti[oj].className=="post-content") {posti[oj].innerHTML=posti[oj].innerHTML.toLowerCase().replace(/<a href/g, "<font color='black'>Зарегистрируйтесь чтобы увидеть ссылку!</font><a style='display: none;' href")}} } </script> <script type="text/javascript"> var nrisunok="https://forumupload.ru/uploads/0000/0a/f2/68797-1.gif"; if( (document.getElementById("navpm").innerHTML.indexOf("(") != -1)) { document.getElementById("navpm").innerHTML="<img src='"+nrisunok+"'> "+document.getElementById("navpm").innerHTML; }; </script> <script type="text/javascript"> var L0='<img src="', L1='" style="width:120;margin-top:3px;" />'; var ImgON="http://i.imgur.com/4aa1b.png"; // Картинка Online; var ImgOff="http://i.imgur.com/p4Zvz.png"; // Картинка OffLine; $("#pun-viewtopic .post .post-author ul").each(function () { if ($(this).find(".pa-online").html()!=null){ $(this).append(L0+ImgON+L1) }else $(this).append(L0+ImgOff+L1); }); </script> <script type="text/javascript"> function select_text(elem) { if(window.getSelection) { var s=window.getSelection(); if(s.setBaseAndExtent){ s.setBaseAndExtent(elem,0,elem,elem.innerText.length-1); } else { var r=document.createRange(); r.selectNodeContents(elem); s.removeAllRanges(); s.addRange(r); } } else if(document.getSelection){ var s=document.getSelection(); var r=document.createRange(); r.selectNodeContents(elem); s.removeAllRanges(); s.addRange(r); } else if(document.selection){ var r=document.body.createTextRange(); r.moveToElementText(elem); r.select(); } } </script> <script type="text/javascript"> var div = document.getElementById('pun-main').getElementsByTagName('div'); for(x in div){ if(div[x].className=='code-box'){ div[x].getElementsByTagName('strong')[0].innerHTML = '<a href="#" onclick="select_text(this.parentNode.parentNode.childNodes[1].getElementsByTagName(\'pre\')[0]); return false;">Выделить код</a>'; } } </script> <script type="text/javascript"> li=document.getElementsByTagName("li") f=0 while(li[++f]){ s=li[f].innerHTML if((p=s.indexOf("Новые сообщения")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='https://forumstatic.ru/files/0008/c3/84/51697.png'>"+s.substring(p+15) else if((p=s.indexOf("Активные темы")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='https://forumstatic.ru/files/0008/c3/84/70186.png'>"+s.substring(p+13) else if((p=s.indexOf("Темы без ответов")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='https://forumstatic.ru/files/0008/c3/84/30796.png'>"+s.substring(p+21) else if((p=s.indexOf("Мои сообщения")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='https://forumstatic.ru/files/0008/c3/84/41294.png'>"+s.substring(p+13) else if((p=s.indexOf("Подписка")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='https://forumstatic.ru/files/0008/c3/84/35621.png'>"+s.substring(p+8) else if((p=s.indexOf("Все прочитано")) != -1) li[f].innerHTML=s.substring(0,p)+"<img src='https://forumstatic.ru/files/0008/c3/84/51860.png'>"+s.substring(p+13) } </script> <div id=fooo> <div style="width:454px; height:100px; position:absolute; margin-top:30px; margin-left:190px;"> <center><a href="http://pasttime.forum24.ru/"><img src="http://savepic.net/2191155.gif" width="435" height="63" border="0" alt="[STYLE PHOTOSHOP]" margin-left: 10px;></a></center></font> </div> <img src="https://forumstatic.ru/files/0010/ab/75/59949.jpg"> </div> <script type="text/javascript"> var arr = document.links; for (j in arr) { if (arr[j].innerHTML == "Новая тема") arr[j].innerHTML = "<img src='https://forumstatic.ru/files/0008/c3/84/33524.png' />" else if (arr[j].innerHTML == "Новый опрос") arr[j].innerHTML = "<img src='https://forumstatic.ru/files/0008/c3/84/47850.png' />" } </script> <style>#fooo {margin:-26px; -4px; 0px; 0px; margin-bottom: -30px; margin-top: -3px; } </style> <style type="text/css"> li#navawards {display: none;} </style> <script type="text/javascript"> $(document).ready(function(){ $('.menuitem img').animate({width: 50}, 0); $('.menuitem').mouseover(function(){ ; gridimage = $(this).find('img'); gridimage.stop().animate({width: 100}, 50); }).mouseout(function(){ gridimage.stop().animate({width: 50}, 50); }); }); </script> <style> .intd .tclcon .modlist{ display: none; } </style> <link rel="shortcut icon" href="https://forumstatic.ru/files/0008/04/be/86112.png" type="image/x-icon"> <script> <!-- greet="<font color=#000000>С возвращением,</font> " str = document.getElementById("pun-status").innerHTML pos = str.indexOf("Привет") document.getElementById("pun-status").innerHTML=str.substring(0,pos)+greet+str.substring(pos+8,str.length-1) visit="<font color=#000000>Последний раз Вы были на стайле - </font> " str = document.getElementById("pun-status").innerHTML if( (pos=str.indexOf("Ваш последний визит")) != -1 ) document.getElementById("pun-status").innerHTML=str.substring(0,pos)+visit+str.substring(pos+21,str.length-1) --> </script> <!-- Старая загрузка картинок --> <script> var Ls="[",oldIMG="<td onclick=\"bbcode('"+Ls+"img]','"+Ls+"/img]')\" id=\"button-image\" title=\"Теги img\"><img src=\"/i/blank.gif\"/><b><p style=\"z-index:20!important;position:absolute;height14px;margin:-15px 0 0 22px;\">2</p></b></td>" $("#button-image").after(oldIMG); </script>