В каталог! (отдать дизайн для свободного использования)

Страница: « 1 2 3 4 »

Сообщений 21 страница 30 из 36

Поделиться103.11.17 14:23

Автор: Gerda
крашеный некротехнофил
Последний визит:
03.12.24 00:27
Уважение: +10113

topic=this
[expl]

no-prof

В этой теме вы можете поделиться своими дизайнами или psd-макетами.
Принимаются любые работы. Насколько они красивы/не красивы и подходят ли они для каталога - решаем не мы, а пользователи.
Оставляйте здесь информацию по шаблонам - модератор красиво отредактирует топик и добавит его в навигацию.

[/expl]
Название:
[expl]придумайте название дизайну. желательно использовать в названии тематику и цветовую гамму, например "сумерки черные"/"twilight black"
Комбинация тематика+цветовая гамма позволит пользователям по заголовку топика понимать, что скрывается внутри.[/expl]
[input width=95%]*Название стиля/шаблона[/input]
Условия публикации/использования:
[expl]вы можете указать, что вы хотите от нас при публикации (например, разместить определенные ссылки и баннеры в топике с дизайном), а также условия использования вашей работы (например, не удалять копирайт при таких-то условиях).
Если дизайн отдается без условий и заморочек, то поле заполнять не обязательно.[/expl]
[textarea width=100%]Условия публикации/использования[/textarea]
Автор/источник:
[expl]откуда взялся дизайн или вы его сами сделали? укажите автора или ссылку на источник. можно вставить баннеры, ссылки и т.д. - модератор красиво разместит их в топике[/expl]
[textarea width=100%]*Автор или источник[/textarea]
Платформа:
[expl]укажите для какого движка подойдёт ваш стиль. Если вы хотите поделиться макетом, так и пишите что подойдёт для любой платформы[/expl]
[input width=95%]*Название движка/платформы[/input]
Цветовая гамма:
[expl]перечислите цвета стиля/шаблона[/expl]
[input width=95%]Цвета[/input]
Корректность отображения: [select]none|ДА|НЕТ[/select]
Мобильная версия: [select]none|ДА|НЕТ[/select]
[expl]вы смотрели стиль при разных разрешениях и в разных браузерах?
если вы тестировали стиль и нет ошибок типа размножения фона или торчащих элементов, выбирите пункт "ДА".
если не тестировали - отметьте "нет"[/expl]
[expl]если вы проверили стиль при разных разрешениях и в нем есть ошибки, напишите какие ошибки вы заметили и при каком разрешении экрана стиль более-менее корректно отображается.[/expl]
[textarea width=100%]комментарий о корректности отображения стиля[/textarea]
Исходники или макет:
[expl]дайте ссылку на скачивание PSD-макета дизайна или PSD отдельных элементов (шапка, например).
если все утеряно - пишите "нет"[/expl]
[textarea width=100%]*Исходники и макет[/textarea]
Скриншот:
[expl]обязательно разместите скриншот дизайна. желательно залить картинку через форум[/expl]
[textarea width=100%]*Скриншоты[/textarea]
Код:
[expl]разместите код дизайна в тегах [*code][/expl]
[textarea width=100%]Коды дизайна[/textarea]

Код:

***QUESTIONARY***
%[%expl%]%%[%block="no-prof"%]%no-prof%[%/block%]%В этой теме вы можете поделиться своими дизайнами или psd-макетами.
Принимаются любые работы. Насколько они красивы/не красивы и подходят ли они для каталога - решаем не мы, а пользователи.
Оставляйте здесь информацию по шаблонам - модератор красиво отредактирует топик и добавит его в навигацию.
%[%hr%]%
%[%/expl%]%
%[%b%]%Название:%[%/b%]% 
%[%expl%]%%[%i%]%придумайте название дизайну. желательно использовать в названии тематику и цветовую гамму, например "сумерки черные"/"twilight black"
Комбинация тематика+цветовая гамма позволит пользователям по заголовку топика понимать, что скрывается внутри.%[%/i%]%%[%/expl%]% 
%[%input width=95%%]%*Название стиля/шаблона%[%/input%]% 
%[%b%]%Условия публикации/использования:%[%/b%]% 
%[%expl%]%%[%i%]%вы можете указать, что вы хотите от нас при публикации (например, разместить определенные ссылки и баннеры в топике с дизайном), а также условия использования вашей работы (например, не удалять копирайт при таких-то условиях).
Если дизайн отдается без условий и заморочек, то поле заполнять не обязательно.%[%/i%]%%[%/expl%]% 
 %[%textarea width=100%%]%Условия публикации/использования%[%/textarea%]% 
%[%b%]%Автор/источник:%[%/b%]% 
%[%expl%]%%[%i%]%откуда взялся дизайн или вы его сами сделали? укажите автора или ссылку на источник. можно вставить баннеры, ссылки и т.д. - модератор красиво разместит их в топике%[%/i%]%%[%/expl%]% 
 %[%textarea width=100%%]%*Автор или источник%[%/textarea%]% 
%[%b%]%Платформа:%[%/b%]% 
%[%expl%]%%[%i%]%укажите для какого движка подойдёт ваш стиль. Если вы хотите поделиться макетом, так и пишите что подойдёт для любой платформы%[%/i%]%%[%/expl%]% 
%[%input width=95%%]%*Название движка/платформы%[%/input%]% 
%[%b%]%Цветовая гамма:%[%/b%]% 
%[%expl%]%%[%i%]%перечислите цвета стиля/шаблона%[%/i%]%%[%/expl%]% 
%[%input width=95%%]%Цвета%[%/input%]% 
%[%b%]%Корректность отображения:%[%/b%]%  %[%select%]%none|ДА|НЕТ%[%/select%]%
%[%b%]%Мобильная версия:%[%/b%]%  %[%select%]%none|ДА|НЕТ%[%/select%]%
%[%expl%]%%[%i%]%вы смотрели стиль при разных разрешениях и в разных браузерах? 
если вы тестировали стиль и нет ошибок типа размножения фона или торчащих элементов, выбирите пункт "ДА". 
если не тестировали - отметьте "нет"%[%/i%]%%[%/expl%]%
%[%expl%]%%[%i%]%если вы проверили стиль при разных разрешениях и в нем есть ошибки, напишите какие ошибки вы заметили и при каком разрешении экрана стиль более-менее корректно отображается.%[%/i%]%%[%/expl%]%
 %[%textarea width=100%%]%комментарий о корректности отображения стиля%[%/textarea%]%
%[%b%]%Исходники или макет:%[%/b%]% 
%[%expl%]%%[%i%]%дайте ссылку на скачивание PSD-макета дизайна или PSD отдельных элементов (шапка, например).
если все утеряно - пишите "%[%b%]%нет%[%/b%]%"%[%/i%]%%[%/expl%]%
 %[%textarea width=100%%]%*Исходники и макет%[%/textarea%]% 
%[%b%]%Скриншот:%[%/b%]% 
%[%expl%]%%[%i%]%обязательно разместите скриншот дизайна. желательно залить картинку через форум%[%/i%]%%[%/expl%]%
 %[%textarea width=100%%]%*Скриншоты%[%/textarea%]%
%[%b%]%Код:%[%/b%]% 
%[%expl%]%%[%i%]%разместите код дизайна в тегах %[%*code%]%%[%/i%]%%[%/expl%]%
%[%textarea width=100%%]%Коды дизайна%[%/textarea%]%

Подпись автора: Герду как-то спросили:
— Вот вы писали, что "Среди разработчиков - я разработчица, среди дизайнеров - я веб-дизайнер." А кто вы среди ролевиков?
Герда не растерялась и ответила:
— Иди на**й.

Discord TrueZlober#1227
Личная тема https://forumd.ru/viewtopic.php?id=7232
Портфолио https://forumd.ru/viewtopic.php?id=3833
Цитировать Сообщение 1

Поделиться2113.01.22 12:40

Автор: Gothkiller
Проверенный специалист
Последний визит:
Сегодня 09:31
Уважение: +532

Опубликовано

Название:

Дарк, хоррор
Автор/источник:

Gothkiller
Цветовая гамма:

Черно-серый
Корректность отображения: none
Мобильная версия: none

Разметка всех элементов есть
Исходники или макет:

https://disk.yandex.ru/i/eCSl6HX95kiHAA (PSD-макет)
Скриншот:

Код:

–

Макет Черно-серый хоррор [2/8]

Поделиться2213.01.22 12:47

Автор: Gothkiller
Проверенный специалист
Последний визит:
Сегодня 09:31
Уважение: +532

Опубликовано

Название:

Фэнтези
Автор/источник:

Gothkiller
Цветовая гамма:

изумрудно-бежевый
Корректность отображения: none
Мобильная версия: none

–
Исходники или макет:

https://disk.yandex.ru/i/kOp4iJeSY-tYnQ (макет-PSD)
Скриншот:

Код:

–

Изумрудно-бежевое фентези (+PSD) [2/8]

Поделиться2317.01.22 21:49

Автор: neumax
Участник
Последний визит:
10.01.25 11:09
Уважение: +2048

Опубликовано

Для Макет изумрудно-бежевое фентези (+PSD) [2/8]. Макет сверстан по уроку от Шиповник (Ссылка)

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

Код:

@import url(style_cs.css);

@media screen and (max-width: 1024px) {
.post-box .post-content { font-size: 1.4em !important; }
.punbb textarea#main-reply { font-size: 1.7em !important; }
   }

@font-face {font-family: Romul; /* Имя шрифта */
src: url(https://forumstatic.ru/files/0019/d0/45/85305.ttf); /* Путь к файлу со шрифтом */}


/* A2 Deal with browser defaults and wonkiness */
/* A2.1  */
html, body {margin: 0; padding: 0}


/***   ФОН ФОРУМА   ***/
html, body {
background: url(https://forumstatic.ru/files/001a/a2/0a/47881.jpg) 50% 0% repeat;
background-color:#131312;
}



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

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

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

.punbb th, .punbb thead {font-size: 10px !important; font-family: Tahoma, Arial; font-weight: 400;
text-transform: lowercase; background-color: transparent; opacity:0.7;}


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

/* 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 {
width: 870px;
margin: 0px auto 30px auto;
padding: 0px 25px 0px 25px;
border-bottom: 3px solid transparent;
background: url(https://forumstatic.ru/files/001a/a2/0a/15055.png) 50% 0% repeat-x,
url(https://forumstatic.ru/files/001a/a2/0a/44337.png) 50% 100% repeat-x border-box, 
url(https://forumstatic.ru/files/001a/a2/0a/34399.png) 50% 0% repeat #e4e4e4;
}

/*** ЦВЕТ АДМИНКИ ***/
.punbb-admin #pun-admain .adcontainer, #pun-admain {
background-color:#e4e4e4;
}
#pun-navlinks li#navadmin a span {display: none;}
#pun-navlinks li#navadmin a:before {content: 'Админка';}



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



/* A5.3 */

/***   ПЕРЕАДРЕСАЦИЯ   ***/
body.redirect-page #pun {
margin-top:15%; 
overflow:hidden;
text-align: center;
}
body.redirect-page h1 {margin: 1em auto auto !important;}



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

/* A5.5 */
.punbb .category {margin-top: 0.4em; padding-bottom:0.4em;}
.punbb .post {padding-top: 0px; background: transparent; }

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

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

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

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



/*****B - MAIN CONTENT - GENERAL*****/
/* B1.1 */
.punbb .post-content {width:100%; margin:0; padding:0; overflow:hidden;}



/* B1.2 */
/***   ПОДПИСЬ   ***/
.punbb .post-sig dt {
display: block; 
width: 70%; 
height: 1px;
margin: 10px auto;
border: 0; 
background: rgba(0,0,0,0.3);
}



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

/* B1.4 */
.punbb .post-content img {vertical-align: text-bottom;}
.punbb .post-content img.postimg {margin: 0.2em 0px !important;}

/* B1.5 */
.punbb .post-content img.postimg {vertical-align:middle; width:auto; max-width:100%; height:auto;}

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


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

/* B1.8 */
.punbb .post-content .quote-box, .punbb .post-content .code-box {margin: 0.5em 0.8em 0.9em 0.8em; padding: 1em 1.2em;}


/* B1.9 */
/***   ИМЯ ПОЛЬЗОВАТЕЛЯ В ЦИТАТЕ И КОДЕ   ***/
.punbb .quote-box cite, .punbb .code-box strong.legend {
display: block;
margin: auto auto 8px auto;
padding: 0px 1.05em 0.5em 1.05em;
font-weight: 600;
font-style: normal;
font-size: 1.1em;
text-align: left;
border-bottom: 1px dashed rgba(0,0,0,0.2);
}



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

/* 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 */
.multipage {background:transparent;}

#pun-main .linkst {
width: 100%; 
font-family: Tahoma, sans-serif;
}

.linkst .pagelink {
display: inline-block;
width: 20em;
margin: 0.2em auto;
padding: 0.5em;
font-size: 1.1em;
}

.linkst .postlink {
float: right;
display: inline-block;
width: 18em;
margin: 0.2em auto;
padding: 0.5em;
font-weight: 700;
font-size: 1.1em;
text-align: right;
}

.punbb .linksb {
width: 100%; 
font-family: Tahoma, sans-serif; 
}

.linksb .pagelink {
display: inline-block;
width: 20em;
margin: 0.2em auto;
padding: 0.5em;
font-size: 1.1em;
font-weight: 400;
}

.linksb .postlink {
float:right;
display: inline-block;
width:16em;
margin: 0.2em auto;
padding: 0.5em;
font-size: 1.1em;
font-weight:700;
text-align:right;
}


/*** НОМЕР АКТИВНОЙ СТРАНИЦЫ ***/
.linkst .pagelink strong, .linksb .pagelink strong {
padding: 0 0.2em;
font-weight:700;
}


/* B3.8 */
.subscribelink {clear:both; padding-top: 0.3em; padding-bottom: 0.5em; }
.punbb .linksb .subscribelink {font-size:11px !important; text-align:center;}

/*****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 {margin: 1em 0 0 0; padding: 0 0 0 1.7em;}

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

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

/* C1.5 */
.punbb fieldset legend {
margin: 0 0 0 10px;
padding: 0;  
font-size: 1.2em; 
font-family: Arial, sans-sefir;
}

.punbb legend span, #viewprofile h2 span, .punbb-admin #pun-admain legend span {
font-weight: 600; 
}
.punbb legend span, .punbb legend strong {
font-family: Arial, sans-sefir;
border-bottom: 1px solid rgba(0,0,0,0.2);
}

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

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

/* 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; width: 36%; font-weight: normal;}

/* 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 {margin: 0; padding-left: 4px; list-style-type: square; list-style-position: inside; line-height: 1.5;}


/* C2 Table layout */
/* C2.1 */
.punbb .main .tcl {overflow: hidden; width: 56%; vertical-align: middle; text-align: left;}
#pun-online .main .tcl {padding: 6px 0 6px 30px; text-align: left;}


