Код:
@import url(style_cs.css);
@import url('https://fonts.googleapis.com/css2?family=Philosopher:ital,wght@0,400;0,700;1,400;1,700&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Roboto:ital,wght@0,100..900;1,100..900&family=Spectral:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
@import url('https://kit-pro.fontawesome.com/releases/v6.6.0/css/pro.min.css');
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Infant:ital,wght@0,300..700;1,300..700&family=Fraunces:ital,opsz,wght@0,9..144,100..900;1,9..144,100..900&family=Gentium+Book+Plus:ital,wght@0,400;0,700;1,400;1,700&family=Merriweather:ital,opsz,wght@0,18..144,300..900;1,18..144,300..900&family=Zen+Old+Mincho&display=swap');
@import url('https://fonts.googleapis.com/css?family=Alice|Playfair+Display|Merriweather|Press+Start+2P|Roboto+Condensed|Yeseva+One|Cormorant+Garamond|Jura|Lora|Montserrat|Oswald|Prata|Vollkorn|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|Dawning+of+a+New+Day|Cedarville+Cursive|Great+Vibes|IM+Fell+French+Canon+SC|Indie+Flower|Dancing+Script|Amatic+SC|Righteous|Cinzel|Gochi+Hand|Caveat|Satisfy|Bad+Script|Cookie|Fredericka+the+Great|Homemade+Apple|Kaushan+Script|Marck+Script|Merienda|Playball|Rochester|Sacramento|Ultra&display=swap&subset=cyrillic');
@import url('https://webfonts.ru/import/bebasneue.css');
@media screen and (orientation: portrait), screen and (max-width: 720px) {
.post-box .post-content { font-size: 2.2em !important; }
.punbb textarea { font-size: 2.2em !important; }
}
@media screen and (max-width: 720px) {
}
/********** Чистый стандартный стиль для MyBB ***********/
/******** Cпециально для ForumD.ru © Gerda, 2023 ********/
/**************************************************
/* Скрываем элементы форума */
.acchide,
#pun-index #pun-main h1,
#pun-navlinks 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,
#pun-title h1,
#pun-announcement h2 {
font-size: 0;
height: 0;
width: 0;
line-height: 0.0;
position:absolute;
left: -9999px;
overflow: hidden
}
.punbb .modmenu .container span {display: none;}
.icon[data-new-topics]:before, .subforums span[data-new-topics]:before {
display: none!important;}
/* СКРЫТЬ КНОПКУ ПОДЕЛИТЬСЯ */
.topic a.sharelink {
display: none;}
div#pun-live-rusff {display: none;}
thead {
display: none;
}
#pun:after,
.punbb .post-links ul:after,
.punbb .main div.inline:after,
.punbb .post-box:after,
.punbb .linksb:after,
.punbb .container:after {clear: both; content: "."; display: block; height: 0; visibility: hidden; overflow:hidden; line-height: 0.0; font-size: 0;}
/* СКРЫТЬ НАЗВАНИЯ ПОЛЕЙ ЛЗ */
.pa-fld4 .fld-name {display: none;}
.pa-fld5 .fld-name {display: none;}
/* ================== */
/* Общие стили */
* {margin: 0; padding: 0;}
body {margin: 0;}
ul, dl, li, dd, dt {list-style: none;}
body {font: 12px Verdana;}
h1, h2 {
font: 400 18px Playfair Display;
font-style: italic;
text-transform: lowercase;
padding: 5px 10px;
margin: 0;
text-align: center;
color: #786f71;
}
address, em {font-style: normal}
a {text-decoration: none;}
/*** ЦВЕТНОЙ СКРОЛЛ ***/
*::-webkit-scrollbar {
width:5px;
height:5px;
background: rgba(0,0,0, 0.1);
}
*::-webkit-scrollbar-thumb {
background: #7b2112;
border-radius: 8px;
}
*::-webkit-scrollbar-corner {background: transparent;}
#List-UserNames ul::-webkit-scrollbar{width:4px;height:4px}
#List-UserNames ul::-webkit-scrollbar-track{background:var(--fair-text);border:1px solid var(--fair-text);box-shadow:none}
#List-UserNames ul::-webkit-scrollbar-thumb{border:1px solid var(--dark-text);background:var(--dark-text)!important;box-shadow:none}
/* ================== */
/*** ФОН ФОРУМА ***/
html, body {
background-color: #0e1819;
background: fixed no-repeat top url(https://upforme.ru/uploads/001c/84/f0/2/804766.jpg);
}
#pun_wrap {
background: url() 50% 0% no-repeat transparent;
}
/* Тело форума */
#pun {
width: 990px;
position: relative;
background-color: transparent;
margin: 260px auto auto auto;
padding: 0px 30px 0px 30px;
background-image: url(https://i8.imageban.ru/out/2025/09/09/cb87503489a947690f236173521eb5d7.png);
}
.punbb {
float: left;
width: 960px;
height: auto;
padding: 0px 14px 0px 14px;
}
/* ================== */
/* Навигационные ссылки */
#pun-navlinks {
top: -209px;
width: 1020px;
height: 25px;
left: 97px;
position: absolute;
}
/* D3.2 */
#pun-navlinks .container {
display: flex;
gap: 15px;
margin: 0;
flex-direction: row;
justify-content: center;
align-items: center;
background: url(https://i6.imageban.ru/out/2025/09/09/4e9f68001c421a8c7296090148fc8779.jpg) right top no-repeat, #2c1717;
border-radius: 7px 7px 0px 0px;
height: 33px;
width: 800px;
text-transform: uppercase;
font: 600 13px Playfair Display;}
/* D.3 */
#pun-navlinks li {
display: inline;
padding-right: 1em;
}
/* Юзер меню */
#pun-ulinks .container {display: flex;
gap: 1px;
margin: 0;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 8px 10px;
text-align: center;
font: 200 12px Franklin Gothic;
letter-spacing: 0.2px;
text-transform: lowercase;}
#pun-ulinks {
position: absolute;
top: 18px;
width: 100%;
height: 30px;
left: 6px;
}
#pun-ulinks li {
display: inline;
padding-right: 10px;
}
/* ================== */
/* Объявление */
#pun-announcement .container {padding: 10px;}
/* Статус (Добро пожаловать) */
#pun-status .container {
margin-bottom: 0;
padding: 8px 10px 10px;
font: 400 11px roboto;
color: #424041;
}
#pun-status span {
white-space: nowrap;
margin-right: 5px;
}
#pun-crumbs1 {font-weight: bold;}
#pun-crumbs1 p.container {
padding: 10px 10px 8px 10px;
margin-top: 0;
}
/*хлебные крошки */
.container.crumbs {
font-weight: bold;
padding: 10px 10px 8px 10px;
}
#pun-crumbs1 .container.crumbs {margin-top: 0; text-align: center; font-family: 'Roboto';}
#pun-crumbs2 .container.crumbs {margin-bottom: 0; text-align: center; font-family: 'Roboto';}
/*** ШАПКА ***/
#pun-title table {
border: none;
background: url(https://i4.imageban.ru/out/2025/08/27/9b250cc1634839eb22d75da254e801c9.png) no-repeat;
width: 1051px !important;
height: 263px;
background-color: transparent;
margin-top: -204px;
border-radius: 0px;
margin-left: -45px;
z-index: 99;
}
#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;}
/* Копирайт майбб */
/*** НИЗ ФОРУМА ***/
#pun-about p.container {
width: 1051px;
height: 190px;
margin-left: -45px;
text-align: center;
font-size: 9px;
border: none;
background: url(https://i7.imageban.ru/out/2025/08/27/8d44a5dcd53f74f80762bd0b19ec89a0.png) transparent no-repeat;}
div#html-footer {
margin: 0px 0px 0px 0px;}
div#pun-about {
margin-bottom: -110px;}
/* ================== */
/* Форумные таблицы */
table {table-layout: fixed; width: 100%;}
#respect {width: auto;}
.punbb .main .tcl {
overflow: hidden;
width: 47%;
vertical-align: middle;
text-align: left;
border-left-style: none;
border-left-width: 0;
}
#pun-index .tc2,
#pun-index .tc3,
#pun-index .tcmod {
display: none
}
#pun-index .hasicon tr {
z-index: 1;
width: 952px;
position: relative;
display: table;
border-radius: 9px;
background: #b3b3b3;
margin: 12px 0 22px 5px;
box-sizing: border-box;
padding: 5px 17px;
}
#pun-index .tcl {
padding: 0px!important
}
#pun-index thead {
display: none;
}
#pun-index .tcr {
line-height: 15px !important;
font-size: 11px;
}
.tcr a {
font: 700 11px Roboto;
color: #225658 !important;
text-transform: uppercase;
letter-spacing: 0px !important;
}
.tcr a:hover {
color: #663333!important;
}
.punbb .main .tcr {
overflow: hidden;
text-align: left;
font-size: 11px;
font-family: 'roboto';
line-height: 18px;
padding-left: 41px;
width: 35% !important;
}
#pun-index .tcl h3 {
font: 800 18px "Zen Old Mincho";
margin-bottom: 6px;
text-transform: uppercase;
padding: 7px 0px 0px 0px;
}
#pun-index .tcl h3 a {
background-color: #271c19 !important;
background-image: linear-gradient(to bottom, #bf6868, #663131, #2c1717) !important;
background-size: 100% !important;
-webkit-background-clip: text;
-moz-background-clip: text;
-webkit-text-fill-color: transparent;
-moz-text-fill-color: transparent;
transition: all .3s ease-in-out 0s !important;
}
#pun-index .tcl h3 a:hover {
background-color: #0b191a !important;
background-image: linear-gradient(to bottom, #2d6c6e, #204040, #0d1d1d) !important;
background-size: 100% !important;
-webkit-background-clip: text;
-moz-background-clip: text;
-webkit-text-fill-color: transparent;
-moz-text-fill-color: transparent;
transition: all .3s ease-in-out 0s !important;
}
#pun-main .category td div.tclcon {
font: 400 11px Roboto;
color: #1c1c1c;
line-height: 160%;
padding-bottom: 10px;
text-align: justify;
padding-right: 22px;}
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
text-align: center;
width: 8%;
font-family: Tahoma, Verdana, sans-serif;
}
#pun-searchtopics .tcl,
#pun-modviewforum .tcl {
width: 40%
}
#pun-searchtopics .tc2 {
text-align: left;
width: 20%;
}
#pun-debug table .tcl {width: 15%;white-space:normal;}
#pun-debug .tcr {width: 90%; white-space: normal;}
tbody.hasicon td.tcl {padding-left: 40px}
/*** ICONS MESSAGES ***/
.punbb div.icon {
float: left;
display: block;
height: 10px;
width: 10px;
margin-left: -29px;
background-position: 0% 0%;
background-repeat: no-repeat;
margin-top: 2px !important;
border-radius: 50%;}
Div.icon {
background: #a9a8a8;}
TR.inew Div.icon {
background: #326366;}
TR.iclosed Div.icon {
background: #000;}
TR.isticky Div.icon {
background: #a9a8a8;}
#pun-main .category Div.icon {
margin-top: 7px!important;
float: left;
margin-left: -26px!important;
padding: 0px 0px 0px 0px;
border-style: none;
height: 68px;
width: 16px;
background: url() transparent no-repeat;
}
#pun-main .category TR.inew Div.icon {
height: 32px;
width: 9px;
position: absolute;
background: #662323;
border-radius: 6px 0px 0px 6px;
}
/* ================== */
/* Категории */
.category {margin-top: 10px;}
#pun-category1 {margin-top: 0;}
.category td .modlist {
display: block;
padding-top: 5px;
}
/* Статистика */
#pun-stats .container {
padding: 0;
list-style: none;
display: flex;
flex-direction: column;
}
#pun-stats .statsinfo {
display: flex;
gap: 20px;
width: 920px;
padding: 12px 16px;
border-radius: 7px;
margin-bottom: 9px;
margin-top: 9px;
align-items: center;
justify-content: center;
}
#pun-stats .statsinfo li {
text-transform: lowercase;
}
#pun-stats .statsinfo li {
font: 300 12px roboto;
}
#pun-stats .statsinfo li strong {
font-weight: 900;
}
li#onlinelist {
margin-top: 10px;
float: left;
width: 100%;
}
li#onlinelist div {padding: 8px 0 0 0;}
/* ================== */
/* Пагинация (Переключаемые страницы, Новая тема + Опрос, Подписка) */
.multipage {margin-top: 30px;}
.linkst {
position: relative;
height: 0;
}
.linkst .pagelink,
.linkst .postlink {
position: absolute;
top: -50px;
}
.linkst .pagelink {left: 10px;}
.linkst .postlink {right: 10px; text-align: right;}
.linksb {
text-align: right;
padding: 4px 10px;
}
.linksb .pagelink {float: left; text-align: left;}
.linksb .postlink {float: right;}
.subscribelink {
clear:both;
padding: 5px 0;
}
/* Модераторское меню, RSS, Atom */
.modmenu .container {padding: 5px 10px;text-align: right;}
.modmenu .container strong {float: left;}
.modmenu input {margin-left: 10px;}
/* ================== */
/* Страница топика */
.post {margin-top: 10px;}
.toppost, .topicpost {margin-top: 0;}
.post .container {}
/*** ДАТА И НОМЕР ПОСТА ***/
.post h3 {
line-height: 10px;
position: relative;
width: 959px;
margin: 0px 0px 0px 0px;
border-radius: 8px;
box-sizing: border-box;
display: flex;
align-content: center;
flex-wrap: wrap;
height: 22px;
background: url(https://i5.imageban.ru/out/2025/09/10/ae5833e5fbca797bcc9a90b25fedec0e.png) center top no-repeat, #3c1d1d;}
/* текст внутри разделителя */
.post h3 span {
display: flex;
justify-content: space-between;
flex-flow: row-reverse;
padding: 0px 14px;
box-sizing: border-box;
width: 100%;
text-transform: uppercase;
}
/* ссылка внутри разделителя */
.post h3 a, .post h3 strong {
font: 400 13px roboto;
text-transform: lowercase;
color: #abaaaa;
padding-top: 1px;}
.post h3 a {
color: #937575!important;}
.post h3 a:hover {
color: #d5b47b !important;}
.post h3 strong:before {
content: "#";
}
/* НИК АВТОРА */
.pa-author {
font: 600 16px playfair display;
font-style: italic;
padding-top: 10px;
padding-bottom: 3px;
}
/* СТАТУС АВТОРА */
li.pa-title {
font: 400 8px Merriweather;
text-transform: lowercase;
letter-spacing: 0.5px;
color: #5a5450;
margin: 3px;
}
li.pa-avatar {
margin-top: -2px;}
li.pa-avatar img {
border: 3px solid #b3b1b900;
outline: 1px solid #a9a199 !important;
margin-bottom: 5px;
margin-top: 6px;
max-width: 180px;
max-height: 180px;
border-radius: 7px;
}
.pa-respect .fld-name,
.pa-respect .fld-name a {
position: relative;
font-size: 0px;
}
.pa-respect .fld-name a {
font-size:0!important;
}
.pa-respect .fld-name a:before {
content:"rep";
font-size:10px!important;
display: block;
}
.post-body {margin-left: 250px; margin-top: 10px;}
.post-box {padding: 10px; TEXT-ALIGN: JUSTIFY;}
.punbb .post .post-author {
float: left;
width: 230px;
font-size: 10px;
margin: -1px 0 0 0;
font-family: var(--main-font);
margin-bottom: 10px;
position: relative;
z-index: 0;
background-color: #9f9993;
background-image: url(https://www.transparenttextures.com/patterns/light-paper-fibers.png);
border-radius: 15px;
text-align: center;
}
.pa-fld3 {
width: 230px;
height: 170px;
position: absolute;
top: 0px;
left: 0px;
z-index: -1;
mask: linear-gradient(0deg, rgba(217, 217, 217, 0) 0%, #ddd8d3 100%);
-webkit-mask: linear-gradient(0deg, rgba(217, 217, 217, 0) 0%, #ddd8d3 100%);
overflow: hidden;
filter: grayscale(.4);
border-radius: 5px 5px 0 0;
}
.pa-fld3 img {
vertical-align: top !important;
}
.proffl {
background: #ddd9d7;
margin: 5px 10px;
padding: 5px;
border-radius: 8px;}
.post-links {margin-left: 300px;}
.post-links ul {
padding: 0 10px 15px 0;
margin-left: -300px;
text-align: right;
text-transform: lowercase;
}
.post-links li {
display: inline;
padding-left: 10px;
}
.pl-email, .pl-website {float: left;}
.clearer {clear: both; height: 0; font-size: 0;}
/* ================== */
/* Подпись в топике */
.post-sig dt, .post-sig dd, .post-sig dl {margin: 0}
.post-sig dt {
display: block;
margin: 5px 0;
}
/* Контент поста */
.punbb pre {
font: 1.1em / 140% monaco, "bitstream vera sans mono", "courier new", courier, monospace;
}
.post-content em {font-style: italic}
.post .post-content td {border-width: 0px !important;}
.post-content em.bbuline {font-style: normal; text-decoration: underline;}
.post-content p {
margin: 0;
line-height: 150%;
padding: 0 0 12px 0;
}
.post-content img {vertical-align: middle;}
.scrollbox {
width: 100%;
overflow: auto;
max-height: 200px;
}
.quote-box, .code-box {
margin: 0.4em 1em 0.8em;
padding: 13px;
background: url(https://i2.imageban.ru/out/2025/09/10/2e21e8cc2be95ce4bc0d1f026015a807.png) left top no-repeat, #dfdbd9;
border-radius: 8px;
border: 3px solid #c9c7c5;
outline: 1px solid #918883;
}
.code-box strong.legend, .quote-box cite {
display: block;
padding-bottom: 5px;
font: 800 14px playfair display;
font-style: italic;
letter-spacing: 0.3px;
}
/* ================== */
/* Формы */
.checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 3px;}
p[class="checkfield"] *, div[class="checkfield"] *, fieldset[class="radiofield"] * {height: 20px; vertical-align: middle;}
textarea, input, select, optgroup {font-size: 14px;}
optgroup {font-weight: bold;}
.formal .container {padding: 10px 20px;}
.formsubmit {
padding: 0 0 0 15px;
margin: 10px 0 0 0;
}
.formsubmit input, .formsubmit a, .formsubmit span {margin: 0 6px 0 0;}
fieldset {border: none;}
fieldset fieldset {
border: none;
margin: 0;
padding: 0 0 8px 0
}
.fs-box {padding: 5px 0;}
.fs-box p, .fs-box fieldset {padding: 0 0 8px 0;}
.punbb fieldset legend {
font: 400 11px Franklin Gothic;
text-transform: uppercase;
color: #264a4a;
padding: 0 5px;
margin: 0 0 0 11px;
}
.inline .inputfield, .inline .selectfield, .inline .passfield {float: left;margin-right: 1em;}
.inline .infofield {clear:both}
.datafield br {display: none}
textarea, .longinput input {width: 64%; margin: 0;}
.hashelp {position: relative;}
#main-reply {
width: 100%;}
.punbb textarea {
background-clip: padding-box;
background: #d9d6d4;
padding: 7px;
width: 98%;
border: none;
border-radius: 8px;
}
.punbb textarea,
.punbb input,
.punbb select,
.punbb optgroup {
font: 1em verdana, arial, helvetica, sans-serif
}
.punbb input, .punbb select {
background-color: #e3dedc;
border: 1px solid #b3aeac;
padding: 3px 10px 3px 10px;
display: inline-block;
border-radius: 7px;
}
/* ================== */
/* Предпросмотр сообщения */
#pun-post .topic {margin-top: 10px;}
/* ================== */
/* C6 Profile */
/*** C6.2 ***/
#profilenav {
display:block;
width:auto;
padding-top: 0px;
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;
width: 28%;
padding-top: 0 !important;
background: #dbd5d3;
border-radius: 10px;}
/* 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: 15em;
font: 600 11px roboto;
background: #dbd5d3;
outline: 1px solid #8787873d;
border-radius: 7px;
text-transform: uppercase;
margin-left: -16em;
padding: 5px 8px 5px 8px;
margin-top: 4px;}
/*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;}
/* ================== */
/* Список пользователей */
#pun-userlist .formal, #pun-userlist .formal .container {margin-bottom: 0;}
#pun-userlist .tc2 {
text-align: left;
width: 20%;
}
#pun-userlist .tcl {width: 40%}
/* ================== */
/* Собщения об ошибках */
.info .container {padding: 5px 10px;}
.info .container .backlink {padding-top: 8px;}
/*** РАЗДЕЛЕНИЕ ЮЗЕРОВ В ТЕМЕ ЗАПЯТОЙ ***/
#topic-users-in a:not(:last-of-type):after {
content: ",";
}
/* ================== */
/* Регистрация */
.info-box {
padding: 10px 15px;
margin: 0 0 10px 0;
}
.info-box * {padding: 0 0 5px 0;}
.info-box .legend {font-weight: bold;}
/* БыстроПлюсы для Топика */
.noNull:before {
content: "+";
font-size: 9px;
display: inline-block;
margin-left: -6px;
margin-top: 0px;
position: absolute;
}
div .post-rating p>a {
text-align: center;
outline: 1px solid transparent;
font-weight: 700;
background: url(https://forumstatic.ru/files/001b/a6/d4/26514.svg) no-repeat center;
background-size: 38px auto;
position: relative;
padding-left: 1px;
z-index: 100;
width: 38px;
height: 38px;
text-align: center;
font-size: 12px !important;
display: inline-block;
vertical-align: middle;
line-height: 34px;
letter-spacing: -1px;
color: #336B5E;
}
div.dark-style .post-rating p>a {
color: #6BC8AF !important;
}
div.post-vote {
margin-bottom: 65px;
}
div.post-vote p>a {
font-size: 0 !important;
position: absolute;
cursor: pointer;
z-index: 200;
width: 23px;
height: 23px;
background: url(https://forumstatic.ru/files/0012/d8/04/75043.png?) no-repeat;
display: block;
background-size: 100%;
margin-left: 29px;
margin-top: 42px;
}
.post.dark-style div.post-vote p>a {
background: url(https://forumstatic.ru/files/0012/d8/04/38128.png?) no-repeat;
background-size: 100%;
}
/*** заголовки в админке ***/
.punbb-admin #pun-admain h2 {
text-align: center;
font: 600 11px 'roboto';
text-transform: uppercase;
padding: 4px 4px 3px 5px;
border-radius: 6px;
border: none;
color: #3e3e3e;
background: #9191916e;
}
.punbb .required label,
.punbb .datafield span.input {
font-weight: bold
}
.required label, .datafield span.input {font: 600 12px roboto;}
#tags .container {
position: absolute;
right: 6px;
top: 53px!important;
z-index: 2;
background: #d9d6d4;
border: 1px solid #a9a5a3;
border-radius: 7px;
}Код:
/*** оформление категорий и статистики на ГЛАВНОЙ ***/
#pun-index #pun-stats h2, #pun-index div.category h2 {
font: 400 18px Playfair Display;
font-style: italic;
text-transform: lowercase;
padding: 5px 0px 16px 0px;
color: #5d8689;
background: url(https://i4.imageban.ru/out/2025/09/09/185fd96d95d7b4e24489330b24353e9e.jpg) left top no-repeat, #0b2122;
text-align: center;
height: 15px;
width: 928px;
border-radius: 7px;
left: 15px;
position: relative;
}
/*** цвет ссылок меню ***/
#pun-navlinks li a {
font-size: 1.1em;
text-shadow: 1px 1px 2px #00000029;
background-color: #daa533;
background-image: linear-gradient(to bottom, #e9dbc9, #f3c182, #c17928);
background-size: 100%;
-webkit-background-clip: text;
-moz-background-clip: text;
-webkit-text-fill-color: transparent;
-moz-text-fill-color: transparent;}
#pun-navlinks li a:hover {
font-size: 1.1em;
text-shadow: 1px 1px 2px #00000029;
background-color: #f3ec78;
background-image: linear-gradient(to bottom, #e47474, #b43535, #4f2929);
background-size: 100%;
-webkit-background-clip: text;
-moz-background-clip: text;
-webkit-text-fill-color: transparent;
-moz-text-fill-color: transparent;
}
/*** цвет ссылок меню пользовательских ссылок ***/
#pun-ulinks a {
color: #524c4e;
text-decoration: none;
}
#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
color: #0f0007;
}
#pun-index .tcl h3 a {
color: #2e0818!important;
}
#pun-index .tcl h3 a:hover {
color: #524c4e!important;
}
/* цвета ссылок
-------------------------------------------------------------*/
.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: #483c41;
transition: color 0.2s ease-in-out;}
.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
color: #483c41;}
.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: #4a1229;}
li.pa-online {
font: 500 8px roboto;
text-transform: uppercase;
color: #325052;
letter-spacing: 0.5px;
padding: 5px 0 10px 0;display: none;}
/*** КОЛВО ТЕМ И СООБЩЕНИЙ СТРОЧКОЙ ***/
.Tems_And_messages span {font-weight: 500}
#pun-index .category .tc2,
#pun-index .category .tc3{
display:none!important;
}
.Tems_And_messages {
display: inline-block;
width: auto;
font-size: 10px;
font-family: arimo;
font-weight: 100;
color: var(--link2);
text-align: right !important;
text-transform: uppercase;
}
.Tems_And_messages span {}
.main table .Add {
display: block;
position: absolute;
top: 21px;
right: 8px;
background: #bfae9a;
border-radius: 5px;
padding: 1px 11px;
}
/*** КНОПКИ-ВКЛАДКИ В ЛС И ПРОФИЛЕ ***/
#profilenav li {
margin: auto 0.5em 0.5em auto;
padding: 5px 5px;
border: 1px solid #ababab;
border-radius: 4px;
font: 600 10px roboto;
text-transform: uppercase;
background: #d7d4d3;
transition: all .2s ease-in-out 0s;
}
/*** КНОПКИ-ВКЛАДКИ ПРИ НАВЕДЕНИИ ***/
#profilenav li:hover, #profilenav li:focus, #pun-main li.isactive {
background: #bdbcbb;}
/* Form Buttons © max, the murderer!
----------------------------------------------------------------------- */
/* General */
#form-buttons table {
width: 100% !important;
}
#form-buttons table tr {
display: flex;
justify-content: space-between; /* выравнивание кнопок в ряду */
gap: 4px;
margin-bottom: 4px;
padding-top: 4px;
}
#form-buttons td {
position: relative;
background: none !important;
display: inline-flex;
align-items: center;
justify-content: center;
width: 24px; /* ширина кнопки */
height: 24px; /* высота кнопки */
margin-bottom: 4px;
color: #4a4b4a;
}
#form-buttons td::before {
font-family: 'Font Awesome 6 Pro';
font-size: 16px; /* размер иконки */
font-weight: 400; /* стиль иконки */
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
pointer-events: none;
z-index: 1;
}
#form-buttons td:hover::before {
color: #555555;
background: #4b4a4a29;
border-radius: 4px;}
/* Icons */
#button-font::before {
content: '\f031';}
#button-size::before {
content: '\f894';}
#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-right::before {
content: '\f038';}
#button-center::before {
content: '\f037';}
#button-link::before {
content: '\f0c1';}
#button-spoiler::before {
content: '\f518';}
#button-image::before {
content: '\f302';}
#button-video::before {
content: '\f144';}
#button-hide::before {
content: '\f30d';}
#button-quote::before {
content: '\f27a';}
#button-code::before {
content: '\f121';}
#button-color::before {
content: '\f53f';}
#button-table::before {
content: '\f009';}
#button-smile::before {
content: '\f118';}
#button-keyboard::before {
content: '\f11c';}
#button-addition::before {
content: '\f0d7';}
/* КНОПКИ */
.punbb .button {
background-color: #c7c0b7;
color: #522626;
text-align: center;
font: 800 9px franklin gothic;
padding: 5px 9px 4px 9px;
display: inline-block;
letter-spacing: 0.7px;
border: 1px solid #784f4c;
text-transform: uppercase;
margin-bottom: 10px !important;
border-radius: 7px;
transition: all 0.1s ease-in-out 0s;
}
.punbb .button:hover {
background-color: #1c3a40;
color: #cac6c4;
}
/*** МИНИ АВАТАР НА ГЛАВНОЙ ***/
#pun-index .user-avatar .avatar-image {
height: 45px !important;
width: 45px !important;
margin: 1px 18px 3px -31px;
border-radius: 7px !important;
}
.punbb .user-avatar .avatar-image {
border-radius: 7px !important;
height: 30px !important;
width: 30px !important;
opacity: 0.80 !important;
transition: all .1s linear 0s;
background-position: center center !important;
background-size: cover !important;
background-repeat: no-repeat !important;
float: left !important;
box-sizing: border-box !important;
position: relative;
border: 1px solid #8f8374 !important;
box-shadow: 0 0 5px #655c48a6 !important;
margin: 1px 18px 3px -31px;
}
.punbb .user-avatar .avatar-image:hover {
opacity: 1!important;
}
#pun .user-avatar .avatar-image:before {
content: "";
display: block;
border: 1px solid #c4bcae!important;
opacity: .7!important;
box-sizing: border-box;
width: 100%!important;
height: 100%!important;
position: absolute;
left: 0;
top: 0;
border-radius: 7px!important;}
/*** ИНДИКАТОР ОНЛАЙНА У АВАТАРКИ НА ГЛАВНОЙ ***/
.punbb .user-avatar .isonline {
width: 8px;
height: 8px;
border-radius: 50%;
display: block;
position: absolute;
top: 40px !important;
right: 39px !important;
animation: none !important;
border: 1px solid #d1a64b !important;
background: #fdcf63 !important;
z-index: 100;}
/* выделение текста */
::selection {
background: #979797c4;
color: #000000;
}
/* ЛИЧНОЕ ЗВАНИЕ */
/*** общие настройки поля ***/
.pa-fld4 {
padding: 0 21px 15px !important;
margin: -13px -30px 0 !important;
}
/*** имя персонажа ***/
.lzname {
font: 700 12px 'Roboto';
text-transform: uppercase;
letter-spacing: 0.4px !important;
padding: 6px 0px;}
.lzname a {
color: #427578!important;}
.lzname a:hover {
color: #8d2b2b!important;}
/*** должность, раса ***/
.whois {
font: 600 10px roboto !important;
text-transform: lowercase;
letter-spacing: 1px !important;
color: #cac6c4 !important;
background: #3c1d1d;
border-radius: 7px 8px 0px 0px;
padding: 3px 7px;
text-align: center;
width: 145px !important;
right: -30px;
display: flex;
justify-content: center;
align-items: center;
position: relative;
top: 6px;
}
/*** цитата и прочее ***/
.lztext {
font: 400 10px 'roboto';
text-align: center;
line-height: 150%;
margin: 0px auto !important;
letter-spacing: 0.5px;
color: #cac6c4;
border-radius: 7px;
width: 175px;
padding: 7px 10px 8px 10px;
background-color: #152c2c;
}
/* ЦВЕТ ССЫЛКИ В ЛЗ */
.lztext a {
color: #e5b239!important;
}
.lztext a:hover {
color: #6d8d8d!important;
}
/*** отображение лз на странице профиля ***/
#viewprofile .lzname {
font: 600 14px 'roboto';
text-transform: uppercase;
letter-spacing: 1px !important;
padding: 6px 0px;
}
#viewprofile .whois {
font: 600 10px roboto !important;
text-transform: lowercase;
letter-spacing: 1px !important;
color: #b5aa9d !important;
background: #442020;
border-radius: 7px 8px 0px 0px;
padding: 3px 7px;
text-align: center;
width: 145px !important;
right: -13px;
display: flex;
justify-content: center;
align-items: center;
position: relative;
top: 6px;
}
/*** цитата и прочее ***/
#viewprofile .lztext {
font: 400 10px 'roboto';
text-align: center;
line-height: 150%;
letter-spacing: 0.5px;
color: #dccebb;
border-radius: 7px;
width: 170px;
margin-left: 0px !important;
padding: 5px 7px 7px 10px;
background-color: #112a2a;
}
#profile-left #pa-avatar img {
border-radius: 8px;
border: 3px solid #b3b1b900;
outline: 1px solid #a9a199 !important;
}
#profile-name strong {
font: 800 16px Playfair Display;
color: #743131;
}
#profile-left #profile-title {
font: 400 8px Merriweather;
text-transform: lowercase;
letter-spacing: 0.5px;
color: #5a5450;
}
#profile-left #pa-online {
font: 800 10px roboto;
text-transform: uppercase;
color: #265656;
}
.pstats {
padding-top: 5px;
display: flex;
gap: 20px;
justify-content: center;
font: 400 10px "Merriweather";
color: #5a5450;
align-items: center;
}
.pa-posts {
width: 25px;
}
/* Индикатор активности пользователя © Reysler, Alex_63 */
.post .post-author ul {
position: relative;
}
.post-author .pa-online,
.post-author:not(.online) .pa-author .acchide {
position: absolute;
display: inline-block !important;
top: -4px;
right: 6.6rem;
left: auto !important;
line-height: unset;
background: #e6ba69 !important;
height: .6rem !important;
width: .6rem !important;
margin: 0 0 0 -5px !important;
padding: 0 !important;
border: 1px solid #dbac55 !important;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
transition: all .2s ease;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
cursor: pointer;
}
.post-author .pa-online:hover {
background: #fbd389!important;
}
.post-author .pa-online:before,
.post-author.online .pa-author:after {
content: unset !important;
}
.post-author:not(.online) .pa-author .acchide {
background: #bbb !important;
}
.post-author:not(.online) .pa-author .acchide:hover {
background: #ccc !important;
}
.post-author .pa-online:hover strong,
.post-author:has(.acchide:hover) .pa-last-visit,
.post-author .pa-last-visit:hover {
opacity: .7;
visibility: visible;
}
.post-author .pa-online strong,
.post-author .pa-last-visit {
position: absolute;
display: inline-block !important;
top: 16px;
right: -6px;
padding: 0 8px !important;
min-height: 24px;
line-height: 24px;
background: #000;
font-weight: 400;
white-space: nowrap;
color: #fff;
font-size: 90%;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
text-align: center;
z-index: 10;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
transition: all .2s ease;
opacity: 0;
visibility: hidden;
cursor: text;
}
.post-author .pa-last-visit {
top: 20px;
right: 3px;
}
.post-author .pa-online strong:before,
.post-author .pa-last-visit:before {
content: "";
position: absolute;
width: 0;
height: 0;
right: 5px;
top: -10px;
border-width: 6px 6px;
border-style: solid;
border-color: transparent transparent #000 transparent;
}
/* страница персонажа */
.reveal-modal-bg {
position: fixed;
height: 100%;
width: 100%;
z-index: 100;
display: none;
background: #000;
background: rgba(0,0,0,.8);
top: 0;
left: 0;
}
.reveal-modal {
background: #b7b2ab;
visibility: hidden;
top: 100px;
left: 50%;
margin-left: -300px;
width: 520px;
position: absolute;
z-index: 101;
padding: 30px 40px 34px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
-box-shadow: 0 0 10px rgba(0,0,0,.4);
}
.reveal-modal.small { width: 200px; margin-left: -140px;}
.reveal-modal.medium { width: 400px; margin-left: -240px;}
.reveal-modal.large { width: 600px; margin-left: -340px;}
.reveal-modal.xlarge { width: 800px; margin-left: -440px;}
.reveal-modal .close-reveal-modal {
font-size: 22px;
line-height: .5;
position: absolute;
top: 8px;
right: 11px;
color: #aaa;
text-shadow: 0 -1px 1px rbga(0,0,0,.6);
font-weight: bold;
cursor: pointer;
text-decoration: none;
}
.menu span {
cursor: pointer;
display: block;
margin: 7px 0;
padding: 11px;
text-align: left;
width: 150px;
font: 600 11px roboto;
text-transform: uppercase;
border-radius: 5px;
}
.menu-links {
float: left;
margin-right: 15px;
}
#submenu {
display: inline-block;}
.menu span {
background: #d9d6d2;
color: #121111;
}
.menu .tabactive {
color: #B7B2AC !important;
background: #321818 !important;
}
#submenu {
line-height: 160% !important;
border-radius: 5px;
padding: 7px;
height: 180px;
overflow-x: scroll;
font: 400 12px Roboto;
width: 595px;
background: #121111;
color: #b7b2ab;
}
.submenutext {
display: none;
height: 40px;
}
.forlinkbackg {
text-align: center;
font: 600 9.5px Roboto;
padding: 5px 13px 5px 13px;
text-transform: uppercase;
letter-spacing: 0.5px;
border-radius: 5px;
line-height: 11px;
background: #cac6c4;
}
/* ВСПЛЫВАЮЩАЯ ПОДСКАЗКА
------------------------------------------------------------------ */
#tooltip {
position:absolute;
margin: -30px 10px 10px 10px;
display:none;
text-align: center;
padding: 6px;
font-size: 12px;
font-weight: normal;
color: #cac6c4 !important;
background: #242424 !important;
border: none !important;
border-radius: 5px !important;
font-family: roboto !important;
z-index: 999999999999999;
opacity: 1 !important;
}
body .tipsy.gam .tipsy-inner, .tipsy-inner {
font: normal 12px roboto !important;
background-color: #242424 !important;
color: #cac6c4 !important;
border-radius: 5px !important;
border: none !important;
opacity: 1 !important;
}
.tipsy-s .tipsy-arrow, .tipsy-arrow {border-color: rgba(0, 0, 0, 0) transparent transparent transparent !important;}
div.perspage1 {
position: relative;
width: 35px;
height: 35px;
padding: 3px;
left: 90px;
top: 15px;
border-radius: 50%;
border: 1px solid #b5b0ae;
background: #ddd9d6;
}
/* ОФОРМЛЕНИЕ ЛИЦ ИГРОКОВ В ШАПКЕ */
.actface-container {
display: flex;
justify-content: space-between;
align-items: center;
width: 197px;
position: absolute;
top: -31px;
left: 440px;
z-index: 2;
}
.wface-container {
display: flex;
justify-content: space-between;
align-items: center;
width: 220px;
position: absolute;
top: -215px;
right: 66px;
z-index: 2;}
.face-wrapper {
width: 35px;
height: 35px;
border-radius: 50%;
overflow: hidden;
position: relative;
border: 2px solid #4d8689 !important;}
.face-wrapper a {
display: block;
width: 100%;
height: 100%;
position: relative;
text-decoration: none;
}
.face-wrapper img {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
z-index: ;
filter: grayscale(100%);
mix-blend-mode: hue;
opacity: 0.7;
transition: filter 0.5s ease, transform 0.5s ease, opacity 0.3s ease;
}
.face-wrapper:hover img {
transform: scale(1.3);
opacity: 0.9;
}
.face-wrapper::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #747474;
mix-blend-mode: hue;
opacity: 1;
z-index: 1;
transition: opacity .3s ease;
}
.face-wrapper::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #b5b5b5;
mix-blend-mode: soft-light;
z-index: 1;
transition: opacity .3s ease;
}
.face-wrapper:hover::after {
opacity:1
}
/* ТАБЛИЦА В ШАПКЕ */
.tablica {
z-index: 2;}
.bpostn{
text-transform: uppercase;
text-align: center;
position: absolute;
font: 600 13px "playfair display";
top: -149px;
width: 236px;
left: 52px;
color: #ccc8c6;
letter-spacing: 0.4px;
}
.bpost{
position: absolute;
top: -128px;
left: 41px;
width: 236px;
height: 66px;
font: 400 9.5px "playfair display";
color: #cac6c4;
text-align: justify;
line-height: 17px;
border-radius: 7px;
padding: 8px;
letter-spacing: 0.7px;}
.finf {
position: absolute;
top: -153px;
right: 333px;
width: 272px;
font: 400 9px "playfair display";
text-shadow: 0px 0px 1px #000;
font-style: italic;
letter-spacing: 1px;
color: #cac6c4;
}
.weekep{
position: absolute;
top: -106px;
width: 260px;
right: 20px;
overflow: hidden;
letter-spacing: 1px;
white-space: nowrap;
text-overflow: ellipsis;
font: 600 13px "playfair display";
text-align: center;
height: 19px;}
.bpost a {
text-transform: uppercase;
color: #c6bea8 !important;
letter-spacing: 0.7px;
transition-duration: 0.2s;
}
.bpost a:hover, .bpostn a:hover {
filter:brightness(120%);
transition-duration:0.2s;
}
.weekep a {
color: #e0d1bf !important;
transition-duration: 0.2s;
}
.weekep a:hover {
color: #d3b48f !important;
transition-duration: 0.2s;
}
.bpostn a {
color: #c7a569 !important;
background: #0b2122;
border-radius: 4px;
padding: 2px;
}
.citata {
position: absolute;
top: -56px;
right: 290px;
font: 10px "playfair display";
text-shadow: -2px 1px 2px #000;
color: #c1b8a9;
}
.weekepaut {
position: absolute;
top: -76px;
right: 106px;
font: 12px "playfair display";
font-style: italic;
text-shadow: 0px 0px 1px #000;
letter-spacing: 1px;
color: #cac6c4;
}
.weekepaut a {
color: #ddd!important;
}
.weekepaut a:hover {
color: #7b2112!important;
}
/* настройка позиции выпадающего по клику окна и его ширина В НАВИГАЦИИ ДУХА */
#navigblock {
right: -84px;
position: absolute;
top: 32px;
text-align: center;
z-index: 999;
width: 286px;
background: #241a18;
border-radius: 10px;
}
/* настройка блока ссылок, цвет фона, тени, прозрачность, отступы, вещий дух */
.sslka {justify-content: space-evenly;
display: flex;
padding: 10px;
flex-direction: row;
flex-wrap: wrap;
gap: 3px;
box-sizing: border-box;
border-radius: 10px;
border: 1px solid #382020;
}
/* настройка вида самой ссылки, ширина, цвет, фон, шрифты и так далее */
#pun .sslka a {
border-radius: 6px;
gap: 10px;
background: #422424;
text-transform: lowercase;
flex: auto;
padding: 2px 9px;
font-size: 11px;
font-family: 'roboto';
color: #d5d5d5;
letter-spacing: 0;
display: flex;
justify-content: center;
align-items: center;
}
#pun .sslka a:hover {
background: #241a18;
}
/* баннеры в футере */
.banners {
position: absolute;
height: 3px;
width: 974px;
overflow: auto;
text-align: center;
padding-bottom: 30px !important;
margin-top: 27px !important;
margin-left: -16px !important;
scrollbar-color: #5c3535 #1801000d !important;
scrollbar-width: thin !important;
}
.banners a {
opacity: 0.2;
transition: all .3s ease-in-out 0s !important;}
.banners a:hover {
opacity: 1;}
/* ЛИЧНАЯ СТРАНИЦА ЭЛЕМЕНТЫ */
.lszag {
font: 600 14px "Playfair Display";
color: #cfa56b;
letter-spacing: 0.3px;
padding: 0px 0px 9px 0px;
}
.lscit {
float: left;
font: 400 11px "Playfair Display";
color: #bdbaba;
background: #182423;
letter-spacing: 0.6px;
padding: 2px 7px 4px 8px;
border-radius: 7px;
}
.lsgif img {
width: 200px;
height: 100px;
object-fit: cover;
border: solid 1px #1e504b !important;
background: #000;
border-radius: 10px;
margin: 9px 5px;
filter: grayscale(1);}
lsname {
font: 600 19px "Playfair Display";
font-style: italic;
color: #295c5ac7;
letter-spacing: 0.3px;
}
/*ГОСТЕВАЯ
-------------------------------------------------------------*/
.guest {
width: 900px;
height: 500px;
background: url(https://i3.imageban.ru/out/2025/09/10/e82661133c68192346406b72b931b829.jpg) no-repeat;
margin-left: 17px !important;
border-radius: 15px;}
.guest_about {
position: absolute;
padding: 7px 5px;
overflow-y: auto;
width: 701px;
height: 175px;
margin-left: 92px !important;
margin-top: 117px !important;
font: 11px roboto;
text-align: justify;
color: #161515;
letter-spacing: 0.5px;}
.guest_res {
position: absolute;
text-align: left;
overflow-y: auto;
width: 312px;
height: 130px;
margin-left: 94px !important;
margin-top: 336px !important;
font: 12px "playfair display";
line-height: 148%;
letter-spacing: 1px;
color: #7b2112;}
.guest_rol {
position: absolute;
text-align: left;
overflow-y: auto;
width: 343px;
height: 124px;
margin-left: 463px !important;
margin-top: 342px !important;
font: 11px "roboto";
line-height: 148%;
letter-spacing: 1px;
color: #282424;
}
.guest a {
color: #355c5e !important;
letter-spacing: 1px !important;
font-weight: bold;
}
.pa-respect a[href*="relation"], .post-vote a[href*="relation"] {
display: none;}





















































