У Вас отключён javascript.
В данном режиме, отображение ресурса
браузером не поддерживается

My Skin

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

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » My Skin » THE SECRET CIRCLE » макеты


макеты

Сообщений 1 страница 7 из 7

1

******

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

м е ч т а   —   ф а н т о м
                     и    ж  и  з  н  ь    —    фантом
https://i.imgur.com/wPwcg7f.gif https://i.imgur.com/2Mb7meG.gif
р а с т а е т,   п е п л о м   с т а н е т.
ковбой руками хельги

+1

2

https://i.imgur.com/Q20rKj1.png
https://i.imgur.com/yevsCDU.png

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

м е ч т а   —   ф а н т о м
                     и    ж  и  з  н  ь    —    фантом
https://i.imgur.com/wPwcg7f.gif https://i.imgur.com/2Mb7meG.gif
р а с т а е т,   п е п л о м   с т а н е т.
ковбой руками хельги

0

3

варианты навигации
я больше за первый, но поднять эту хуйню у меня не вышло

https://i.imgur.com/aZJb0fs.png
https://i.imgur.com/RhFHIyj.png

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

м е ч т а   —   ф а н т о м
                     и    ж  и  з  н  ь    —    фантом
https://i.imgur.com/wPwcg7f.gif https://i.imgur.com/2Mb7meG.gif
р а с т а е т,   п е п л о м   с т а н е т.
ковбой руками хельги

+1

4

основной цвет #235949 (зелень)
основной второй #d2cdc4 (бежевый)

e9b74e (желтый)

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

м е ч т а   —   ф а н т о м
                     и    ж  и  з  н  ь    —    фантом
https://i.imgur.com/wPwcg7f.gif https://i.imgur.com/2Mb7meG.gif
р а с т а е т,   п е п л о м   с т а н е т.
ковбой руками хельги

+1

5

#pun-status .container a {
    color: #fff;
}

1 окно стиля

/* A1.1 */
  @import url(style_cs.css);
  @import url('https://fonts.googleapis.com/css?family=Oranienbaum|Old Standard TT|Amatic+SC|Bad+Script|Caveat|Cormorant+Unicase|Lobster|Open+Sans+Condensed:300|Oswald|Pacifico|Pattaya|Philosopher|Playfair+Display+SC|Playfair+Display|Poiret+One|Yeseva+One|Marck+Script|Pangolin|Raleway:900i|Cormorant+SC|Arima+Madurai|Cabin+Sketch|Pompiere|Cinzel+Decorative|Megrim|Cookie|Roboto|Lora|Yanone+Kaffeesatz|EB+Garamond|Cormorant Garamond|Alice|Neucha|Prata|Press+Start+2P|Rubik+Mono+One|Montserrat|Arsenal|Tenor+Sans|Vollkorn+SC');