/* C2.2 */
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {text-align: center; width: 8%;
font-family: Tahoma, Verdana, sans-serif;}

/* C2.3 */
.punbb .main .tcr {overflow:hidden; width: 28% !important; text-align: center;}



/***   ШИРИНА БЛОКОВ НА ГЛАВНОЙ СТРАНИЦЕ   ***/
#pun-index #pun-main .tcl {width: 54% !important; padding-right: 0px; overflow: hidden; text-align: left;}
#pun-index #pun-main .tcr {width: 30% !important; vertical-align: middle; text-align: center;}


/***   УБИРАЕМ ФОРУМ-СООБЩЕНИЙ НА ГЛАВНОЙ СТРАНИЦЕ   ***/
#pun-index #pun-main thead {display:none;}



/* C2.4 */
#pun-userlist .main .tcl, #pun-searchtopics .main .tcl, #pun-modviewforum .main .tcl {width: 28%;}
#pun-searchtopics .main .tcl, #pun-searchtopics .main .tcr {font-size:1em;}

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

/* 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 {
margin: auto;
padding: 0.5em;
}


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

/* C2.10 СКРЫВАЕМ МОДЕРАТОРОВ В ОПИСАНИИ ФОРУМА */
.punbb td .modlist {display: none; padding-top: 0.3em;}

/* C2.11 */
.punbb .main td {padding: 0.5em 0.6em; border: none;}

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

/* C2.13 */
.punbb div.icon {float: left; display:block;}
.punbb .main .tcl {border-left-style: none; border-left-width: 0;}

/* C2.14 */
.punbb td div.tclcon {
margin-left: 0px; 
padding: 2px 0px 10px 0px; 
font-size: 1em;
} 



 /* C3 Topics */
/* C3.1 */
.punbb .post .container {
margin: auto 0.5em; 
padding-bottom: 1px;
border-style: none; 
border-color: transparent; 
border-width: 0px; 
}

/* C3.2 */
.punbb .post h3 {
width: auto;
}

/* C3.3 */
.punbb .post h3 span {display: block; text-align: center;}

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

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


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


/* C3.8 */
.pa-author strong {
font-weight: 600;
}


/* C3.9 */
li.pa-online {line-height:110%; border-left-style: none; margin-top: 0.7em;}


/* C3.11 */
.punbb .post-body {margin-left: 20em; padding: 0 0 1px 0; border-left-style: none; border-left-width: 0px; border-color: transparent;}

/* C3.12 */
.punbb .post-box {padding: 0 0em 0.8em 1.2em;}
#profile .post-box {padding-right: 0em !important;}


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

/* C3.14 */
.punbb .post-links {
margin-left: 20em; 
border-left-style: none; 
border-left-width: 0px; 
border-color: transparent; 
font-weight:600; 
font-family: Arial, sans-serif; 
}


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

/* 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: 1.1em !important;}


/* C6 Profile */
/*** C6.2 ***/
#profilenav {
display:block;
width:auto;
padding-top: 1.1em; 
text-align: center; 
}

/* C6.3 */
#profilenav li {
display: inline-block;
}
#viewprofile-next #profilenav {display: none;}



/* C6.4 */
#viewprofile ul, #profilenav ul {margin: 0 0 1em 0; padding: 0.3em 1em 0.5em 1em; border-style: none; border-width: 0px; border-color: transparent;}
#viewprofile ul:last-child, #profilenav ul:last-child {margin-bottom: 0em;}
#profile-left {text-align: center;}

/* C6.5 */
#viewprofile h2, #profilenav h2 {
margin: auto 0 0.6em auto;
padding: 0;
line-height: 110%;
border: none;
}

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


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

/* 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; display:inline; width: 14em; margin-left: -16em; padding: 0.8em 1em; font-weight: bold;}

/* 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;}
.pa-avatar {
max-width: 200px;
max-height:360px;
width:auto;
height:auto;
margin: 0.9em auto 0.1em auto;
}

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

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

/* C7.3 */
/***   ПОЛОСА-РАЗДЕЛИТЕЛЬ ПОЛЬЗОВАТЕЛЕЙ   ***/
#pun-userlist .usertable table {border: none;}
#pun-userlist .usertable td, #pun-message .forum td, #pun-messages .main td {
border-bottom: 1px solid rgba(0,0,0,0.07);
}


/*****D - PUNBB SECTIONS OTHER THAN MAIN CONTENT*****/
/* D1.1 */
#pun-title {margin: 0; border-style: none; border-width: 0px;}

/* D1.2 */
#pun-title h1 {display: none; padding: 2em 1em 0 1em;}

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

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



/***   ШАПКА   ***/
#pun-title table {
width: 100%; 
height: 314px;
border: 0px none transparent;
background:transparent;
}



#pun-title td.title-logo-tdl {width: 100%; border: none;}
#pun-title td.title-logo-tdr {
position: absolute;
top: 2px;
left: 33%;
margin-top: 0px;
border: none;
vertical-align: top;
}


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

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

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

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

/* 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 {
width: 100%; 
margin:-30px 0px 20px 10px; 
text-align:center;
background: transparent; 
}



/* D3.2 */

/***   МЕНЮ НАВИГАЦИИ 1   ***/
#pun-navlinks .container {
display: flex;
flex-direction: row;
justify-content: center;
flex-grow: 1;
flex-wrap: nowrap;
margin: auto auto 5px auto;
font-family: Romul, Arial, sans-serif; 
font-weight:700;
font-size: 14px;
background-color: transparent;
}



/* D.3.3 */
#pun-navlinks li {padding-right: 1.5em; }
#pun-navlinks li:last-child {padding-right: 0;}

/* D3.4 */
#pun-navlinks li a {letter-spacing: 0.03em;}

/* D4 User links */
/* D4.1 */
#pun-ulinks  {
margin: auto;
padding: 0 1em 20px 1em;
text-align:center;
background: transparent;
}



/* D4.2 */

/***   МЕНЮ НАВИГАЦИИ 2   ***/
#pun-ulinks .container {
display: flex;
flex-direction: row;
justify-content: center;
flex-grow: 1;
flex-wrap: nowrap;
margin: auto;
font-size: 11px;
font-family: Tahoma, Arial, sans-serif;
font-weight: 400;
}



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

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

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

/* D5 Welcome box and Top Breadcrumbs */
/* D5.1 */
#pun-status, #pun-status .container {margin-bottom: 0; margin-top:1em; border-bottom: none;}

/* D5.2 */
#pun-status .container {padding: 0em 0.5em 0.7em 0.5em; font-size: 1em;}

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

/* D5.4 */
#pun-crumbs1 {
margin-top: 0;
overflow: hidden;
font-weight: 600;
font-size: 1em;
font-family: Verdana, serif;
}

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

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

/* D6 Announcement */
/* D6.1 */
#pun-announcement h2 {display: none;}

/* D6.2 */
#pun-announcement h2 span {display: none;}

/* D6.3 */
#pun-announcement {margin: auto;}

#pun-announcement .container {
margin: 0px auto auto;
padding: 1em 1.5em;
}


/* D7 Statistics */
#pun-stats .container {padding: 0.8em 1em 0em 1em;}
#pun-stats li.item1, #pun-stats li.item2 {clear: both; line-height: 150%;}
#pun-stats ul.container {margin: auto; text-align:center; background: transparent;}

#pun-stats li.item3 span, #pun-stats li.item4 span {display:none;}
#pun-stats li.item3 strong:before {content: 'Участников: '; font-weight:400;}
#pun-stats li.item4 strong:before {content: 'С нами: '; font-weight:400;}


/***   АКТИВНЫ И ПОСЕТИЛИ ЗА СУТКИ   ***/
li#onlinelist {
float: left;
width: 100%;
margin-top: 1em;
padding: 0.5em 0 0 0;
border-top-style: none;
border-top-width: 0px;
line-height: 130%;
}

#onlinelist {text-align:left;}


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

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

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

/* D8.4 */
#pun-about .container {
padding: 0.5em 1em;
line-height: 150%;
border-top-style: none;
font-weight: 400;
text-align: center;
background-color: transparent;
}

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

/* D8.6 */
#pun-crumbs2 {
margin-top: 0;
overflow: hidden;
font-weight: 600;
font-size: 1em;
}

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

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

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

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

/* D9.2 */
#pun-help .formal .info-box h3.legend span {display: block; padding-bottom: 0.6em; 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;}


/*** всякое ***/
#pun-main div.catleft, #pun-main div.catright {display: none}
.punbb #pun-main .info-box .legend, .punbb .info-box, #setmods dd, #viewprofile li div, #viewprofile li strong, .punbb .formal fieldset .post-box, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, .punbb .post .container, .punbb .main .container {background: transparent}
.offline li.pa-online strong {font-weight: normal;}
.punbb .formal fieldset .post-box, .punbb .info-box, .punbb .divider, 
.punbb .container, .punbb .post, .punbb .post-body, #pun-title, .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, #pun-ulinks li, #pun-ulinks li a,
#pun-announcement h2 span, #pun-announcement h2, li#onlinelist, li#onlinelist div, #pun-help .formal .info-box h3.legend, #pun-help .formal .info-box h3.legend span {border-color: transparent;}
.punbb td, #viewprofile ul, #profilenav ul, .punbb .post .post-body, .post-links ul, .post-links, .usertable table {border: none;}

.punbb-admin #pun-admain h2 {text-align:center; font-family: Tahoma, Arial; font-size: 1.1em !important; color:#fff; background:#212121;}

.punbb .main .tcr span {overflow: hidden;}

#topic-users-in a:after {content: ',';}
#topic-users-in a:last-child:after {display: none;}

#keyboard-span input, #keyboard-span input[type="button"] {
text-shadow:none; box-shadow:none; 
background:#fff; color:#333 !important; 
border: 1px solid #a7a7a7 !important; 
font-family: Tahoma, Verdana, sans-serif !important; 
font-weight:400 !important;
}
#imageupload-left input[type=button] { width:auto !important; } 


/***  ЗАПЛАТКА ДЛЯ ПОЛЯ ОТВЕТА ***/
textarea#main-reply {
text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-moz-text-size-adjust: 100%; 
-webkit-text-size-adjust: 100%;
}


.lastedit, li#navawards, .pl-share, .sharelink, .pa-invites, #pun-live-rusff {display:none;}



/***   ФИКС ДЛЯ СПОЙЛЕРА - ОТСТУП СТРОК   ***/
.spoiler-box>div[onclick]>p {
display:inline-block;
margin:0!important;
padding:0!important;
}



/***   ГРАНИЦЫ ТАБЛИЧЕК   ***/
.punbb .post-content td {border: 0px none transparent !important;}



/***   ПЕРЕМЕЩЕНИЕ СООБЩЕНИЙ - РАЗДЕЛИТЕЛЬ   ***/
div.Select_Topics .container tr {border-bottom: 1px solid rgba(0,0,0,0.15); }



/***   ЗАПЛАТКИ ДЛЯ ЗАКЛАДКИ   ***/
#MyBookmarks .container, .editBookmark {
border: 1px solid #b9b9b9;
background: #d4d4d4;
box-shadow: 0 1px 5px #000;
}
#MyBookmarks .container {padding: 2em 1em 1em !important;}
#MyBookmarks {max-height: 300px; margin-top: 5%;}


/***   ЦВЕТНАЯ ВСТАВКА НА ИКОНКЕ ЗАКЛАДКИ   ***/
#BookmCntToggle.default-style {color: #3c6567 !important;}


/***   ЗАГОЛОВОК ЗАКЛАДОК   ***/
#MyBookmarks h2, #MyBookmarks h1 {
margin: auto;
padding: 8px 1em !important; 
background-image: none;
background-color: #d4d4d4;
} 



/*** ЦВЕТ ПОЛОС В ГОЛОСОВАНИИ ***/
table.poll2 {margin-left:40px;}
#poll-special td h1 {
margin: auto 0 !important; 
padding:1px !important;
background: #405723 !important; 
}



/***   ФОН ДЛЯ ВЫСКАКИВАЮЩИХ ОКОН   ***/
#pun_wrap #post .container[id$="-area"] {max-height:264px; overflow:auto;}
#pun_wrap #post .container[id$="-area"], #video-area-tinp, #image-area-tinp, .pun-modal .modal-inner, .inner, #post-sig .container[id$="-area"] {
outline:none; 
border: 1px solid #9c9c9c;
background: #F5EAD5;
}



/***   МОДЕРАТОРСКОЕ МЕНЮ - ПОЛЯ ВВОДА   ***/
.punbb input, .punbb select, .punbb optgroup {
outline: none;
padding: 5px;
border: 1px solid #9c9c9c;
background: #F5EAD5;
}



/***   ТЕЛО ПОСТА ТЕКСТ   ***/
.post-box {text-align: justify; }
.punbb .post-content p {font-size: 1.1em;}



/***   КНОПКИ   ***/
#viewprofile-next #pa-edit a,
input[class="button"], input[type="button"] {
padding: 5px 8px;
border: 1px solid #a2a3a5;
font-weight: 700 !important;
font-size: 11px !important;
background: #DCEBCC;
box-shadow: 1px 1px 5px rgba(0,0,0, 0.15);
}


/***   КНОПКИ ПРИ НАВЕДЕНИИ   ***/
#viewprofile-next #pa-edit a:hover, input[class="button"]:hover, input[type="button"]:hover {
background: #f3f3f3;
box-shadow: 1px 1px 2px rgba(0,0,0, 0.2);
cursor: pointer;
}



/***   ЦВЕТНОЙ СКРОЛЛ   ***/
*::-webkit-scrollbar {
width:10px;
height:8px;
background: rgba(0,0,0, 0.1);
}
*::-webkit-scrollbar-thumb {
background: #405723;
}
*::-webkit-scrollbar-corner {background: transparent;}

Цвета style_cs.css

Код:

/***   ИКОНКИ   ***/
Div.icon {
width: 48px;
height: 48px; 
margin: -6px 8px 0px 0px;
background: url(https://forumstatic.ru/files/001a/a2/0a/17176.png) no-repeat transparent; 
background-position: -48px 0px;;
}
TR.inew Div.icon {background-position: -0px 0px;}
TR.iclosed Div.icon {background-position: -48px 0px;}
TR.isticky Div.icon {background-position: 0px 0px;}  


/***   ИКОНКИ ДЛЯ ГЛАВНОЙ СТРАНИЦЫ   ***/
#pun-main .category Div.icon {
margin: 10px 8px 0px 0px;
}



/***   ЦИТАТА И КОД   ***/
.punbb .quote-box, .punbb .code-box, .punbb .hide-box {
border: 1px solid #ACD184;
border-radius: 10px;
background: #F5EAD5;
}



/***   ПОЛЕ ОТВЕТА   ***/
.punbb textarea {
padding: 0.8em;
width: calc(100% - 1.6em) !important;
outline: none;
border: 1px solid #a2a3a5;
font-size: 1.2em;
background: #F5EAD5;
}



