Пост недели от СВЕИ
Иногда Свее казалось, что Скальгард был послан ей духами за дряной характер в детстве — неприятности происходили в этом лене непрекращающейся вереницей. Это, конечно, не могло... [читать далее]

out of space

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

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


Вы здесь » out of space » DAWN OF DAYS » голиаф мини-диз


голиаф мини-диз

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

1

Код:
@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;}

0

2

Код:
/***   оформление категорий и статистики на ГЛАВНОЙ   ***/
#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;}
Код:
<script>
$('.punbb .post .post-author').each(function(){
$(this).find('li.pa-title, .pa-avatar, .pa-fld4').wrapAll('<div class="proffl">');
});
</script>

<!-- Кнопки вверх-вниз © Домовой, мод. max, the murderer! -->
<style>
/* Up & Down Arrows © max, the murderer!
------------------------------------------------------------------ */

.go-up,
.go-down {
    display: none;
    position: fixed;
    right: 0;
    z-index: 0;
    cursor: pointer;
    width: 100px;
    height: 50%;
    box-sizing: border-box;
    z-index: 1;
}

.go-up {
    top: 0;
}

.go-down {
    bottom: 0;
}

.go-up .inside,
.go-down .inside {
    display: flex;
    justify-content: center;
    height: 100%;
    opacity: .6;
    transition: opacity .1s ease;
}

.go-up .inside {
    align-items: flex-start;
    background: linear-gradient(to bottom, rgb(255 255 255 / .12) 0%, rgb(255 255 255 / 0) 100%);
}

.go-down .inside {
    align-items: flex-end;
    background: linear-gradient(to top, rgb(255 255 255 / .12) 0%, rgb(255 255 255 / 0) 100%);
}

.go-up .inside:hover,
.go-down .inside:hover {
    opacity: 1;
}

.go-up img,
.go-down img {
    padding: 20px 0;
}

.go-down img {
    transform: rotate(180deg);
}
</style>
<div class="go-up" id='ToTop'><div class="inside"><img src="/files/001a/fc/45/61081.svg"></div></div>
<div class="go-down" id='OnBottom'><div class="inside"><img src="/files/001a/fc/45/61081.svg"></div></div>
<script type="text/javascript">
$(function(){
if ($(window).scrollTop()>="250") $("#ToTop").fadeIn("fast")
$(window).scroll(function(){
  if ($(window).scrollTop()<="250") $("#ToTop").fadeOut("fast")
  else $("#ToTop").fadeIn("fast")
});
if ($(window).scrollTop()<=$(document).height()-"999") $("#OnBottom").fadeIn("fast")
$(window).scroll(function(){
  if ($(window).scrollTop()>=$(document).height()-"999") $("#OnBottom").fadeOut("fast")
  else $("#OnBottom").fadeIn("fast")
});
$("#ToTop").click(function(){$("html,body").animate({scrollTop:0},"fast")})
$("#OnBottom").click(function(){$("html,body").animate({scrollTop:$(document).height()},"fast")})
});
</script>

<!-- Убрать "+" и "-" в рейтинге поста -->
<script type="text/javascript">
$('.post-rating a').html(function(){return this.innerHTML.replace(/[+-]/g,'')})
$(document).on('pun_post', function() {$('.new-ajax .post-rating a').html(function(){return this.innerHTML.replace(/[+-]/g,'')})});
</script>

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

<!-- Замена дефисов на тире © Deff -->
<script>$('.post-content p').html(function(){return this.innerHTML.replace(/(\s|&nbsp;)?-(\s|&nbsp;)/g,'$1&mdash;$2')})</script>

<!-- Замена двойных кавычек на парные угловые скобки («») в постах © Deff -->
<script type="text/javascript">
(function(){function rep(str, p1,offset, s){
  return '>'+p1.replace(/"([^ "][^"]+?)"/gm,'«$1»')+'<';}
$('.post-content p').each(function(){
  $(this).html(('</>'+$(this).html()+'</>').replace(/>([^<>]+)</gm, rep));
});}());
</script>