@font-face {font-family: 'Casper Bold';
src: local("Casper Bold"), url(https://forumstatic.ru/files/001b/e6/5f/29738.ttf) format('truetype');}

@font-face {
    font-family: GentoDream;
    src: local('GentoDream'),
        url('https://forumstatic.ru/files/001b/e6/5f/44024.eot') format('eot'),
        url('https://forumstatic.ru/files/001b/e6/5f/88385.ttf') format('ttf'),
        url('https://forumstatic.ru/files/001b/e6/5f/76036.woff') format('woff');
       url('https://forumstatic.ru/files/001b/e6/5f/42010.woff2') format('woff');
        font-style: italic;
  }

@font-face { font-family: Bigilla;
src: local("31276"), url(https://forumstatic.ru/files/001a/28/10/31276.ttf) format('truetype');}

@font-face { font-family: Amanda;
src: local("Amanda"), url(https://forumstatic.ru/files/001a/28/10/10766.ttf) format('truetype');}
@font-face { font-family: Agoka Family;
src: local("AgokaFamilyRegular"), url(https://forumstatic.ru/files/001a/28/10/85666.ttf) format('truetype');}

@font-face {font-family: 'Dance';
src: local("Dance"), url(https://forumstatic.ru/files/001b/e6/5f/26622.ttf) format('truetype');;}

/* 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;
    margin-top: -2px;
    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.02%;
  }

/* A3.2 */
.punbb {
  font: normal 68.75% verdana, arial, helvetica, sans-serif;
  }

/* 3.3 */
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
  }

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

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

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

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

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

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

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

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

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

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

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

/* A5 Basic page layout and borders
-------------------------------------------------------------*/
/* A5.1 */
/* ширина форума */
#pun {
  margin: auto;
  width: 1000px;
  position: relative;
  }

/* ширина окна внутри */
/* A5.2 */
.punbb {
  height: auto;
  width: 950px;
  margin: 0 auto;
  padding-left: 0px;
  }

/* переадресация */
/* A5.3 */
   #pun-redirect{
  border:0 none!important;
background-image: url(https://forumstatic.ru/files/001b/e6/5f/40992.png?v=1);
  left:0;right:0;
  top:0;bottom:0;
margin:0px;
padding:0px;
  position:fixed;
  width:100%;
  height:100%;
  text-align: center;
}
#pun-redirect *{
  border:0 none;
}
#pun-redirect .main-title {
display: none;
}
#pun-redirect.punbb .info .container{
margin-top: 5%;
  display:inline-block;
  width:469px;
height: 100px;
background-repeat: no-repeat;
    color: #235949;
    background-color: #d2ccc2;
    border: 3px #235949 double!important;
    font-size: 10px;

}

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

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

#pun-index .category table {
    margin-top: 0px !important;
    margin-bottom: 5px;
}

/* ширина подфорума */
/* A5.6 */
.punbb #pun-category1, .punbb #pun-category2, .punbb #pun-category3, .punbb #pun-category4, .punbb #pun-category5, .punbb #pun-category6, .punbb #pun-category7, .punbb #pun-category8, .punbb #pun-category9, .punbb #pun-category10, .punbb #pun-category11 {
    margin-top: 20px;
    margin-left: 30px;
    margin-right: 30px;
}

/* 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;
    border-width: 0px 0px 0px 0px;
    border-color: #295445;
  }

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

/* A5.10 */
.punbb .section h2, #pun-main h1, #pun-stats h2, #pun-main h2, #pun-debug h2 {
    padding: 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;
  text-align: justify;
}

/* b1.2 разделитель подписи */
.punbb .post-sig dt {display: block;
width: 80%; margin: 25px auto;
border: 0; height: 1px;
-ms-filter: "progid:dximagetransform.microsoft.gradient (gradienttype=0, startcolorstr=#295445, endcolorstr=#295445)"; /* ie 8-9 */
    background: -webkit-linear-gradient(left, rgba(0,0,0,0), #39735f, #2d6454, rgba(0,0,0,0)); /* safari 5.1, ios 5.0-6.1, chrome 10-25, android 4.0-4.3 */
background: -moz-linear-gradient(left, rgba(0,0,0,0), #39735f, #2d6454, rgba(0,0,0,0)); /* firefox 3.6-15 */
background: -o-linear-gradient(left, rgba(0,0,0,0), #39735f, #2d6454, rgba(0,0,0,0)); /* opera 11.1-12 */
background: linear-gradient(left, rgba(0,0,0,0) #39735f, #2d6454, rgba(0,0,0,0)); /* opera 15+, chrome 25+, ie 10+, firefox 16+, safari 6.1+, ios 7+, android 4.4+ */ }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*************************************************************
c - main content - specific
**************************************************************/

/* c1 form layout
-------------------------------------------------------------*/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* c1.15 */
.punbb .areafield span.input, .punbb p.longinput span.input {
  display: block;
  padding: 0 12em 0 0;
  height: 100%; /* for ie */
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* C2.8 */
#pun-index .tcl h3 {
font-weight:normal;
letter-spacing:0px;
  }

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

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

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

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

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

    * html .tclcon {height: 1px}

/* подложка подфорумов */
/* C2.14 */
  .punbb td div.tclcon {
  margin-left: 10px;
  font-family: arial, san-serif;
text-align: justify;
padding: 8px;
  font-family: Corbel;
  font-size: 12px;
  text-transform: lowercase;
  line-height: 130%;
  background-color: #;
}

/* иконки */
/* C2.15 */
    .punbb div.icon {
        float: left;
        display: block;
        width: 14px;
        height: 100px;}

   

/* c3 topics
-------------------------------------------------------------*/
/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3 {
  border-color:  transparent;
  }

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color: transparent;
  margin-top : 0px;
  }

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border-color: transparent ;

  }

/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
  border-color: transparent;

  }

/* CS2.5 */
.punbb th {
  border-color: transparent ;

  }

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
border-color: #;

  }

#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
  border-color: transparent;

  }

#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
  border-color: transparent ;

  }

.punbb .divider {
  border-color: transparent;

  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 1px solid transparent ;

  }

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

  }

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

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

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

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