/***   КНОПКИ-ВКЛАДКИ В ЛС И ПРОФИЛЕ   ***/
#profilenav li {
margin: auto 0.2em 0.5em auto;
padding: 0.4em 0.7em;
border: 1px solid #a2a3a5;
font-weight: 700;
text-transform: uppercase;
background: #F5EAD5;
}

/***   КНОПКИ-ВКЛАДКИ ПРИ НАВЕДЕНИИ   ***/
#profilenav li:hover, #profilenav li:focus, #pun-main li.isactive {
background: rgba(255,255,255,0.75);
}



/***   СТАТИСТИКА ФОРУМА БЛОКИ   ***/
#pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4 {
display: inline-block;
min-width:180px;
margin-right: 2px;
padding: 4px 6px; 
border: 1px solid #88AE62;
font-size: 11px;
font-family: Tahoma, sans-serif;
text-align: center;
background: rgba(255,255,255,0.15);
}



/***   КАТЕГОРИИ   ***/
.punbb .main h2, #pun-debug h2, .punbb .main h1, #pun-stats h2 {
margin: auto;
padding: 0 0 30px 0;
letter-spacing: 0.05em;
font-size: 14px;
font-family: Romul, Georgia,serif;
font-weight: 700;
text-align: center;
color: #405723;
background: url(https://i.ibb.co/S6qPwPT/ship-categ.png) 50% 100% no-repeat transparent;
}



/***   ЗАГОЛОВКИ В РЕДАКТИРОВАНИИ ПРОФИЛЯ И ЛС   ***/
#viewprofile h2, #profilenav h2 {
letter-spacing: 0.05em;
font-weight: 600;
font-size: 12px;
font-family: Romul, Georgia, serif;
background: transparent;
background-image: none;
}



/***   ЗАГОЛОВОК РЕДАКТИРОВАНИЯ И ПРОСМОТРА ТОПИКА, ПРОФИЛЯ   ***/
#pun-edit .main h1, #pun-viewtopic .main h1, #pun-profile .main h1 {
width: auto;
margin: auto;
padding: 0;
letter-spacing: normal;
font-family: Times New Roman, Tahoma, serif;
font-size: 1.4em !important; 
font-weight: 600;
color: #0a0704;
background: transparent;
}



/***   ДАТА И НОМЕР ПОСТА   ***/
.punbb .post h3 {
margin: auto auto 1.4em auto;
padding: 0.3em 2.5em;
font-size: 1em;
border: 1px solid #b9b9b9;
border-radius: 2px;
color: #1B2C08;
background: #86A268;
}



/***   ССЫЛКИ НА ФОРУМЕ   ***/
.punbb a, .punbb a:link, .punbb a:visited {
color: #425D27; 
cursor: pointer;
font-weight: 400;
}


/***   ССЫЛКИ АКТИВНЫ   ***/
.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: #616161;
text-shadow: none;
}



/***   МЕНЮ НАВИГАЦИИ ССЫЛКИ   ***/
#pun-navlinks a {
color: #425d27;
text-shadow: 0px 1px 3px #000; 
}

#pun-ulinks a {
color: #425D27; 
text-shadow: 0px 0px 0.5px #000; 
}



/***   МЕНЮ НАВИГАЦИИ ССЫЛКИ ПРИ НАВЕДЕНИИ   ***/
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
color: #88AE62;
}

#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
color: #88AE62;
}



/***   НАЗВАНИЕ ФОРУМА НА ГЛАВНОЙ   ***/
#pun-index .tcl h3 a {
font-weight: 600;
font-family: Times New Roman, Georgia, serif;
font-size: 1.5em;
color: #253C0D !important;
}



/***   БЛОК ПОЛЬЗОВАТЕЛЯ   ***/
.post-author {
width: 200px;
text-align:center; 
padding: 0px 5px 0px 5px !important;
background: url(https://funkyimg.com/i/2SDSQ.png) 50% 0% repeat-x,
url(https://funkyimg.com/i/2SDSR.png) 50% 100% repeat-x border-box, 
url(https://funkyimg.com/i/2SDSP.png) 50% 0% repeat #e4e4e4;
color: #a7a7a7;
}
.post-author ul {margin: 8px 8px 15px 8px;}



/***   НИКНЕЙМ АВТОРА ПОСТА   ***/
.pa-author, .pa-author a {
font-family: Romul, Tahoma, serif; 
font-weight:400;
font-size: 14px;
color: #88AE62 !important;
text-shadow: 0px 1px 3px #000;
}

.pa-author {
padding: 10px 0 6px 0 !important;
}



/***   ЛИЧНОЕ ЗВАНИЕ   ***/
.pa-fld1 .fld-name {display: none;}
.pa-fld1 {
margin: 0.5em auto !important;
padding: 0.9em 0.6em !important;
border-radius: 5px;
border: 1px double transparent;
color: #B4D790;
background: #405723;
box-shadow: 0px 0px 8px #000000 inset, 0px 0px 5px rgba(0, 0, 0, 0.78);

}

HTML верх

Код:

<!--выделить код. Alex_63 new.2019--> 
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/26102.js"></script>
<script>eval(select_text.toString().replace(/\}$/,'try{document.execCommand("copy")}catch(e){}}'))</script>
<script type="text/javascript">select_text.linkText = 'Скопировать по клику' //текст ссылки</script>
<!-- конец -->

<style>
.post .post-author.no-avatar .pa-title:after {
content: '';
display: block;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
background-image: url(https://forumstatic.ru/files/0007/e3/f7/69291.jpg); /* Адрес картинки */
width: 100px; /* Ширина аватары */
height: 100px; /* Высоты аватары */
margin: 5px auto 5px; /* отступы от других полей и выравнивание по центру */
}
</style>

HTML низ

Код:

<!----------- НОВЫЕ СООБЩЕНИЯ ------------->
<script type="text/javascript"> 
if(GroupID != 3)$('#pun-ulinks ul').prepend('<li class="item1"><a href="/search.php?action=show_new">Новые сообщения</a></li>');
</script> 

<!--------------  Меняем Шрифт в Топике ---------------> 
<style id=a_fnt>.post h3 img{margin:0 7px;cursor:pointer;}</style>
<script type="text/javascript">
function setcookieF(a,b,c){if(c){var d=new Date();d.setTime(d.getTime());d=new Date(d.getTime()+c)}if(a&&b)document.cookie=a+'='+b+(c?'; expires='+d.toGMTString():'');else return false}function getcookieF(a){var b=new RegExp(a+'=([^;]){1,}');var c=b.exec(document.cookie);if(c){c=c[0].split('=')}else{return false}return c[1]?c[1]:false}
 
a='<strong class=fnt style="width:auto;margin-right:28%;"><img src="img/minus.png" alt="-" />Шрифт<img src="img/plus.png" alt="+" /></strong>';$(".post:first h3 strong,.post:last h3 strong").after(a);
b_Fnt1='<style id=b_fnt>#main-reply,.punbb .post-content{font-size:';b_Fnt2='px;}</style>'
var c_Fnt;
N=getcookieF('c_Fnt')
 if(N){c_Fnt=parseFloat(N);setcookieF('c_Fnt',c_Fnt,30*24*60*60*1000)}else{var c_Fnt=Math.round(parseFloat($(".punbb .post-content").css("font-size")));}
 b_Fnt=b_Fnt1+c_Fnt+b_Fnt2; $("#a_fnt").after(b_Fnt);
function setFnt_Size(){
 b_Fnt=b_Fnt1+c_Fnt+b_Fnt2;
 $("#b_fnt").replaceWith(b_Fnt);//alert(b_Fnt)
 setcookieF('c_Fnt',c_Fnt,30*24*60*60*1000);
}
$(".post h3 img[alt='-']").click(function (){if(c_Fnt){c_Fnt--;setFnt_Size();}});
$(".post h3 img[alt='+']").click(function (){if(c_Fnt<38){c_Fnt++;setFnt_Size();}});
</script>


<!--------- КНОПКИ ВВЕРХ_ВНИЗ <img src="" border="0" />------------->
<div class="go-up" id='ToTop'>▲</div>
<div class="go-down" id='OnBottom'>▼</div>
<!--кнопки вверх вниз-->
<script type="text/javascript">
$(function(){
if ($(window).scrollTop()>="250") $("#ToTop").fadeIn("slow")
$(window).scroll(function(){
  if ($(window).scrollTop()<="250") $("#ToTop").fadeOut("slow")
  else $("#ToTop").fadeIn("slow")
});
if ($(window).scrollTop()<=$(document).height()-"999") $("#OnBottom").fadeIn("slow")
$(window).scroll(function(){
  if ($(window).scrollTop()>=$(document).height()-"999") $("#OnBottom").fadeOut("slow")
  else $("#OnBottom").fadeIn("slow")
});
$("#ToTop").click(function(){$("html,body").animate({scrollTop:0},"slow")})
$("#OnBottom").click(function(){$("html,body").animate({scrollTop:$(document).height()},"slow")})
});
</script>
<style>
.go-up, .go-down {cursor: pointer; display: none; margin-bottom: 160px; position: fixed; z-index: 9999;
background: #d4d4d4; font-family: Verdana, sans-serif; font-size: 18px; border-radius: 30px; border: 1px solid #747474; opacity: 0.5; box-shadow: 0 0 8px rgba(0, 0, 0, 0.35);
}
.go-up {padding: 8px 11px 9px; bottom: 24%; margin-left: 922px !important;}
.go-down {padding: 9px 11px 8px; bottom: 16%; margin-left: 922px !important;}
.go-down:hover, .go-up:hover { opacity:1; }
</style>

Подпись автора: Вместо нас никто не полезет в наши окопы

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

Поделиться2420.03.22 23:43

Автор: бродяга
Ломастер
Последний визит:
Вчера 22:05
Уважение: +2649

Опубликовано

Название:

Paper Towns / Песочный, коричневый
Автор/источник:

Макет: Gatto;
Вёрстка: бродяга.

Дизайн передан в свободный каталог по инициативе автора макета.
Цветовая гамма:

Песочный, бежевый, коричневый
Корректность отображения: ДА
Мобильная версия: НЕТ

–
Исходники или макет:

Файлы, коды, psd-макет: Яндекс-диск
Скриншот:

Код:

style.css

Код:

/*************************************************************
A - SETUP
**************************************************************/

/* A1 Import the colour scheme
-------------------------------------------------------------*/

/* A1.1 */
  @import url(style_cs.css);

/* Шрифт Montserrat Medium */

  @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap');

/* Шрифт a_AvanteBs */

@font-face {
    font-family: 'a_AvanteBs';
    src: url('https://forumstatic.ru/files/0016/01/4e/68273.eot');
    src: url('https://forumstatic.ru/files/0016/01/4e/68273.eot?#iefix') format('embedded-opentype'),
         url('https://forumstatic.ru/files/0016/01/4e/21617.woff2') format('woff2'),
         url('https://forumstatic.ru/files/0016/01/4e/26181.woff') format('woff'),
         url('https://forumstatic.ru/files/0016/01/4e/37818.ttf') format('truetype'),
         url('https://forumstatic.ru/files/0016/01/4e/62513.svg#a_AvanteBs') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Шрифт Book Antiqua */

@font-face {
    font-family: 'Book Antiqua';
    src: url('https://forumstatic.ru/files/0016/01/4e/36009.eot');
    src: url('https://forumstatic.ru/files/0016/01/4e/36009.eot?#iefix') format('embedded-opentype'),
         url('https://forumstatic.ru/files/0016/01/4e/74062.woff2') format('woff2'),
         url('https://forumstatic.ru/files/0016/01/4e/69565.woff') format('woff'),
         url('https://forumstatic.ru/files/0016/01/4e/18830.ttf') format('truetype'),
         url('https://forumstatic.ru/files/0016/01/4e/37048.svg#Book Antiqua') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* A2 Deal with browser defaults and wonkiness
-------------------------------------------------------------*/

/* A2.1 */
html, body {margin: 0; padding: 0}

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

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

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

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

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

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


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

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

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

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


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

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

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

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

/* A3.7 */
.punbb address, .punbb em {
  font-style: 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: 50px auto 0;
  width : 1029px;
  padding: 0;
  border: none;
}

/* A5.2 */
.punbb {
  float: left;
  width: 100%;
  height: auto;
  box-sizing: border-box;
  position: relative;
  padding: 0;
  }

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

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

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

#pun-main h2 {
  padding: 0.6em 1em;
  border: none;
}

/* A 5.11  Иконки меню навигации */

#pun-navlinks li  {
border: none;
}

/*************************************************************
B - MAIN CONTENT - GENERAL
**************************************************************/

/* B1 Parsed Content, Signatures and Scroll Boxes
-------------------------------------------------------------*/

/* B1.1 */
.punbb .post-content {
  padding: 0;
  margin: 0;
  width: 100%;
  overflow: hidden;
  }

/* B1.2 */
.punbb .post-sig dt {
  display: block;
  border: none;
  width: 250px;
  margin: 5px 0;
  }

/* B1.3 */
.punbb .post-content p {
  margin: 0;
  padding: 0 0 10px 0;
  line-height: 150%;
  font-family: 'a_AvanteBs';
  font-size: 16px;
  }

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

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

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

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

/* B1.8 */
.punbb .post-content .quote-box, .punbb .post-content .code-box {
  background: url(https://forumstatic.ru/files/0016/01/4e/36563.jpg) repeat-y top right;
  margin: 10px 10px 20px;
  padding: 20px;
  border-top: 4px solid #b69760;
  border-right: 4px solid #5c4f46;
  border-bottom: 4px solid #5c4f46;
  border-left: 4px solid #b69760;
  box-shadow: 3px 3px 5px 3px rgba(75, 49, 0, .5);
  border-radius: 15px 0 !important;
  }

.punbb .post-content .quote-box.spoiler-box {
background: transparent;
border: 1px solid rgba(60, 60, 61, .3);
box-shadow: inset 0 0 10px 0 rgba(83, 60, 32, .3);
border-radius: 0 !important;
font-family: 'a_AvanteBs';
font-size: 16px;
padding: 10px 15px;
}

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

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

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

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

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


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

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

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

/* B3.3 */
.linkst .pagelink {
  position: absolute;
  top: -4.3em;
  left: 40px;
  width: 24em;
  }

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

#pun-viewtopic .pagelink, #pun-viewtopic .linkst .postlink {
  top: -90px;
}

/* B3.5 */
.punbb .linksb {
  text-align: right;
  padding: 5px 40px;
  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: none;
  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: 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%;
box-sizing: border-box;
padding-left: 20px;
}

/* 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%;
box-sizing: border-box;
padding-right: 20px;
}

/* 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 {
background: url(https://forumstatic.ru/files/0016/01/4e/42076.jpg) no-repeat top center;
width: 439px;
height: 35px;
line-height: 35px;
text-align: left;
box-sizing: border-box;
border: 1px solid #927253;
padding: 0 15px;
}

#pun-index .tcl h3 a {
font-size: 17px;
font-family: 'a_AvanteBs';
font-weight: bold;
color: #e6d2b2;
}

#pun-index .tcl h3 a:hover {
color: #b4925b;
}

/* 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: 0 none transparent !important;
  padding: 0.8em 1em;
  }

/* C2.12 */
.punbb .main th {
  padding: 5px 1em 7px 1em;
  }

/* C2.13 */
.punbb .main .tcl {
  border: none;
  }

* html .tclcon {height: 1px}

/* C2.14 */
.punbb td div.tclcon {
margin-left: 48px;
}

#pun-index td div.tclcon {
width: 439px;
}

/* C2.15 */
.punbb div.icon {
  float: left;
  display: block;
  width: 46px;
  height: 44px;
  padding-top: 3px;
  margin-top: 3px;
}

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

/* C3.1 */
.punbb .post .container {
  border: none;
  margin: 0;
  padding: 0 40px;
  }

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

/* C3.3 */
.punbb .post h3 span {
border: none;
padding: 5px 45px;
display: block;
margin-left: 254px;
box-sizing: border-box;
}

/* C3.4 */
.punbb .post h3 strong {
  float: right;
  text-align: right;
  font-weight: normal;
  position: relative;
  top: 40px;
  right: 15px;
  color: #815206;
  font-size: 14px;
  }

.punbb .post h3 strong:before {
  content: "\23";
  padding-right: 2px;
}

/* C3.5 */
.punbb .post .post-author {
float: left;
width: 244px;
margin-top: 0;
overflow: hidden;
background: url(https://forumstatic.ru/files/0016/01/4e/40565.jpg) no-repeat top center, url(https://forumstatic.ru/files/0016/01/4e/65147.jpg) no-repeat bottom center, url(https://forumstatic.ru/files/0016/01/4e/25549.jpg) repeat-y center;
text-align: center;
color: #8e8474;
font-family: 'Book Antiqua';
font-size: 14px;
font-weight: normal;
text-shadow: 0 1px 6px rgba(0,0,0,1);
}

.punbb .post .post-author a {
color: #dfbe88;
}

.punbb .post .post-author a:hover {
color: #c7a773;
}

/* C3.6 */
.punbb .post .post-author ul, .punbb .post .post-author p {
padding: 0 10px 20px;
line-height: 140%;
}

.post-author ul li {
padding: 0 10px;
box-sizing: border-box;
}

/* C3.7 */
.post-author li.pa-author {
font-size: 20px;
font-weight: normal;
font-family: 'Book Antiqua';
padding: 18px 5px 10px;
box-sizing: border-box;
height: 48px;
line-height: 1;
}

/* C3.8 */
.post-author li.pa-author a {
text-decoration: none;
color: #dfbe88;
text-shadow: 0 1px 6px rgba(0,0,0,1);
}

/* C3.9 */
li.pa-title {
padding-bottom: 0.4em;
font-weight: normal;
color: #8e8474;
font-size: 14px;
text-shadow: 0 1px 6px rgb(0, 0, 0);
}

li.pa-avatar {
width: 204px;
height: 265px;
margin: 0 auto;
position: relative;
}

li.pa-avatar:before {
content: "";
position: absolute;
display: inline-block;
background: url(https://forumstatic.ru/files/0016/01/4e/82722.png) no-repeat top center;
width: 204px;
height: 265px;
margin: 0 auto;
left: 0;
z-index: 10;
clip-path: polygon(0 0, 204px 0, 204px 265px, 183px 265px, 179px 259px, 20px 259px, 7px 247px, 7px 82px, 0px 77px);
/* clip-path: polygon(0 0, 55px 0, 60px 7px, 73px 7px, 77px 12px, 199px 12px, 199px 242px, 204px 245px, 204px 265px, 183px 265px, 179px 259px, 20px 259px, 7px 247px, 7px 82px, 0px 77px); */
}

li.pa-avatar img {
margin: 7px auto;
clip-path: polygon(0 0, 100% 0, 100% 100%, 10px 100%, 0 240px);
position: relative;
z-index: 1;
}

.post-author li.pa-fld2 {
box-sizing: border-box;
border-image-source: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(223,190,136,1) 50%, rgba(255,255,255,0) 100%);
border-image-source: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(223,190,136,1) 50%,rgba(255,255,255,0) 100%);
border-image-source: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(223,190,136,1) 50%,rgba(255,255,255,0) 100%);
border-width: 3px;
border-style: solid;
border-image-slice: 1;
padding: 10px;
margin: 5px 10px;
}


li.pa-fld2 .status {
font-size: 13px;
color: #dfbe88;
}

.punbb .post .post-author li.pa-fld2 .status a {
font-size: 16px;
}

li.pa-posts, li.pa-respect {
display: inline-block;
width: 100px;
box-sizing: border-box;
margin: 0 auto;
padding: 5px;
}

.punbb .post .post-author li.pa-respect .fld-name a {
color: #8e8474;
}

li.pa-online {
  line-height: 2;
  border: none;
  padding: 0;
  margin: 0;
  }

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

/* C3.11 */
.punbb .post-body {
  margin-left: 254px;
  border: none;
  padding: 10px 5px 0;
  }

/* C3.12 */
.punbb .post-box {
padding: 40px 20px 30px;
border: 1px solid rgba(60, 60, 61, .3);
box-shadow: inset 0 0 10px 0 rgba(83, 60, 32, .2);
margin-bottom: -30px;
}

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

/* C3.14 */
.punbb .post-links {
  margin-left: 244px;
  border: none;
  }

/* C3.15 */
.punbb .post-links ul {
  padding: 0 30px 0 0;
  height: 30px;
  line-height: 30px;
  margin-left: -244px;
  border: none;
  background: transparent;
  text-align: right;
  font-family: 'Book Antiqua';
  font-size: 12px;
  }

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

.punbb .post-links li a {
color: #815206;
font-size: 14px;
}

.punbb .post-links li a:hover {
color: #613404;
text-decoration: underline;
}

/* C3.17 */
.pl-email, .pl-website {
float: left;
line-height: 1;
padding-top: 18px !important;
}

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


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

#pun-viewtopic .modmenu {
border: 1px solid rgba(60, 60, 61, .3);
box-shadow: inset 0 0 10px 0 rgba(83, 60, 32, .3);
padding: 0;
box-sizing: border-box;
margin: 5px 45px;
}

