оффтоп

Страница: « 1 … 28 29 30 31 32 … 38 »

Ответить

Сообщений 291 страница 300 из 379

Поделиться29101.12.10 05:06

Автор: AneCHka
Призрак
Последний визит:
20.03.11 07:53
Уважение: 0

Bagira
Диз про дневники вампира сюда!
http://vampirsrolka.forumbb.ru/

Цитировать Сообщение 291

Поделиться29202.12.10 21:46

Автор: Stasy_14
Призрак
Последний визит:
10.12.11 17:45
Уважение: 0

zlango
беру стиль для ролевой http://vampirenew.mybb.ru/

Цитировать Сообщение 292

Поделиться29305.12.10 15:02

Автор: Nasty Nasty
Призрак
Последний визит:
23.04.11 16:41
Уважение: +1

bagira написал(а):

#3. Дневники вампира.

http://www.10pix.ru/img1/3083/2680991.th.jpg

х. Стиль разрешается использовать на неограниченном колличестве форумов.
х. Кнопку форума над "Баннерами" удалять запрещается.
х. Берете стиль - обязательно отправляйте сообщение с ссылкой на форум мне в ЛС. Поставите плюсик, мне будет приятно.

Код:

Структура style.css

Выделить код

/*************************************************************
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, Tahoma, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
}

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

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

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

/
/*.punbb .category th{
}
*/
.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: auto;
position: relative;
width: 938px;
}

/* A5.2 */
.punbb {
float: left;
width: 100%;
height: auto;
}

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

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

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

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

/* 5.7 */
#pun-post .topic {
margin-top: 1em;
}

/* A5.8 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
border-style: dotted dotted dotted dotted;
border-width: 0px 0px 0px 0px
}

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

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

#pun-main h2 {
padding: 0.6em 1em;
border-style: none solid none solid;
border-width: 0px 1px 0px 1px;
}

/* A 5.11 E`e^i^i'e^e` i`a*i'? i'a`a^e`a~a`o"e`e` */
#pun-navlinks li {padding-left: 10px; padding-bottom: 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: 1px solid #888;
width: 250px;
margin: 5px 0;
}

/* B1.3 */
.punbb .post-content p {
margin: 0;
padding: 0 0 1em 0;
line-height: 150%;
}

/* B1.4 */
.punbb .post-content img {
vertical-align: text-bottom
}

/* B1.5 */
.punbb .post-content img.postimg {
vertical-align: middle;
}

/* B1.6 */
.punbb .post-content .blockcode, .punbb .post-content blockquote {
width: 100%;
overflow: hidden;
}

/* B1.7 */
.punbb .post-content .scrollbox {
width: 100%;
overflow: auto;
}

/* B1.8 */
.punbb .post-content .quote-box, .punbb .post-content .code-box {
margin: 0.4em 1.8em 1.4em 1.8em;
padding: 1em;
border-style: solid;
border-width: 1px;
}

/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
display: block;
padding-bottom: 0.7em;
font-size: 1.1em;
font-weight: bold;
font-style: normal;
margin: 0;
}

/* B2 Information boxes
-------------------------------------------------------------*/

/* B2.1 */
.punbb .info-box {
padding: 1.1em 1.7em 1em 1.7em;
border-style: solid;
border-width: 1px;
margin: 0 0 1.1em 0;
}

/* B2.2 */
.punbb .info-box * {
padding: 0 0 0.7em 0;
}

/* B2.3 */
.punbb #pun-main .info-box .legend {
font-size: 1.1em;
font-weight: bold;
}

/* B3 Pagination and posting links
-------------------------------------------------------------*/

/* B3.1 */
.punbb .linkst {
float: left;
position: relative;
width: 100%;
font-size: 1.1em;
height: 0;
}

/* B3.2 */
.multipage {
margin-top: 3em;
}

/* B3.3 */
.linkst .pagelink {
position: absolute;
top: -4em;
left: 1em;
width: 24em;
}

/* B3.4 */
.linkst .postlink {
position: absolute;
top: -4em;
right: 1em;
width: 16em;
text-align: right;
font-weight: bold;
}

/* B3.5 */
.punbb .linksb {
text-align: right;
padding: 0.4em 1em 0.5em 1em;
font-size: 1.1em;
}

/* B3.6 */
.linksb .pagelink {
float: left;
width: 24em;
text-align: left;
}

/* B3.7 */
.linksb .postlink {
float: right;
width: 16em;
font-weight: bold
}

/* B3.8 */
.subscribelink {
clear:both;
padding-top: 0.3em;
padding-bottom: 0.5em;
}

/*************************************************************
C - MAIN CONTENT - SPECIFIC
**************************************************************/

/* C1 Form layout
-------------------------------------------------------------*/

/* C1.1 */
.punbb .formal .container {
padding: 1.7em 2.3em 1.1em 2.3em;
}

/* C1.2 */
.punbb .formsubmit {
padding: 0 0 0 1.7em;
margin: 1em 0 0 0;
}

/* C1.3 */
.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {
margin: 0 0.6em 0 0
}

/* C1.4 */
.punbb fieldset {
border-style: solid;
border-width: 1px;
padding: 0 18px 0 18px;
margin: 0 0 1em 0
}

/* C1.5 */
.punbb fieldset legend {
padding: 0;
margin: 0 0 0 11px;
font-size: 1.1em
}

/* C1.6 */
.punbb fieldset legend span {
padding: 0 5px;
margin: 0 0 0 -15px;
}

/* C1.7 */
.punbb fieldset fieldset {
border-style: none;
margin: 0;
padding: 0 0 8px 0
}

/* C1.8 */
.punbb .fs-box {
padding: 1em 0 0.8em 0;
}

/* C1.9 */
.punbb .fs-box p, .punbb .fs-box fieldset {
padding: 0 0 0.8em 0
}

/* C1.10 */
.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield {
float: left;
margin-right: 1em;
}

/* C1.11 */
.punbb .inline .infofield {
clear:both
}

/* C1.12 */
.punbb .datafield br {
display: none
}

/* C1.13 */
.punbb .required label, .punbb .datafield span.input {
font-weight: bold
}

/* C1.14 */
.punbb .datafield span.input a {
font-weight: normal;
}

/* C1.15 */
.punbb .areafield span.input, .punbb p.longinput span.input {
display: block;
padding: 0 4em 0 0;
height: 100%; /* For IE */
}

/* C1.16 */
.punbb textarea, .punbb .longinput input {
width: 64%;
margin: 0;
}

/* C1.17 */
.punbb .hashelp {
position: relative;
}

/* C1.18 */
.punbb .helplinks {
display: block;
position: absolute;
top: 1em;
right: 0;
font-weight: normal;
width: 36%;
}

/* c1.19 */
.punbb #profile .helplinks {
top: 1.5em;
}

/* C1.20 */
.punbb .helplinks span {
display: block;
padding-bottom: 0.2em;
}

.punbb .helplinks span INPUT {
margin: 0px 2px 2px 0px;
}

/* C1.21 */
#pun-post .formal .info-box li {
padding-left: 4px;
list-style-type: square;
list-style-position: inside;
line-height: 1.5;
margin: 0;
}

/* C2 Table layout
-------------------------------------------------------------*/

/* C2.1 */
.punbb .main .tcl {
overflow: hidden;
text-align: left;
width: 50%;
}

/* C2.2 */
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
text-align: center;
width: 10%;
}

/* C2.3 */
.punbb .main .tcr {
overflow: hidden;
text-align: left;
width: 30%;
}

/* C2.4 */
#pun-userlist .main .tcl,
#pun-searchtopics .main .tcl,
#pun-modviewforum .main .tcl {
width: 40%
}

/* C2.5 */
#pun-userlist .main .tc2,
#pun-searchtopics .main .tc2 {
text-align: left;
width: 20%;
}

/* C2.6 */
#pun-debug table .tcl {
width: 15%;
white-space:normal;
}

/* C2.7 */
#pun-debug .tcr {
width: 90%;
white-space: normal;
}

/* C2.8 */
#pun-index .tcl h3 {
font-size: 1.2em;
font-weight: bold;
}

/* C2.9 */
.punbb td span.youposted {
font-weight: bold;
margin-left: -1em;
position: absolute;
}

/* C2.10 */
.punbb td .modlist {
display: block;
padding-top: 0.3em
}

/* C2.11 */
.punbb .main td {
border-style: solid none none solid;
border-width: 1px 0 0 1px;
padding: 0.8em 1em;
}

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

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

/* C2.15 */
.punbb div.icon {
float: left;
display: block;
height: 100px;
width: 100px;
margin-left: 7px;
margin-right: 17px;
}

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

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

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

/* C3.3 */
.punbb .post h3 span {
border-left: 1px solid #1A1A1A;
padding: 0.5em 1em;
display: block;
margin-left: 19em;
}

/* C3.4 */
.punbb .post h3 strong {
float: right;
width: 5em;
text-align: right;
font-weight: normal;
}

/* C3.5 */
.punbb .post .post-author {
float: left;
width: 19em;
margin-top: -1.8em;
overflow: hidden;
}

.punbb .post li.pa-author {
padding-bottom: 1.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;
}

/* C3.8 */
.pa-author a {
text-decoration: underline
}

/* C3.9 */
li.pa-title {
padding-bottom: 0em;
}

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

/* C3.11 */
.punbb .post-body {
margin-left: 19em;
border-left-style: solid;
border-left-width: 1px;
padding: 0 0 1px 0;
}

/* C3.12 */
.punbb .post-box {
padding: 1em;
}

/*C3.13 */
.punbb fieldset .post-box {
margin-bottom: 0.8em
}

/* C3.14 */
.punbb .post-links {
margin-left: 19em;
border-left-style: solid;
border-left-width: 1px;
}

/* C3.15 */
.punbb .post-links ul {
padding: 0 1em 0 0;
height: 2em;
line-height: 2em;
margin-left: -19em;
border-top-style: dashed;
border-top-width: 1px;
background: transparent;
text-align: right;
}

/* C3.16 */
.punbb .post-links li {
display: inline;
padding-left: 1em;
}

/* C3.17 */
.pl-email, .pl-website {
float: left;
}

/* C3.18 */
.punbb .clearer {
clear: both;
height: 0;
font-size: 0;
}

/* C4 Moderator menu
-------------------------------------------------------------*/

/* C4.1 */
.punbb .modmenu .container {
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;
}

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

/* C6.5 */
#viewprofile h2, #profilenav h2 {
background: transparent;
border: none;
padding: 0 0 0 0;
margin: 0 14px -0.6em 14px;
}

/* C6.6 */
#viewprofile h2 span, #profilenav h2 span {
padding: 0 5px;
position: relative;
}

/* C6.7 */
#viewprofile li, #setmods dl {
padding: 0 0 0 16em;
margin-bottom: 0.2em;
}

/* C6.8 */
#viewprofile li span {
float: left;
width: 14em;
margin-left: -16em;
padding: 0.5em 1em;
font-weight: bold;
}

/*C6.9 */
#setmods dt {
float: left;
width: 14em;
margin-left: -16em;
padding: 0.8em 1em;
font-weight: bold;
display: inline;
}

/* C6.10 */
#viewprofile li strong, #viewprofile li div, #setmods dd {
display: block;
padding: 0.5em 1em;
font-weight: normal;
}

/* C6.11 */
.punbb img.avatardemo {
float: right;
margin: 0 0 0.8em 1.8em
}

/* C7 User list
-------------------------------------------------------------*/

/* C7.1 */
#pun-userlist .formal, #pun-userlist .formal .container {
border-bottom: none;
margin-bottom: 0;
}

/* C7.2 */
#pun-userlist .usertable .container {
padding: 0 2.3em 2.3em 2.3em;
border-top: none;
}

/* C7.3 */
#pun-userlist .usertable table {
border-style: solid;
border-width: 1px;
}

/*************************************************************
D - PUNBB SECTIONS OTHER THAN MAIN CONTENT
**************************************************************/

/* D1 Logo and description
-------------------------------------------------------------*/
/* D1.1 */
#pun-title {
margin: 0;
border-style: solid solid none solid;
border-width: 1px 1px 0 1px;
}

/* D1.2 */
#pun-title h1 {
display : block;
height : 512px;
padding: 2em 5em 0 1em;
}

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

/* D1.4 */
#pun-title h1 span {
font-size: 1.5em;
}

#pun-title table {
border: none;
height: 500px;
width: 100%;
}

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

#pun-title td.title-logo-tdr {
border: none;
width: 1000px;
}

/* D2 Page navigation
-------------------------------------------------------------*/

/* D2.1 */
#pun-pagelinks {
position: absolute;
top: -15px;
left: 0;
margin: 0;
border: none;
padding: 0;
width: 100%;
}

/* D2.2 */
#pun-pagelinks .container {
background: transparent;
border: none;
padding: 0
}

/* D2.3 */
#pun-pagelinks .container li {
display: inline
}

/* D2.4 */
#pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover {
height: 2em;
line-height: 2em;
padding: 0;
font-size: 1.2em;
margin-left: -9999px;
display: block;
float:left;
width: 100%;
}

/* D2.5 */
#pun-pagelinks a:active, #pun-pagelinks a:focus {
position:relative;
margin: 0;
}

#pun-pagelinks li a span {
display:block;
margin: 0 1em
}