/* ПРОФИЛЬ -------------------------------------------------------------------------------------------------- */

/* C3.5 */
.punbb .post .post-author {
float:left;
  overflow: hidden;
  }

/* C3.6 */
.punbb .post .post-author ul, .punbb .post .post-author p {
  line-height: 1.3em;
  }

/* C3.7 */
.pa-author {
}

/* C3.8 */
.pa-author a {
  }

/* C3.9 */
li.pa-title {
}

li.pa-online {
  }

/* c3.11 двигаем поле поста от профиля*/
.punbb .post-body {
  margin-left: 18em;
  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: 27em;
border-left-style: solid;
border-left-width: 0px;
border-color: transparent;
    text-align: right;
color: #6b8a98 !important; 
}

/* c3.15 редактировать, удалить, цитировать - меняем*/
.punbb .post-links ul {
padding: 0 10px 3px 0;
    height: 16px;
    border-top: 1px dashed #969ea5 !important;
    line-height: 2em;
    margin-left: -19em;
    text-align: right;
text-transform: uppercase;
    font-family: 'Casper Bold';
}

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

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

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

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

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

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

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

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

/* c7 user list
-------------------------------------------------------------*/

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

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

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

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

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

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

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

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

#pun-title h1 span  {
  font-size: 0;
  }

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

/* D2.1 */
#pun-pagelinks {
  position: absolute;
  top: 50px;
  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;
  }

/* НАВИГАЦИЯ ВЕРХНЯЯ */
/* D3.2 */
#pun-navlinks .container {
  padding: 0.7em 1em;
  margin-top:-20px;
  margin-left:0px;
  text-align:center;
  }

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

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

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

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

/* НАВИГАЦИЯ НИЖНЯЯ */
/* D4.2 */
#pun-ulinks .container {
border-top: none;
    margin-top: -220px;
    width: 997px;
    margin-left: -22px;
    padding: 0.7em 1em;
    padding-bottom: 32px;
    position: absolute;
  }

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

/* D5.2 */
#pun-status .container {
padding: 5px 0px 7px 10px;
    position: absolute;
    margin-top: -184px;
    display: inline-flex;
    margin-left: 292px;
    color: #fff;
    letter-spacing: 0.5px;
    text-align: center;
    border-radius: 15px 15px 0 0px;
    font-size: 11px;
  }

#pun-status .status-right {
    float: right;
    display: none;
}

/* 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 {
  line-height: 150%;
  }

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

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

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

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

2 окно стиля

/* прочие элементы -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* исключения */
#pun-announcement h2 {display: none}
#pun-main div.catleft, #pun-main div.catright {display: none}
.category .container thead {display: none;}
#post-form h2 {display:none;}
#topic-modmenu span {display:none;}
#pun-navlinks li#navawards {display: none;}
.lastedit {display:none;}
.sharelink {display: none;}
.post-links li.pl-reports {display:none;}
#pun-stats .section {display:none;}
div#pun-live-rusff {display:none;}

/* стиль разных элементов форума ------------------------------------------------------------ */

#pun-crumbs2 p.container {margin-left:40px; text-align:left; font-family:arial; text-transform: lowercase; letter-spacing:0px; font-size:10px;}
#pun-about p.container {margin-left:40px; float:left; text-transform:lowercase; font-size:10px;}
#main-reply {
    padding:10px 15px 10px 15px;
    text-align:justify;
    font:13px arial!important;
    }