<!-- Мгновенный предпросмотр сообщения © Alex_63 -->
    <script type="text/javascript">
    var PPREV = {};
    PPREV.position = 0; //Положение окна Предпросмотра: 0 - над полем ввода, 1 - под полем ввода, 2 - справа
    PPREV.quote_cite = 'написал(а):'; //Надпись в окне цитаты
    </script>
<!-- обновление от 27.02.2025 с поддержкой бб-блоков, тихих цитат, бб-вкладок от kolobdur74 и медиаспойлеров © hagalnaud -->
<script type="text/javascript" src="https://forumstatic.ru/files/001b/d5/6a/90542.js"></script>

<!-- Дополнение: кнопка отключения мгновенного предпросмотра -->
<style>#togglePreview{float:right;margin-top:-17px}</style>
<script type="text/javascript">(function (){
  var a='Включить быстрый предпросмотр';
  var b='Отключить быстрый предпросмотр';
  var d='_PreviewToggle';
  setCookiePPrev=function(a,b,c){if(c){var d=new Date();d.setTime(d.getTime()+c);}if(a && b)document.cookie=a+'='+b+(c ? '; expires='+d.toUTCString() : '');else return false;}
  getCookiePPrev=function(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;}
  $('<small id="togglePreview"><input type="button" class="button" value="'+ b +'" onclick="togglePreview(this)"/></small>').insertAfter('#post fieldset:not(#post-preview):last legend');
  var x = ParseContent;
  window.togglePreview = function(sel){//alert(sel.value);
    if(sel.value==a){sel.value=b;setCookiePPrev(d,'0',-1000);ParseContent=x;ParseContent();$('#post-preview').show(); return}
    if(sel.value==b){sel.value=a;setCookiePPrev(d,'OFF',30*3600*24*30*1000);if($('#pun-viewtopic').length){$('#post-preview').hide()}ParseContent=function(){return};return}
  }; if(getCookiePPrev(d)=='OFF'){$('#togglePreview>.button').click()};
}())
</script>

<script type="text/javascript">
function to(username)
{insert('[b]' + username + '[/b]' + ', ');}
</script>

<!-- НАЧАЛО. обычная загрузка картинок -->
<script>
var oldIMG="<td id=\"button-image\" title=\"обычная загрузка\"><img onclick=\"bbcode('[img]','[/img]')\" src=\"/i/blank.gif\"/><b><p style=\"z-index: 20;font-size: 7px;position: absolute;margin: -3px 0 0 -1px;\">2</p></b></td>"
$("#button-image").after(oldIMG);
</script>
<!-- КОНЕЦ. обычная загрузка картинок -->

<!-- Разделение тем: "Важные темы" и "Темы форума" // © Alex_63 -->
<script type="text/javascript">if($('#pun-viewforum').length){$('tr[class$="isticky"]:first').before('<tr class="tr-divider imp"><td class="td-divider" colspan="4">Важные темы</td></tr>');$('tr[class$="isticky"]:last').next('tr').before('<tr class="tr-divider st"><td class="td-divider" colspan="4">Темы форума</td></tr>');$('.stickytext').remove()}</script>

<!-- восстановление поста при утере -->
<script type="text/javascript" src="https://forumstatic.ru/files/0018/25/96/63959.js"></script>
<!--конец-->

<!-- ТЕГ  абзаца - [indent] -->
<style>#button-indent {background:url(https://s7.uploads.ru/t/mnkgq.png)no-repeat center 6px!important;}</style>
<script type="text/javascript">(function(){ var b = '[indent]';
$("#button-strike").after('<td id="button-indent" title="Отступы"><img src="/i/blank.gif"  onclick="smile(\''+b+'\')"></td>');
var indent = '<span style="display:inline-block;margin:0.7em 1.1em;"></span>'; /*удвоенные Отступы сверху и слево*/
$('.post-content p:contains("'+b+'")').each(function(){ $(this).html( $(this).html().replace(/\[indent\]/gm,indent));});}());
</script><!-- Конец -->


<!-- Кликабельность ника в постах гостя © Alex_63 -->
<script>$(".post[data-group-id=3]").find(".pa-author").html(function(){return this.innerHTML.replace(/(<.+>)(.+)$/,'$1<a href="javascript:to(\'$2\')">$2</a>')});</script>