/* D3 Forum navigation
-------------------------------------------------------------*/

/* D3.1 */
#pun-navlinks, #pun-navlinks .container {
border-style: none;
border-width: 0;
margin: 0;
text-align: center;
}

/* D3.2 */
#pun-navlinks .container {
padding: 0.7em 1em;
}

/* D.3 */
#pun-navlinks li {
display: inline;
padding-right: 1em;
}

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

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

/* D4.1 */
#pun-ulinks {
margin-top: 0;
text-align: center;
}

/* D4.2 */
#pun-ulinks .container {
border-top: none;
padding: 0.7em 1em;
}

/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
display: inline;
border-left-style: solid;
border-left-width: 1px;
white-space: nowrap;
}

/* D4.4 */
#pun-ulinks li a {
padding: 0 0.3em 0 0.6em
}

/* D4.5 */
#pun-ulinks li.item1, #pun-ulinks li.item1 a {
border-left-style: none;
border-left-width: 0;
padding-left: 0
}

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

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

/* D5.2 */
#pun-status .container {
padding: 0.8em 1em 1em 1em;
}

/* D5.3 */
#pun-status span {
white-space: nowrap;
margin-right: 0.5em;
}

/* D5.4 */
#pun-crumbs1 {
font-weight: bold;
overflow: hidden;
margin-top: 0;
}

/* D5.5 */
#pun-crumbs1 p.container {
border-top: none;
padding: 1em 1em 0.8em 1em;
font-size: 1.1em;
}

/* D5.6 */
#pun-break1 {
margin: 0 1em;
border-style: solid none;
border-width: 1px 0;
height: 0;
margin: -2px 1em;
position: relative;
z-index: 1;
}

/* D6 Announcement
-------------------------------------------------------------*/

/* D6.1 */
#pun-announcement h2 {
padding: 0;
margin: 0 1em -3.5em 1em;
border-style: none none solid none;
border-width: 0 0 1px 0;
position: relative;
font-weight: bold;
}

/* D6.2 */
#pun-announcement h2 span {
display: block;
padding: 1em 0 0.8em 0;
border-bottom-style: solid;
border-bottom-width: 1px;
}

/* D6.3 */
#pun-announcement .container {
padding: 4.3em 1em 1em 1em;
}

/* D7 Statistics
-------------------------------------------------------------*/

/* D7.1 */
#pun-stats .container {
padding: 0.8em 1em
}

/* D7.2 */
#pun-stats li.item1, #pun-stats li.item2 {
float: left;
clear: both;
line-height: 150%;
}

/* D7.3 */
#pun-stats li.item3, #pun-stats li.item4 {
text-align: right;
line-height: 150%;
}

/* D7.4 */
li#onlinelist {
margin-top: 1em;
border-top-style: solid;
border-top-width: 1px;
float: left;
width: 100%;
line-height: 130%;
}

/* D7.5 */
li#onlinelist div {
border-top-style: solid;
border-top-width: 1px;
padding: 0.7em 0 0 0;
}

/* D8 Quick Jump - About - Bottom Breadcrumbs
-------------------------------------------------------------*/

/* D8.1 */
#pun-qjump {
margin: 0;
border: none;
width: 50%;
position: relative;
float: left;
}

/* D8.2 */
#pun-qjump .container {
border: none;
background: transparent;
padding: 0.8em 1em;
}

/* D8.3 */
#pun-about {
margin-top: 0;
}

/* D8.4 */
#pun-about .container {
border-top-style: none;
text-align: right;
line-height: 150%;
padding: 0.8em 1em;
}

/* D8.5 */
#pun-about p span {
display:block;
padding-left: 50%;
}

/* D8.6 */
#pun-crumbs2 {
font-weight: bold;
overflow: hidden;
margin-bottom: 0;
border-bottom: none;
}

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

/* D8.8 */
#pun-break4 {
margin: -2px 1em;
border-style: solid none;
border-width: 1px 0;
position: relative;
height: 0;
z-index: 1;
}

/* D8.9 */
div.punbb-admin #pun-about .container {
border-top-style: solid;
border-top-width: 1px;
}

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

/* D9.1 */
#pun-help .formal .info-box h3.legend {
border-bottom-style: solid;
border-bottom-width: 1px;
padding-bottom: 0;
margin-bottom: 0.8em;
}

/* D9.2 */
#pun-help .formal .info-box h3.legend span {
padding-bottom: 0.6em;
display: block;
border-bottom-style: solid;
border-bottom-width: 1px;
font-size: 1.1em;
}

/* D9.3 */
#pun-help .formal p, #pun-help .formal dd {
margin-bottom: 1em
}

/* D9.4 */
#pun-help .formal ul, #pun-help .formal dl {
padding: 0 0 0 1em
}

/* D9.5 */
#pun-help .formal li {
padding: 0;
line-height: 130%
}

/* D9.6 */
#pun-help .formal li * {
vertical-align: text-top
}

/* D9.7 */
#pun-help .formal dt span {
font: 1.4em/120% monaco, "bitstream vera sans mono", "courier new", courier, monospace
}

/* D9.8 */
#pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode {
padding-bottom: 0;
}

Цвета style_cs.css

Выделить код

body {
background-image: url("http://xmages.net/storage/10/1/0/4/b/upload/fe18a1a9.jpg"); background-attachment: fixed; background-position: top center;
}

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

body {
background-color: #000000;
}

/* 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: #D6CDCE;
color: #231016;
}

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

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
background-color: #D6CDCE;
color: #000000;
font-weight: bold;
font-style: normal;

}

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
background-image: url(http://xmages.net/storage/10/1/0/e/1/up … 567409.jpg);
background-repeat: no-repeat; background-position: center top;
color: #000000;
}

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

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

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
background-color: #C6BDBE;
color: #231016
}

/* CS1.8 */
#pun-navlinks .container {
background-color: #000000;
color: #D6CDCE;
}

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

.punbb textarea, .punbb select, .punbb input {
background-color: #D6CDCE;
color: #231016
}

/* CS2 Border colours
-------------------------------------------------------------*/

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
border-color: #D6CDCE #D6CDCE #D6CDCE #000000; border-style:none !important;
}

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
border-color: #000000; border-style:none !important;
}

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
border-color: #D6CDCE; border-style:none !important;
}

/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
border-color: #D6CDCE; border-style:none !important;
}

/* CS2.5 */
.punbb th {
border-color: #D6CDCE; border-style:none !important;
}

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
border-color: #B6ADAE #F6EDEE #F6EDEE #B6ADAE; border-style:none !important;
}

#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
border-color: #B6ADAE; border-style:none !important;
}

#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
border-color: #F6EDEE; border-style:none !important;
}

.punbb .divider {
border-color: #B6ADAE #F6EDEE #F6EDEE #F6EDEE; border-style:none !important;
}

.punbb .formal fieldset .post-box, .punbb .info-box {
border: 1px solid #dedfdf; border-style:none !important;
}

li.pa-online {
border-left-color: #000000; border-style:none !important;
}

.punbb .post-sig dt {
border-top-color: #D6CDCE !important; border-style:none !important;
}

/* CS3 Links
-------------------------------------------------------------*/

/* CS3.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
color: #231016;
border-bottom: 0px none #000;
text-decoration: none;

}

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

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

}

/* CS3.3 */
#pun-navlinks a {
color: #D6CDCE;
font-weight: bold;
border-bottom: 0px none #000;
text-decoration: none;

}

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
color: #D6CDCE;
font-weight: bold;
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: url(http://xmages.net/storage/10/1/0/3/d/up … ab8dc3.png) no-repeat;
}

.newtext {display:none}
tr.inew div.icon {
background: url(http://xmages.net/storage/10/1/0/3/d/up … f5e35e.png) no-repeat;
}

.closedatafield {display: none;}
tr.iclosed div.icon {
background: url(http://xmages.net/storage/10/1/0/3/d/up … 4829d4.png) no-repeat;
}

.stickytext {display:none}
tr.isticky div.icon {
background: url(http://xmages.net/storage/10/1/0/3/d/up … e9bbec.png) no-repeat;
}

#pun-main div.catleft, #pun-main div.catright {display: none}

HTML верх

Выделить код

<style> #pun-title table tbody tr .title-logo-tdr {position: absolute; left: 500px; top: 5px
}
</style>

<style type="text/css">
#pun-navlinks .container {
padding-top : 4px;
background-image : url(http://xmages.net/storage/10/1/0/9/0/up … eee1c4.png);
font-weight: bold;
text-align: center;
text-color : #231016;
}
</style>

HTML низ

Выделить код

<style type="text/css">
#pun-index #pun-stats h2
{
width: 916px;
height: 50px;
color : #D6CDCE;
text-align: right;
background-image : url(http://xmages.net/storage/10/1/0/2/1/up … 07d7d9.png);
html, body {background-repeat: no-repeat;
}
</style>

<style type="text/css"> #pun-main h2 {
width: 916px;
height: 56px;
color : #000000;
text-align: center;
background-color : transparent; background-image : url(http://xmages.net/storage/10/1/0/2/1/up … e3800f.png);
html, body {background-repeat: repeat-x;
}
</style>

<center>
<a href="http://bennington.mybb.ru/" target="_blank"><img src="http://xmages.net/storage/10/1/0/a/0/upload/2e86d627.png" alt="image hosting blogs journals" /></a>
<div class="main" id="spo_all"><div class="category" id="spo_top" onclick="obj=this.parentNode.childNodes[1].style; tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;"><a href="http://pixs.ru/?r=369273"><img src="http://xmages.net/storage/10/1/0/6/c/upload/67904833.png" border="0" alt="Image Hosted by pixs.ru" /></a></div><div id="spoiler4" style="display: none">

- коды баннеров размещать здесь -

</div></div>
<center/>

<script type="text/javascript">
var we=document.getElementsByTagName("ul")
var x=0
for (x=0; x<=(we.length-1); x++)
{if (we[x].innerHTML.indexOf("pa-online")!=-1)
{we[x].innerHTML=we[x].innerHTML.substring(0, (we[x].innerHTML.indexOf("pa-online")-11))+"<img src='http://xmages.net/storage/10/1/0/8/f/upload/4892e4a0.png' />"
}
else if ((we[x].innerHTML.indexOf("pa-online")==-1)&&(we[x].innerHTML.indexOf("pa-author")!=-1))
{we[x].innerHTML=we[x].innerHTML+"<img src='http://xmages.net/storage/10/1/0/8/f/upload/f723ea55.png' />"
}
}
</script>

<script>

</script>
<script>

</script>
<script>

</script>
<script>

</script>
<script>

</script>
<script>

</script>
<script>

</script>
<script>

</script>
<script>

</script>
<script>

</script>

Используется на форумах:
http://newbeginning.mybb.ru/
http://newdv.rolka.su/

Отредактировано bagira (20.11.2010 23:11:06)

можно его сюда?:
http://salvatorebrothers.mybb.ru/

Цитировать Сообщение 293

Поделиться29413.12.10 16:59

Автор: Amaya
КотЭ
Последний визит:
06.02.14 21:49
Уважение: +152

Автор: Зелена
Размер: 80*80

Бабочки

Котята

Цветы 1

Цветы 2

Дракончики

Глаз

Размер: 70*90

Драконы

Подпись автора

Цитировать Сообщение 294

Поделиться29513.12.10 17:40

Автор: Amaya
КотЭ
Последний визит:
06.02.14 21:49
Уважение: +152

Предыдущий владелец - Призрак

верх

<img id="Mylogo" src="http://s55.radikal.ru/i147/1006/fe/cd7f0113fa72.png">
<style type="text/css">
#Mylogo {width: 97%; margin: 0 0 0 0;}
</style>
<style>
*{border-style: none !important;}
</style>
<style>
#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 880px; top: 230px
</style>

низ

<script type="text/javascript">
var we=document.getElementsByTagName("ul")
var x=0
for (x=0; x<=(we.length-1); x++)
{if (we[x].innerHTML.indexOf("pa-online")!=-1)
{we[x].innerHTML=we[x].innerHTML.substring(0, (we[x].innerHTML.indexOf("pa-online")-11))+"<img src='http://s51.radikal.ru/i134/1006/46/c9dac1af4df9.png' />"}
else if ((we[x].innerHTML.indexOf("pa-online")==-1)&&(we[x].innerHTML.indexOf("pa-author")!=-1))
{we[x].innerHTML=we[x].innerHTML+"<img src='http://s58.radikal.ru/i161/1006/ab/a7717b268012.png' />"}
}
</script>

структура и цвета

структура

Код:

/*************************************************************
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, Tahoma, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
  }

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


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

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

/
/*.punbb .category th{
}
*/
.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: auto;
  width : 800px;
  padding: 0px 0px 0px 12px;
  position: relative;
  }



/* A5.2 */
.punbb {
  float: left;
  width: 100%;
  height: auto;
  }

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

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

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

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

/* 5.7 */
#pun-post .topic {
  margin-top: 1em;
  }

/* A5.8 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-style: 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 {
  text-align: center;
  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: 1px solid #888;
  width: 250px;
  margin: 0px 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: bold;
  font-style: normal;
  margin: 0;
  }

/* B2 Information boxes
-------------------------------------------------------------*/

/* B2.1 */
.punbb .info-box {
  padding: 1.1em 1.7em 1em 1.7em;
  border-style: solid;
  border-width: 1px;
  margin: 0 0 1.1em 0;
  }

/* B2.2 */
.punbb .info-box * {
  padding: 0 0 0.7em 0;
  }

/* B2.3 */
.punbb #pun-main .info-box .legend {
  font-size: 1.1em;
  font-weight: bold;
  }


/* B3 Pagination and posting links
-------------------------------------------------------------*/

/* B3.1 */
.punbb .linkst {
  float: left;
  position: relative;
  width: 100%;
  font-size: 1.1em;
  height: 0;
  }

/* B3.2 */
.multipage {
  margin-top: 3em;
  }

/* B3.3 */
.linkst .pagelink {
  position: absolute;
  top: -4em;
  left: 1em;
  width: 24em;
  }

/* B3.4 */
.linkst .postlink {
  position: absolute;
  top: -4em;
  right: 1em;
  width: 16em;
  text-align: right;
  font-weight: bold;
  }

/* B3.5 */
.punbb .linksb {
  text-align: right;
  padding: 0.4em 1em 0.5em 1em;
  font-size: 1.1em;
  }

/* B3.6 */
.linksb .pagelink {
  float: left;
  width: 24em;
  text-align: left;
  }

/* B3.7 */
.linksb .postlink {
  float: right;
  width: 16em;
  font-weight: bold
  }

/* B3.8 */
.subscribelink {
  clear:both;
  padding-top: 0.3em;
  padding-bottom: 0.5em;
  }


/*************************************************************
C - MAIN CONTENT - SPECIFIC
**************************************************************/

/* C1 Form layout
-------------------------------------------------------------*/

/* C1.1 */
.punbb .formal .container {
  padding: 1.7em 2.3em 1.1em 2.3em;
  }

/* C1.2 */
.punbb .formsubmit {
  padding: 0 0 0 1.7em;
  margin: 1em 0 0 0;
  }

/* C1.3 */
.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {
  margin: 0 0.6em 0 0
  }

/* C1.4 */
.punbb fieldset {
  border-style: solid;
  border-width: 1px;
  padding: 0 18px 0 18px;
  margin: 0 0 1em 0
  }

/* C1.5 */
.punbb fieldset legend {
  padding: 0;
  margin: 0 0 0 11px;
  font-size: 1.1em
  }

/* C1.6 */
.punbb fieldset legend span {
  padding: 0 5px;
  margin: 0 0 0 -15px;
  }

/* C1.7 */
.punbb fieldset fieldset {
  border-style: none;
  margin: 0;
  padding: 0 0 8px 0
  }

/* C1.8 */
.punbb .fs-box {
  padding: 1em 0 0.8em 0;
  }

/* C1.9 */
.punbb .fs-box p, .punbb .fs-box fieldset {
  padding: 0 0 0.8em 0
  }

/* C1.10 */
.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield {
  float: left;
  margin-right: 1em;
  }

/* C1.11 */
.punbb .inline .infofield {
  clear:both
  }

/* C1.12 */
.punbb .datafield br {
  display: none
  }

/* C1.13 */
.punbb .required label, .punbb .datafield span.input {
  font-weight: bold
  }

/* C1.14 */
.punbb .datafield span.input a {
  font-weight: normal;
  }

/* C1.15 */
.punbb .areafield span.input, .punbb p.longinput span.input {
  display: block;
  padding: 0 4em 0 0;
  height: 100%; /* For IE */
  }

/* C1.16 */
.punbb textarea, .punbb .longinput input {
  width: 64%;
  margin: 0;
  }

/* C1.17 */
.punbb .hashelp {
  position: relative;
  }

/* C1.18 */
.punbb .helplinks {
  display: block;
  position: absolute;
  top: 1em;
  right: 0;
  font-weight: normal;
  width: 36%;
  }

/* c1.19 */
.punbb #profile .helplinks {
  top: 1.5em;
  }

/* C1.20 */
.punbb .helplinks span {
  display: block;
  padding-bottom: 0.2em;
  }

.punbb .helplinks span INPUT {
  margin: 0px 2px 2px 0px;
}

/* C1.21 */
#pun-post .formal .info-box li {
  padding-left: 4px;
  list-style-type: square;
  list-style-position: inside;
  line-height: 1.5;
  margin: 0;
  }