/* C4.1 */
.punbb .modmenu .container {
  padding: 10px 40px;
  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: 10px 40px;
  }

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

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

/* C7.3 */
#pun-userlist .usertable table {
  border: none;
  }


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

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

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

}

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

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

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

#pun-title TABLE {
  border: none;
  height: 124px;
  width: 1029px;
  margin: -25px 0 0;
  padding: 0;
}

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

#pun-title TD.title-logo-tdr {
  border: none;
  width: 468px;
  vertical-align: center;
  padding-top: 30px;
}

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

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

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

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

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

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

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

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

/* D3.1 */
#pun-navlinks {
border: none;
position: absolute;
top: 0;
width: 100%;
margin: 0 auto;
box-sizing: border-box;
}

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

/* D3.2 */
#pun-navlinks .container {
padding: 27px 30px 5px;
text-align: center;
box-sizing: border-box;
display: block;
}

/* D.3 */
#pun-navlinks li {
display: inline;
margin: 0;
line-height: 25px;
padding: 0 5px;
}

/* D3.4 */
#pun-navlinks li a {
  font-size: 18px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  }

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

/* D4.1 */
#pun-ulinks  {
border: none;
position: absolute;
top: 50px;
width: 100%;
margin: 0 auto;
box-sizing: border-box;
}

/* D4.2 */
#pun-ulinks .container {
padding: 10px 30px;
text-align: center;
border: none;
font-size: 14px;
}

/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
display: inline;
border: none;
white-space: nowrap;
}

/* D4.4 */
#pun-ulinks li a {
padding: 0 5px;
}

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

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

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

/* D5.2 */
#pun-status .container {
padding: 10px 40px;
}

/* 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: none;
  padding: 10px 40px;
  font-size: 1.1em;
  }

/* D5.6 */
#pun-break1 {
  margin: 0 1em;
  border: none;
  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: none;
  position: relative;
  font-weight: bold;
  }

/* D6.2 */
#pun-announcement h2 span {
  display: block;
  padding: 1em 0 0.8em 0;
  border: none;
  }

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

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

/* D7.1 */
#pun-stats .container {
padding: 15px 40px 10px;
font-family: 'a_AvanteBs';
font-size: 14px;
}

/* 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: none;
  float: left;
  width: 100%;
  line-height: 130%;
  }

/* D7.5 */
li#onlinelist div {
  border: none;
  padding: 0.7em 0 0 0;
  }

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

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

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

/* D8.3 */
#pun-about {
  margin: 0 0 -100px 0;
  padding: 0;
  }

/* D8.4 */
#pun-about .container {
  border: none;
  text-align: center;
  line-height: 150%;
  padding: 10px 40px;
  box-sizing: border-box;
  margin: 0 auto;
  width: 950px;
  }

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

#pun-about .item1 a {
color: #b4925b;
}

#pun-about .item1 a:hover {
color: #c7a773;
}

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

/* D8.7 */
#pun-crumbs2 .container {
  border: none;
  padding: 10px 40px;
  font-size: 1.1em;
  }

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

/* D8.9 */
div.punbb-admin #pun-about .container {
  border: none;
  }


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

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

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

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

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

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

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

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

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

/* Дополнительное
-------------------------------------------------------------*/

#pun-navlinks li a, #pun-ulinks li a {
text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}

.punbb-admin #pun-adnav .adcontainer {
padding-left: 25px;
border: none;
}

#pun-admain .adcontainer td {
padding: 0 !important;
border: none 0 transparent !important;
}

#pun-index .category h2 span {
display: none;
}

#pun-index .category h2 {
height: 36px;
width: 996px;
margin: 0 auto;
padding: 0;
}

#pun-index #pun-category1 h2 {background: url(https://forumstatic.ru/files/0016/01/4e/82015.png) no-repeat top center;}
#pun-index #pun-category2 h2 {background: url(https://forumstatic.ru/files/0016/01/4e/53137.png) no-repeat top center;}
#pun-index #pun-category3 h2 {background: url(https://forumstatic.ru/files/0016/01/4e/63828.png) no-repeat top center;}
#pun-index #pun-category4 h2 {background: url(https://forumstatic.ru/files/0016/01/4e/42427.png) no-repeat top center;}
#pun-index #pun-category5 h2 {background: url(https://forumstatic.ru/files/0016/01/4e/89149.png) no-repeat top center;}
#pun-index #pun-category6 h2 {background: url(https://forumstatic.ru/files/0016/01/4e/85416.png) no-repeat top center;}

#pun-index #pun-category1 h2,
#pun-index #pun-category3 h2,
#pun-index #pun-category5 h2,
#pun-index #pun-category6 h2 {
margin: 0 auto 0 15px;
}

#pun-stats h2 {
background: url(https://forumstatic.ru/files/0016/01/4e/60727.png) no-repeat top center;
box-sizing: border-box;
color: #e6d2b2;
height: 25px;
line-height: 25px;
padding: 0 5px;
}

#pun-viewtopic #pun-main h1, #pun-viewtopic #post-form h2 {
background: url(https://forumstatic.ru/files/0016/01/4e/35329.png) no-repeat center;
box-sizing: border-box;
padding: 15px 50px;
margin: 0 auto 0 19px;
height: 66px;
width: 992px;
display: block;
}

#pun-viewtopic #pun-main h1 span, #pun-viewtopic #post-form h2 span {
font-family: 'a_AvanteBs';
font-size: 17px;
color: #dfbe88;
font-weight: normal;
line-height: 36px;
}

.container {
padding: 10px 25px;
box-sizing: border-box;
}

.fr {
padding-right: 40px;
}

#pun-index table thead {
display: none;
}

#pun-index td {
padding: 10px 5px;
box-sizing: border-box;
font-family: 'a_AvanteBs';
font-size: 17px;
}

#pun-index td.tcl {
box-sizing: border-box;
padding-left: 20px;
width: 590px;
}

#pun-index .intd {
position: relative;
}

#pun-index .intd .opis {
background: url(https://forumstatic.ru/files/0016/01/4e/57846.jpg) no-repeat bottom center;
color: #3c3c3c;
box-sizing: border-box;
padding: 10px 15px;
border: 1px solid #927253;
margin-top: 2px;
max-height: 137px;
min-height: 35px;
overflow: auto;
}

#pun-index .intd .opis a {
color: #815206;
font-weight: bold;
}

#pun-index .intd .opis a:hover {
color: #613404;
}

#pun-index td.tcr {
box-sizing: border-box;
padding-right: 20px;
width: 310px;
color: #815206;
vertical-align: top;
}

#pun-index td.tcr a {
color: #3d3d3d;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}

#pun-index td.tcr a:hover {
color: #91856f;
}

#pun-index td.tcr br {
display: none;
}

.punbb .user-avatar .avatar-image {
border-radius: 0 !important;
margin-right: 10px !important;
background-position: top center !important;
}

/* Перенос тем и сообщений в описание
-------------------------------------------------------------*/

#pun-index .category .tc2, #pun-index .category .tc3,
#f-subforums .tc2, #f-subforums .tc3{
display: none !important;
}

.main table .Add {
display: block;
color: #815206;
position: absolute;
top: 0;
right: 0;
}

.themes, .messages {
background-color: #d3b885;
display: block;
width: 105px;
height: 13px;
font-size: 10px;
padding: 1px 4px;
box-sizing: border-box;
line-height: 13px;
margin: 2px;
}

.themes .right, .messages .right{
padding-left: 2px;
}

/* Подложка блоков тегов
-------------------------------------------------------------*/

#tags .container {
background: #dcc6a1;
border: 1px solid rgba(60, 60, 61, .3);
box-shadow: 2px 2px 5px 0 rgba(83, 60, 32, .5);
padding: 10px 15px;
}

#pun-viewtopic #pun-report h1, #pun-viewtopic #pun-reputation h1 {
background: url(https://forumstatic.ru/files/0016/01/4e/60727.png) no-repeat top center;
width: 100%;
margin: 0;
height: 25px;
padding: 0 10px;
}

#pun-viewtopic #pun-report h1 span, #pun-viewtopic #pun-reputation h1 span {
line-height: 25px;
font-size: 14px;
}

#pun-report div.inner.post_report, #pun-viewtopic div.inner.post_reputation {
background: #dcc6a1;
}


/* Блок баннеров
-------------------------------------------------------------*/

#banners {
position: absolute;
width: 920px;
margin: 0 30px;
}

#banners .container {
padding: 0 10px;
height: 70px;
overflow: auto;
text-align: center;
scrollbar-width: thin;
}

#banners img {opacity: .5;}
#banners img:hover {opacity: 1;}

/* Убрать окантовку текстовых полей
-------------------------------------------------------------*/

input:active, input:focus, textarea:active, textarea:focus {outline: none !important;}

/* Убрать поделиться, отредактировано и т.п.
-------------------------------------------------------------*/

#pun-viewtopic .post h3 span a.sharelink, #pun-live-rusff, #pun .modlist, .lastedit {
display: none;
}