<!-- Счётчик символов в форме ответа © Deff -->
<script>var a,L,epl=$("#main-reply"),str='<small id="plng" style="border: 1px solid #8d8086; border-radius: 5px; padding: 3px 3px; font: 400 11px Franklin Gothic; letter-spacing: 0.3px; margin: 0 10px 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 type="text/javascript">
$('#pun-main .post-author ul').each(function() { $(this).find('.pa-posts, .pa-respect, .pa-fld1, .pa-fld2').wrapAll('<div class="pstats">'); 
}); 
</script>

<script type="text/javascript">
$('#pun-stats .item1, #pun-stats .item2, #pun-stats .item3, #pun-stats .item4').wrapAll('<div class="statsinfo">');
</script>

<!-- Ссылка на авторский пост в цитате // v.3 © Alex_63, мод. max, the murderer! -->
<script type="text/javascript">
$('.quote-box>cite:contains("#")').each(function() {
  var cntq = $(this).text(), pid = cntq.split(',')[0], lnkq = '<a class="qc-post-link" href="';
  if($('.post'+pid).length){$(this).html(lnkq+pid+'">'+cntq.match(/([^,]*),(.*)/)[2]+'</a>');}
  else{$(this).html(lnkq+'/viewtopic.php?pid='+pid.split('#p')[1]+pid+'">'+cntq.match(/([^,]*),(.*)/)[2]+'</a>');}
});$('#pun-viewtopic .pl-quote>a').each(function() {
  $(this).attr('href',$(this).attr('href').replace('(\'','(\'#'+$(this).parents('.post').attr('id')+','));
});
</script>

<!--// Дополнительные шрифты в форму ответа //-->
<script type="text/javascript">
if (document.URL.indexOf("viewtopic") != -1) {
var ft; var i; var ft_f; var j = "";
ft = document.getElementById("font-area");
var ft_f = new Array();
ft_f.push('Alice'); 
ft_f.push('Arsenal'); 
ft_f.push('Commissioner'); 
ft_f.push('Cormorant Garamond'); 
ft_f.push('Forum'); 
ft_f.push('Jost'); 
ft_f.push('Jura'); 
ft_f.push('Lora'); 
ft_f.push('Marmelad'); 
ft_f.push('Merriweather'); 
ft_f.push('Montserrat'); 
ft_f.push('Nunito'); 
ft_f.push('Oswald'); 
ft_f.push('Playfair Display'); 
ft_f.push('Poiret One'); 
ft_f.push('Prata'); 
ft_f.push('Raleway'); 
ft_f.push('Roboto Condensed'); 
ft_f.push('Vollkorn'); 
ft_f.push('Yeseva One'); 
for (i in ft_f) {
j = "<div><span style='font-family:" + ft_f[i] + ";'>" + ft_f[i] +  "</span><img src='/i/blank.gif' onclick=\"bbcode('[";
j += "font=" + ft_f[i];
j += "]','[/font]')\" /></div>";
ft.innerHTML += j;
}}
</script>

<!-- Добавляем всплывающую подсказку к наградам -->
<script type="text/javascript">
 $.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(); }); }
 if ($('#pun-viewtopic').length) $.catch('.pa-awards img[title]', function () { $('.punbb li.pa-awards img[title]').tipsy({ fade: true, gravity: 's award' }); });
</script>

<!-- Награды во всплывающую табличку -->
<style>.punbb .pa-awards{display:none!important}</style><script type="text/javascript">
FORUM.myTabsAddFunc = function () {var a = $('.my-tabs:visible');var tid = a.attr('tid');
  var pstAuth = $('.post-author .a-info[alt$="id='+tid+'"]:first').parents('.post-author');var str = '<tr>',max = 6;
  var lng = pstAuth.find('.mini_awards>a').length;if(!lng)return;a.children('span:first').before('<span>Награды</span>');
  a.find('.tab-a:first').before('<li class="tab-a t-award" num-tab="0-0" style="display:none"></li>');
  a.find('.t-award').append('<div class="post-content"><table id="awrd-cnt"></table></div>');pstAuth.find('.mini_awards>a').each(function(i){
    var img = $(this).find('img').attr('src'),ttl = $(this).find('img').attr('title');if(!ttl)ttl = $(this).find('img').attr('original-title');
    var add = '<td style="width:16.6%"><center><img src="'+img+'" alt="'+img+'" class="postimg" title="'+ttl+'"/></center></td>';
    str+=add;if(i%max==max-1)str+='</tr><tr>';
  }); str += '</tr>';a.find('#awrd-cnt').append(str); a.children('span:first').click(); a.find('#awrd-cnt img[title]').tipsy({fade:true,gravity:'s'});
};
</script>
<script src="path/to/jquery.tipsy.js"></script>
<link rel="stylesheet" href="path/to/tipsy.css">