/* фон */
html {
    background:url(https://forumstatic.ru/files/001b/e6/5f/40992.png?v=1) bottom center repeat #212424;
    background-attachment:fixed;
    background-size: cover;
    }

/* шапка */
body {
    background:transparent url(https://forumstatic.ru/files/001b/e6/5f/45701.png) center top no-repeat;
    padding-top:350px !important;
    }

/* тело */
#pun {
    background-color:transparent;
    background-image:url(https://forumstatic.ru/files/001b/e6/5f/76303.png);
    }

/* футер*/
#pun-about p.container {
    background: transparent url(https://forumstatic.ru/files/001b/e6/5f/58650.png) bottom center no-repeat;
    width: 1050px;
    margin-bottom: -42px;
    margin-left: -26px;
    height: 40px;
    background-position: 0 50%;
    margin-top: -30px;
}

/* цвет текста на форуме  */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, #pun-navlinks .container, .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, .punbb-admin #pun-admain .adcontainer, #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, #pun-title, #pun-title .container, .punbb .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl, #pun-navlinks .container {
    background-color: transpanent;
    color: #424242;
   
    }

/* цвет всех ссылок  */

.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, .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited, .punbb li.isactive a:focus {
    color:#265d4d;
    text-decoration:none;

    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    transition: all .5s ease-out;
    }

/* цвет ссылок при наведении  */
.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, .punbb li.isactive a:focus {
    color:#4c6d63;
    text-decoration:none;

    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    transition: all .5s ease-out;
    }

/* цвет навигации форум, участники тд */
#pun-navlinks a {
    display: inline-block;
    padding:2px 3px 1px 3px;
    text-transform: uppercase;
    font-size: 12px !important;
    font-family: 'Casper Bold';
    letter-spacing: 0px;
    font-weight:;
    color: #235949;
    text-decoration: none;
    transition: all .5s ease-out;
    }
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
    display: inline-block;
    padding:2px 3px 1px 3px;
    text-transform: uppercase;
    font-size: 12px !important;
    font-family: 'Casper Bold';
    letter-spacing: 0px;
    font-weight:;
    color: #4e7a6d;
    text-decoration: none;
    transition: all .5s ease-out;
    }

/* цвет навигации новые соо и тд*/
#pun-ulinks {
    text-align: center!important;
    text-transform: uppercase;
    font-weight: 100;
    font-family: 'Roboto';
    font-size: 5px;
    padding: 0 0px 7px 0;
    }

/* цвет навигации новые соо и тд при наведении*/
#pun-ulinks a {
    text-transform: uppercase;
    font-size: 7px;
    font-family: 'Roboto';
    color: #d9d9d9;
    text-decoration: none;
    font-weight: bold;
    letter-spacing: 2px;
    text-shadow:;
    }
#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
    text-transform: uppercase;
    font-size: 7px;
    font-family: 'Roboto';
    color: #4e7a6d;
    text-decoration: none;
    font-weight: bold;
    letter-spacing:0px;
    text-shadow:;
    }

/* цвета скролла */
::-webkit-scrollbar {
    width: 10px;
    height: 3px;}

::-webkit-scrollbar-track {
background: #235949!important;
}

::-webkit-scrollbar-thumb {
background: #75928a!important;
}

::-webkit-scrollbar-thumb:active {
background: #75928a!important;
}

/* оформление на главной странице "темы, ответы", двигаем*/
#pun .category .tcl {
    width: 90%;
    font-size:2px;
    display:block;
    padding-bottom:0px;
    margin-bottom:0px;
    }

#pun .category .tc2, #pun .category .tc3 {
    display:inline-block;
    width:40%;
    margin:0px 0 0 0;
    font: 8px 'Casper Bold';
    line-height: 10px;
    letter-spacing:0px;
    color: #235949;
    text-transform:uppercase;
    line-height:1px;
    font-weight: bold;
    }
#pun .category .tc2 {
    text-align:center;
    }
#pun .category .tc3 {
    text-align:center;
    }
#pun .category .tc2::before {
    content: "темы: ";
    }
#pun .category .tc3::before {
    content: "все ответы: ";
    }

/* шрифт названия подфорума */
#pun-index .tcl h3 {
    margin-bottom: 6px;
    padding-bottom:5px;
    text-align: right;
    }
#pun-index .tcl h3 a {
    font-family: Bigilla;
    font-size: 20px;
    letter-spacing:4px;
    font-weight:bold;
    text-transform: uppercase;
    color: #235949;
    text-shadow: 0px 0px 1px #75928a;
    }

/* ссылки в подфорумах */
#podflink {
    margin-top: 4px;
    padding: 0px 0px 1px 0px;
    text-align: center;
    background-color: #225b4a;
    border-radius: 3px;
    border: 1px solid #61867b;
    box-shadow: 0 0 1px #61867b inset;
}

#podflink a {
    color: #d3cec4 !important;
    font-family: 'Roboto';
    text-transform: uppercase;
    font-size: 9px;
    padding: 1px 2px 2px 2px;
    letter-spacing: 0.5px;
}

#podflink a:hover {
    color: #e4e1df !important;
    font-family: 'Casper Bold';
    text-transform: uppercase;
    background-color: #61867b;
    font-size: 7px;
    padding: 1px 2px 2px 2px;
    letter-spacing: 0.6px;
    transition-duration: 0.5s;
}