/* C2 Table layout
-------------------------------------------------------------*/

/* C2.1 */
.punbb .main .tcl {
  overflow: hidden;
  text-align: left;
  width: 50%;
  }

/* C2.2 */
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
  text-align: center;
  width: 10%;
  }

/* C2.3 */
.punbb .main .tcr {
  overflow: hidden;
  text-align: left;
  width: 30%;
  }

/* C2.4 */
#pun-userlist .main .tcl,
#pun-searchtopics .main .tcl,
#pun-modviewforum .main .tcl {
  width: 40%
  }

/* C2.5 */
#pun-userlist .main .tc2,
#pun-searchtopics .main .tc2 {
  text-align: left;
  width: 20%;
  }

/* C2.6 */
#pun-debug table .tcl {
  width: 15%;
  white-space:normal;
  }

/* C2.7 */
#pun-debug .tcr {
  width: 90%;
  white-space: normal;
  }

/* C2.8 */
#pun-index .tcl h3 {
  font-size: 1.2em;
  font-weight: bold;
  }

/* C2.9 */
.punbb td span.youposted {
  font-weight: bold;
  margin-left: -1em;
  position: absolute;
  }

/* C2.10 */
.punbb td .modlist {
  display: block;
  padding-top: 0.3em
  }

/* C2.11 */
.punbb .main td {
  border-style: solid none none solid;
  border-width: 1px 0 0 1px;
  padding: 0.8em 1em;
  }

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

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

/* C2.15 */
.punbb div.icon {
  float: left;
  display: block;
  height: 55px;
width: 85px;
margin-left: 0px;
margin-right: 0px;
}

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

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

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

/* C3.3 */
.punbb .post h3 span {
  border-left: 1px solid #1A1A1A;
  padding: 0.5em 1em;
  display: block;
  margin-left: 19em;
  }

/* C3.4 */
.punbb .post h3 strong {
  float: right;
  width: 5em;
  text-align: right;
  font-weight: normal;
  }

/* C3.5 */
.punbb .post .post-author {
  float: left;
  width: 19em;
  margin-top: -1.8em;
  overflow: hidden;
  }

.punbb .post li.pa-author {
  padding-bottom: 1.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;
  }

/* C3.8 */
.pa-author a {
  text-decoration: underline
  }

/* C3.9 */
li.pa-title {
  padding-bottom: 0em;
  }


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

/* C3.11 */
.punbb .post-body {
  margin-left: 19em;
  border-left-style: solid;
  border-left-width: 1px;
  padding: 0 0 1px 0;
  }

/* C3.12 */
.punbb .post-box {
  padding: 1em;
  }

/*C3.13 */
.punbb fieldset .post-box {
  margin-bottom: 0.8em
  }

/* C3.14 */
.punbb .post-links {
  margin-left: 19em;
  border-left-style: solid;
  border-left-width: 1px;
  }

/* C3.15 */
.punbb .post-links ul {
  padding: 0 1em 0 0;
  height: 2em;
  line-height: 2em;
  margin-left: -19em;
  border-top-style: dashed;
  border-top-width: 1px;
  background: transparent;
  text-align: right;
  }

/* C3.16 */
.punbb .post-links li {
  display: inline;
  padding-left: 1em;
  }

/* C3.17 */
.pl-email, .pl-website {
  float: left;
  }

/* C3.18 */
.punbb .clearer {
  clear: both;
  height: 0;
  font-size: 0;
  }


/* C4 Moderator menu
-------------------------------------------------------------*/

/* C4.1 */
.punbb .modmenu .container {
        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;
  }

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

/* C6.5 */
#viewprofile h2, #profilenav h2 {
  background: transparent;
  border: none;
  padding: 0 0 0 0;
  margin: 0 14px -0.6em 14px;
  }

/* C6.6 */
#viewprofile h2 span, #profilenav h2 span {
  padding: 0 5px;
  position: relative;
  }

/* C6.7 */
#viewprofile li, #setmods dl {
  padding: 0 0 0 16em;
  margin-bottom: 0.2em;
  }

/* C6.8 */
#viewprofile li span {
  float: left;
  width: 14em;
  margin-left: -16em;
  padding: 0.5em 1em;
  font-weight: bold;
  }

/*C6.9 */
#setmods dt {
  float: left;
  width: 14em;
  margin-left: -16em;
  padding: 0.8em 1em;
  font-weight: bold;
  display: inline;
  }

/* C6.10 */
#viewprofile li strong, #viewprofile li div, #setmods dd {
  display: block;
  padding: 0.5em 1em;
  font-weight: normal;
  }

/* C6.11 */
.punbb img.avatardemo {
  float: right;
  margin: 0 0 0.8em 1.8em
  }


/* C7 User list
-------------------------------------------------------------*/

/* C7.1 */
#pun-userlist .formal, #pun-userlist .formal .container {
  border-bottom: none;
  margin-bottom: 0;
  }

/* C7.2 */
#pun-userlist .usertable .container {
  padding: 0 2.3em 2.3em 2.3em;
  border-top: none;
  }

/* C7.3 */
#pun-userlist .usertable table {
  border-style: solid;
  border-width: 1px;
  }


/*************************************************************
D - PUNBB SECTIONS OTHER THAN MAIN CONTENT
**************************************************************/

/* D1 Logo and description
-------------------------------------------------------------*/

/* D1.1 */
#pun-title {
        border-style: none;
        border-width: 0px;
        margin-bottom: 0px;
}

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

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

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

#pun-title TABLE {
        border: none;
        height: 0pxpx;
        width: 100%;
}

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

#pun-title TD.title-logo-tdr {
        border: none;
         width: 25px;
        vertical-align: top;
        padding-top: 26px;
padding-right: 5px;
}

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

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

/* D3.2 */
#pun-navlinks .container {
padding-top: 12px;
height: 25px;
font-weight:bold;
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: 0;
  }

/* D4.2 */
#pun-ulinks .container {
  border-top: none;
  padding: 0.7em 1em;
  }

/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
  display: inline;
  border-left-style: solid;
  border-left-width: 1px;
  white-space: nowrap;
  }

/* D4.4 */
#pun-ulinks li a {
  padding: 0 0.3em 0 0.6em
  }

/* D4.5 */
#pun-ulinks li.item1, #pun-ulinks li.item1 a {
  border-left-style: none;
  border-left-width: 0;
  padding-left: 0
  }

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

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

/* D5.2 */
#pun-status .container {
  padding: 0.8em 1em 1em 1em;
  }

/* D5.3 */
#pun-status span {
  white-space: nowrap;
  margin-right: 0.5em;
  }

/* D5.4 */
#pun-crumbs1 {
  font-weight: bold;
  overflow: hidden;
  margin-top: 0;
  }

/* D5.5 */
#pun-crumbs1 p.container {
  border-top: none;
  padding: 1em 1em 0.8em 1em;
  font-size: 1.1em;
  }

/* D5.6 */
#pun-break1 {
  margin: 0 1em;
  border-style: solid none;
  border-width: 1px 0;
  height: 0;
  margin: -2px 1em;
  position: relative;
  z-index: 1;
  }

/* D6 Announcement
-------------------------------------------------------------*/

/* D6.1 */
#pun-announcement h2 {
  padding: 0;
  margin: 0 1em -3.5em 1em;
  border-style: none none solid none;
  border-width: 0 0 1px 0;
  position: relative;
  font-weight: bold;
  }

/* D6.2 */
#pun-announcement h2 span {
  display: block;
  padding: 1em 0 0.8em 0;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  }

/* D6.3 */
#pun-announcement .container {
  padding: 4.3em 1em 1em 1em;
  }

/* D7 Statistics
-------------------------------------------------------------*/

/* D7.1 */
#pun-stats .container {
  padding: 0.8em 1em
  }

/* D7.2 */
#pun-stats li.item1, #pun-stats li.item2 {
  float: left;
  clear: both;
  line-height: 150%;
  }

/* D7.3 */
#pun-stats li.item3, #pun-stats li.item4 {
  text-align: right;
  line-height: 150%;
  }

/* D7.4 */
li#onlinelist {
  margin-top: 1em;
  border-top-style: solid;
  border-top-width: 1px;
  float: left;
  width: 100%;
  line-height: 130%;
  }

/* D7.5 */
li#onlinelist div {
  border-top-style: solid;
  border-top-width: 1px;
  padding: 0.7em 0 0 0;
  }

/* D8 Quick Jump - About - Bottom Breadcrumbs
-------------------------------------------------------------*/

/* D8.1 */
#pun-qjump {
  margin: 0;
  border: none;
  width: 50%;
  position: relative;
  float: left;
  }

/* D8.2 */
#pun-qjump .container {
  border: none;
  background: transparent;
  padding: 0.8em 1em;
  }

/* D8.3 */
#pun-about {
  margin-top: 0;
  }

/* D8.4 */
#pun-about .container {
  border-top-style: none;
  text-align: right;
  line-height: 150%;
  padding: 0.8em 1em;
  }

/* D8.5 */
#pun-about p span {
  display:block;
  padding-left: 50%;
  }

/* D8.6 */
#pun-crumbs2 {
  font-weight: bold;
  overflow: hidden;
  margin-bottom: 0;
  border-bottom: none;
  }

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

