авторский мир, фэнтези
Лос-Анджелес, расы
01
01
00
вампир наблюдает за жизнью, которая вновь заискрила рядом с ним, спустя долгие месяцы стазиса. жизнь он может почувствовать только рядом с кем-то другим. услышать, как активнее начинает качать клапан карлах, когда она в сердцах
лучший пост недели
корвусиус митадеус
the diamonds, the rust, and the rain |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » the diamonds, the rust, and the rain » админочка » спис очек
ротаторстрелки исчезают быстро посмотреть на более длинном варианте
междутемьетемаучастникипрофиль
убрать болд и спейсинг с текста внутри темразделитель
гостеваяличная страницаанкетаматчастьсмайлы в теле соо скрытыдобавить кнопку для хайдавтора ??
- Иконка стороны: расположение сбоку. Возможно выше. Визуально камушек с подсвеченным символом (символы дублируются из счетчика в шапке форума).
- Индикатор «в сети». Сверху или же сбоку над иконкой стороны, если будет гармоничное решение по их совместному расположению.- Разворачивающийся раздел «awards». Возможно, заменить текст на небольшой декоративный элемент, не слишком бросающийся в глаза
- код личной страницы в профиле с характеристиками персонажа и возможностью добавления дополнительных вкладок под НПС.Открывается по нажатию на иконку стороны в профиле
Для всех иконок будет необходимо окошко всплывающего текста, также отображающееся с мобильных устройств.
ДОПОЛНИТЕЛЬНЫЕ КОДЫ:
- код «показать все сообщения профиля в теме»
- код счетчика постов в профиле- код быстрого переноса сообщений при модерировании темы
- код быстрого входа/переключения профилей- код смены аватара по клику- код дополнительных шрифтов
Для окна ответа: - код превью html - код скрытия профиля - код маски профиля- код дополнительных смайликов- код сохранения текста в форме ответа - код восстановления последнего сообщения - код сохранения прошлых версий сообщения (возможность сравнить и откатиться на другие версии при редактировании соо) - код кнопки отступа и «отступы на весь пост»- код кнопки лапслока- код дефиса
«— Господи, а разве Флойд не то же самое говорит? Он говорит, мол, этот Джонатан Бэйли сказал, Ваконда на годы отстала от других городов лесорубов. И я держусь того же самого мнения.»
«— Господи, а разве Флойд не то же самое говорит? Он говорит, мол, этот Джонатан Бэйли сказал, Ваконда на годы отстала от других городов лесорубов. И я держусь того же самого мнения.»
«— Господи, а разве Флойд не то же самое говорит? Он говорит, мол, этот Джонатан Бэйли сказал, Ваконда на годы отстала от других городов лесорубов. И я держусь того же самого мнения.»
«— Господи, а разве Флойд не то же самое говорит? Он говорит, мол, этот Джонатан Бэйли сказал, Ваконда на годы отстала от других городов лесорубов. И я держусь того же самого мнения.»
Существуют места, в которых ведьмы чувствуют дисбаланс энергии, а соответствующие заклинания позволяют эту силу в себя впитать. Ученые пытаются объяснить их "аномальными зонами", но до сих пор не могут найти причину образований. Суть подобных вещей заключается в смерти сверхъестественных существ. Массовая гибель образовывает скопление энергии такого рода, что, к примеру, сбивает радары и действует на внутреннее давление живых организмов. Магия не уходит из мира, всегда стремясь оставаться в прежнем количестве, в то время как физические оболочки приходят в негодность. Сами по себе сгустки энергии являются нейтральными и остаются на местах гибели своих хранителей. Чем свежее смерть, тем более явно выражена энергия. Чем меньшее количество представителей сверхъестественного мира погибает, тем скорее скопление покидает место силы, перерождая магию в новорожденных. Энергия от смерти одной особи рассеивается на 9й день или раньше. Ведьмам запрещено впитывать энергию без одобрения Сената Существ (что случается только при крайней необходимости), дабы сохранить баланс рождаемости людей с ведьмовским даром. Места силы по всей планете связаны между собой.
В результате двух темномагических ритуалов (ночью с 12 на 13 апреля 2018), одновременно проводившихся на местах силы в Новом Орлеане, в ход которых вмешалась посторонняя магия, произошел большой магический взрыв (также называемый магическим Разломом или магическим Дисбалансом), сказавшийся на балансе магии во всем мире. Энергия от этого магического взрыва распространилась по всем местам силы на планете, истончив грань между миром живых и миром мертвых. Сначала эти последствия не были известны, но спустя пару недель ведьмы по всему миру и Орден Инквизиции стали замечать, что погибающие рядом с местами силы представители сверхъестественных рас, не могут покинуть этот мир окончательно и трансформируются во что-то ранее неизведанное. Этим ожившим «дисбаланс» отдает часть определения и таких мертвецов нарекают — «дисы». Позже становится известно также и то, что большой магический взрыв повредил древние печати, блокирующие способности носителей генов оборотней-медведей и банши.
Существуют места, в которых ведьмы чувствуют дисбаланс энергии, а соответствующие заклинания позволяют эту силу в себя впитать. Ученые пытаются объяснить их "аномальными зонами", но до сих пор не могут найти причину образований. Суть подобных вещей заключается в смерти сверхъестественных существ. Массовая гибель образовывает скопление энергии такого рода, что, к примеру, сбивает радары и действует на внутреннее давление живых организмов. Магия не уходит из мира, всегда стремясь оставаться в прежнем количестве, в то время как физические оболочки приходят в негодность. Сами по себе сгустки энергии являются нейтральными и остаются на местах гибели своих хранителей. Чем свежее смерть, тем более явно выражена энергия. Чем меньшее количество представителей сверхъестественного мира погибает, тем скорее скопление покидает место силы, перерождая магию в новорожденных. Энергия от смерти одной особи рассеивается на 9й день или раньше. Ведьмам запрещено впитывать энергию без одобрения Сената Существ (что случается только при крайней необходимости), дабы сохранить баланс рождаемости людей с ведьмовским даром. Места силы по всей планете связаны между собой.
В результате двух темномагических ритуалов (ночью с 12 на 13 апреля 2018), одновременно проводившихся на местах силы в Новом Орлеане, в ход которых вмешалась посторонняя магия, произошел большой магический взрыв (также называемый магическим Разломом или магическим Дисбалансом), сказавшийся на балансе магии во всем мире. Энергия от этого магического взрыва распространилась по всем местам силы на планете, истончив грань между миром живых и миром мертвых. Сначала эти последствия не были известны, но спустя пару недель ведьмы по всему миру и Орден Инквизиции стали замечать, что погибающие рядом с местами силы представители сверхъестественных рас, не могут покинуть этот мир окончательно и трансформируются во что-то ранее неизведанное. Этим ожившим «дисбаланс» отдает часть определения и таких мертвецов нарекают — «дисы». Позже становится известно также и то, что большой магический взрыв повредил древние печати, блокирующие способности носителей генов оборотней-медведей и банши.
Существуют места, в которых ведьмы чувствуют дисбаланс энергии, а соответствующие заклинания позволяют эту силу в себя впитать. Ученые пытаются объяснить их "аномальными зонами", но до сих пор не могут найти причину образований. Суть подобных вещей заключается в смерти сверхъестественных существ. Массовая гибель образовывает скопление энергии такого рода, что, к примеру, сбивает радары и действует на внутреннее давление живых организмов. Магия не уходит из мира, всегда стремясь оставаться в прежнем количестве, в то время как физические оболочки приходят в негодность. Сами по себе сгустки энергии являются нейтральными и остаются на местах гибели своих хранителей. Чем свежее смерть, тем более явно выражена энергия. Чем меньшее количество представителей сверхъестественного мира погибает, тем скорее скопление покидает место силы, перерождая магию в новорожденных. Энергия от смерти одной особи рассеивается на 9й день или раньше. Ведьмам запрещено впитывать энергию без одобрения Сената Существ (что случается только при крайней необходимости), дабы сохранить баланс рождаемости людей с ведьмовским даром. Места силы по всей планете связаны между собой.
В результате двух темномагических ритуалов (ночью с 12 на 13 апреля 2018), одновременно проводившихся на местах силы в Новом Орлеане, в ход которых вмешалась посторонняя магия, произошел большой магический взрыв (также называемый магическим Разломом или магическим Дисбалансом), сказавшийся на балансе магии во всем мире. Энергия от этого магического взрыва распространилась по всем местам силы на планете, истончив грань между миром живых и миром мертвых. Сначала эти последствия не были известны, но спустя пару недель ведьмы по всему миру и Орден Инквизиции стали замечать, что погибающие рядом с местами силы представители сверхъестественных рас, не могут покинуть этот мир окончательно и трансформируются во что-то ранее неизведанное. Этим ожившим «дисбаланс» отдает часть определения и таких мертвецов нарекают — «дисы». Позже становится известно также и то, что большой магический взрыв повредил древние печати, блокирующие способности носителей генов оборотней-медведей и банши.
«— Господи, а разве Флойд не то же самое говорит? Он говорит, мол, этот Джонатан Бэйли сказал, Ваконда на годы отстала от других городов лесорубов. И я держусь того же самого мнения.»
/* ТЕЛО
здесь "margin: 190px" означает отступ на 190 пикселей от самого верха форума
-------------------------------------------------------------*/
#pun-wrap {
display: flex;
}
#pun {
background: repeat transparent url(https://forumstatic.ru/files/001c/18/b8/49963.png);
position: relative;
width: var(--bodywidth);
margin: 490px auto 100px;
padding-top: 50px;
}
#iframe_arts {
margin: 0px;
border: 3px solid transparent;
}
/* РАЗМЕЩЕНИЕ КОНТЕНТА ВНУТРИ ТЕЛА
-------------------------------------------------------------*/
.punbb {
height: auto;
width: var(--bodywidth);
padding: 0px 40px;
box-sizing: border-box;
position: relative;
}
.multipage { margin-top: 90px; }
#pun-main {
margin-top: 80px;
display: flex;
flex-direction: column;
justify-content: center;
}
.adminmain {
padding-left: 155px;
margin-bottom: 6px;
margin-top: 70px;
}
/* ЗАДНИЙ ФОН
-------------------------------------------------------------*/
body {
background: url(https://forumstatic.ru/files/001c/18/b8/12926.png) repeat-x fixed top center, url(https://i.imgur.com/Ptduce4.png) repeat;
background-color: #131313;
overflow-x: hidden; }
/* ШАПКА
-------------------------------------------------------------*/
/*#pun-title {
width: 1400px;
height: 550px;
margin: -540px 0px 0px -216px;
background: url(https://forumstatic.ru/files/001c/18/b8/93636.png) no-repeat;*/
}
/* ФУТЕР
-------------------------------------------------------------*/
#pun-about {
}
#pun-about .container {
margin-bottom: -60px;
background: url(https://forumstatic.ru/files/001c/18/b8/95344.png) no-repeat;
width: 1048px;
height: 72px;
margin-right: -40px;
margin-left: -40px;
}
/* реклама русфф в футере */
#pun-about .container .item1 { position: absolute;
font-size: 7px;
text-align: center;
text-transform: lowercase;
bottom: -79px;
width: var(--bodywidth);
color: var(--doplink);
}
#pun-about .container .item1 a { font-weight: normal!important; color: var(--doptext); text-shadow: 1px 1px #000;}
/* КАТЕГОРИИ
-------------------------------------------------------------*/
/* оформление всей категории */
#pun-index .category .container {
position: relative;
padding: 15px;
}
/* оформление всего подфорума */
#pun-index .hasicon {
display: flex;
flex-direction: column;
align-content: center;
flex-wrap: wrap;
width: 938px;
}
#pun-index .hasicon tr {
width: 850px;
position: relative;
gap: 15px;
display: flex;
margin-bottom: 25px;
background-color: #00000010;
}
/* оформление всех категорий */
#pun-index .category h2, #pun-stats h2 {
color: #706963;
text-transform: lowercase;
background: url(https://forumstatic.ru/files/001c/18/b8/73396.png);
width: var(--bodywidth);
height: 80px;
margin: -20px 0px 0px -40px;
line-height: 120%;
display: flex;
justify-content: center;
align-content: center;
flex-wrap: wrap;
}
/* индивидуальное оформление каждой категории */
/* ОТКЛЮЧИТЬ если не нужен доп текст через display none */
#pun-main div.catleft, #pun-main div.catright {}
.section h2 {}
/* первая */
#pun-category1 h2 { }
div#pun-category1 .catright::after { content: ""; }
/* вторая*/
#pun-category2 h2 { }
div#pun-category2 .catright::after { content: ""; }
/* третья */
#pun-category3 h2 { }
div#pun-category3 .catright::after { content: ""; }
/* четвертая */
#pun-category4 h2 { }
div#pun-category4 .catright::after { content: ""; }
/* пятая */
#pun-category5 h2 { }
div#pun-category5 .catright::after { content: ""; }
/* шестая*/
#pun-category6 h2 { }
div#pun-category6 .catright::after { content: ""; }
/* СТАТИСТИКА
-------------------------------------------------------------*/
#pun-stats h2 {}
#pun-statistic .tc3 {width:15%;}
#pun-statistic .tc-username {width:unset;text-align:left;}
#pun-statistic .tc-title {width:25%;text-align:left;}
#pun-statistic .tc-registered {width:20%;}
#pun-statistic .tc-topic {width:50%;}
/* оформление статистики */
#pun-stats { }
/* оформление текста в статистике */
#pun-stats .container {
position: relative;
padding: 20px;
width: 100%;
box-sizing: border-box;
margin-top: 10px!important;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;}
#pun-stats .container span { font: var(--body-font); }
#pun-stats .container span a { }
#pun-stats .container strong { font: var(--body-font); }
#pun-stats .container strong a { text-transform: lowercase; }
/* вся инфа в 1 строчке */
#pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4 {
color: var(--t-body);
text-align: center;
padding: 5px 15px 5px 15px;
display: inline-block;
text-transform: uppercase;
border-radius: 2px;
background: var(--forcol);
position: relative;
margin-bottom: 10px;
}
/* активные пользователи */
li#onlinelist {
margin-top: 10px;
float: left;
width: 100%;
}
li#onlinelist a { }
/* ПОДФОРУМ
-------------------------------------------------------------*/
/* расположение и оформление */
#pun-index .tclcon {
min-height: 70px;
text-align: justify;
padding: 30px;
width: 500px;
color: var(--doptext);
text-shadow: 1px 1px transparent;
font: var(--body-font);
font-size: 10px;
box-sizing: border-box;
line-height: 130%;
transition: all 0.5s linear 0s;
}
#pun-index .tclcon h3 {
display: block;
position: relative;
margin: -4px 0px 10px;
line-height: 20px;
padding: 5px 0px 5px 30px;
text-align: center;
background-color: #00000010;
}
/* название подфорума - ссылка */
#pun-index .tclcon h3 a {
text-transform: uppercase;
text-align: left;
color: var(--doptext);
font: var(--h1-font);
width: 75%;
display: block;
text-shadow: 1px 1px transparent;
}
#pun-index .tclcon .sub {
display: flex;
flex-direction: column;
}
#pun-index .tclcon .sub__container {
display: flex;
flex-direction: row;
justify-content: space-evenly;
gap: 5px;
margin-top: 15px;
}
#pun-index .tclcon .sub__link {
text-transform: uppercase;
width: 100%;
padding: 0px 5px;
background-image: url(https://forumstatic.ru/files/001c/18/b8/18518.png?v=1);
height: 20px;
display: flex;
justify-content: center;
align-content: center;
flex-wrap: wrap;
box-sizing: border-box;
color: #9e9384;
transition: all .4s ease-in-out;
}
/* ссылки подфорумах */
#pun-index .tclcon a { color: var(--doptext);}
#pun-index .tclcon a:hover { color: #604074;}
/* ИКОНКА СООБЩЕНИЙ НА ГЛАВНОЙ СТРАНИЦЕ
-------------------------------------------------------------*/
/* общее для иконок */
#pun-index table Div.icon,
#pun-index TR.inew Div.icon {
display: block;
height: 50px;
width: 50px;
position: absolute;
left: -25px;
top: 15px;
}
/* старые */
#pun-index table Div.icon {
background: url(https://forumstatic.ru/files/001c/18/b8/23898.png);
}
/* новые */
#pun-index TR.inew Div.icon {
background: url(https://forumstatic.ru/files/001c/18/b8/91743.png);
}
/* ИКОНКА ВНУТРИ ПОДФОРУМА
-------------------------------------------------------------*/
/* старые */
#pun-viewforum table Div.icon, #pun-messages table Div.icon, #pun-searchtopics table Div.icon {
float: left;
display: block;
position: relative;
margin: 0px 8px;
width: 10px;
height: 10px;
border-radius: 50px;
border: 1px solid #9e9485;
background-color: #3838383b;
}
/* новые */
#pun-viewforum TR.inew Div.icon, #pun-messages TR.inew Div.icon, #pun-searchtopics TR.inew Div.icon {
background-color: #423157c9;
}
/*важные */
#pun-viewforum TR.isticky Div.icon, #pun-messages TR.isticky Div.icon, #pun-searchtopics TR.isticky Div.icon {
background-color: #816038d4;
}
/* закрытые */
#pun-viewforum TR.iclosed Div.icon, #pun-messages TR.iclosed Div.icon, #pun-searchtopics TR.iclosed Div.icon {
background-color: transparent;
}
/* КНОПКИ ВВЕРХ ВНИЗ
-------------------------------------------------------------*/
.go-up, .go-down {
cursor: pointer;
display: none;
height: 45px;
opacity: 1;
position: fixed;
margin-bottom: 160px;
width: 45px;
z-index: 100;
transition: all .4s ease-in-out;
position: fixed;
}
/* фон */
.go-up {
bottom: 55%;
margin-left: 1050px !important;
background: url(https://forumstatic.ru/files/001c/18/b8/23816.png);
}
.go-down {
bottom: 40%;
margin-left: 1050px !important;
background: url(https://forumstatic.ru/files/001c/18/b8/15534.png);
}
/* при наведении */
.go-down:hover, .go-up:hover {
filter: brightness(1.3);
}
/* профиль
-------------------------------------------------------------*/
.post-author { width: 274px;
border-radius: 10px;
margin-top: -8px;
padding-bottom: 45px!important;
margin-bottom: 15px!important;
margin-left: -40px;
background: url(https://forumstatic.ru/files/001c/18/b8/89861.png) top no-repeat, url(https://forumstatic.ru/files/001c/18/b8/86872.png) bottom no-repeat, url(https://forumstatic.ru/files/001c/18/b8/54738.png) repeat-y;
}
/* пространство в профиле */
.post-author ul {
margin-top: 0px;
padding: 0px!important;
box-sizing: border-box;
text-align: center;
font: var(--body-font);
font-weight: 500;
color: var(--proftext);
text-transform: lowercase;
display: flex;
flex-wrap: wrap;
justify-content: center;
position: relative;
}
/* ник автора */
.pa-author {
font: var(--h1-font);
margin: 20px 0px 35px;
font-size: 14px;
width: 100%;
text-transform: uppercase;
height: 18px;
color: #887252;
}
/* ссылка ника */
.pa-author a {
color: #887252!important;
z-index: 2;
position: relative;
}
.pa-author a:hover { color: var(--hovlink)!important; }
/* статус */
.pa-title {
font: var(--body-font);
z-index: 2;
color: #706963;
width: 60%;
margin: 0px 0px 15px;
}
/* аватар */
.pa-avatar {
margin-bottom: 15px !important;
width: 100%;
}
/* рамка аватара */
.pa-avatar img {
max-width: 180px;
max-height: 180px;
border: 1px solid #6b5e3d63!important;
padding: 1px;
border-radius: 2px;
}
/* рамка смены аватара */
.pa-avatar.item2 img.allow_change:hover {
outline-color: #5b4223!important;
}
.change_avatar_theme h2 {
font: var(--h1-font);
padding: 5px;
text-align: center;
color: var(--doptext);
font-weight: normal;
}
/* айпи */
.pa-ip {
clear: both;
color: #51514e !important;
font-size: 7px;
width: 233px;
}
.pa-ip a {
clear: both;
color: #4d4d54!important;
font-size: 7px;
}
/* активен */
.pa-online {
height: 10px;
margin: 30px 0px !important;
display: block;
text-transform: lowercase;
font-size: 0px;
color: var(--proftext);
}
/* последний визит */
.pa-last-visit {
font-size: 9px!important;
text-transform: lowercase;
text-align: center;
letter-spacing: 0.5px;
color: var(--proftext);
margin-top: 5px;
}
/* отображение при ответить */
#pun-post .pa-author {
padding: 0;
text-align: center;
width: 100%;
}
/* награды */
.post .pa-awards {
position: relative;
width: 89%;
cursor: auto;
}
#awrdbut {
display: block;
margin: 0px auto;
width: 45px;
height: 45px;
cursor: pointer;
position: relative;
}
#awrdbut::before {
position: absolute;
content: 'награды';
background-image: url(https://forumstatic.ru/files/001c/18/b8/99962.png);
padding: 1px 3px 3px;
border: 0.1px solid #1c1912;
border-radius: 5px;
color: #605238;
top: -20px;
left: -3px;
opacity: 0;
transition: all .4s ease-in-out;
filter: brightness(0.9);
}
#awrdbut:hover {
filter: brightness(1.1);
}
#awrdbut:hover::before {
opacity: 1;
}
.mini_awards_label, .mini_awards {
display: none;
font-size: 0px;
margin: 0px auto 10px;
}
/* ПОЛЯ ПРОФИЛЯ
-------------------------------------------------------------*/
/* плашка */
.pa-fld1 span { font-size: 0px; }
.pa-fld1 {
text-align: justify;
color: #706963;
line-height: 15px;
padding: 0px 25px;
}
.pa-fld1 .lz {
box-sizing: border-box;
border: 1px solid #252220;
padding: 10px 20px 1px;
background-color: rgba(0, 0, 0, .15);
}
.pa-fld1 .lz__list {
text-transform: uppercase;
display: block;
width: 100%;
text-align: center;
margin: 10px 0px !important;
color: #706963!important;
}
.pa-fld3 a:hover,
.pa-fld1 a:hover {
color: #604074!important;
}
.pa-fld1 .lz__link {
color: #806b89 !important;
}
.pa-fld1 .lz br {
display: block;
height: 1px;
color: #252220;
border-top: 1px solid #252220;
width: 80%;
margin: 10px auto 0px;
border-radius: 70%;
transform: skewX(110deg);
content: "_____________________";
}
#pl1 {
text-transform: uppercase;
position: relative;
padding-top: 12px;
font: var(--h1-font);
font-size: 13px;
margin-bottom: -3px;
}
#pl2 { text-align: center;
text-transform: lowercase;
font-size: 10px;
}
/* копирайт */
.pa-fld2 {
margin-bottom: 10px !important;
width: 80%;
color: #706963;
font: var(--body-font);
}
.pa-fld2 span {
font-size: 0px;
}
/* фио */
.pa-fld3 {
margin: 0px!important;
width: 88%;
font: var(--body-font);
font-size: 11px;
text-transform: uppercase;
color: #806b89;
box-sizing: border-box;
padding: 0px 10px;
}
.pa-fld3 .apply {
color: #806b89!important;
}
.pa-fld3 span {
font-size: 0px;
}
/*посты */
.pa-fld4 {
}
/* кнопка личной страницы */
.pa-fld5 {}
.pa-fld5 .lz__button_purple {
width: 60px;
height: 60px;
display: block;
background-size: contain;
cursor: pointer;
background-image: url(https://forumstatic.ru/files/001c/18/b8/72282.png?v=1);
transition: all .4s ease-in-out!important;
}
.pa-fld5 .lz__button_amber {
width: 60px;
height: 60px;
display: block;
background-size: contain;
cursor: pointer;
background-image: url(https://forumstatic.ru/files/001c/18/b8/71606.png);
transition: all .4s ease-in-out!important;
}
.pa-fld5 .lz__button_grey {
width: 60px;
height: 60px;
display: block;
background-size: contain;
cursor: pointer;
background-image: url(https://forumstatic.ru/files/001c/18/b8/83769.png);
transition: all .4s ease-in-out!important;
}
.pa-fld5 .lz__button_purple:hover,
.pa-fld5 .lz__button_amber:hover,
.pa-fld5 .lz__button_grey:hover {
filter: brightness(1.4);
}
.pa-fld5 span {
font-size: 0;
}
.pa-fld5 .lz__button_purple::before,
.pa-fld5 .lz__button_amber::before,
.pa-fld5 .lz__button_grey::before {
position: absolute;
content: 'личная страница';
background-image: url(https://forumstatic.ru/files/001c/18/b8/99962.png);
padding: 1px 3px 3px;
border: 0.1px solid #1c1912;
border-radius: 5px;
color: #605238;
top: -30px;
left: -3px;
font-size: 9px;
opacity: 0;
transition: all .4s ease-in-out;
filter: brightness(0.7);
}
.pa-fld5 .lz__button_purple:hover::before,
.pa-fld5 .lz__button_amber:hover::before,
.pa-fld5 .lz__button_grey:hover::before {
opacity: 1;
}
/*локация */
.pa-fld5 {
position: absolute;
top: 115px;
left: -25px;
}
.location {background: url(https://forumstatic.ru/files/001a/da/7d/39255.png?v=1);
width: 32px;
height: 33px;}
/* ПОСТЫ, РЕПУТАЦИЯ
-------------------------------------------------------------*/
.pa-posts, .pa-respect, .pa-fld4 {
text-align: center;
font-size: 10px;
margin: 15px 0 20px!important;
width: 27%;
color: #706963;
position: relative;
}
.pa-respect a {
color: #706963!important;
}
.pa-respect img {
width: 6px;
height: 6px;
filter: hue-rotate(321deg) brightness(0.4);
}
.pa-respect:hover::after {
color: var(--proftext);
}
.pa-posts:hover::after {
color: var(--proftext);
}
.pa-fld3:hover::after {
color: var(--proftext);
}
.pa-respect .fld-name, .pa-posts .fld-name, .pa-fld4 .fld-name {
font-size: 10px;
position: relative;
width: 100%;
margin-bottom: 5px;
display: flex;
justify-content: center;
}
/* Индикатор активности пользователя */
.indOnline, .indOffline {display: -webkit-box;
position: absolute;
margin-top: -45px;
}
.indOnline {
background: url(https://forumstatic.ru/files/001c/18/b8/37965.png);
width: 272px;
height: 75px;
top: 63px;
left: 0px;
}
.indOffline {
background: url(https://forumstatic.ru/files/001c/18/b8/56561.png);
width: 272px;
height: 75px;
top: 63px;
left: 0px;
}
/* ОБЪЯВЛЕНИЕ
-------------------------------------------------------------*/
/* форма объявления */
#pun-announcement {
margin-bottom: -30px;
padding: 10px;
height: auto;
text-align: center;
}
#pun-announcement .container::-webkit-scrollbar { width: 6px; height: 6px;}
.news__plashka {
display: inline-block;
padding: 15px 15px;
margin-right: 10px !important;
transition: all .4s ease-in-out!important;
box-sizing: border-box;
color: #676849;
width: auto;
min-width: 150px;
background: url(https://forumstatic.ru/files/001c/18/b8/18518.png?v=1) center;
height: 50px;
line-height: 10px !important;
text-align: center;
border: 1px solid #9e9384;
font: var(--h1-font);
color: #9e9384!important;
text-transform: uppercase;
}
.news__plashka a {
text-transform: uppercase;
transition: all .4s ease-in-out!important;
font: var(--h1-font);
color: #676849!important;
font-weight: bolder;
font-size: 13px;
line-height: 13px;}
.news__plashka-title {
font-size: 10px;
text-transform: lowercase;
}
.news__plashka:hover { filter: brightness(1.3);}
/* ТАБЛИЦА
**************************************************************/
.header-table {
width: 1400px;
height: 550px;
position: absolute;
left: 50%;
transform: translateX(-50%);
font: var(--body-font);
text-transform: lowercase;
color: #706963;
text-align: center;
line-height: 18px;
margin: 0px;
}
.header-table a {
color: #706963!important;
}
.header-table a:hover {
color: #604074!important;
}
.header-table__sub,
.header-table li {
font-size: 11px;
text-transform: uppercase;
margin: 0px;
}
.header-table__setting {
position: absolute;
left: 202px;
top: 90px;
}
.header-table__writers {
position: absolute;
top: 188px;
left: 65px;
}
.header-table__quests {
position: absolute;
left: 205px;
top: 285px;
}
.header-table li {
line-height: 16px;
}
.header-table__quests-list {
margin-top: 5px;
padding: 0px;
height: 76px;
overflow: auto;
}
.header-table__ep {
position: absolute;
top: 80px;
left: 1080px;
}
.header-table__post {
position: absolute;
left: 1095px;
top: 333px;
}
.header-table__quote {
position: absolute;
line-height: 15px;
text-align: justify;
width: 300px;
top: 183px;
height: 75px;
padding: 0px 5px;
overflow: auto;
left: 1025px;
}
.header-table_ams {
position: absolute;
left: 955px;
top: 455px;
}
.header-table__curtains {
position: absolute;
top: 160px;
cursor: pointer;
transition: all .6s ease-in-out;
}
/* .header-table__curtains_1:hover::before {
content: 'приветик пистолетик';
position: absolute;
top: -30px;
left: -20px;
font-size: 8px;
line-height: 10px;
box-shadow: 0.1em 0 4em #110f0e;
} */
.header-table__curtains_1 {
left: 512px;
}
.header-table__curtains_2 {
left: 692px;
}
.header-table__curtains_3 {
left: 872px;
}
.header-table__curtains-crtn {
width: 51px;
height: 51px;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
transition: all .6s ease-in-out;
top: -19px;
left: -33px;
z-index: 3;
border: 15px solid transparent;
}
.header-table__curtains-crtn:hover {
transform: translateX(50%) rotate(-100deg)!important;
}
.header-table__curtains-overlay {
background-image: url(https://forumstatic.ru/files/001c/18/b8/59517.png);
width: 80px;
height: 60px;
pointer-events: none;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: -8px;
left: 8px;
z-index: 3;
}
.header-table__curtains_2 .header-table__curtains-overlay {
background-image: url(https://forumstatic.ru/files/001c/18/b8/19290.png?v=1);
}
.header-table__curtains_3 .header-table__curtains-overlay {
background-image: url(https://forumstatic.ru/files/001c/18/b8/45636.png?v=1);
}
/* КОД ССЫЛОК НАВИГАЦИИ ОТ ВЕЩЕГО ДУХА */
/* настройка кнопки, может быть текстом */
/* настройка позиции выпадающего по клику окна и его ширина */
#navigblock {
position: absolute;
top: 265px;
z-index: 999;
width: 250px;
left: 226px;
}
/* настройка блока ссылок, цвет фона, тени, прозрачность, отступы */
.sslka {
display: block;
background: #1e1c1a;
padding: 3px 0 3px 0;
background-size: contain;
box-shadow: 0.1em 0 4em #110f0e;
border-radius: 15px 15px 0 0;
border: 1px solid #3d3733;
outline: 1px solid #000;
}
/* настройка вида самой ссылки, ширина, цвет, фон, шрифты и так далее */
#pun .sslka a {
background-image: url(https://forumstatic.ru/files/001c/18/b8/99962.png);
white-space: nowrap;
margin: 3px auto;
text-align: center;
display: block;
padding: 2px 3px 3px 3px;
text-shadow: 1px 1px #000000;
text-transform: lowercase;
width: 180px;
color: var(--headtext);
transition: all 0.3s linear 0s;
box-shadow: 0px 0px 9px #0000005c inset;
font: var(--body-font);
letter-spacing: 0.5px;
text-transform: uppercase;
border-radius: 5px;
}
/* ссылка при наведении */
/* #pun .sslka a:hover {
background: linear-gradient(360deg, #121212, #0a0a0a);
white-space: nowrap;
margin: 4px auto;
text-align: center;
display: block;
padding: 2px 0 3px 0;
border: 1px solid #27231a;
text-shadow: 1px 1px #000000;
text-transform: lowercase;
width: 130px;
color: var(--headhov);
font: var(--body-font);
letter-spacing: 0.5px;
transition: all 0.3s linear 0s;
box-shadow: 0px 0px 9px #0000005c inset;
} */
.spirit-navigation {
left: 275px;
top: 455px;
cursor: pointer;
position: absolute;
}
.spirit-navigation:hover {
color: #604074;
}
/* ФУТЕР
**************************************************************/
/*---------- баннеры -------------*/
.ban {
position: absolute;
height: 60px;
width: 830px;
left: 125px;
bottom: -12px;
text-align: center;
overflow: auto;
overflow-x: hidden;
padding: 0 10px 0px 0px;
}
.ban img {opacity: 0.3; filter: grayscale(1); transition: 0.3s ease-in-out!important;}
.ban img:hover {opacity: 1; filter: grayscale(0); transition: 0.3s ease-in-out!important;}
.cop a {
position: absolute;
bottom: -80px;
right: 2%;
font: var(--h1-font);
font-size: 11px;
text-transform: uppercase;
}
.cop:hover a {color: var(--headhov);}
/* ДРУГОЕ
**************************************************************/
/* кнопка реакции */
.reactions-root button, .reactions-root [type=button], .reactions-root [type=reset], .reactions-root [type=submit] {
-webkit-appearance: button!important;
background-color: transparent;
border: 1px solid transparent !important;
}
.reaction-chip.reaction-chip--clicked, .reaction-chip:not(.reaction-chip--disabled):hover {
background-color: transparent!important;
}
.reactions-root .emoji-mart {
font: var(--body-font)!important;
display: inline-block!important;
color: #2f220f!important;
border: 1px solid #8f8686!important;
border-radius: 5px!important;
background: #b4ad9c!important;
width: 503px!important;
}
.reactions-root .emoji-mart-category-label span {
background-color: #b4ad9c!important;
}
.reactions-root .emoji-mart-search input,
.reactions-root .emoji-mart-bar:first-child {
border: 1px solid transparent!important;
}
/* рейтинг поста */
div.post-rating p {float:right !important; border:0 !important; padding:3px !important}
div.post-vote p {float:right !important; border:0 !important; padding:3px 13px !important; margin-right:5px !important}
div.post-vote p .negative {margin-left:13px;}
div.post-rating a, div.post-vote a {
font-size: 13px !important;
text-decoration: none !important;
}
div.post-rating a {
cursor: pointer !important;
margin-right: 20px!important;
}
/* перекрасить количество уведомлений и сообщений */
.icon[data-new-topics]:before, .subforums span[data-new-topics]:before {
background: #ab9e9a!important;
border-radius: 8px;
color: #fff;
content: attr(data-new-topics);
display: inline-block;
font-size: .8em;
font-weight: 700;
height: 12px;
line-height: 12px;
margin: -6px;
min-width: 12px;
padding: 2px;
position: absolute;
text-align: center;
}
.notify-parent {position: relative;}
.notify-bubble {
background: lightblue;
border-radius: 3px;
color: black;
font: bolder 12px/1.2 Tahoma;
margin: 0;
min-width: 14px;
padding: 0 1px;
position: absolute;
text-align: center;
}
.notify-bubble:after {
border-color: lightblue transparent;
border-style: solid;
border-width: 3px 3px 0;
content: "";
display: block;
left: 5px;
position: absolute;
width: 0;
}
.bubble { background: #857a75!important;
border: 0 none;
border-radius: 3px;
color: #d4d2ce!important;
display: inline-block;
font: bolder 9px Roboto!important;
margin: 0;
min-width: 12px;
padding: 0 1px;
position: absolute;
right: 2px!important;
text-align: center;
top: -9px!important;
}
.bubble:after {
border-color: #857a75!important;
border-style: solid;
border-width: 2px 2px 0!important;
content: "";
display: block;
left: 5px;
position: absolute;
width: 0;
}
span.num_msg {
position: absolute;
margin-top: -15px;
margin-left: -8px;
font-size: 11px;
font-weight: 700;
background: #685942!important;
padding: 1px 4px;
border-radius: 2px;
height: 14px;
color: #fff;
cursor: pointer;
}
span.num_msg:before {
content: " ";
display: inline-block;
position: absolute;
width: 5px;
height: 5px;
transform: rotate(45deg);
top: 14px;
background: #685942!important;
margin-left: 1px;
}
/* вкладка стикеров */
.hvStickerPackModal {
padding: 16px 16px 8px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: var(--bord)!important;
border-radius: 4px;
background: var(--backcol)!important;
-webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
position: absolute;
display: none;
bottom: 0;
left: 0;
z-index: 100;
}
/* подложка маски */
#mask_dialog .inner {
cursor: default;
margin: 0;
width: 760px;
max-width: 99%;
max-height: 90%;
overflow-x: auto;
z-index: 100;
box-shadow: 0 0 40px #222;
padding: 8px;
border: solid 1px #6b634e;
border-radius: 4px;
background: var(--backcol);
}
#mask_form {
padding: 0px 10px;
}
/* порядок элементов в маске */
.hv-mask .pa-author { order: 0; }
.hv-mask .pa-title { order: 1; }
.hv-mask .pa-avatar { order: 2; }
.hv-mask .pa-fld2 { order: 3; }
.hv-mask .pa-fld3 { order: 4; }
.hv-mask .pa-fld1 { order: 5; }
.hv-mask .pa-posts { order: 6; }
.hv-mask .pa-fld4 { order: 7; }
.hv-mask .pa-respect { order: 8; }
.hv-mask .pa-awards { order: 9; }
.hv-mask .pa-fld1 .lz {
padding-bottom: 10px;
margin: 15px 0px;
}
/* ЛИЧНАЯ СТРАНИЧКА
**************************************************************/
.reveal-modal-bg {
position: fixed;
height: 100%;
width: 100%;
background: #000;
background: rgba(0,0,0,.8);
z-index: 999;
display: none;
top: 0;
left: 0;
}
.reveal-modal {
visibility: hidden;
top: 100px;
left: 50%;
margin-left: -300px;
width: 520px;
position: absolute;
z-index: 101;
padding: 30px 40px 34px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-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: -18px;
right: 1px;
text-shadow: 0 -1px 1px rbga(0,0,0,.6);
font-weight: bold;
cursor: pointer;
text-decoration: none;
}
#pun-pages #pun-main {
width: 1170px;
height: 840px;
position: relative;
}
#character {
padding: 0px;
z-index: 1000;
width: 1170px;
height: 840px;
background: url(https://forumstatic.ru/files/001c/18/b8/54591.png?v=1) no-repeat;
left: 50%;
margin: -60px 0px 0px;
transform: translateX(-50%);
}
#character .modal_wrap {
width: 1170px;
height: 840px;
position: relative;
}
#character .modal_wrap h3 {
position: absolute;
text-transform: uppercase;
font: var(--h1-font);
font-size: 15px;
color: #706963;
margin: 0px;
}
#character .title__arts { top: 50px; left: 1020px; }
#character .title__pets { top: 310px; left: 630px; }
#character .title__abilities { left: 520px; top: 50px; }
#character .title__else { top: 310px; left: 1055px; }
#character .title__bonuses { top: 610px; left: 680px;}
.characters {
cursor: pointer;
display: block;
margin: 7px 0;
padding: 11px;
text-align: left;
width: 100%;
}
.characters__list {
display: flex;
flex-direction: row;
gap: 10px;
position: absolute;
top: -20px;
left: 40px;
}
.characters span {
background-image: url(https://forumstatic.ru/files/001c/18/b8/28927.png);
width: 50px;
height: 50px;
background-size: contain;
display: block;
font-size: 0px;
position: relative;
}
.characters span:hover::before {
position: absolute;
font-size: 9px;
content: attr(alt2);
background-image: url(https://forumstatic.ru/files/001c/18/b8/99962.png);
padding: 2px 5px 3px;
border: 0.1px solid #1c1912;
border-radius: 5px;
color: #605238;
max-width: 155px;
text-align: center;
top: -15px;
left: 50%;
transform: translateX(-50%);
}
.characters .tabactive {
filter: brightness(1.4);
}
#submenu {
width: 100%;
height: 95%;
background-color: transparent;
font: var(--body-font);
color: #706963;
line-height: 15px;
}
#submenu .submenutext {
display: none;
}
#submenu .bio {
width: 225px;
height: 440px;
display: flex;
flex-direction: column;
position: relative;
right: -80px;
top: 60px;
}
#submenu .bio span {
width: 110px;
height: 110px;
border-radius: 50%;
filter: grayscale(.8);
align-self: center;
margin: 10px 0px 55px;
}
#submenu .bio img {
width: 110px;
height: 110px;
border-radius: 50%;
}
#submenu .bio span::before {
position: absolute;
text-transform: uppercase;
font-size: 9px;
content: attr(alt2);
background-image: url(https://forumstatic.ru/files/001c/18/b8/99962.png);
padding: 6px;
border: 0.1px solid #1c1912;
border-radius: 5px;
color: #605238;
text-align: center;
height: auto;
top: 100px;
left: 50%;
line-height: 9px;
width: 100%;
transform: translatex(-50%);
transition: all .4s ease-in-out;
opacity: 0;
letter-spacing: .4px;
z-index: 1;
}
#submenu .bio span:hover::before {
opacity: 1;
}
#submenu .bio p {
text-align: justify;
margin: 0px 0px 75px;
height: 120px;
padding: 0px 10px 0px;
overflow: auto;
}
#submenu .bio h5 { text-align: center; font-size: 10px; margin: 0px 0px 10px; }
#submenu .bio h4 { text-transform: uppercase; font-size: 11px; text-align: center; margin: 0px 0px 12px; }
#submenu .bio .links {
display: flex;
padding: 0px 15px;
gap: 5px;
justify-content: center;
}
#submenu .bio .links a { color: #706963 !important; }
#submenu .bio .links a:hover { color: #604074 !important; }
#submenu .side_purple {
width: 70px;
height: 70px;
display: block;
background-size: contain;
background-image: url(https://forumstatic.ru/files/001c/18/b8/72282.png?v=1);
position: absolute;
top: -45px;
right: 75px;
z-index: 99999;
}
#submenu .side_amber {
width: 70px;
height: 70px;
display: block;
background-size: contain;
background-image: url(https://forumstatic.ru/files/001c/18/b8/71606.png);
position: absolute;
top: -45px;
right: 75px;
z-index: 99999;
}
#submenu .side_grey {
width: 70px;
height: 70px;
display: block;
background-size: contain;
background-image: url(https://forumstatic.ru/files/001c/18/b8/83769.png);
position: absolute;
top: -45px;
right: 75px;
z-index: 99999;
}
#submenu .ach {
position: absolute;
width: 340px;
height: 168px;
overflow: auto;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
#submenu .ach span {
width: 80px;
height: 80px;
position: relative;
}
#submenu .ach span::before {
position: absolute;
text-transform: lowercase;
font-size: 8px;
content: attr(alt2);
background-image: url(https://forumstatic.ru/files/001c/18/b8/99962.png);
padding: 6px;
border: 0.1px solid #1c1912;
border-radius: 5px;
color: #605238;
text-align: center;
height: auto;
left: 50%;
top: -8;
line-height: 9px;
transform: translatex(-50%);
transition: all .4s ease-in-out;
opacity: 0;
letter-spacing: .4px;
z-index: 1;
}
#submenu .ach span:hover::before {
opacity: 1;
}
#submenu .ach_arts { top: 100px; left: 765px; }
#submenu .ach_pets { left: 370px; top: 364px; }
#submenu .ach_abilities { top: 100px; left: 370px;}
#submenu .ach_else { left: 765px; top: 364px; }
#submenu .ach_bonuses { width: 590px; top: 595px; left: 80px;}
#submenu .bonuses {
width: 405px;
height: 110px;
margin: 0px;
overflow: auto;
text-align: justify;
position: absolute;
top: 637px;
left: 680px;
padding: 0px 5px 0px 0px;
}
/* current */
/*---------------------------------- ГОСТЕВАЯ ---------------------------------- */
.guestroom {
background: url(https://i.ibb.co/F0DLQS8/image.png) no-repeat;
width: 950px;
height: 695px;
position: relative;
}
#pun-main #p57 .code-box {
position: absolute;
width: 270px;
top: 600px;
left: 155px;
padding: 0px;
margin: 0px;
background-color: transparent;
border: 2px solid transparent;
}
#pun-main #p57 .code-box:last-of-type { left: 355px; }
#pun-main #p57 .code-box pre { margin: 0px; }
#pun-main #p57 .code-box strong {
margin: 0px;
padding: 4px 0px 0px;
border-radius: 0px;
width: 80px;
border: 1px solid transparent !important;
background-color: transparent !important;
}
#pun-main #p57 .code-box strong::before { content: ''; }
#pun-main #p57 .code-box .scrollbox {
width: 100%;
overflow: auto;
height: 15px!important;
padding-top: 2px;
font-size: 9px;
max-height: 200px;
}
.guestroom gcode {
position: absolute;
width: 280px;
height: 37px;
margin: 0px;
left: 115px;
top: 560px;
text-align: left;
font: var(--body-font);
text-transform: lowercase;
color: var(--doplink);
}
.guestroom gcode .copy {
text-align: center;
position: absolute;
margin: -9px 0px !important;
text-transform: uppercase;
font: var(--h1-font);
font-size: 11px;
text-decoration: none;
}
.guestroom gcode pre {
white-space: pre-line;
margin: 5px 0px 0px;
font: var(--body-font);
}
.guestroom .guestroom__main-title {
text-transform: uppercase;
font-size: 20px;
width: 100%;
justify-content: center;
display: flex;
margin: 0px;
position: absolute;
top: 35px;
font-family: 'Merriweather';
font-weight: 400;
color: #706963;
}
.guestroom__info {
font-family: 'Merriweather';
font-weight: 400;
color: #706963;
font-size: 11px;
text-transform: uppercase;
max-width: 300px;
margin: 0px;
padding: 0px;
position: absolute;
top: 110px;
left: 117px;
}
.guestroom__info p {
text-transform: none;
line-height: 15px;
text-align: justify;
}
.guestroom__links {
display: flex;
flex-direction: row;
width: 100%;
position: absolute;
top: 258px;
align-content: center;
flex-wrap: wrap;
justify-content: space-evenly;
height: 40px;
padding: 0px 100px;
box-sizing: border-box;
font-family: 'Merriweather';
font-weight: 400;
font-size: 11px;
text-transform: uppercase;
}
.guestroom__links a {
color: #706963!important;
}
.guestroom__links a:hover {
color: #604074!important;
}
.guestroom__para {
width: 310px;
height: 153px;
position: absolute;
padding: 0px 10px 0px 0px !important;
box-sizing: border-box;
overflow: auto;
font-family: 'Merriweather';
color: #181614;
font-size: 11px;
top: 380px;
line-height: 15px !important;
text-align: justify;
}
.guestroom__para_left {
left: 115px;
}
.guestroom__para_right {
left: 525px;
}
.guestroom__titles {
margin: 0px;
padding: 0px;
font-family: 'Merriweather';
font-weight: 400;
font-size: 15px;
color: #706963;
text-transform: uppercase;
position: absolute;
}
.guestroom__titles_fc {
top: 324px;
left: 145px;
}
.guestroom__titles_names {
top: 324px;
right: 165px;
}
.guestroom__titles_wanted {
bottom: 55px;
width: 100%;
text-align: center;
}
.guestroom__wanted {
width: 100%;
position: absolute;
bottom: -10px;
display: flex;
gap: 20px;
justify-content: center;
}
.guestroom__wanted img {
width: 50px;
height: 50px;
border-radius: 50%;
box-shadow: 0 0 0 1px #141210, 0 0 0 3px #292623, 0 0 0 4px #141210, 0em 0 0.6em 0.2em black;
}
.guestroom__wanted a {
position: relative;
text-decoration: none;
filter: grayscale(1);
transition: all .4s ease-in-out!important;
}
.guestroom__wanted a::before {
position: absolute;
text-transform: uppercase;
font-size: 8px;
content: attr(title2);
background-image: url(https://forumstatic.ru/files/001c/18/b8/99962.png);
padding: 2px 6px 3px;
border: 0.1px solid #1c1912;
border-radius: 5px;
color: #605238;
text-align: center;
height: auto;
top: 57px;
left: 50%;
line-height: 9px;
transform: translatex(-50%);
transition: all .4s ease-in-out;
opacity: 0;
}
.guestroom__wanted a:hover {
filter: none;
}
.guestroom__wanted a:hover::before {
opacity: 1;
}
.html-content {
position: relative;
}
.guestroom__ams {
flex-direction: row!important;
width: 345px!important;
height: 105px!important;
flex-wrap: wrap;
justify-content: space-evenly;
position: absolute !important;
top: 75px;
left: 510px;
z-index: 99;
}
.guestroom__ams label {
filter: grayscale(1);
transition: all .4s ease-in-out!important;
width: 65px!important;
height: 65px!important;
background: transparent!important;
}
.guestroom__ams label:hover {
filter: none;
}
.guestroom__ams label::before {
position: absolute;
text-transform: uppercase;
font-size: 8px;
content: attr(title2);
background-image: url(https://forumstatic.ru/files/001c/18/b8/99962.png);
padding: 2px 6px 3px;
border: 0.1px solid #1c1912;
border-radius: 5px;
color: #605238;
text-align: center;
height: auto;
top: 50px;
line-height: 9px;
transition: all .4s ease-in-out;
opacity: 0;
}
.guestroom__ams label:hover::before {
opacity: 1;
}
.guestroom__ams section {
margin: 0px 0px 0px -7px !important;
width: 100% !important;
height: 55px !important;
min-height: 30px !important;
font: var(--body-font);
color: #706963 !important;
line-height: 15px;
}
.guestroom__ams img {
width: 50px;
height: 50px;
border-radius: 50%;
box-shadow: 0 0 0 1px #141210, 0 0 0 3px #292623, 0 0 0 4px #141210, 0em 0 0.6em 0.2em black;
}
.guestroom__ams input:checked+label {
background: transparent!important;
filter: none!important;
}
.guestroom__ams .tab6__input,
.guestroom__ams .tab6__label,
.guestroom__ams .tab6__label:before {
display: none!important;
}
/*ОФОРМЛЕНИЕ ТЕМ
--------------------------------------------------------------------------------------------*/
ln {
padding: 0 0 0 20px;
font-size: 130%;
text-transform: uppercase;
font-weight: 600 !important;
}
.headerbag {
background: url(https://forumstatic.ru/files/001a/da/7d/94614.png);
z-index: 2;
font: var(--h1-font);
outline-offset: 4px;
color: #676849;
text-transform: uppercase;
font-size: 17px !important;
text-align: center;
width: 695px;
box-sizing: border-box;
height: 60px;
padding: 21px 0 0 0px;
margin-left: 10px !important;
margin-bottom: -13px !important;
text-shadow: 1px 1px black;
}
/*МАТЧАСТЬ
--------------------------------------------------------------------------------------------*/
.lor {
width: 708px;
height: 719px;
position: relative;
background: url(https://forumstatic.ru/files/001a/da/7d/18048.png);
}
.lor title {font: var(--h1-font);
text-align: center;
display: flex;
color: var(--doptext);
width: 320px;
height: 50px;
position: relative;
left: 80px;
top: 68px;
font-size: 20px;
text-transform: uppercase;
text-shadow: 1px 1px black;
letter-spacing: -1px;
justify-content: center;
align-items: center;
}
.lor txt { display: block;
padding: 0px 12px;
margin-bottom: 10px;
width: 330px;
top: 85px;
position: relative;
left: 64px;
height: 120px;
overflow-x: auto;
color: var(--doptext);
}
.lor pic { display: block;
position: absolute;
top: 40px;
right: 40px;
}
/* код от вещего духа */
#lortabs { width: 490px;
position: relative;
top: 105px;}
.tabs, .tabs1 {
padding: 0px;
margin: 0!important;
text-align: center;
display: flex;
flex-direction: column;
position: relative;
}
.tabs>section, .tabs1>section {
display: none;
width: 600px;
min-height: 340px;
overflow-y: auto;
text-align: justify;
box-sizing: border-box;
margin: -140px 0px 20px 235px;
padding: 0px 10px 0px 5px;
color: var(--doptext);
}
.tabs>section>p, .tabs1>section>p {
margin: 0 0 5px;
line-height: 1.5;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
.plot {
background-color: #00000010;
padding: 0px 60px;
}
.plot__indent {
height: 40px;
width: 100%;
}
.plot__title {
font: var(--h1-font);
font-size: 17px;
text-transform: uppercase;
text-align: center;
color: #2b251d;
}
.plot__line {
display: block;
color: #252220;
border-top: 1px solid #2522208c;
width: 58%;
margin: 10px auto 0px;
border-radius: 70%;
transform: skewX(210deg);
content: "____";
}
.plot__subtitle {
font: var(--body-font);
font-size: 13px;
text-transform: uppercase;
width: 100%;
height: 30px;
background: #0000000f;
color: #2b251d;
margin-top: 10px;
display: flex;
justify-content: center;
align-content: center;
flex-wrap: wrap;
}
.plot section p {
color: #2b251d;
text-indent: 20px;
font: var(--body-font);
line-height: 13px;
}
.plot section p:first-of-type {
padding-top: 20px !important;
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.tabs>input, .tabs1>input {
display: none;
position: absolute;
}
.tabs>label:first-of-type, .tabs1>label:first-of-type {}
.tabs>label, .tabs1>label {
display: flex;
align-content: center;
flex-wrap: wrap;
justify-content: center;
width: 200px;
height: 30px;
text-transform: uppercase;
font: var(--body-font);
line-height: 20px;
font-size: 10px;
letter-spacing: 0px;
background: #0000000f;
margin-bottom: 5px;
}
.tabs>label:after, .tabs1>label:after {}
.tabs>label:hover:after, .tabs1>label:hover:after {transform: scaleX(1);
background: #888;}
.tabs>label:hover, .tabs1>label:hover {
color: var(--hovlink);
cursor: pointer;
transition: all .3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}
.tabs>input:checked+label, .tabs1>input:checked+label {
background-image: url(https://forumstatic.ru/files/001c/18/b8/18518.png?v=1);
color: #b1ac9d;
background-size: cover;
}
.tabs>input:checked+label:after, .tabs1>input:checked+label:after {}
/* АНКЕТА
--------------------------------------------------------------------------------------------*/
.app {
background: url(https://forumstatic.ru/files/001c/18/b8/33390.png) top no-repeat,
url(https://forumstatic.ru/files/001c/18/b8/83694.png) bottom no-repeat,
url(https://forumstatic.ru/files/001c/18/b8/77887.png) repeat-y;
width: 700px;
display: flex;
flex-direction: column;
min-height: 900px;
font: var(--body-font);
color: #706963;
align-content: center;
flex-wrap: wrap;
}
.app fio {
text-transform: uppercase;
font-size: 20px;
margin: 50px 0px 5px;
display: flex;
justify-content: center;
}
.app quote {
line-height: 15px;
width: 580px;
height: 30px;
display: flex;
align-self: center;
text-align: center;
margin-bottom: 25px;
overflow: auto;
}
.app case {
display: flex;
font-size: 11px;
text-transform: uppercase;
gap: 60px;
}
.app case img {
width: 131px;
height: 131px;
border-radius: 50%;
margin-left: 30px;
margin-top: 3.5px;
border: 1px solid #0f0e0e;
}
.app case ava {
position: relative;
cursor: pointer;
}
.app case ava::before {
position: absolute;
text-transform: uppercase;
font-size: 9px;
content: attr(alt);
background-image: url(https://forumstatic.ru/files/001c/18/b8/99962.png);
padding: 6px;
border: 0.1px solid #1c1912;
border-radius: 5px;
color: #605238;
text-align: center;
height: auto;
top: 120px;
left: 62%;
line-height: 9px;
width: 100%;
transform: translatex(-50%);
transition: all .4s ease-in-out;
opacity: 0;
letter-spacing: .4px;
z-index: 1;
}
.app case ava:hover::before {
opacity: 1;
}
.app passport {
display: flex;
flex-direction: column;
gap: 23px;
position: relative;
}
.app passport name {
margin-top: 26px;
}
.app passport race {
position: absolute;
top: 63px;
left: 210px;
}
.app disc {
text-transform: uppercase;
text-align: center;
font-size: 15px;
margin-bottom: 15px;
}
.app disc:first-of-type {
margin-top: 80px;
}
.app info {
min-height: 100px;
width: 640px;
display: flex;
margin-bottom: 15px;
justify-content: center;
background: url(https://forumstatic.ru/files/001c/18/b8/19493.png) top no-repeat,
url(https://forumstatic.ru/files/001c/18/b8/51565.png) bottom no-repeat,
url(https://forumstatic.ru/files/001c/18/b8/19857.png) repeat-y;
}
.app info:last-of-type {
margin-bottom: 40px;
}
.app info text {
width: 580px;
padding: 25px 0px;
color: #181614;
line-height: 15px;
white-space: pre-wrap;
}
.html-post-box {
height: auto;
}
/*Регулировка размера шрифта в постах © Alex_63 */
.FNTslider {
border-radius: 4px;
position: relative;
z-index: 1000;
background: #a09c95;
width: 109px;
height: 2px;
margin: 3px 5px;
border: solid 1px #9b8d80;
float: right;
margin-right: 10%;
}
.FNTslider .before {
height: 2px;
border: solid 1px transparent;
border-right: none 0;
border-radius: 4px 0 0 4px;
position: absolute;
background: #716549;
margin-top: -1px;
}
.FNTslider .thumb {
width: 5px;
height: 9px;
border-radius: 3px;
position: relative;
top: -3px;
background: #2b2114b8;
cursor: pointer;
}
/* тег лапслока */
.custom_tag_lower {
text-transform: lowercase;
}
/* тег абзацы в подфорумах */
#pun-viewtopic[data-forum-id="9"] .post-content p,
#pun-viewtopic[data-forum-id="10"] .post-content p,
#pun-viewtopic[data-forum-id="11"] .post-content p {
text-indent: 1.5em;
margin: 6px 0px 0px;
}
.redirect-page #pun { margin: 0; background-image: none; }
.redirect-page { background: url(https://forumstatic.ru/files/001c/18/b8/12926.png) repeat-x fixed top center, url(https://i.imgur.com/Ptduce4.png) repeat!important;
background-color: #131313; }
#pun-redirect {
padding: 14px;
margin: 200px;
background-color: #b4ad9ce3;
}
.redirect-page #pun-main { margin: 20px auto; }
/*************************************************************
Основа css by shady
**************************************************************/
@import url(style_cs.css);
/* ПОДГРУЗКА ШРИФТОВ
-------------------------------------------------------------*/
@import url('https://forumstatic.ru/files/001b/6e/df/58432.css');
@import url('https://forumstatic.ru/files/0018/25/96/61263.css');
@font-face { font-family: Playfair Display;
src: url('https://forumstatic.ru/files/001b/0b/62/42032.ttf');}
@font-face { font-family: Vogue Highline serif;
src: url('https://forumstatic.ru/files/001b/6e/df/10841.otf');}
@font-face {font-family: 'Vetrino';
src: local("Vetrino"), url('https://forumstatic.ru/files/001b/11/27/48711.ttf');}
@font-face {font-family: 'roboto';
src: local("roboto"), url('https://forumstatic.ru/files/0018/b2/d3/10927.ttf');}
@font-face {font-family: 'ArnoPro';
src: local("ArnoPro"), url('https://forumstatic.ru/files/001a/da/7d/26546.otf');}
@font-face {font-family: 'Tahoma';
src: url('https://forumstatic.ru/files/0019/47/79/67198.ttf');}
@import url('https://use.fontawesome.com/releases/v5.15.1/css/all.css');
@font-face {font-family: 'Font Awesome';
src: url('https://forumstatic.ru/files/001a/da/7d/83987.ttf');}
@font-face {font-family: 'Bad Script';
src: url('https://forumstatic.ru/files/001a/da/7d/76746.ttf');}
@font-face {font-family: 'Caveat';
src: url('https://forumstatic.ru/files/001a/da/7d/73153.ttf');}
@font-face {font-family: 'Comforter Brush';
src: url('https://forumstatic.ru/files/001a/da/7d/96265.ttf');}
@font-face {font-family: 'Cormorant SC';
src: url('https://forumstatic.ru/files/001a/da/7d/53291.ttf');}
@font-face {font-family: 'Kurale';
src: url('https://forumstatic.ru/files/001a/da/7d/61460.ttf');}
@font-face {font-family: 'Old Standard TT';
src: url('https://forumstatic.ru/files/001a/da/7d/18179.ttf');}
@font-face {font-family: 'Merriweather';
src: url('https://forumstatic.ru/files/001c/18/b8/44854.ttf');}
@font-face {font-family: 'Calypso';
src: url('https://forumstatic.ru/files/001b/df/86/15157.ttf');}
@font-face {font-family: 'Yeseva One';
src: url('https://forumstatic.ru/files/001b/e0/4b/69120.ttf');}
@font-face {font-family: 'Adventure';
src: url('https://forumstatic.ru/files/001b/e0/4b/93207.ttf');}
@font-face {font-family: 'barberryletters';
src: url('https://forumstatic.ru/files/001b/e0/4b/44174.ttf');}
@font-face {font-family: 'Belladonna';
src: url('https://forumstatic.ru/files/001b/e0/4b/98363.ttf');}
@font-face {font-family: 'College Block';
src: url('https://forumstatic.ru/files/001b/e0/4b/14773.otf');}
@font-face {font-family: 'Klyakson';
src: url('https://forumstatic.ru/files/001b/e0/4b/80691.otf');}
@font-face {font-family: 'Modestika';
src: url('https://forumstatic.ru/files/001b/e0/4b/52036.ttf');}
@font-face {font-family: 'Chulok';
src: url('https://forumstatic.ru/files/001b/e0/4b/46940.otf?v=1');}
@font-face {font-family: 'StandingFlower';
src: url('https://forumstatic.ru/files/001b/e0/4b/67605.otf?v=1');}
@font-face {font-family: 'tangak';
src: url('https://forumstatic.ru/files/001b/e0/4b/94535.ttf?v=1');}
@font-face {font-family: 'Stig';
src: url('https://forumstatic.ru/files/001b/e0/4b/71780.otf');}
@font-face {font-family: 'Cattedrale';
src: url('https://forumstatic.ru/files/001b/e0/4b/94014.ttf');}
@font-face {font-family: 'virgodisplay';
src: url('https://forumstatic.ru/files/001c/1e/85/33354.otf');}
@font-face {font-family: 'mokgech';
src: url('https://forumstatic.ru/files/001c/1e/85/76173.ttf');}
@font-face {font-family: 'deathridge';
src: url('https://forumstatic.ru/files/001c/1e/85/44125.otf');}
@font-face {font-family: 'belongfaith';
src: url('https://forumstatic.ru/files/001c/1e/85/57556.ttf');}
@font-face {font-family: 'angryblue';
src: url('https://forumstatic.ru/files/001c/1e/85/72088.ttf');}
@font-face {font-family: 'achafexp';
src: url('https://forumstatic.ru/files/001c/1e/85/11834.ttf');}
@font-face {font-family: 'BASMO';
src: url('https://forumstatic.ru/files/001c/1e/85/25267.ttf');}
@font-face {font-family: 'BELLAIR';
src: url('https://forumstatic.ru/files/001c/1e/85/51039.ttf');}
@font-face {font-family: 'CAMAROON';
src: url('https://forumstatic.ru/files/001c/1e/85/28761.otf');}
@font-face {font-family: 'FONTSPRING';
src: url('https://forumstatic.ru/files/001c/1e/85/19446.otf');}
@font-face {font-family: 'RAGE';
src: url('https://forumstatic.ru/files/001c/1e/85/59494.ttf');}
@import url('https://use.fontawesome.com/releases/v5.15.1/css/all.css');
/* ROOT
-------------------------------------------------------------*/
:root {
--h1-font: 13px "Merriweather"; /* шрифт и размер заглавного текста */
--body-font: 10px "Merriweather"; /* шрифт основного текста */
--backcol: #b4ad9c; /* цвет подложки выпадающих меню */
--forcol: #4f5f4c1f; /* цвет подложки форумов/цитат */
--link: #605238; /* цвет основных ссылок */
--hovlink: #604074; /* цвет ссылок при наведении */
--doplink: #604074; /* цвет дополнительных ссылок */
--t-body: #5b4223; /*цвет основного текста */
--doptext: #5b4223; /*цвет дополнительного текста */
--proftext: #484333; /*цвет текста в профиле */
--proflink: #558d8b; /*цвет текста в профиле */
--bord: 1px solid #8b998578; /*цвет рамок форм */
--headtext: #584f37; /*цвет текста в шапке */
--posttext: #584f37; /*цвет текста поста в шапке */
--headlink: #5b4223; /* цвет ссылок в шапке */
--headhov: #604074; /* цвет ссылок в шапке при наведении */
--bodywidth: 1048px; /ширина тела/.
}
/* ОСНОВНЫЕ ШРИФТЫ ФОРУМА
-------------------------------------------------------------*/
/* основной шрифт текста форума */
body { font: 11px verdana;}
h1, h2 { font: 14px ArnoPro; color: #433f36; font-weight: normal;}
/* шрифты поля ввода*/
textarea, input, select, optgroup { font: 12px tahoma;}
/*шрифт в поле кода */
.punbb pre { }
/* ЦВЕТ ТЕКСТА БОЛЬШИНСТВА ЭЛЕМЕНТОВ НА ФОРУМЕ
-------------------------------------------------------------*/
.section .container, .post-body, .post-links, .punbb td.tc2, .punbb td.tc3, .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd, .info-box, #pun-main .info-box .legend, .main .container, .post .container, .post h3, .punbb-admin #pun-admain .adcontainer, #pun-title, #pun-title .container, .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, .post h3 span, .punbb th, #viewprofile li, #setmods dl {
color: var(--t-body);
}
/* ЦВЕТ ТЕКСТА ПОСТОВ
-------------------------------------------------------------*/
.post-box {
color: #433f36;
}
.post-box a {
color: #604074!important;
}
.post-box a:hover { color: #806b89!important; }
.post-box .code-box a,
.post-box .post-rating a {
color: #5b4223!important;
}
.post-box .code-box a:hover,
.post-box .post-rating a:hover {
color: #604074!important;
}
/* ЦВЕТ ДЕЖУРНОГО ТЕКСТА (тему просматривают, страницы и т.д.)
-------------------------------------------------------------*/
.linkst .pagelink, .linksb .postlink, .linkst .postlink, .punbb .post-links ul, .punbb .modmenu .container, .punbb .modmenu .container, .subscribelink, .punbb fieldset legend span, .punbb .linksb {
text-transform: lowercase;
color: var(--t-body);
font: var(--body-font);
}
/* ЦВЕТ ССЫЛОК НА ФОРУМЕ
-------------------------------------------------------------*/
.punbb a, .punbb a:link, .punbb a:visited, .punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited, .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
text-decoration: none;
transition: color 0.3s ease-in-out;
box-shadow: none;
color: var(--t-body);
}
/* ЦВЕТ ССЫЛОК НА ФОРУМЕ ПРИ НАВЕДЕНИИ
-------------------------------------------------------------*/
.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: #604074;
}
/* ТАБЛИЦЫ
-------------------------------------------------------------*/
/* стили таблиц */
.main table { table-layout: fixed; width: 100%; }
#pun-viewforum .main table tr {
margin: 0px 0px 6px;
display: flex;
flex-wrap: wrap;
line-height: 11px;
}
#pun-searchtopics .main table tr {
margin: 0px 0px 10px;
display: flex;
flex-wrap: wrap;
}
.main .tcl .stickytext {
display: none;
}
#pun-viewforum TR.iclosed .closedatafield, #pun-messages TR.iclosed .closedatafield, #pun-searchtopics TR.iclosed .closedatafield {
display: none;
}
#pun-userlist .main table {
margin-top: 30px;
padding: 0px 10px;
}
#pun-userlist .main table tr {
margin: 0px 0px 12px;
display: flex;
}
#pun-userlist .linkst {
display: none;
}
#pun-messages .main table tr {
margin: 0px 0px 10px;
display: flex;
height: 35px;
}
#pun-messages .main .user-avatar .isonline {
width: 6px!important;
height: 6px!important;
top: 0px!important;
right: 26px!important;
}
#pun-messages #form-buttons table {
width: 102%;
}
#pun-messages #form-buttons table tr { height: auto; }
#pun-messages #form-buttons td {
margin: 0px;
}
#pun-messages .main table tr .tc2 {
margin: -8px 0px 0px;
}
#pun-messages .main table tr .tc2 a{
display: flex;
flex-wrap: wrap;
}
#pun-messages .main table tr .pmtc22 {
width: 28% !important;
}
#pun-viewforum .main table tr td {
align-self: center;
}
#pun-viewforum .main table tr .tcl {
width: 40%;
}
#pun-viewforum .main table tr .tcr {
margin-left: 80px;
}
#pun-profile .main {
margin-bottom: 50px;
}
#pun-profile li strong {
font-family: 'Merriweather';
}
#pun-profile #pa-fld1 strong {
padding-left: 155px;
}
#pun-profile #pa-fld5,
#pun-profile #profile-gifts {
display: none;
}
#pun-profile #profile-title strong {
width: 180px;
}
/* отступы в ячейках */
.main td { }
th { padding: 0!important; font-size: 0px!important; }
/* ширина подфорума */
#pun-index .tcl { width: 500px; }
.main .tcl { text-align: left; width: 45%; }
/* ширина ячеек */
.tc2, .tc3, .tcmod { text-align: center; width: 10%; }
/* ширина последнего сообщения */
.tcr { text-align: left; width: auto;
line-height: 30px; }
/* ширина в поиске/модерировании */
#pun-userlist .tcl, #pun-searchtopics .tcl, #pun-modviewforum .tcl {
width: 40%; line-height: 11px; }
#pun-userlist .tc2, #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; }
/* расположение последней активной темы */
#pun-index .tcr {
width: 40%!important;
font: var(--body-font);
align-self: center;
}
#pun-admain table {
background-color: #b4ad9c;
}
/* последняя активная тема в подфоруме */
#pun-index .tcr a {
width: 98% !important;
margin-bottom: -10px;
text-align: left;
display: block;
text-transform: uppercase;
font: var(--h1-font);
line-height: 130%;
font-size: 13px;
}
/* количество тем и сообщений в подфоруме */
#pun-index .tc2, #pun-index .tc3 {
width: 5%;
font: var(--h1-font);
position: absolute;
font-size: 8px;
text-transform: uppercase;
top: 35px;
}
#pun-index .tc2 {
left: 43%;
}
#pun-index .tc2::before {
content: 'тем:';
position: absolute;
font-size: 8px;
left: -5%;
}
#pun-index .tc2::after {
content: ',';
position: absolute;
font-size: 8px;
}
#pun-index .tc3 {
left: 51.5%;
}
#pun-index .tc3:before {
content: 'сообщений:';
position: absolute;
font-size: 8px;
right: 58%;
}
#pun-main .category thead .tc2, #pun-main .category thead .tc3 {display: none;}
/* НАВИГАЦИЯ ПО ФОРУМУ СВЕРХУ
-------------------------------------------------------------*/
#pun-navlinks .container {padding: 0px; margin: 32px 0px 0px;}
#pun-navlinks li { display: inline; }
/* расположение*/
#pun-navlinks { margin-top: -25px!important;
text-align: center;}
/* вид ссылок */
#pun-navlinks li a {
letter-spacing: 0.5px;
color: var(--t-body);
text-transform: uppercase;
padding-right: 7px;
font: var(--h1-font);
}
/* вид ссылок навигации при наведении */
#pun-navlinks li a:hover { color: var(--hovlink); }
/* ПОЛЬЗОВАТЕЛЬСКАЯ НАВИГАЦИЯ
-------------------------------------------------------------*/
#pun-ulinks .container { padding: 0!important;}
#pun-ulinks li, #pun-ulinks li a { display: inline;}
/*расположение */
#pun-ulinks { text-align: center;
position: relative;
top: 0px;
}
/* цвет ссылок */
#pun-ulinks a {
font: var(--body-font);
transition: all 0.5s linear 0s;
text-transform: lowercase;
padding-right: 10px;
}
/* цвет ссылок при наведении */
#pun-ulinks a:hover { color: var(--hovlink);}
/* ВАШЕ МЕСТОРАСПОЛОЖЕНИЕ НА ФОРУМЕ СВЕРХУ И СНИЗУ
-------------------------------------------------------------*/
/* расположение сверху */
#pun-crumbs1 { margin-top: 20px !important;}
/* расположение снизу */
#pun-crumbs2 { }
/* общий внешний вид */
#pun-crumbs1, #pun-crumbs2 {
font: var(--h1-font);
text-align: center;
text-transform: uppercase;
position: absolute;
width: 92%;
color: var(--link)!important;
}
/* цвета ссылок */
#pun-crumbs2 a, #pun-crumbs1 a { color: var(--link);;}
/* цвет ссылок при наведении */
#pun-crumbs2 a:hover, #pun-crumbs1 a:hover {color: var(--hovlink);}
/* СТРОКА ПРИВЕТСТВИЯ
-------------------------------------------------------------*/
#pun-status strong { font-weight: normal; }
#pun-status span { margin-right: 5px; }
#pun-status .status-right {float: none!important;}
/* расположение */
#pun-status {
position: absolute;
left: 50%;
text-align: center;
transform: translateX(-50%);
top: 515px;
width: 1048px;
}
/* внешний вид */
#pun-status .container {
color: var(--t-body);
text-transform: lowercase;
font: var(--body-font);
}
/* цвет ссылки */
#pun-status a { color: var(--doptext); font-weight: normal;}
/* ТЕМЫ
-------------------------------------------------------------*/
/* весь пост */
.post .container { }
/* разделитель между сообщения*/
.post h3 {
width: 73%;
margin: 40px 0px -15px 255px !important;
padding: 5px;
box-sizing: border-box;
height: 20px;
background: #b4ad9c61;
border: 1px solid #9f957fc4;
color: #605238 !important;
font: var(--body-font);
line-height: 10px;
position: relative;
}
/* текст внутри разделителя */
.post h3 span {
display: block;
font-size: 9px;
text-transform: lowercase;
letter-spacing: 0.5px;
margin-left: 20px!important;
font-weight: normal;
}
/* ссылка внутри разделителя */
.post h3 a {
font-weight: 100!important;
font-size: 9px!important;}
/* номер поста */
.post h3 strong { float: right;
text-align: right;
font-weight: normal;
margin-right: 25px;
}
.hide-author h3 {
width: 100% !important;
margin: 40px 0px -15px 0px !important;
}
.hide-author .post-box {
padding: 20px 40px 0px;
}
.hide-author .reaction-picker {
margin-left: 40px;
}
/* расположение профиля */
.post .post-author { float: left;
min-height: 200px!important;
}
/* пост и отступы в посте */
.post-body { margin-left: 240px; }
.post-box { padding: 25px 14px 0px 12px; }
/* выравнивание текста поста */
.post-content {
width: 100%;
overflow: hidden;
text-align: justify; }
/* абзацы постов */
.post-content p {
padding: 0;
line-height: 150%;}
/* .post-content {margin: 0px 0px 15px 10px !important;} */
/* ссылки в посте */
.post-links { font-weight: 100; }
.post-links li { display: inline; padding-left: 5px; }
.post-links ul { padding: 0px 10px 0px 0px;
text-align: right;
}
.pl-email, .pl-website { float: left; }
.clearer { clear: both; height: 0; font-size: 0; }
/* курсив и подчеркнутый текст внутри поста */
.post-content em {font-style: italic}
.post-content em.bbuline {font-style: normal; text-decoration: underline;}
/* картинки в постах */
.post-content img { vertical-align: text-bottom }
.post-content img.postimg { vertical-align: middle; }
/* таблицы в постах */
td { border-color: transparent; }
.post-content td { padding: 0.4em 0.5em !important;
overflow: hidden;
}
/* разделитель подписи в посте */
.post-sig dt, .post-sig dd, .post-sig dl {margin: 0}
.post-sig dt {
display: block;
margin: 5px 0;
border: 1px solid #b6b1a24f;
width: 350px;
margin: 0px 170px;
}
/* экстра */
.post-content table {border-collapse:collapse; margin:0 0 0.8em}
.post-content td p:last-child {padding-bottom:0}
.post-content .highlight-text {background-color:#ff0; color:#000}
.post-content .spoiler-box > div {background:url('/img/plus.png') no-repeat left center; cursor:pointer; padding-left:18px}
.post-content .spoiler-box > div.visible {background-image: none;}
.post-content .spoiler-box > blockquote {padding: 0; display: none; margin: 10px;}
.post-content .spoiler-box > blockquote.visible {display:block; overflow:auto}
.post-content hr {opacity:0.5; filter:alpha(opacity=50); margin-bottom:0.8em}
.post-content abbr {cursor:help}
.post-content ul {padding:0 0 1em 2.3em}
.post-content ul li {list-style:inherit; margin-bottom:0.3em}
.post-content ul li ul {padding-bottom:0}
.post-content ul li > p {padding-bottom:0.3em}
.post-content ul li > p:last-of-type {padding-bottom:0}
.post .post-author .pa-ua {display: none};
/* ФОРМЫ
-------------------------------------------------------------*/
/* контейнер можно отключить */
.formal .container {padding: 15px 0px; }
.punbb .formal fieldset {min-width:0; border: none;}
.punbb .formal span.input {padding-right:0 !important}
#post-form h2, #pun-announcement h2 { display:none;}
/* местоположение кнопок отправить/посмотреть */
.formsubmit { margin: 0px 0px 10px 35px;}
.formsubmit input, .formsubmit a, .formsubmit span { margin: 0; }
/* инфо по заполнению */
fieldset { padding: 0 20px;}
fieldset legend { margin: 0 0px 10px 10px;}
/* настройка текста */
fieldset legend span { text-transform: uppercase!important; }
fieldset fieldset { border: none; margin: 0; padding: 0px 0px 5px; }
.fs-box { padding: 0px; }
.fs-box p, .punbb .fs-box fieldset { padding: 0px; }
.inline .inputfield, .inline .selectfield, .inline .passfield { float: left; margin-right: 1em; }
.inline .infofield { clear:both }
.datafield br { display: none }
.required label, .datafield span.input { font-weight: bold }
textarea, .longinput input { width: 64%; margin: 0; }
/* обводка активного поля */
input, textarea, button {outline:none;}
input:active, textarea:active, button:active {outline:none;}
.hashelp { position: relative; }
/* чекбоксы */
.checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 0.3em;}
p[class="checkfield"] *, div[class="checkfield"] *, fieldset[class="radiofield"] * { height: 1.8em; vertical-align: middle; }
/* страница переадресации */
#pun-redirect {padding: 14px;}
#pun-redirect.punbb .info .container{ }
/* поле ввода текста поста */
.punbb textarea {
background-clip: padding-box;
background: var(--forcol);
padding: 18px 20px !important;
width: 95% !important;
color: var(--link);
border: solid 1px #46464640;
border-radius: 5px;
}
/* поле ввода название темы */
.punbb select, input {
background: var(--forcol);
color: var(--link);
margin-top: 5px;
border: solid 1px #4646460d;
border-radius: 3px;
}
/* перенос сообщений из темы */
.pun-modal .container {
width: 100%!important;
position: relative;
border: none!important;
padding-left: 0!important;
padding-right: 0!important;
background: var(--backcol);
}
/* пагинация
-------------------------------------------------------------*/
/* страницы в подфоруме сверху */
.linkst { position: relative;
height: 0;
top: 0px; }
.linkst .pagelink { margin-left: 8px;}
.postlink.long { width: 300px; }
.linkst .postlink { position: absolute;
top: 0px;
right: 5px;
text-align: right;
}
/* страницы в подфоруме снизу*/
.linksb { text-align: right;
padding: 0px 5px;
position: relative;
bottom: -5px;}
.linksb .pagelink {
width: 300px;
text-align: left; }
.linksb .postlink {float: right;}
/* страницы в теме снизу*/
#pun-viewtopic .linksb { text-align: right;
padding: 0px 0px;
position: relative;}
/* подписаться и отслеживать внутри темы */
.subscribelink { clear:both; padding-top: 10px; }
/* меню модератора */
.modmenu .container { padding: 0px 0px;
text-align: right;
margin: 10px 0px 10px; }
.modmenu strong, .modmenu a {height: 15px; padding-bottom: 10px; }
.modmenu .container strong { float: left; }
.modmenu input { margin-left: 1em; }
/* КНОПКИ И ФОРМЫ ЗАПОЛНЕНИЯ BY BLANCHE. МОЖНО БРАТЬ, НО ОСТАВЛЯЕМ КОПИ*/
/* формы заполнения*/
.punbb select, .punbb option { text-transform: lowercase!important;
line-height: 9px;
font-size: 10px !important;
padding: 2px 4px 4px;}
.checkbox { width: auto !important;}
.punbb option { background-color: var(--forcol);}
/* КНОПКИ ОТПРАВИТЬ ПОСМОТРЕТЬ
-------------------------------------------------------------*/
input.button, #post fieldset .hashelp div input, button, #pun-admain input {
background: var(--forcol);
border-radius: 7px !important;
border: 1px solid #46464638 !important;
color: var(--link);
padding: 9px 10px 7px 10px;
cursor: pointer !important;
-webkit-transition: .5s all;
-moz-transition: .5s all;
-ms-transition: .5s all;
-o-transition: .5s all;
transition: .5s all;
font: var(--h1-font) !important;
text-transform: uppercase;
font-size: 11px !important;
width: auto;
font-weight: bolder !important;
}
/* при наведении */
input.button:hover, #post fieldset .hashelp div input:hover, button:hover {
background: none;
cursor: pointer!important;
color: var(--hovlink);
}
/* КОДЫ И ЦИТАТЫ
-------------------------------------------------------------*/
/* расположение */
#pun-main table .quote-box, #pun-main table .code-box {margin: 5px 1px 5px}
/* бокс под цитаты/код итд */
.scrollbox {
width: 100%;
overflow: auto;
max-height: 200px;
}
blockquote {margin:0;}
/* ЦИТАТЫ BY BLANCHE. МОЖНО БРАТЬ, НО ОСТАВЛЯЕМ КОПИ
-------------------------------------------------------------*/
/* цитаты, спойлер, выделить код */
.post-content .quote-box, .post-content .code-box {
margin: 10px;
position: relative;
overflow: hidden;
padding: 15px 20px;
background: var(--forcol);
border: var(--bord);
border-radius: 5px;}
.post-content .quote-box, .post-content .code-box, .pun-modal .modal-inner, #mask_dialog .inner, .editBookmark, #pun-redirect.punbb .info, #pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner, #MyBookmarks {
font-family: var(--h1-font)!important;
font-size: 11px!important;
}
#pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner { z-index: 999!important;; }
.quote-box cite:before, .code-box strong.legend:before {
content: '*';
font-family: 'ArnoPro';
font-size: 60px;
position: absolute;
left: 25px;
top: 20px;
color: #443e3394;
}
.post-content .spoiler-box > div:before {
content: '+';
font-family: 'ArnoPro';
font-size: 40px;
position: absolute;
left: 25px;
top: 13px;
color: #443e3394;
}
/* фон проставления репутации */
.post_reputation {
background-color: #bec2c7;
padding-right: 20px !important;
}
/* написал и выделить код */
.quote-box cite, .code-box strong.legend, .post-content .spoiler-box > div {
display: block;
font: var(--h1-font);
text-align: justify;
margin: 5px 7px 8px 40px;
border: 1px solid #9da091;
font-weight: 500;
background: var(--forcol);
padding: 8px;
border-radius: 10px;
font-size: 10px;
}
.post-content .spoiler-box > div { margin-bottom: 0px; font: 11px verdana!important;}
/* СПОЙЛЕР BY BLANCHE. МОЖНО БРАТЬ, НО ОСТАВЛЯЕМ КОПИ. ПРОДОЛЖЕНИЕ В НАСТРОЙКАХ */
.post-content .spoiler-box > div:after {
}
.post-content .spoiler-box > div.visible:after { transform: rotate(45deg);}
/* выделить код (скопировать код) */
#pun-main .code-box .scrollbox pre {
font-family: var(--h1-font)!important;}
/* ВЫПАДАЮЩИЕ ОКНА ШРИФТОВ, РАЗМЕРА ТЕКСТА И ТД
-------------------------------------------------------------*/
#color-area, #table-area, #keyboard-area {width:auto}
#keyboard-area {text-align:center; padding-bottom:4px}
#imageup-area {width:170px}
#imageattach-area {width:770px; height:200px; padding:0px !important}
#smilies-area, #video-area, #spoiler-area {width:450px}
#image-area {width:550px}
#color-area * {border:0}
#color-area table {width:320px; height:20px; padding:0; margin:0}
#table-area table {width:auto !important; padding:0; margin:0; border-collapse:collapse}
#table-area div {margin-top:1em; text-align:center}
#table-layout {margin-right:0.5em}
#table-area td {background-color:#fff; width:20px; height:20px; border-width:1px !important; border-style:solid !important; border-color:#dadada !important}
#table-area td.selected {background-color:#c8c8ff}
#color-area td, #table-area td {margin:0; padding:0; line-height:0}
#color-area td img, #table-area td img {width:20px; height:20px; cursor:pointer !important}
#font-area span, #font-area img, #size-area span, #size-area img {display:block; position:relative; }
#font-area span, #font-area img {height:15px}
#size-area span, #size-area img {height:24px}
#font-area span, #size-area span {padding:1px 0}
#addition-area div {height:24px; vertical-align:middle}
#font-area img {width:100%; margin-top:-15px}
#size-area img {width:100%; margin-top:-24px}
#keyboard-span {text-align:center; padding-bottom:10px; width:auto}
#keyboard-span input {font-family:Arial, Helvetica, sans-serif; font-weight:300; font-size:13px; color:#666; background-color:#fff; margin:1px 1px 0 0; border:1px solid #ddd; cursor:pointer; height:25px; min-width:30px}
#imageup-area input {font-size:0.8em}
#imageup-area p {padding:0; margin:0}
#imageup-title {margin-bottom:10px !important}
#imageup-submit {margin-top:10px !important}
/* настройки оформления */
#font-area, .popup_graffiti, #size-area, #image-area, #color-area, #addition-area, #video-area, .inner .popup_graffiti, #table-area, #keyboard-area, #video-area-msg, #smilies-area, #video-area, #spoiler-area, #float {
padding: 15px 10px 10px 10px !important;
background: var(--backcol);
border-radius: 5px;
color: var(--t-body);
border: var(--bord);
}
#size-area {width: 50px; left: 15px;}
#font-area span, #font-area img { height: 15px; }
/* фон репутации */
.post_reputation {
padding: 15px;
background: var(--backcol);}
#font-area {
height: 160px;
width: 130px;
overflow-y: auto;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
justify-content: space-between;
left: 0px;
}
#font-area div {
-webkit-flex-basis: 12em;
flex-basis: 12em;
-webkit-flex-grow: 1;
flex-grow: 1;
}
#tags .container {position: absolute;
z-index: 2;
right: 50px;}
/* мини аватар на главной
-------------------------------------------------------------*/
.user-avatar {height: 35px; width:35px; float: left;
position: relative;
margin: -5px 10px 0px 0;}
.user-avatar .avatar-image {
border: 2px solid;
height: 35px;
width: 35px;
/* color: #382b2982; */
opacity: 0.85;
border-radius: 50%;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
float: left;
filter: grayscale(0.5) brightness(0.9);}
.user-avatar .avatar-image span img { filter: grayscale(1)!important;}
.user-avatar .isonline {
width: 8px;
height: 8px;
border-radius: 50%;
display: block;
position: absolute;
top: -4px;
right: 31px;
animation: blinkColor .9s linear infinite;
-moz-animation: blinkColor .9s linear infinite;
-webkit-animation: blinkColor .9s linear infinite;
background: var(--hovlink);
z-index: 100;
}
.punbb .user-avatar a {padding:0!important; background:none transparent!important}
.punbb .user-avatar a::after {content:none!important}
.punbb .user-avatar .avatar-image:hover {opacity:1}
@keyframes blinkColor {0% {opacity:1.0} 50% {opacity:.3} 100% {opacity:1.0}}
@-moz-keyframes blinkColor {0% {opacity:1.0} 50% {opacity:.3} 100% {opacity:1.0}}
@-webkit-keyframes blinkColor {0% {opacity:1.0} 50% {opacity:.3} 100% {opacity:1.0}}
#pun-viewforum .user-avatar {float: left;
position: relative;
height: 30px;
width: 30px;
margin: 0px 10px 0px -15px;
}
#pun-messages .user-avatar {
float: left;
position: relative;
height: 34px;
width: 34px;
margin: 0px 20px 0px 0px;
}
#pun-viewforum .user-avatar .avatar-image, #pun-messages .user-avatar .avatar-image {
border: 2px solid!important;
height: 30px ;
width: 30px !important;
opacity:0.85; background-position:center center; background-size:cover; background-repeat:no-repeat; float:left; filter: grayscale(0.5);}
#pun-viewforum .user-avatar .isonline {
width: 5px;
height: 5px;
border-radius: 50%;
display: block;
position: absolute;
top: -1px!important;
right: 27px!important;
animation: blinkColor .9s linear infinite;
-moz-animation: blinkColor .9s linear infinite;
-webkit-animation: blinkColor .9s linear infinite;
background: var(--hovlink);
z-index: 100;
}
/* СТРАНИЦА ЛИЧНЫХ СООБЩЕНИЙ
-------------------------------------------------------------*/
#pun-messages .post h3 {margin-left: 225px!important;
width: 520px; }
#pun-messages .post-author { margin-left: -90px!important;
margin-top: 0px!important;
}
#pun-messages .post-author ul { }
#pun-messages .pa-author a { text-shadow: none !important;}
#pun-messages .pa-author { text-shadow: none !important;}
#pun-messages .pa-title { }
#pun-messages .pa-posts {}
#pun-messages .post-body {margin-left: 200px!important; }
#pun-messages .post .container { border: none!important;}
#pun-messages #post-form { margin-top: 0px!important; border: none!important; }
#pun-messages .indOnline, #pun-messages .indOffline, #pun-messages .pa-reg {display: none;}
.pmtc22 {
width: 20% !important;
line-height: 30px;
}
.pmtcl1 {width: 50% !important;}
/* ПРОКРУТКА, ВЫДЕЛЕНИЕ, ВВЕРХ-ВНИЗ, БЕГУНОК УВЕЛИЧЕНИЯ ТЕКСТА
-------------------------------------------------------------*/
/* выделенный текст */
::selection { background: #3c3c3c;
color: #7d6745;}
/* ширина прокрутки */
::-webkit-scrollbar {
width: 1px;
height: 1px;}
/* движущаяся часть прокрутки */
::-webkit-scrollbar-thumb {
background-color: rgba(206, 200, 195, .3);
}
.blockcode .scrollbox::-webkit-scrollbar-thumb, #main-reply::-webkit-scrollbar-thumb, #tags .container::-webkit-scrollbar-thumb, #imageQueue::-webkit-scrollbar-thumb, #uploaded-images::-webkit-scrollbar-thumb, #mask_dialog .hv-form-block::-webkit-scrollbar-thumb, .punbb #mask_dialog .hv-preview-block::-webkit-scrollbar-thumb, .hv-masks-storage::-webkit-scrollbar-thumb, #form-login #List-UserNames ul::-webkit-scrollbar-thumb, .pun-modal .container::-webkit-scrollbar-thumb, .unread-notifications #notifications-wrap::-webkit-scrollbar-thumb, #history_selected_version textarea::-webkit-scrollbar-thumb, .adinput textarea::-webkit-scrollbar-thumb, #post #wrapper div::-webkit-scrollbar-thumb, #post #wrapperBottom div::-webkit-scrollbar-thumb, .hvStickerPackModalContent::-webkit-scrollbar-thumb, .materielbag::-webkit-scrollbar-thumb {
background-color: #8a8473;
}
/* подложка прокрутки */
::-webkit-scrollbar-track {
background-color: rgba(138, 132, 115, .3);
}
.blockcode .scrollbox::-webkit-scrollbar-track, #main-reply::-webkit-scrollbar-track, #tags .container::-webkit-scrollbar-track, #imageQueue::-webkit-scrollbar-track, #uploaded-images::-webkit-scrollbar-track, #mask_dialog .hv-form-block::-webkit-scrollbar-track, .punbb #mask_dialog .hv-preview-block::-webkit-scrollbar-track, .hv-masks-storage::-webkit-scrollbar-track, #form-login #List-UserNames ul::-webkit-scrollbar-track, .pun-modal .container::-webkit-scrollbar-track, .unread-notifications #notifications-wrap::-webkit-scrollbar-track, #history_selected_version textarea::-webkit-scrollbar-track, .adinput textarea::-webkit-scrollbar-track, #post #wrapper div::-webkit-scrollbar-track, #post #wrapperBottom div::-webkit-scrollbar-track, .hvStickerPackModalContent::-webkit-scrollbar-track, .Select_Topics tbody::-webkit-scrollbar-track, .materielbag::-webkit-scrollbar-track {
background-color: #7f796b30;
}
/* ПРОФИЛЬ ПРИ НАСТРОЙКЕ + ЛИЧНЫЕ СООБЩЕНИЯ
-------------------------------------------------------------*/
#profilenav h2 { }
/* контейнер */
#profile .container { padding-left: 200px; }
/* навигация */
#profilenav { float: left; width: 200px; margin-left: -200px; }
/* отступы между строк в меню*/
#profilenav li { padding-bottom: 10px; font-weight: normal; }
/* отступ в управлении */
#setmods dl {padding: 0 0 0 110px; }
#setmods dt { float: left;
width: 150px;
margin-left: -190px;
padding: 10px;
display: inline;
}
#setmods dd { display: block; padding: 10px; font-weight: normal; }
/*настройки списка */
#profilenav ul { padding: 0px; }
/* заголовки в настройках профиля (у меня отключены) */
#viewprofile h2, #profilenav h2 { text-align: left;
margin: 0px!important;}
#viewprofile h2 span, #profilenav h2 span {
font-size: 15px;
text-align: center;
text-transform: uppercase; }
/* ПРОФИЛЬ в ПРЕДПРОСМОТРЕ
-------------------------------------------------------------*/
#viewprofile ul { padding: 0px 25px; }
#viewprofile li { }
#viewprofile li span {float: left;
width: 150px;
padding: 5px 10px;
font-weight: bold; }
#viewprofile li strong, #viewprofile li div { display: block; padding: 7px 10px; font-weight: normal; }
#profile-left { width: 25%; padding-top:0 !important;}
#profile-right {width: 75%}
#profile-name strong {font-size:14px}
#profile-left strong {font-weight:bold!important;}
#profile-signature {padding:10px;}
#viewprofile .lzname, #viewprofile .lztext {
background: transparent;
text-align: left;
width: auto;
border: none;
outline: none;
margin: 0!important;
padding: 0px!important;
padding-bottom: 2px!important;
text-shadow: none;
font-weight: bolder!important;
}
/* ОСНОВНЫЕ НАСТРОЙКИ. НЕ ТРЕБУЮТ ИЗМЕНЕНИЙ
-------------------------------------------------------------*/
* html .tclcon {height: 1px}
html, body {min-width: 1200px!important;}
/* отключить прокрутку снизу */
body {overflow-x: hidden}
/* отступы по умолчанию у тела */
body {margin: 0;}
/* элементы списка */
ul, dl, li, dd, dt { list-style: none; }
/* убрать курсив с текста везде кроме поста */
address, em {font-style: normal;}
/* убрать подчеркивание с ссылок */
a { text-decoration: none; }
/* скрытые элементы */
#pun:after,
.punbb .container:after,
.punbb .post-links ul:after,
.punbb .main div.inline:after,
.punbb .post-box:after,
.punbb .linksb:after, #pun-title h1 span, #pun-main h1, #pun-debug h2 { clear: both; content: "."; display: block; height: 0; visibility: hidden; overflow:hidden; line-height: 0.0; font-size: 0; }
#button-files_rusff,
#button-graffiti_rusff {display: none!important;}
#post fieldset legend {display: none!important;}
.punbb-admin #pun-status {display: none!important;}
.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, #navawards a span { font-size: 0; height: 0; width: 0; line-height: 0.0; position:absolute; left: -9999px; overflow: hidden }
#pun-ulinks .item5, .modlist, .topic a.sharelink, li.pa-ua, .pa-author imgб li#navawards, .lastedit, .pa-gifts, div#pun-live-rusff { display:none;}
/* информация при регистрации */
.info-box {padding: 0 30px; margin: 0 0 10px 0; }
.info-box * { padding: 0; }
#pun-main .info-box .legend { font-weight: bold; }
/* СКОПИРОВАНО ИЗ ЭКСТРЫ
-------------------------------------------------------------*/
#poll-special table.poll1 {width:auto}
#poll-special td {border:0}
.punbb .post-content img.postimg {max-width:100%; margin:0.4em 0}
#poll-special td {text-align:left !important; cursor:default !important}
#poll-special td.tac {text-align:center !important}
#poll-special td.tar {text-align:right !important}
#form-buttons table, .punbb .formal textarea {width:100%}
#form-buttons td {padding:0 !important; line-height:0; background-position:center; background-repeat:no-repeat; border:0; cursor:pointer;}
#form-buttons td img {height:26px; width:100%}
#form-buttons tr {text-align: center;}
td#button-font {background:url('/i/form_buttons.3.png') no-repeat 50% 5px}
td#button-size {background:url('/i/form_buttons.3.png') no-repeat 50% -21px}
td#button-bold {background:url('/i/form_buttons.3.png') no-repeat 50% -47px}
td#button-italic {background:url('/i/form_buttons.3.png') no-repeat 50% -73px}
td#button-underline {background:url('/i/form_buttons.3.png') no-repeat 50% -99px}
td#button-strike {background:url('/i/form_buttons.3.png') no-repeat 50% -125px}
td#button-left {background:url('/i/form_buttons.3.png') no-repeat 50% -151px}
td#button-center {background:url('/i/form_buttons.3.png') no-repeat 50% -177px}
td#button-right {background:url('/i/form_buttons.3.png') no-repeat 50% -203px}
td#button-link {background:url('/i/form_buttons.3.png') no-repeat 50% -229px}
td#button-spoiler {background:url('/i/form_buttons.3.png') no-repeat 50% -255px}
td#button-image {background:url('/i/form_buttons.3.png') no-repeat 50% -281px}
td#button-video {background:url('/i/form_buttons.3.png') no-repeat 50% -307px}
td#button-hide {background:url('/i/form_buttons.3.png') no-repeat 50% -333px}
td#button-quote {background:url('/i/form_buttons.3.png') no-repeat 50% -359px}
td#button-code {background:url('/i/form_buttons.3.png') no-repeat 50% -385px}
td#button-color {background:url('/i/form_buttons.3.png') no-repeat 50% -411px}
td#button-smile {background:url('/i/form_buttons.3.png') no-repeat 50% -437px}
td#button-keyboard {background:url('/i/form_buttons.3.png') no-repeat 50% -463px}
td#button-table {background:url('/i/form_buttons.3.png') no-repeat 50% -489px}
td#button-addition {background:url('/i/form_buttons.3.png') no-repeat 50% -515px}
#formkey, #formetc {display:none}
#main-reply {width:100%}
#pun-messages #post-form div.container {padding-left:2.3em}
#similar-topics {margin-top:1em}
#similar-topics div.container {padding-top:1.1em}
#similar-topics td {border:0; padding:0}
#similar-topics td.st-tcl {width:60%}
#similar-topics td.st-tc2 {width:25%; padding-right:1em; text-align:right}
#similar-topics td.st-tcr {width:15%; padding-right:1em; text-align:right}
.postlink.long {width:30em}
.postlink.long .new-topic {padding-right:12px}
#pun-online .tcl.action {width:35%}
#pun-online .tc3 {width:10%}
#pun-index .isub .tcl {padding-left: 0em !important;}
#pun-main #subforums {padding: 1em 0 1em 1em; margin-bottom: 5px;}
/** подгрузка видео и картинок
---------------------------------------------------------------*/
#video-host-list {margin-top:.3em; line-height:1.8em}
#video-area-tinp, #image-area-tinp {margin:.5em 0; padding:.3em; border:#66a solid 1px; height:70px}
#video-area-msg, #image-source-list, #image-area-actions, #spoiler-sels {line-height:2em}
p[class="checkfield"] img, div[class="checkfield"] img, fieldset[class="radiofield"] img {height:auto; max-height:50px}
#image-area-tcon-computer {margin:0 0 1em}
#image-area-tcon-computer td {border:none !important; padding:0}
#imageupload-left {width:140px}
#imageupload-right {padding-left:9px !important; background:transparent !important; max-width:380px}
#image-area-actions {text-align:right}
* html #imageQueue {height:expression( this.scrollHeight > 65 ? "66px" :"auto" )} /* sets max-height for IE */
* html #uploaded-images {height:expression( this.scrollHeight > 143 ? "144px" :"auto" )}
#imageQueue {max-height:72px; overflow-y:auto; margin-bottom:10px}
#uploaded-images {max-height:144px; overflow-y:auto}
#uploaded-images img {width:88px; height:66px; border:1px solid; margin-right:4px; cursor:pointer}
#upload-button-container, #image-width, #image-thumb-width, #image-insert-format, #insert-all-images-container {margin-top:10px}
#image-source-list a, #image-area-actions a, #spoiler-sels a {margin-right:15px; cursor:pointer}
#insert-image-tip {margin-top:10px}
#upload-button-container img {cursor:pointer; width:120px; height:30px}
#image_upload_input {position:absolute; z-index:-1; left:-9999px}
#selected-image-width, #selected-thumb-width {width:6em}
#imageupload-left input[type=button] {width:11em; text-align:center}
#upload-button-container input[type=button] {font-weight:bold}
#image-width, #image-thumb-width, #image-insert-format strong {font-size:.9em}
.uploadQueueItem {padding:.8em 1em; border:solid 1px #ddd; border-radius:5px; margin-bottom:.5em; background:rgba(238,238,238,0.22)}
.uploadQueueItem.error {border-color:rgba(255,0,0,0.25); background-color:rgba(255,0,0,0.08)}
.uploadQueueItem .cancel {font-size:20px; font-weight:700; font-family:Arial; float:right; margin:-.25em 0 0}
.uploadQueueItem .cancel a {text-decoration:none; color:#333!important}
.uploadProgress {display:block; width:98%; height:3px; margin:2px 0 0; background:#ddd; position:relative}
.uploadProgressBar {position:relative; background:#00adff; height:3px; width:.1%; transition:width .1s linear}
/** подсказки и затемнение фона при всплывающих страницах
---------------------------------------------------------------*/
.tipsy {padding:5px; font-size:11px; font-family:tahoma,helvetica,verdana,arial; position:absolute; z-index:100000;}
.tipsy-inner {padding:5px 8px 4px; background-color:black; color:white; max-width:200px; text-align:center; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px}
.tipsy-arrow {position:absolute; width:0; height:0; border:solid 5px; border-color:transparent transparent black transparent}
.tipsy-n .tipsy-arrow {top:0; left:50%; margin-left:-5px; border-top:0}
.tipsy-nw .tipsy-arrow {top:0; left:11px !important; border-top:0}
.tipsy-ne .tipsy-arrow {top:0; left:auto !important; right:11px; border-top:0}
.tipsy-s .tipsy-arrow {bottom:0; left:50%; margin-left:-5px; border-color:black transparent transparent transparent; border-bottom:0}
.tipsy-sw .tipsy-arrow {bottom:0; left:11px !important; border-color:black transparent transparent transparent; border-bottom:0}
.tipsy-se .tipsy-arrow {bottom:0; left:auto !important; right:11px; border-color:black transparent transparent transparent; border-bottom:0}
.tipsy-e .tipsy-arrow {top:50%; margin-top:-5px; left:auto !important;right:0; border-color:transparent transparent transparent black; border-right:0}
.tipsy-w .tipsy-arrow {top:50%; margin-top:-5px; left:0 !important; border-color:transparent black transparent transparent; border-left:0}
.jGrowl {z-index:9999; color:#fff; font-size:12px; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; position:fixed}
.jGrowl.top-left {left:0; top:0}
.jGrowl.top-right {right:0; top:0}
.jGrowl.bottom-left {left:0; bottom:0}
.jGrowl.bottom-right {right:0; bottom:0}
.jGrowl.center {top:0; width:50%; left:25%}
.jGrowl.center .jGrowl-closer,.jGrowl.center .jGrowl-notification {margin-left:auto; margin-right:auto}
.jGrowl-notification {background-color:#000; opacity:.9; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100)); -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100)); zoom:1; width:250px; padding:10px; margin:10px; text-align:left; display:none; border-radius:5px; min-height:40px}
.jGrowl-notification .ui-state-highlight,.jGrowl-notification .ui-widget-content .ui-state-highlight,.jGrowl-notification .ui-widget-header .ui-state-highlight {border:1px solid #000; background:#000; color:#fff}
.jGrowl-notification .jGrowl-header {font-weight:700; font-size:.85em}
.jGrowl-notification .jGrowl-close {background-color:transparent; color:inherit; border:none; z-index:99; float:right; font-weight:700; font-size:1em; cursor:pointer}
.jGrowl-closer {background-color:#000; opacity:.9; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100)); -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100)); zoom:1; width:250px; padding:10px; margin:10px; display:none; border-radius:5px; padding-top:4px; padding-bottom:4px; cursor:pointer; font-size:.9em; font-weight:700; text-align:center}
.jGrowl-closer .ui-state-highlight,.jGrowl-closer .ui-widget-content .ui-state-highlight,.jGrowl-closer .ui-widget-header .ui-state-highlight {border:1px solid #000; background:#000; color:#fff}
@media print {.jGrowl {display:none}}
.pun-modal {position:fixed; width:100%; height:100%; top:0; left:0; bottom:0; z-index:100000}
.pun-modal .modal-bg {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5); cursor:pointer; z-index:110000}
.pun-modal .modal-inner {width:700px; max-width:94%; height:auto; max-height:44em; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); border-radius: 5px; box-shadow:0 0 14px rgba(0,0,0,.3); position:relative; z-index:120000; overflow:hidden}
.pun-modal h2,.pun-modal h1 {max-width:700px; margin:0!important; background-color: #b4ad9c;}
.pun-modal .container {padding:.6em 1em; max-height:40em; overflow:auto}
.pun-modal .closer {position:absolute; font-size:1.5em!important; line-height:.8em; right:.4em; padding:.3em!important; margin:-.3em!important; cursor:pointer; background:none 0 transparent!important}
.noscroll {overflow:hidden!important}
.flag-i {
background-size: contain;
background-position: 50%;
background-repeat: no-repeat;
position: relative;
display: inline-block;
width: 1.33333333em;
line-height: 1em;
margin-right: 1em;
}
.flag-i:before { content: '\00a0';}
.social {
background-image: url(/i/social.1.png);
background-repeat: no-repeat;
float: left;
display: block;
margin: 3px 5px;
width: 16px;
height: 16px;
}
.social-vkontakte { background-position: -130px 0;}
.social-odnoklassniki { background-position: -78px 0;}
.social-mailru { background-position: -52px 0;}
.social-google { background-position: -26px 0;}
.social-yandex { background-position: -156px 0;}
.icons-pencil:before { content: '\270E'; } /* '' */
/*************************
Стиль для Быстрой смены аккаунтов
Deff
*************************/
#pun-navlinks li {
position:relative;
z-index:900;
}
/*Cкрытие формы входа без клика*/
#pun-navlinks a:not(.NextShow)+span.odd{
display:none!important;
}
#pun-navlinks a+span.odd{
display:inline-block!important;
position: absolute!important;
}
/*Стиль иконки Выход */
#pun-navlinks #New-exit img{
position: absolute;
margin: 0;
width: 20px;
height: auto;
opacity: .68;
/*display:none;*/
transition:.66s;
}
.punbb #pun-navlinks a#New-exit {
display: inline-block;
position: absolute;
margin: 0px -22px 0 22px;
padding: 0!important;
width: 20px;
height: 20px;
}
#pun-navlinks #New-exit:hover{
opacity: .45;
}
#pun-navlinks #New-exit:before{
background: url(http://essentia.rusff.me/Активные%20темы_files/53979003.png) 0 0 no-repeat;
background-size: 100% 100%;
}
/* input(ы) справо в форме */
.punbb #form-login div:not(#List-UserNames) input{
margin: 0!important;
outline: 0 none;
background: var(--backcol);
border-color: var(--bord);
margin-bottom: 7px!important;
border-radius: 8px!important;
padding: 3px!important;
}
.punbb #form-login input#fld1,
.punbb #form-login input#fld2{
width: 100px!important;
}
.punbb #pun-navlinks #form-login input[type="submit"].button{
color: #AB9163;
font-size: 11px!important;
border-radius: 0!important;
font-family: raleway !important;
padding: 4px 25px 4px 25px !important;
text-transform: uppercase;
background: #A44B1A;
border: 1px solid #A44B1A!important;
margin: 0!important;
transition:.33s;
}
.punbb #pun-navlinks #form-login input[type="submit"].button:hover{
background: #414141;
border: 1px solid #1E1E1E!important;
transition:.66s;
}
/*Стиль формы входа*/
#pun-navlinks #navlogin{
z-index:1400;
}
#pun-navlinks #form-login {
position: absolute;
width: 120px;
text-transform: none;
word-spacing: normal;
left: 0;
top: 19px;
z-index: 100000!important;
font-family: verdana!important;
font-weight: normal;
text-shadow: none;
letter-spacing: 0.1px!important;
color: var(--headtext);
font-size: 11px;
padding: 7px 12px;
background: #242424;
text-align: center;
border: var(--bord);
}
#pun-navlinks #form-login .inputfield.required:first-of-type {
margin-top: 5px;
}
#List-UserNames ul+span b,
.punbb #pun-navlinks #form-login input[type="submit"].button{
color:#AB9163;;
}
#pun-navlinks #navlogin #form-login {
margin-left: -33px;/*Подвижки формы влево от вход*/
}
#pun-navlinks #navlogout #form-login {
margin-left: -33px;/*Подвижки формы влево от выход*/
}
.ismoderator #pun-navlinks #navlogout #form-login {
margin-left: -33px!important;/*Подвижки формы влево от выход для АМС*/
}
/*Стиль ссылок в форме "Не зарегистрированы" и "Забыли пароль" */
#pun-navlinks #form-login a.Rega,
#pun-navlinks #form-login a.Forgot {
padding: 2px 4px!important;
font-size: 10px!important;
color: #7c6333!important;
text-shadow: 1px 1px 0 rgba(0, 0, 0,.45);
letter-spacing: 0!important;
font-family: verdana;
font-weight: 400;
line-height: 0px;
text-transform: none!important;
transition:.33s;
}
#pun-navlinks #form-login a.Rega:hover,
#pun-navlinks #form-login a.Forgot:hover {
color: #cbcaca!important;
transition:.6s;
}
#navlogout .Rega,
#navlogout .Forgot {
display:none!important;
}
/* Помечаем красным незаполненные поля!*/
.punbb #form-login input.none{
outline:red dashed 2px!important;
}
/* кнопка просмотра пароля */
.punbb #form-login input[type="checkbox"]#check{
display:none; /*Отключил-не понравилась*/
}
/*Форма слево(с Никами) */
#List-UserNames {
position: absolute;
margin-top: -8px;
min-height: 109px;
width: 220px;
right: 100%;
text-shadow: none;
padding: 12px 19px 12px 17px;
text-align: center;
background: #242424;
border: var(--bord);
}
/*Стиль контейнера под список Ников*/
#List-UserNames ul {
overflow: hidden;
overflow-y: auto;
min-height: 36px;
max-height: 72px;
text-align:left;
font-family: verdana;
padding: 0!important;
text-shadow: none !important;
font-size: 10px;
}
.punbb #List-UserNames li{
display: block!important;
position: relative;
background: #141414;
text-align: left;
padding-left: 5px!important;
font: normal normal 100 10px/normal verdana!important;
margin: 1px auto!important;
padding: 2px 0;
transition: .33s;
}
.punbb #List-UserNames li:hover{
opacity:.8;
}
/*Стиль Ников*/
.punbb #List-UserNames li>b{
cursor:pointer;
opacity:.8;
color: #fff;
text-shadow:1px 1px 1px rgba(0,0,0,.8);
}
.punbb #List-UserNames li>b:hover{
opacity:.93;
text-shadow:1px 1px 1px rgba(0,0,0,.8);
}
/*Скролл контейнера с никами*/
#List-UserNames ul::-webkit-scrollbar {
width: 7px;
height: 5px;
}
#List-UserNames ul::-webkit-scrollbar-track {
background-color: #CBC1AC;
border: 1px solid #CBC1AC;
box-shadow: none;
}
#List-UserNames ul::-webkit-scrollbar-thumb {
background-color: #2B1F14;
border: 2px solid #CBC1AC;
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,.8);
}
/*Текст при отсутствии запомненных Ников!*/
#List-UserNames ul:empty::before{
display:inline-block;
text-align: center;
content: "У Вас нет запомненных ников, введенных через форму справа, или через перенос ниже!"
}
/*Кнопка выход-2*/
#navlogin #exit-2 {
display:none;
}
/*Стиль блока с инпутом для переноса и вставки запомненных Аккаунтов*/
#List-UserNames ul+span{
display:inline-block;
padding:6px 0 8px 0;
text-align:left;
font: normal normal 400 10.56px/normal Verdana;
}
/*Сам инпут*/
.punbb #form-login #List-UserNames input {
display: inline-block;
background: var(--backcol);
border: 1px inset rgba(99,100,79,.3)!important;
border-radius: 8px;
outline: 0 none;
color: var(--link);
margin: 0!important;
margin-top: 9px!important;
padding: 4px !important;
vertical-align: middle;
}
/*Стрелочки к инпуту*/
#List-UserNames ul+span b{
font: normal normal 400 13px/normal Verdana;
padding:0 3px;
color: #AB9163;
}
/*Кликалка слево, чуть выше инпута*/
#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 {
margin-top:-22px!important;
margin-left: 106px!important;
max-width:170px;
}
#pun-ulinks li {
display:inline-block!important;
position:relative;
z-index:100;
}
/*********************************
//END Стиль к Быстрой смене Ников!
*********************************/
.hide-author .post-body {
margin-left: -25px!important;
width: 1030px!important;
position: relative!important;
}
.hide-author .post-content {
overflow: visible;
}
/*Регулировка размера шрифта в постах © Alex_63 */
.FNTslider {
border-radius: 4px;
position: relative;
z-index: 1000;
background: #a09c95;
width: 109px;
height: 2px;
margin: 3px 5px;
border: solid 1px #9b8d80;
float: right;
margin-right: 10%;
}
.FNTslider .before {
height: 2px;
border: solid 1px transparent;
border-right: none 0;
border-radius: 4px 0 0 4px;
position: absolute;
background: #716549;
margin-top: -1px;
}
.FNTslider .thumb {
width: 5px;
height: 9px;
border-radius: 3px;
position: relative;
top: -3px;
background: #2b2114b8;
cursor: pointer;
}
@media screen and (max-device-width: 580px) {
body { -webkit-text-size-adjust: none; }
#pun-status .container { height: 14px;}
#pun-index .tclcon { -webkit-text-size-adjust: none;}
#pun-crumbs1 {margin-top: 10px !important;}
#pun-profile li strong { font-size: 9px;}
.plot section p {
color: #2b251d;
text-indent: 20px;
font: var(--body-font);
line-height: 13px!important;
font-size: 10px!important;
-webkit-text-size-adjust: none;}
}
@media screen and (max-device-width: 1080px) {
#pun {
left: 7%; }
}
/*Скрытие подфорумов*/
#pun-index tr.isub {
display: none;
}
.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/001c/1e/85/56621.svg) no-repeat center;
background-size: 38px auto;
position: relative;
padding-left: 0px;
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%;
}
my
/*************************************************************
Основа css by shady
**************************************************************/
@import url(style_cs.css);
/* ПОДГРУЗКА ШРИФТОВ
-------------------------------------------------------------*/
@import url('https://forumstatic.ru/files/001b/6e/df/58432.css');
@import url('https://forumstatic.ru/files/0018/25/96/61263.css');
@font-face { font-family: Playfair Display;
src: url('https://forumstatic.ru/files/001b/0b/62/42032.ttf');}
@font-face { font-family: Vogue Highline serif;
src: url('https://forumstatic.ru/files/001b/6e/df/10841.otf');}
@font-face {font-family: 'Vetrino';
src: local("Vetrino"), url('https://forumstatic.ru/files/001b/11/27/48711.ttf');}
@font-face {font-family: 'roboto';
src: local("roboto"), url('https://forumstatic.ru/files/0018/b2/d3/10927.ttf');}
@font-face {font-family: 'ArnoPro';
src: local("ArnoPro"), url('https://forumstatic.ru/files/001a/da/7d/26546.otf');}
@font-face {font-family: 'Tahoma';
src: url('https://forumstatic.ru/files/0019/47/79/67198.ttf');}
@import url('https://use.fontawesome.com/releases/v5.15.1/css/all.css');
@font-face {font-family: 'Font Awesome';
src: url('https://forumstatic.ru/files/001a/da/7d/83987.ttf');}
@font-face {font-family: 'Bad Script';
src: url('https://forumstatic.ru/files/001a/da/7d/76746.ttf');}
@font-face {font-family: 'Caveat';
src: url('https://forumstatic.ru/files/001a/da/7d/73153.ttf');}
@font-face {font-family: 'Comforter Brush';
src: url('https://forumstatic.ru/files/001a/da/7d/96265.ttf');}
@font-face {font-family: 'Cormorant SC';
src: url('https://forumstatic.ru/files/001a/da/7d/53291.ttf');}
@font-face {font-family: 'Kurale';
src: url('https://forumstatic.ru/files/001a/da/7d/61460.ttf');}
@font-face {font-family: 'Old Standard TT';
src: url('https://forumstatic.ru/files/001a/da/7d/18179.ttf');}
@font-face {font-family: 'Merriweather';
src: url('https://forumstatic.ru/files/001c/18/b8/44854.ttf');}
@import url('https://use.fontawesome.com/releases/v5.15.1/css/all.css');
/* ROOT
-------------------------------------------------------------*/
:root {
--h1-font: 13px "Merriweather"; /* шрифт и размер заглавного текста */
--body-font: 10px "Merriweather"; /* шрифт основного текста */
--backcol: #b4ad9c; /* цвет подложки выпадающих меню */
--forcol: #4f5f4c1f; /* цвет подложки форумов/цитат */
--link: #605238; /* цвет основных ссылок */
--hovlink: #604074; /* цвет ссылок при наведении */
--doplink: #604074; /* цвет дополнительных ссылок */
--t-body: #5b4223; /*цвет основного текста */
--doptext: #5b4223; /*цвет дополнительного текста */
--proftext: #484333; /*цвет текста в профиле */
--proflink: #558d8b; /*цвет текста в профиле */
--bord: 1px solid #8b998578; /*цвет рамок форм */
--headtext: #584f37; /*цвет текста в шапке */
--posttext: #584f37; /*цвет текста поста в шапке */
--headlink: #5b4223; /* цвет ссылок в шапке */
--headhov: #604074; /* цвет ссылок в шапке при наведении */
--bodywidth: 1048px; /ширина тела/.
}
/* ОСНОВНЫЕ ШРИФТЫ ФОРУМА
-------------------------------------------------------------*/
/* основной шрифт текста форума */
body { font: 11px verdana;}
h1, h2 { font: 14px ArnoPro; color: #433f36; font-weight: normal;}
/* шрифты поля ввода*/
textarea, input, select, optgroup { font: 12px tahoma;}
/*шрифт в поле кода */
.punbb pre { }
/* ЦВЕТ ТЕКСТА БОЛЬШИНСТВА ЭЛЕМЕНТОВ НА ФОРУМЕ
-------------------------------------------------------------*/
.section .container, .post-body, .post-links, .punbb td.tc2, .punbb td.tc3, .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd, .info-box, #pun-main .info-box .legend, .main .container, .post .container, .post h3, .punbb-admin #pun-admain .adcontainer, #pun-title, #pun-title .container, .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, .post h3 span, .punbb th, #viewprofile li, #setmods dl {
color: var(--t-body);
}
/* ЦВЕТ ТЕКСТА ПОСТОВ
-------------------------------------------------------------*/
.post-box {
color: #433f36;
}
.post-box a {
color: #604074!important;
}
.post-box a:hover { color: #806b89!important; }
.post-box .code-box a,
.post-box .post-rating a {
color: #5b4223!important;
}
.post-box .code-box a:hover,
.post-box .post-rating a:hover {
color: #604074!important;
}
/* ЦВЕТ ДЕЖУРНОГО ТЕКСТА (тему просматривают, страницы и т.д.)
-------------------------------------------------------------*/
.linkst .pagelink, .linksb .postlink, .linkst .postlink, .punbb .post-links ul, .punbb .modmenu .container, .punbb .modmenu .container, .subscribelink, .punbb fieldset legend span, .punbb .linksb {
text-transform: lowercase;
color: var(--t-body);
font: var(--body-font);
}
/* ЦВЕТ ССЫЛОК НА ФОРУМЕ
-------------------------------------------------------------*/
.punbb a, .punbb a:link, .punbb a:visited, .punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited, .punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
text-decoration: none;
transition: color 0.3s ease-in-out;
box-shadow: none;
color: var(--t-body);
}
/* ЦВЕТ ССЫЛОК НА ФОРУМЕ ПРИ НАВЕДЕНИИ
-------------------------------------------------------------*/
.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: #604074;
}
/* ТАБЛИЦЫ
-------------------------------------------------------------*/
/* стили таблиц */
.main table { table-layout: fixed; width: 100%; }
#pun-viewforum .main table tr {
margin: 0px 0px 6px;
display: flex;
flex-wrap: wrap;
line-height: 11px;
}
#pun-searchtopics .main table tr {
margin: 0px 0px 10px;
display: flex;
flex-wrap: wrap;
}
.main .tcl .stickytext {
display: none;
}
#pun-viewforum TR.iclosed .closedatafield, #pun-messages TR.iclosed .closedatafield, #pun-searchtopics TR.iclosed .closedatafield {
display: none;
}
#pun-userlist .main table {
margin-top: 30px;
padding: 0px 10px;
}
#pun-userlist .main table tr {
margin: 0px 0px 12px;
display: flex;
}
#pun-userlist .linkst {
display: none;
}
#pun-messages .main table tr {
margin: 0px 0px 10px;
display: flex;
height: 35px;
}
#pun-messages #form-buttons table {
width: 102%;
}
#pun-messages #form-buttons table tr { height: auto; }
#pun-messages #form-buttons td {
margin: 0px;
}
#pun-messages .main table tr .tc2 {
margin: -8px 0px 0px;
}
#pun-messages .main table tr .tc2 a{
display: flex;
flex-wrap: wrap;
}
#pun-messages .main table tr .pmtc22 {
width: 28% !important;
}
#pun-viewforum .main table tr td {
align-self: center;
}
#pun-viewforum .main table tr .tcl {
width: 40%;
}
#pun-viewforum .main table tr .tcr {
margin-left: 80px;
}
#pun-profile .main {
margin-bottom: 50px;
}
#pun-profile li strong {
font-family: 'Merriweather';
}
#pun-profile #pa-fld1 strong {
padding-left: 155px;
}
#pun-profile #pa-fld5,
#pun-profile #profile-gifts {
display: none;
}
#pun-profile #profile-title strong {
width: 180px;
}
/* отступы в ячейках */
.main td { }
th { padding: 0!important; font-size: 0px!important; }
/* ширина подфорума */
#pun-index .tcl { width: 500px; }
.main .tcl { text-align: left; width: 45%; }
/* ширина ячеек */
.tc2, .tc3, .tcmod { text-align: center; width: 10%; }
/* ширина последнего сообщения */
.tcr { text-align: left; width: auto;
line-height: 30px; }
/* ширина в поиске/модерировании */
#pun-userlist .tcl, #pun-searchtopics .tcl, #pun-modviewforum .tcl {
width: 40%; line-height: 11px; }
#pun-userlist .tc2, #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; }
/* расположение последней активной темы */
#pun-index .tcr {
width: 40%!important;
font: var(--body-font);
align-self: center;
}
#pun-admain table {
background-color: #b4ad9c;
}
/* последняя активная тема в подфоруме */
#pun-index .tcr a {
width: 98% !important;
margin-bottom: -10px;
text-align: left;
display: block;
text-transform: uppercase;
font: var(--h1-font);
line-height: 130%;
font-size: 13px;
}
/* количество тем и сообщений в подфоруме */
#pun-index .tc2, #pun-index .tc3 {
width: 5%;
font: var(--h1-font);
position: absolute;
font-size: 8px;
text-transform: uppercase;
top: 35px;
}
#pun-index .tc2 {
left: 43%;
}
#pun-index .tc2::before {
content: 'тем:';
position: absolute;
font-size: 8px;
left: -5%;
}
#pun-index .tc2::after {
content: ',';
position: absolute;
font-size: 8px;
}
#pun-index .tc3 {
left: 51.5%;
}
#pun-index .tc3:before {
content: 'сообщений:';
position: absolute;
font-size: 8px;
right: 58%;
}
#pun-main .category thead .tc2, #pun-main .category thead .tc3 {display: none;}
/* НАВИГАЦИЯ ПО ФОРУМУ СВЕРХУ
-------------------------------------------------------------*/
#pun-navlinks .container {padding: 0px; margin: 32px 0px 0px;}
#pun-navlinks li { display: inline; }
/* расположение*/
#pun-navlinks { margin-top: -25px!important;
text-align: center;}
/* вид ссылок */
#pun-navlinks li a {
letter-spacing: 0.5px;
color: var(--t-body);
text-transform: uppercase;
padding-right: 7px;
font: var(--h1-font);
}
/* вид ссылок навигации при наведении */
#pun-navlinks li a:hover { color: var(--hovlink); }
/* ПОЛЬЗОВАТЕЛЬСКАЯ НАВИГАЦИЯ
-------------------------------------------------------------*/
#pun-ulinks .container { padding: 0!important;}
#pun-ulinks li, #pun-ulinks li a { display: inline;}
/*расположение */
#pun-ulinks { text-align: center;
position: relative;
top: 0px;
}
/* цвет ссылок */
#pun-ulinks a {
font: var(--body-font);
transition: all 0.5s linear 0s;
text-transform: lowercase;
padding-right: 10px;
}
/* цвет ссылок при наведении */
#pun-ulinks a:hover { color: var(--hovlink);}
/* ВАШЕ МЕСТОРАСПОЛОЖЕНИЕ НА ФОРУМЕ СВЕРХУ И СНИЗУ
-------------------------------------------------------------*/
/* расположение сверху */
#pun-crumbs1 { margin-top: 30px !important;}
/* расположение снизу */
#pun-crumbs2 { }
/* общий внешний вид */
#pun-crumbs1, #pun-crumbs2 {
font: var(--h1-font);
text-align: center;
text-transform: uppercase;
position: absolute;
width: 92%;
z-index: 1 !important;
color: var(--link)!important;
}
/* цвета ссылок */
#pun-crumbs2 a, #pun-crumbs1 a { color: var(--link);;}
/* цвет ссылок при наведении */
#pun-crumbs2 a:hover, #pun-crumbs1 a:hover {color: var(--hovlink);}
/* СТРОКА ПРИВЕТСТВИЯ
-------------------------------------------------------------*/
#pun-status strong { font-weight: normal; }
#pun-status span { margin-right: 5px; }
#pun-status .status-right {float: none!important;}
/* расположение */
#pun-status {
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 515px;
}
/* внешний вид */
#pun-status .container {
color: var(--t-body);
text-transform: lowercase;
font: var(--body-font);
}
/* цвет ссылки */
#pun-status a { color: var(--doptext); font-weight: normal;}
/* ТЕМЫ
-------------------------------------------------------------*/
/* весь пост */
.post .container { }
/* разделитель между сообщения*/
.post h3 {
width: 73%;
margin: 40px 0px -15px 255px !important;
padding: 5px;
box-sizing: border-box;
height: 20px;
background: #b4ad9c61;
border: 1px solid #9f957fc4;
color: #605238 !important;
font: var(--body-font);
line-height: 10px;
z-index: 999;
position: relative;
}
/* текст внутри разделителя */
.post h3 span {
display: block;
font-size: 9px;
text-transform: lowercase;
letter-spacing: 0.5px;
margin-left: 20px!important;
font-weight: normal;
}
/* ссылка внутри разделителя */
.post h3 a {
font-weight: 100!important;
font-size: 9px!important;}
/* номер поста */
.post h3 strong { float: right;
text-align: right;
font-weight: normal;
margin-right: 25px;
}
.hide-author h3 {
width: 100% !important;
margin: 40px 0px -15px 0px !important;
}
.hide-author .post-box {
padding: 20px 40px 0px;
}
.hide-author .reaction-picker {
margin-left: 40px;
}
/* расположение профиля */
.post .post-author { float: left;
min-height: 200px!important;
}
/* пост и отступы в посте */
.post-body { margin-left: 240px; }
.post-box { padding: 25px 14px 0px 12px; }
/* выравнивание текста поста */
.post-content {
width: 100%;
overflow: hidden;
text-align: justify; }
/* абзацы постов */
.post-content p {
padding: 0;
line-height: 150%;}
/* .post-content {margin: 0px 0px 15px 10px !important;} */
/* ссылки в посте */
.post-links { font-weight: 100; }
.post-links li { display: inline; padding-left: 5px; }
.post-links ul { padding: 0px 10px 0px 0px;
text-align: right;
}
.pl-email, .pl-website { float: left; }
.clearer { clear: both; height: 0; font-size: 0; }
/* курсив и подчеркнутый текст внутри поста */
.post-content em {font-style: italic}
.post-content em.bbuline {font-style: normal; text-decoration: underline;}
/* картинки в постах */
.post-content img { vertical-align: text-bottom }
.post-content img.postimg { vertical-align: middle; }
/* таблицы в постах */
td { border-color: transparent; }
.post-content td { padding: 0.4em 0.5em !important;
overflow: hidden;
}
/* разделитель подписи в посте */
.post-sig dt, .post-sig dd, .post-sig dl {margin: 0}
.post-sig dt {
display: block;
margin: 5px 0;
border: 1px solid #b6b1a24f;
width: 350px;
margin: 0px 170px;
}
/* экстра */
.post-content table {border-collapse:collapse; margin:0 0 0.8em}
.post-content td p:last-child {padding-bottom:0}
.post-content .highlight-text {background-color:#ff0; color:#000}
.post-content .spoiler-box > div {background:url('/img/plus.png') no-repeat left center; cursor:pointer; padding-left:18px}
.post-content .spoiler-box > div.visible {background-image: none;}
.post-content .spoiler-box > blockquote {padding: 0; display: none; margin: 10px;}
.post-content .spoiler-box > blockquote.visible {display:block; overflow:auto}
.post-content hr {opacity:0.5; filter:alpha(opacity=50); margin-bottom:0.8em}
.post-content abbr {cursor:help}
.post-content ul {padding:0 0 1em 2.3em}
.post-content ul li {list-style:inherit; margin-bottom:0.3em}
.post-content ul li ul {padding-bottom:0}
.post-content ul li > p {padding-bottom:0.3em}
.post-content ul li > p:last-of-type {padding-bottom:0}
.post .post-author .pa-ua {display: none};
/* ФОРМЫ
-------------------------------------------------------------*/
/* контейнер можно отключить */
.formal .container {padding: 15px 0px; }
.punbb .formal fieldset {min-width:0; border: none;}
.punbb .formal span.input {padding-right:0 !important}
#post-form h2, #pun-announcement h2 { display:none;}
/* местоположение кнопок отправить/посмотреть */
.formsubmit { margin: 0px 0px 10px 35px;}
.formsubmit input, .formsubmit a, .formsubmit span { margin: 0; }
/* инфо по заполнению */
fieldset { padding: 0 20px;}
fieldset legend { margin: 0 0px 10px 10px;}
/* настройка текста */
fieldset legend span { text-transform: uppercase!important; }
fieldset fieldset { border: none; margin: 0; padding: 0px 0px 5px; }
.fs-box { padding: 0px; }
.fs-box p, .punbb .fs-box fieldset { padding: 0px; }
.inline .inputfield, .inline .selectfield, .inline .passfield { float: left; margin-right: 1em; }
.inline .infofield { clear:both }
.datafield br { display: none }
.required label, .datafield span.input { font-weight: bold }
textarea, .longinput input { width: 64%; margin: 0; }
/* обводка активного поля */
input, textarea, button {outline:none;}
input:active, textarea:active, button:active {outline:none;}
.hashelp { position: relative; }
/* чекбоксы */
.checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 0.3em;}
p[class="checkfield"] *, div[class="checkfield"] *, fieldset[class="radiofield"] * { height: 1.8em; vertical-align: middle; }
/* страница переадресации */
#pun-redirect {padding: 14px;}
#pun-redirect.punbb .info .container{ }
/* поле ввода текста поста */
.punbb textarea {
background-clip: padding-box;
background: var(--forcol);
padding: 18px 20px !important;
width: 95% !important;
color: var(--link);
border: solid 1px #46464640;
border-radius: 5px;
}
/* поле ввода название темы */
.punbb select, input {
background: var(--forcol);
color: var(--link);
margin-top: 5px;
border: solid 1px #4646460d;
border-radius: 3px;
}
/* перенос сообщений из темы */
.pun-modal .container {
width: 100%!important;
position: relative;
border: none!important;
padding-left: 0!important;
padding-right: 0!important;
background: var(--backcol);
}
/* пагинация
-------------------------------------------------------------*/
/* страницы в подфоруме сверху */
.linkst { position: relative;
height: 0;
top: 0px; }
.linkst .pagelink { margin-left: 8px;}
.postlink.long { width: 300px; }
.linkst .postlink { position: absolute;
top: 0px;
right: 5px;
text-align: right;
}
/* страницы в подфоруме снизу*/
.linksb { text-align: right;
padding: 0px 5px;
position: relative;
bottom: -5px;}
.linksb .pagelink {
width: 300px;
text-align: left; }
.linksb .postlink {float: right;}
/* страницы в теме снизу*/
#pun-viewtopic .linksb { text-align: right;
padding: 0px 0px;
position: relative;}
/* подписаться и отслеживать внутри темы */
.subscribelink { clear:both; padding-top: 10px; }
/* меню модератора */
.modmenu .container { padding: 0px 0px;
text-align: right;
margin: 10px 0px 10px; }
.modmenu strong, .modmenu a {height: 15px; padding-bottom: 10px; }
.modmenu .container strong { float: left; }
.modmenu input { margin-left: 1em; }
/* КНОПКИ И ФОРМЫ ЗАПОЛНЕНИЯ BY BLANCHE. МОЖНО БРАТЬ, НО ОСТАВЛЯЕМ КОПИ*/
/* формы заполнения*/
.punbb select, .punbb option { text-transform: lowercase!important;
line-height: 9px;
font-size: 10px !important;
padding: 2px 4px 4px;}
.checkbox { width: auto !important;}
.punbb option { background-color: var(--forcol);}
/* КНОПКИ ОТПРАВИТЬ ПОСМОТРЕТЬ
-------------------------------------------------------------*/
input.button, #post fieldset .hashelp div input, button, #pun-admain input {
background: var(--forcol);
border-radius: 7px !important;
border: 1px solid #46464638 !important;
color: var(--link);
padding: 9px 10px 7px 10px;
cursor: pointer !important;
-webkit-transition: .5s all;
-moz-transition: .5s all;
-ms-transition: .5s all;
-o-transition: .5s all;
transition: .5s all;
font: var(--h1-font) !important;
text-transform: uppercase;
font-size: 11px !important;
width: auto;
font-weight: bolder !important;
}
/* при наведении */
input.button:hover, #post fieldset .hashelp div input:hover, button:hover {
background: none;
cursor: pointer!important;
color: var(--hovlink);
}
/* КОДЫ И ЦИТАТЫ
-------------------------------------------------------------*/
/* расположение */
#pun-main table .quote-box, #pun-main table .code-box {margin: 5px 1px 5px}
/* бокс под цитаты/код итд */
.scrollbox {
width: 100%;
overflow: auto;
max-height: 200px;
}
blockquote {margin:0;}
/* ЦИТАТЫ BY BLANCHE. МОЖНО БРАТЬ, НО ОСТАВЛЯЕМ КОПИ
-------------------------------------------------------------*/
/* цитаты, спойлер, выделить код */
.post-content .quote-box, .post-content .code-box {
margin: 10px;
position: relative;
overflow: hidden;
padding: 15px 20px;
background: var(--forcol);
border: var(--bord);
border-radius: 5px;}
.post-content .quote-box, .post-content .code-box, .pun-modal .modal-inner, #mask_dialog .inner, .editBookmark, #pun-redirect.punbb .info, #pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner, #MyBookmarks {
font-family: var(--h1-font)!important;
font-size: 11px!important;
}
.quote-box cite:before, .code-box strong.legend:before {
content: '*';
font-family: 'ArnoPro';
font-size: 60px;
position: absolute;
left: 25px;
top: 20px;
color: #443e3394;
}
.post-content .spoiler-box > div:before {
content: '+';
font-family: 'ArnoPro';
font-size: 40px;
position: absolute;
left: 25px;
top: 13px;
color: #443e3394;
}
/* фон проставления репутации */
.post_reputation {
background-color: #bec2c7;
padding-right: 20px !important;
}
/* написал и выделить код */
.quote-box cite, .code-box strong.legend, .post-content .spoiler-box > div {
display: block;
font: var(--h1-font);
text-align: justify;
margin: 5px 7px 8px 40px;
border: 1px solid #9da091;
font-weight: 500;
text-transform: uppercase;
background: var(--forcol);
padding: 8px;
border-radius: 10px;
font-size: 10px;
}
.post-content .spoiler-box > div { margin-bottom: 0px;}
/* СПОЙЛЕР BY BLANCHE. МОЖНО БРАТЬ, НО ОСТАВЛЯЕМ КОПИ. ПРОДОЛЖЕНИЕ В НАСТРОЙКАХ */
.post-content .spoiler-box > div:after {
}
.post-content .spoiler-box > div.visible:after { transform: rotate(45deg);}
/* выделить код (скопировать код) */
#pun-main .code-box .scrollbox pre {
font-family: var(--h1-font)!important;}
/* ВЫПАДАЮЩИЕ ОКНА ШРИФТОВ, РАЗМЕРА ТЕКСТА И ТД
-------------------------------------------------------------*/
#color-area, #table-area, #keyboard-area {width:auto}
#keyboard-area {text-align:center; padding-bottom:4px}
#imageup-area {width:170px}
#imageattach-area {width:770px; height:200px; padding:0px !important}
#smilies-area, #video-area, #spoiler-area {width:450px}
#image-area {width:550px}
#color-area * {border:0}
#color-area table {width:320px; height:20px; padding:0; margin:0}
#table-area table {width:auto !important; padding:0; margin:0; border-collapse:collapse}
#table-area div {margin-top:1em; text-align:center}
#table-layout {margin-right:0.5em}
#table-area td {background-color:#fff; width:20px; height:20px; border-width:1px !important; border-style:solid !important; border-color:#dadada !important}
#table-area td.selected {background-color:#c8c8ff}
#color-area td, #table-area td {margin:0; padding:0; line-height:0}
#color-area td img, #table-area td img {width:20px; height:20px; cursor:pointer !important}
#font-area span, #font-area img, #size-area span, #size-area img {display:block; position:relative; }
#font-area span, #font-area img {height:15px}
#size-area span, #size-area img {height:24px}
#font-area span, #size-area span {padding:1px 0}
#addition-area div {height:24px; vertical-align:middle}
#font-area img {width:100%; margin-top:-15px}
#size-area img {width:100%; margin-top:-24px}
#keyboard-span {text-align:center; padding-bottom:10px; width:auto}
#keyboard-span input {font-family:Arial, Helvetica, sans-serif; font-weight:300; font-size:13px; color:#666; background-color:#fff; margin:1px 1px 0 0; border:1px solid #ddd; cursor:pointer; height:25px; min-width:30px}
#imageup-area input {font-size:0.8em}
#imageup-area p {padding:0; margin:0}
#imageup-title {margin-bottom:10px !important}
#imageup-submit {margin-top:10px !important}
/* настройки оформления */
#font-area, .popup_graffiti, #size-area, #image-area, #color-area, #addition-area, #video-area, .inner .popup_graffiti, #table-area, #keyboard-area, #video-area-msg, #smilies-area, #video-area, #spoiler-area, #float {
padding: 15px 10px 10px 10px !important;
background: var(--backcol);
border-radius: 5px;
color: var(--t-body);
border: var(--bord);
}
#size-area {width: 50px; left: 15px;}
#font-area span, #font-area img { height: 15px; }
/* фон репутации */
.post_reputation {
padding: 15px;
background: var(--backcol);}
#font-area {
height: 160px;
width: 130px;
overflow-y: auto;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
justify-content: space-between;
left: 0px;
}
#font-area div {
-webkit-flex-basis: 12em;
flex-basis: 12em;
-webkit-flex-grow: 1;
flex-grow: 1;
}
#tags .container {position: absolute;
z-index: 2;
right: 50px;}
/* мини аватар на главной
-------------------------------------------------------------*/
.user-avatar {height: 35px; width:35px; float: left;
position: relative;
margin: -5px 10px 0px 0;}
.user-avatar .avatar-image {
border: 2px solid;
height: 35px;
width: 35px;
/* color: #382b2982; */
opacity: 0.85;
border-radius: 50%;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
float: left;
filter: grayscale(0.5) brightness(0.9);}
.user-avatar .avatar-image span img { filter: grayscale(1)!important;}
.user-avatar .isonline {
width: 8px;
height: 8px;
border-radius: 50%;
display: block;
position: absolute;
top: -4px;
right: 31px;
animation: blinkColor .9s linear infinite;
-moz-animation: blinkColor .9s linear infinite;
-webkit-animation: blinkColor .9s linear infinite;
background: var(--hovlink);
z-index: 100;
}
.punbb .user-avatar a {padding:0!important; background:none transparent!important}
.punbb .user-avatar a::after {content:none!important}
.punbb .user-avatar .avatar-image:hover {opacity:1}
@keyframes blinkColor {0% {opacity:1.0} 50% {opacity:.3} 100% {opacity:1.0}}
@-moz-keyframes blinkColor {0% {opacity:1.0} 50% {opacity:.3} 100% {opacity:1.0}}
@-webkit-keyframes blinkColor {0% {opacity:1.0} 50% {opacity:.3} 100% {opacity:1.0}}
#pun-viewforum .user-avatar {float: left;
position: relative;
height: 30px;
width: 30px;
margin: 0px 10px 0px -15px;
}
#pun-messages .user-avatar {
float: left;
position: relative;
height: 34px;
width: 34px;
margin: 0px 20px 0px 0px;
}
#pun-viewforum .user-avatar .avatar-image, #pun-messages .user-avatar .avatar-image {
border: 2px solid!important;
height: 30px ;
width: 30px !important;
opacity:0.85; background-position:center center; background-size:cover; background-repeat:no-repeat; float:left; filter: grayscale(0.5);}
#pun-viewforum .user-avatar .isonline {
width: 5px;
height: 5px;
border-radius: 50%;
display: block;
position: absolute;
top: -1px!important;
right: 27px!important;
animation: blinkColor .9s linear infinite;
-moz-animation: blinkColor .9s linear infinite;
-webkit-animation: blinkColor .9s linear infinite;
background: var(--hovlink);
z-index: 100;
}
/* СТРАНИЦА ЛИЧНЫХ СООБЩЕНИЙ
-------------------------------------------------------------*/
#pun-messages .post h3 {margin-left: 225px!important;
width: 520px; }
#pun-messages .post-author { margin-left: -90px!important;
margin-top: 0px!important;
}
#pun-messages .post-author ul { }
#pun-messages .pa-author a { text-shadow: none !important;}
#pun-messages .pa-author { text-shadow: none !important;}
#pun-messages .pa-title { }
#pun-messages .pa-posts {}
#pun-messages .post-body {margin-left: 200px!important; }
#pun-messages .post .container { border: none!important;}
#pun-messages #post-form { margin-top: 0px!important; border: none!important; }
#pun-messages .indOnline, #pun-messages .indOffline, #pun-messages .pa-reg {display: none;}
.pmtc22 {
width: 20% !important;
line-height: 30px;
}
.pmtcl1 {width: 50% !important;}
/* ПРОКРУТКА, ВЫДЕЛЕНИЕ, ВВЕРХ-ВНИЗ, БЕГУНОК УВЕЛИЧЕНИЯ ТЕКСТА
-------------------------------------------------------------*/
/* выделенный текст */
::selection { background: #3c3c3c;
color: #7d6745;}
/* ширина прокрутки */
::-webkit-scrollbar {
width: 1px;
height: 1px;}
/* движущаяся часть прокрутки */
::-webkit-scrollbar-thumb {
background-color: rgba(206, 200, 195, .3);
}
.blockcode .scrollbox::-webkit-scrollbar-thumb, #main-reply::-webkit-scrollbar-thumb, #tags .container::-webkit-scrollbar-thumb, #imageQueue::-webkit-scrollbar-thumb, #uploaded-images::-webkit-scrollbar-thumb, #mask_dialog .hv-form-block::-webkit-scrollbar-thumb, .punbb #mask_dialog .hv-preview-block::-webkit-scrollbar-thumb, .hv-masks-storage::-webkit-scrollbar-thumb, #form-login #List-UserNames ul::-webkit-scrollbar-thumb, .pun-modal .container::-webkit-scrollbar-thumb, .unread-notifications #notifications-wrap::-webkit-scrollbar-thumb, #history_selected_version textarea::-webkit-scrollbar-thumb, .adinput textarea::-webkit-scrollbar-thumb, #post #wrapper div::-webkit-scrollbar-thumb, #post #wrapperBottom div::-webkit-scrollbar-thumb, .hvStickerPackModalContent::-webkit-scrollbar-thumb, .materielbag::-webkit-scrollbar-thumb {
background-color: #8a8473;
}
/* подложка прокрутки */
::-webkit-scrollbar-track {
background-color: rgba(138, 132, 115, .3);
}
.blockcode .scrollbox::-webkit-scrollbar-track, #main-reply::-webkit-scrollbar-track, #tags .container::-webkit-scrollbar-track, #imageQueue::-webkit-scrollbar-track, #uploaded-images::-webkit-scrollbar-track, #mask_dialog .hv-form-block::-webkit-scrollbar-track, .punbb #mask_dialog .hv-preview-block::-webkit-scrollbar-track, .hv-masks-storage::-webkit-scrollbar-track, #form-login #List-UserNames ul::-webkit-scrollbar-track, .pun-modal .container::-webkit-scrollbar-track, .unread-notifications #notifications-wrap::-webkit-scrollbar-track, #history_selected_version textarea::-webkit-scrollbar-track, .adinput textarea::-webkit-scrollbar-track, #post #wrapper div::-webkit-scrollbar-track, #post #wrapperBottom div::-webkit-scrollbar-track, .hvStickerPackModalContent::-webkit-scrollbar-track, .Select_Topics tbody::-webkit-scrollbar-track, .materielbag::-webkit-scrollbar-track {
background-color: #7f796b30;
}
/* ПРОФИЛЬ ПРИ НАСТРОЙКЕ + ЛИЧНЫЕ СООБЩЕНИЯ
-------------------------------------------------------------*/
#profilenav h2 { }
/* контейнер */
#profile .container { padding-left: 200px; }
/* навигация */
#profilenav { float: left; width: 200px; margin-left: -200px; }
/* отступы между строк в меню*/
#profilenav li { padding-bottom: 10px; font-weight: normal; }
/* отступ в управлении */
#setmods dl {padding: 0 0 0 110px; }
#setmods dt { float: left;
width: 150px;
margin-left: -190px;
padding: 10px;
display: inline;
}
#setmods dd { display: block; padding: 10px; font-weight: normal; }
/*настройки списка */
#profilenav ul { padding: 0px; }
/* заголовки в настройках профиля (у меня отключены) */
#viewprofile h2, #profilenav h2 { text-align: left;
margin: 0px!important;}
#viewprofile h2 span, #profilenav h2 span {
font-size: 15px;
text-align: center;
text-transform: uppercase; }
/* ПРОФИЛЬ в ПРЕДПРОСМОТРЕ
-------------------------------------------------------------*/
#viewprofile ul { padding: 0px 25px; }
#viewprofile li { }
#viewprofile li span {float: left;
width: 150px;
padding: 5px 10px;
font-weight: bold; }
#viewprofile li strong, #viewprofile li div { display: block; padding: 7px 10px; font-weight: normal; }
#profile-left { width: 25%; padding-top:0 !important;}
#profile-right {width: 75%}
#profile-name strong {font-size:14px}
#profile-left strong {font-weight:bold!important;}
#profile-signature {padding:10px;}
#viewprofile .lzname, #viewprofile .lztext {
background: transparent;
text-align: left;
width: auto;
border: none;
outline: none;
margin: 0!important;
padding: 0px!important;
padding-bottom: 2px!important;
text-shadow: none;
font-weight: bolder!important;
}
/* ОСНОВНЫЕ НАСТРОЙКИ. НЕ ТРЕБУЮТ ИЗМЕНЕНИЙ
-------------------------------------------------------------*/
* html .tclcon {height: 1px}
html, body {min-width: 1200px!important;}
/* отключить прокрутку снизу */
body {overflow-x: hidden}
/* отступы по умолчанию у тела */
body {margin: 0;}
/* элементы списка */
ul, dl, li, dd, dt { list-style: none; }
/* убрать курсив с текста везде кроме поста */
address, em {font-style: normal;}
/* убрать подчеркивание с ссылок */
a { text-decoration: none; }
/* скрытые элементы */
#pun:after,
.punbb .container:after,
.punbb .post-links ul:after,
.punbb .main div.inline:after,
.punbb .post-box:after,
.punbb .linksb:after, #pun-title h1 span, #pun-main h1, #pun-debug h2 { clear: both; content: "."; display: block; height: 0; visibility: hidden; overflow:hidden; line-height: 0.0; font-size: 0; }
#button-files_rusff,
#button-graffiti_rusff {display: none!important;}
#post fieldset legend {display: none!important;}
.punbb-admin #pun-status {display: none!important;}
.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, #navawards a span { font-size: 0; height: 0; width: 0; line-height: 0.0; position:absolute; left: -9999px; overflow: hidden }
#pun-ulinks .item5, .modlist, .topic a.sharelink, li.pa-ua, .pa-author imgб li#navawards, .lastedit, .pa-gifts, div#pun-live-rusff { display:none;}
/* информация при регистрации */
.info-box {padding: 0 30px; margin: 0 0 10px 0; }
.info-box * { padding: 0; }
#pun-main .info-box .legend { font-weight: bold; }
/* СКОПИРОВАНО ИЗ ЭКСТРЫ
-------------------------------------------------------------*/
#poll-special table.poll1 {width:auto}
#poll-special td {border:0}
.punbb .post-content img.postimg {max-width:100%; margin:0.4em 0}
#poll-special td {text-align:left !important; cursor:default !important}
#poll-special td.tac {text-align:center !important}
#poll-special td.tar {text-align:right !important}
#form-buttons table, .punbb .formal textarea {width:100%}
#form-buttons td {padding:0 !important; line-height:0; background-position:center; background-repeat:no-repeat; border:0; cursor:pointer;}
#form-buttons td img {height:26px; width:100%}
#form-buttons tr {text-align: center;}
td#button-font {background:url('/i/form_buttons.3.png') no-repeat 50% 5px}
td#button-size {background:url('/i/form_buttons.3.png') no-repeat 50% -21px}
td#button-bold {background:url('/i/form_buttons.3.png') no-repeat 50% -47px}
td#button-italic {background:url('/i/form_buttons.3.png') no-repeat 50% -73px}
td#button-underline {background:url('/i/form_buttons.3.png') no-repeat 50% -99px}
td#button-strike {background:url('/i/form_buttons.3.png') no-repeat 50% -125px}
td#button-left {background:url('/i/form_buttons.3.png') no-repeat 50% -151px}
td#button-center {background:url('/i/form_buttons.3.png') no-repeat 50% -177px}
td#button-right {background:url('/i/form_buttons.3.png') no-repeat 50% -203px}
td#button-link {background:url('/i/form_buttons.3.png') no-repeat 50% -229px}
td#button-spoiler {background:url('/i/form_buttons.3.png') no-repeat 50% -255px}
td#button-image {background:url('/i/form_buttons.3.png') no-repeat 50% -281px}
td#button-video {background:url('/i/form_buttons.3.png') no-repeat 50% -307px}
td#button-hide {background:url('/i/form_buttons.3.png') no-repeat 50% -333px}
td#button-quote {background:url('/i/form_buttons.3.png') no-repeat 50% -359px}
td#button-code {background:url('/i/form_buttons.3.png') no-repeat 50% -385px}
td#button-color {background:url('/i/form_buttons.3.png') no-repeat 50% -411px}
td#button-smile {background:url('/i/form_buttons.3.png') no-repeat 50% -437px}
td#button-keyboard {background:url('/i/form_buttons.3.png') no-repeat 50% -463px}
td#button-table {background:url('/i/form_buttons.3.png') no-repeat 50% -489px}
td#button-addition {background:url('/i/form_buttons.3.png') no-repeat 50% -515px}
#formkey, #formetc {display:none}
#main-reply {width:100%}
#pun-messages #post-form div.container {padding-left:2.3em}
#similar-topics {margin-top:1em}
#similar-topics div.container {padding-top:1.1em}
#similar-topics td {border:0; padding:0}
#similar-topics td.st-tcl {width:60%}
#similar-topics td.st-tc2 {width:25%; padding-right:1em; text-align:right}
#similar-topics td.st-tcr {width:15%; padding-right:1em; text-align:right}
.postlink.long {width:30em}
.postlink.long .new-topic {padding-right:12px}
#pun-online .tcl.action {width:35%}
#pun-online .tc3 {width:10%}
#pun-index .isub .tcl {padding-left: 3em !important;}
#pun-main #subforums {padding: 1em 0 1em 1em; margin-bottom: 5px;}
/** подгрузка видео и картинок
---------------------------------------------------------------*/
#video-host-list {margin-top:.3em; line-height:1.8em}
#video-area-tinp, #image-area-tinp {margin:.5em 0; padding:.3em; border:#66a solid 1px; height:70px}
#video-area-msg, #image-source-list, #image-area-actions, #spoiler-sels {line-height:2em}
p[class="checkfield"] img, div[class="checkfield"] img, fieldset[class="radiofield"] img {height:auto; max-height:50px}
#image-area-tcon-computer {margin:0 0 1em}
#image-area-tcon-computer td {border:none !important; padding:0}
#imageupload-left {width:140px}
#imageupload-right {padding-left:9px !important; background:transparent !important; max-width:380px}
#image-area-actions {text-align:right}
* html #imageQueue {height:expression( this.scrollHeight > 65 ? "66px" :"auto" )} /* sets max-height for IE */
* html #uploaded-images {height:expression( this.scrollHeight > 143 ? "144px" :"auto" )}
#imageQueue {max-height:72px; overflow-y:auto; margin-bottom:10px}
#uploaded-images {max-height:144px; overflow-y:auto}
#uploaded-images img {width:88px; height:66px; border:1px solid; margin-right:4px; cursor:pointer}
#upload-button-container, #image-width, #image-thumb-width, #image-insert-format, #insert-all-images-container {margin-top:10px}
#image-source-list a, #image-area-actions a, #spoiler-sels a {margin-right:15px; cursor:pointer}
#insert-image-tip {margin-top:10px}
#upload-button-container img {cursor:pointer; width:120px; height:30px}
#image_upload_input {position:absolute; z-index:-1; left:-9999px}
#selected-image-width, #selected-thumb-width {width:6em}
#imageupload-left input[type=button] {width:11em; text-align:center}
#upload-button-container input[type=button] {font-weight:bold}
#image-width, #image-thumb-width, #image-insert-format strong {font-size:.9em}
.uploadQueueItem {padding:.8em 1em; border:solid 1px #ddd; border-radius:5px; margin-bottom:.5em; background:rgba(238,238,238,0.22)}
.uploadQueueItem.error {border-color:rgba(255,0,0,0.25); background-color:rgba(255,0,0,0.08)}
.uploadQueueItem .cancel {font-size:20px; font-weight:700; font-family:Arial; float:right; margin:-.25em 0 0}
.uploadQueueItem .cancel a {text-decoration:none; color:#333!important}
.uploadProgress {display:block; width:98%; height:3px; margin:2px 0 0; background:#ddd; position:relative}
.uploadProgressBar {position:relative; background:#00adff; height:3px; width:.1%; transition:width .1s linear}
/** подсказки и затемнение фона при всплывающих страницах
---------------------------------------------------------------*/
.tipsy {padding:5px; font-size:11px; font-family:tahoma,helvetica,verdana,arial; position:absolute; z-index:100000;}
.tipsy-inner {padding:5px 8px 4px; background-color:black; color:white; max-width:200px; text-align:center; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px}
.tipsy-arrow {position:absolute; width:0; height:0; border:solid 5px; border-color:transparent transparent black transparent}
.tipsy-n .tipsy-arrow {top:0; left:50%; margin-left:-5px; border-top:0}
.tipsy-nw .tipsy-arrow {top:0; left:11px !important; border-top:0}
.tipsy-ne .tipsy-arrow {top:0; left:auto !important; right:11px; border-top:0}
.tipsy-s .tipsy-arrow {bottom:0; left:50%; margin-left:-5px; border-color:black transparent transparent transparent; border-bottom:0}
.tipsy-sw .tipsy-arrow {bottom:0; left:11px !important; border-color:black transparent transparent transparent; border-bottom:0}
.tipsy-se .tipsy-arrow {bottom:0; left:auto !important; right:11px; border-color:black transparent transparent transparent; border-bottom:0}
.tipsy-e .tipsy-arrow {top:50%; margin-top:-5px; left:auto !important;right:0; border-color:transparent transparent transparent black; border-right:0}
.tipsy-w .tipsy-arrow {top:50%; margin-top:-5px; left:0 !important; border-color:transparent black transparent transparent; border-left:0}
.jGrowl {z-index:9999; color:#fff; font-size:12px; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; position:fixed}
.jGrowl.top-left {left:0; top:0}
.jGrowl.top-right {right:0; top:0}
.jGrowl.bottom-left {left:0; bottom:0}
.jGrowl.bottom-right {right:0; bottom:0}
.jGrowl.center {top:0; width:50%; left:25%}
.jGrowl.center .jGrowl-closer,.jGrowl.center .jGrowl-notification {margin-left:auto; margin-right:auto}
.jGrowl-notification {background-color:#000; opacity:.9; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100)); -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100)); zoom:1; width:250px; padding:10px; margin:10px; text-align:left; display:none; border-radius:5px; min-height:40px}
.jGrowl-notification .ui-state-highlight,.jGrowl-notification .ui-widget-content .ui-state-highlight,.jGrowl-notification .ui-widget-header .ui-state-highlight {border:1px solid #000; background:#000; color:#fff}
.jGrowl-notification .jGrowl-header {font-weight:700; font-size:.85em}
.jGrowl-notification .jGrowl-close {background-color:transparent; color:inherit; border:none; z-index:99; float:right; font-weight:700; font-size:1em; cursor:pointer}
.jGrowl-closer {background-color:#000; opacity:.9; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100)); -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100)); zoom:1; width:250px; padding:10px; margin:10px; display:none; border-radius:5px; padding-top:4px; padding-bottom:4px; cursor:pointer; font-size:.9em; font-weight:700; text-align:center}
.jGrowl-closer .ui-state-highlight,.jGrowl-closer .ui-widget-content .ui-state-highlight,.jGrowl-closer .ui-widget-header .ui-state-highlight {border:1px solid #000; background:#000; color:#fff}
@media print {.jGrowl {display:none}}
.pun-modal {position:fixed; width:100%; height:100%; top:0; left:0; bottom:0; z-index:100000}
.pun-modal .modal-bg {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5); cursor:pointer; z-index:110000}
.pun-modal .modal-inner {width:700px; max-width:94%; height:auto; max-height:44em; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); border-radius: 5px; box-shadow:0 0 14px rgba(0,0,0,.3); position:relative; z-index:120000; overflow:hidden}
.pun-modal h2,.pun-modal h1 {max-width:700px; margin:0!important; background-color: #b4ad9c;}
.pun-modal .container {padding:.6em 1em; max-height:40em; overflow:auto}
.pun-modal .closer {position:absolute; font-size:1.5em!important; line-height:.8em; right:.4em; padding:.3em!important; margin:-.3em!important; cursor:pointer; background:none 0 transparent!important}
.noscroll {overflow:hidden!important}
.flag-i {
background-size: contain;
background-position: 50%;
background-repeat: no-repeat;
position: relative;
display: inline-block;
width: 1.33333333em;
line-height: 1em;
margin-right: 1em;
}
.flag-i:before { content: '\00a0';}
.social {
background-image: url(/i/social.1.png);
background-repeat: no-repeat;
float: left;
display: block;
margin: 3px 5px;
width: 16px;
height: 16px;
}
.social-vkontakte { background-position: -130px 0;}
.social-odnoklassniki { background-position: -78px 0;}
.social-mailru { background-position: -52px 0;}
.social-google { background-position: -26px 0;}
.social-yandex { background-position: -156px 0;}
.icons-pencil:before { content: '\270E'; } /* '' */
/*************************
Стиль для Быстрой смены аккаунтов
Deff
*************************/
#pun-navlinks li {
position:relative;
z-index:900;
}
/*Cкрытие формы входа без клика*/
#pun-navlinks a:not(.NextShow)+span.odd{
display:none!important;
}
#pun-navlinks a+span.odd{
display:inline-block!important;
position: absolute!important;
}
/*Стиль иконки Выход */
#pun-navlinks #New-exit img{
position: absolute;
margin: 0;
width: 20px;
height: auto;
opacity: .68;
/*display:none;*/
transition:.66s;
}
.punbb #pun-navlinks a#New-exit {
display: inline-block;
position: absolute;
margin: 0px -22px 0 22px;
padding: 0!important;
width: 20px;
height: 20px;
}
#pun-navlinks #New-exit:hover{
opacity: .45;
}
#pun-navlinks #New-exit:before{
background: url(http://essentia.rusff.me/Активные%20темы_files/53979003.png) 0 0 no-repeat;
background-size: 100% 100%;
}
/* input(ы) справо в форме */
.punbb #form-login div:not(#List-UserNames) input{
margin: 0!important;
outline: 0 none;
background: var(--backcol);
border-color: var(--bord);
margin-bottom: 7px!important;
border-radius: 8px!important;
padding: 3px!important;
}
.punbb #form-login input#fld1,
.punbb #form-login input#fld2{
width: 100px!important;
}
.punbb #pun-navlinks #form-login input[type="submit"].button{
color: #AB9163;
font-size: 11px!important;
border-radius: 0!important;
font-family: raleway !important;
padding: 4px 25px 4px 25px !important;
text-transform: uppercase;
background: #A44B1A;
border: 1px solid #A44B1A!important;
margin: 0!important;
transition:.33s;
}
.punbb #pun-navlinks #form-login input[type="submit"].button:hover{
background: #414141;
border: 1px solid #1E1E1E!important;
transition:.66s;
}
/*Стиль формы входа*/
#pun-navlinks #navlogin{
z-index:1400;
}
#pun-navlinks #form-login {
position: absolute;
width: 120px;
text-transform: none;
word-spacing: normal;
left: 0;
top: 19px;
z-index: 100000!important;
font-family: verdana!important;
font-weight: normal;
text-shadow: none;
letter-spacing: 0.1px!important;
color: var(--headtext);
font-size: 11px;
padding: 7px 12px;
background: #242424;
text-align: center;
border: var(--bord);
}
#pun-navlinks #form-login .inputfield.required:first-of-type {
margin-top: 5px;
}
#List-UserNames ul+span b,
.punbb #pun-navlinks #form-login input[type="submit"].button{
color:#AB9163;;
}
#pun-navlinks #navlogin #form-login {
margin-left: -33px;/*Подвижки формы влево от вход*/
}
#pun-navlinks #navlogout #form-login {
margin-left: -33px;/*Подвижки формы влево от выход*/
}
.ismoderator #pun-navlinks #navlogout #form-login {
margin-left: -33px!important;/*Подвижки формы влево от выход для АМС*/
}
/*Стиль ссылок в форме "Не зарегистрированы" и "Забыли пароль" */
#pun-navlinks #form-login a.Rega,
#pun-navlinks #form-login a.Forgot {
padding: 2px 4px!important;
font-size: 10px!important;
color: #7c6333!important;
text-shadow: 1px 1px 0 rgba(0, 0, 0,.45);
letter-spacing: 0!important;
font-family: verdana;
font-weight: 400;
line-height: 0px;
text-transform: none!important;
transition:.33s;
}
#pun-navlinks #form-login a.Rega:hover,
#pun-navlinks #form-login a.Forgot:hover {
color: #cbcaca!important;
transition:.6s;
}
#navlogout .Rega,
#navlogout .Forgot {
display:none!important;
}
/* Помечаем красным незаполненные поля!*/
.punbb #form-login input.none{
outline:red dashed 2px!important;
}
/* кнопка просмотра пароля */
.punbb #form-login input[type="checkbox"]#check{
display:none; /*Отключил-не понравилась*/
}
/*Форма слево(с Никами) */
#List-UserNames {
position: absolute;
margin-top: -8px;
min-height: 109px;
width: 220px;
right: 100%;
text-shadow: none;
padding: 12px 19px 12px 17px;
text-align: center;
background: #242424;
border: var(--bord);
}
/*Стиль контейнера под список Ников*/
#List-UserNames ul {
overflow: hidden;
overflow-y: auto;
min-height: 36px;
max-height: 72px;
text-align:left;
font-family: verdana;
padding: 0!important;
text-shadow: none !important;
font-size: 10px;
}
.punbb #List-UserNames li{
display: block!important;
position: relative;
background: #141414;
text-align: left;
padding-left: 5px!important;
font: normal normal 100 10px/normal verdana!important;
margin: 1px auto!important;
padding: 2px 0;
transition: .33s;
}
.punbb #List-UserNames li:hover{
opacity:.8;
}
/*Стиль Ников*/
.punbb #List-UserNames li>b{
cursor:pointer;
opacity:.8;
color: #fff;
text-shadow:1px 1px 1px rgba(0,0,0,.8);
}
.punbb #List-UserNames li>b:hover{
opacity:.93;
text-shadow:1px 1px 1px rgba(0,0,0,.8);
}
/*Скролл контейнера с никами*/
#List-UserNames ul::-webkit-scrollbar {
width: 7px;
height: 5px;
}
#List-UserNames ul::-webkit-scrollbar-track {
background-color: #CBC1AC;
border: 1px solid #CBC1AC;
box-shadow: none;
}
#List-UserNames ul::-webkit-scrollbar-thumb {
background-color: #2B1F14;
border: 2px solid #CBC1AC;
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,.8);
}
/*Текст при отсутствии запомненных Ников!*/
#List-UserNames ul:empty::before{
display:inline-block;
text-align: center;
content: "У Вас нет запомненных ников, введенных через форму справа, или через перенос ниже!"
}
/*Кнопка выход-2*/
#navlogin #exit-2 {
display:none;
}
/*Стиль блока с инпутом для переноса и вставки запомненных Аккаунтов*/
#List-UserNames ul+span{
display:inline-block;
padding:6px 0 8px 0;
text-align:left;
font: normal normal 400 10.56px/normal Verdana;
}
/*Сам инпут*/
.punbb #form-login #List-UserNames input {
display: inline-block;
background: var(--backcol);
border: 1px inset rgba(99,100,79,.3)!important;
border-radius: 8px;
outline: 0 none;
color: var(--link);
margin: 0!important;
margin-top: 9px!important;
padding: 4px !important;
vertical-align: middle;
}
/*Стрелочки к инпуту*/
#List-UserNames ul+span b{
font: normal normal 400 13px/normal Verdana;
padding:0 3px;
color: #AB9163;
}
/*Кликалка слево, чуть выше инпута*/
#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 {
margin-top:-22px!important;
margin-left: 106px!important;
max-width:170px;
}
#pun-ulinks li {
display:inline-block!important;
position:relative;
z-index:100;
}
/*********************************
//END Стиль к Быстрой смене Ников!
*********************************/
.hide-author .post-body {
margin-left: -25px!important;
width: 1030px!important;
position: relative!important;
}
.hide-author .post-content {
overflow: visible;
}
/*Регулировка размера шрифта в постах © Alex_63 */
.FNTslider {
border-radius: 4px;
position: relative;
z-index: 1000;
background: #a09c95;
width: 109px;
height: 2px;
margin: 3px 5px;
border: solid 1px #9b8d80;
float: right;
margin-right: 10%;
}
.FNTslider .before {
height: 2px;
border: solid 1px transparent;
border-right: none 0;
border-radius: 4px 0 0 4px;
position: absolute;
background: #716549;
margin-top: -1px;
}
.FNTslider .thumb {
width: 5px;
height: 9px;
border-radius: 3px;
position: relative;
top: -3px;
background: #2b2114b8;
cursor: pointer;
}
@media screen and (max-device-width: 580px) {
body { -webkit-text-size-adjust: none; }
#pun-status .container { height: 14px;}
#pun-index .tclcon { -webkit-text-size-adjust: none;}
#pun-crumbs1 {margin-top: 10px !important;}
#pun-profile li strong { font-size: 9px;}
.plot section p {
color: #2b251d;
text-indent: 20px;
font: var(--body-font);
line-height: 13px!important;
font-size: 10px!important;
-webkit-text-size-adjust: none;}
}
@media screen and (max-device-width: 1080px) {
#pun {
left: 7%; }
}
/*Скрытие подфорумов*/
#pun-index tr.isub {
display: none;
}
.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/001c/1e/85/56621.svg) no-repeat center;
background-size: 38px auto;
position: relative;
padding-left: 0px;
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%;
}
Вы здесь » the diamonds, the rust, and the rain » админочка » спис очек