/*аватар на главной*/
.punbb .user-avatar .avatar-image {
    border-radius: 50%;
    max-height: 25px;
    max-width: 25px;
    opacity: 0.85;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    float: left;
    border: 1px solid #235949;
}

/*шрифт на главной под название тем*/
#pun .category .tcr {
    font-size:10px;
    width: 30% !important;
    }
#pun .category .tcr a {
    font: 10px 'Dance';
    font-weight:bold;
    letter-spacing:1px;
    text-transform: uppercase;
    color:#235949;
    }

/* цвет строки с приветствием на главной странице*/
#pun-status .container, #pun-about .container {
    color: #235949;
    font-size: 11px;
    margin-top: 120px;
    font-weight: 100 !important;
    font-family: 'Arial'
}

#pun-status .container a {
    color: #000000;
}

/* дата */
#pun-main h3 a {
    font-size:10px;
    font-family: Casper Bold;
    color:#235949;
    text-transform:uppercase;
    letter-spacing: 1px;
    font-weight:bold;
    padding: 0px 0px 0px 10px;
    }

/* номер поста  */
#pun-viewtopic div.post h3 strong {
    text-transform:uppercase;
    font-weight:bold;
    font-size:12px;
    font-family:'Casper Bold';
    color:#235949;
    margin-top: 2px;
    }

/* номер страницы  */
#pun-main .linksb .pagelink {
    padding:0 0 0 3px;
    font-size: 11px;
    text-align: left;
    font-weight: normal;
    font-family: 'Casper Bold';
    text-transform: lowercase;
    color:#235949;
}
#pun-main .linkst .pagelink {
    padding:20px 0 0 0;
    font-size: 11px;
    text-align: left;
    font-weight: normal;
    font-family: 'Casper Bold';
    text-transform: lowercase;
    color:#235949;
}

/* цитата и коды, оформление */

blockquote {
  background: none repeat scroll 0 0 #d1cbc1;
  border-bottom: 1px dashed #235949;
  border-top: 1px dashed #235949;
  color: #080808;
  font-size: 10px;
  line-height: 1.45;
  padding: 20px;
  position: relative;
  text-align: justify;
  margin: 4% auto;
  min-height: 48px;
  }

.punbb .quote-box cite, .punbb .code-box strong.legend {
    font-size: 12px!important;
    font-weight: bold;
    font-family: 'Casper Bold';
    letter-spacing:2px;
    color:#235949;
    text-transform: uppercase;
    margin-bottom: 10px !important;
    border-bottom: 1px solid #225747;
}
.code-box strong.legend a {color:#225747;}

/* окно быстрого ответа */
.punbb textarea {
    background: url() #00000024;
    }
div#addition-area, #font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area {
    background-color: #bbbdb2;
    border:1px solid #235949;
    margin-top: 20px;
    }
#font-area {height:200px; overflow-y:scroll;}

/* навигационное меню */
.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span, .punbb select, .punbb input {
    height: 20px;
    background: #d0cac0;
    border-radius: 3px;
     font-family: 'Casper Bold';
    font-size: 11px;
    font-weight: bold;
    border: 1px solid #b8ad9c;
    text-align: left!important;
    color: #235949;
    }

/* редактировать, цитировать, удалить  */

.punbb .post-links ul {
    padding:0 1em 0em 0;
    height:2em;
    line-height:2em;
    margin:0 1em 0em -1em;
    text-align: right;
    }
#pun-main .post-links a {
    font:9px 'Casper Bold';
    text-transform:uppercase;
    letter-spacing:0.5px;
    font-weight:bold;
    }

/* подписаться и отслеживать тему ------------------------ */
#pun-main .subscribelink {
    margin:15px 10px 0 0;
    font-size:10px;
    text-align:right;
    text-transform: lowercase;
    } 
#pun-main .subscribelink a {
    font-size:10px;
    font-family: 'Casper Bold';
    color:#696969;
    }

/* тему просматривают  */
#topic-users-in p.container {
    font-size: 11px;
    padding-left: 13px;
    text-transform: lowercase;
    color: #1d1d1d;
    }

#topic-users-in a {
    font-family:'Casper Bold';
    font-weight:normal;
    }

