��

mybb@mybb.ru (Stray) — Wed, 27 Nov 2013 18:30:40 +0400

�� (�.�.��)

�� ; �� !
�� , ��
��, ��, ��:
��
�� ,
�� !

��, �� , �� ,
�� ;
��, �� ,
�� ,
� ��
� ��... �� :

��
�� ,
�� , �� ;
�� ,
� �� ,
� �� .

��
��. ��
�� .
�� .
�� : ��
�� ?

��.�� + ��:
+

��:

�, �� , �� 2002 ��, �� 8 �� xD

Anime red

mybb@mybb.ru (��) — Sun, 24 Nov 2013 16:13:10 +0400

��: �� | Anime red
��: Mybb
�� : ��-��
�� : ��
�� : ��
�� : ��
��:

��

/*�� . �� colorforum.ru. �� , �� , ��*/

/*************************************************************
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: 100.01%;
}

/* A3.2 */
.punbb {
font: normal 68.75% verdana, geneva, lucida, 'lucida grande', 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 th {
font-size: 1em;
font-weight: normal;
}

.punbb h4, .punbb table {
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: italic
}

/* A3.8 */
.punbb .post-content em {
font-style: italic
}

/* A3.9 */
.punbb .post-content em.bbuline {
font-style: italic;
text-decoration: underline;
}

/* A3.10 */
.punbb a {
text-decoration: underline
}

/* A3.11 */
.punbb optgroup {
font-weight: normal
}

/* 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 Basic page layout and borders
-------------------------------------------------------------*/

/* A5.1 */
#pun {
margin: 0px auto auto auto;
width : 100%;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
border-style: none;
background-color: #opacity;
width: 849px;
border-width: 0px;
}

/* A5.2 */
.punbb {
float: center;
width: 100%;
height: auto;
background-color: #opacity
}

/* A5.3 */
#pun-redirect, #pun-maint {
margin: 0px 20% 0px 20%;
width: auto;
float: none;
}

/* A5.4 */
.punbb .section, .punbb .main {
margin-bottom: 0 em;
}

/* A5.5 */
.punbb .category, .punbb .post {
margin-top: 0 em;
}

/* A5.6 */
.punbb #pun-category1, .punbb .toppost, .punbb .topicpost {
margin-top: 0;
}

/* A5.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: dotted dotted dotted dotted;
border-width: 0px 0px 0px 0px
}

/* A5.9 */
.punbb .container {
border-style: dotted;
border-width: 0px;
}

/* A5.10 */
#pun-main h1, .punbb .section h2, #pun-stats h2, #pun-debug h2 {
padding: 0.3em 1em;
border-style: dotted dotted dotted dotted ;
border-width: 0px 0px 0px 0px;
}

#pun-main h2 {
padding: 0.3em 1em;
border-style: dotted dotted dotted dotted ;
border-width: 0px 0px 0px 0px;
}

/*************************************************************
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: 0px 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: 0px;
}

/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
display: block;
padding-bottom: 0.7em;
font-size: 1.1em;
font-weight: normal;
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: 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: normal;
}

/* 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: normal;
}

/* 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: normal;
}

/* 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: normal;
}

/* 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: center;
width: 50%;
margin-left: 11px;
}

/* 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: center;
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: normal;
}

/* C2.9 */
.punbb td span.youposted {
font-weight: normal;
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.0em 0em;
}

/* C2.12 */
.punbb .main th {
border: none;
padding: 0px 0em 0px 0em;
}

/* C2.13 */
.punbb .main .tcl {
border-left-style: none;
border-left-width: 10;
}

* html .tclcon {height: 1px}

/* C2.14 */
.punbb td div.tclcon {
margin-left: 20px;
text-align: left;
padding-top: 25px;
}

/* C2.15 */
.punbb div.icon {
float: right;
display: block;
width: 100px;
height: 100px;
margin-right: 10px;
padding-top: 0px;
margin-top: 0px;}

/* C3 Topics
-------------------------------------------------------------*/

/* C3.1 */
.punbb .post .container {
border-style: none solid solid solid;
border-width: 1px;
margin-top: 0px;
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 #a7b5bd;
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: 0em;
overflow: hidden;
font-weight: normal;
}

/* C3.6 */
.punbb .post .post-author ul, .punbb .post .post-author p {
padding: 0 1em 1em 1em;
line-height: 140%;
text-align: left;

}

/* C3.7 */
.pa-author {
font-size: 1.1em;
font-weight: normal;
text-align: left;
}

/* C3.8 */
.pa-author a {
text-decoration: none
text-align: left;
font-weight: normal;
}

/* C3.9 */
li.pa-title {
padding-bottom: 0.4em;
font-weight: normal;
}

li.pa-online {
line-height: 0.8em;
border-left-style: solid;
border-left-width: 0.7em;
padding-left: 0.4em;
margin-top: 0em;
}

/* C3.11 */
.punbb .post-body {
margin-left: 19em;
border-left-style: solid;
border-left-width: 0px;
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: 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: normal;
}

/* 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: normal;
}

/*C6.9 */
#setmods dt {
float: left;
width: 14em;
margin-left: -16em;
padding: 0.8em 1em;
font-weight: normal;
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: left;
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;
margin-top: 0px;
border-style: double;
border: none;
margin-bottom: 0px;

}

/* D1.2 */
#pun-title h1 {
display : block;
height: 420px;
margin-bottom: -1px;
}

/* D1.3 */
#pun-title .container {
border-style: none ;
padding: 0.2em 1em 0.8em 1em;
}

/* D1.4 */
#pun-title h1 span {
display: none;
}

#pun-title TABLE {
border: none;
height: 420px;
width: 100%; margin-bottom: 0px; margin-top: 0px;
}

#pun-title TD.title-logo-tdl {
border: none;
width: 100%; height: 398px;
}

#pun-title TD.title-logo-tdr {
border: none;
width: 850px;
vertical-align: top;
padding-right: 0px;
padding-top: 0px;

}

/* 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-style: none solid none solid;
border-width: 0px 0px 0px 0px;
margin: -100;
margin-top: -300;
}

#pun-navlinks .container {
border-style: none;
border-width: 0;
margin: 0;
}

/* D3.2 */
#pun-navlinks .container {
padding-top: 12px;
height: 20px;
font-weight: normal;
text-align: center;
}

/* D.3 */
#pun-navlinks li {
display: inline;
margin: 1.25%;
}

/* D3.4 */
#pun-navlinks li a {
font-size: 1.1em;
}

/* D4 User links
-------------------------------------------------------------*/

/* D4.1 */
#pun-ulinks {
margin-top: -100;
}

/* D4.2 */
#pun-ulinks .container {
padding: 0.7em 1em;
text-align: center;
}

/* 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
-------------------------------------------------------------*/

#pun-announcement h2 {display: none}

/* 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: 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: 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: normal;
overflow: hidden;
margin-bottom: 0;
border-bottom: none;
}

/* D8.7 */
#pun-crumbs2 .container {
border-bottom: none;
padding: 0.8em 1em;
font-size: 1.1em;
}

/* D9 Help file
-------------------------------------------------------------*/