/* D8.8 */
#pun-break4 {
  margin: -2px 1em;
  border-style: solid none;
  border-width: 1px 0;
  position: relative;
  height: 0;
  z-index: 1;
  }

/* D8.9 */
div.punbb-admin #pun-about .container {
  border-top-style: solid;
  border-top-width: 1px;
  }


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

/* D9.1 */
#pun-help .formal .info-box h3.legend {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  padding-bottom: 0;
  margin-bottom: 0.8em;
  }

/* D9.2 */
#pun-help .formal .info-box h3.legend span {
  padding-bottom: 0.6em;
  display: block;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  font-size: 1.1em;
  }

/* D9.3 */
#pun-help .formal p, #pun-help .formal dd {
  margin-bottom: 1em
  }

/* D9.4 */
#pun-help .formal ul, #pun-help .formal dl {
  padding: 0 0 0 1em
  }

/* D9.5 */
#pun-help .formal li {
  padding: 0;
  line-height: 130%
  }

/* D9.6 */
#pun-help .formal li * {
  vertical-align: text-top
  }

/* D9.7 */
#pun-help .formal dt span {
  font: 1.4em/120% monaco, "bitstream vera sans mono", "courier new", courier, monospace
  }

/* D9.8 */
#pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode {
  padding-bottom: 0;
  }

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

цвета

Код:

#pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 200px; top: 220px
}
#pun-main .quote-box, #pun-main .code-box {color: #000000; background-color: #opacity;background-image : url(http://i055.radikal.ru/1006/df/49bd992466bf.png);background-repeat: repeat; background-position: top right;}

HTML, BODY {background-color: #6499FF; background-image: url(http://i060.radikal.ru/1006/6f/587b7a2b39c1.jpg);
background-attachment: fixed}
#pun {background-color: transparent; color: #000000;
background-image : url("http://i055.radikal.ru/1006/df/49bd992466bf.png");}