/* цвет выделение текста*/
::selection { background: #225a46; color: #cfcfcf;

/* цвет при маркировке текста*/
.post-content .highlight-text { background-color: #d57a7a!important;
padding: 0 3px;}

/* ГРАФИЧЕСКАЯ ЧАСТЬ */
/* иконки */

/* иконка старых сообщений*/
.punbb table Div.icon {
    float:right;
    margin:8px 0px 0px 10px;
    clear:none;
    display:block;
    width:14px;
    height:100px;
    background: #d2cdc4;
    }

/* иконка новых */
TR.inew Div.icon { 
        background: #235949;
    }

/* иконка важных*/
TR.isticky Div.icon {
    background:url(https://forumstatic.ru/files/001b/e6/5f/13122.png);
    }

/* иконка закрытых*/
TR.iclosed Div.icon {
    background:url(https://forumstatic.ru/files/001b/e6/5f/89214.png);
    }

/* убираем надписи в категориях */
.category thead{
    display:none;
}

#pun-stats.section h2 span, #pun-main .category h2 span, #post-form h2 span {display: none;}

#pun-index div.category .container {
    position: relative;
    display: block !important;
    margin: 10px 0 10px;
    padding: 20px;
    border-radius: 10px;
    border: solid 1px #235949!important;
}







/* размытый скрытый текст ----------------------------- */
del {
    text-decoration:none;
    text-shadow: 1px 1px 4px #636363,
    -1px -1px 4px #636363;
    color:#0000;
    }

del:hover {
    text-decoration:none;
    text-shadow:none;
    color:#424242;
    }

/* блок профиля */
.punbb .post .post-author {
    position:relative;
    width:200px;
    overflow:hidden;
    margin-left:11px;
   
    border-top:7px solid #235949;
    border-left:2px solid #235949;
    outline:2px solid #235949;
    }

/* сам профиль */
.punbb .post .post-author ul, .punbb .post .post-author p {
    text-align:center;
    margin-left:10px;
    width:180px;
    line-height:1em;
    }

/* блок ФИО */
.pa-author {
    width:180px;
    height:20px;
    margin:10px 0px 6px 0px!important;
    background: url() top center no-repeat #235949;
    border-bottom:1px solid #6f6a674f;
    text-decoration:none;
    font-size:10px;
    text-transform:uppercase;
    font-family:'Bigilla';;
    font-weight:bold;
    letter-spacing:1px;
    color: #fdfdfd;
    line-height:10px;
    border-radius:3px;
    }

/* сами ФИО */
li.pa-author a:link, li.pa-author a:visited, li.pa-author a:hover, li.pa-author a:active, li#profile-name strong {
    text-decoration:none;
    font-size:14px;
    text-transform:uppercase;
    font-family: 'Bigilla';
    font-weight:bold;
    letter-spacing:2px;
    line-height:22px;
    color: #cecece;
    text-shadow:0px 0px 2px #cecece;
    }

/* репутация и сообщения */
.pa-posts, .pa-respect1, .pa-respect, .pa-fld3, .pa-fld4 {
    padding: 6px 10px 9px 5px!important;
    margin-top: 1px !important;
    display: inline-block!important;
    float: none!important;
    max-width: 34px!important;
    height: 27px!important;
    text-align: center;
    text-transform: lowercase;
    font-size: 9px;
    font-family: 'Casper Bold';
    color:#484848;
}

li.pa-respect a:link, li.pa-respect a:visited, li.pa-respect a:active, li.pa-respect a:hover {
    color:#484848;
    }

/* дополнительное поле */
li.pa-fld1 {
   
    padding:8px 10px 10px 10px!important;
    margin-left:-5px;
    margin-top:-10px;
    width:170px;
    font:10px 'Casper Bold';
    line-height:10px;
    text-align:justify;
    color:#353535;
    }

/* C3.9  статус пользователя */
li.pa-title {
    margin-left:-5px;
    height:30px;
    width:190px;
    font-family:'Casper Bold';
    color:#737373;
    font-size:10px;
    font-weight:bold;
    letter-spacing:2px;
    line-height:24px;
    text-transform:uppercase;
    }

/* онлайн */
li.pa-online {
    margin-top:0px;
    font-family:'Casper Bold';
    border-top:1px solid #00000017;
    background:url() top center no-repeat #b5ae9100;
    font-size:8px;
    letter-spacing:1px;
    text-transform:uppercase;
    line-height:25px;
    color:#545454;
    font-weight:normal;
    }

/* блок постов */
.punbb .post-box {
    padding:1em;
    margin-left:40px;
    margin-top:10px;
    line-height:14px;
    text-align: justify;
    }

/* страница профиля */
td#profile-left {text-align:center;}
td#profile-right span {text-align:right;}
td#profile-right strong {text-align:left;}

/* прочие элементы -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* исключения */
#pun-announcement h2 {display: none}
#pun-main div.catleft, #pun-main div.catright {display: none}
.category .container thead {display: none;}
#post-form h2 {display:none;}
#topic-modmenu span {display:none;}
#pun-navlinks li#navawards {display: none;}
.lastedit {display:none;}
.sharelink {display: none;}
.post-links li.pl-reports {display:none;}
#pun-stats .section {display:none;}
div#pun-live-rusff {display:none;}

/* статус картинки со статистикой 24*/
#pun-stats ul.container {padding-left: 20px; font: 11px arial; text-align: center;}

/* показатели в статистике ------------------------ */
.statscon li.item1, .statscon li.item2, .statscon li.item3, .statscon li.item4 {
    text-transform: uppercase;
    font: 8px 'Casper Bold';
    padding: 2px 10px 2px 10px;
    margin: 0px 1px 5px 2px;
    display: inline-block;
    letter-spacing: 0px;
    border-radius:6px;
    color: #585858;
    }

/* легенды  */
.punbb fieldset legend {
    padding: 3px 10px 5px 0 !important;
    font: 12px arial !important;
    text-transform:lowercase;
    }
#post-form fieldset legend {width: 100%;}

/* строка с приветствием */

#pun-status .container {text-align:left; font-size:10px; text-transform:lowercase;}
#pun-crumbs1 .container {
    margin-left:70px;
    margin-top:15px;
    text-align:left;
    font-family:arial;
    text-transform: lowercase;
    letter-spacing:0px;
    font-size:10px !important;
    color:#4d4d4d;
    }