/* D9.1 */
#pun-help .formal .info-box h3.legend {
border-bottom-style: solid;
border-bottom-width: 0px;
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;
}

/* E1 Right_Icons
-------------------------------------------------------------*/
#pun-main .category Div.icon{
float: left;
}

��

/* CS1 Background and text colours
-------------------------------------------------------------*/

/* �� */
#pun-title TABLE {
background : transparent url(http://uploads.ru/i/V/z/o/Vzof4.png) no-repeat left top;
margin-left : 0px;
}

/* �� */
body {background-color: #5e0000;
background-image : url("http://uploads.ru/i/W/5/r/W5rRh.png");
background-repeat: no-repeat;
background-position : top center;

}

/* �� */
#pun { background-color: #ffffff;
background-image : url("");
background-repeat: repeat;
background-position : center;}

/* �� */
.punbb textarea, .punbb select, .punbb input{
background-color: #FFFFFF;
color: #e7e7d3;
background-image : url("");
border-radius:15px;
-webkit-border-radius:15px;
-khtml-border-radius:15px;
-moz-border-radius:15px;
-o-border-radius:15px;
}

/* �� */
#pun-main .code-box, #pun-main .quote-box, {
background-color: #e3e3e3;
color: #e4e4e4;
background-image : url("");
border-radius:15px;
-webkit-border-radius:15px;
-khtml-border-radius:15px;
-moz-border-radius:15px;
-o-border-radius:15px;
}

/* �� */
#pun-main h2, #pun #pun-index #pun-stats h2, #pun .punbb #pun-main h1 {
height: 30px;
background-image: url();
background-position: center;
background-repeat: no-repeat;
text-align: center;
font-family: comic sans ms;
text-transform: center;
font-size: 20px;
letter-spacing: 2px;
color: #2d2d54f;
font-weight: normal;
}

/* �� */
.punbb .quote-box, .punbb .code-box {background: #e3e3e3;color: #e4e4e4
border-radius:15px;
-webkit-border-radius:15px;
-khtml-border-radius:15px;
-moz-border-radius:15px;
-o-border-radius:15px;

}

.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: #421B0B;}

#pun-status .container, #pun-crumbs1 .container
{color: #1a0a01;
}
#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 500px; top: 0px
}

#pun-navlinks .container, #pun-ulinks .container {
background-color: transparent;
color: #1a0a01;
text-align: center;}

.offline li.pa-online strong {
color: #1a0a01;
font-weight: normal}

.punbb textarea, .punbb select, .punbb input {
background-color: transparent;
color: #1a0a01;}

/* 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;
}

/* 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: transparent;
}

#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 transparent
}

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: #5e0000;
text-shadow: -1px 1px 0px #ffffff;
border-bottom: 0px none #000;
text-decoration: none;

}

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
color: #5e0000
}

/* 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: #5e0000;
border-bottom: 0px none #000;
text-decoration: none;

}

/* CS3.3 */
#pun-navlinks a {
color: #5e0000;
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: #fff;
}

/* CS4 Post status icons
-------------------------------------------------------------*/
div#html-footer {
margin: -20px 0px 0px 0px;}
div.icon {
background: url(http://uploads.ru/i/R/q/Z/RqZh9.png) no-repeat;
}
tr.inew div.icon {
background: url(http://uploads.ru/i/G/o/b/GobEB.png) no-repeat;
}
tr.isticky div.icon {
background: url(http://uploads.ru/i/7/G/Q/7GQ64.png) no-repeat;
}
tr.iclosed div.icon {
background: url(http://uploads.ru/i/4/R/k/4RkTD.png) no-repeat;
}

��

mybb@mybb.ru (��) — Sun, 24 Nov 2013 16:10:50 +0400

��: ��
��: mybb
�� : ��, ��, ��
�� : ��
�� : ��
�� : ��
��:

��

/*************************************************************
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 0 80px 0; padding: 0;}

/* A2.2 */
.punbb * {
margin: 0
}

/* A2.3 */
.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {
padding: 0;
list-style: none;
}

/* A2.4 */
.punbb img {
border:none
}

/* A2.5 */
.punbb .main table {
table-layout: fixed;
width: 100%;
}

/* A2.6 */
.checkfield input[type=checkbox], .radiofield input[type=radio] {margin: 0 0.3em;}

/* A2.7 */
p[class=checkfield] *, div[class=checkfield] *, fieldset[class=radiofield] * {
height: 1.8em;
vertical-align: middle
}

/* A3 Text setup
-------------------------------------------------------------*/

/* A3.1 */
body {
font-size: 100.01%;
}

/* A3.2 */
.punbb {
font: normal 68.75% Verdana, Tahoma, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
}

/*A3.3 */
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
font: 1em verdana, arial, helvetica, sans-serif
}

/* A3.4 */
.punbb h1, .punbb h2, .punbb h3 {
font-size: 1em;
font-weight: bold;
}

.punbb th {
font-size: 0.9em;
font-weight: normal;
letter-spacing: 1px;
}

.punbb h4, .punbb table {
font-size: 1em;
font-weight: normal;
}

/* A3.5 */
.punbb h1 span, .punbb h2 span {
font-size: 1.1em;
}

.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 0 auto;
position: relative;
width: 902px;
}

/* A5.2 */
.punbb {
float: left;
height: auto;
width: 898px;
padding: 0 2px;
}

/* A5.3 */
#pun-redirect, #pun-maint {
margin: 50px 20% 12px 20%;
width: auto;
float: none;
background: #d0d0d0;
border: 1px solid #cbc9b2;
}

/* 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 0px 0px
}

/* A5.9 */
.punbb .container {
border: none;

}

/* A5.10 */
#pun-stats h2, .punbb .main h2, #pun-debug h2, .punbb .section h2 span, #pun-main h1, #pun-debug h2 span, #pun-main h2 span {
padding: 10px 10em 0px 0px;
border: none;
}

/*************************************************************
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: 1px solid;
border-color: #adadad;
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: 1em 2em 2em 1em;
padding: 1em;
border: 1px solid #adadad;

}

/* 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: none;
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: -5em;
left: 1em;
width: 24em;
}

/* B3.4 */
.linkst .postlink {
position: absolute;
top: -5em;
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: justify;
width: 50%;
}

#pun .tcl {padding-left:15px; }
#pun .tcr {padding-right:15px; text-align: left;}

/* 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: right;
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: right;
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: dashed none none dashed;
border-width: 1px 0 0 1px;
padding: 0.8em 0.2em;
}

/* C2.12 */
.punbb .main th {
border: none;
padding: 0px 0em 0px 0em;
}

/* 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: 60px;
height: 50px;
}

/* �� */
#pun-main .category .container {overflow: hidden}

/* C3 Topics
-------------------------------------------------------------*/

/* C3.1 */
.punbb .post .container {
border: none;
margin-top: -1px;
padding-bottom: 1px;
}

/* C3.2 */
.punbb .post h3 {
border-style:none;
}

/* C3.3 */
.punbb .post h3 span {
border: none;
padding: 0em 1em;
display: block;
margin-left: 19em;
}
.post-author ul {
margin: 0 0 1em 0;
padding: 1em 8px 0.8em 8px;
text-align: center;
}