.punbb a:link {color: #000000;}
.punbb a:visited {color: #262626;}
.punbb a:hover {color: #262626;}
#pun-navlinks a:link, #pun-navlinks a:visited {color: #000000;}
#pun-navlinks a:hover {color: #262626;}
#pun_wrap #pun #pun-index #pun-about.section .container {background-image: url(" "); }
#pun-navlinks .container {
padding-top : 0px; 
font-weight: bold;
text-align: center;
height: 15px;}
#pun-main .formal textarea {
background-color : #262626;color : #000000;
background-image : url(http://i055.radikal.ru/1006/df/49bd992466bf.png);
}
div.icon {
        background: url(http://s44.radikal.ru/i106/1006/eb/438b65ec478b.png) no-repeat;
}

.newtext {display:none}
tr.inew div.icon {
        background: url(http://s61.radikal.ru/i171/1006/e0/ad999ba5d8d9.png) no-repeat;
}
.closedatafield {display: none;}
tr.iclosed div.icon {
        background: url(http://s60.radikal.ru/i170/1006/9d/08bced3d44a4.png) no-repeat;
}

tr.iredirect div.icon {
        background: url(http://s44.radikal.ru/i106/1006/eb/438b65ec478b.png) no-repeat;

}

tr.isticky div.icon {
        background: url(http://s42.radikal.ru/i095/1006/21/6e7ff2fea78d.png) no-repeat;
}
    #pun #pun-index #pun-stats h2 {
    color : #313131;
    background-color : transparent; background-image : url();
    text-align: center;
    font-weight: bold;height:  px;

    }
#pun-main h2 {
color : #313131;
background-color : transparent; background-image : url();
text-align: center;
font-weight: bold;height: высота px;
background-position: bottom center;
}
#pun-main .post h3 span, #pun-main .post .permalink, #pun-main .post h3 strong{ color : #313131;
background-color : transparent; background-image : url();
text-align: center;
font-weight: bold;height: высота px;
}
#pun .punbb #pun-main h1{ color : #313131;
background-color : transparent; background-image : url();
text-align: center;
font-weight: bold;height: высота px;
}

#pun_wrap #pun #pun-index #pun-main .category .container table thead tr .tc2 {background-image: url(""); }
#pun_wrap #pun #pun-index #pun-main .category .container table thead tr .tc3 {background-image: url(“”); }
#pun_wrap #pun #pun-index #pun-main .category .container table .hasicon .alt1 .tc2 {background-image: url(""); }
#pun_wrap #pun #pun-index #pun-main .category .container table .hasicon .alt2 .tc2 {background-image: url(""); }
#pun_wrap #pun #pun-index #pun-main .category .container table .hasicon .alt1 .tc3 {background-image: url(""); }
#pun_wrap #pun #pun-index #pun-main .category .container table .hasicon .alt2 .tc3 {background-image: url(""); }
#pun_wrap #pun #pun-index #pun-main .category .container table thead tr .tcr {background-image: url(""); background-repeat: no-repeat; background-position: left top; }
#pun_wrap #pun #pun-index #pun-main .category .container table thead tr .tcl {background-image: url(""); background-position: left center; }
#pun_wrap #pun #pun-index #pun-ulinks.section .container {text-align: center;}
#pun_wrap #pun #pun-online .punbb #pun-ulinks .section {text-align: center;}
#pun_wrap #pun #pun-index. punbb .section {text-align: center; }

#pun-title, .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,.punbb .main .container,.punbb .post .container,.punbb .post h3, #pun-stats h2,.punbb .main h1,.punbb .main h2,#pun-title,#pun-title .container,.punbb .modmenu .container,#pun-navlinks .container,.punbb th,.punbb .post h3 span,#pun-main fieldset legend span,.  .punbb .code-box{
background: transparent none !important;
}

Подпись автора

Цитировать Сообщение 295

Поделиться29615.12.10 21:54

Автор: Amaya
КотЭ
Последний визит:
06.02.14 21:49
Уважение: +152

Автор: Зелена
Размер: 1680*1050 (размер элемента форума 900 рх)

Свернутый текст

Размер: 1400*1050 (размер элемента форума 800 рх)

Свернутый текст

Подпись автора

Цитировать Сообщение 296

Поделиться29718.12.10 10:03

Автор: Lola Theret
Призрак
Последний визит:
21.03.11 14:01
Уважение: +1

bagira написал(а):

Ч/б стиль:х. Надпись в шапке можно заменить по вашему желанию (лучше, если эта надпись будет на английском языке). Обращаться в лс. х. Может использоваться на неограниченном кол-ве проектов.х. Забирая диз, обязательно сообщайте об этом мне. Я дам баннер, который крайне не рекомендуется удалять (!!!).Код:HTML верх<style> #pun-title table tbody tr .title-logo-tdr {position: absolute; left: 5px; top: 434px}</style>
<style type="text/css">#pun-stats ul.container {background: transparent url(http://10pix.ru/img1/954784/2022844.png) no-repeat 10px 30px;background-repeat: no-repeat;padding-left: 140px;}</style>
<style type="text/css"> #pun-main h2 {background-color : transparent; background-image : url(http://10pix.ru/img1/4104/2020477.png);background-position: right; background-repeat: no-repeat; text-align: right;}</style>
<style type="text/css">#pun-index #pun-stats h2 {background-image : url(http://10pix.ru/img1/1418/2022432.png);background-position: left; background-repeat: no-repeat; text-align: left;</style>HTML низ<center><div class="main" id="spo_all"><div class="category" id="spo_top" onclick="obj=this.parentNode.childNodes[1].style; tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;"><a href="http://pixs.ru/?r=369273"><img src="http://10pix.ru/img1/4525/2022212.png" border="0" alt="Image Hosted by pixs.ru" /></a></div><div id="spoiler4" style="display: none">
<a href=http://bennington.mybb.ru/ target="_blank"><img src="http://10pix.ru/img1/2530/1771893.gif"title="● BENNINGTON COLLEGE ●"></a>
</div></div><center/>
<script type="text/javascript">var we=document.getElementsByTagName("ul")var x=0for (x=0; x<=(we.length-1); x++){if (we[x].innerHTML.indexOf("pa-online")!=-1){we[x].innerHTML=we[x].innerHTML.substring(0, (we[x].innerHTML.indexOf("pa-online")-11))+"<img src='http://10pix.ru/img1/526198/2021832.png' />"}else if ((we[x].innerHTML.indexOf("pa-online")==-1)&&(we[x].innerHTML.indexOf("pa-author")!=-1)){we[x].innerHTML=we[x].innerHTML+"<img src='http://10pix.ru/img1/1496/2021830.png' />"}}</script>Структура style.css/*************************************************************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, Tahoma, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif; }
/* 3.3 */.punbb textarea, .punbb input, .punbb select, .punbb optgroup { font: 1em verdana, arial, helvetica, sans-serif }
/* A3.4 *//* A3.4 */.punbb h1, .punbb h2, .punbb h3 { font-size: 1em; font-weight: bold; }
.punbb th { font-size: 0.9em; font-weight: bold; letter-spacing: 1px; }
//*.punbb .category th{}*/.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: auto; position: relative; width: 935px; }
/* A5.2 */.punbb { float: left; width: 100%; height: auto; }
/* A5.3 */#pun-redirect, #pun-maint { margin: 50px 20% 12px 20%; width: auto; float: none; }
/* A5.4 */.punbb .section, .punbb .main { margin-bottom: 1em; }
/* A5.5 */.punbb .category, .punbb .post { margin-top: 0.4em; }
/* A5.6 */.punbb #pun-category1, .punbb .toppost, .punbb .topicpost { margin-top: 0; }
/* 5.7 */#pun-post .topic { margin-top: 1em; }
/* A5.8 */.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,.punbb .category, .punbb .post { border-style: dotted dotted dotted dotted; border-width: 0px 0px 0px 0px }
/* A5.9 */.punbb .container { border-style: solid; border-width: 1px; }
/* A5.10 */#pun-main h1, .punbb .section h2, #pun-stats h2, #pun-debug h2 { padding: 0.6em 1em; border-style: solid solid none solid; border-width: 1px 1px 0px 1px; }
#pun-main h2 { padding: 0.6em 1em; border-style: none solid none solid; border-width: 0px 1px 0px 1px;}
/* A 5.11 E`e^i^i'e^e` i`a*i'? i'a`a^e`a~a`o"e`e` */#pun-navlinks li {padding-left: 10px; padding-bottom: 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: 1px solid #888; width: 250px; margin: 5px 0; }
/* B1.3 */.punbb .post-content p { margin: 0; padding: 0 0 1em 0; line-height: 150%; }
/* B1.4 */.punbb .post-content img { vertical-align: text-bottom }
/* B1.5 */.punbb .post-content img.postimg { vertical-align: middle; }
/* B1.6 */.punbb .post-content .blockcode, .punbb .post-content blockquote { width: 100%; overflow: hidden; }
/* B1.7 */.punbb .post-content .scrollbox { width: 100%; overflow: auto; }
/* B1.8 */.punbb .post-content .quote-box, .punbb .post-content .code-box { margin: 0.4em 1.8em 1.4em 1.8em; padding: 1em; border-style: solid; border-width: 1px; }
/* B1.9 */.punbb .quote-box cite, .punbb .code-box strong.legend { display: block; padding-bottom: 0.7em; font-size: 1.1em; font-weight: bold; font-style: normal; margin: 0; }
/* B2 Information boxes-------------------------------------------------------------*/
/* B2.1 */.punbb .info-box { padding: 1.1em 1.7em 1em 1.7em; border-style: solid; border-width: 1px; margin: 0 0 1.1em 0; }
/* B2.2 */.punbb .info-box * { padding: 0 0 0.7em 0; }
/* B2.3 */.punbb #pun-main .info-box .legend { font-size: 1.1em; font-weight: bold; }
/* B3 Pagination and posting links-------------------------------------------------------------*/
/* B3.1 */.punbb .linkst { float: left; position: relative; width: 100%; font-size: 1.1em; height: 0; }
/* B3.2 */.multipage { margin-top: 3em; }
/* B3.3 */.linkst .pagelink { position: absolute; top: -4em; left: 1em; width: 24em; }
/* B3.4 */.linkst .postlink { position: absolute; top: -4em; right: 1em; width: 16em; text-align: right; font-weight: bold; }
/* B3.5 */.punbb .linksb { text-align: right; padding: 0.4em 1em 0.5em 1em; font-size: 1.1em; }
/* B3.6 */.linksb .pagelink { float: left; width: 24em; text-align: left; }
/* B3.7 */.linksb .postlink { float: right; width: 16em; font-weight: bold }
/* B3.8 */.subscribelink { clear:both; padding-top: 0.3em; padding-bottom: 0.5em; }
/*************************************************************C - MAIN CONTENT - SPECIFIC**************************************************************/
/* C1 Form layout-------------------------------------------------------------*/
/* C1.1 */.punbb .formal .container { padding: 1.7em 2.3em 1.1em 2.3em; }
/* C1.2 */.punbb .formsubmit { padding: 0 0 0 1.7em; margin: 1em 0 0 0; }
/* C1.3 */.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span { margin: 0 0.6em 0 0 }
/* C1.4 */.punbb fieldset { border-style: solid; border-width: 1px; padding: 0 18px 0 18px; margin: 0 0 1em 0 }
/* C1.5 */.punbb fieldset legend { padding: 0; margin: 0 0 0 11px; font-size: 1.1em }
/* C1.6 */.punbb fieldset legend span { padding: 0 5px; margin: 0 0 0 -15px; }
/* C1.7 */.punbb fieldset fieldset { border-style: none; margin: 0; padding: 0 0 8px 0 }
/* C1.8 */.punbb .fs-box { padding: 1em 0 0.8em 0; }
/* C1.9 */.punbb .fs-box p, .punbb .fs-box fieldset { padding: 0 0 0.8em 0 }
/* C1.10 */.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield { float: left; margin-right: 1em; }
/* C1.11 */.punbb .inline .infofield { clear:both }
/* C1.12 */.punbb .datafield br { display: none }
/* C1.13 */.punbb .required label, .punbb .datafield span.input { font-weight: bold }
/* C1.14 */.punbb .datafield span.input a { font-weight: normal; }
/* C1.15 */.punbb .areafield span.input, .punbb p.longinput span.input { display: block; padding: 0 4em 0 0; height: 100%; /* For IE */ }
/* C1.16 */.punbb textarea, .punbb .longinput input { width: 64%; margin: 0; }
/* C1.17 */.punbb .hashelp { position: relative; }
/* C1.18 */.punbb .helplinks { display: block; position: absolute; top: 1em; right: 0; font-weight: normal; width: 36%; }
/* c1.19 */.punbb #profile .helplinks { top: 1.5em; }
/* C1.20 */.punbb .helplinks span { display: block; padding-bottom: 0.2em; }
.punbb .helplinks span INPUT { margin: 0px 2px 2px 0px;}
/* C1.21 */#pun-post .formal .info-box li { padding-left: 4px; list-style-type: square; list-style-position: inside; line-height: 1.5; margin: 0; }
/* C2 Table layout-------------------------------------------------------------*/
/* C2.1 */.punbb .main .tcl { overflow: hidden; text-align: left; width: 50%; }
/* C2.2 */.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod { text-align: center; width: 10%; }
/* C2.3 */.punbb .main .tcr { overflow: hidden; text-align: left; width: 30%; }
/* C2.4 */#pun-userlist .main .tcl,#pun-searchtopics .main .tcl,#pun-modviewforum .main .tcl { width: 40% }
/* C2.5 */#pun-userlist .main .tc2,#pun-searchtopics .main .tc2 { text-align: left; width: 20%; }
/* C2.6 */#pun-debug table .tcl { width: 15%; white-space:normal; }
/* C2.7 */#pun-debug .tcr { width: 90%; white-space: normal; }
/* C2.8 */#pun-index .tcl h3 { font-size: 1.2em; font-weight: bold; }
/* C2.9 */.punbb td span.youposted { font-weight: bold; margin-left: -1em; position: absolute; }
/* C2.10 */.punbb td .modlist { display: block; padding-top: 0.3em }
/* C2.11 */.punbb .main td { border-style: solid none none solid; border-width: 1px 0 0 1px; padding: 0.8em 1em; }
/* C2.12 */.punbb .main th { border: none; padding: 4px 1em 6px 1em; }
/* 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: 10px;}
/* C2.15 */.punbb div.icon { float: left; display: block; height: 70px;width: 40px;margin-left: 7px;margin-right: 7px;}
/* C3 Topics-------------------------------------------------------------*/
/* C3.1 */.punbb .post .container { border-style: none solid solid solid; border-width: 1px; margin-top: -1px; padding-bottom: 1px; }
/* C3.2 */.punbb .post h3 { border-style: solid solid none solid; border-width: 1px; }
/* C3.3 */.punbb .post h3 span { border-left: 1px solid #1A1A1A; padding: 0.5em 1em; display: block; margin-left: 19em; }
/* C3.4 */.punbb .post h3 strong { float: right; width: 5em; text-align: right; font-weight: normal; }
/* C3.5 */.punbb .post .post-author { float: left; width: 19em; margin-top: -1.8em; overflow: hidden; }
.punbb .post li.pa-author { padding-bottom: 1.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; }
/* C3.8 */.pa-author a { text-decoration: underline }
/* C3.9 */li.pa-title { padding-bottom: 0em; }
li.pa-online { line-height: 0.8em; border-left-style: solid; border-left-width: 0.7em; padding-left: 0.4em; margin-top: 0.7em; }
/* C3.11 */.punbb .post-body { margin-left: 19em; border-left-style: solid; border-left-width: 1px; padding: 0 0 1px 0; }
/* C3.12 */.punbb .post-box { padding: 1em; }
/*C3.13 */.punbb fieldset .post-box { margin-bottom: 0.8em }
/* C3.14 */.punbb .post-links { margin-left: 19em; border-left-style: solid; border-left-width: 1px; }
/* C3.15 */.punbb .post-links ul { padding: 0 1em 0 0; height: 2em; line-height: 2em; margin-left: -19em; border-top-style: dashed; border-top-width: 1px; background: transparent; text-align: right; }
/* C3.16 */.punbb .post-links li { display: inline; padding-left: 1em; }
/* C3.17 */.pl-email, .pl-website { float: left; }
/* C3.18 */.punbb .clearer { clear: both; height: 0; font-size: 0; }
/* C4 Moderator menu-------------------------------------------------------------*/
/* C4.1 */.punbb .modmenu .container { 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; }
/* C6.4 */#viewprofile ul, #profilenav ul { border-style: solid; border-width: 1px; padding: 1.5em 18px 0.8em 18px; margin: 0 0 1em 0; }
/* C6.5 */#viewprofile h2, #profilenav h2 { background: transparent; border: none; padding: 0 0 0 0; margin: 0 14px -0.6em 14px; }
/* C6.6 */#viewprofile h2 span, #profilenav h2 span { padding: 0 5px; position: relative; }
/* C6.7 */#viewprofile li, #setmods dl { padding: 0 0 0 16em; margin-bottom: 0.2em; }
/* C6.8 */#viewprofile li span { float: left; width: 14em; margin-left: -16em; padding: 0.5em 1em; font-weight: bold; }
/*C6.9 */#setmods dt { float: left; width: 14em; margin-left: -16em; padding: 0.8em 1em; font-weight: bold; display: inline; }
/* C6.10 */#viewprofile li strong, #viewprofile li div, #setmods dd { display: block; padding: 0.5em 1em; font-weight: normal; }
/* C6.11 */.punbb img.avatardemo { float: right; margin: 0 0 0.8em 1.8em }
/* C7 User list-------------------------------------------------------------*/
/* C7.1 */#pun-userlist .formal, #pun-userlist .formal .container { border-bottom: none; margin-bottom: 0; }
/* C7.2 */#pun-userlist .usertable .container { padding: 0 2.3em 2.3em 2.3em; border-top: none; }
/* C7.3 */#pun-userlist .usertable table { border-style: solid; border-width: 1px; }
/*************************************************************D - PUNBB SECTIONS OTHER THAN MAIN CONTENT**************************************************************/
/* D1 Logo and description-------------------------------------------------------------*//* D1.1 */#pun-title { margin: 0; border-style: solid solid none solid; border-width: 1px 1px 0 1px; }
/* D1.2 */#pun-title h1 { display : block; height : 500px; padding: 2em 1em 0 1em; }
/* D1.3 */#pun-title .container { border-style: none solid none solid; }
/* D1.4 */#pun-title h1 span { font-size: 1.5em; }
#pun-title table {border: none;height: 500px;width: 100%;}
#pun-title td.title-logo-tdl {border: none;width: 100%;}
#pun-title td.title-logo-tdr {border: none;width: 1000px;}
/* D2 Page navigation-------------------------------------------------------------*/
/* D2.1 */#pun-pagelinks { position: absolute; top: -15px; left: 0; margin: 0; border: none; padding: 0; width: 100%; }
/* D2.2 */#pun-pagelinks .container { background: transparent; border: none; padding: 0 }
/* D2.3 */#pun-pagelinks .container li { display: inline }
/* D2.4 */#pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover { height: 2em; line-height: 2em; padding: 0; font-size: 1.2em; margin-left: -9999px; display: block; float:left; width: 100%; }
/* D2.5 */#pun-pagelinks a:active, #pun-pagelinks a:focus { position:relative; margin: 0; }
#pun-pagelinks li a span { display:block; margin: 0 1em }
/* D3 Forum navigation-------------------------------------------------------------*/
/* D3.1 */#pun-navlinks, #pun-navlinks .container { border-style: none; border-width: 0; margin: 0;text-align: center; }
/* D3.2 */#pun-navlinks .container { padding: 0.7em 1em; }
/* D.3 */#pun-navlinks li { display: inline; padding-right: 1em; }
/* D3.4 */#pun-navlinks li a { font-size: 1.1em; }
/* D4 User links-------------------------------------------------------------*/
/* D4.1 */#pun-ulinks { margin-top: 0; text-align: center; }
/* D4.2 */#pun-ulinks .container { border-top: none; padding: 0.7em 1em; }
/* D4.3 */#pun-ulinks li, #pun-ulinks li a { display: inline; border-left-style: solid; border-left-width: 1px; white-space: nowrap; }
/* D4.4 */#pun-ulinks li a { padding: 0 0.3em 0 0.6em }
/* D4.5 */#pun-ulinks li.item1, #pun-ulinks li.item1 a { border-left-style: none; border-left-width: 0; padding-left: 0 }
/* D5 Welcome box and Top Breadcrumbs-------------------------------------------------------------*/
/* D5.1 */#pun-status, #pun-status .container { border-bottom: none; margin-bottom: 0; }
/* D5.2 */#pun-status .container { padding: 0.8em 1em 1em 1em; }
/* D5.3 */#pun-status span { white-space: nowrap; margin-right: 0.5em; }
/* D5.4 */#pun-crumbs1 { font-weight: bold; overflow: hidden; margin-top: 0; }
/* D5.5 */#pun-crumbs1 p.container { border-top: none; padding: 1em 1em 0.8em 1em; font-size: 1.1em; }
/* D5.6 */#pun-break1 { margin: 0 1em; border-style: solid none; border-width: 1px 0; height: 0; margin: -2px 1em; position: relative; z-index: 1; }
/* D6 Announcement-------------------------------------------------------------*/
/* D6.1 */#pun-announcement h2 { padding: 0; margin: 0 1em -3.5em 1em; border-style: none none solid none; border-width: 0 0 1px 0; position: relative; font-weight: bold; }
/* D6.2 */#pun-announcement h2 span { display: block; padding: 1em 0 0.8em 0; border-bottom-style: solid; border-bottom-width: 1px; }
/* D6.3 */#pun-announcement .container { padding: 4.3em 1em 1em 1em; }
/* D7 Statistics-------------------------------------------------------------*/
/* D7.1 */#pun-stats .container { padding: 0.8em 1em }
/* D7.2 */#pun-stats li.item1, #pun-stats li.item2 { float: left; clear: both; line-height: 150%; }
/* D7.3 */#pun-stats li.item3, #pun-stats li.item4 { text-align: right; line-height: 150%; }
/* D7.4 */li#onlinelist { margin-top: 1em; border-top-style: solid; border-top-width: 1px; float: left; width: 100%; line-height: 130%; }
/* D7.5 */li#onlinelist div { border-top-style: solid; border-top-width: 1px; padding: 0.7em 0 0 0; }
/* D8 Quick Jump - About - Bottom Breadcrumbs-------------------------------------------------------------*/
/* D8.1 */#pun-qjump { margin: 0; border: none; width: 50%; position: relative; float: left; }
/* D8.2 */#pun-qjump .container { border: none; background: transparent; padding: 0.8em 1em; }
/* D8.3 */#pun-about { margin-top: 0; }
/* D8.4 */#pun-about .container { border-top-style: none; text-align: right; line-height: 150%; padding: 0.8em 1em; }
/* D8.5 */#pun-about p span { display:block; padding-left: 50%; }
/* D8.6 */#pun-crumbs2 { font-weight: bold; overflow: hidden; margin-bottom: 0; border-bottom: none; }
/* D8.7 */#pun-crumbs2 .container { border-bottom: none; padding: 0.8em 1em; font-size: 1.1em; }
/* D8.8 */#pun-break4 { margin: -2px 1em; border-style: solid none; border-width: 1px 0; position: relative; height: 0; z-index: 1; }
/* D8.9 */div.punbb-admin #pun-about .container { border-top-style: solid; border-top-width: 1px; }
/* D9 Help file-------------------------------------------------------------*/
/* D9.1 */#pun-help .formal .info-box h3.legend { border-bottom-style: solid; border-bottom-width: 1px; padding-bottom: 0; margin-bottom: 0.8em; }
/* D9.2 */#pun-help .formal .info-box h3.legend span { padding-bottom: 0.6em; display: block; border-bottom-style: solid; border-bottom-width: 1px; font-size: 1.1em; }
/* D9.3 */#pun-help .formal p, #pun-help .formal dd { margin-bottom: 1em }
/* D9.4 */#pun-help .formal ul, #pun-help .formal dl { padding: 0 0 0 1em }
/* D9.5 */#pun-help .formal li { padding: 0; line-height: 130% }
/* D9.6 */#pun-help .formal li * { vertical-align: text-top }
/* D9.7 */#pun-help .formal dt span { font: 1.4em/120% monaco, "bitstream vera sans mono", "courier new", courier, monospace }
/* D9.8 */#pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode { padding-bottom: 0; }Цвета style_cs.cssbody {background-image: url("http://10pix.ru/img1/3576/2020385.jpg"); background-attachment: fixed; background-position: top center;}
.post-author ul .pa-author, .post-author ul .pa-title { text-align: center !important;}
#pun-redirect.punbb #pun-main h1 {border-width: 0px; text-align: center; font-weight: bold; background-image: url(http://10pix.ru/img1/1899/2022065.png); background-repeat: no-repeat; background-position: center top; background-color: #transparent; }
.post-author ul .pa-author, .post-author ul .pa-title { text-align: center !important;}
/* CS1 Background and text colours-------------------------------------------------------------*/
body { background-color: #9E9D9E;}
/* CS1.1 */.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,.punbb .info-box, .punbb #pun-main .info-box .legend { background-color: #transparent; color: #161516; }
/* CS1.2 */.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer { background-color: #transparent; color: #161516; }
/* CS1.3 */#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 { background-color: #transparent; color: #161516; font-weight: bold;font-style: normal;
}
/* CS1.4 */#pun-title, #pun-title .container, .punbb .modmenu .container {background-image: url(http://10pix.ru/img1/599753/2022491.jpg);background-repeat: no-repeat; background-position: center top; color: #2A2A2A; }
/* CS1.5 */.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span { background-color: #transparent; color: #161516 }
/* CS1.6 */.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl { background-color: #transparent; color: #161516 }
/* CS1.7 */.punbb .quote-box, .punbb .code-box { background-color: #8E8D8E; color: #161516 }
/* CS1.8 */#pun-navlinks .container { background-color: #transparent; color: #161516; }
.offline li.pa-online strong { font-weight: normal }
.punbb textarea, .punbb select, .punbb input { background-color: #9E9D9E; color: #161516}
/* CS2 Border colours-------------------------------------------------------------*/
/* CS2.1 */.punbb .container, .punbb .post-body, .post h3, #pun-title { border-color: #9E9D9E #9E9D9E #9E9D9E #9E9D9E; border-style:none !important; }
/* CS2.2 */.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,.punbb .category, .punbb .post { border-color: #8E8D8E; border-style:none !important; }
/* CS2.3 */#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 { border-color: #9E9D9E; border-style:none !important; }
/* CS2.4 */.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,.punbb .post h3 span, .post-links ul, .post-links, .usertable table { border-color: #9E9D9E; border-style:none !important; }
/* CS2.5 */.punbb th { border-color: #9E9D9E; border-style:none !important; }
/* CS2.6 */.punbb .quote-box, .punbb .code-box { border-color: #7E7D7E #BEBDBE #BEBDBE #7E7D7E; border-style:none !important; }
#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span { border-color: #7E7D7E; border-style:none !important; }
#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend { border-color: #BEBDBE; border-style:none !important; }
.punbb .divider { border-color: #7E7D7E #BEBDBE #BEBDBE #BEBDBE; border-style:none !important; }
.punbb .formal fieldset .post-box, .punbb .info-box { border: 1px solid #dedfdf; border-style:none !important; }
li.pa-online { border-left-color: #9E9D9E; border-style:none !important; }
.punbb .post-sig dt { border-top-color: #9E9D9E; border-style:none !important; !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: #161516; border-bottom: 0px none #000; text-decoration: none;
}
.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited { color: #161516 }
/* 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: #312F31; border-bottom: 0px none #000; text-decoration: none;
}
/* CS3.3 */#pun-navlinks a { color: #161516; font-weight: bold; border-bottom: 0px none #000; text-decoration: none;
}
/* CS3.4 */#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active { color: #312F31; font-weight: bold;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: url(http://10pix.ru/img1/1749/2020607.png) no-repeat;}
tr.inew div.icon { background: url(http://10pix.ru/img1/3016/2020635.png) no-repeat;}
tr.iclosed div.icon { background: url(http://10pix.ru/img1/3129/2020658.png) no-repeat;}
tr.isticky div.icon { background: url(http://10pix.ru/img1/74535/2020590.png) no-repeat;}
#pun-main div.catleft, #pun-main div.catright {display: none}+ бонус)) (две картинки для рекламы) ---Используется на форумах: http://xmenevolutionrolgame.rolka.su/ht … me.0pk.ru/

можно?

Цитировать Сообщение 297

Поделиться29821.12.10 13:55

Автор: Rachel
Призрак
Последний визит:
28.04.11 15:22
Уважение: +2

zlango
я pmve ваш дизайн по сумеркам вот сюда http://lovesymerki.mybb.ru/

Цитировать Сообщение 298

Поделиться29923.12.10 15:24

Автор: Amaya
КотЭ
Последний визит:
06.02.14 21:49
Уважение: +152

Предыдущий владелец - Ichigo

Скриншоты

Код:

Первое окно стиля

Код:

/*************************************************************
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, arial, helvetica, sans-serif;
}

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

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

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

/* A3.6 */
.punbb pre {
font: 1.1em/140% monaco, "bitstream vera sans mono", "courier new", courier, monospace
}

/* A3.7 */
.punbb address, .punbb em {
font-style: normal
}

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

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

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

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


/* A4 Float clearing and hidden items
-------------------------------------------------------------*/

/* A4.1 */
#pun:after,
.punbb .container:after,
.punbb .post-links ul:after,
.punbb .main div.inline:after,
.punbb .post-box:after,
.punbb .linksb:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
overflow:hidden;
line-height: 0.0;
font-size: 0;
}

/* A4.2 */
.acchide,
#pun-index #pun-main h1,
#pun-navlinks h2,
#pun-pagelinks h2,
#pun-status h2,
#pun-ulinks h2,
.punbb .forum h2,
.punbb .multipage .topic h2,
.punbb dl.post-sig dt span,
.punbb p.crumbs strong,
.punbb .divider hr,
.punbb .required label em,
.punbb .formsubmit label,
.punbb .submitfield label,
.punbb .modmenu label,
#pun-userlist .main h2 {
font-size: 0;
height: 0;
width: 0;
line-height: 0.0;
position:absolute;
left: -9999px;
overflow: hidden
}


/* A5 Basic page layout and borders
-------------------------------------------------------------*/

/* A5.1 */
#pun {
margin: 0px auto auto auto;
width : 800px;
padding: 0px 0px 0px 0px;
border: none;
border-top: none;
border-width: 0px;
float: center;
}

/* A5.2 */
.punbb {
float: left;
width: 100%;
height: auto;
}

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

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

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

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

/* 5.7 */
#pun-post .topic {
margin-top: 1em;
}

/* A5.8 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
border-style: none none none none;
border-width: 0px 0px 0px 0px
}

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

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

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




/*************************************************************

B - MAIN CONTENT - GENERAL

**************************************************************/



/* B1 Parsed Content, Signatures and Scroll Boxes

-------------------------------------------------------------*/



/* B1.1 */

.punbb .post-content {

  padding: 0;

  margin: 0;

  width: 100%;

  overflow: hidden;

  }



/* B1.2 */

.punbb .post-sig dt {

  display: block;

  border-top: 0px none #888;

  width: 250px;

  margin: 5px 0;

  }



/* B1.3 */

.punbb .post-content p {

  margin: 0;

  padding: 0 0 1em 0;

  line-height: 150%;

  }



/* B1.4 */

.punbb .post-content img {

  vertical-align: text-bottom

  }



/* B1.5 */

.punbb .post-content img.postimg {

  vertical-align: middle;

  }



/* B1.6 */

.punbb .post-content .blockcode, .punbb .post-content blockquote {

  width: 100%;

  overflow: hidden;

  }



/* B1.7 */

.punbb .post-content .scrollbox {

  width: 100%;

  overflow: auto;

  }



/* B1.8 */

.punbb .post-content .quote-box, .punbb .post-content .code-box {

  margin: 0.4em 1.8em 1.4em 1.8em;

  padding: 1em;

  border-style: solid;

  border-width: 1px;

  }



/* B1.9 */

.punbb .quote-box cite, .punbb .code-box strong.legend {

  display: block;

  padding-bottom: 0.7em;

  font-size: 1.1em;

  font-weight: bold;

  font-style: normal;

  margin: 0;

  }



/* B2 Information boxes

-------------------------------------------------------------*/



/* B2.1 */

.punbb .info-box {

  padding: 1.1em 1.7em 1em 1.7em;

  border-style: none;

  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: -4em;

  left: 1em;

  width: 24em;

  }



/* B3.4 */

.linkst .postlink {

  position: absolute;

  top: -4em;

  right: 1em;

  width: 16em;

  text-align: right;

  font-weight: bold;

  }



/* B3.5 */

.punbb .linksb {

  text-align: right;

  padding: 0.4em 1em 0.5em 1em;

  font-size: 1.1em;

  }



/* B3.6 */

.linksb .pagelink {

  float: left;

  width: 24em;

  text-align: left;

  }



/* B3.7 */

.linksb .postlink {

  float: right;

  width: 16em;

  font-weight: bold

  }



/* B3.8 */

.subscribelink {

  clear:both;

  padding-top: 0.3em;

  padding-bottom: 0.5em;

  }





/*************************************************************

C - MAIN CONTENT - SPECIFIC

**************************************************************/



/* C1 Form layout

-------------------------------------------------------------*/



/* C1.1 */

.punbb .formal .container {

  padding: 1.7em 2.3em 1.1em 2.3em;

  }



/* C1.2 */

.punbb .formsubmit {

  padding: 0 0 0 1.7em;

  margin: 1em 0 0 0;

  }



/* C1.3 */

.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {

  margin: 0 0.6em 0 0

  }



/* C1.4 */

.punbb fieldset {

  border-style: none;

  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: 50%;
  padding-right: 1px;
 
  }

/* C2.2 */
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
  text-align: center;
  width: 10%;
  }

/* C2.3 */
.punbb .main .tcr {
  overflow: hidden;
  text-align: left;
  width: 30%;
  }

/* C2.4 */
#pun-userlist .main .tcl,
#pun-searchtopics .main .tcl,
#pun-modviewforum .main .tcl {
  width: 40%
  }

/* C2.5 */
#pun-userlist .main .tc2,
#pun-searchtopics .main .tc2 {
  text-align: left;
  width: 20%;
  }

/* C2.6 */
#pun-debug table .tcl {
  width: 15%;
  white-space:normal;
  }

/* C2.7 */
#pun-debug .tcr {
  width: 90%;
  white-space: normal;
  }

/* C2.8 */
#pun-index .tcl h3 {
  font-size: 1.2em;
  font-weight: bold;
  }

/* C2.9 */
.punbb td span.youposted {
  font-weight: bold;
  margin-left: -1em;
  position: absolute;
  }

/* C2.10 */
.punbb td .modlist {
  display: block;
  padding-top: 0.3em
  }

/* C2.11 */
.punbb .main td {
  border-style: none none none none;
  border-width: 0px 0 0 0px;
  padding: 0.8em 1em;
  }

/* C2.12 */
.punbb .main th {
  border-style: none none none none;
  border-width: 0 0 0 0px;
  padding: 0.4em 1em 0.4em 1em;
  }

/* 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: 10px;
}
/* C2.15 */
.punbb div.icon {
    float: left;
    display: block;
    width: 70px;
    height: 70px;
margin-left: 18px;}

/* C3 Topics

-------------------------------------------------------------*/



/* C3.1 */

.punbb .post .container {

  border-style: none none none none;

  border-width: 0px;

  margin-top: -1px;

  padding-bottom: 1px;

  }



/* C3.2 */

.punbb .post h3 {

  border-style: none none none none;

  border-width: 0px;

  }



/* C3.3 */

.punbb .post h3 span {

  padding: 0.5em 1em;

  display: block;

  margin-left: 19em;

  border-left-style: none;

  border-left-width: 0px
  

  }



/* C3.4 */

.punbb .post h3 strong {

  float: right;

  width: 5em;

  text-align: right;

  font-weight: normal;
  padding-right: 30 px;

  }



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

  text-align: left;

  }



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

  border-left-width: 0px;

  padding: 0 0 1px 0;
  padding-right: 20px;

  }



/* C3.12 */

.punbb .post-box {

  padding: 1em;

  }



/*C3.13 */

.punbb fieldset .post-box {

  margin-bottom: 0.8em

  }



/* C3.14 */

.punbb .post-links {

  margin-left: 19em;

  border-left-style: solid;

  border-left-width: 1px;

  }



/* C3.15 */

.punbb .post-links ul {

  padding: 0 1em 0 0;

  height: 2em;

  line-height: 2em;

  margin-left: -19em;

  border-top-style: none;

  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: 1px;

  padding: 1.5em 18px 0.8em 18px;

  margin: 0 0 1em 0;

  }



/* C6.5 */

#viewprofile h2, #profilenav h2 {

  background: transparent;

  border: none;

  padding: 0 0 0 0;

  margin: 0 14px -0.6em 14px;

  }



/* C6.6 */

#viewprofile h2 span, #profilenav h2 span {

  padding: 0 5px;

  position: relative;

  }



/* C6.7 */

#viewprofile li, #setmods dl {

  padding: 0 0 0 16em;

  margin-bottom: 0.2em;

  }



/* C6.8 */

#viewprofile li span {

  float: left;

  width: 14em;

  margin-left: -16em;

  padding: 0.5em 1em;

  font-weight: bold;

  }



/*C6.9 */

#setmods dt {

  float: left;

  width: 14em;

  margin-left: -16em;

  padding: 0.8em 1em;

  font-weight: bold;

  display: inline;

  }



/* C6.10 */

#viewprofile li strong, #viewprofile li div, #setmods dd {

  display: block;

  padding: 0.5em 1em;

  font-weight: normal;

  }



/* C6.11 */

.punbb img.avatardemo {

  float: right;

  margin: 0 0 0.8em 1.8em

  }





/* C7 User list

-------------------------------------------------------------*/



/* C7.1 */

#pun-userlist .formal, #pun-userlist .formal .container {

  border-bottom: none;

  margin-bottom: 0;

  }



/* C7.2 */

#pun-userlist .usertable .container {

  padding: 0 2.3em 2.3em 2.3em;

  border-top: none;

  }



/* C7.3 */

#pun-userlist .usertable table {

  border-style: solid;

  border-width: 1px;

  }