<!-------------------------- Универсальный скрипт замены слов -------------------------->
<script type="text/javascript">
$(document).ready(function() {
    function Change(sc, ch, st) {
        $(sc).parent().each(function() {
            $(this).html($(this).html().replace(ch, st));
        });
    }
    Change('#navadmin span', 'Администрирование', 'Админка');
    Change('#pun-status .item1', 'Привет', 'Добро пожаловать');
    Change('#navpm span', 'Сообщения', 'Письма');
    Change('.pa-posts  .fld-name', 'Сообщений', 'msg');
    Change('.pa-fld1 .fld-name', 'Монеты', 'coins');
    Change('.pa-fld2 .fld-name', 'Посты', 'posts');
    Change('.pa-respect span','</a>:','</a>');
});</script>

<!----------------------------------------------------------------------------------------------------- ОНЛАЙН © Alex_63 ---->
<script type="text/javascript">
$('.post-author:not(.online)').find('.pa-last-visit').addClass('offline');
$('.post-author.online').find('.pa-online').addClass('online');
$('.post').each(function(){
var PostAuthorLogin = $(this).find('li.pa-online').text();
var activeTime = $(this).find('.pa-online').text().split('Активен')[1];
var offTime = $(this).find('.pa-last-visit').text().split('Последний визит:')[1];
  $(this).find('.pa-online.online').after('<span class="indOnline" title="онлайн '+activeTime+'" /></span>');
  $(this).find('.pa-last-visit.offline').after('<span class="indOffline" title="последний визит: '+offTime+'" /></span>');
});
</script>

<div id="character" class="reveal-modal xlarge main container">
<div class='modal_wrap'></div>
<a class="close-reveal-modal">×</a>
</div>
<script type="text/javascript">
function showTab(elem){
    $(".menu span").removeClass("tabactive");
    $(elem).addClass("tabactive");
    $("div.submenutext").hide();
    var activeDiv = $(elem).attr("alt");
    $("div."+activeDiv).fadeIn();
    return false;
}
$(".modal-link").click(function() {
        var modId = $(this).attr('id');
$('.modal_wrap').html('');
$.get('pages/'+modId, function (data){
    $('.modal_wrap').html($(data).find('.character').html());
});
$(".submenutext").hide();
$(".submenutext:first").show();
});
</script>


<!-- Всплывающие подсказки © копирайт утерян -->
<script src='https://forumstatic.ru/files/0012/9a/62/92819.js'></script>
<script>
$(function(){
$('*[title]').quicktip({
speed:700 //Скорость появления подсказки
});
});
</script>
<script type="text/javascript">$(function() {$('img.UserGift').tipsy({live:true, fade: true, gravity: 's slide-s'});});</script>
<!-- ремув ненужных подсказок -->
<script type="text/javascript">
$('input[value="Отправить"],input[value="Посмотреть"],.pa-avatar img[title],div.post-rating a,.post-vote a').removeAttr('title');
</script>



<!-------------------------- БАННЕРЫ ПАРТНЕРОВ -------------------------->