/* 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: -1em;
overflow: hidden;
}

.punbb .post li.pa-author {
padding-bottom: 0.2em;
}

/* C3.6 */
.punbb .post .post-author ul, .punbb .post .post-author p {
padding: 1em 1em 1em 1em;
line-height: 140%;
}

/* C3.7 */
.pa-author {
font-size: 1.1em;
font-weight: bold;
text-align: center;
}

/* C3.8 */
.pa-author a {
text-decoration: none;
text-align: center;
}

/* C3.9 */
li.pa-title {
padding-bottom: 0.4em;
font-family:georgia;
text-align: center;
font-size:1.3em;
}

li.pa-online {
line-height: 1.2em;
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: none;

}

/* 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 {
margin-top: 4px;
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;
text-align: center;

}

/* C6.4 */
#viewprofile ul, #profilenav ul {
border-style: solid;
border-width: 1px;
padding: 1.5em 18px 0.8em 18px;
margin: 0 0 1em 0;
background: #dcdbdb;
border: 1px solid #adadad;
}

/* 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: none;
margin-bottom: -35px;
}

/* D1.2 */
#pun-title h1 {
display : block;
margin: 0;
}

/* D1.3 */
#pun-title .container {
border: none;
}

/* D1.4 */
#pun-title h1 span {
display: none;
}

#pun-title table {
border: none;
height: 478px;
width: 902px;
background: url("http://s1.uploads.ru/i/FaRPM.jpg") no-repeat; background-position: top center;
margin: 0 -2px 0 -2px;
}

#pun-title TD.title-logo-tdl {
border: none;
width: 100%;
}

#pun-title TD.title-logo-tdr {
border: none;
padding-right: 0px;
}

#pun-title .title-logo {
color: transparent;
}

/* 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;
}

/* D3.2 */
#pun-navlinks .container {
border: none;
padding: 0.7em 0em;
text-align: center;
font-size: x-small;
font-weight: bold;
}

/* D.3 */
#pun-navlinks li {
display: inline;
margin: 0.8%;
}

/* D3.4 */
#pun-navlinks li a {
font-size: 14px;
text-transform: uppercase;
}

/* D4 User links
-------------------------------------------------------------*/

/* D4.1 */
#pun-ulinks {
margin-top: -20px;
padding-bottom: 0px;
}

/* D4.2 */
#pun-ulinks .container {
padding: 0.6em 1em;
text-align: center;

}

/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
display: inline;
border: none;
white-space: nowrap;
font-size: 1.1em;
font-family: "Tahoma";
}

/* 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: none;
padding-left: 0
}

/* D5 Welcome box and Top Breadcrumbs
-------------------------------------------------------------*/

/* D5.1 */
#pun-crumbs1 .container, #pun-status, #pun-status .container {
border-bottom: none;
margin-bottom: 0;
background: transparent;
}

/* 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 0em 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: none;
padding: 1em 0 0.8em 0;
border-bottom-style: solid;
border-bottom-width: 1px;
}

/* D6.3 */
#pun-announcement .container {
padding: 0em 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: 0em;
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: 0;
background: url("http://s1.uploads.ru/i/NbUEd.png") no-repeat scroll center top transparent;
width: 902px;
border-top-style: none;
height: 81px;
margin: 0 -2px -55px -2px;
}

/* 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%;
margin-right: 6.5em;
margin-top: 2em;
}

/* 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;
}

#pun-navlinks a {
display: inline-block;
height: 40px;
width: 100px;
margin-left: 0px;
}

/*2. �� */

#navindex a {background: url(http://s1.uploads.ru/i/ge0VA.png) no-repeat top center;}
#navuserlist a {background: url(http://s1.uploads.ru/i/h7APk.png) no-repeat top center;}
#navsearch a {background: url(http://s1.uploads.ru/i/W3lsL.png) no-repeat top center;}
#navprofile a {background: url(http://s1.uploads.ru/i/B7GFs.png) no-repeat top center;}
#navpm a {background: url(http://s1.uploads.ru/i/LTDHV.png) no-repeat top center;}
#navadmin a {background: url(http://s1.uploads.ru/i/Gewsa.png) no-repeat top center;}
#navlogout a {background: url(http://s1.uploads.ru/i/R0IFf.png) no-repeat top center;}
#navlogin a {background: url(http://s1.uploads.ru/i/mPYVj.png) no-repeat top center;}
#navregister a {background: url(http://s1.uploads.ru/i/Le6cp.png) no-repeat top center;}

/*3. �� (��) */

#navindex a:hover {background: url(http://s1.uploads.ru/i/ge0VA.png) no-repeat top center;}
#navuserlist a:hover {background: url(http://s1.uploads.ru/i/h7APk.png) no-repeat top center;}
#navsearch a:hover {background: url(http://s1.uploads.ru/i/W3lsL.png) no-repeat top center;}
#navprofile a:hover {background: url(http://s1.uploads.ru/i/B7GFs.png) no-repeat top center;}
#navpm a:hover {background: url(http://s1.uploads.ru/i/LTDHV.png) no-repeat top center;}
#navadmin a:hover {background: url(http://s1.uploads.ru/i/Gewsa.png) no-repeat top center;}
#navlogout a:hover {background: url(http://s1.uploads.ru/i/R0IFf.png) no-repeat top center;}
#navlogin a:hover {background: url(http://s1.uploads.ru/i/mPYVj.png) no-repeat top center;}
#navregister a:hover {background: url(http://s1.uploads.ru/i/Le6cp.png) no-repeat top center;}

#pun-navlinks a span {display: none;}

li#navawards {display: none;}

��

/* CS1 Background and text colours
-------------------------------------------------------------*/
html {
background: #191919 url(http://s1.uploads.ru/i/IY2lp.jpg) no-repeat top center fixed;
}

#pun {
background: #d0d0d0 url(http://s1.uploads.ru/i/olHEB.jpg) repeat-y center;
border: none;
}

.punbb thead, .lastedit {display:none;}

.post-author ul {
text-align: 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: #25201b;
}

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
background-color: #d0d0d0;
color: #25201b;
}

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2 {
background: transparent url(http://s1.uploads.ru/i/b6YXs.png) no-repeat; background-position: top center;
color: #194c58;
height: 49px;
font-weight: bold;
text-align: center;
font-size: x-small;
font-size: 14px;
text-transform: uppercase;
margin: 0 -275px 0 0;
}

.punbb-admin #pun-admain h2 {background: #09353f;}

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
background-color: none;
color: #25201b;
}

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
background-color: none;
color: #25201b;
}

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl {
background-color: none;
color: #25201b;
}

/* CS1.7 */
.punbb #pun-main .quote-box, .punbb #pun-main .code-box {
background: #dcdbdb;
color: #25201b;
}

/* CS1.8 */
#pun-navlinks .container {

}

.offline li.pa-online strong {
font-weight: normal.
}

.punbb textarea, .punbb select, {background: #f6f6f6;
color: #25201b;

}