/*************************************************************

D - PUNBB SECTIONS OTHER THAN MAIN CONTENT

**************************************************************/



/* D1 Logo and description

-------------------------------------------------------------*/



/* D1.1 */

#pun-title {

  margin: 0;

  border-style: none none none none;

  border-width: 0px 0px 0 0px;


  }



/* D1.2 */

#pun-title h1 {

  display : block;

  height : 40px;

  padding: 2em 1em 0 1em;

  }



/* D1.3 */

#pun-title .container {

  border-style: none none none none;

  }



/* D1.4 */

#pun-title h1 span  {

  font-size: 1.5em;

  }



#pun-title table {

	border: none;

	height: 500px;

	width: 100%;

}



#pun-title td.title-logo-tdl {

	border: none;

	width: 100%;
        margin-top: 1px;
        

}



#pun-title td.title-logo-tdr {
border: none;
width: 168px;
  vertical-align: top;
  position: top left;
  top: 0; }

}



/* D2 Page navigation

-------------------------------------------------------------*/



/* D2.1 */

#pun-pagelinks {

  position: absolute;

  top: -15px;

  left: 0;

  margin: 0;

  border: none;

  padding: 0;

  width: 100%;

  }



/* D2.2 */

#pun-pagelinks .container {

  background: transparent;

  border: none;

  padding: 0}



