/* Font Awesome */
@import url('https://kit-pro.fontawesome.com/releases/v6.6.0/css/pro.min.css');
/* импорты стилей */
@import url(style_cs.css);
@import url('https://kit-pro.fontawesome.com/releases/v6.6.0/css/pro.min.css');
/* импорты красивеньких шрифтов */
@import url('https://fonts.googleapis.com/css2?family=Arsenal:ital,wght@0,400;0,700;1,400;1,700&family=Manrope:wght@200..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&family=Manrope:wght@200..800&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');
@font-face {
font-family: 'Arsenica-light';
font-style: normal;
font-weight: 400;
src: url(https://forumstatic.ru/files/001c/7d/41/58469.otf);
}
@font-face {
font-family: 'Accia';
font-style: normal;
font-weight: 400;
src: url(https://forumstatic.ru/files/001c/7d/41/65877.otf);
}
@font-face {
font-family: 'Arsenica';
font-style: normal;
font-weight: 400;
src: url(https://forumstatic.ru/files/001c/7d/41/50076.otf);
}
@font-face {
font-family: 'ralewe';
font-style: normal;
font-weight: 400;
src: url(https://forumstatic.ru/files/001c/79/e7/50628.otf);
}
@font-face {
font-family: 'season';
font-style: normal;
font-weight: 400;
src: url(https://forumstatic.ru/files/001c/79/e7/13123.otf);
}
@font-face {
font-family: 'cuprum';
src: url('https://forumstatic.ru/files/0018/62/7c/20835.eot?'),
url('https://forumstatic.ru/files/0018/62/7c/46664.woff') format('woff'),
url('https://forumstatic.ru/files/0018/62/7c/93214.ttf') format('truetype'),
url('https://forumstatic.ru/files/0018/62/7c/77097.svg#svgFontName') format('svg');
}
@font-face {
font-family: 'yeseva';
src: url('https://forumstatic.ru/files/0018/62/7c/72789.eot?'),
url('https://forumstatic.ru/files/0018/62/7c/14137.woff') format('woff'),
url('https://forumstatic.ru/files/0018/62/7c/95151.ttf') format('truetype'),
url('https://forumstatic.ru/files/0018/62/7c/33489.svg#svgFontName') format('svg');
}
:root {
--base-bg: url(https://upforme.ru/uploads/0013/90/09/2/764304.jpg);
--base-bg2: #cac9c2;
--text: #35353b;
--sec-text: #454549;
--accent: #404270;
--sec-accent: #8d7d46; /*#8f7e56;*/
--navi-link: #bebcb2;
--navi-link-hov: #e2c491;
/* --main-font: auge;
--strong-font: auge-b;
--sec-font: el messiri; */
--head: url(https://forumstatic.ru/files/001c/84/ca/54226.webp);
--profile-bg: url(https://forumstatic.ru/files/001c/84/ca/45933.webp?v=1);
--quote: #c4c3bb;
--bord: #bbbab1;
--cat-fon: url(https://forumstatic.ru/files/001c/84/ca/42938.webp);
--tab-text: #eeecdf;
--cfoot: url(https://forumstatic.ru/files/001c/84/ca/91075.webp);
--navi-bg: url(https://forumstatic.ru/files/001c/84/ca/85259.webp?v=1);
/* --dark-bord: #3b3e60;*/
--dark-bord: rgba(59, 62, 96, 0.7);
--tab-pl: #282828;
--podf: url(https://upforme.ru/uploads/001c/52/68/40/748432.jpg);
--plash-tab: #201e34;
}
/* НЕ ТРОГАТЬ -------------------------------------------------------------*/
.punbb address, .punbb em {font-style: normal}
.punbb .post-content em {font-style: italic}
.punbb .post-content em.bbuline {font-style: normal; text-decoration: underline;}
/* выпадающие списки */ .punbb optgroup {font-weight: bold;}
/* скрывающие элементы в контенте, редактируемая*/
#pun:after,
.punbb .container:after,
.punbb .post-links ul:after,
.punbb .main div.inline:after,
.punbb .post-box:after,
.punbb .linksb:after {clear: both; content: "."; display: block; height: 0; visibility: hidden; overflow:hidden; line-height: 0.0; font-size: 0;}
.acchide,
#pun-index #pun-main h1,
#pun-navlinks h2,
#pun-pagelinks h2,
#pun-status h2,
#pun-ulinks h2,
.punbb .forum h2,
.punbb .multipage .topic h2,
.punbb dl.post-sig dt span,
.punbb p.crumbs strong,
.punbb .divider hr,
.punbb .required label em,
.punbb .formsubmit label,
.punbb .submitfield label,
.punbb .modmenu label,
#pun-userlist .main h2,
#pun-title h1,
#pun-announcement h2
{font-size: 0; height: 0; width: 0; line-height: 0.0; position:absolute; left: -9999px; overflow: hidden}
#pun-debug table .tcl {width: 15%;white-space:normal;}
#pun-debug .tcr {width: 90%; white-space: normal;}
/*************************************************************
ОБЩИЕ НАСТРОЙКИ
**************************************************************/
html {background: #462a3e url(https://upforme.ru/uploads/0013/90/09/2/764304.jpg); background-attachment: fixed; overflow-x:hidden;}
/* тело форума общее*/ body {font: 11px verdana; color: #2c2b2b;
margin: 0 auto !important;
background: #dddddd url(https://upforme.ru/uploads/0013/90/09/2/885110.jpg);
width: 1100px;
padding-right:0!important;
}
div#pun-announcement {text-align: left; margin: 0 auto; position: absolute; top: 0;}
/* тело форума внутрянка*/
#pun {
width: 1020px;
position: relative;
margin: auto;}
/* ссылки на всём форуме*/ .punbb a {text-decoration: none; color: #8a662d;}
/* общие отступы */
.punbb .section, .punbb .main { margin-bottom: 0px;}
/* футер */
div#pun-about {
background: url(https://upforme.ru/uploads/001c/94/f9/2/589582.png);
height: 174px; width: 1100px; margin-left: -40px;
}
div#html-footer {margin: -50px 0px 0px 0px;} /* отвечает за расположение футера */
div#pun-about {margin-bottom: -80px;} /* чем больше значение, тем выше низ */
/*************************************************************
ШАПКА ФОРУМА
**************************************************************/
#pun-title {background: url(https://upforme.ru/uploads/0013/90/09/2/316393.jpg);
height: 412px;
width: 1100px;
margin-left: -40px;
margin-top: 48px;}
/*************************************************************
КАТЕГОРИИ
**************************************************************/
/* отступ категорий */ .punbb .category, {margin-top: 9px;}
/* отсутствие отступа перед 1 категорией */ .punbb #pun-category1, {margin-top: 0;}
/* убираем название форум, тем, сообщений */
.category thead{
display: none;
}
#pun th {font-size: 0px;}
#pun-index h2 {
font-size: 0px;
background: url(https://upforme.ru/uploads/0013/90/09/2/111042.jpg);
background-repeat: no-repeat;
width: 1100px;
height: 73px;
margin-left: -40px;
text-align: center;}
/* ЗАГОЛОВКИ НА ФОРУМЕ */
.punbb h1, .punbb h2, .punbb table, .punbb th {font-size: 10px; font-weight: normal; padding: 5px 10px;}
.punbb h3, .punbb h4 { font-family: calibri;
font-size: 8pt;
text-transform: uppercase;
font-weight: 600;
letter-spacing: 0.5px;}
/* отображение модераторов на главной странице */
.punbb td .modlist {
display: block;
padding-top: 5px
}
/*************************************************************
РАЗНОЕ
**************************************************************/
/* ПЕРЕАДРЕСАДИЦИЯ */
#pun-redirect, #pun-maint {margin: 50px 20% 12px 20%; width: auto; float: none;}
#pun-redirect {
border: 0 none !important;
background: #462a3e url(https://upforme.ru/uploads/0013/90/09/2/764304.jpg) fixed repeat top center;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: 0px;
padding: 0px;
position: fixed;
width: 100%;
height: 100%;
text-align: center;
}
#pun-redirect.punbb .info .container {
margin-top: 15%;
display: inline-block;
width: 450px;
height: 50px;
background-repeat: no-repeat;
font-family: calibri;
font-size: 12px;
padding: 3px 10px;
background: #e7e4e4;
border-radius: 8px;
text-align: center;
border: 1px solid #3c2836;
padding: 20px 0px 20px 0px;
}
/* СТРАНИЦА РЕГИСТРАЦИИ */
.punbb .info-box { padding: 10px; margin: 0 0 8px 0;}
.punbb .info-box * {padding: 0 0 6px 0;}
/* заголовок */ .punbb #pun-main .info-box .legend {font-size: 11px; font-weight: bold;}
/* ЦИТАТЫ И КОДЫ
-------------------------------------------------------------*/
/* текст в теге кода */ .punbb pre {font-size: 11px; font-family: arial; line-height: 11px;}
/* контент в коде */ .punbb .post-content .blockcode, .punbb .post-content blockquote {overflow: hidden; margin: 10px 15px !important;}
/* скролл у кода, можно задать высоту блока*/ .punbb .post-content .scrollbox {width: 100%; overflow: auto;}
/* бокс кода*/
.punbb .post-content .code-box {
margin: 6px 10px 6px 10px;
padding: 6px;
border: 1px solid #ddd2e1;
background: #e7e4e4;
border-radius: 8px;
}
/* бокс цитаты*/
.punbb .post-content .quote-box {
margin: 6px 10px 6px 10px;
padding: 6px;
border: 1px solid #ddd2e1;
background: #e7e4e4;
border-radius: 8px;
color: #4c4949;
font-size: 9.5pt;
letter-spacing: 0.1px;
font-family: calibri;
}
/* заголовок цитат */
.punbb .quote-box cite {
display: block;
padding: 3px 12px;
font-style: normal;
background: #d9d6d6;
border-radius: 4px;
border: 1px solid #d3d2d2;
font-family: calibri;
font-size: 7pt;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 600;
color: #48343f !important;
}
/* заголовок кодов */
.punbb .code-box strong.legend {
display: block;
padding: 3px 15px;
font-family: calibri;
font-size: 7pt;
text-transform: uppercase;
letter-spacing: 1px;
border-radius: 4px;
font-weight: 600;
background: #d9d6d6;
}
/* ПАГИНАЦИЯ
-------------------------------------------------------------*/
/* пагинация общее ВЕРХНЕЕ, шрифт и т.д. */
.punbb .linkst {position: relative; height: 0;}
/* расстояние между пагинацией и рекламой форума */
.multipage {margin-top: 70px;}
/* нумерация страниц */
.linkst .pagelink { position: absolute;
top: -35px;
left: 10px;
font-size: 7pt;
/* background: #0b0203; */
color: #9a88a2;
font-family: calibri;
text-transform: uppercase;
font-weight: 600;
letter-spacing: 0.5px;
padding: 2px 10px 2px 10px;
border-radius: 5px;
}
.postlink.long .new-topic a {color: #a99155;}
.postlink.long span.new-poll a {color: #a99155;}
.postlink.long {text-align: center;}
/* новая тема, новый опрос */
.linkst .postlink {position: absolute; top: -40px; right: 10px; text-align: center; font-weight: bold; font-size: 7pt;
/*background: #0b0203; */
color: #9a88a2;
font-family: calibri;
text-transform: uppercase;
font-weight: 600;
letter-spacing: 0.5px;
padding: 2px 10px 2px 10px;
border-radius: 5px;}
/* пагинация общее НИЖНЕЕ, шрифт и т.д. */
.punbb .linksb {text-align: right; padding: 4px 10px;}
/* нумерация страниц */
.linksb .pagelink {
float: left;
text-align: left;
/* font-size: 7pt; */
/* background: #0b0203; */
color: #9a88a2;
font-family: calibri;
text-transform: uppercase;
font-weight: 600;
letter-spacing: 0.5px;
padding: 2px 10px 2px 10px;
border-radius: 5px;}
/* новая тема, новый опрос */
.linksb .postlink {
float: right;
font-weight: bold;
/* font-size: 7pt;
background: #0b0203; */
color: #9a88a2;
font-family: calibri;
text-transform: uppercase;
letter-spacing: 0.5px;
padding: 2px 10px 2px 10px;
border-radius: 5px;}
.subscribelink {clear:both; padding: 5px 0;}
/*************************************************************
ФОРМЫ
**************************************************************/
/* таблицы форума */ .punbb .main table {table-layout: fixed;width: 100%;}
/* списки */ .punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {list-style: none;}
/* выпадающие списки */
.punbb input, .punbb select, .punbb optgroup, button {
font: 10pt calibri;
color: #383636;
letter-spacing: .2px;
text-transform: lowercase;
background: #dddddd;
border: 1px solid #cbc7c7;
border-radius: 8px;}
/* радио и чекбоксы */
.checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 6px;}
p[class="checkfield"] *,
div[class="checkfield"] *,
fieldset[class="radiofield"] * {
height: 1.8em; vertical-align: middle;}
/* форма ответа */ .punbb textarea {font: 13px verdana; background: #edeaea;
border: 1px solid #cbc9c9;}
/* контейнер формы ОБЩЕЕ */
.punbb .formal .container {padding: 10px 20px;}
.punbb .formsubmit {
padding: 0 0 0 15px;
margin: 10px 0 0 0;
}
/* кнопки ответа "отправить" */
.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {
margin: 0 10px 0 0;
}
.button {
transition: all 0.5s ease-in-out 0s;
cursor: pointer;
letter-spacing: 0;
}
input.button.submit:hover, input.button.preview:hover {
background-color: #d7ad74; !important;
border: none !important;
}
/* блоки в профиле, где имя email, подпись и т.д. */
.punbb fieldset {border: none; padding: 0 18px 0 18px; margin: 0 0 10px 0}
/* надписи в профиле у блоков */
.punbb fieldset legend {padding: 0; text-align: center;}
.punbb fieldset legend span { padding: 3px 15px;
border-radius: 8px;
background: #d9d6d6;
border: 1px solid #cbcbcb;
font-size: 8pt;
letter-spacing: .5px;
font-family: calibri;}
.punbb fieldset fieldset {border-style: none; margin: 0;padding: 0 0 8px 0}
.punbb .fs-box {padding: 3px 0;}
.punbb .fs-box p, .punbb .fs-box fieldset {padding: 0 0 8px 0}
.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield {float: left; margin-right: 10px;}
.punbb .inline .infofield {clear:both}
.punbb .datafield br {display: none}
.punbb .required label, .punbb .datafield span.input {font-weight: bold}
.punbb .datafield span.input a {font-weight: normal;}
.punbb .areafield span.input, .punbb p.longinput span.input {display: block; padding: 0 120px 0 0; height: 100%; /* For IE */}
.punbb textarea, .punbb .longinput input {width: 64%;margin: 0;}
.punbb .hashelp {position: relative;}
/*************************************************************
ТАБЛИЦЫ
**************************************************************/
.punbb .main td { padding: 10px 20px 20px 20px;
font-size: 12px;}
.punbb .forum { background: #d9d6d6;
border-radius: 4px;
border: 1px solid #d3d2d2;}
.punbb .main th {padding: 4px 10px;}
/* тем и сообщений */
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
text-align: center;
width: 10%;
}
/* последнее сообщение */
.punbb .main .tcr {
text-align: left;
overflow: hidden;
width: 30%;
font-size: 7pt;
text-transform: uppercase;
letter-spacing: 1px;
color: #796c7c;
}
.punbb .main .tcr a{
font-family: calibri;
font-size: 7pt;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 600;
color: #814666 !important;
}
.punbb .main .tcr a.lastpost-link {font-size: 8pt;
text-transform: uppercase;
letter-spacing: 0.5px;
padding-right: 0.3rem;
font-weight: 600;}
/* модерация, юзерлист, поиск */
#pun-userlist .main .tcl,
#pun-searchtopics .main .tcl,
#pun-modviewforum .main .tcl {width: 40%} /*ставится на 10% меньше, чем ширина оформление подфорумов*/
/* при поиске вместо колонки тем, ширину ставить больше чем колонка тем и сообщений */
#pun-userlist .main .tc2,
#pun-searchtopics .main .tc2 { text-align: left;width: 20%;}
/*************************************************************
ПОДФОРУМЫ
**************************************************************/
/* 1 ячейка на главной странице "оформление подфорумов" */
.punbb .main .tcl { overflow: hidden; /*убрать если будем выдвигать иконку за пределы блока подфорума*/
width: 55%;
}
/* НАЗВАНИЕ ПОДФОРУМОВ */
#pun-index .tcl h3 a {
font-family: Arsenica;
font-weight: 600;
text-transform: uppercase;
font-size: 10pt;
margin-bottom: 2px;
color: #8a662d !important;
}
#pun-index .category tr {
display: block;
background: #d9d6d6;
margin-bottom: 25px !important;
border-radius: 4px;
border: 1px solid #d3d2d2;
color: #656565;
font-family: calibri;
/* text-align: justify; */
font-size: 8pt;
letter-spacing: 1px;
padding-bottom: 10px;
}
/* иконки */
.punbb tbody.hasicon tr.altstyle {font-size: 10px;}
.punbb div.icon {
position: absolute;
width: 42px;
height: 55px;
margin-left: -30px;
}
Div.icon {
background-image : url(https://upforme.ru/uploads/001c/94/f9/2/355559.png);
background-repeat: no-repeat;
}
TR.inew Div.icon {
background-image : url(https://upforme.ru/uploads/0013/90/09/2/902566.png);
background-repeat: no-repeat;
}
.punbb div.tclcon {padding-left: 25px; width: 485px;}
/*************************************************************
СТРАНИЦА С ТЕМАМИ
**************************************************************/
.intd {display: flex;
align-items: center;
}
.tclcon-links {
margin-top: 15px !important;
display: flex;
gap: 5px;
flex-wrap: wrap;
}
.tclcon-links a {
background: #4e2a419e !important; #0b0203;
color: #c5ae91 !important;
padding: 2px 7px 2px 7px;
border-radius: 8px;
letter-spacing: 1px;
font-family: calibri;
font-size: 6pt;
text-transform: uppercase;
line-height: 10px;
font-weight: 600;
}
.multipage h1 {display: none;}
.multipage>div>div>table:not(.table_GamePosts)>tbody>tr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 950px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 10px 25px;
text-transform: lowercase;
}
span.byuser-username{
margin-left: -4px;
font-family: calibri;
font-size: 6pt;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 600;
color: #6e6e6e;
}
.punbb div.tclcon span.byuser-username {
font-family: calibri;
font-size: 6pt;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 600;
color: #6e6e6e;
margin-left: -3px;
}
.multipage>div>div>table:not(.table_GamePosts)>tbody>tr > td.tcl > div > div.tclcon > a
{
font-family: calibri;
font-size: 7pt;
text-transform: uppercase;
letter-spacing: 1px;
color: #814666 !important;
font-weight: 600;
}
.multipage>div>div>table:not(.table_GamePosts)>tbody>tr > td.tc2
{
font-family: calibri;
font-size: 7pt;
text-transform: uppercase;
letter-spacing: 1px;
}
.multipage>div>div>table:not(.table_GamePosts)>tbody>tr > td.tc3
{
font-family: calibri;
font-size: 7pt;
text-transform: uppercase;
letter-spacing: 1px;
}
/*************************************************************
ПОСТЫ
**************************************************************/
/* отступ между постами */ .punbb .post {margin-top: 10px;}
/* первый пост без отступов */.punbb #pun-category1, .punbb .toppost, .punbb .topicpost {margin-top: 0;}
/* отступ перед "обзор темы" в предпросмотре соо*/ #pun-post .topic {margin-top: 10px;}
/* контент в рамках сообщения оставить */.punbb .post-content {overflow: hidden;}
/* абзацы в постах */ .punbb .post-content p {margin: 0; padding: 0 0 12px 0; line-height: 150%;}
/* вертикальное выравнивание изображений в постах */ .punbb .post-content img {vertical-align: text-bottom}
/* изображения загруженные через тег */ .punbb .post-content img.postimg {vertical-align: middle;}
/* оформление подписи */
.punbb .post-sig dt, .punbb .post-sig dl, .punbb .post-sig dd {display: block; margin: 5px 0;}
.punbb .post-sig dt {display: block; }
.reactions-container {display: none!important;}
/* контейнер в котором находятся посты */
.punbb .post .container { }
.punbb .post-body {
margin-left: 240px; /* размер выставляем как ширина профиля */
}
/*контейнер поста в личных сообщениях */
.punbb fieldset .post-box {margin-bottom: 8px}
/* контейнер внутри тела поста, где пишется сам текст*/
.punbb .post-box {padding: 30px;}
/* меню над постом: время, поделиться, нумерация постов */
.punbb .post h3 { border: 1px solid #d1cfcf;
padding: 2px 10px 2px 10px;
border-radius: 4px;
margin-top: 30px;}
.punbb .post h3 span {
padding: 0px;
display: block;
margin-left: 0px; /* двигаем дату поста вправо */
}
/* номер поста */
.punbb .post h3 strong {
float: right;
text-align: right;
font-weight: normal;
}
/* блок профиля в посте, контейнер */
.punbb .post .post-author {
float: left;
width: 240px;
margin-top: 25px;
margin-right: 15px;
background: #47384e;
border-radius: 8px;
box-sizing: border-box;
position: relative;
z-index: 0;
padding-bottom: 0px;
}
#pun-main .post-author ul {
text-align: center;
}
.punbb .post .post-author ul, .punbb .post .post-author p {
line-height: 140%;
width: 240px;
margin-left: -40px;
}
/* блок с именем игрока */
.pa-author {
font-size: 11pt;
font-weight: bold;
background: #57445f;
width: 230px;
margin-left: 4px;
border-radius: 8px;
font-family: calibri;
margin-top: -22px;
letter-spacing: .5px;
text-transform: uppercase;
padding: 5px 0px 5px 0px;
border: 1px solid #6b5773;
margin-bottom: 5px;
}
/* имя игрока, здесь можно задать цвет ника */
.pa-author a {
color: #d7ad74!important;
}
li.pa-fld2 {
display: flex;
justify-content: center;
margin-top: 10px;
}
li.pa-gifts {
display: none;
}
.lzname a {color: #d7ad74!important;}
.lzname {
color: #d7ad74;
/* font-size: 10pt; */
font-family: calibri;
text-transform: uppercase;
letter-spacing: .5px;
font-weight: 600;
background: #0b0203;
padding: 3px 10px 1px 10px;
position: absolute;
border-radius: 8px;
margin-top: 2px;
}
.lzinfo {
background: #57445f;
margin-top: 10px;
margin-bottom: 10px;
font-size: 8pt;
font-family: calibri;
color: #cfcdcf;
padding: 12px 30px 8px 30px;
text-align: center;
letter-spacing: 0.5px;
line-height: 12px;
border-radius: 8px;
max-width: 280px;
}
.lzinfo a {
color: #d7ad74 !important;
}
.pa-fld3 {
display: flex;
justify-content: center;
align-items: center;
}
.wrapl {
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto;
text-align: center;
}
.wrapl li {
display: inline-block;
vertical-align: middle;
margin: 0 0px; /* регулируй отступы между элементами */
}
.pa-fld4 {
position: absolute;
z-index: 9999;
top: 38px;
left: 32px;
}
.plashtex {
position: relative;
width: 205px;
margin-top: 0;
text-align: center;
height: 39px;
margin: 1px 0px 5px 0px;
display: flex;
align-items: center;
justify-content: center;
background: #605664;
border-radius: 8px;
}
.plashtex div {
position: relative;
width: 205px;
height: 39px;
}
bq, sq {
display: block;
}
.plashtex span {
position: absolute;
width: 205px !important;
height: 39px !important;
align-content: center;
/* background: #0b0203; */
background-color: rgba(0, 0, 0, 0.3); /* полупрозрачность фона для текста на плашке */
font-size: 6pt;
font-family: calibri;
color: #f1e9df;
text-transform: uppercase;
letter-spacing: 1px;
border-radius: 8px;
/* display: flex;*/
/* flex-direction: column;
gap: 10px;*/
/* padding: 2px 10px 2px 10px; */
}
.plashtex div img {
mix-blend-mode: luminosity;
width: 205px;
border-radius: 8px;
background: #57445f;
position: relative;
height: 39px;
vertical-align: text-bottom !important;
}
/* fld1 */
.pa-fld1 {
width: 238px;
height: 200px;
position: absolute;
top: 0px;
left: 0px;
z-index: -1;
mask: linear-gradient(0deg, rgba(217, 217, 217, 0) 0%, #26253e 100%);
-webkit-mask: linear-gradient(0deg, rgba(217, 217, 217, 0) 0%, #282540 100%);
overflow: hidden;
filter: grayscale(.4);
border-radius: 8px;
}
.pa-fld1:before {
content: "";
display: block;
background: #47384e;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
mix-blend-mode: color;
}
.pa-fld1 img {
vertical-align: text-bottom !important;
}
/* статус игрока */
li.pa-title {
padding-bottom: 18px;
font-weight: bold;
font-size: 6pt;
text-transform: uppercase;
font-family: calibri;
letter-spacing: 1px;
color: #e7e4e4;
}
/* блок со строчкой "активен" */
li.pa-online {
text-align: center;
margin-top: 10px;
font-size: 7pt;
font-family: calibri;
color: #7d6e85;
text-transform: lowercase;
letter-spacing: 0.5px;
}
li.pa-avatar.item2 img {
background: #755b72;
padding: 2px;
max-width: 180px;
}
.pa-posts .fld-name, .pa-respect .fld-name, .pa-fld4 .fld-name, .pa-fld3 .fld-name, .pa-fld5 .fld-name, .pa-fld6 .fld-name {
display: inline-flex;
font-size: 0px}
.pa-posts .fld-name:before {
content: '\f4ad';
font-size: 12px;
color: var(--tab-text);
font-family: 'Font Awesome 6 Pro';
font-weight: 600;
}
/*Оформляем счетчик постов*/
.pa-fld6 .fld-name:before {
content: '\f52d';
font-size: 12px;
color: var(--tab-text);
font-family: 'Font Awesome 6 Pro';
font-weight: 600;
}
.pa-respect .fld-name:before {
content: '\f004';
font-size: 12px;
color: var(--tab-text);
font-family: 'Font Awesome 6 Pro';
font-weight: 600;
}
.pa-fld5 .fld-name:before {
content: '\f51e';
font-size: 12px;
color: var(--tab-text);
font-family: 'Font Awesome 6 Pro';
font-weight: 600;
}
.pa-fld4 .fld-name:before {
content: '\f186';
font-size: 12px;
color: var(--tab-text);
font-family: 'Font Awesome 6 Pro';
font-weight: 600;
}
/* ---------------------- */
.pa-respect .fld-name a::before, .gid3 .pa-respect .fld-name::before, .pa-posts .fld-name a::before, .pa-posts .fld-name::before, .pa-fld2 .fld-name a::before, .pa-fld2 .fld-name::before, .pa-fld1 .fld-name a::before, .pa-fld1 .fld-name::before {
/* content: "";*/
display: inline-block;
width: 15px;
height: 15px;
/*text-align: center;*/
}
/*
.pa-respect .fld-name a::before, .gid3 .pa-respect .fld-name::before {
background-size: cover;
background: url(https://upforme.ru/uploads/0013/90/09/2/691504.png) 100% 100% no-repeat;
}
.pa-posts .fld-name a::before, .pa-posts .fld-name::before {
background-size: cover;
background: url(https://upforme.ru/uploads/0013/90/09/2/973954.png) 100% 100% no-repeat;
} */
/*li.pa-posts {
margin-left: -43px;
} */
/*Иконка к доп. полю Посты*/
/* .pa-fld6 .fld-name{
font-size:0;
display:block;
height:12px;
margin: 1px auto -1px;
}
.pa-fld6 .fld-name:before{
content:url(https://upforme.ru/uploads/0013/90/09/2/660150.png);
*/
/*.profdop {
line-height: 20px;
display: inline-block;
}
.profdopmon {
line-height: 20px;
display: inline-block;
} */
.pa-respect a img {
display: none;
}
.pa-posts, .pa-respect, .pa-fld6, .pa-fld5
{
display: inline-block;
width: 30px;
margin-top: 15px !important;
padding: 0px 13px 0px 7px !important;
color: #cdc9b9;
font-size: 11px;
font-family: calibri;
/*line-height: 27px; */
}
.pa-respect .fld-name, .pa-posts .fld-name, .pa-fld6 .fld-name, .pa-fld5 .fld-name {
font-size: 0;
/* display: block;*/
width: 30px;
height: 12px;
text-align: center;
align-content: center;
justify-content: center;
margin-bottom: 0px;
margin-top: 2px;
align-items: flex-start;
}
/*
.pr145 {
display: flex;
gap: 30px;
margin-top: -28px;
margin-left: 8px;
position: absolute;
}
*/
/* меню под постом, где профиль, лс, редактировать, удалить и т.д. */
.punbb .post-links {
margin-left: 190px;
}
.punbb .post-links ul {
padding: 0 10px 0 0;
line-height: 20px;
margin-left: -190px;
text-align: right;
}
.punbb .post-links li {display: inline; padding-left: 10px;}
.pl-email, .pl-website {float: left;}
.punbb .clearer {clear: both;height: 0;font-size: 0;}
.punbb .post-links ul li a {
color: #47384e;
font-weight: 400;
font-size: 8pt;
}
.punbb .post-links ul li {
/*background: #0b0203; */
font-family: calibri;
letter-spacing: 0px;
padding: 3px 5px 3px 5px;
margin-left: 0px;
border-radius: 8px;
/* text-transform: uppercase; */
}
/* МОДЕРАТОРСКОЕ МЕНЮ
-------------------------------------------------------------*/
/* сам контейнер */
.punbb .modmenu .container {padding: 5px 10px;
text-align: right;
font-size: 10px;
background: #d9d6d6;
border: 1px solid #d3d2d2;
border-radius: 5px;
font-family: calibri;
letter-spacing: 0.3px;;}
.punbb .modmenu strong, .punbb .modmenu a {height: 18px; line-height: 18px;}
.punbb .modmenu .container strong {float: left;}
.punbb .modmenu input {margin-left: 10px;}
/* СОО ОБ ОШИБКАХ
-------------------------------------------------------------*/
.punbb .info .container {padding: 8px 10px}
.punbb .info .container .backlink {padding-top: 8px;}
/* ПРОФИЛЬ И ЛС
-------------------------------------------------------------*/
/* контейнер профиля */
#profile .container {padding-left: 186px;}
/* навигация в профиле */
#profilenav {float: left;
width: 140px;
margin-left: -163px;
}
#profilenav li {padding-bottom: 10px; font-weight: bold;}
/* блок с самими ссылками */
#viewprofile ul, #profilenav ul {
padding: 10px 0px 5px 10px;
margin: 0 0 10px 0;
background: #d9d6d6;
border: 1px solid #cbcbcb;
}
/* заголовок */
#viewprofile h2, #profilenav h2 {
padding: 0;
margin: 0;
margin-bottom: 10px;
}
/* в профиле управление, выбор подфорумов для назначения модератора на них */
#setmods dl {padding: 0 0 0 100px;}
#viewprofile li {padding: 0 0 0 240px;}
#viewprofile li span {float: left;
width: 200px; /* ширина строчки в профиле зарегистрирован, приглашений, провёл на форуме и т.д. */
margin-left: -160px;
padding: 5px 1px;
font-weight: bold;}
#setmods dt {float: left; width: 140px; margin-left: -160px; padding: 8px 1px; font-weight: bold; display: inline;}
#viewprofile li strong, #viewprofile li div, #setmods dd { display: block; padding: 5px 10px;}
/* аватарка в профиле */
.punbb img.avatardemo {
float: right;
margin: 0 0 0.8em 1.8em
}
/* СПИСОК ИГРОКОВ
-------------------------------------------------------------*/
/* общий контейнер */
#pun-userlist .formal, #pun-userlist .formal .container {margin-bottom: 0;}
/* контейнер со списком игроков */
#pun-userlist .usertable .container {
padding: 5px;
}
/* МЕНЮШКА ФОРУМ, УЧАСТНИКИ, ПОИСК И Т,Д
-------------------------------------------------------------*/
/* контейнер с меню */
#pun-navlinks .container {
margin: 0;
padding: 7px 10px;
text-align: center;
margin-top: -37px;
}
/* расположение каждого пункта меню */
#pun-navlinks li {
display: inline;
padding: 2px 14px 2px 14px;
background: #4e2a41; /* #0b0203;*/
border-radius: 8px;
margin-right: 24px;
}
/* шрифт навигации */
#pun-navlinks li a {
font-size: 9pt;
font-family: calibri;
text-transform: uppercase;
color: #e7e4e4; /* #e2c491; #cda5de; #9a88a2; */
font-weight: 600;
}
#pun-navlinks li a:hover {
color: #a99155;
}
/* ЮЗЕР МЕНЮ АКТИВНЫЕ ТЕМЫ, ОТВЕТЫ И Т.Д.
-------------------------------------------------------------*/
#pun-ulinks {
display: flex;
justify-content: center;
}
/* контейнер с меню */#pun-ulinks .container {
padding: 3px 10px;
background: #e7e4e4;
width: 80%;
border-radius: 8px;
text-align: center;
border: 1px solid #ddd2e1;
}
/* расположение пунктов меню */ #pun-ulinks li {display: inline; padding: 0 3px 0 6px;}
/* шрифт навигации */
#pun-ulinks li a {
color: #615a5b;
font-size: 8pt;
font-family: calibri;
text-transform: uppercase;
font-weight: 600;
}
#pun-ulinks li a:hover {
color: #b9afb0;
}
/* ПРИВЕТСТВИЕ
-------------------------------------------------------------*/
#pun-status {
display: flex;
justify-content: center;
}
/* приветствие гостя, контейнер */
#pun-status .container {padding: 5px 23px 5px 23px;
margin-bottom: 0;
position: absolute;
top: -45px;
color: #a291a8;
text-align: center;
text-transform: uppercase;
font-size: 7pt;
font-family: calibri;
font-weight: 600;
letter-spacing: 2px;
background: #0b0203;
border-radius: 8px;}
/* распределение текста в статусе */
#pun-status span {white-space: nowrap; margin-right: 5px;}
/* СТАТИСТИКА
-------------------------------------------------------------*/
/* контейнер общий */
#pun-stats .container { padding: 8px 10px;
font-family: calibri;
font-size: 8pt;
font-weight: 600;
color: #686767;
}
/* всего тем, всего сообщений */
#pun-stats li.item1, #pun-stats li.item2 {
float: left;
clear: both;
line-height: 150%;}
/* зарегистрированных, последний зарегистрированный */
#pun-stats li.item3, #pun-stats li.item4 {
text-align: right;
line-height: 150%;
}
/* контейнер, кто онлайн под статистикой */
li#onlinelist {
margin-top: 10px;
float: left;
line-height: 130%;
}
/* внутрянка контейнера, кто онлайн под статистикой */
li#onlinelist div {padding: 7px 0 0 0;}
/* РЕКЛАМА ОТ СЕРВАКА!!! НЕ ТРОГАТЬ!!!!!
-------------------------------------------------------------*/
#pun-about .container {text-align: center; line-height: 150%;padding: 0px;}
/* ХЛЕБНЫЕ КРОШКИ
-------------------------------------------------------------*/
#pun-crumbs1 {font-weight: bold; font-family: calibri;}
#pun-crumbs2 {font-weight: bold;margin-bottom: 0; font-family: calibri;}
/* внутрянка контейнера */
#pun-crumbs1 p.container {margin-top: 0; padding: 10px 10px 8px 10px; font-size: 11px; text-align: center;}
#pun-crumbs2 .container {padding: 8px 10px;font-size: 11px; text-align: center;}
/* убрать границы у таблицы в bb кодах -------------------------------------------------------------*/
.post-content td {border:none transparent !important;}
/* СКРОЛЛ */
::-webkit-scrollbar {
width: 8px;
height: 6px;}
/* задний фон трека */
::-webkit-scrollbar-track {
background: #796c7c;
}
/* двигающийся ползунок */
::-webkit-scrollbar-thumb {
background: #968899 !important;
}
/* двигающийся ползунок при нажатии */
::-webkit-scrollbar-thumb:active {
background: #968899 !important;}
/* иконки вверх вниз
-------------------------------------------------------------*/
.go-up,.go-down {
display:none;
position:fixed; /*позиционируем*/
z-index:9999;
cursor:pointer;
margin-bottom:60px;
height:128px;
}
.go-up {
bottom:260px; /*положение от низа окна браузера верхняя кнопка*/
margin-left: 1099px !important;
}
.go-down {
bottom: 150px;
margin-left: 1099px !important;
}
.go-down:hover,.go-up:hover {
opacity:1;
}
.lastedit {display:none}
#tags .container {
margin-left: -5px;
top: 43px;
z-index: 2;
background: #e7e4e4;
border-radius: 4px;
border: 1px solid #bfbaba;
}
#pun-admain textarea, #pun-admain input, #pun-admain select, #pun-admain optgroup {
background: #e7e4e4;
padding: 10px;
}
.reaction-picker {display: none;}
#profile-right {width: 550px !important;}
#profile-left {width: 240px !important; padding-top: 0 !important;
background: #e7e4e4;
border: 1px solid #d7d7d7 !important;
border-radius: 15px;
position: relative;
left: -15px;}
#viewprofile td {overflow: revert !important;}
#profile-right li#pa-fld1 {margin-bottom: 15px;}
#profile-right li#pa-fld1, #profile-right li#pa-fld3, #profile-right li#pa-fld5 {
display: none;
}
td#profile-right {
border-radius: 15px;
background: #e7e4e4;
border: 1px solid #d7d7d7 !important;
padding: 25px 10px !important;
font-size: 10px;
font-family: calibri;
}
li#profile-name strong {
font-size: 8pt;
font-weight: 600 !important;
text-transform: uppercase;
font-family: calibri;
letter-spacing: 1px;
color: #69516a !important;
text-align: center;
}
li#profile-title strong {
color: #858187;
font-size: 10px;
font-family: calibri;
letter-spacing: 0.5px;
text-align: center !important;
margin-left: 6px;
margin-top: -5px;
}
td#profile-left li#pa-avatar {
text-align: center;
}
#viewprofile li strong, #viewprofile li div, #setmods dd {
display: block;
padding: 0.5em 1em;
font-weight: normal !important;
}
td#profile-left li#pa-avatar img {
background: #d7d7d7;
padding: 3px;
}
td#profile-left li#pa-online strong {
color: #858187;
text-transform: lowercase;
font-size: 8pt;
font-family: calibri;
text-align: center;
}
td#profile-left li#pa-edit a {
color: #ccbcd3;
text-align: center !important;
font-size: 7pt;
font-family: calibri;
text-transform: uppercase;
letter-spacing: 1px;
background: #0b0203;
padding: 1px 35px 1px 35px;
border-radius: 8px;
}
td#profile-left li#pa-edit { text-align: center;}
span.num_msg {background: #94839c !important; margin-top: -15px !important;
margin-left: 0px !important;}
span.num_msg:before {background: #94839c !important;}
.bubble {background: #94839c !important;}
.bubble:after {border-color: #94839c transparent !important;}
.adformal h2, #pun-adnav h2 { padding: 0.5em 1em;
background-color: #e7e4e4 !important;
color: #616068 !important;
margin-bottom: 10px;
border: 1px solid #ddd2e1 !important;
border-radius: 8px !important;
font-family: calibri;}
.adcontainer {
background-color: #e7e4e4;
border: 1px solid #ddd2e1 !important;
border-radius: 8px;
}
#pun-admain1 form.adcontainer, #pun-admain2 form.adcontainer, #pun-admain-new form.adcontainer, #pun-admain1 div.adcontainer, #pun-admain2 div.adcontainer {margin-top: 10px !important;}
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited { color: #623062;
font-family: calibri;
font-size: 10pt;}
img.dopimg {
display: block;
position: absolute;
top: -12px;
background: transparent !important;
left: 200px;
/* font-size: 0px; */
}
#profile-right li#pa-fld2 {margin-top: 15px;}
#profile-right li#pa-fld2 .lzname {position: absolute; margin-top: -22px;}
/*************************
Стиль для Быстрой смены аккаунтов
Deff
*************************/
/*Cкрытие формы входа без клика*/
#pun-navlinks a:not(.NextShow)+span.odd{
display:none!important;
}
#pun-navlinks a:not(.NextShow)+span.odd{
display:none!important;
}
/*Стиль доп-иконки Выход!*/
#pun-navlinks a#New-exit {
background: transparent!important;
position:absolute;
z-index:100000!important;
margin-top: -2px !important;
margin-left: 32px !important;
display:inline-block!important;
}
#pun-navlinks #New-exit img{
position: absolute;
width: 18px;
height: auto;
opacity: .74;
transition: .63s;
}
#pun-navlinks #New-exit:hover img{
transition: .63s;
opacity: .42;
}
.punbb #pun-navlinks a#New-exit:before {
content:none;
}
.punbb #pun-navlinks #form-login input{
text-align: center;
border: 1px solid #5D6755;
text-rendering: auto;
color: #000000!important;
margin-top: 4px!important;
margin-bottom: 3px!important;
border-radius: 5px;
letter-spacing: 0.2;
word-spacing: normal;
text-transform: none;
text-indent: 0px;
text-shadow: none;
display: inline-block!important;
text-align: center;
box-sizing: border-box;
height:20px;
width:67px;
width: 110px;
padding: 4px;
font: normal normal 400 11px/normal Verdana!important; rgb(250, 255, 189)
background-color: rgba(250,255,189,.88);
}
.punbb #form-login #fld1:empty,#form-login #fld2:empty,
.punbb #form-login #fld1,#form-login #fld2{
background-color: #d4d4d4;
}
.punbb #pun-navlinks #form-login input[type="submit"]{
margin: 13px 0 2px!important;
box-sizing: border-box;
height:26px;
width:67px;
font-size: 11px!important;
color: #ffffff !important;
background: #a97d89!important;
border: 1px outset rgba(161,172,152,.8)!important;
text-align: center;
padding: 0 12px!important;
border-radius: 13px;
font-family: Verdana!important;
font-weight: 700!important;
transition: all 0.5s ease-in-out 0s;
letter-spacing: 0.8;
cursor:pointer;
/*border: 2px outset #83693E!important;
color:#565462!important;
font-weight:700!important; */
}
.punbb #pun-navlinks #form-login input[type="submit"]:hover{
opacity:0.6;
}
/*Стиль формы входа */
.punbb #pun-navlinks #form-login >*,
.punbb #pun-navlinks #form-login {
box-sizing:content-box;
}
.punbb #pun-navlinks #form-login {
background: #EFEFEF;
min-height:183px;
border: 1px solid #626262;
border-radius: 0px 0px 6px 6px;
color: #000000;/*BCBCBC;*/
display: block;
font: 11px "Verdana";
left: 0px;
padding: 8px 12px;
margin: 1px 0;
position: absolute !important;
text-align: center;
word-spacing: normal;
white-space: normal;
/*text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.235);*/
text-transform: none;
letter-spacing: 0.2px!important;
top: 8px;
width: 122px;
z-index: 100000!important;
}
#pun-navlinks #navlogin #form-login {
margin-left: -30px;/*Подвижки формы влево от вход*/
}
#pun-navlinks #navlogout #form-login {
margin-left: -30px;/*Подвижки формы влево от выход*/
}
.ismoderator #pun-navlinks #navlogout #form-login {
margin-left: -30px!important;/*Подвижки формы влево от выход для АМС*/
}
/*Стиль ссылок в форме "Не зарегистрированы" и "Забыли пароль" */
#pun-navlinks #form-login input[value="Войти"]+p{
margin: 11px 0;
}
.punbb #pun-navlinks #form-login a.Rega,
.punbb #pun-navlinks #form-login a.Forgot{
position:relative;
text-transform: none!important;
z-index:20;
cursor:pointer;
font: normal normal 200 10px/normal Verdana!important;
letter-spacing: 0.4!important;
display:inline;
background: none!important;
padding: 0 0 0 3px!important;
color: #76333C!important;
font-size: 9px!important;
/*text-shadow: 1px 1px 1px rgba(40, 52, 61, 0.39);*/
}
.punbb #pun-navlinks #form-login a.Rega:before,
.punbb #pun-navlinks #form-login a.Forgot:before{
content:none;
}
/* Помечаем красным незаполненные поля!*/
#form-login input.none{
outline:red dashed 2px!important;
}
/*Форма слева(с Никами) */
#List-UserNames {
position:absolute;
margin-top:-9px;
min-height:90px;
width:220px;
right:100%;
padding: 12px 19px 12px 17px;
background: #EFEFEF;
border-color: #626262; /* Цвет границы */
border-style: solid; /* Стиль границы */
border-width: 1px 1px 1px 1px; /* Толщина границы */
border-radius:0 0 0px 6px;
text-align:center;
/*box-shadow:inset 0.23em 0 3.4em rgba(20,20,11,.99);*/
}
/*Стиль контейнера под список Ников*/
.punbb #List-UserNames ul{
padding: 0;
overflow:hidden;
overflow-y:auto;
min-height:36px;
max-height:72px;/*Видимое число Ников без прокрутки! сейчас - 4*/
}
.punbb #List-UserNames li {
display: block!important;
position: relative;
background: #a97d89;
text-transform: none!important;
text-align: left;
box-shadow: 2px 2px 1px rgb(251, 251, 251);
padding-left: 5px!important;
font: normal normal 700 12x/normal Verdana!important;
letter-spacing: 0.4;
margin: 1px auto!important;
padding: 2px 0;
transition: .33s;
}
.punbb #List-UserNames li:hover{
opacity:.84;
/*background:#83693E!important;*/
}
/*Стиль Ников*/
.punbb #List-UserNames li>b{
cursor: pointer;
opacity: .9;
color: #fffefe;;
text-shadow: 1px 1px 1px rgb(0, 0, 0);
letter-spacing: 0.3;
}
.punbb #List-UserNames li>b:hover{
opacity:.93;
text-shadow:1px 1px 1px rgba(0,0,0,.6);
}
/*Скролл контейнера с никами*/
#List-UserNames ul::-webkit-scrollbar {
width: 3px;
height: 5px;
}
#List-UserNames ul::-webkit-scrollbar-track {
background-color: #393A38;
border: 0px solid #d7d8d9;
box-shadow: none;
}
#List-UserNames ul::-webkit-scrollbar-thumb {
background-color: #C0BFBD;
border: 0px solid #d7d8d9;
box-shadow: none;
}
/*Кнопки Удалить (правее ников)*/
#List-UserNames ul li>span {
display:inline-block;
padding:0 3px;
position:absolute;
opacity:.88;
cursor:pointer;
top:0;bottom:0;
right:2px;
color:#fff;
font: normal normal
700 10.56px/normal Verdana;
text-shadow:1px 1px 1px rgba(0,0,0,.6);
}
/*Текст при отсутствии запомненных Ников!*/
#List-UserNames ul:empty:before{
display:inline-block;
content: "У Вас нет запомненных ников, введенных через форму справа, или через перенос ниже!";
}
/*Кнопка выход-2*/
#navlogin #exit-2 {
display:none;
}
#pun:not(.isguest) #navlogout .Rega,
#pun:not(.isguest) #navlogout .Forgot {
display:none!important;
}
/*Стиль блока с инпутом для переноса и вставки запомненных Аккаунтов*/
#List-UserNames ul+span{
display:inline-block;
padding:6px 0 8px 0;
text-align:left;
font: normal normal 400 10.56px/normal Verdana;
}
/*Сам инпут*/
.punbb #List-UserNames input {
border: 1px solid #5D6755!important;
text-shadow: none!important;
color:#333!important;
background-color: #D4D4D4;
font: normal normal 400 11px/normal Verdana!important;
/* box-shadow: inset 0px 0px 3px rgba(100,102,80,.97); */
margin-top: 9px;
padding: 2px !important;
vertical-align: middle;
}
/*Стрелочки к инпуту*/
#List-UserNames ul+span b{
font: normal normal 400 13px/normal Verdana;
padding:0 3px;
color: #000000;
}
/*Кликалка слева, чуть выше инпута*/
#List-UserNames .a1-copy{
display:inline-block!important;
cursor:pointer;
float:left;
}
/*Кликалка справа*/
#List-UserNames .a1-paste{
cursor:pointer;
display:inline-block!important;
float:right;
}
/*Подсказки на кликалках*/
.tipsy.a11 {
font: normal normal 400 11px/normal Verdana!important;
margin-top:-22px!important;
margin-left: 148px!important;
max-width:170px;
}
/*************************
//Конец Стиля для Быстрой смены аккаунтов
*************************/
}
/*END*/
/*** ЛИЧНАЯ СТРАНИЧКА ***/
.checkfield input[type="checkbox"], .radiofield input[type="radio"] {
margin: 0 0.3em;
accent-color: #423b34;
}
#toggleStyleBtn {
border-radius: 100%;
font-weight: 400;
font-size: 0;
color: var(--dark-bord);
display: flex;
/* padding: 4px; */
text-transform: uppercase;
justify-content: center;
align-items: center;
width: 22px;
border: none;
height: 22px;
background: #282828;
position: absolute;
top: 50px;
}
#toggleStyleBtn::before {
content: '';
background: #cac7b7;
mask: url(https://forumstatic.ru/files/001c/70/50/57676.svg) no-repeat center left;
-webkit-mask: url(https://forumstatic.ru/files/001c/70/50/57676.svg) no-repeat center left;
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: contain;
width: 15px;
height: 15px;
}
#stylelist {
position: absolute;
z-index: 1;
top: -442px;
margin: 0;
left: 39px;
padding: 0px;
overflow: hidden;
width: 50px;
list-style-type: none;
display: flex;
/* border: red 1px solid; */
height: 22px;
flex-direction: row;
opacity: 1;
border-radius: 20px;
background: var(--plash-tab);
justify-content: space-between;
}
#stylelist li[data="light"] a, #stylelist li[data="dark"] a {
border-radius: 100%;
font-weight: 400;
font-size: 0;
color: var(--tab-text);
display: flex;
/* padding: 4px; */
text-transform: uppercase;
justify-content: center;
align-items: center;
width: 22px;
height: 22px;
}
#stylelist li[data="light"] a::before {
content: '';
background: #cac7b7;
mask: url(https://forumstatic.ru/files/001c/70/50/57676.svg) no-repeat center left;
-webkit-mask: url(https://forumstatic.ru/files/001c/70/50/57676.svg) no-repeat center left;
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: contain;
width: 15px;
height: 15px;
}
#stylelist li[data="dark"] a::before {
content: '';
background: var(--tab-text);
mask: url(https://forumstatic.ru/files/001c/70/50/21300.svg) no-repeat center left;
-webkit-mask: url(https://forumstatic.ru/files/001c/70/50/21300.svg) no-repeat center left;
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: contain;
width: 15px;
height: 15px;
}
#stylelist li.active {
background: var(--accent2);
border-radius: 100%;
}
#stylelist li.active a:before {
background: var(--navi-link-hov);
}
.thread-header {
position: absolute;
background: var(--head);
width: 1100px;
height: 483px;
left: 0;
border-radius: 20px;
top: -589px;
border: 1px solid var(--dark-bord);
}
#pun-status .container a, #pun-status .container strong {
font-weight: 600 !important;
color: #e2c491 !important;
}
.tclcon-links a b {
font-weight: 400 !important;
}
.tclcon-links a {
background: #4e2a419e; /* var(--sec-accent); */
color: var(--tab-text) !important;
padding: 3px 10px 0;
border-radius: 5px;
letter-spacing: .3px;
font-family: var(--sec-font);
font-size: 9px;
text-transform: uppercase;
line-height: 14px;
}
.tclcon-links a:hover {
background: var(--accent);
}
.tclcon-links {
display: flex;
gap: 10px;
flex-wrap: wrap;
margin: 0 0 5px 0;
}
#pun-index td div.tclcon p {
/*background: var(--bord);*/
padding: 5px 0 0 0;
border-radius: 5px;
font-family: yesewa; /* var(--sec-font); */
margin-top: 4px;
/* color: #393838; */
font-size: 11px;
}
.partnrs {
background: var(--cfoot);
width: 100%;
left: 0;
position: absolute;
margin: 30px 0 0 0;
height: 71px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 10px;
border: 1px solid var(--dark-bord);
}
.partnrs bnrs {
display: flex;
flex-wrap: wrap;
height: 31px;
overflow-y: auto;
width: 1000px;
gap: 10px;
}
.partnrs bnrs img {
opacity: .7;
filter: none;
transition: all .7s ease-in-out 0s;
}
.partnrs bnrs img:hover {
opacity: 1;
filter: none;
}
#pun-stats .statsinfo {
display: flex;
gap: 8px;
margin-bottom: 8px;
}
#pun-stats .statsinfo li {
/* flex-basis: 0; */
flex-shrink: 1;
flex-grow: 1;
text-align: center;
background: var(--bord);
padding: 3px 3px 2px 3px;
text-transform: uppercase;
font-size: 0.6rem;
letter-spacing: .3px;
border-radius: 5px;
}
#pun-stats .statsinfo li strong {
font-weight: 400;
font-family: var(--strong-font);
}
/*** СТАРЫЕ ПЛАШКИ ***/
.pl_one, .pl_two, .pl_three, .pl_four, .pl_five, .pl_six, .pl_seven, .pl_eight, .pl_nine, .pl_ten, .pl_eleven {
width: 216px;
overflow: hidden;
height: 46px;
border-radius: 0;
display: flex !important;
flex-direction: column;
justify-content: center;
align-items: center;
border-top: 1px solid #d8d5cf;
background: linear-gradient(-45deg, #706e6791, #706e6791), url(https://forumstatic.ru/files/001c/39/c6/49093.webp) top center no-repeat;
color: #efeeed;
}
.pl_one bq, .pl_two bq, .pl_three bq, .pl_four bq, .pl_five bq, .pl_six bq, .pl_seven bq, .pl_eight bq, .pl_nine bq, .pl_ten bq, .pl_eleven bq {
font-family: var(--main-font);
text-transform: lowercase;
font-weight: 600;
font-size: 12px;
letter-spacing: .4px;
color: #e7e7e7;
}
.pl_one sq, .pl_two sq, .pl_three sq, .pl_four sq, .pl_five sq, .pl_six sq, .pl_seven sq, .pl_eight sq, .pl_nine sq, .pl_ten sq, .pl_eleven sq {
font-size: 10px;
color: #e7e7e7;
}
.pl_four {
background: linear-gradient(-45deg, #706e6791, #706e6791), url(https://forumstatic.ru/files/001c/39/c6/85406.webp) top center no-repeat;
}
.FNTslider {
border-radius: 2px;
position: relative;
z-index: 3;
background: var(--bord);
width: 110px;
height: 7px;
border: solid 1px #9f9e9e70;
order: 1;
}
.FNTslider .before {
height: 5px;
border-right: none 0;
position: absolute;
background: var(--dark-tab-text);
border-radius: 2px 0 0 2px;
}
.FNTslider .thumb {
width: 8px;
height: 7px;
border-radius: 0;
position: relative;
background: var(--accent);
cursor: pointer;
margin-top: -1px;
}
.nmp p {
font-size: 50px !important;
font-family: var(--main-font);
}
#pun-searchposts .post h3 span, #pun-messages .post h3 span {
width: auto;
}
pj-str {
display: flex;
/*background: var(--base-bg);*/
background: rgb(71, 56, 78);
height: auto;
width: 780px;
margin: auto;
padding: 20px;
border: 1px solid var(--dark-bord);
overflow: hidden;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-evenly;
border-radius: 10px;
color: var(--dark-text);
box-shadow: 4px 4px 30px #00000075;
}
/* Или альтернативный вариант - ограничить высоту самого контента
.pj-str {
display: flex;
background: rgb(71, 56, 78);
height: auto;
max-height: 600px; /* Ограничиваем максимальную высоту */
overflow-y: auto; /* Включаем прокрутку */
width: 780px;
margin: auto;
padding: 20px;
border: 1px solid var(--dark-bord);
flex-direction: row;
flex-wrap: wrap;
justify-content: space-evenly;
border-radius: 10px;
color: var(--dark-text);
box-shadow: 4px 4px 30px #00000075;
}
*/
.reveal-modal .close-reveal-modal {
right: -44px;
}
.pj-one {
display: flex;
flex-direction: column;
position: relative;
width: 100%;
}
.pj-one god-or {
background: #57445f; /* var(--dark-bord); */
border: 1px solid var(--dark-bord);
border-radius: 5px;
height: 28px;
display: flex;
align-items: center;
padding: 0 20px;
font-family: var(--main-font);
color: var(--tab-text);
font-size: 12px;
margin: 0 20px;
}
.pl-and-text {
border: 1px solid var(--bord);
background: var(--base-bg2);
border-radius: 10px;
margin-top: -1px;
height: 155px;
display: flex;
flex-direction: column;
gap: 10px;
}
.pl-and-text text {
display: block;
padding: 20px 220px 0px 60px;
font-family: var(--main-font);
font-size: 10px;
position: relative;
height: 65px;
}
.pl-and-text text::before {
content: '';
background: url(https://forumstatic.ru/files/001c/6c/7d/12620.webp);
width: 41px;
height: 34px;
position: absolute;
left: 12px;
filter: grayscale(1);
}
.pl-and-text pl {
display: flex;
margin: 0 20px;
gap: 10px;
width: 482px;
/* border: 1px solid red; */
overflow-x: auto;
}
.pj-av {
position: absolute;
right: 0;
}
.pj-av img {
border-radius: 5px;
border: 0px solid var(--dark-bord);
width: 183px;
margin-top: 0px;
}
.pj-sec {
border: 1px solid var(--bord);
background: #57445f; /* var(--base-bg2); */
border-radius: 10px;
margin-top: 26px;
height: 184px;
display: flex;
flex-direction: column;
gap: 10px;
width: 100%;
position: relative;
}
.pj-sec span {
background: #57445f; /* var(--dark-bord); */
border-radius: 5px;
height: 28px;
display: inline-flex;
align-items: center;
padding: 0 20px;
font-family: var(--main-font);
color: var(--tab-text);
font-size: 12px;
margin: -12px 20px 0;
width: 220px;
text-transform: uppercase;
flex-shrink: 0;
}
.tarot-and-bg {
display: flex;
margin: 0 20px 20px;
gap: 20px;
}
.tarot-and-bg crds {
flex-shrink: 0;
/* border: 1px solid red; */
height: 138px;
overflow-x: auto;
width: 430px;
display: flex;
overflow-y: hidden;
}
.tarot-and-bg crds img {
height: 124px;
transition: 1s;
}
.tarot-and-bg bg {
flex-shrink: 0;
/* border: 1px solid red; */
height: 138px;
overflow-x: auto;
width: 240px;
display: flex;
overflow-y: hidden;
flex-wrap: wrap;
flex-direction: column;
gap: 7px;
}
.tarot-and-bg bg img {
border-radius: 100%;
width: 54px;
height: 54px;
object-fit: cover;
object-position: center;
border: 1px solid var(--bord);
filter: grayscale(.4);
}
.pj-thr {
border: 1px solid var(--bord);
background: var(--base-bg2);
border-radius: 10px;
margin-top: 26px;
height: 184px;
display: flex;
flex-direction: column;
gap: 10px;
width: 100%;
position: relative;
}
.pj-thr span {
background: var(--dark-bord);
border-radius: 5px;
height: 28px;
display: inline-flex;
align-items: center;
padding: 0 20px;
font-family: var(--main-font);
color: var(--tab-text);
font-size: 12px;
margin: -12px 20px 0;
width: 220px;
text-transform: uppercase;
flex-shrink: 0;
}
.collect-pj {
position: relative;
display: flex;
gap: 20px;
margin: 0 20px 20px;
justify-content: space-between;
}
.collect-pj kart {
display: block;
flex-direction: row;
flex-wrap: wrap;
height: 116px;
overflow: auto;
gap: 6px;
width: 325px;
}
.collect-pj kart img {
width: 54px;
height: 54px;
object-fit: cover;
object-position: center;}
.st-k sp, .ecs-k sp {
font-family: var(--main-font);
text-transform: uppercase;
font-size: 10px;
color: var(--dark-bord);
margin-bottom: 6px;
display: block;
}
.pj-fr {
background: #57445f; /* var(--dark-bord); */
border-radius: 10px;
margin-top: 26px;
height: 114px;
display: flex;
flex-direction: column;
gap: 10px;
width: 100%;
position: relative;
}
.pj-fr span {
background: #57445f; /* var(--dark-bord); */
border: 1px solid var(--accent);
border-radius: 5px;
height: 28px;
display: inline-flex;
align-items: center;
padding: 0 20px;
font-family: var(--main-font);
color: var(--tab-text);
font-size: 12px;
margin: -12px 20px 0;
width: 220px;
text-transform: uppercase;
flex-shrink: 0;
}
.gift-pj {
display: flex;
margin: 10px 20px;
overflow-x: auto;
overflow-y: hidden;
gap: 10px;
}
.gift-pj img {
width: 50px;
height: 50px;
object-fit: cover;
}
.reveal-modal-bg {
position: fixed;
height: 100%;
width: 100%;
z-index: 100;
display: none;
top: 0;
left: 0;
background: #000000bf;
}
.reveal-modal {
visibility: hidden;
top: -600px; /* !important; */
left: 50%;
margin-left: -300px;
width: 520px;
position: absolute;
z-index: 101;
padding: 30px 40px 34px;
}
}
.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: 600px;
/*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;
}
.menu-links {
float: left;
margin-right: 15px;
}
#submenu {
display: inline-block;
}
#submenu, .menu span {
border-radius: 5px;
background: #efeff0;
}
.menu .tabactive {
color: #000000;
background: #777777;
}
#submenu {
padding: 7px;
height: 180px;
font-size: 12px;
width: 595px;
}
.submenutext {
display: none;
height: 40px;
}
.modal_wrap info {
display: flex;
background: url(https://forumstatic.ru/files/001c/6c/7d/52980.webp) center/cover;
height: 375px;
width: 770px;
margin: auto;
padding: 0;
border: 1px solid #cac5bd;
overflow: hidden;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-evenly;
color: var(--dark-text);
}
.tabs {
font-size: 0;
width: 730px;
margin-top: -21px;
}
.tabs>input[type="radio"] {
display: none;
}
.tabs>div {
display: none;
padding: 20px 0px;
font-size: 14px;
font-family: var(--main-font);
height: 280px;
overflow: hidden;
}
/* отобразить контент, связанный с вабранной радиокнопкой (input type="radio") */
#tab-btn-1:checked~#content-1,
#tab-btn-2:checked~#content-2,
#tab-btn-3:checked~#content-3,
#tab-btn-4:checked~#content-4 {
display: block;
}
.tabs>label {
display: inline-block;
text-align: center;
vertical-align: middle;
user-select: none;
background: var(--bord);
border: 1px solid #afa5a8;
padding: 2px 8px;
font-family: var(--main-font);
font-size: 12px;
border-radius: 0 0 5px 5px;
letter-spacing: 0;
text-transform: uppercase;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
cursor: pointer;
position: relative;
width: auto;
font-weight: 300;
margin: 0 10px 0 0;
}
.tabs>input[type="radio"]:checked+label {
background-color: var(--accent);
color: var(--tab-text);
border: 1px solid #8b4c5e;
}
#vkl {
position: relative;
}
.pers_q {
font-size: 14px;
font-weight: 400;
text-transform: none;
text-align: right;
line-height: 20px;
font-family: var(--main-font);
margin: 20px 50px 20px 0;
}
.sh_str {
display: flex;
background: #cdc4c880;
border-bottom: 1px solid #afa5a8;
margin: -20px -20px 20px;
align-items: center;
width: 100%;
}
.pers_ph img {
width: 100px;
border-radius: 100%;
border: 1px solid #74535e;
box-shadow: 0px 0px 25px #9383876b;
}
.pers_ph {
margin: 20px 50px;
}
#vklk {
display: flex;
flex-direction: row;
gap: 20px;
}
.vkl_pl {
display: flex;
gap: 10px;
overflow-y: auto;
flex-direction: row;
flex-wrap: wrap;
/* flex: 1; */
height: 165px;
width: 220px;
padding-right: 10px;
}
.vkl_ccrd {
display: flex;
gap: 10px;
overflow-y: auto;
/* flex: 1; */
height: 165px;
width: 550px;
padding-right: 10px;
flex-wrap: nowrap;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
}
.vkl_ccrd img {
width: 100px;
}
.trt_not, .coll_not {
opacity: .3;
}
.vkl_coll img {
width: 50px;
margin: 0 10px 10px 0;
}
#vkl_s {
display: flex;
gap: 20px;
justify-content: space-between;
}
.vkl_coll {
display: flex;
gap: 10px;
background: #dcd9d6;
border: 1px solid #cac5bd;
border-radius: 0 10px 10px 0;
height: 170px;
}
.vkl_coll tit {
background: #e7e6e4;
color: #000000 !important;
font-size: 12px;
text-transform: uppercase;
writing-mode: tb-rl;
transform: rotate(-180deg);
width: 20px;
display: flex;
align-items: center;
/* padding: 15px 0; */
font-weight: 400;
letter-spacing: .5px;
justify-content: center;
border-left: 1px solid #cac5bd;
}
.vkl_coll kart {
display: block;
overflow-y: auto;
margin: 15px 10px;
}
.vkl_gift {
display: flex;
gap: 10px;
background: var(--quote);
border: 1px solid #afa5a8c2;
height: 170px;
flex-direction: column;
}
.vkl_gift tit {
background: #e7e6e4;
color: #000000 !important;
font-size: 13px;
text-transform: uppercase;
width: 100%;
padding: 5px 0;
font-weight: 400;
letter-spacing: .5px;
justify-content: center;
display: flex;
border-bottom: 1px solid #cac5bd;
}
.vkl_gift kart img {
width: 50px;
margin: 0 10px 10px 0;
}
.vkl_gift kart {
display: block;
overflow-y: auto;
margin: 15px 10px;
}
.pun-modal .modal-inner {
width: 700px;
max-width: 94%;
height: auto;
max-height: 44em;
margin: 12% auto 0;
position: relative;
z-index: 120000;
overflow: hidden;
background: var(--quote);
border: 1px solid var(--bord);
}
/* КОНЕЦ ЛИЧНОЙ СТРАНИЧКИ */