/* 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;
}

/* 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: transparent;
}

#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: none;
}

li.pa-online {
border-left-color: transparent;
}

/* 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: #218ba3;
text-decoration: none;

}

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
color: #218ba3;
text-decoration: none;

}

/* 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: #176070;
text-decoration: underline;
}

/* CS3.3 */
#pun-navlinks a {
color: #786f57;
text-decoration: none;
}

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
color: #9e916c;
text-decoration: none;
}

/* CS4 Post status icons
-------------------------------------------------------------*/
div.icon {
background: url(http://s1.uploads.ru/i/mT7pw.png) no-repeat;
}

tr.inew div.icon {
background: url(http://s1.uploads.ru/i/8EXlG.png) no-repeat;
}

tr.iclosed div.icon {
background: url(http://s1.uploads.ru/i/qGEmg.png) no-repeat;
}

tr.isticky div.icon {
background: url(http://s1.uploads.ru/i/GsDrn.png) no-repeat;
}

#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 450px; top: -70px;
}

a.tvm, a.tvm:active, a.tvm:link, a.tvm:visited {
font-family: tahoma;
font-size: 13px;
background-color:#8eadb4;
color: #000;
font-weight: normal;
text-align:center;
display: block;
margin: 1px;
padding: 2px;
text-decoration: none;
border-left-style: solid;
border-left-color: #218ba3;
border-left-width: 5px;
width:200px;
}

a.tvm:hover {
font-family: tahoma;
font-size: 13px;
color: #fff;
background-color:#218ba3;
display: block;
font-weight: bold;
text-align:center;
cursor:pointer;
text-decoration: none;
border-left-style: solid;
border-left-color: #218ba3;
border-left-width: 5px;
width:200px;
}

��

<table bgimage='#ffffff' cellpadding='1' cellspacing='1' border='0' align='center' width='880px'>
<tr valign=top align=center>
<td width='220px'> <img src="http://s1.uploads.ru/i/j00K5.png" alt="" border="0">
<br><a href="http://thevioletmaniac.narod.ru/" class="tvm" target="">�� </a>
<a href="http://thevioletmaniac.narod.ru/" target="">�� </a>
<a href="http://thevioletmaniac.narod.ru/" class="tvm" target="">�� </a>
<a href="http://thevioletmaniac.narod.ru/" class="tvm" target="">�� </a>
<a href="http://thevioletmaniac.narod.ru/" class="tvm" target="">�� </a>
<a href="http://thevioletmaniac.narod.ru/" class="tvm" target="">�� </a>
<a href="http://thevioletmaniac.narod.ru/" class="tvm" target="">�� </a>
<a href="http://thevioletmaniac.narod.ru/" class="tvm" target="">�� </a>
<br><img src="http://s1.uploads.ru/i/Gh1W2.png" alt="" border="0">
<br><br>��, ��, ��</td>
<td width='300px'>
<img src="http://s1.uploads.ru/i/rsRkz.png" alt="" border="0">
<br> �� </td>
<td width='230px'> <img src="http://s1.uploads.ru/i/Bvbgh.png" alt="" border="0">
<br><img src="http://s1.uploads.ru/i/2XhGj.png" alt="" border="0">
<br>
<img src="http://s1.uploads.ru/i/4WlgO.png" alt="" border="0">
<br><br>��, ��, �� </td>
</tr></tbody>
</table>


<script type="text/javascript">
$(document).ready(function(){
$('.splLink').click(function(){
$(this).parent().children('div.splCont').toggle('normal');
return false;
});
});
</script>

</td>
</tr>
</table>

�� .

mybb@mybb.ru (��) — Sun, 24 Nov 2013 16:03:34 +0400

�� ?
- �� , �� , ��-��;
- �� , �� , �� front-end �� - �� , �� , �� ;
- ��, �� "�� mybb" �� "�� ucoz" � �� . �� .
��
��, �� -�� ?
- �� "�� "
� � �� "�� "!
- �� , �� , ��, �� . �� - � ��
�� , �� ?
- �� js- �� html-��, �� - ��
��, �� -�� -�� ?
- �� . �� , �� , �� . ��!
�� ?
- �� , �� , � �� . ��, �� , ��

��

mybb@mybb.ru (��) — Sun, 24 Nov 2013 15:59:03 +0400

1. ��.
� HTML ��

��

<style>
div .splLink {width: 130px; height: 40px; border: 2px solid #FFD700; background: #FFFFCC; text-align: center; font-family: Comic Sans Ms; font-size: 15px; padding: 5px;}
.spll {width: 130px; height: 70px; }
.spll div .splCont {height: auto; width: 300px; background: url(https://upforme.ru/uploads/0003/83/96/1556-1.png); padding: 5px; z-index: 1000; margin-top: 5px; border: 2px solid #FFD700; font-size: 12px; font-family: Microsoft Sans Serif; text-align: center;}
</style>

� HTML ��

��

<script type="text/javascript" src="http://szenprogs.ru/scripts/jquery-1.3.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.splLink').click(function(){
$(this).parent().children('div.splCont').toggle('normal');
return false;
});
});
</script>

��

��:

<center><table style="width: 90%">
<tr>
<td><div class="spll">
<DIV><div class=splLink href="javscript://">������ ���������</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>
��� ����� ���-��</DIV></DIV>
</div></td>
<td><div class="spll">
<DIV><div class=splLink href="javscript://">������ ���������</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>
��� ����� ���-��</DIV></DIV>
</div></td>
<td><div class="spll">
<DIV><div class=splLink href="javscript://">������ ���������</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>
��� ����� ���-��</DIV></DIV>
</div></td>
<td><div class="spll">
<DIV><div class=splLink href="javscript://">�������� ���������</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>
��� ����� ���-��</DIV></DIV>
</div></td>
<td><div class="spll">
<DIV><div class=splLink href="javscript://">����� ���������</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>
��� ����� ���-��</DIV></DIV>
</div></td>
<td><div class="spll">
<DIV><div class=splLink href="javscript://">������ ���������</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>
��� ����� ���-��</DIV></DIV>
</div></td>
</tr>
</table></center>

2. �� .

�� , �� .
�). ��-�� 6 ��. �� �� , �� -��. �� , �� (� �� ) �� (�� ) �� :

��:

<td><div class="spll">
<DIV><div class=splLink href="javscript://">������ ���������</div>
<DIV style="DISPLAY: none; position: absolute;" class=splCont>
��� ����� ���-��</DIV></DIV>
</div></td>

��! �� ! � �� !

�). �� , �� "�� ". �� . �� , �� (��). �� HTML.
�). �� , �� "�� -��" � �� . �� , �� (��). �� HTML.

3. �� .
�� .
�� :
�).

��:

div .splLink {width: 130px; height: 40px; border: 2px solid #FFD700; background: #FFFFCC; text-align: center; font-family: Comic Sans Ms; font-size: 15px; padding: 5px;}

�� .
width: 130px; - �� , � ��.
height: 40px; - �� , � ��.
border: 2px solid #FFD700; - ��, �� .
background: #FFFFCC; - �� .
text-align: center; - �� (��-��: ��).
font-family: Comic Sans Ms; - �� .
font-size: 15px; - �� .
padding: 5px; - �� (��).

�).

��:

.spll {width: 130px; height: 70px; }