/* D2.3 */

#pun-pagelinks .container li {

  display: inline

  }



/* D2.4 */

#pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover {

  height: 2em;

  line-height: 2em;

  padding: 0;

  font-size: 1.2em;

  margin-left: -9999px;

  display: block;

  float:left;

  width: 100%;

  }



/* D2.5 */

#pun-pagelinks a:active, #pun-pagelinks a:focus {

  position:relative;

  margin: 0;
}



#pun-pagelinks li a span {

  display:block;

  margin: 0 1em

  }



/* D3 Forum navigation

-------------------------------------------------------------*/



/* D3.1 */

#pun-navlinks, #pun-navlinks .container {

  border-style: none;

  border-width: 0;

  margin: 0;
  text-align: center;
  }



/* D3.2 */

#pun-navlinks .container {

  padding: 0.7em 1em;

  }



/* D.3 */

#pun-navlinks li {

  display: inline;

  padding-right: 1em;

  }



/* D3.4 */

#pun-navlinks li a {

  font-size: 1.1em;

  }



/* D4 User links

-------------------------------------------------------------*/



/* D4.1 */

#pun-ulinks  {

  margin-top: 0;
  text-align: center;
  padding-top:10px;
  }



/* D4.2 */

#pun-ulinks .container {

  border-top: none;

  padding: 0.7em 1em;

  }



/* D4.3 */

#pun-ulinks li, #pun-ulinks li a {

  display: inline;

  border-left-style: solid;

  border-left-width: 1px;

  white-space: nowrap;

  }



/* D4.4 */

#pun-ulinks li a {

  padding: 0 0.3em 0 0.6em

  }



/* D4.5 */

#pun-ulinks li.item1, #pun-ulinks li.item1 a {

  border-left-style: none;

  border-left-width: 0;

  padding-left: 0

  }



/* D5 Welcome box and Top Breadcrumbs

-------------------------------------------------------------*/



/* D5.1 */

#pun-status, #pun-status .container {

  border-bottom: none;

  margin-bottom: 0;
  width: 890px;

  }



/* D5.2 */

#pun-status .container {

  padding: 0.8em 1em 1em 1em;
   width: 890px;

  }



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



/* D5.6 */

#pun-break1 {

  margin: 0 1em;

  border-style: solid none;

  border-width: 1px 0;

  height: 0;

  margin: -2px 1em;

  position: relative;

  z-index: 1;

  }



/* D6 Announcement

-------------------------------------------------------------*/



/* D6.1 */

#pun-announcement h2 {

  padding: 0;

  margin: 0 1em -3.5em 1em;

  border-style: none none solid none;

  border-width: 0 0 1px 0;

  position: relative;

  font-weight: bold;

  }



/* D6.2 */

#pun-announcement h2 span {

  display: block;

  padding: 1em 0 0.8em 0;

  border-bottom-style: solid;

  border-bottom-width: 1px;
  display: none;
  }



/* D6.3 */

#pun-announcement .container {

  padding: 4.3em 1em 1em 1em;

  }



/* D7 Statistics

-------------------------------------------------------------*/



/* D7.1 */

#pun-stats .container {

  padding: 0.8em 1em

  }



/* D7.2 */

#pun-stats li.item1, #pun-stats li.item2 {

  float: left;

  clear: both;

  line-height: 150%;

  }



/* D7.3 */

#pun-stats li.item3, #pun-stats li.item4 {

  text-align: right;

  line-height: 150%;

  }



/* D7.4 */

li#onlinelist {

  margin-top: 1em;

  border-top-style: solid;

  border-top-width: 1px;

  float: left;

  width: 100%;

  line-height: 130%;

  }



/* D7.5 */

li#onlinelist div {

  border-top-style: solid;

  border-top-width: 1px;

  padding: 0.7em 0 0 0;

  }



/* D8 Quick Jump - About - Bottom Breadcrumbs

-------------------------------------------------------------*/



/* D8.1 */

#pun-qjump {

  margin: 0;

  border: none;

  width: 50%;

  position: relative;

  float: left;

  }



/* D8.2 */

#pun-qjump .container {

  border: none;

  background: transparent;

  padding: 0.8em 1em;

  }



/* D8.3 */

#pun-about {

  margin-top: 0;

  }



/* D8.4 */

#pun-about .container {

  border-top-style: none;

  text-align: right;

  line-height: 150%;

  padding: 0.8em 1em;

  }



/* D8.5 */

#pun-about p span {

  display:block;

  padding-left: 50%;

  }



/* D8.6 */

#pun-crumbs2 {

  font-weight: bold;

  overflow: hidden;

  margin-bottom: 0;

  border-bottom: none;

  }



/* D8.7 */

#pun-crumbs2 .container {

  border-bottom: none;

  padding: 0.8em 1em;

  font-size: 1.1em;

  }



/* D8.8 */

#pun-break4 {

  margin: -2px 1em;

  border-style: solid none;

  border-width: 1px 0;

  position: relative;

  height: 0;

  z-index: 1;

  }



/* D8.9 */

div.punbb-admin #pun-about .container {

  border-top-style: solid;

  border-top-width: 1px;

  }





/* D9 Help file

-------------------------------------------------------------*/



/* D9.1 */

#pun-help .formal .info-box h3.legend {

  border-bottom-style: none;

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

  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;

  }

Второе окно стиля

Код:

/* CS1 Background and text colours
-------------------------------------------------------------*/
body {
	background-color: #f6eddb;
}

html, body {background-color: #f6eddb; background-image: url("http://savepic.net/332929.jpg"); background-repeat: repeat; background-attachment: fixed;
background-position: top center;
color: f6eddb;}
BODY {background:fixed;}

background-attachment: scroll;
background-position: top center;
}

#pun-redirect.punbb  #pun-main h1 {
background: url("");
width: 327px;
text-align: center center;}

#pun-redirect.punbb  #pun-main h1 span{display:none}

.lastedit {display:none}

.title-logo-tdr a img, .title-logo-tdr iframe, .title-logo-tdr object, #tieser-bottom{
  filter:alpha(opacity=40);
  opacity: 0.6;
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
}
.title-logo-tdr a img:hover, .title-logo-tdr iframe:hover, .title-logo-tdr objec:hover, #tieser-bottom:hover{
filter:alpha(opacity=100);
opacity: 1.0;
-moz-opacity: 1.0;
-khtml-opacity: 1.0;
}

#pun-about p.container {background: url("http://upforme.ru/uploads/000d/36/cc/81-1-f.png")
height: 30px;}

/* 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: none;
  color: #000000
  }


/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
  background: none;
  color: #000000;
  
  }
/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background: url("http://upforme.ru/uploads/000d/36/cc/81-1-f.png");
  color: #3d2b1f;
  text-align: center;
  height: 30px;
   }

#pun-redirect.punbb  #pun-main h1 {
background: none;}

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
background-image: url(http://savepic.net/369828.png);
 }

#pun-title h1 span {display: none;} 
#pun-title, #pun-title .container{
  background: url("http://savepic.org/1038436.png");
  color: #747474;
  }


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

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

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
 background-color: #f6eddb;
  color: #807d7d
  }
/* CS1.8 */
#pun-navlinks .container {
  background: url("");
  background-position: top center;
  background-repeat: no-repeat;
  color: #c4c4c4;
  height: 20px;
  }
.offline li.pa-online strong {
  font-weight: normal
  }
.punbb textarea, .punbb select, .punbb input {
  background-color: #f6eddb;
  color: #3d2b1f;
}


/* CS2 Border colours
-------------------------------------------------------------*/
/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
  border-color: #3d2b1f #c4c4c4 #3d2b1f #c4c4c4;
  }
/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color: #e0d5bc
  }
/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border-color: #e0d5bc;
  }
/* 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: #e0d5bc;
  }

/* CS2.5 */
.punbb th {
  border-color: #e0d5bc
  }
/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
  border-color: #e0d5bc #e0d5bc #e0d5bc #e0d5bc;
  }
#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
  border-color: #e0d5bc
  }
#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
  border-color: #c4c4c4
  }
.punbb .divider {
  border-color: #3d2b1f #3d2b1f #c4c4c4 #c4c4c4
  }
.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 1px solid #e0d5bc
  }
li.pa-online {
  border-left-color: #e0d5bc;
  }
.punbb .post-sig dt {
  border-top-color: #e0d5bc !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: #3d2b1f;
  font-weight: none;
  border-bottom: 0px none #000;
  text-decoration: none;
  }
.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #3d2b1f
  }
/* 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: #8d3a34;
    border-bottom: 0px dashed #8d3a34;
  text-decoration: none;
  }
/* CS3.3 */
#pun-navlinks a {
  color: #3d2b1f;
    border-bottom: 0px none #000;
  text-decoration: none;
    font-style: none;
  }
/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #8d3a34;
  font-weight: normal;
font-style: normal;
  border-bottom: 0px dashed #8d3a34;
  text-decoration: none;
  }
#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #333;
  color: #fff;
  }