<div class="banners"><a href="https://rift.rolka.me/" title="Многожанровое ФЭНТЕЗИ. Расы, магия, антуражи" target=_blank> <img src="https://upforme.ru/uploads/001b/d9/4a/2/708598.png" border="0" alt="Сказания Разлома"></a> 
<a href="https://mmaleficarum.rusff.me/" target="_blank"><img src="https://upforme.ru/uploads/0014/d2/5e/2/18194.png" title="malleus maleficarum: hp dark!au 2008"></a> 
<a href="https://homey.rusff.me/" target=_blank><img src="https://upforme.ru/uploads/001c/7a/06/38/608994.png" title="scotland vibe, multilocation"></a> 
<a href="https://oldshadows.rusff.me/" title="Тёмное фэнтези. Магия. Боги." target="blank"><img src="https://upforme.ru/uploads/001c/03/d9/2/629753.png"></a> 
<a href="https://arkhaim.su/index.php" target="_blank" title="Аркхейм: авторский мир, фэнтези, рисованные внешности"><img src="https://forumstatic.ru/files/001b/8c/87/29818.png" width="88" height="31"></a> 
<a href="https://billboard.rusff.me/"><img src="https://upforme.ru/uploads/001a/f6/b2/2/352430.gif" title="южная корея, мультилокация"></a> 
<a href="https://supremumvale.rusff.me/" target="_blank"><img src="https://forumstatic.ru/files/001c/84/ca/11325.jpg" title="перси джексон ♥ мифология"></a> 
 <a href="http://aluvio.rusff.me/" target="_blank"> <img src="https://forumstatic.ru/files/001b/9d/5d/71898.png" title="alluvio maris"></a> 