�� !
��: width: 130px; �� (�� ).

�).

��:

.spll div .splCont {height: auto; width: 300px; background:  url(https://upforme.ru/uploads/0003/83/96/1556-1.png); padding: 5px; z-index: 1000; margin-top: 5px; border: 2px solid #FFD700; font-size: 12px; font-family: Microsoft Sans Serif; text-align: center;}

�� .
height: auto; - �� . ��-�� . �� auto �� .
width: 300px; - �� .
background: url(https://upforme.ru/uploads/0003/83/96/1556-1.png); - �� . �� , �� background: #FFFFCC; � �� .
padding: 5px; - �� (��).
z-index: 1000; �� . �� . �� . �� -�� , �� .
margin-top: 5px; - ��, �� . �� 0 - �� .
border: 2px solid #FFD700; - ��, �� .
font-size: 12px; - �� .
font-family: Microsoft Sans Serif; - �� .
text-align: center; - �� (��-��: ��).
��! �� -�� !

��-�� - Slidorion

mybb@mybb.ru (��) — Sun, 24 Nov 2013 15:51:35 +0400

�� :
HTML

��:

<div id="slidorion">
	<div id="slider">
    <div class="slider-image" rel="section1">
    	<img src="sample.jpg" width="500" height="400" />
    </div>
    <div class="slider-image" rel="section2">
    	<img src="sample.jpg" width="500" height="400" />
    </div>
    <div class="slider-image" rel="section3">
    	<img src="sample.jpg" width="500" height="400" />
    </div>
	</div>
	<div id="accordion">
    <div class="header"><a class="slider-link" rel="section1">��������� ������� ������</a></div>
    <div class="content">
    	<!-- ���������� ������������� ����� -->
    </div>
    <div class="header"><a class="slider-link" rel="section2">��������� ������� ������</a></div>
    <div class="content">
    	<!-- ���������� ������������� ����� -->
    </div>
    <div class="header"><a class="slider-link" rel="section3">��������� �������� ������</a></div>
    <div class="content">
    	<!-- ���������� ������������� ����� -->
    </div>
	</div>
</div>

��, �� . �� , �� -��.
JS (�� html-�� )

�� js-�� -��, �� (�� -> �� -> �� -> �� ) � �� (�� -> ��)
�� . �� , � �� , �� .
CSS (�� html-��, �� css-��)

��:

<style type="text/css">
/*
����� ��� ���������
 */
#slidorion {
	width: 768px;    	/* ��������� ������ ����������. ����� ����� ������ #slider � #accordion */
	height: 400px;    	/* ��������� ������ ����������. ����� ������ #slider � #accordion */
	position: relative;
	left: 50%;
	margin-left: -384px;
	padding: 10px;
	background: #cbcbcb;
	border: 1px solid #bbb;
	-webkit-box-shadow: 0 0 34px #bbb;
	-moz-box-shadow: 0 0 34px #bbb;
	box-shadow: 0 0 34px #bbb;
}

#slider {
	width: 488px;    	/* ������ ���������� � ���������� */
	height: 400px;    	/* ��������� ��� ������*/
	position: relative;
	float: left;
	overflow: hidden;    /* ������ ��������� */
}

.slider-image {
	position: relative;
}

.slider-image img {
	width: 488px;    	/* ������ ��������*/
	height: 400px;    	/* ������ �������� */
	position: absolute;
}

#accordion {
	width: 280px;    	/* ������ ���������� � ����������*/
	height: 400px;    	/* ������ */
	font-family: Verdana;
	background: #eee;
	-webkit-box-shadow: -3px 0px 3px -1px rgba(51,51,51,0.3);
	-moz-box-shadow: -3px 0px 3px -1px rgba(51,51,51,0.3);
	box-shadow: -3px 0px 3px -1px rgba(51,51,51,0.3);
	position: relative;
	z-index:999;
	float: left;
}

#accordion .header {   /* ��������� ��������. ������� ����� */
	height: 36px;
	color: #333;
	background: #ededed;