/* CS4 Post status icons
-------------------------------------------------------------*/
#pun-main table Div.icon {padding-left: 35px; padding-top: 15px; padding-bottom: 20px;}
Div.icon {
background-image : url(http://savepic.net/373925.png);
background-repeat: no-repeat;
}
TR.inew Div.icon {
background-image : url(http://savepic.net/366757.png);
background-repeat: no-repeat;
}
TR.iclosed Div.icon {
background-image : url(http://savepic.net/365733.png);
background-repeat: no-repeat;
}
TR.isticky Div.icon {
background-image : url(http://savepic.net/353445.png);
background-repeat: no-repeat;
}
TR.iredirect Div.icon {background-image : url(http://savepic.net/356517.png); background-repeat: no-repeat;
}
#pun-stats ul.container {
        background: transparent url(http://savepic.net/347301.png) no-repeat 20px 30px;
        padding-left: 100px;
}

Чтобы сдвинуть рекламный баннер:

HTML-Верх

Код:

<style>
#pun-title table tbody tr .title-logo-tdr {position: absolute; top:-438px; left: 800px;}
</style>

Код для копирайта+баннер:

HTML-Низ

Код:

<div align=center><span><a href="#" onclick=" obj=this.parentNode.childNodes[1].style; tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;"><img src="http://savepic.net/341155.png" ></a><div style="display: none">
<center><b><i>Наш баннер:</i></b>Код вашего баннера
<br>
<br><textarea>Код баннера</textarea>
<center><br><b><i>Баннеры:</i></b>
<br>

Подпись автора

Цитировать Сообщение 299

Поделиться30023.12.10 19:27

Автор: Vampirsha
Призрак
Последний визит:
20.03.11 15:55
Уважение: 0

bagira
взяла ваш стиль!

Цитировать Сообщение 300

Ответить

Страница: « 1 … 28 29 30 31 32 … 38 »

Быстрый ответ

Напишите ваше сообщение и нажмите «Отправить»

Имя

font_download format_size format_bold format_italic format_underlined strikethrough_s format_paint color_lens

format_align_left format_align_center format_align_right list table_view

link add_photo_alternate ondemand_video mood mic

content_cut lock_open format_quote code

horizontal_rule anchor live_help emoji_symbols library_add

ТочкамиDots

КружочкамиCircles

КвадратамиSquares

ЦифрамиNumbers

Римскими цифрамиRoman Numerals

Без обозначенийNo Markers

Многострочный пункт спискаMultiline List Item

ТекстText

HTML

Javascript

Bebas Neue Arial Georgia Microsoft Sans Serif Tahoma Verdana Century Gothic Palatino Linotype Times New Roman Franklin Gothic Medium Impact Arial Black Courier New Lucida Console Comic Sans Ms

10px 12px 14px 16px 18px 20px 22px

ЗаголовокTitle Автосжатие больших картинокAuto-resize large images Скрыть от гостейHide from guests Ссылка «скачать» Download link Имя читателяReader's name Добавлено спустя…Added after... Надстрочный текстSuperscript text Подстрочный текстSubscript text БлокBlock HTML иконка

Скрыть инструментарий Показать инструментарий

Теги оформления специальных постов

Сделать пост специальным[block="portfoliopost"]portfoliopost[/block],

Светлый фон[block="makeportfoliolight"]makeportfoliolight[/block],

Красный пост[block="saledpost"]saledpost[/block],

Синий пост[block="forsalepost"]forsalepost[/block],

Зеленый пост[block="freepost"]freepost[/block],

Пост без профиля[block="no-prof"]no-prof[/block],

Теги оформления картинок

Обложки: Для одной картинки по центру в рамке, автоматически уменьшается до ширины 480px

Обложка[block="cover"][block="picture"][img]ссылка на картинку,[/img][/block][/block]

Закрыто[block="cover"][block="icon material-icons"]lock[/block][block="picture"][img]ссылка на картинку,[/img][/block][/block]

Продажа[block="cover"][block="icon fa-solid fa-sack-dollar"][/block][block="picture"][img]ссылка на картинку,[/img][/block][/block]

Подарок[block="cover"][block="icon fa-solid fa-gift"][/block][block="picture"][img]ссылка на картинку,[/img][/block][/block]

Превью: Для любого количества картинок по центру в рамке, автоматически уменьшается до ширины или высоты 300px

Блок для превью[block="morepics"],[/block]

Разноцветные картинки-ссылки: Для любого количества картинок по центру в разноцветных рамках с заголовком, автоматически уменьшается до ширины 350px, минимальная высота 230px (если высота больше, картинка "обрезается" снизу, но не сжимается)

Блок для картинок-ссылок[block="port-block"],[/block]

Красный[block="p-out saled"] [url=ссылка]заголовок,[/url] [block="picture"][img]ссылка на картинку[/img][/block] [/block]

Синий[block="p-out forsale"] [url=ссылка]заголовок,[/url] [block="picture"][img]ссылка на картинку[/img][/block] [/block]

Зеленый[block="p-out free"] [url=ссылка]заголовок,[/url] [block="picture"][img]ссылка на картинку[/img][/block] [/block]

Желтый[block="p-out yellow"] [url=ссылка]заголовок,[/url] [block="picture"][img]ссылка на картинку[/img][/block] [/block]

Теги оформления контента

Обведенный текст[block="details"] [block="det"],[/block] [/block]

Добавить еще блок[block="det"],[/block]

Блок с кнопками[block="links"] [block="demo"][url=ссылка]синяя кнопка,[/url][/block] [block="store"][url=ссылка]оранжевая кнопка[/url][/block] [/block]

Синяя кнопка[block="demo"][url=ссылка]текст,[/url][/block]

Оранжевая кнопка[block="store"][url=ссылка]текст,[/url][/block]

добавить работу [block="wow bounceIn p-out,"] иконка [block="p-descr"][url=https://forumd.ru/viewtopic.php?id=]описание[/url][/block] [block="p-inner"][url=https://forumd.ru/viewtopic.php?id=][img]картинка[/img][/url][/block] [/block]

Иконки:

lock[block="icon material-icons"]lock,[/block]

[block="icon fa-solid fa-sack-dollar"],[/block]

[block="icon fa-solid fa-gift"],[/block]

ТЕГИ (вставить в p-out через пробел)

Тип работы:

под заказ saled,

на продажу forsale,

бесплатно free,

Основная категория:

Вебдизайн dis,

(для всего связанного с работой на сайтах/форумах, кроме готовых скриптов и мелкой графики)

Графика graf,

(для графона, НЕ включающего кодинг/скрипты)

Скрипты/коды code,

(для готовых разработок и работы по верстке/кодингу)
Мини-фильтры дизайнов:

адаптивные mob,

ролевые игры frpg,

компьютерные игры game,

нейтральные flat,

Подкатегории:

Дизайн форумов/сайтов fulldis,

(для полных работ по дизайну)

Макеты layout,

(для дизайнов, где только макет без кода, или работ по созданию макетов чего-либо)

Верстка dis-code,

(для работ по верстке чужих дизайнов или отдельных штук)

Соц-сети/стримы graf-s,

(графон для оформления соцсетей/стримов)

Ролевая графика/арт art,

(для мелкой графики)

Javascript/CSS js,

(для скриптов или выложенных цсс кодов)

Бесплатный диз от FD [block="p-out free fd"] [url=https://forumd.ru/viewtopic.php?id=]заголовок,[/url] [block="picture"][img]ссылка на картинку[/img][/block][/block]

Платный диз от FD [block="p-out forsale fd"] [url=https://forumd.ru/viewtopic.php?id=]заголовок,[/url] [block="picture"][img]ссылка на картинку[/img][/block][/block]

Дизайн от юзеров [block="p-out yellow"] [url=https://forumd.ru/viewtopic.php?id=]заголовок,[/url] [block="picture"][img]ссылка на картинку[/img][/block][/block]

ТЕГИ (вставить в p-out через пробел)

Платформа:

MyBB.ru mybb-ru,

Макет (любая платформа) any,

Параметры:

+ PSD psd-in,

(в наличии макет помимо кодов)

+ адаптивка mob,

(есть версия для мобилок)

Тематика:

нейтральные flat,

ролевые игры frpg,

компьютерные игры game,

фентези fant,

аниме anime,

кино/сериалы kino,

стимпанк/киберпанк cyb,

мультфильмы kids,

животные cats,

Цвета:

тёмные darkst,

светлые light,

яркие bright,

добавить скрипт/код [block="SCRBLOCK"] [block="stforlink"] иконка, [block="link"][url=https://forumd.ru/viewtopic.php?id=]название[/url][/block] [/block] [block="sttags"] теги [/block] [/block]

Иконки:

[block="icon fa-brands fa-js"],[/block]

[block="icon fa-brands fa-css3-alt"],[/block]

[block="icon fa-regular fa-file-lines"],[/block]

[block="icon fa-solid fa-file-code"],[/block]

[block="icon fa-solid fa-file-invoice-dollar"],[/block]

ТЕГИ (*значение в скобках вставить в SCRBLOCK через пробел)

Тип кода:

скрипт (js)[block="js"]скрипт, js[/block]

css код (css)[block="css"]css код, css[/block]

HTML/CSS шаблоны (shab)[block="shab"]HTML/CSS шаблоны, shab[/block]

Модули/Расширения (global)[block="global"]Модули/Расширения, global[/block]

Платформа:

MyBB.ru (mybb-ru)[block="mybb-ru"]MyBB.ru, mybb-ru[/block]

Любой движок (any)[block="any"]Любой движок, any[/block]

Тип для форума:

Пользователи (users)[block="users"]Пользователи, users[/block]

Профиль (userprof)[block="userprof"]Профиль, userprof[/block]

Доп. поля профиля (adfield)[block="adfield"]Доп. поля профиля, adfield[/block]

Аватары (avatars)[block="avatars"]Аватары, avatars[/block]

Репутация (repa)[block="repa"]Репутация, repa[/block]

Группы (groups)[block="groups"]Группы, groups[/block]

Гoсти (guest)[block="guest"]Гoсти, guest[/block]

Администраторы (admins)[block="admins"]Администраторы, admins[/block]

Модераторы (moders)[block="moders"]Модераторы, moders[/block]

Регистрация (regis)[block="regis"]Регистрация, regis[/block]

Личные сообщения (ls)[block="ls"]Личные сообщения, ls[/block]

Вход (login)[block="login"]Вход, login[/block]

Подписки (subsc)[block="subsc"]Подписки, subsc[/block]

Поиск (search)[block="search"]Поиск, search[/block]

Цитирование (quotes)[block="quotes"]Цитирование, quotes[/block]

Пагинация (pagin)[block="pagin"]Пагинация, pagin[/block]

Опросы (polls)[block="polls"]Опросы, polls[/block]

Смайлы (smiles)[block="smiles"]Смайлы, smiles[/block]

Фикс скриптов QuadroBoards (qbfix)[block="qbfix"]Фикс скриптов QuadroBoards, qbfix[/block]

Страница форума:

На всех страницах (allpages)[block="allpages"]На всех страницах, allpages[/block]

Страницы (созд. в админке) (fpages)[block="fpages"]Страницы (соз. в админке), fpages[/block]

Главная страница (mainpage)[block="mainpage"]Главная страница, mainpage[/block]

Объявление (announ)[block="announ"]Объявление, announ[/block]

Категории (categ)[block="categ"]Категории, categ[/block]

Форумы (forums)[block="forums"]Форумы, forums[/block]

Статистика (stats)[block="stats"]Статистика, stats[/block]

Список тем (topiclist)[block="topiclist"]Список тем, topiclist[/block]

Страница профиля (profpage)[block="profpage"]Страница профиля, profpage[/block]

Тема (topics)[block="topics"]Тема, topics[/block]

Сообщения (posts)[block="posts"]Сообщения, posts[/block]

Контент сообщений (p-content)[block="p-content"]Контент сообщений, p-content[/block]

Рейтинг постов (p-repa)[block="p-repa"]Рейтинг постов, p-repa[/block]

Профиль автора поста (p-prof)[block="p-prof"]Профиль автора поста, p-prof[/block]

Форма ответа (fo)[block="fo"]Форма ответа, fo[/block]

Модификация ФО (fomod)[block="fomod"]Модификация ФО, fomod[/block]

Новые BB-теги (newbb)[block="newbb"]Новые BB-теги, newbb[/block]

Инструментарий спец тем/постов (spesh)[block="spesh"]Инструментарий спец тем/постов, spesh[/block]

Универсальные теги:

Дизайн/стиль (dis)[block="dis"]Дизайн/стиль, dis[/block]

Замена элементов/атрибутов (chan)[block="chan"]Замена элементов/атрибутов, chan[/block]

Загрузка (load)[block="load"]Загрузка, load[/block]

Переадресация (redir)[block="redir"]Переадресация, redir[/block]

Скроллинг (scroll)[block="scroll"]Скроллинг, scroll[/block]

Виджеты (vidjet)[block="vidjet"]Виджеты, vidjet[/block]

Меню (menu)[block="menu"]Меню, menu[/block]

Вкладки (ttabs)[block="ttabs"]Вкладки, ttabs[/block]

Галереи (gall)[block="gall"]Галереи, gall[/block]

Слайдеры (sliders)[block="sliders"]Слайдеры, sliders[/block]

Ротаторы (rotat)[block="rotat"]Ротаторы, rotat[/block]

Таймеры/даты (timers)[block="timers"]Таймеры/даты, timers[/block]

Спойлеры (spoilers)[block="spoilers"]Спойлеры, spoilers[/block]

Реклама (adv)[block="adv"]Реклама, adv[/block]

Изображения (pics)[block="pics"]Изображения, pics[/block]

Медиа (media)[block="media"]Медиа, media[/block]

Ролевые игры (frpg)[block="frpg"]Ролевые игры, frpg[/block]

Hover-эффекты (hover)[block="hover"]Hover-эффекты, hover[/block]

Анимация (anim)[block="anim"]Анимация, anim[/block]

Украшения (decor)[block="decor"]Украшения, decor[/block]

Праздники (seleb)[block="seleb"]Праздники, seleb[/block]

Ограничения/запреты (stops)[block="stops"]Ограничения/запреты, stops[/block]

Антикопирование (nocopy)[block="nocopy"]Антикопирование, nocopy[/block]

Уведомления (notif)[block="notif"]Уведомления, notif[/block]

ForumD.ru - Дизайн, графика, скрипты, техническая поддержка для форумов и сайтов

Меню навигации

Пользовательские ссылки

Объявление

🎧 Подкаст «НЕТЕРОЛЕВЫЕ»

🍁 Что такое осень? Конкурс осенних дизайнов!

🔥 Акция! Осенние скидки на Мгновенные уведомления

❤️ Поддержи проект! Стань модератором!

💌 Акция! Подписка, лайк, коммент, репост!

🌟 SPECIAL OFFER: We distribute designs for free

❤️ Support the project

Информация о пользователе

оффтоп

Сообщений 291 страница 300 из 379

Поделиться29101.12.10 05:06

Поделиться29202.12.10 21:46

Поделиться29305.12.10 15:02

Поделиться29413.12.10 16:59

Поделиться29513.12.10 17:40

Поделиться29615.12.10 21:54

Поделиться29718.12.10 10:03

Поделиться29821.12.10 13:55

Поделиться29923.12.10 15:24

Поделиться30023.12.10 19:27

Быстрый ответ

Теги оформления специальных постов

Теги оформления картинок

Теги оформления контента