/* Кнопки вверх вниз
-------------------------------------------------------------*/

.go-up,.go-down {
display:none;
position:fixed; /*позиционируем*/
right:5px; /*указываем положение, если слева - left*/
z-index:9999; /*показываем поверх все элементов на странице*/
cursor:pointer;
opacity:.7; /*прозрачность*/
margin-bottom:5px; /*отступ снизу (можно не указывать)*/
width:43px; /*ширина кнопки*/
height:39px; /*высота кнопки*/
}
.go-up {
bottom:250px; /*положение от низа окна браузера верхняя кнопка*/
}
.go-down {
bottom: 200px; /*положение от низа окна браузера нижняя кнопка кнопка*/
}
.go-down:hover,.go-up:hover {
opacity:1;
}

/* Регулировка размера шрифта в постах © Alex_63
------------------------------------------------------------------*/


    .FNTslider {
      border-radius: 4px;
      position:relative;z-index:1000;
      background: #f4ead8;
      width: 110px;
      height: 5px;
      margin: 3px 5px;
      border: solid 1px #c7a773;
      float: right;
      margin-right: 7%;
    }
    .FNTslider .before {
      height: 5px;
      border: solid 1px transparent;
      border-right: none 0;
      border-radius: 4px 0 0 4px;
      position: absolute;
      background: #c7a773;
      margin-top: -1px;
    }
    .FNTslider .thumb {
      width: 8px;
      height: 13px;
      border-radius: 3px;
      position: relative;
      top: -4px;
      background: #815206;
      cursor: pointer;
    }

style_cs.css

Код:

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

html {
background: url(https://forumstatic.ru/files/0016/01/4e/95705.jpg) #8d8881 fixed no-repeat top center;
background-size: cover;
}

#pun-title TABLE {
background: url(https://forumstatic.ru/files/0016/01/4e/98148.png) no-repeat top center transparent;
}

#pun-title h1 {
background: url() no-repeat;
}

#pun {
background: url(https://forumstatic.ru/files/0016/01/4e/95011.jpg) #ddc5a1 repeat-y;
border-color: #000;
color: #3c3c3c;
}

#pun-about {
background: url(https://forumstatic.ru/files/0016/01/4e/84235.png) no-repeat top center;
width: 1029px;
height: 121px;
}

/* CS1.1 */
.punbb .main .container,
.punbb td.tc3,
.punbb .section .container,
.punbb .section .formal .container,
.punbb .formal fieldset,
#viewprofile li strong, #viewprofile li div,
#setmods dd,.punbb .post-body,.post-box,.punbb .post-links,
.punbb-admin #pun-admain .adcontainer,
.punbb .info-box, .punbb #pun-main .info-box .legend {
  background-color: transparent;
  color: #3c3c3c;
  }

#pun-ulinks .container{
  background-color: transparent;
  color: #3c3c3c;
}

/* CS1.2 */

.punbb .post .container,
.punbb .post h3 {
  background-color: transparent;
  color: #19222B;
}

.punbb .post h3 span {
  background-color: transparent;
  color: #19222B;
}

.punbb td.tc2, .punbb td.tcr  {
  background-color: transparent;
  color: #19222B;
  }

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background: transparent;
  color: #1F1D31;
  text-align: center;
  }

/* CS1.4 */
.punbb .modmenu .container {
  background-color: transparent;
  color: #19222B;
  }

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

/* CS1.6 */
#viewprofile h2 span {
  background-image: none;
}

.punbb .post h3 strong {
        font-size: 0.9em;
        color: #19222B;
}

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
  background-color: transparent;
  color: #3c3c3c;
  }

.punbb textarea, .punbb select, .punbb input {
  background-color: #f4ead8;
  color: #3d3d3d;
}


/* CS1.8 */
#pun-navlinks .container {
  background: transparent;
  color: #19222B;
  }

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

.punbb th {
  color: #815206;
  background: transparent;
}

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

#pun-title, #pun-navlinks {
border-color: #463522;
}

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

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

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

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

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

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

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

.punbb .divider {
  border-color: transparent;
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: none;
  }

li.pa-online {
  border: none;
  }


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

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

/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
color: #613404;
text-decoration: none;
}

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

#pun-ulinks a {
color: #c7a773;
text-decoration: none;
}

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

#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
color: #e7d3b3;
text-decoration: none;
}

#pun-pagelinks a:active, #pun-pagelinks a:focus {
background-color: transparent;
color: #19222B;
}

.post h3 span a:link, .post h3 span a:visited {
font-weight: normal;
font-size: 0.9em;
text-decoration: none;
font-family: 'Book Antiqua';
font-size: 12px;
}

/* CS4 Post status icons
 -------------------------------------------------------------*/

div.icon {
background: url(https://forumstatic.ru/files/0016/01/4e/30304.png) no-repeat;
}

tr.inew div.icon {
background: url(https://forumstatic.ru/files/0016/01/4e/80638.png) no-repeat;
}

tr.iclosed div.icon {
background: url(https://forumstatic.ru/files/0016/01/4e/86365.png) no-repeat;
}

tr.isticky div.icon {
background: url(https://forumstatic.ru/files/0016/01/4e/34050.png) no-repeat;
}

tr.iredirect div.icon {
background: url() no-repeat;
}

td.tcr a{
background: transparent;
padding: 0;
}

#pun-stats ul.container {
background: transparent;
}

#pun-stats div.statscon {
background: transparent;
}

#pun-crumbs2 .container, #pun-about .container{
        background: transparent;
        color: #19222B;
}


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

/* CS5 Èêîíêè ìåíþ íàâèãàöèè
 -------------------------------------------------------------*/

#pun-navlinks li {
background: none;
}

html-верх

Код:

<!--кнопки вверх вниз-->
<div class="go-up" id='ToTop'><img src="https://forumstatic.ru/files/0016/01/4e/11992.png" border="0" width=100%/></div>
<div class="go-down" id='OnBottom'><img src="https://forumstatic.ru/files/0016/01/4e/94609.png" border="0" width=100%/></div>
<script type="text/javascript">
$(function(){
if ($(window).scrollTop()>="250") $("#ToTop").fadeIn("slow")
$(window).scroll(function(){
  if ($(window).scrollTop()<="250") $("#ToTop").fadeOut("slow")
  else $("#ToTop").fadeIn("slow")
});
if ($(window).scrollTop()<=$(document).height()-"999") $("#OnBottom").fadeIn("slow")
$(window).scroll(function(){
  if ($(window).scrollTop()>=$(document).height()-"999") $("#OnBottom").fadeOut("slow")
  else $("#OnBottom").fadeIn("slow")
});
$("#ToTop").click(function(){$("html,body").animate({scrollTop:0},"slow")})
$("#OnBottom").click(function(){$("html,body").animate({scrollTop:$(document).height()},"slow")})
});
</script>


<!-- Быстрое выделение кода -->
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/26102.js"></script>
<script type="text/javascript">select_text.linkText = 'Выделить код'</script>

html-низ

Код:

<!-- Перенос Колонок тем и сообщений под Описание Форума / Deff, Alex_63 -->
    <script type="text/javascript">
    (function(){
       $.catch = function(a,f){$(function(){var t,i=0;function s(){i++;if(i>120)return;t=setTimeout(function(){if(!$(a).length){s();return};f()},100);}s();});}
       function appendTopicS(){
         $('.category td.tcl .tclcon,#f-subforums td.tcl .tclcon').each(function() {
           var L=$(this).parents('tr:first');
           var str='<br><div class="Add"><div class="themes">Teм: <span class="right">'+L.find('td.tc2').text()+'</span></div>\
           <div class="messages">Cообщений: <span class="right">'+L.find('td.tc3').text()+'</span></div>\
           </div>';$(str).appendTo(this);
         });
       }
       if($('#pun-index').length){appendTopicS ();}
       if($('#pun-viewforum').length){
         var summ=$('.main table[summary]').attr('summary').split(': ')[1].substr(0,1);
         if(summ=='#'||summ==String.fromCharCode(173))$.catch('#f-subforums',function(){appendTopicS()});
       }
    }());
    </script>


<!-- Регулировка размера шрифта в постах © Alex_63 -->
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/31001.js"></script>


<!--Счетчик символов-->
<script>var a,L,epl=$("#main-reply"),str='<small id="plng" style="border:1px solid;padding:2px 3px;margin:0 20px 0 10px;">Написано символов: <b>00</b> </small>';epl.parents("fieldset").find("legend").prepend(str);function epl3(){a=epl.val().length;if(a>9){L=''}else{L='0'};$("#plng b").text(L+a)};epl3();$(".pl-quote").click(function (){setTimeout('epl3()',100)});epl.bind('mouseout mousemove keydown keypress keyup',function(e){epl3()});</script>
<!-- замена тире (-) на дефис (—) -->
<script>$('.post-content p').html(function(){return this.innerHTML.replace(/(\s|&nbsp;)?-(\s|&nbsp;)/g,'$1&mdash;$2')})</script>


<!-- Запятая после ника в посте -->
<script type="text/javascript">
function to(username)
{insert('[b]' + username + '[/b]' + ', ');}
</script>


<!-- ЧТОБЫ НЕ ПРОПАДАЛИ ПОСТЫ V.3 -->
<script type="text/javascript" src="https://forumstatic.ru/files/0011/da/9b/24232.js"></script>

<div id="banners">
<div class="container">
<a href=""><img src="https://dummyimage.com/88x31/dcc6a1/b4925b.png&text=banner"></a>
<a href=""><img src="https://dummyimage.com/88x31/dcc6a1/b4925b.png&text=banner"></a>
<a href=""><img src="https://dummyimage.com/88x31/dcc6a1/b4925b.png&text=banner"></a>
<a href=""><img src="https://dummyimage.com/88x31/dcc6a1/b4925b.png&text=banner"></a>
<a href=""><img src="https://dummyimage.com/88x31/dcc6a1/b4925b.png&text=banner"></a>
<a href=""><img src="https://dummyimage.com/88x31/dcc6a1/b4925b.png&text=banner"></a>
<a href=""><img src="https://dummyimage.com/88x31/dcc6a1/b4925b.png&text=banner"></a>
<a href=""><img src="https://dummyimage.com/88x31/dcc6a1/b4925b.png&text=banner"></a>
<a href=""><img src="https://dummyimage.com/88x31/dcc6a1/b4925b.png&text=banner"></a>
<a href=""><img src="https://dummyimage.com/88x31/dcc6a1/b4925b.png&text=banner"></a>
<a href=""><img src="https://dummyimage.com/88x31/dcc6a1/b4925b.png&text=banner"></a>
<a href=""><img src="https://dummyimage.com/88x31/dcc6a1/b4925b.png&text=banner"></a>
<a href=""><img src="https://dummyimage.com/88x31/dcc6a1/b4925b.png&text=banner"></a>
</div>
</div>

Дизайн Мистика/Фэнтези бежево-коричневый (+ PSD) [7/8]

Подпись автора: Блог
мой графоний
заказать вёрстку

Discord AlexKolmar#7262
Telegram @AlexKolmar
Личная тема https://forumd.ru/viewtopic.php?id=7959
Портфолио https://forumd.ru/viewtopic.php?id=6398
Цитировать Сообщение 24

Поделиться2523.04.22 21:51

Автор: neumax
Участник
Последний визит:
10.01.25 11:09
Уважение: +2048

Код удалён по просьбам дизайнера и заказчика

Подпись автора: Вместо нас никто не полезет в наши окопы

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

Поделиться2625.04.22 22:15

Автор: neumax
Участник
Последний визит:
10.01.25 11:09
Уважение: +2048

Подпись автора: Вместо нас никто не полезет в наши окопы

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

Поделиться2730.04.22 23:44

Автор: Fumuse
Администратор
Последний визит:
07.01.25 18:09
Уважение: +260

Дизайн для MyBB форума Hidden Japan

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

Поделиться2801.05.22 21:48

Автор: Fumuse
Администратор
Последний визит:
07.01.25 18:09
Уважение: +260

Дизайн для MYBB Tales of Runterra

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

Поделиться2906.12.22 19:36

Автор: Enima
Участник
Последний визит:
25.10.24 18:17
Уважение: +170

Опубликовано

Название:

Минимализм в светло-зеленом оттенке
Условия публикации/использования:

–
Автор/источник:

by Shilya
Платформа:

mybb
Цветовая гамма:

светло-зеленый/оливковый (+ в psd бежевый оттенок)
Корректность отображения: none
Мобильная версия: none

–
Исходники или макет:

https://disk.yandex.ru/i/uMJcgiNWWNRFug
Скриншот:

Код:

style.css

Код:

/* ПОДГРУЗКА ШРИФТОВ */

