Новогодний
Код:
/*************************************************************
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 67.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:auto;
position: relative;
float: center;
width : 670px;
background-color: none;
top: 316px;
}
/* A5.2 */
.punbb {
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 none none;
border-width: 0px 0px 0px 0px
}
/* A5.9 */
.punbb .container {
border-style: solid;
border-width: 0px;
}
/* A5.10 */
#pun-main h1, .punbb .section h2, #pun-stats h2, #pun-debug h2 {
padding: 12px 1em 12px 1em;
border-style: none none none none;
border-width: 0px 0px 0px 0px;
}
#pun-main h2 {
font-size: 0px;
text-align: center;
text-transform: uppercase;
font-family: verdana, Century Gothic, Georgia, Century Gothic, helvetica;
padding: 0px 1em 12px 1em;
border-style: solid solid none solid;
border-width: 0px 0px 0 0px;
text-transform: Normal;
font-weight:normal;
}
/*************************************************************
B - MAIN CONTENT - GENERAL
**************************************************************/
/* B1 Parsed Content, Signatures and Scroll Boxes
-------------------------------------------------------------*/
/* B1.1 */
.punbb .post-content {
padding: 0;
margin-top: 424px;
width: 100%;
overflow: hidden;
}
/* B1.2 */
.punbb .post-sig dt {
display: block;
border-top: none;
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-top
}
/* 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-left: 0px solid #cb3657;
}
/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
display: block;
padding-bottom: 0.7em;
font-size: 10px;
font-weight: bold;
font-style: normal;
margin: 0;
}
.punbb .quote-box, .punbb .code-box
{
color: #222222;
background-image: url(https://forumupload.ru/uploads/000d/f1/50/71-1.jpg);
margin: 10px 20px;
padding:10px;
text-align:center;
padding:10px;
padding-left: 10px;
background-color:#dcd6d6;
border-right:1px solid #6a5947;
border-bottom:1px solid #6a5947;
margin: 1px;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
/* B2 Information boxes
-------------------------------------------------------------*/
/* B2.1 */
.punbb .info-box {
padding: 1.1em 1.7em 1em 1.7em;
border-style: solid;
border-width: 0px;
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: -5.1em;
left: 1em;
width: 24em;
}
/* B3.4 */
.linkst .postlink {
position: absolute;
top: -5.1em;
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: 0px;
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: 45%;
font-weight:bold;font-size:10px;color:#777;
}
/* C2.2 */
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
text-align: center;
width: 15%;
color:#777;
}
/* C2.3 */
.punbb .main .tcr {
overflow: hidden;
text-align: left;
width: 30%;
color:#777;
}
/* 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: 0px 0 0 0px;
padding: 0.8em 1em;
}
/* C2.12 */
.punbb .main th {
padding: 5px 1em 6px 1em;
border-left: none;
border-top: none;
border-bottom: none;
}
/* C2.13 */
.punbb .main .tcl {
border-left-style: none;
border-left-width: 0;
}
* html .tclcon {height: 1px}
/* C2.14 */
.punbb td div.tclcon {
margin-top: 0px;
}
/* C2.15 */
.punbb div.icon {
float: top;
display: block;
width: 85px;
height: 25px;
padding-top: 1px;
padding-right: 5px;
margin-top: 1px;
}
/* C3 Topics
-------------------------------------------------------------*/
/* C3.1 */
.punbb .post .container {
border-style: none solid solid solid;
border-width: 0px;
margin-top: -1px;
padding-bottom: 1px;
}
/* C3.2 */
.punbb .post h3 {
border-style: solid solid none solid;
border-width: 0px;
}
/* C3.3 */
.punbb .post h3 span {
padding: 0.5em 1em;
display: block;
margin-left: 19em;
border-left-style: solid;
border-left-width: 0px
}
/* 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: 0px;
padding: 0 0 0px 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: 0px;
}
/* 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: 0px;
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: 0px;
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: 0px;
}
/*************************************************************
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: px;
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;
width: 900px;
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 {
text-align: center;
font-size: 11px;
letter-spacing: -1px;
text-transform: uppercase;
margin-top: 10px;
}
/* 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: -30px;
font-size: 8px;
letter-spacing: 1px;
text-align: center;
padding: 0px;
text-transform: uppercase;
}
/* D4.2 */
#pun-ulinks .container {
border-top: none;
padding: 1.5em 0.5em;
}
/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
display: inline;
border-left-style: solid;
border-left-width: 0px;
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: 0px 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: 0px;
}
/* D6.3 */
#pun-announcement .container {
padding: 4.3em 1em 1em 1em;
}
/* D7 Statistics
-------------------------------------------------------------*/
/* D7.1 */
#pun-stats .container {
padding: 3em 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: 0px;
float: left;
width: 100%;
line-height: 130%;
}
/* D7.5 */
li#onlinelist div {
border-top-style: solid;
border-top-width: 0px;
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: 0px 0;
position: relative;
height: 0;
z-index: 1;
}
/* D8.9 */
div.punbb-admin #pun-about .container {
border-top-style: solid;
border-top-width: 0px;
}
/* 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: 0px;
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;
}
#pun-announcement h2 {display: none}Код:
/* CS1 Background and text colours
-------------------------------------------------------------*/
html {
background: #000 url(http://funkyimg.com/u2/1121/684/1806602.jpg); background-attachment: fixed; background-position: top center; background-repeat: repeat;
}
#pun {background-color: #e9ebeb; background-image: url();
}
body {background-color: #;
background-image : url("http://funkyimg.com/u2/1121/610/206653lo2q22.jpg");
background-repeat: no-repeat;
background-position: top center;
}
/* 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: none;
color: #f1f1f1;
}
/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
background-color: none;
color: #f1f1f1;
}
/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
background-color: none;
color: #4b2121;
font-weight: normal;
font-style: normal;
}
/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
background-color: none;
color: #e7dec8;
}
/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
background-color: none;
color: #1b1919
}
/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl {
background-color: none;
color: #1b1919
}
/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
background-color: none;
color: #1b1919
}
/* CS1.8 */
#pun-navlinks .container {
background-color: none;
color: #1b1919;
}
.offline li.pa-online strong {
font-weight: normal
}
.punbb textarea, .punbb select, .punbb input {
background-color: none;
color: #1b1919
}
/* CS2 Border colours
-------------------------------------------------------------*/
/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
border-color: #e7dec8 #e7dec8 #e7dec8 #e7dec8
}
/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
border-color: #D7CEB8
}
/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
border-color: #e7dec8;
}
/* 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: #e7dec8;
}
/* CS2.5 */
.punbb th {
border-color: #e7dec8
}
/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
border-color: #C7BEA8 #FFFEE8 #FFFEE8 #C7BEA8;
}
#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
border-color: #C7BEA8
}
#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
border-color: #FFFEE8
}
.punbb .divider {
border-color: #C7BEA8 #FFFEE8 #FFFEE8 #FFFEE8
}
.punbb .formal fieldset .post-box, .punbb .info-box {
border: 1px solid #dedfdf
}
li.pa-online {
border-left-color: #e7dec8;
}
.punbb .post-sig dt {
border-top-color: #e7dec8 !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: #4b2121;
border-bottom: 0px none #000;
text-decoration: none;
}
.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
color: #1b1919
}
/* 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: #4b2121;
border-bottom: 0px none #000;
text-decoration: none;
}
/* CS3.3 */
#pun-navlinks a {
color: #1b1919;
border-bottom: 0px none #000;
text-decoration: none;
}
/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
color: #1b1919;
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: #fff;
}
/* CS4 Post status icons
-------------------------------------------------------------*/
Div.icon {background-image : url(http); background-repeat: no-repeat;}
TR.inew Div.icon {background-image : url(https://forumupload.ru/uploads/000d/f1/50/67-3.png); background-repeat: no-repeat;}
TR.isticky Div.icon {background-image : url(https://forumupload.ru/uploads/000d/f1/50/67-1.png); background-repeat: no-repeat;}
TR.iclosed Div.icon {background-image : url(https://forumupload.ru/uploads/000d/f1/50/67-2.png); background-repeat: no-repeat;}
TR.iredirect Div.icon {background-image : url(https://forumupload.ru/uploads/000d/f1/50/67-4.png); background-repeat: no-repeat;}
#pun-main div.catleft, #pun-main div.catright {display: none}
#pun-title table {background-color: transparent;
background-image : url(http:);
background-repeat : no-repeat; background-position: bottom center;
height: 0px;
}
/* CS5 Other
-------------------------------------------------------------*/
#pun-main #pun-category1.category h2{
background: url(http://funkyimg.com/u2/1121/810/782775accepting.jpg) no-repeat;
height: 189px;
width: 562px;
align: center;
}
#pun-main #pun-category2.category h2{
background: url(http://funkyimg.com/u2/1121/810/782775accepting.jpg) no-repeat;
height: 189px;
width: 562px;
}
#pun-main #pun-category3.category h2{
background: url(http://funkyimg.com/u2/1121/810/782775accepting.jpg) no-repeat;
height: 189px;
width: 562px;
}
#pun-main #pun-category4.category h2{
background: url(http://funkyimg.com/u2/1121/810/782775accepting.jpg) no-repeat;
height: 189px;
width: 562px;
background-position: top center;
}Код:
<style type="text/css">
#pun-announcement h2 {display: none}
#pun-announcement .container {padding-top: 1em}
</style>
<div id="sidebar">
<br /></center>
<div id='navstrip' align='left'><img src='http://img.photobucket.com/albums/v237/Casuconsulto/VH/vh_navgif.png' border='0' alt=''> <a href='http://z6.invisionfree.com/Violet_Hour/index.php?s=c577f15fb836f1677070efc38daec3b6&act=idx'>Violet Hour</a></div>
<br />
<table width="100%" class='0' cellspacing="0" cellpadding="0">
<tr>
<td width="190" class='0' valign="top">
<center>
<div style="background-image:url(http://img.photobucket.com/albums/v237/Casuconsulto/VH/bgimg2.png);></div>
<DIV class="tablepad"><span class='desc'>
<img src='http://img.photobucket.com/albums/v237/Casuconsulto/VH/sdimg_stry2.png'><br>
<font face=georgia><font size=-4>the evening hour that strives homeward</font></font></br><font face=georgia><font size=4>
<font color=8E8688>THE VIOLET HOUR</font></font></font></br><br>
<marquee behavior="scroll" direction="up" scrollamount="1" width= "90%">
<p align=justify>Stanmer Park College, school for the elite, for the children of privilege and impeccable breeding; home, in fact, of the modern aristocracy. Its halls are filled with sophistication, an age-old element from the days it first opened, hidden away in the shielded village of Stanmer, on the outskirts of Brighton, England. It has always assumed a stance of superiority to the city that lies so near, and Brighton has been no stranger to the visits of the Elite students from the school - and as a result, there has been conflict. For nearly as long as there has been Stanmer, the students and the residents of Brighton have been at odds, the easy-going town not particularly fond of the alleged superiority of this elite, and the students not at all fond of their social position being challenged. But this conflict has never been a loud one; it has been present in scoffs, looks, avoidance and a few snide remarks when one group encountered the other, but for the most part, neither side has paid too much attention to the other. But times are changing.
<br><br>
The change takes place within Stanmer Park College, where the hire of a new Headmistress at the school has brought about a new arrangement: Scolarship acceptance. No longer will lineage and societal standing alone determine who enters the halls of Stanmer Park College; from now on, students from all levels of society are able to gain acceptance - provided, of course, that they show promise in Art, Science, Math, English, all the various fields of study the school provides. Scouts have been sent out to schools around the world to look for these most promising students, and now, both scruff and poise are filling the halls.
<br><br>
The Elite students, of course, are none too pleased with this change, nor are their families, and even the residents of Brighton will have to deal with this change of scenery. How will the conflict be affected? Will it escalate? Will it spread? Or will these changes have positive effect on this school so heavily influenced by the traditional values of aristocracy, and its relationship with the community that surrounds it? Maybe both, maybe neither, but what is certain is that Stanmer Park College will never be the same again.</p> </marquee>
</span></div></div>
<br /></center>
<center>
<div style="background-image:url(http://img.photobucket.com/albums/v237/Casuconsulto/VH/bg_login.png);></div>
<DIV class="tablepad"><span class='desc'>
<img src='http://img.photobucket.com/albums/v237/Casuconsulto/VH/sb_login_img2.png'>
<br><form style='display:inline' action="http://z6.invisionfree.com/Violet_Hour/index.php?act=Login&CODE=01&CookieDate=1" method="post">
<input type="text" class="forminput" size="14" name="UserName" onfocus="this.value=''" value="User Name" style="color: #909987; border: 1px solid #e3e5e5; margin-top: 2px;"/><br>
<input type='password' class='forminput' size='14' name='PassWord' onfocus="this.value=''" value='ibfrules' style="color: #909987; border: 1px solid #e3e5e5; margin-bottom: 1px;" /><br>
<input type='submit' class='forminput' value='Go' style="width: 50px; height: 20px; color: #909987; border: 1px solid #e3e5e5; margin-top: 2px; text-align: center;" /></align><br><br>
</div>
</form><br>
</span></div></div>
<br /></center>
<center>
<div style="background-image:url(http://img.photobucket.com/albums/v237/Casuconsulto/VH/sb_links2.png);></div>
<DIV class="tablepad"><span class='desc'>
<br><br><br><br><br><br><br><br><br><br><br><br>
<a href=http://z6.invisionfree.com/Violet_Hour/index.php?showforum=3><font face=georgia font size=1>THE APPLICATION</font></a><br>
<a href=http://z6.invisionfree.com/Violet_Hour/index.php?showforum=11><font face=georgia font size=1>THE CANONS</font></a><br>
<a href=http://z6.invisionfree.com/Violet_Hour/index.php?showtopic=14><font face=georgia font size=1>THE COLLEGE</font></a><br>
<a href=http://z6.invisionfree.com/Violet_Hour/index.php?showtopic=4><font face=georgia font size=1>THE FACE CLAIMS</font></a><br>
<a href=http://z6.invisionfree.com/Violet_Hour/index.php?showtopic=20><font face=georgia font size=1>THE PLOT</font></a><br>
<a href=http://z6.invisionfree.com/Violet_Hour/index.php?showtopic=3><font face=georgia font size=1>THE RULES</font></a><br>
<br><br><br><br><br><br><br>
</div>
</form><br>
</span></div></div>
<br /></center>
<center>
<div style="background-image:url(http://img.photobucket.com/albums/v237/Casuconsulto/VH/set_back2.png);></div>
<DIV class="tablepad"><span class='desc'>
<a href="http://z6.invisionfree.com/Violet_Hour/index.php?showtopic=4513"><img src='http://img.photobucket.com/albums/v237/Casuconsulto/VH/set_img1.png'></a>
<font face=georgia><b>CURRENT GAME TIME:</b><br> OCT - NOV 2011. <br>AUTUMN HAS ARRIVED<br>
<br><b>WEATHER:</b><br> LOW TEMPERATURES<br> CRISP BRIGHT DAYS<BR></font><br><br>
</div>
</form><br>
</span></div></div>
<br />
<center>
<div class="tablepad"><span class='desc' >
<br><br>
<img src='http://img.photobucket.com/albums/v237/Casuconsulto/VH/stff_hdr.png'><br>
<a href="http://z6.invisionfree.com/Violet_Hour/index.php?showuser=17"><img src="http://img.photobucket.com/albums/v237/Casuconsulto/VH/ash_2.png"></a><a href=http://z6.invisionfree.com/violet_hour/index.php?showuser=4><img src="http://img.photobucket.com/albums/v237/Casuconsulto/VH/birthe.png"></a><br>
<a href=http://z6.invisionfree.com/Violet_Hour/index.php?showuser=11><img src="http://img.photobucket.com/albums/v237/Casuconsulto/VH/brit_1.png"></a><a href=http://z6.invisionfree.com/violet_hour/index.php?showuser=5><img src="http://img.photobucket.com/albums/v237/Casuconsulto/VH/pam_2.png"></a><br>
<img src='http://img.photobucket.com/albums/v237/Casuconsulto/VH/stff_ft_2.png'>
</span></div></div>
<br />
</center>
<center>
<div style="background-image:url(http://img.photobucket.com/albums/v237/Casuconsulto/VH/cbox_bgd.png);></div>
<DIV class="tablepad"><span class='desc'>
<img src='http://img.photobucket.com/albums/v237/Casuconsulto/VH/cbox2.png'>
<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="200" height="245" src="http://www7.cbox.ws/box/?boxid=45621&boxtag=3wl9zw&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#DBE2ED 1px solid;" id="cboxmain"></iframe></div>
<div><iframe frameborder="0" width="200" height="75" src="http://www7.cbox.ws/box/?boxid=45621&boxtag=3wl9zw&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#DBE2ED 1px solid;border-top:0px" id="cboxform"></iframe></div>
</div>
<!-- END CBOX -->
</span></div></div>
<br />
<a href=http://violethouric.webs.com/><font face=georgia font size=1>CLICK FOR THE IC C-BOX</font></a><br>
<br><font face=georgia font size=1>VOTE FOR VH!</font>
<br><!-- BEGIN Top 50 Real Life RPGs CODE -->
<a href="http://www.ultimatetopsites.com/bin/topsite.cgi?catastrophe&cat=games&ID=82">
<img src="http://i31.photobucket.com/albums/c376/catastrophe86/closer/reallifetopfifty.png" border=0></a> <!-- END Top 50 Real Life RPGs CODE --></center><br><a href="http://www.rpg-host.org/rpgdtopsites/human/"><img src="http://www.rpg-host.org/rpgdtopsites/human/button.php?u=VHAdmin" alt="RPGD CATEGORY :: HUMAN" border="0" /></a><br>
<center>
<div style="background-image:url(http://img.photobucket.com/albums/v237/Casuconsulto/VH/cotm_bgnd.png);></div>
<DIV class="tablepad"><span class='desc'>
<a href=http://z6.invisionfree.com/Violet_Hour/index.php?showtopic=3600><img src='http://img.photobucket.com/albums/v237/Casuconsulto/VH/Maddox_cotm.png'></a>
<marquee behavior="scroll" direction="up" scrollamount="1" width= "90%"><p align=justify><i>Maddox Nathaniel Monroe - the man, the myth, the legend. But not really.</i> These are the words that open Knox's application, and they perfectly illustrate the easy-going humour that is always present in interaction with this character. It wouldn't be difficult for the good-natured troublemaker to develop quite the reputation, but rest assured that no reputation could live up to the real deal. Loving and loveable, Knox is the perfect person to turn to for a bit of rough-and-tumble fun (and wouldn't you just love a bit of rough-and-tumble with this dashing devil?), and is near guaranteed to put a smile on your face. A noise-maker and party-goer, he shines in a crowd, but he also shines in smaller gatherings - to which his closest friends can attest. It's not always fun and games for the charmer, though; at times, infrequent though they are, a quiet, closed-off Knox will emerge, who would rather be left alone with his mind. If you're patient and determined, however, you might just be able to ease him back into his usual self; the self that is always ready to put a Band-Aid on your knee and get you back into action.
<br /><br />
Knox has enriched Violet Hour's life with his presence since July 24, 2010, and was brought to us by the marvellous Emilee, one of our treasured members. In addition to Knox, she is the proud owner of Ripley Miller, Finn Donnelly, Amelia MacEwan-Drummond and Jenny Harrison. With a combination of nonchalant humour and an acute sensitivity to emotional and difficult topics, she makes every post a treat to read, and can make you giggle or sniffle or both with her sincere character descriptions. She's a treat to write with and a joy to talk to, always with an encouraging word when you need it and a compliment when you least expect it. We couldn't be happier that she decided to settle down here with us!
</p> </marquee>
</span></div><br/>
</center>
<div class="tablepad"><span class='desc' ><center>
<script language="JavaScript">
<!--Made By Lee20 Of InvisionFree-->
<!-- Begin
var ad_cnt1 = 3;
var now1 = new Date()
var sec1 = now1.getSeconds()
var ad1 = sec1 % ad_cnt1;
ad1 +=1;
if (ad1==1) {
url1="http://z6.invisionfree.com/Violet_Hour/index.php?showtopic=19";
banner1="http://img.photobucket.com/albums/v237/Casuconsulto/VH/cann_spot_markovic_1.png";
width1="218";
height1="214";
banner2="http://img.photobucket.com/albums/v237/Casuconsulto/VH/cann_spot_markovic_2.png";
width2="218";
height2="35";
banner3="http://img.photobucket.com/albums/v237/Casuconsulto/VH/cann_spot_markovic_3.png"
width3="218";
height3="101";
alt1="Student canon";
}
if (ad1==2) {
url1="http://z6.invisionfree.com/Violet_Hour/index.php?showtopic=18";
banner1="http://img.photobucket.com/albums/v237/Casuconsulto/VH/cann_spot_king_1.png";
width1="218";
height1="214";
banner2="http://img.photobucket.com/albums/v237/Casuconsulto/VH/cann_spot_king_2.png";
width2="218";
height2="35";
banner3="http://img.photobucket.com/albums/v237/Casuconsulto/VH/cann_spot_king_3.png"
width3="218";
height3="101";
alt1="Lecturer canon";
}
if (ad1==3) {
url1="http://z6.invisionfree.com/Violet_Hour/index.php?showtopic=17";
banner1="http://img.photobucket.com/albums/v237/Casuconsulto/VH/cann_spot_dean_1.png";
width1="218";
height1="214";
banner2="http://img.photobucket.com/albums/v237/Casuconsulto/VH/cann_spot_dean_2.png";
width2="218";
height2="35";
banner3="http://img.photobucket.com/albums/v237/Casuconsulto/VH/cann_spot_dean_3.png"
width3="218";
height3="101";
alt1="Townie canon";
}
document.write('<center><img src="' + banner1 + '" width=' + width1 + ' height=' + height1 + ' border=0 alt="' + alt1 + '"><br><a href="' + url1 + '"><img src="' + banner2 + '" width=' + width2 + ' height=' + height2 + ' border=0 alt="' + alt1 + '"></a><br><img src="' + banner3 + '" width=' + width3 + ' height=' + height3 + ' border=0 alt="' + alt1 + '">');
document.write('</center>');
// End -->
</SCRIPT>
</span></div></div><br />
</center>
<center>
<div style="background-image:url(http://img.photobucket.com/albums/v237/Casuconsulto/VH/affiliates_bgnd.png);></div>
<DIV class="tablepad"><span class='desc'>
<img src='http://img.photobucket.com/albums/v237/Casuconsulto/VH/affiliates_img.png'><br>Click here to affiliate!<br><br><a href="http://z6.invisionfree.com/Violet_Hour/index.php?showtopic=80"><img border=0 src="http://img.photobucket.com/albums/v237/Casuconsulto/VH/VH_button1.png" alt="Click to affiliate"></a><br><br><br><br>
</span></div></div><br />
</center>
<center>
<div style="background-image:url(http://img.photobucket.com/albums/v237/Casuconsulto/VH/credits_bgnd.png);></div>
<DIV class="tablepad"><span class='desc'>
<img src='http://img.photobucket.com/albums/v237/Casuconsulto/VH/credits_img.png'>
</span></div></div><br />
</center>
<img src='http://209.85.48.8/style_images/1/spacer.gif' alt='' width='190' height='1' />
</td>
<!--SPACER-->
</div>
<style>
#sidebar {
background-color: #e9ebeb;
width: 230px;
height: auto;
padding: 5px;
position: absolute;
float: left;
top: -100px;
margin: -240px;
border-right:0px solid #f0f0f0; border-left: 0px solid #f0f0f0; }
</style>