/* ����������� ������� � css*/
	background: -moz-linear-gradient(top, #ededed 59%, #dcdcdc 100%);
	background: -webkit-linear-gradient(top, #ededed 59%,#dcdcdc 100%);
	background: -o-linear-gradient(top, #ededed 59%,#dcdcdc 100%);
	background: -ms-linear-gradient(top, #ededed 59%,#dcdcdc 100%);
	background: linear-gradient(top, #ededed 59%,#dcdcdc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#dcdcdc',GradientType=0 );
/* ����������� ������� � css - ����� */
	border: none;
	border-top: 1px solid #ccc;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

#accordion .header a {    /* ����� ������ ������ ��������� */
	background: none;
	padding: 8px 14px;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	display: block;
}

#accordion .header a:hover { /* ����� ������ ������ ��������� ��� ��������� */
	background: #ededed;
	cursor: pointer;
}

#accordion .header a.active {  /* ����� �������� ������ ������ ��������� */
	border-bottom: none;
	background-color: #676767 !important;
	color: #fff;
}

#accordion .content {
	height: 257px;    	/* ��� ������ ����� ������, ��������� ��� ������� �� ������ ���������� � ��������� � ����� ������� */
	font-weight: bold;
	font-size: 12px;
	margin: 0;
	padding: 16px;
	border: none;
	background: #d6d6d6;
	background: -moz-linear-gradient(top, #d6d6d6 0%, #ffffff 10%);
	background: -webkit-linear-gradient(top, #d6d6d6 0%,#ffffff 10%);
	background: -o-linear-gradient(top, #d6d6d6 0%,#ffffff 10%);
	background: -ms-linear-gradient(top, #d6d6d6 0%,#ffffff 10%);
	background: linear-gradient(top, #d6d6d6 0%,#ffffff 10%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d6', endColorstr='#ffffff',GradientType=0 );
</style>

�� #accordion .content:

��:

����� ������ ���������� (#accordion height), �������� �� ���� ����������� �� ����� ������� ������ ��������� (#accordion .header height) � ����� ���������� ����� �� ���������� �������.

� �� . � � ��, �� , �� ! �� , �� . �� :
JS (html-�� )

��:

<script>
$(document).ready(function(){
	$('#slidorion').slidorion({
                  <!-- ���� ����� �����. --> 
	});
});
</script>

��

mybb@mybb.ru (��) — Sun, 24 Nov 2013 15:48:07 +0400

��

JS (� ��)

��:

<script>
$(document).ready(function() { 
  var z = 0;
  var inAnimation = false;
  $('#pictures img').each(function() { 
    z++;
    $(this).css('z-index', z);
    });
  function swapFirstLast(isFirst) {
    if(inAnimation) return false;
    else inAnimation = true;
    var processZindex, direction, newZindex, inDeCrease;
    if(isFirst) { processZindex = z; direction = '-'; newZindex = 1; inDeCrease = 

1; }
    else { processZindex = 1; direction = ''; newZindex = z; inDeCrease = -1; }
  $('#pictures img').each(function() {
    if($(this).css('z-index') == processZindex) { 
       $(this).animate({ 'top' : direction + $(this).height() + 'px' }, 'slow', 

function() {
       $(this).css('z-index', newZindex) 
        .animate({ 'top' : '0' }, 'slow', function() { 
           inAnimation = false; 
            });
         });
       }
    else { 
       $(this).animate({ 'top' : '0' }, 'slow', function() {                      
         $(this).css('z-index', parseInt($(this).css('z-index')) + inDeCrease);
          });
       }

    });
    return false;
   }
   $('#previousLink').click(function() {
    return swapFirstLast(false);
   });
   $('#nextLink').click(function() {
    return swapFirstLast(true);
   });
 });
</script>

� �� jQ �� :

��:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>

CSS (� ��)

��:

<style type="text/css">
/* ����� ��� �������� */
#slideShowContainer{
	width:310px;
	height:310px;
	position:relative;
	margin-left:50px;
}
#slideShow{
	position:absolute;
	height:250px;
	width:300px;
	background-color:#fff;
	margin:8px 0 0 6px;
	z-index:100;
	-moz-box-shadow:0 0 10px #111;
	-webkit-box-shadow:0 0 10px #111;
	box-shadow:0 0 10px #111;
}
#pictures { position: relative; height: 408px; }
#pictures img { position: absolute; top: 0; left: 0; margin: 10px 0 0 10px;}
#slideShowContainer > a{
	border:none;
	text-decoration:none;
	text-indent:-99999px;
	overflow:hidden;
	width:36px;
	height:37px;
	background:url('https://upforme.ru/uploads/0007/e3/f7/64535-1.png') no-repeat;
	position:absolute;
	top:50%;
	margin-top:-21px;
}
#previousLink{
	left:-38px;
}
#previousLink:hover{
	background-position:bottom left;
}
a#nextLink{
	right:-38px;
	background-position:top right;
}
#nextLink:hover{
	background-position:bottom right;
}
</style>

�� -��

mybb@mybb.ru (��) — Sun, 24 Nov 2013 15:45:09 +0400

��:

<script type="text/javascript">
PiarNik="PR";
PiarPas="1111";
var L="<div id=\"PR_loginDiv\" style=\"display:none;\">\
<form id=\"form_login\" name=\"login\" method=\"post\" action=\"login.php?action=in\" onsubmit=\"return check_form()\">\
<fieldset>\
<input type=\"hidden\" name=\"form_sent\" value=\"1\"/>\
<input type=\"text\" id=\"fld1\" name=\"req_username\" size=\"21\" maxlength=\"25\"/>\
<input type=\"text\" id=\"fld2\" name=\"req_password\" size=\"7\" maxlength=\"16\"/>\
<input type=\"submit\" class=\"button\" name=\"login\"/>\
</fieldset>\
</form>\
</div>\
<li id=\"navpiar\"><a onclick=\"PiarIn()\"><span style=\"cursor:pointer\">����-����</span></a></li>";
if($("#navlogin").html()!=null){
$("#navlogin").after(L) //navlogin
$("#PR_loginDiv #fld1").val(PiarNik)
$("#PR_loginDiv #fld2").val(PiarPas)
function PiarIn () {$("#PR_loginDiv input[type='submit']").click();}
}
</script>

�� "��-��" �� =>

��:

<img title=\"������� ���� ��� '���������'\" src=\"http://uploads.ru/i/N/V/v/NVvmD.png\"/>

�� HTML-��.

��:

PS: ��������� ������ ��� ����� ����� ����� �� �����, ����� ��� (�� �����) ������ ����� ������ ������� � ������ ������������.
PS2: ������ ���/������ ���������� ���� ������ ������.

�� -�� -��:

�� ID ��-��:
� HTML ��

��:

<style>
#pun-main #profile1[action$="id=3"]{
display:none;
}
</style>

�� ID �� - �� '=' � �� -�� .

��

mybb@mybb.ru (��) — Sun, 24 Nov 2013 15:40:33 +0400

��

�� 
��

��:

<ul class="tabs">
    <li class="active"><a href="#tab1">������� 1</a></li>
    <li><a href="#tab2">������� 2</a></li>
    <li><a href="#tab3">������� 3</a></li>
</ul>

�� :

��:

<li><a href="#tab2">������� 2</a></li

>
�� , � �� .
�� 

��

��:

<div style="display: block;" id="tab1" class="tab_content">
����� 1
</div>

��

�� , �� html-��

��:

.container1 {width: 900px; margin: 0 auto; padding: 0;}

�� , �� .

��:

ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 40px;
    width: 467px;
    width: 100%;
}

�� .

��:

ul.tabs li {
    float: left;
    margin: 0;
    padding: 0;
    height: 40px;
    line-height: 40px;
    border: 0px;
border-top: 1px dotted #000000;
    border-bottom: 1px dotted #000000;
        border-right: 1px dotted #000000;
        border-left: 1px dotted #000000;
    margin-bottom: -2px;
    background: #000000 url();
    overflow: hidden;
    position: relative;
}

�� 
�� :

��:

ul.tabs li {
    float: left;
    margin: 0;
    padding: 0;
    height: 40px;
    line-height: 40px;
    border: 1px;
    margin-bottom: -2px;
    background: url();
    overflow: hidden;
    position: relative;
}

�� , ��:

��:

border-bottom: 1px dotted #000000;

border-top - ��
border-bottom - ��
border-right - ��
border-left - ��

��:

ul.tabs li a:hover {
...
}

�� .
�� , ��

��:

html ul.tabs li.active  {
....
}

�� (��) ��
�� , ��

��:

html ul.tabs li.active a:hover  {
....
}

�� (��) ��
�� , ��

��:

.tab_container1 {
    clear: both;
    float: left; 
    width: 900px;
    height: 343px;
    background-image : url();   
background-color: #FFFFFF;  
    border-bottom: 1px solid #000000;
        border-top: 0px solid #000000;    
        border-left: 0px solid #000000;    
        border-right: 0px solid #000000; 
    -moz-border-radius-bottomright: 5px;
    -khtml-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -khtml-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
}

�� .

��:

.tab_content {
    padding: 5px;
}
.tab_content h2 {
    font-weight: normal;
    padding-bottom: 2px;
    border-bottom: 0px dashed #000000;
}

�� OnLine/OffLine

mybb@mybb.ru (��) — Sun, 24 Nov 2013 15:21:47 +0400

��:

<script type="text/javascript"> var L0='<img class="imgON_Off" src="';
    var L1='" style="cursor:pointer;cursor:hand;width:153;margin-top:3px;" />'; //153 - ������ �������� �� �����������
    var ImgON="http://s005.radikal.ru/i212/1009/13/26270b1c3c1a.jpg";  // �������� Online;
    var ImgOff="http://s55.radikal.ru/i149/1009/e7/5251a5a51615.jpg";  // �������� OffLine;
    $("#pun-viewtopic .post .post-author ul").each(function ()   {
    $(this).html('<div class=UL>'+$(this).html()+'</div>');
    if ($(this).find(".pa-online").html()!=null){$(this).append(L0+ImgON+L1)
        }else $(this).append(L0+ImgOff+L1);
    $(this).find(".pa-author,.pa-title,.pa-avatar").insertBefore($(this).find("div.UL"));});
   $("div.UL").hide();     //���� �� ���� ������������ ����������� - ������ c���� �������
    $("ul .imgON_Off").click(function () {
    $(this).parent("ul").find(".UL").toggle('slow');});
    </script>