/* базовые шрифты - поддержка кириллицы */
@import url(style_cs.css);
@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Amatic+SC&family=Anton&family=Arima:wght@100&family=Bad+Script&family=Bebas+Neue&family=Caveat&family=Cinzel&family=Comfortaa:wght@300&family=Comforter+Brush&family=Cormorant+Garamond:wght@300&family=Cormorant+SC:wght@300&family=Edu+QLD+Beginner&family=Gloria+Hallelujah&family=Gochi+Hand&family=Great+Vibes&family=Hachi+Maru+Pop&family=Homemade+Apple&family=Indie+Flower&family=Kaushan+Script&family=Klee+One&family=Koulen&family=Lobster&family=Merienda&family=Montserrat+Alternates:wght@100&family=Nanum+Brush+Script&family=Neucha&family=Nothing+You+Could+Do&family=Pacifico&family=Playfair+Display+SC&family=Poiret+One&family=Roboto+Flex:opsz,wght@8..144,100&family=Roboto:wght@100&family=Ruslan+Display&family=Satisfy&family=Shadows+Into+Light&family=Sigmar+One&family=The+Nautigal&family=Yeseva+One&family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2forumna?family=Comfortaa&display=swap');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display&display=swap');
@import url("https://netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css");
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,700;1,200;1,300;1,400;1,600&display=swap');
@font-face {
font-family: 'FontAwesome';
src: local("FontAwesome"), url(https://forumstatic.ru/files/001b/ae/02/82214.otf);
url('https://forumstatic.ru/files/001b/ae/02/10475.eot'),
url('https://forumstatic.ru/files/001b/ae/02/33873.woff'),
url(https://forumstatic.ru/files/001b/ae/02/11858.ttf');
}

/* шрифты собраны shilya*/
@font-face { font-family: Myriad Pro;
src: local("Myriad Pro"), url(https://forumstatic.ru/files/001b/b1/0e/45587.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;
  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 шрифты*/
 
 /* A3.1 размер */
body {
  font-size: 100.01%;
  overflow-x: hidden
  }
  

/* A3.2 Шрифт в поле ввода */

/* A3.2 */
.punbb {
  font: normal 77.75% 'Gothic A1', sans-serif;
letter-spacing: 0.1px;
  }

/* 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 legend span {
  font-size: 13px;
  }
  
/* A3.6 */
.punbb pre {
  font-family: 'Myriad Pro';
  }

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

/* A3.10 ссылки*/
.punbb a {
    transition: all 1s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.5s 0.2s linear;
    text-decoration:none;
    color: #6f6c9e;}

/* 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 {
    position: relative;
    width: 1100px;
    margin: 310px auto 180px auto; /* сверху | справа | снизу | слева */
    background: repeat transparent url(https://forumstatic.ru/files/001b/b1/0e/39327.png);
    background-position: center;
}

 
/* A5.2 */   
.punbb {
    height: auto;  
    width : 1050px;
    padding: 0px 8px 0px 25px; 
    position: relative;    
    margin-bottom: 0px;
}

/* A5.3 переадресация */
#pun-redirect, #pun-maint {
  margin: 50px 20% 12px 20%;
  width: auto;
  float: none;
  }

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

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

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

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

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

/* A5.9 контейнер снизу название форума - подфорум - тема */
.punbb .container {
  border-style: solid;
  border-width: 1px;
  }

/*************************************************************
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 {
   text-align: center;
    display: block;
    padding: 11px 0px 11px 10px;
    margin: -1px;
    font-style: normal;
    font-size: 13px;
    font-family: 'JOURNALISM';
    color: #eff4e6;
    background-image: url(https://forumstatic.ru/files/001b/b1/0e/33973.png?v=1);
    height: 12px;
     border: 1px solid #d2d7c9;
}

/* внешний вид цитаты кода и т д */
.punbb #pun-main .quote-box, .punbb #pun-main .code-box, .pun-modal .modal-inner {
    background-clip: padding-box;
    position: relative;
    background-color: #e1e6d4;
    color: #3e4135;
    border: 1px solid #d2d7c9;
}

/* перекраска выделить код*/
.legend a {   
 color: #b5bd9a !important;}

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

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

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

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


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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

/* C2.3 последняя активная тем и сообщение ширина*/
.punbb .main .tcr {
  overflow: hidden;
  text-align: left;
  width: 30%;
    position: relative;
border-top: 1px solid #d2d7c9;
border-bottom: 1px solid #d2d7c9;
border-right: 1px solid #d2d7c9;
opacity: 0.8;
padding: 5px 10px 10px 10px;
font-family: 'Myriad Pro' !important;
text-align: justify;
font-weight: 500;
font-size: 14px;
  }

/* 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 {
background: url(https://forumstatic.ru/files/001b/b1/0e/33973.png) no-repeat;
height: 16px;
border: 1px solid #d2d7c9;
padding: 2px 10px 3px 10px;
text-transform: lowercase;
}

/* в спокойном состоянии*/
.tcl h3 a {
color: #eff4e6!important;
font-size: 14px;
text-align: left;
}

/* при наведении*/
.tcl h3 a:before {
content:"\f178" "  "; 
font-family: 'FontAwesome';
color: #eff4e6!important;
font-size: 14px;
text-align: left;
 opacity: 0;
 transition: ease-out 1.9s
}

/* при наведении*/
.tcl h3 a:hover:before {
content:"\f178" "  "; 
font-family: 'FontAwesome';
color: #ffffff!important;
font-size: 14px;
text-align: left;
 opacity: 1;
 transition: ease-out 1.9s;
 padding-left: 14px;
}

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

/* текстовое название быстрый ответ */
#post-form.formal h2 span { 
  position: relative;
  margin-left: 115px;
  top: 10px!important;
  font-family: 'Myriad Pro';
  text-transform: lowercase;
  font-size: 25px!important;
  text-align: left;
  color: #674531;
  text-shadow: 0px 1px 1px #b3703c;
}

#post-form.formal h2:after {   
    position: relative;
    font-size: 12px !important;  
    color: #d1ad92!important;
    margin-left: -145px;
    top: 39px!important;
    }

/* замена категорий картинками */
#pun-category1 h2 {    
    background: url(https://forumstatic.ru/files/001b/b1/0e/39987.png) no-repeat;
    border: none !important;
    padding: 0 !important;
    width: 931px;
    height: 75px;
    margin-left: 625px !important;
}

#pun-stats h2 {    
    background: url(https://forumstatic.ru/files/001b/b1/0e/63307.png) no-repeat;
    border: none !important;
    padding: 0 !important;
    width: 931px;
    height: 75px;
    margin-left: -25px !important;
}

/* убираем текстовое название категорий*/

/* убираем текстовое название категорий*/

#pun-stats h2 span, .category h2 span {visibility:hidden!important;}

.punbb tbody.hasicon td.tcl{ 
  position: relative;
  text-transform: lowercase;
  margin-left: 145px;
  }

/* C2.14 подфорум на главной .punbb tbody.hasicon td.tcl*/
/* подфоорум на главной */
.punbb .main .tcl, punbb .main th { 
  position: relative;
  text-transform: lowercase;
border-top: 1px solid #d2d7c9;
border-bottom: 1px solid #d2d7c9;
border-left: 1px solid #d2d7c9;
opacity: 0.8;
padding: 5px 10px 10px 10px;
font-family: 'Myriad Pro';
text-align: justify;
font-weight: 500;
font-size: 14px;}

/* на странице подфорума обрамление колонок ответов и просмотров*/
.punbb th, .punbb td.tc2, .punbb td.tc3 { 
  position: relative;
border-top: 1px solid #d2d7c9;
border-bottom: 1px solid #d2d7c9;
opacity: 0.8;
padding: 5px 10px 10px 10px;
font-family: 'Myriad Pro';
text-align: justify;
font-weight: 500;
font-size: 10px;}

/* перенос блока тем и количества соо на главной */
.Tems_And_messages {
    width:auto;
    font-size: 8px;
    text-align: left !important;
    text-transform: uppercase;
    display: inline-block;
    color: #dabdad;
    letter-spacing: 0.4px;
}

.Tems_And_messages span {
    font-weight: 500;
    font-size: 8px;
}

.main table .Add {
    display: inline;
    position: absolute;
    top: 8px;
    right: 19px;
    background: transperent;
}

/* C2.15 */
.punbb div.icon {
    float: left;
    display: block;
}

#pun-messages.punbb div.icon{
  margin-top: 0px!important;
}


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

/* C3.1 */
.punbb .post .container {
  /*border: 1px solid #784b34;*/
  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 {
  background: url(https://forumstatic.ru/files/001b/b1/0e/33973.png) no-repeat top center;
  border: 1px solid #d2d7c9;
  padding: 0.5em 1em;
  display: block;
  margin-left: 15.5em;
  border-left-style: solid;
  border-left-width: 1px
  }

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

/* C3.5 оформление аватара*/

 .punbb .post .post-author {
    float: left;
    margin-top: -27px;
    overflow: hidden;
    min-height: 140px!important;
}

/* оформление аватара */
.post-author {
    width: 250px;
    background: url(https://forumstatic.ru/files/001b/b1/0e/90148.png) repeat-y;
    padding-bottom: 20px!important;
    margin-top: -4px;
    margin-left: -65px!important;
}
.post-author:before{
  content: url(https://forumstatic.ru/files/001b/b1/0e/25853.png);
  display:inline-block;
  position:absolute;
  margin-top:-19px;
}

.post-author:after{
  content: url(https://forumstatic.ru/files/001b/b1/0e/34841.png);
  display:inline-block;
  position:absolute;
  margin-top: 10px;
}
  
/* внутреннее пространство*/
.post-author ul {
    margin-left: 25px;
    padding: 0px !important;
    padding-top: 48px !important;
    color: #3d3e31;
}

/* ник */

.pa-author {
  height: 60px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 180px;
  padding: 0 2px !important;
  font-family: var(--fontadd);
  font-size: 17px!important;
  line-height: 1;
  text-transform: lowercase;
  font-weight: normal !important;
  letter-spacing: 0;
  text-shadow: none;
  text-align: center!important;
  position: absolute;
  margin: -94px 0px 0px 35px !important;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
   -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: left;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

/* ник в спокойном состоянии*/
.punbb li.pa-author a{
color: #3f3d41;
}

/* ник при наведении*/
.punbb li.pa-author a:hover {
color: #b5bd9a;
}

/* аватар */
.pa-avatar {
    margin-top: -22px !important;
    margin-bottom: 0px !important;
    margin-left: -7px !important;
    text-align: center;
}

/* тень и рамка авы */
.pa-avatar img {
    max-width: 180px;
    max-height: 180px;
    box-shadow: 0 0 7px #eff4e6;
    margin-top: 10px;
    border: 1px solid #d2d7c9!important;
    margin-bottom: 0px;
}

/* статус */
.pa-title {
  height: 40px;
  width: 120px;
  font-family: 'Myriad Pro';
  font-size: 10px!important;
  text-transform: lowercase;
  color: #3d3e31;
  margin: -30px auto auto 73px!important;
  text-align: center!important
  z-index: 2;
  position: absolute;
}

/* слово посты кол-во постов и репутации */
.pa-posts, .pa-respect {
    font-family: 'Myriad Pro';
    padding: 2px 5px !important;
    width: 70px;
    display: inline-block;
    font-size: 10px;
    background-color: transperent;
    text-align: center;
    color: #3d3e31;
    margin-top: 6px!important;
}

.pa-posts span, .pa-respect span, .pa-fld1 span {   
    display: inline-block;
    text-align: center;
    
}

/* слово репутация */
 .pa-respect a {   
 color: #3d3e31 !important;}


/* перемещение кол-ва постов */
.pa-posts {
margin-left: 25px!important;
padding-right:14px!important;}

.pa-respect {
margin-left: 0px!important;
padding-right:7px!important;}



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

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

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

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

/* C3.10 убираем «зарегестрирован»*/
.pa-reg {display: none;}

/* надпись активен под авой */
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: 15.5em;
  border-left-style: solid;
  border-left-width: 1px;
  padding: 0 0 1px 0;
  }

/* C3.12 отступ в посте от края*/
.punbb .post-box {
  padding: 1em;
  border-right: 1px solid #d2d7c9;
  border-bottom: 1px solid #d2d7c9;
  border-left: 1px solid #d2d7c9;
  background-color: #eff4e6;
  }

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

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

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

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

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

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


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

/* C4.1 */
.punbb .modmenu .container {
  padding: 0.5em 1em;
  text-align: right;
  }

/* C4.2 */
.punbb .modmenu strong, .punbb .modmenu a {
  height: 1.8em;
  line-height: 1.8em;
  }

/* C4.3 */
.punbb .modmenu .container strong {
  float: left;
  }

/* C4.4 */
.punbb .modmenu input {
  margin-left: 1em;
  }


/* C5 Message boxes
-------------------------------------------------------------*/

/* C5.1 */
.punbb .info .container {
  padding: 0.8em 1em
  }

/* C5.2 */
.punbb .info .container .backlink {
  padding-top: 0.8em;
  }


/* C6 Profile
-------------------------------------------------------------*/
/* колонка на стр профиля с именем аватаром активностью и редактировать*/
#profile-left {
  text-align: center;
  border: 1px solid #784b34;
  }
  
#profile-right {
 border: 1px solid #784b34;
  }

/* 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;
  border-color: #d2d7c9;
  padding: 1.5em 18px 0.8em 18px;
  margin: 0 0 1em 0;
  background: url(https://forumstatic.ru/files/001b/b1/0e/33973.png) repeat-y;
  }

/* 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 {
  height: 16px;
  position: relative;
  top:0px!important;
  font-family: ''Myriad Pro';
  text-transform: lowercase;
  font-size: 15px!important;
  text-align: left;
  margin-left: -15px;
  color: #674531;
  text-shadow: 0px 1px 1px #b3703c;
  }

/* 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 : 40px;
  padding: 2em 1em 0 1em;
  }

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

/* D1.4 текстовое название форума в шапке*/
#pun-title h1 span  {
  font-size: 0em;
  }

/* Шапка */
#pun-title table {
	background: rgba(0, 0, 0, 0) url(https://forumstatic.ru/files/001b/b1/0e/30239.png) no-repeat;
    border: none;
    height: 320px;
    margin-left: -85px;
    margin-bottom: -54px;
    width: 1218px;
    margin-top: -321px;
}

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

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

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

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

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

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

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

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

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

/* D3 форум участники поиск и т д */

/* D3.1 */
#pun-navlinks, #pun-navlinks .container {
    text-align: center;
}


/* D3.2 */
#pun-navlinks .container {
    font-family: 'Myriad Pro';
    font-size: 17px;
    letter-spacing: 0.2px;
    text-align: center !important;
    text-transform: uppercase;
    position: absolute;
    margin-left: 540px;
    margin-top: -236px;
    line-height: 25px!important;
    height: 25px;
    width: 500px;
}

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

/* D3.4 Ссылки навигации*/
#pun-navlinks li a {
    font-size: 15px;
    padding: 5px 8px;
    border-radius: 50px;
    background: #b5bd9a;
    color: #ebebe4;
    box-shadow: inset 0px 2px 1px #dfe0d2, inset 0px 0px 0px #3f3d41, inset 0px 0px 0px #3f3d41;
}

/* при новедении */
#pun-navlinks li a:hover {  font-size: 15px;
    padding: 5px 8px;
    border-radius: 50px;
    background: #e0e4d4;
    color: #b5bd9a;
    box-shadow: inset 0px 3px 6px 0px #b5bd9a;
}

/* Навигация */

@media screen and (max-width: 540px) {#pun-navlinks li a:before {display:none}  }
#pun-navlinks li a span{
font-size:0 !important;
display: none;
} 

#navpr_1 li span {
font-size:0; display: none;
} 

#pun-navlinks #navextra1 a {
    font-size: 0 !important;
}



#navindex  a:before {content:"\f015"; font-family: 'FontAwesome';  } /* Форум */
#navuserlist a:before {content:"\f0c0"; font-family: 'FontAwesome';   } /* Участники */
#navawards a:before {content:"\f005"; font-family: 'FontAwesome';  } /* Награды */
#navsearch a:before {content:"\f002"; font-family: 'FontAwesome';   } /* Поиск */
#navpm a:before {content:"\f0e0"; font-family: 'FontAwesome';  } /* Сообщения*/
#navprofile a:before {content:"\f2bb"; font-family: 'FontAwesome';  padding: 1.5px;} /* Профиль */
#navadmin a:before {content:"\f120"; font-family: 'FontAwesome';   } /* Администрирование */
#navlogin a:before {content:"\f090"; font-family: 'FontAwesome';  padding: 1.5px; } /* Вход */
#navlogout a:before {content:"\f0e2"; font-family: 'FontAwesome';  padding: 1.5px; } /* Выход */
#navregister a:before {content:"\f067"; font-family: 'FontAwesome'; padding: 1.5px; } /* Регистрация */
#navpr_1 a:before {content:"\f1d8"; font-family: 'FontAwesome';   } /* Реклама */



/* D4 ссылки акт темы,мои сообщения и тд */

/* D4.1 */
#pun-ulinks  {
  border: 0px solid transparent;
  margin-bottom: 40px;
  }