0

6

https://forumupload.ru/uploads/001b/e6/5f/2/758745.png https://forumupload.ru/uploads/001b/e6/5f/2/269331.png https://forumupload.ru/uploads/001b/e6/5f/2/542807.png https://forumupload.ru/uploads/001b/e6/5f/2/538902.png

не уменьшенные

https://forumupload.ru/uploads/001b/e6/5f/2/418867.png https://forumupload.ru/uploads/001b/e6/5f/2/166551.png https://forumupload.ru/uploads/001b/e6/5f/2/244375.png https://forumupload.ru/uploads/001b/e6/5f/2/870455.png

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

м е ч т а   —   ф а н т о м
                     и    ж  и  з  н  ь    —    фантом
https://i.imgur.com/wPwcg7f.gif https://i.imgur.com/2Mb7meG.gif
р а с т а е т,   п е п л о м   с т а н е т.
ковбой руками хельги

0

7

https://forumupload.ru/uploads/001b/e6/5f/3/985638.png

коды

/* D7.1 */
#pun-stats .container {
    position: relative;
    z-index: 9;
    background: #d3cdc3;
    border: 1px solid #245b4c;
    border-radius: 40px;
  }

/* показатели в статистике ------------------------ */
.statscon li.item1 {
    margin-top: 20px;
    margin-left: 11px;
    border: 1px solid #285944;
    width: 115px;
    padding: 0px 5px;
    /* display: inline-flex; */
    border-radius: 20px;
    justify-content: center;
}

.statscon li.item2 {
margin-top: 6px;
    margin-left: 146px;
    border: 1px solid #195140;
    width: 115px;
    padding: 0px 5px;
    border-radius: 20px;
}

.statscon li.item3 {
    margin-top: 51px;
    margin-left: 57px;
    text-align: center!important;
    background: #27554a;
    color: #fff !important;
    width: 150px;
    padding-top: 10px !important;
    height: 15px;
    z-index: 0;
    font-weight: 500;
    padding: 0px 5px;
    border-radius: 0px 0px 25px 25px;
}

.statscon li.item4 {
    margin-top: 35px;
    margin-left: 11px;
    border: 1px solid #1f5c47;
    padding: 0px 5px;
    border-radius: 10px;
    text-align: center!important;
    display: grid;
    z-index: 1;
    background: #d4cec4;
}

li#onlinelist {
margin-top: -9px !important;
    border-top-style: solid;
    border-top-width: 1px;
    float: left;
    line-height: 130%;
    -webkit-text-size-adjust: none;
}