<a href="https://burndown.rusff.me/" title="гп, 1983 год, полный пиздец" target="_blank"><img src="https://upforme.ru/uploads/0019/b7/cb/2/928605.png" width="88" height="31" border="0"></a> 
<a href="https://rrriot.rusff.me/" target="_blank"><img src='https://upforme.ru/uploads/001c/7c/51/9/116374.png' title="будь кем хочешь"/></a> 
<a href="https://historycross.rusff.me/" title="ИСТОРИЯ РОССИИ" target="_blank"><img src="https://upforme.ru/uploads/001b/67/7a/207/50067.jpg"></a> 
<a href="https://sideffect.rusff.me/" target="_blank"><img src="https://i.imgur.com/Qq1wM9t.gif" title="seoul // real life"></a> 
<a href="https://miamiclub.ru" target="_blank"> <img src="https://forumstatic.ru/files/001b/c7/a6/62470.png" title="MIAMI CLUB" border="0" alt="MIAMI CLUB"></a> 
<a href="https://tothegrave.rusff.me/" target=_blank><img src="https://upforme.ru/uploads/001c/44/9e/102/255332.png" border="0" title="to the grave" width=88 height=31></a> 
<a href="https://happyhouse.rusff.me/"><img src="https://upforme.ru/uploads/001c/52/80/5/764708.jpg"></a> 
<a href="http://toeden.rusff.me" title="Магический реализм, США, 2022 год"  target="_blank"><img src="https://i.imgur.com/ZFiLFxE.gif" alt="Return to eden"></a>
<a href="https://kingscross.f-rpg.me/" target="_blank"><img title="KINGSCROSS. Внимание, поезд отправляется!" src="https://forumstatic.ru/files/001a/08/74/15843.png"></a> 
<a href="https://sunnycross.ru/"><img src="https://forumstatic.ru/files/001c/73/be/65745.jpg"></a> <a href="https://exlibrisforlife.ru" title="ex libris crossover" target="_blank"><img src="https://i.imgur.com/1JHaL3K.png" alt="ex libris"></a> 
<a href="https://pulseofny.rusff.me/" target="_blank"><img src="https://upforme.ru/uploads/001c/0f/f1/22/33452.gif" title="PULSE. Зомби-апокалипсис. Нью-Йорк 2024"/></a>
<a href="https://karma.f-rpg.me/" target="_blank"><img src="https://upforme.ru/uploads/001c/14/5b/324/370542.png" title="karma cross" border="0" width="88" height="31"></a> 
<a href="https://thenextdoor.rusff.me//" target="_blank"><img src="https://i.imgur.com/JaUDgww.png" title="next door = south korea"></a> 
<a href="https://kicks-and-giggles.ru/" title="kicks & giggles crossover" target="_blank"><img src="https://upforme.ru/uploads/0019/e7/0f/2/438078.jpg" width="88" height="31" border="0"></a> 
<a href="https://memlane.rusff.me" title="memory lane" target="_blank"><img src="https://forumstatic.ru/files/0019/9e/ef/99042.gif" width="88" height="31" border="0"></a>  
<a href='https://onlinecross.ru/' target='_blank' title='ONLINECROSS'><img src='https://forumstatic.ru/files/001c/81/df/36801.jpg' border='0' width='88' height='31'></a>
<a href="https://crossfeeling.rusff.me/" target="_blank">
<img src="https://upforme.ru/uploads/0015/e5/b7/3090/672618.png" 
title="crossfeeling"
border="1" width="88" height="31"></a> 
<a href="https://faceinless.ru" target=_blank><img src="https://upforme.ru/uploads/001b/dc/dc/130/109304.png" title="TVD: FACELESS"></a> 
<a href="//urgestalt.rusff.me/" target="_blank"> <img src="https://forumstatic.ru/files/001c/29/61/82388.jpg" title="close ur gestalt" width="88" height="31" border="0" alt="close ur gestalt"></a> 
<a href="https://swamptown.f-rpg.me" target=_blank><img src="https://forumstatic.ru/files/001c/70/74/39334.jpg" title="2024 - мистика - ужасы, выживание"></a> 
<a href="https://thehaze.rusff.me/" target="_blank"><img src='https://upforme.ru/uploads/001b/d4/18/243/512735.gif' title="городская мистика в эврика-спрингс" /></a> 
<a href="https://oddinar.rusff.me/" target="_blank"><img src="https://upforme.ru/uploads/001c/38/af/3/526919.gif" title="oddinary" border="0" alt="oddinary"></a> 
<a href="https://australis.rusff.me/" target=_blank><img src="https://forumstatic.ru/files/001c/5b/cc/68290.png" title="Австралия || фэнтези, мистика, расы, магия, постап."></a> 
<a href="https://phantazia.rusff.me/" target="_blank"><img src="https://forumstatic.ru/files/001c/3b/ab/54782.gif" title="PHANTAZIA // celebrity life"></a> 
<a href="https://wolfauf.rusff.me/" target="_blank"><img src="https://i.imgur.com/LCSHzDw.gif" alt="Execute" title="мистицизм без рас" width="88" height="31"></a> 
<a href="https://wildcross.rusff.me/" title="wildcross" target="_blank"><img src="https://i.imgur.com/HedNEnM.png" border="0" width="88" height="31"></a> 
<a href="https://crossteller.ru/" target="_blank"><img src="https://forumstatic.ru/files/001c/51/b7/11418.jpg" title="CROSSTELLER"border="1" width="88" height="31"></a> 
<a href="https://sinistrum.f-rpg.me" target="_blank"><img src="https://forumstatic.ru/files/001b/ea/09/91190.png" alt="sinistrum"></a> 
<a href="https://bostoncrazzy.rusff.me/" target="blank"><img src="https://i.imgur.com/MjPg7nE.gif"  title="BOSTON"></a> 
<a href="https://tmsqr.ru/" target="_blank"><img src='https://i.imgur.com/q4P8TKn.gif' title="time§quare" /></a> 
<a href="http://itisanewworld.rusff.me/"><img title="Mystery Book" src="https://upforme.ru/uploads/0019/7e/db/2/163253.gif" border="0"/></a>
<a href="https://lovereplay.ru/" target="_blank"> <img src="https://i.imgur.com/nQKA3xF.gif" title="Replay: Atlantic-City" border="0" alt="Replay: Atlantic-City"></a> 
<a href="https://ftr404.rusff.me" target="_blank"><img src="https://upforme.ru/uploads/001c/1a/06/5/954124.png" title="киберпанк, эпизоды, анархия"></a> 
<a href="https://godstrust.rusff.me//" title="in gods we trust. боговник" target="_blank"><img src="https://upforme.ru/uploads/001c/38/7d/8/134741.png"></a> 
<a href="http://morsmordremortis.rusff.me" target="_blank"> <img src="https://upforme.ru/uploads/001b/b9/c5/4/184058.gif" title="MORSMORDRE: MORTIS REQUIEM" border="0" alt="MORSMORDRE: MORTIS REQUIEM"></a> 
<a href="https://magia-frpg.ru/" target="_blank"><img src="https://upforme.ru/uploads/001a/fa/19/2/153026.gif" title="MAGIA" border="0" width="88" height="31"></a> 
<a href="https://prophecy.rolbb.me"><IMG alt=" Magic War. Prophecy" src="https://upforme.ru/uploads/001b/e6/91/6/157746.gif" border ></a> 
<a href="https://hpexile.rusff.me/" target="_blank"><img src="https://forumstatic.ru/files/001c/7b/06/30559.jpg" title="HP: Exile. ГП 2 поколение, 1997-1998. Школа и не только. Активная игра"></a> 
<a href="http://cursedland.rusff.me" target="_blank"> <img src="https://i.ibb.co/5hN2D89/image.jpg" title="cursed land" alt="cursed land" border="0"></a> 
<a href="https://soullove.ru" target=_blank> <img src="https://upforme.ru/uploads/000e/5d/50/6/44758.gif" border="0" alt="soul love"></a> 
<a href="https://thegoodplace.rusff.me/" target=_blank><img src="https://forumstatic.ru/files/001c/03/d1/66972.png" title=“the good place /// визардинг ворлд без постирония“></a> 
<a href=https://moonsonata.rusff.me/ target="_blank"><img src=https://upforme.ru/uploads/001c/2b/a3/2/623041.png></a> 
<a href="https://thedome.rusff.me/" target="_blank"><img src='https://forumstatic.ru/files/001b/e7/0b/28425.gif' title="Город, из которого нет выхода" /></a> 
<a href="https://notacross.ru/" target="_blank"> <img src="https://forumstatic.ru/files/001c/57/ad/89952.gif" title="notacross" border="0" alt="notacross"></a> 
<a href="https://meethope.ru/"><img src="https://forumstatic.ru/files/001c/42/be/39857.gif" title="Hope County"></a> 
<a href="https://unholymess.rusff.me/" target="_blank"> <img src="https://forumstatic.ru/files/001c/3b/02/26177.gif" title="Unholy Mess" border="0" alt="Unholy Mess"></a> 
<a href="https://enteros.rusff.me/" title="Авторский мир: магия и технологии, эпизоды, 18+" target="blank"><img src="https://forumstatic.ru/files/0015/e5/72/84825.png"></a>  
<a href="https://circuscross.rusff.me" target="_blank" title="circus cross" ><img src="https://upforme.ru/uploads/001c/5b/2f/2/154957.png"></a> 
<a href="https://sacramento.rusff.me/" target="_blank"><img src="https://i.imgur.com/5hb3s55.png" title="Sacramento"></a> 
<a href="https://abyssus.f-rpg.me/" target="_blank"><img src="https://forumstatic.ru/files/001c/36/d0/64241.gif" width="88px" height="31px" title="Supermassive Black Cross"></a> 
<a href="https://marvelhaven.f-rpg.me/" title="Marvel: Haven" target="_blank"><img src="https://forumstatic.ru/files/001c/66/bc/16203.jpg"></a> 
<a href="https://7hells.rusff.me/" target="_blank"><img src="https://forumstatic.ru/files/001c/78/59/47944.jpg" title="SEVEN HELLS" width="88" height="31"></a> 
<a href="https://inspiration.f-rpg.me/" title="вдохновение кросс" target="_blank"><img src="https://upforme.ru/uploads/001c/38/b6/4/363538.gif" width="88" height="31" border="0"></a> 
<a href='https://tscl.rusff.me/'> <img src='https://forumstatic.ru/files/001c/7d/8c/52648.svg' /> </a> 
<a href="https://thehorizon.rusff.me" target="_blank" title="способности"><img src="https://forumstatic.ru/files/001c/86/2d/17640.png" alt="способности"></a> 
<a href="https://alaskahorror.rusff.me" target=_blank><img src="https://forumstatic.ru/files/001b/ee/37/48175.png" border="0" title="longdark" width="88" height="31"></a> 

</div>

+1


Вы здесь » out of space » DAWN OF DAYS » голиаф мини-диз


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