/* D4.2 */
#pun-ulinks .container {
    margin-left: -65px;
    position: absolute;
    padding: 5!important;
    width: 580px !important;
    text-align: center !important;
    text-transform: lowercase;
    text-decoration: none !important;
    font-style: normal;
    top: -125px;
    font-family: 'Myriad Pro'!important;
    background-color: transparent;
    border-color: transparent;
  }
  
/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
    display: inline;
    white-space: nowrap;
}

/* D4.4 */
#pun-ulinks li a {
    color: #787c72!important;
    padding: 0 0 0 5px;
}

/* D4.5 */
#pun-ulinks li a:hover{
    padding: 0 0 0 5px;
    color: #b5bd9a!important;
}

/* 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;
  background-color: transparent;
  border: none;
  }

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

/* D5.4 сдвигаем начало тела форума */
#pun-crumbs1 {
  font-weight: bold;
  overflow: hidden;
  margin-top: -30px;
  }

/* D5.5 верхний контейнер название форума - форум- тема*/
#pun-crumbs1 p.container {
   margin-top: -5px;
   background-color: transperent;
  }
  
#pun-crumbs1 p.container a {
    color: #b5bd9a !important;
    text-shadow: 0px 1px 1px #d2d7c9 !important;
}

#pun-crumbs1 p.container a:hover {
    color: #3f3d41 !important;
    text-shadow: 0px 1px 1px #b5bd9a !important;
}

#pun-crumbs1 p.container, #pun-crumbs2 .container {
    letter-spacing: 0.5px;
    word-spacing: 2px;
    white-space: nowrap;
    text-align: right;
    font-size: 12px;
    font-family:'Myriad Pro';
    color: #b5bd9a !important;
    text-shadow: 0px 1px 1px #d2d7c9;
}

/* 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 Статистика */

/* D7.1 */
#pun-stats .container {
    margin-left: -35px;
    width: 1000px;
    padding: 1em 2.3em;
    text-align: center;
}

/* D7.2 ссылки в статистике*/
#pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4 {
    display: inline-block;
    text-align: center;
    min-width: 100px;
    line-height: 150%;
    font-size: 10px;
    padding: 2px 15px 1px 15px;
    letter-spacing: .5px;
    font-weight: bold;
    color: #555948 !important;

}

#pun-stats li.item3, #pun-stats li.item4 a {
    color: #80933f !important;
}

#pun-stats li.item3, #pun-stats li.item4 a:hover {
    color: #7b8750 !important;
}

/* D7.4 список актив за сутки */
li#onlinelist {
    margin-top: 1em;
    margin-left: 2em;
    border-top-style: solid;
    border-top-width: 1px;
    float: left;
    width: 100%;
    text-align: justify;
    line-height: 140%;
    font-family: 'Myriad Pro' !important;
    font-size: 12px;
    letter-spacing: .3px;
    color: #3f3d41;
}

li#onlinelist a {
    color: #3f2b18;
    text-shadow: 0px 1px 1px #6c5b4b;
}

li#onlinelist a:hover {
    color: #6d4732;
    text-shadow: 0px 1px 1px #cea15c;
}

/* 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;
  }
  
/* Рейтинг и создание форума внизу*/
#pun-about .container .item1 {
    margin-top: 9px;
    width: 1000px;
    margin-left: 36px;
    position: absolute;
    font-family: 'Myriad Pro';
    font-size: 12px;
    text-align: center;
}

/* 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;
  }
  
#pun-crumbs2 p.container a {
    color: #b5bd9a !important;
    text-shadow: 0px 1px 1px #d2d7c9 !important;
}

#pun-crumbs2 p.container a:hover {
    color: #3f3d41 !important;
    text-shadow: 0px 1px 1px #b5bd9a !important;
}

#pun-crumbs2 p.container, #pun-crumbs2 .container {
    letter-spacing: 0.5px;
    word-spacing: 2px;
    white-space: nowrap;
    text-align: left;
    font-size: 12px;
    font-family: 'Myriad Pro';
    color: #b5bd9a !important;
    text-shadow: 0px 1px 1px #d2d7c9;
}

/* 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;
  }
  
/* расположение аватара на главной и на странице подфорума */
.punbb .user-avatar .avatar-image {
    border-radius: 10px 10px 10px 10px!important;
    border: 1px solid #b5bd9a;
    height: 35px !important;
    width: 35px !important;
    opacity: 1 !important;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    float: left;
    margin: 0px -6px !important;
    box-shadow: 0 0 6px #d0d9b1 !important;
}
  

    
  


/* убираем границы блоков*/
.punbb .container {border-color: transparent;}
.punbb .post-body {border-color: transparent;}
.post h3 {border-color: transparent;}
#pun-title {border-color: transparent;}
.punbb .section {border-color: transparent;}
.punbb .forum {border-color: transparent;}
.punbb .formal {border-color: transparent;}
.punbb .modmenu {border-color: transparent;}
.punbb .info {border-color: transparent;}
.punbb .category {border-color: transparent;}
.punbb .post {border-color: transparent;}
/* #pun-stats h2 {border-color: transparent;}*/ /*граница статистики*/
.punbb .main h1 {border-color: transparent;}
/*.punbb .main h2 {border-color: transparent;}*/ /*граница категорий*/
#pun-debug h2 {border-color: transparent;}
.punbb-admin #pun-admain h2 {border-color: transparent;}
.punbb td {border-color: transparent;}
/*.punbb fieldset {border-color: transparent;}*/
/*#viewprofile ul {border-color: transparent;}*/
#profilenav ul {border-color: transparent;}
.punbb .post .post-body {border-color: transparent;}
/*.punbb .post h3 span {border-color: transparent;}*//*подложка под дату и номер поста в теме*/
.post-links ul {border-color: transparent;}
.post-links {border-color: transparent;}
.usertable table {border-color: transparent;}
#pun-ulinks li {border-color: transparent;}
#pun-announcement h2 span {border-color: transparent;}
li#onlinelist {border-color: transparent;}
#pun-help .formal .info-box h3.legend span {border-color: transparent;}
#pun-ulinks li a {border-color: transparent;}
#pun-announcement h2 {border-color: transparent;}
li#onlinelist div {border-color: transparent;}
#pun-help .formal .info-box h3.legend {border-color: transparent;}
.punbb .divider {border-color: transparent;}
.punbb .quote-box {border-color: transparent;}
.punbb .code-box {border-color: transparent;}
/*.punbb .formal fieldset .post-box {border-color: transparent;}*/
.punbb .info-box {border-color: transparent;}
li.pa-online {border-color: transparent;}
.punbb .post-sig dt {border-color: transparent;}


#pun_wrap {min-width:1300px;} /*что б был виден левый край на мобиле*/


  /* сокрытие элементов */
#pun-main.main.mod-page, #pun-main div.catleft, .subscribelink, .linkst .postlink, .acchide, .punbb h1, #pun-navlinks h2, #pun-ulinks h2, .punbb .multipage .topic h2, form#post.container legend span, .punbb dl.post-sig dt span, .punbb p.crumbs strong, .punbb .divider hr, #pun-userlist .main h2,.lastedit, #pun .modlist, .stickytext, .closedatafield, div#pun-live-rusff, .topic a.sharelink, .postlink .closed, li.pl-share, li.pl-reports, li.pa-online, .pa-last-visit, #pun-announcement h2, #pun-break4, #pun-index #pun-main thead, .pa-reg, .pa-gifts, .pa-replies, .pa-fld1 .fld-name, #pun-main div.catright, #pun-viewforum .modmenu .container span, #pun-searchtopics .modmenu .container span,  #pun-messages .post-sig, #pun-profile #viewprofile-next #profilenav, #profile-right li#pa-invites, #profile-gifts, #pun-post #pun-main h2, .tipsy-arrow, .clearer, #pun-index .main .tc2, #pun-index .main .tc3, #pun-main .info h2, div#pun-searchposts h3 em, li.pa-ip, #pun-messages .pa-title, #pun-profile #profile-signature, #pun-searchtopics #pun-main h2, #pun-searchposts h3 a:last-child:after, #onlinelist .e2, #onlinelist .e3, span.num_msg:before, .pl a:last-child:after, #topic-feed.modmenu, #topic-modmenu.modmenu .container span, #BookmCntToggle.default-style:before, #BookmCntToggle.default-style:after, #pun-searchtopics table Div.icon, #pun-searchtopics .tcr .user-avatar, .newtext .bracket.bracket-left, .newtext .bracket.bracket-right, #pun-online tr:last-child td.tcl.username:after, #pun-respect .multipage .container tr:last-child td.tcl:after, #pun-positive .multipage .container tr:last-child td.tcl:after, #pun-searchtopics .multipage .container tr:last-child td.tcl:after, #pun-index .tcl a:last-child:after, #pun-index .main .tcr .user-avatar a:before, #pun-index .main .tcr .user-avatar a:after, .ban a:last-child:after, #pun-viewforum tr:last-child .tclcon:after, #pun-userlist thead tr:after,  #pun-userlist tr:last-child:after, #pun-userlist .container thead tr:before, #profile-right li#pa-email span, #profile-right li#pa-email strong a:first-child, .punbb .post-content .quote-box hr:before, .punbb .post-content .code-box hr:before, .tem tem1:first-child:before, .tem1:first-child:before, #pun-index .subforums:last-child:after, .post-content .tem span hr:before, .gost span p:first-child:before, .gost span p:last-child:before, .pa-fld4 span a:before, .pa-fld4 span a:after, #pun-profile #profile-right li#pa-fld4 span:last-child, #profile-left #profile-title, #pun-navlinks #form-login .Rega:before, #pun-navlinks #form-login .Rega:after, #pun-navlinks #form-login .Forgot:before, #pun-navlinks #form-login .Forgot:after, #pun-messages #image-area.container tr:before, #pun-main .forum h2, .modal-inner.section.moved h2 span:first-child, .hv-mask-field.title, #mask_dialog .hv-preview-block .hv-preview-title
    {display: none !important;}
    
  /*убираем отображения*/

/* убираем загрузки в пользовательских ссылках */
#pun-ulinks .item5 {
    display: none;
}
/* убираем подписка в пользовательских ссылках */
#pun-ulinks .item6 {
    display: none;
}

/* убираем загрузки в пользовательских ссылках */
#pun-ulinks .item5 {
    display: none;
}

/* убираем последнее изменение и награды*/
.lastedit {
    display: none !important;
}

/* не отображать подарки*/
.pa-gifts {
    display: none;
}

/* убираем айпи под авой*/
.pa-ip {
    clear: both;
    color: #5f5446!important;
    width: 190px;
    font-size: 7px;
    display: none;
}
/* убираем приглашения под авой*/
.pa-invites {
    display: none;
}

/* убираем провел на форуме под авой*/
.pa-time-visit {
    display: none;
}

/* убираем иконку страны*/
.pa-author img {
    display: none;
}
/* убираем кнопку поделиться*/
.topic a.sharelink {
    display: none;

}
/* убираем награды*/
.pa-awards{
    display: none;

}

/* убираем "улучшить профиль"*/
span.item4.status-right {
    display: none;
}

style_cs.css

Код:

/* Футер */
#pun-about p.container {
    background: rgba(0, 0, 0, 0) url(https://forumstatic.ru/files/001b/b1/0e/76757.png) no-repeat scroll bottom center;
    height: 18px;
    margin-bottom: -32px!important;
    margin-left: -39px;
    margin-top: -1px;
    width: 1100px;
}
 
 
 /* фон */
body {
  overflow-x: hidden;
    background: repeat-x top center, no-repeat top center, no-repeat bottom center, 
    url(https://forumstatic.ru/files/001b/b1/0e/61932.png) top center no-repeat fixed #d3bd9c;
    background-size: cover;} 
    
    body.redirect-page {
    background: url(https://forumstatic.ru/files/001b/b1/0e/61932.png) no-repeat fixed #d3bd9c !important;}

/* цвет текста */
.linkst .pagelink, .linksb .postlink, .linkst .postlink, .punbb .post-links ul, .punbb .modmenu .container, .punbb .modmenu .container, .subscribelink, .punbb fieldset legend span, .punbb .linksb,.punbb .post-box,.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, .punbb-admin #pun-admain .adcontainer, #pun-title, #pun-title .container, .punbb .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl {
    border-color: transparent;
    color: #303228;
}

/* поле ввода */
.punbb input, .punbb textarea, .punbb select {
    text-shadow: none;
    color: rgb(33 41 14);
    background: #eff4e6;
    border: 1px solid #d2d7c9;
    outline: 1px solid #b5bd9a;
    box-shadow: 0px 0px 4px 1px #d2d7c9 inset;
    border-radius: 0px!important;
    border-bottom-left-radius: 0px!important;
    border-bottom-right-radius: 0px!important;
    border-top-left-radius: 0px!important;
    border-top-right-radius: 0px!important;
}


/*строка над формой ответа */
#form-buttons table {
    width: 100.8%!important;
    text-transform: uppercase;
    font-size: 10px;
    font-family: "Roboto Condensed" !important;
    color: #eff4e6; 
    border: 1px solid #d2d7c9;
    box-shadow: 0px 0px 7px 1px #d2d7c9 inset;
    background-color: #b5bd9a;
    background: url(https://forumstatic.ru/files/001b/b1/0e/33973.png?v=1) no-repeat top center;
}


/* выпадающие меню в форме ответа */
#font-area, .popup_graffiti, #size-area, #image-area, #color-area, #addition-area, #video-area, .inner .popup_graffiti, #table-area, #keyboard-area {
    padding: 15px 10px 10px 10px !important;
    border-radius: 2px;
    background-color: #b5bd9a;
    color: #37392f;
    border: 1px solid #d2d7c9;
    
}

/* ширина высота и прокрутка в выпадающем меню формы ответа */
#font-area {height: 200px;
overflow-y: auto;
padding: 5px;
text-align: left;
width: 150px}

/*перекраска подложки выпадающего меню в форме ответа*/

#tags .container
{
    background-color: #b5bd9a;
}

/* кнопки отправить посмотреть */
input.button, #post fieldset .hashelp div input, .button, #pun-admain input {
    font-size: 11px!important;
    background: linear-gradient(#eff4e6, #b5bd9a)!important;
    border: 1px solid #b7a091 !important;
    color: #3f3d41!important;
    font-weight: 600 !important;
    padding: 3px 5px 3px 5px !important;
    cursor: pointer!important;
    -webkit-transition: .1s all;
    -moz-transition: .1s all;
    -ms-transition: .1s all;
    -o-transition: .1s all;
    transition: .1s all;
}

/* КНОПКИ ОТПРАВИТЬ ПОСМОТРЕТЬ ПРИ НАВЕДЕНИИ
-------------------------------------------------------------*/
input.button:hover, #post fieldset .hashelp div input:hover, .button:hover {
    background: linear-gradient(#d8e5ac, #dde4d1)!important;
    cursor: pointer!important;
    color: #616063!important
  }

/* внешний вид текста при выделении */
::selection {   
    background: #d2d7c9;
    /*color: #3e3831;*/
}

/* ширина прокрутки */
::-webkit-scrollbar {
    width: 4px;
    height: 4px;}