.statscon li.item5.users_24h {
    min-height: 80px;
    margin-bottom: 15px;
}
.statscon li.item5 {
    display: block;
    width: 780px!important;
    margin: 0px 0px 0px 295px;
    text-align: justify!important;
}

.statscon li.item1, .statscon li.item2, .statscon li.item3, .statscon li.item4 {
position: absolute;
    display: block;
    width: 240px;
    text-align: center!important;
    font-size: 9px !important;
    margin-left: 18px;
    letter-spacing: 1px;
    color: #25594a;
    font-weight: bold;
    font-family: 'Casper Bold';
    text-transform: lowercase !important;
}

0

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

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


Календари
Вкладки
Слайдеры
Всплывающие окна и другое

Создание ячеек

Календарь [block="kelendar"] , [/block]

Вставка блока календаря. Ячейки нужно вставлять внутрь этого блока.

Ячейка календаря [block="item"] [block="date"][block="number"],[/block] [block="day"][/block][/block] [/block]

Вставляем число внутрь блока number.
Вставляем день недели внутрь блока day.

Пустая ячейка [block="item empty"],[/block]

Пустая ячейка служит для заполнения остатка пространства календаря. Каждая строка должна содержать 7 ячеек.

Контент ячеек

Вставить дату [block="date"] [block="number"],[/block] [block="day"][/block] [/block]

Отдельный тег для вставки числа и дня недели.
Вставляем число внутрь блока number.
Вставляем день недели внутрь блока day.

Событие [block="event"] , [block="close"]✘[/block][/block]

Блок для описания события. Вставляется внутрь ячейки календаря ОТДЕЛЬНО от даты.
Внутри блока с событиями можно использовать любые бб-теги, картинки, спойлеры, цитаты и т.д.

Добавить вкладку [block="kelendar tab"] , [/block]

Вставка блока вкладки. Внутри можно использовать любой бб-контент.
У вас также есть опции переключать календари. Для этого используйте вместо вкладки коды календаря.
ВНИМАНИЕ! оборачивать календари вкладкой НЕ НУЖНО.

Обернуть календари или вкладки [block="fdk-wrap"] , [/block]

Оберните все блоки kelendar или kelendar tab в этот тег.
Это позволит избежать проблемы с "прыжками" календарей при переключенивкладок.

Переключатель вкладок [block="switcher"] [block="button"]1-я кнопка,[/block] [block="button"]2-я кнопка[/block] [block="button"]3-я кнопка[/block] [/block]

Кнопки переключения должны вставляться отдельно - ВНЕ блоков kelendar или fdk-wrap.
Вы можете вставить переключатель как над вкладками или календарями, так и под ними.
Количество кнопок должно соответствовать количеству вкладок, они автоматически закрепляются за блоками kelendar или kelendar tab в том порядке, в котором они у вас расставлены в посте.

Слайдер [block="fdk-slider"] , [/block]

Вставка блока слайдера. Слайды нужно вставлять внутрь этого блока.

Добавить слайд [block="slide"] , [/block]

Вставка блока слайда. Внутри можно использовать любой бб-контент.
У вас также есть опции вставлять внутрь слайда календари.
Вкладки вместе со слайдером НЕ СОВМЕСТИМЫ.

Всплывающие окна

Пост с всплывающими окнами [block="kelendar tags"] , [/block]

Оберните содержимое поста в этот блок, чтобы в нем работали всплывающие окна.
ВНИМАНИЕ! если вы используете вкладки, вставлять этот тег НЕ НУЖНО - внутри вкладок всплывающие окна работают без дополнительных тегов.

Всплывающее окно [block="popup"] отображаемый контент, [block="event"] всплывающий контент [block="close"]✘[/block][/block] [/block]

Внутри блока popup вставляется видимый по умолчанию контент.
Внутри блока event вставляется контент, который будет всплывать при клике на видимый контент.
В обоих случаях можно использовать любые бб-теги, картинки и т.д.

Дополнительные теги

Кнопки-ссылки [block="fdklinks"],[/block]

Вставляйте внутрь этого блока простые бб-ссылки, чтобы превратить их в стилизованные кнопки.

Отгрузка на страницу

Неотгружаемый контент [block="fdk-header"],[/block]

При отгрузке сообщения на страницу все, что находится внутри этого блока, будет скрыто на странице, но при этом отображаться в посте.


Вы здесь » My Skin » THE SECRET CIRCLE » макеты


Рейтинг форумов | Создать форум бесплатно