�� html

��/��/O�� , ��, ��

mybb@mybb.ru (��) — Sun, 24 Nov 2013 15:16:31 +0400

��/��/O�� -�� .
�� , �� , �� -��.
�� :
K*(��-�� ) + �*(��-�� ) + K*(��) + K*(��) + ��
�� - �� , �� . �� .
� HTML ��

��:

<!-- �����/������/O��� -->
    <script type="text/javascript">
        var NN=1    //����� ��������������� ����
        var fldName="�����"    //������ ��� ����
        //��� ����������� ����� ���� ��������
        var K_post=1/5;    //���-� ������ ����������� �� ���� ���������;
        var K_invites=11;    //���-� ������ ����������� �� ����� ������������ �� �����;
        var K=10;            //����������� �������(���-� ������ �� ��� ���������� �� ������
        var K_respect=3;    //���-� ������ ����������� �� ���� ���� ��������;
        var K_positive=1;    //���-� ������ ����������� �� ���� ���� ������������ ������ ������ ������ ������ � ��������;
        $("#pun-viewtopic .post .post-author").each(function(){
        if($(this).find(".pa-fld"+NN).html()==null){
        if($(this).find(".pa-avatar").html()!=null){var L=".pa-avatar"}else L=".pa-title"
        $(this).find(L).after('<li class="pa-fld'+NN+'"><b>'+fldName+'</b>: 0</li>')
        }
        var ss1=$(this).find(".pa-respect span").text();
        ss1=K_respect*parseInt(ss1);
        var ss2=$(this).find(".pa-positive ").text();
        ss2=K_positive*parseInt(ss2.replace("�������: ",""));
        var ss0=$(this).find(".pa-posts").text();
        ss0=K_post*parseInt(ss0.replace("���������: ",""));
        var str=$(this).find(".pa-time-visit").text();str=str.replace("����������","0 �����");
        str=str.replace(" ������","+");str=str.replace(" ������","+");str=str.replace(" �����","+");
        str=str.replace(" ����","*60+");str=str.replace(" �����","*60+");str=str.replace(" ���","*60+");
        str=str.replace(" ����","*24*60+");str=str.replace(" ����","*24*60+");str=str.replace(" ���","*24*60+");
        str=str.replace(" �������","*(365/12)*24*60+");str=str.replace(" ������","*(365/12)*24*60+");str=str.replace(" �����","*(365/12)*24*60+");str=str.replace(/ /g,"");str=str.replace("���������������:","");str=str.replace("��������������:","");str+="0";var i=eval(str);
        var s=$(this).find(".pa-fld"+NN).text();
        s=s.replace(fldName+": ","");var s1=s,s2;s=parseFloat(s);s=Math.round((i/60)*K+ss0+ss1+ss2+s);
        str=$(this).find(".pa-fld"+NN).html();str=str.replace(s1,s);$(this).find(".pa-fld"+NN).html(str);
        ;})
        </script><!-- ����� -->

��! � �� "T�� o�e�o�" �� , �� "��c� � ��yc�"

��

�� (��), �� . �� - �� , �� , �� -�� -�� .
� ��, �� (�� , �� ), � �� (�� ) ��
�� , �� .

�� html ��

��:

<script type="text/javascript">
if(location.href.indexOf('viewtopic')!=-1) {
var field = 'fld1';
var diff = 2;
var default_name = '������';
var ul = $("#pun-main div.post div.post-author ul");
for(var i =0;i < ul.length;i++){
    var for_posts = parseInt($(ul[i]).find('li.pa-posts').text().replace(/���������: /,""))*diff
    if(!$(ul[i]).find("li.pa-"+field).length) {
    $(ul[i]).find('li.pa-posts').after('<li class="pa-'+field+'">'+default_name+': '+for_posts+'</li>');
    }
    else {
    $(ul[i]).find("li.pa-"+field).html(default_name+': '+(parseInt($(ul[i]).find("li.pa-"+field).text().replace(/^(.*): (-?\d+)$/,"$2"))+for_posts))
    }
}
}
</script>

��

mybb@mybb.ru (��) — Sun, 24 Nov 2013 15:13:47 +0400

��:

[align=center][b]������: [/b]
[b]������: [/b]
[b]��������: [/b]
[b]�������: [/b]
[b]��������[/b]
(���� ��� �������� ������� ���� �����) [b]�������� ��������: [/b][/align]

�� , ��

mybb@mybb.ru (��) — Sun, 24 Nov 2013 15:13:00 +0400

�� .
�� , �� , �� .
�� , �� .
�� -�� .

��/�� css #1

mybb@mybb.ru (��) — Sun, 24 Nov 2013 15:06:04 +0400

��
�� - �� , �� .

�� (MyBB)

mybb@mybb.ru (��) — Sun, 24 Nov 2013 15:01:46 +0400

� ��-��:

��:

[align=center]<script type="text/javascript"> 
inColor("red", new Array("���","","","","",""))
inColor("blue", new Array("���","","","",""))
function inColor(color, myarray){
var a=document.links
for(i=0;i<a.length;i++){
for(q=0;q<myarray.length;q++){
if(a[i].innerHTML==myarray[q]){
a[i].innerHTML="<span style=\"color: "+color+";\"><img src=' ������ �� �������� '><b>"+myarray[q]+"</b></span>"
}}}}
</script>[/align]

��

��:

inColor("red", new Array("���","","","","",""))

�� , �� , �� .

�� /��

mybb@mybb.ru (��) — Sun, 24 Nov 2013 14:47:05 +0400

�� : http://s1.uploads.ru/M5PNb.png
�� 1
�� :

��:

body {
    background-color: #007AA3; /*���� ������ ����� ����������� ��������*/
    background-image: url("http://s1.uploads.ru/M5PNb.png"); /*������ �� ��������-��������*/
    background-attachment: fixed; /*���� ������� ��� �������, �� ����������� ��� ����� ������ ������� ��������*/
    background-position: center top;
    background-repeat: repeat-x;
}

�� 2
�� :

��:

body {
    background-image: url("http://s1.uploads.ru/M5PNb.png");/*������ �� ��������-��������*/
    background-position: center top;
    background-size: 100% 100%;
}

�� "��"

mybb@mybb.ru (��) — Sun, 24 Nov 2013 14:42:52 +0400

� HTML-�� :

��:

<style type="text/css">
.punbb .post-content p,.punbb .fs-box .post-box p {
width:80%;
display:block;
margin:20px;
background-clip:padding-box;
border-width:15px 15px 15px 19px;
-moz-border-image: url(http://s1.uploads.ru/i/F/G/K/FGKYJ.png)15 15 15 19 repeat;  /* Firefox 4 */
    -webkit-border-image: url(http://s1.uploads.ru/i/F/G/K/FGKYJ.png)15 15 15 19 repeat;   /* Safari 5 � Chrome */
    -o-border-image: url(http://s1.uploads.ru/i/F/G/K/FGKYJ.png)15 15 15 19 repeat; /* Opera 10.5 */
}
.punbb .post-content .post-sig p{
 border-width:0;
-moz-border-image: none;  /* Firefox 4 */
    -webkit-border-image: none;   /* Safari 5 � Chrome */
    -o-border-image: none; /* Opera 10.5 */
}/* ����� ���������� */
</style>

��: ��, CSS

JampPanel - ��

mybb@mybb.ru (��) — Sun, 24 Nov 2013 14:39:47 +0400

��

<style>
#JampPanel:hover{
margin-right:-20px;
}
#JampPanel,#JampPanel .container{
border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
-moz-border-radius:10px;
-o-border-radius:10px;
border:1px solid #FE2323;
background-color:#F0F0F0;
box-shadow: 0px 5px 5px #626262;
-webkit-box-shadow:0px 5px 5px #626262;
-khtml-box-shadow:0px 5px 5px #626262;
-moz-box-shadow:0px 5px 5px #626262;
}
#JampPanel {opacity:0.86;
position:fixed;z-index:1200;
height:190px;top:8px;right:0;margin-right:-202px;
background:#F0F0F0 url(http://uploads.ru/i/S/z/t/Sztn3.png) 4px 2px no-repeat;
transition-duration: 0.33s;
-webkit-transition-duration: 0.33s;
-moz-transition-duration: 0.33s;
-o-transition-duration: 0.33s;
width:230px;
}
#JampPanel .container{
padding:12px;
height:400px;
width:100%;margin:-1px 0 0 30px;
}
#Zaslonyalka{ /*�� container*/
position:absolute;
height:190px;width:14px;
background-color:#F0F0F0;
margin:-12px 0 0 -18px;
}
</style>
<div id=JampPanel>
<div class=container>
<div id=Zaslonyalka></div>
��
</div>
</div>

�� css-��

mybb@mybb.ru (��) — Sun, 24 Nov 2013 14:35:28 +0400

�� , �� ?
��...

��

mybb@mybb.ru (��) — Sun, 24 Nov 2013 14:32:35 +0400

�� ?
�� ?
�� ?
�� ?
� �� ...

��

mybb@mybb.ru (��) — Sun, 24 Nov 2013 14:11:45 +0400

��:

[b]0. ������ �� �����:[/b]

[u]�������[/u]
[b]1. ������ ������[/b]
[b]2. ������ �����[/b]
[b]3. ������ ���������[/b]

[u]�����[/u]
[b]1. �������� ����� ������:[/b]
[b]2. �������� � �������� ��� ����� ������:[/b] 
[b]3. �������� � �������� ��� ����:[/b] 
[b]4. �������� �������� ������ (�� ������� - ��������):[/b] 
[b]5. �������� � �������� ��� ���������:[/b] 
[b]6. �������� �������� ��������� (�� ������� - ��������):[/b] 
[b]7. �������� ������ ������ (�� ������� - ��������):[/b]

��

mybb@mybb.ru (��) — Sun, 24 Nov 2013 14:00:37 +0400

� �� ,
�� , � �� .

��

mybb@mybb.ru (��) — Sun, 24 Nov 2013 13:59:49 +0400

� �� , � ��
- �� , �� , �� .�.
- ��
- ��
- �� ForumDesign TS � � ��
- ��
- ��/�� , ��
- �� /�� /��
- ��
- �� -��
....� ��

�� , ��

mybb@mybb.ru (��) — Sun, 24 Nov 2013 13:55:04 +0400

�� .
�� , �� , �� .
�� , �� .
�� -�� .

��

mybb@mybb.ru (��) — Sun, 24 Nov 2013 13:49:46 +0400

�� 1. �� .

1. �� , �� , �� , �� "�� " �� -�� .
2. �� .
2.1 �� , �� .
2.2 �� : �� - �� , �� - ��.
3. �� , � �� .
4. � �� , �� , � �� .
5. �� , �� , �� .
6. �� , � �� , �� .
7. �� .
8. ��, �� , �� .
��: �� , �� , �� , �� .
9. �� -�� -�� , �� .
10. �� -�� , � �� .
11. �� .
�� 2. �� .

�� ,
�� , �� :
�� -
� �� ,
� ��
�� .
(�) ��, "�� "

1. �� - �� .
�� , �� . �� , �� , � �� . �� , �� , �� .
2. �� .
�� : �� , �� , �� "�� " - �� , �� .
�� . �� : � ��, � ��, � �� - � �� .
3. �� - �� , � �� .
�� , �� , �� , �� . �� (� �� ) �� (� �� -��) � �� , �� FAQ ��, �� .
��, �� , �� , �� - �� , �� -��, �� .
4. �� - �� .
�� : �� , �� , � �� .
�� , �� , �� . �� , �� , �� , � �� , � �� - �� , �� - �� , � �� , �� .
�� , �� -�� (�� ) - �� , �� (� �� - ��), �� , �� . �� - �� "�� ", �� .
5. �� - �� , �� .
�� - �� .
� �� , �� "�� ". �� , �� - �� .
�� - �� . �� , �� , �� .
�� .
�� , �� , �� - � ��.
6. �� .
�� , �� , �� , � �� "�� ".
�� , �� , ��, �� , �� .�.
�� - �� , � �� , �� .
7. �� - �� .
�� , �� , �� .
�� , �� , � �� , � �� - �� , �� FAQ �� , �� , � �� .
�� , �� . �� - �� , �� .
8. �� .
�� (�� 5-7 ��) � �� . �� , �� - ��, �� , ��-�� .
�� , �� , �� , �� , �� .
�� , �� , � �� , �� "��" - �� . �� , �� /�� .
�� 3. �� .
1. �� - �� .
�� , �� , �� . �� . �� , �� , �� .
2. �� - �� .
�� , �� .
��, �� . � �� , �� , �� .
3. ��
�� "�� " �� "�� " �� , �� . �� .
4. �� - �� .
�� . �� . �� , �� .
�� : �� , �� - �� .
5. �� .
�� . �� , �� , �� . (��. �.2 �.7)
�� - �� : �� , �� , �� , �� , �� .�.

�������� ������

������� �����

Anime red

����

���������� �� ����������.

���������� �� ����� ����� � �����������

�������-��������� - Slidorion

������� � ���� ������ ����������

������ �������� ����-�����

��������� � ��������� ��� ����������

������������ ������� �� ����� �� �������� OnLine/OffLine

������/�����/O��� �� �����, ����������, ����������� � ���������

������� ���������� ������� � �������

������� � �������, ������ � �����������

������/����� �� ������� css #1

�������������� ����� � ���������� ����� ������ (MyBB)

����������� ��� �� �����/����

���������� ������ "��������"

JampPanel - ���������

������ css-�����

����� ����� ���������� �������

������

������� � ����������

������ � ��������������

������� � �������, ������ � �����������

������� � ������ ����� ��� ����������� � ���������������

��

��

��

�� .

��

��-�� - Slidorion

��

�� -��

��

�� OnLine/OffLine

��/��/O�� , ��, ��

��

�� , ��

��/�� css #1

�� (MyBB)

�� /��

�� "��"

JampPanel - ��

�� css-��

��

��

��

��

�� , ��

��