/* бегунок прокрутки*/

::-webkit-scrollbar-thumb {
    background-color: #d2d7c9;
    border: 0px solid #d2d7c9;
    box-shadow: inset 0 0 2px #b5bd9a;
}
/* подложка прокрутки */
::-webkit-scrollbar-track {
    background-color: transparent;
    border: 0px solid #d2d7c9;
    box-shadow: inset 0 0 2px #b5bd9a;
}

/* отсутствие прокрутки по горизонтали*/
body {overflow-x: hidden}


/* CS1 Background and text colours. .punbb .formal fieldset .post-box
-------------------------------------------------------------*/

  
/* CS1.1 */
 .punbb .post-body, .punbb .post-links, .punbb .formal fieldset .post-box,  #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
  background-color: transparent;
  color: #333;
  }
  
/* текст на странице профиля */
#viewprofile li strong, #viewprofile li span{
  background-color: transparent;
  color: #d2d7c9;
  }
  

/* CS1.3 */
 .punbb .main h1, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background-color: transparent;
  color: #3f3d41;
  }

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background-color: transparent;
  color: #3e422f;
  }

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

/* CS1.6*/
 #viewprofile li, #setmods dl  {
  background-color: transparent;
  color: #3f3d41
  }

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

/* CS1.8 */

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

/* CS3 Links
-------------------------------------------------------------*/
/* название подфорума на главной*/
.punbb a, .punbb a:link, .punbb a:visited {
    transition: color 0.3s ease-in-out;
    color: #3f4237;
    text-decoration: none;
}

/* CS3.1 */
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
  color: #808864;
  text-decoration: none;
  }

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

/* CS3.2 */
/* название подфорума на главное при наведении*/
.punbb a:hover {
    color: #a5b472;
}

/* цвет времени поста в теме сверху*/
.punbb a.permalink{
    color: #e1e6d6;
}

.punbb a.permalink:hover{
    color: #cdd2b8;
}



.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: #4b5232;
  text-decoration: none;
  }

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

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

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #333;
  color: #fff;
  text-decoration: none;
  }

/* CS4 иконки */
/* III. ИКОНКИ
-------------------------------------------------------------*/
    
    /* в подфорумах */
#pun-viewforum table .icon, #pun-messages table Div.icon {    
    float: center;    
    background: none;    
    margin: 0 40px 0 0px;}
    
#pun-viewforum .icon:before, #pun-messages Div.icon:before {    
    margin: 0px 0px 0px 0px;  
    float: center;
    text-align: center;
    font-family: 'FontAwesome';    
    text-transform: uppercase !important;    
    display: inline-block;    
    width: 70px;    
    font-size: 15px;    
    letter-spacing: 1px; 
    opacity: .5}
    
#pun-messages Div.icon:before {
    margin: 13px 0 0 0 !important;}

#pun-viewforum .icon:before, #pun-messages .icon:before {    
     background: #b5bd9a;
    color: #eff4e6!important;
    box-shadow: inset 0px 2px 1px #b5bd9a, inset 0px 0px 0px #b7a091, inset 0px 0px 0px #b7a091;
    content: "old";
    }
    
#pun-viewforum .icon.icon-new:before, #pun-messages .icon.inew:before { 
    background: #b5bd9a;
    color: #eff4e6!important;
    box-shadow: inset 0px 2px 1px #b5bd9a, inset 0px 0px 0px #b7a091, inset 0px 0px 0px #b7a091;
    content: "new";}
    
#pun-viewforum tr.iclosed .icon:before {  
    background: #b5bd9a;
    color: #eff4e6!important;
     box-shadow: inset 0px 2px 1px #b5bd9a, inset 0px 0px 0px #b7a091, inset 0px 0px 0px #b7a091;
    content: "\f00d" "\f00d" "\f00d";}
    
#pun-viewforum tr.isticky .icon:before {    
    background: #b5bd9a;
    color: #eff4e6!important;
    box-shadow: inset 0px 2px 1px #b5bd9a, inset 0px 0px 0px #b7a091, inset 0px 0px 0px #b7a091;
    content: "!!!";}
    
#pun-viewforum .icon.icon-new:before, #pun-viewforum tr.isticky .icon:before, #pun-messages .icon.inew:before {
    color: #cbb398; 
    opacity: 1}


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



/* иконки в форме ответа */
#form-buttons #button-font, /* шрифты */
#form-buttons #button-size, /* размер */
#form-buttons #button-bold, /* толщина */
#form-buttons #button-italic, /* наклонный */
#form-buttons #button-underline, /* подчеркнутый */
#form-buttons #button-strike, /* зачеркнутый */
#form-buttons #button-left, /* выравнивание слева */
#form-buttons #button-center, /* выравнивание по центру */
#form-buttons #button-right, /* выравнивание справа */
#form-buttons #button-link,/* ссылка */
#form-buttons #button-spoiler,/* свернутый текст */
#form-buttons #button-image,/* изображение */
#form-buttons #button-image2,/* изображение2 */
#form-buttons #button-video, /* видео */
#form-buttons #button-hide, /* скрытый текст */
#form-buttons #button-quote,/* цитата */
#form-buttons #button-code,/* код */
#form-buttons #button-color,/* цвет */
#form-buttons #button-table,/* таблица */
#form-buttons #button-smile,/* смайлы */
#form-buttons #button-keyboard,/* виртуальная клавиатура */
#form-buttons #button-addition,/* дополнительно */
#form-buttons #button-html {
    font-family: 'cappuccicons', 'fontawesome';
    background: transparent!important;
    margin-top: 15px !important;
    position: relative;
    width: 37px;
    height: 13px;
    color: #eff4e6;
}


#form-buttons td {display: inline-block; margin: 0 3px 3px;  line-height: 4px; /* отступы кнопок друг от друга */}

#form-buttons td img {
    height: 26px;
    width: 100%;
    margin-top: -12px !important;
}

#form-buttons #button-indent {
display: none
}

#button-font:before {content: "\f031"} 
#button-size:before {content: "\f034";}
#button-bold:before {content: "\f032"} 
#button-italic:before {content: "\f033"} 
#button-underline:before {content: "\f0cd"} 
#button-strike:before {content: "\f0cc"} 
#button-left:before {content: "\f036"}
#button-center:before {content: "\f037"}
#button-right:before {content: "\f038"}
#button-link:before {content: "\f0c1"} 
#button-spoiler:before {content: "\f187"} 
td#button-image:before {content: "\f03e"}
td#button-image2:before {content:"\f0ee";}  
#button-image:before {content: "\f007"} 
#button-image2:before {content: "\f007"} 
#button-video:before {content: "\f03d"} 
#button-hide:before {content: "\f070"} 
#button-quote:before {content: "\f10d"} 
td#button-code:before {content: "\f121"}  
td#button-color:before {content: "\f1fc"} 
#button-table:before {content: "\f0ce"} 
#button-smile:before {content: "\f118"}
#button-keyboard:before {content: "\f11c"} 
#button-addition:before {content:"\f067";}


/* информация в шапке */
 #html-header info1{
    position: absolute !important;
    margin: -245px 605px !important;
    width: 438px;
    height: 68px;
    overflow: auto!important;
    font-family: 'Myriad Pro';
    font-size: 13px;
    line-height: 13px;/* росстаяние между строк*/
    color: #554f43!important;
    }

HTML верх

Код:

<!---------------------------- информация в шапке ---------------------------->
<info1>Пьер был неуклюж. Толстый, выше обыкновенного роста, широкий, 
с огромными красными руками, он, как говорится, не умел войти в салон 
и еще менее умел из него выйти, то есть перед выходом сказать что-нибудь 
особенно приятное. Кроме того, он был рассеян. Вставая, он вместо своей шляпы 
захватил треугольную шляпу с генеральским плюмажем и держал ее, 
дергая султан, до тех пор, пока генерал не попросил возвратить ее. 
Но вся его рассеянность и неуменье войти в салон и говорить в нем 
выкупались выражением добродушия, простоты и скромности. </info1>

<!--Выделение кода в блоке "Код" с перемещение в буфер обмена // © Damassk, версия 2019г. --> 
<script type="text/javascript" src="https://forumstatic.ru/files/0016/4a/bf/98029.js"></script>
<script>eval(select_text.toString().replace(/\}$/,'try{document.execCommand("copy")}catch(e){}}'))</script>
<script type="text/javascript">select_text.linkText = 'выделить [копируется сразу]' //текст ссылки</script>
<!-- конец -->

<!-- Убираем граффити из формы ответа -->
<script type="text/javascript">
RusffCore.sets.graffiti = false;
</script>

<!-- Убираем файлы из формы ответа -->
<script type="text/javascript">
RusffCore.sets.files = false;
</script>

HTML низ

Код:

<!-- привет, ваш посл визит -->
<style>
/* привет, ваш посл визит */
#pun-status {   
    width: 900px;
    position: absolute;    
    z-index: 2;    
    top: -90px;    
    text-align: center;    
    line-height: 16px;
    margin-left: 250px!important;
    }
    
#pun-status .item1 {   
    margin-bottom: 2px;
} 
    
#pun-status .item2 {
    position: absolute;
  }
#pun-status, .par span b, .pos {    
    font-family: 'helvetica neue';    
    font-size: 10px;    
    letter-spacing: 1px;}
    
#pun-status, #pun-status a, .par span b, .pos {
    color: #c29f8a;}
    
#pun-status .item1, .par span b, .pos a, .pos a:hover {    
    color: #797e66;   
    font-size: 13px;}

span.item1 strong, span.item2 strong, #profile-left #pa-avatar strong, .pa-author strong {
    font-weight: normal !important;}
    
</style>
<!-- Конец -->





<!--кнопки вверх вниз-->
<div class="go-up" id='ToTop'></div>
<div class="go-down" id='OnBottom'></div>
<style>
.go-up {
    cursor: pointer;
    display: none;
    height: 14px;
    width: 14px;
    margin-bottom: 160px;
    opacity: 0.8;
    position: fixed;
    z-index: 9999;
    background: #b5bd9a;
    border: 1px solid #d2d7c9;
    border-radius: 10px 10px 10px 10px!important;
    box-shadow: inset 0px 0px 0px #000000, inset 0px 0px 1px #000000, inset 0px 0px 1px rgb(0 0 0);
}

.go-down {
    cursor: pointer;
    display: none;
    height: 12px;
    width: 12px;
    margin-bottom: 160px;
    opacity: 0.8;
    position: fixed;
    z-index: 9999;
    background: #d2d7c9;
    border: 1px solid #d2d7c9;
    border-radius: 10px 10px 10px 10px!important;
    box-shadow: inset 0px 0px 0px #000000, inset 0px 0px 1px #000000, inset 0px 0px 1px rgb(0 0 0);
}


.go-up {
    bottom: 48%;
    margin-left: 1065px !important;
}

.go-down {
    bottom: 44%;
    margin-left: 1066px !important;
}
.go-down:hover, .go-up:hover {
    opacity: 1;
}

.topic a.sharelink {
    display: none;
}

</style>
<!--кнопки вверх вниз-->
<script type="text/javascript">
$(function(){
if ($(window).scrollTop()>="250") $("#ToTop").fadeIn("slow")
$(window).scroll(function(){
  if ($(window).scrollTop()<="250") $("#ToTop").fadeOut("slow")
  else $("#ToTop").fadeIn("slow")
});
if ($(window).scrollTop()<=$(document).height()-"999") $("#OnBottom").fadeIn("slow")
$(window).scroll(function(){
  if ($(window).scrollTop()>=$(document).height()-"999") $("#OnBottom").fadeOut("slow")
  else $("#OnBottom").fadeIn("slow")
});
$("#ToTop").click(function(){$("html,body").animate({scrollTop:0},"slow")})
$("#OnBottom").click(function(){$("html,body").animate({scrollTop:$(document).height()},"slow")})
});
</script>




<!-- Регулировка размера шрифта в постах © Alex_63 -->
<style>
.FNTslider {    
    width: 100px;    
    height: 5px;    
    float: right;    
    margin: 4px 0px 0 350px;    
    outline-offset: 5px;
    background: #b5bd9a;
    outline: 1px solid #6d725b;}
    
.FNTslider .before {    
    height: 5px;    
    background: #d9decb;}
    
.FNTslider .thumb {    
    background: #b5bd9a;    
    width: 5px;    
    height: 20px;    
    position: relative;    
    top: -13px;    
    cursor: pointer;}
</style>
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/31001.js"></script>
<!-- Конец -->

+ для корректности отображения шрифтов, рекомендую установить шрифты собранные и залитые blanche

Дизайн Светлый Минимализм (+PSD) [4/8]

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

Поделиться3026.01.23 23:08

Автор: Automation Baby
Атаманша
Последний визит:
18.08.24 17:56
Уважение: +9027

опубликовано

Название:

Minimal pink-blue
Условия публикации/использования:
Не выдавать за свою работу и не продавать.
Не публиковать в свободный доступ на других ресурсах без предупреждения.
Можно брать себе, менять и переделывать.
Будет неплохо написать спасибо автору или поставить лайк (хотя вряд ли он увидит благодарность, но всё же).

Автор/источник:

Этот дизайн делал мне платно на заказ один знакомый. Он не делает на заказ, но мне сделал исключение. Связь с ним потеряна, мне он давно не отвечал в скайпе (другого способа связи не знаю). Его ник: asardjet (Ray Abydos)
Платформа:

MyBB
Цветовая гамма:

розовый, голубой, серый и белый
Корректность отображения: НЕТ
Мобильная версия: НЕТ

Дизайн хорошо бы проверить, так как он 2016 года, там есть стилевые настройки к скриптам в том числе. Стоит ещё, наверное, убрать лишние скрипты и перезалить картинки. Я ничего не правила, просто запаковала в том виде что был.
Исходники или макет:

Всё тут.
PSD нету.
Скриншот:
как-то так, но по-моему там картинки надо перезалить
Код:

Коды есть в архиве: https://disk.yandex.ru/d/9Wq1gk4sgFj4Fw

Буду рада если найдётся желающий привести дизайн в божеский вид и дать ему вторую жизнь.

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

Отвечаю на вопросы вот здесь | Мой блог

"Никогда не сомневайтесь в себе и любите каждую свою работу, даже если она кажется вам грязью на окне. Через это окно люди смотрят на мир, тогда как разводы замечаете только вы." © Николай Ободников. "Лиллехейм. Волчий ветер‌‍

Ответить

Страница: « 1 2 3 4 »

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

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

Имя

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

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

В каталог! (отдать дизайн для свободного использования)

Сообщений 21 страница 30 из 36

Поделиться103.11.17 14:23

Поделиться2113.01.22 12:40

Поделиться2213.01.22 12:47

Поделиться2317.01.22 21:49

Поделиться2420.03.22 23:43

Поделиться2523.04.22 21:51

Поделиться2625.04.22 22:15

Поделиться2730.04.22 23:44

Поделиться2801.05.22 21:48

Поделиться2906.12.22 19:36

Поделиться3026.01.23 23:08

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

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

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

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