***
тестовая тема
Страница: 1
Сообщений 1 страница 5 из 5
Поделиться12022-06-23 10:47:28
- silence in your heart
- Eкай паркер, 22/40lorem ipsum dolor sit amet, consectetur adipiscing elit. praesent eleifend lectus libero, mattis auctor velit congue quis.
- 100$
- 10
- Сообщений: 189
- Уважение: +0
хотел бы написать пост но у меня же лапки
Поделиться22022-07-11 18:32:44
- silence in your heart
- Eкай паркер, 22/40lorem ipsum dolor sit amet, consectetur adipiscing elit. praesent eleifend lectus libero, mattis auctor velit congue quis.
- 100$
- 10
- Сообщений: 189
- Уважение: +0
хотел бы написать пост но у меня же лапки
Код:
@import url("https://netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css");
@font-face {
font-family: 'FontAwesome';
src: local("FontAwesome"), url(https://forumstatic.ru/files/001b/2a/97/72676.otf);
url('https://forumstatic.ru/files/001b/2a/97/22668.eot'),
url('https://forumstatic.ru/files/001b/2a/97/76876.woff'),
url(https://forumstatic.ru/files/001b/2a/97/23471.ttf'),
url(https://forumstatic.ru/files/001b/2a/97/25643.ttf');
}Поделиться32022-07-11 18:40:02
- silence in your heart
- Eкай паркер, 22/40lorem ipsum dolor sit amet, consectetur adipiscing elit. praesent eleifend lectus libero, mattis auctor velit congue quis.
- 100$
- 10
- Сообщений: 189
- Уважение: +0
хотел бы написать пост но у меня же лапки
Код:
/*************************************************************
КОДЫ И ГРАФИКА BLANCHE v.2022.0
у нас есть мастерская на рено, обращайтесь <З
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
части кодов можно свободно брать в личное пользование, если вы оставите мое копи в стиле вашего диза
давайте уважать труды, да и просто друг друга <З
**************************************************************
I. ШРИФТЫ, ТЕКСТ И ССЫЛКИ / ПЕРЕМЕННЫЕ
-------------------------------------------------------------*/
@import url(style_cs.1657396429.css);
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css");
@import url('https://fonts.googleapis.com/css2?family=Alegreya+Sans+SC&family=Raleway:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Cuprum&family=Yeseva+One&display=swap');
@font-face { font-family: Helvetica Neue;
src: local("HelveticaNeueCyr-Roman"), url(https://forumstatic.ru/files/001a/28/10/91623.ttf) format('truetype');}
@font-face { font-family: Helvetica Bold;
src: local("Helvetica-Bold"), url(https://forumstatic.ru/files/001b/7c/28/10452.ttf) format('truetype');}
@font-face { font-family: DRUZHOK;
src: local("DRUZHOK"), url(https://forumstatic.ru/files/001b/7c/28/98904.ttf) format('truetype');}
@font-face { font-family: Alter Biom;
src: local("AlterBiomDemo"), url(https://forumstatic.ru/files/001a/28/10/78692.ttf) format('truetype');}
:root {--accent1: #ddc499; --accent2: #bba784; --accent3: #ada089; --accent4: #ddd4c5;
--basic1: #344e46; --basic2: #92aea6; --basic3: #61746d; --basic4: #938365;
--basicfont: 'Helvetica Neue'; --accentfont: 'Doppelganger'; --fawe: 'FontAwesome';
--trans1: all 1s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.3s 0.2s linear; --trans2: all .3s cubic-bezier(.64,.51,.55,1.16) 0s; --trans3: all 0.5s;
--sback: url(https://forumstatic.ru/files/001b/7c/28/67899.png);
--smarg: 0 -30px; --shei: 50px;
--jud1: #846a30; --jud2: #d2d2d2; --jud3: #9b7d3c; --jud4: #202020; --jud5: #a68742; --jud6: #b7a47a; --jud7: #4c6452;
--judfont: 'DRUZHOK'; --judfont1: 'Helvetica Bold';
--judbg: url(https://forumstatic.ru/files/001b/7c/28/25189.jpg) no-repeat top center fixed;
}
/* цвет текста на форуме + зачеркнутого */
.punbb, del:hover, #topic-users-in a:not(:last-of-type):after {font: normal 68.75% verdana, arial, helvetica, sans-serif;
color: var(--basic1);}
/* ссылки до и после наведения */
.punbb a {text-decoration:none; transition: var(--trans1); color: #a99676;}
#pun-admain a, #MyBookmarks span.scrl.t, #MyBookmarks span.scrl.b {color: #a99676 !important;}
.punbb a:hover, .punbb a:focus, .punbb a:active {color: #628f80;}
.jud .punbb a {color: var(--jud1)} .jud .punbb a:hover, .jud .punbb a:focus, .jud .punbb a:active {color: var(--jud7)}
/* зачеркнутый текст */
del {filter: blur(1px); text-decoration: none; transition: var(--trans1); opacity: .5;} del:hover { font: inherit; filter: none; opacity: 1;}
/* II. ФОН, ТЕЛО
-------------------------------------------------------------*/
/* фон */
body { overflow-x: hidden;
background: url() repeat-x top center,
url() no-repeat top center,
url() no-repeat bottom center,
url(https://forumstatic.ru/files/001b/7c/28/68945.jpg) no-repeat top center fixed #32403c;background-size: cover;}
/* body.redirect-page {background: url() no-repeat fixed #918da6 !important;}*/
/* тело */
#pun { margin: 180px auto 170px auto; position: relative; border-radius: 10px;
background-image: url(https://forumstatic.ru/files/001b/7c/28/17269.jpg);background-color: #e7e4e0;width : 1032px;}
.punbb {height: auto; padding: 70px 52px 0 72px; position: relative; margin-bottom: -80px;}
#pun:before, #pun:after { content: '' !important; width: 5%; height: 100%!important;border: 1px solid #51605b; margin: -7px; position: absolute; z-index: -1; padding-bottom: 12px;}
#pun:before {border-right: none; border-radius: 15px 0 0 15px;}
#pun:after {border-left: none; border-radius: 0 15px 15px 0;top: 0px; right: 0px; visibility: visible !important;}
/* фон и тело во втором дизе */
body.jud { overflow-x: hidden;
background: url(https://forumstatic.ru/files/001b/7c/28/25189.jpg) no-repeat top center fixed #232f2b;}
.jud #pun { margin: 170px auto 170px auto; position: relative; border-radius: 0 100px 0 100px; background-image: none; background-color: #d2d2d2; width: 1000px; }
.jud .punbb {padding: 20px 20px 0 20px;}
.jud #pun:before { content: '' !important; width: 1118px; height: 100%!important; border: 2px solid var(--jud4); margin: -61px; position: absolute; z-index: -1; padding-bottom: 120px; border-radius: 0px;}
.jud #pun:after { border: 2px solid #846a30; border-radius: 0px; left: -9px; margin: 0; width: 1014px; top: -9px; padding-bottom: 14px;}
/* III. ПОЛЬЗОВАТЕЛЬСКАЯ НАВИГАЦИЯ, ПРИВЕТСТВИЕ, НАВИГАЦИЯ ПО ТЕМАМ
-------------------------------------------------------------*/
#pun-ulinks, #pun-about .item1, #pun-viewforum .modmenu { position: absolute; z-index: 2; left: 53px; font-family: var(--basicfont); text-transform: uppercase; font-size: 6.5px; letter-spacing: 1.5px;}
#pun-about .item1 {bottom: 44px;} #pun-ulinks {top: -17px; width: 926px;} #pun-viewforum .modmenu { left: -16px; bottom: -85px;}
#pun-ulinks li a { padding: 3px;}
#pun-ulinks .item7:last-child { display: inline-block !important; position: absolute; right: 0px; margin-right: 0px;}
#pun-ulinks li.item6 { position: absolute; right: 83px;}
#pun-ulinks li.item8.nav-item-notifications { position: absolute; right: 165px;}
#pun-ulinks a:after { content: '—'; color: #51605b; font-size: 13px; margin: -5px 0px 0px 10px; position: absolute;}
#pun-ulinks:hover li a, #pun-about .item1 a:hover, #pun-viewforum .modmenu a:hover { color: var(--basic3);}
#pun-ulinks li a, #pun-ulinks li a:hover, #pun-about .item1, #pun-about .item1 a, #pun-viewforum .modmenu a {color: #b4a488;}
#pun-ulinks li:before, #pun-ulinks li:after { content: '\2726'; position: absolute; font-size: 10px; color: var(--accent3);opacity:0; transition: var(--trans1)}
#pun-ulinks li:hover:before, #pun-ulinks li:hover:after {opacity: 1}
#pun-ulinks li:before { margin: -4px 0 0 -8px;} #pun-ulinks li:after { margin: -4px 0 0 0px;}
#pun-ulinks:hover li a {opacity: .5} #pun-ulinks li a:hover {opacity: 1;}
/* НАВИГАЦИЯ ИКОНКАМИ, НАВЕДЕНИЕ, ПРОКРУТКА BY BLANCHE. МОЖНО БРАТЬ ПОЛНОСТЬЮ ИЛИ ЧАСТЯМИ, НО ОСТАВЛЯЕМ КОПИ */
/* закреп */
#pun-navlinks {position: sticky; top: 200px;}
#pun-navlinks .container {top: -15px; left: -71px; position: absolute; width: 41px; text-align: center;
background: url(https://forumstatic.ru/files/001b/7c/28/40689.png) no-repeat center;}
/* стиль и анимация */
#pun-navlinks, #pun-navlinks a {font-size: 0px; outline: none !important; z-index: 99999; color: var(--basic2); text-shadow: 0 0 10px #4f6e66, 1px 1px 0 #31403b;}
#pun-navlinks li, #pun-ulinks li {display: inline; margin: 0px;} #pun-ulinks li {margin-right: 24px;}
#pun-navlinks li a:before,#navpr_1 a:before {font-family: var(--fawe);font-size: 13px;transition: var(--trans2); display: block;}
#pun-navlinks li a:hover:before, #navpr_1 a:hover:before {transform: scale(1.5) rotate(360deg); color: var(--accent1);}
#pun-navlinks li a { height: 30px; display: flex; align-content: center; align-items: center; width: 40px; justify-content: center;} #pun-navlinks .container li a { margin: 5px 0;}
#pun-navlinks li a:after, #navpr_1 a:after {position: absolute; width: 0px; text-align: center; transition: all 0.5s; font-size: 0px; font-family: var(--basicfont); text-transform: uppercase; letter-spacing: 1px; background: var(--accent1);color: var(--basic1); text-shadow: none;right: 48px; margin-top: 1px; height: 16px; border-radius: 5px 0 0 5px; line-height: 18px; font-weight: bold;}
#pun-navlinks li a:hover:after, #navpr_1 a:hover:after {transition: all 0.5s;width: 80px;font-size: 8px;}
/* содержимое */
#navindex a:before {content: "\f015";} #navindex a:after { content: 'форум';}
#navuserlist a:before {content: "\f007";} #navuserlist a:after { content: 'участники';}
#navsearch a:before {content: "\f002";} #navsearch a:after { content: 'поиск';}
#navprofile a:before {content: "\f004";} #navprofile a:after { content: 'профиль';}
#navpm a:before {content: "\f0e0";} #navpm a:after { content: 'сообщения';}
#navadmin a:before {content: "\f013";} #navadmin a:after { content: 'админка';}
#navlogout a:first-child:before, #navlogin a:before {content: "\f00d";} #navlogout a:first-child:after { content: 'твинки';} #navlogin a:after {content: 'войти'}
#navpr_1 a:before {content: '\f0a1';} #navpr_1 a:after {content: 'пиар'}
#navregister a:before {content: "\f044";} #navregister a:after { content: 'регистрация';}
#pun-navlinks #New-exit:before { content: '\f08b'; position: absolute; margin: 33px 0 0 -4px;}
#pun-navlinks #New-exit:after {content: 'выйти'; right: 47px; margin-top: 30px;}
/* ВЫДЕЛЕНИЕ ВЫБРАННОЙ НАВИГАЦИИ BY BLANCHE. МОЖНО БРАТЬ ПОЛНОСТЬЮ ИЛИ ЧАСТЯМИ, НО ОСТАВЛЯЕМ КОПИ */
#pun-index #navindex a, #pun-userlist #navuserlist a, #pun-search #navsearch a, #pun-profile #navprofile a, #pun-messages #navpm a { color: #25322e !important; text-shadow: 0 0 10px #384e49, 1px 1px 0 #647e76;}
.jud #pun-index #navindex a, .jud #pun-userlist #navuserlist a, .jud #pun-search #navsearch a, .jud #pun-profile #navprofile a, .jud #pun-messages #navpm a { text-shadow: none; background: var(--jud4); color: var(--jud1) !important;}
/* навигация второго диза */
.jud #pun-navlinks .container {background: none; left: -95px;}
.jud #pun-navlinks, .jud #pun-navlinks a { text-shadow: none; color: var(--jud2);}
.jud #pun-navlinks li a { background: var(--jud1); width: 30px; border-radius: 30px; margin: 10px 0; padding: 1px 0px 0 0; height: 29px; transition: var(--trans1)}
.jud #pun-navlinks li a:hover:before, .jud #navpr_1 a:hover:before {transform: none;}
.jud #pun-navlinks li a:not(p a):hover { padding-right: 60px !important; margin-left: -90px !important; padding-left: 30px !important;}
.jud #pun-navlinks li a:after, .jud #navpr_1 a:after { position: relative; display: inline-block; background: none; right: auto; margin: 0 -10px 0 10px; color: var(--jud2);}
.jud #pun-navlinks li a:after, .jud #navpr_1 a:after {line-height: 16px;}
.jud #pun-ulinks, .jud #pun-about .item1 { position: relative; width: 100%; left: 0px; text-align: center; font-family: var(--judfont1);}
.jud #pun-ulinks li:before, .jud #pun-ulinks li:after, .jud #pun-ulinks a:after {display: none;}
.jud #pun-ulinks li a, .jud #pun-about .item1, .jud #pun-about .item1 a, .jud #pun-viewforum .modmenu a {color: var(--jud4)}
.jud #pun-ulinks li a:hover {color: var(--jud3)}
.jud #pun-ulinks li { margin-right: 5px;}
.jud #pun-ulinks li.item8.nav-item-notifications, .jud #pun-ulinks li.item6, .jud #pun-ulinks .item7:last-child { position: relative; right: 0;}
.jud #pun-about .item1 { display: block;bottom: 20px;}
.jud #pun-navlinks #New-exit:before { margin: 0 10px 0 10px; position: relative;}
.jud #pun-navlinks #New-exit:after { margin: 0; right: 0px;}
#pun-navlinks li p a { display: inline-block; text-align: center; width: auto !important; height: 10px !important; background: transparent !important; margin: 0px !important;}
/* объявление */
#pun-announcement {position:absolute;z-index: 2;}
#pun-announcement .container:hover div { opacity: .3;filter:blur(.5px)}
#pun-announcement .container div:hover { opacity: 1;filter: none;}
#pun-announcement .container div { transition: var(--trans1);}
.jud #pun-announcement .container:hover div {opacity: 1; filter: none;}
/* привет, ваш посл визит */
#pun-status {position: absolute; z-index: 2; width: 250px; text-align: right; line-height: 12px;
top: -110px;
left: 687px;}
span.status_userava {float: right; box-shadow: 0 0 0 1px var(--basic2); margin-left: 15px; }
span.status_userava, span.status_userava img {width: 35px; height: 35px; object-fit: cover;border-radius: 5px 0; transition: var(--trans1);}
#pun-status .item1 {margin-bottom: 2px; color: var(--accent1); transition: var(--trans1)} #pun-status .item1, #pun-status .item2, #pun-status .item2 strong { display: block;}
#pun-status .item2 {width: 120px; float: right; font-size: 9px;}
#pun-status, .par span b, .pos { font-family: var(--basicfont); font-size: 9px; letter-spacing: .5px; text-transform: lowercase;}
#pun-status, #pun-status a, .pos {color: var(--basic2);}
#pun-status .item1, .par span b, .pos a, .pos a:hover { text-transform: uppercase; font-size: 8px;}
span.item1 strong, span.item2 strong, #profile-left #pa-avatar strong, .pa-author strong {font-weight: normal !important;}
/* приветствие во втором дизе */
.jud span.status_userava, .jud span.status_userava img { width: 40px; height: 40px; border-radius: 0 5px;}
.jud span.status_userava { box-shadow: 0 0 0 1px var(--jud1);}
.jud #pun-status .item2 { font-size: 7px; letter-spacing: 1px; color: var(--jud1);}
.jud #pun-status .item1 { font-family: var(--judfont); letter-spacing: 2.5px; font-size: 7px; color: var(--jud2);}
.jud #pun-status { top: -148px; left: 758px;}
/* навигация по темам */
#pun-crumbs1, #pun-crumbs2 {font-family: var(--basicfont); letter-spacing: .7px; font-size: 8px; text-transform: uppercase; position: absolute; text-align: center;}
#pun-crumbs1 { width: 401px; left: 335px;} #pun-crumbs2 { width: 500px; left: 286px;}
#pun-crumbs1 p.container.crumbs {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#pun-crumbs1 a { z-index: 2; position: relative;}
#pun-crumbs1, #pun-crumbs1 a:hover, #pun-crumbs2, #pun-crumbs2 a:hover, #pun-crumbs1 a, #pun-crumbs2 a, #pun-crumbs1 .container a:after, #pun-crumbs2 .container a:after {color: #486d5e;}
#pun-crumbs1 {margin-top: -49px;} #pun-crumbs2 {bottom: 20px;}
#pun-admin_style #pun-crumbs2, #pun-viewtopic #pun-crumbs2 { margin-top: 38px;}
#pun-crumbs1 .container a:after, #pun-crumbs2 .container a:after { content: '•'; margin: 0 2px 0 4px;}
/* навигация по темам второго диза */
.jud #pun-crumbs1, .jud #pun-crumbs2 { position: relative; width: 100%; left: 0; font-family: var(--judfont); font-size: 15px; letter-spacing: 2px;}
.jud #pun-crumbs1 { margin: -20px 0 -10px 0;}
.jud #pun-crumbs1, .jud #pun-crumbs1 a:hover, .jud #pun-crumbs2, .jud #pun-crumbs2 a:hover, .jud #pun-crumbs1 a, .jud #pun-crumbs2 a { color: var(--jud3);}
.jud #pun-crumbs1 .container a:after, .jud #pun-crumbs2 .container a:after { color: var(--jud4);}
.jud #pun-viewforum .modmenu { position: relative; left: 0px; bottom: 0px; margin-top: 20px;}
.jud #pun-crumbs2 {bottom: 0px;}
/* IV. ПОДФОРУМ НА ГЛАВНОЙ
-------------------------------------------------------------*/
#pun-main, #pun-admain { position: relative; min-height: 200px;}
.punbb .main .tcmod {width: 2%;}
#pun-category1 .container, #pun-category2 .container, #pun-category3 .container, #pun-category4 .container, #pun-category5 .container {margin: 0 20px;}
#pun-index .tcl { overflow: hidden; text-align: left; width: 40% !important; padding-left: 35px;}
/* название */
#pun-index .tcl h3 a { margin: 0 0 -10px -10px; width: 380px; text-transform: lowercase; font-family: var(--accentfont) !important; font-size: 28px !important; letter-spacing: 1px; border-bottom: 1px solid; padding-left: 10px; display: block;}
#pun-index .main .tcr .lastpost, #pun-index .tcl a, #pun-index .subforums:after {color: #9c9484; transition: var(--trans1)}
#pun-index .tcl:hover a {opacity: .5} #pun-index .tcl:hover h3 a, #pun-index .tcl a:hover {opacity: 1}
#pun-index .main .tcr a, #pun-index .tcl h3 a {color: var(--basic4)}
/* аватар */
.punbb .user-avatar .avatar-image { height: 25px !important; width: 25px !important;}
.punbb .user-avatar .avatar-image { opacity: 0.6 !important;transition: all .5s;}
.punbb .user-avatar .isonline {top: -1px !important; right: 4px !important; background: var(--basic3) !important;}
.punbb .tcr .user-avatar {float: right;}
#pun-index .tcr .user-avatar { margin: 7px -35px 0px 10px;}
#pun-index .tcr .user-avatar a { border: none !important; margin: 0px !important;}
#pun-viewforum .tcr .user-avatar { margin: -7px -10px -20px 10px;}
#pun-index .tcr .user-avatar:before { content: ''; background: #dbd1c0; width: 10px; position: absolute; height: 1px; margin: 14px 0 0 -46px;}
#pun-index .main .tcr {text-align: right; width: 46%; padding: 32px 20px 0 0; transition: var(--trans1);}
#pun-index .subforums {font-size: 0px; display: inline-block;}
.subforums, #pun-index .main .tcr, #pun-index .tcl a {font-family: var(--basicfont); text-transform: uppercase;}
#pun-index .tcr a { padding-left: 15px; font-size: 9.5px; letter-spacing: 1px; border-bottom: 1px solid; padding-bottom: 5px; display: block; margin: 0px -20px -8px -21px;}
#pun-index .tcr .lastpost, #pun-index .subforums a, #pun-index .tcl a { font-size: 10px; letter-spacing: .5px; text-transform: lowercase; font-family: var(--basicfont);}
#pun-index .tcl a:not(:last-child):after, #pun-index .subforums:after { content: '•'; margin: 0 5px; vertical-align: middle; font-size: 6px;}
#pun-index .subforums:after { margin-top: -4px; display: inline-block;}
#pun-index .tcl h3 a, #pun-index .tcr a {border-color: #dbd1c0;}
/* наводилки */
.hasicon:hover .alt1, .hasicon:hover .alt2 { opacity: .6;}
.hasicon .alt1:hover, .hasicon .alt2:hover { opacity: 1;}
.hasicon .alt1, .hasicon .alt2 {transition: var(--trans1)}
.alt1:hover a, .alt1:hover .tcr .lastpost, .alt2:hover a, .alt2:hover .tcr .lastpost, #pun-index .inew a, #pun-index .inew .lastpost { color: #6c877c !important; border-color: #bec9c5 !important;}
.alt1:hover .tcr a:before, .alt2:hover .tcr a:before, #pun-index .inew .tcr a:before {color: #bec9c5 !important} /*звезда*/
#pun-index .alt1:hover .icon, #pun-index .alt2:hover .icon {background: #bec9c5 !important;} /* иконка */
.alt1:hover .user-avatar .avatar-image, .alt2:hover .user-avatar .avatar-image {opacity: .8 !important}
#pun-index .tcl h3 a:before, #pun-index .main .tcr a:after { font-family: alter biom; font-size: 12px; vertical-align: middle; opacity: 0;transition: all .5s; letter-spacing: 1px;}
#pun-index .tcl h3 a:before { content: '>>'; margin-right: 5px; margin-left: -15px;}
#pun-index .main .tcr a:after { content: '<<'; margin-right: -15px; margin-left: 5px;vertical-align: baseline;}
#pun-index .tcl h3 a:hover:before {opacity: 1; margin-left: 0px;}
#pun-index .main .tcr a:hover:after {opacity: 1; margin-right: 0px;}
/* второй диз */
.jud #pun-index .tcl h3 a { font-family: var(--judfont) !important; letter-spacing: 4px; font-size: 19px !important; margin-right: -30px; width: 395px;}
.jud #pun-index .tcl h3 a, .jud #pun-index .tcr a { border-color: var(--jud6);}
.jud #pun-index .main .tcr a, .jud #pun-index .tcl h3 a { color: var(--jud3);}
.jud #pun-index .tcr .lastpost, .jud #pun-index .subforums a, .jud #pun-index .tcl a {font-family: var(--judfont1); font-size: 9px; letter-spacing: 1px;}
.jud .alt1:hover a, .jud .alt1:hover .tcr .lastpost, .jud .alt2:hover a, .jud .alt2:hover .tcr .lastpost, .jud #pun-index .inew a, .jud #pun-index .inew .lastpost { color: var(--jud7) !important; border-color: #0000002b !important;}
.jud #pun-index .alt1:hover .icon, .jud #pun-index .alt2:hover .icon {background: transparent !important;}
.jud #pun-index .alt1:hover .inew, .jud #pun-index .alt2:hover .inew { background: var(--jud6) !important;}
.jud #pun-index .tcl h3 a:before, .jud #pun-index .main .tcr a:after { content: '\25CF';vertical-align: text-top;}
.jud #pun-index .main .tcr a:after { font-size: 8px; margin-right: -10px;}
.jud #pun-category1 .container, .jud #pun-category2 .container, .jud #pun-category3 .container, .jud #pun-category4 .container, .jud #pun-category5 .container { margin: 0 20px 0 0;}
.jud #pun-index .user-avatar .avatar-image, .jud #pun-index .user-avatar { width: 30px !important; height: 30px !important;}
.jud #pun-index .tcr .user-avatar { margin-top: -2px;}
.jud #pun-index .main .tcr {padding-top: 18px;}
.jud #pun-index .hasicon .alt1, .jud #pun-index .hasicon .alt2 { margin-bottom: 20px; display: block;}
.jud #pun-index .user-avatar .avatar-image { filter: grayscale(1); mix-blend-mode: screen; opacity: 1 !important;}
.jud #pun-index .user-avatar { background: #baaa87; border: 2px solid #baaa87; border-radius: 50%;}
.jud .punbb .user-avatar .isonline { top: 0px !important; right: 0px !important; background: var(--jud1) !important;}
.jud #pun-index .main .tcr .lastpost, .jud #pun-index .tcl a, .jud #pun-index .subforums:after { color: var(--jud5);}
.jud #pun-index .main .tcr a:hover:after { margin-right: 0px;}
/* V. ВНУТРИ ПОДФОРУМА
-------------------------------------------------------------*/
#pun-viewforum .tcl {width: 62%} #pun-viewforum .tcr {width: 40%;}
#pun-viewforum .tcl, #pun-viewforum .tcr, #pun-viewforum .tc2, #pun-viewforum .tc3 {text-transform: lowercase; font-family: var(--basicfont); font-size: 10px; letter-spacing: .5px;}
#pun-viewforum .tcl h3 { font-size: 10px !important;}
#pun-viewforum td.tcr { height: 40px; text-align: right; vertical-align: middle;}
#pun-viewforum .tc2, #pun-viewforum .tc3 { text-align: center; width: 5%; vertical-align: middle;}
#pun-messages .modmenu a { bottom: -46px; left: 459px; position: absolute; z-index: 9;}
#pun-viewforum #pun-main .forum .container, #pun-viewforum #pun-main .category .container, #pun-searchtopics #pun-main .forum .container {margin-top: 20px;}
/*#pun-viewforum #pun-main .forum, #pun-respect #pun-main .section, #pun-positive #pun-main .section, #pun-online #pun-main .section, #pun-searchtopics #pun-main .forum { min-height: 250px;} */
#pun-viewforum .tclcon:after, #pun-messages .tclcon:after { margin: 16px 0px 0 0 !important;}
#pun-viewforum .alt2.isub .tclcon:after , #pun-viewforum .alt1.isub .tclcon:after { margin-top: 3px !important;}
#pun-messages .tclcon:after { width: 750px !important;}
#pun-viewforum #pun-main .container tr:hover:after { width: 930px;}
#pun-viewforum .tcl, #pun-viewforum .tc2, #pun-viewforum .tc3, #pun-viewforum .tcr, #pun-userlist .tcl, #pun-userlist .tc2, #pun-userlist .tc3, #pun-messages .tcl, #pun-messages .tc2, #pun-messages .tc3 { z-index: 1; position: relative;}
#pun-userlist .container tr:before, #pun-messages .fs-box .container tr:before { margin: 10px 0 0 -10px !important;}
#pun-userlist .container tr:hover:before { width: 910px;}
#pun-messages .fs-box .container tr:hover:before {width: 770px;}
#pun-messages .fs-box .container thead tr:hover:before { width: 0px !important;}
#pun-viewforum .category td.tcr a {display: block;margin-top: -10px;}
#pun-viewforum .category td.tcr .lastpost {margin-right: 36px;display: block; transition: var(--trans1)}
#pun-viewforum .isub .user-avatar {margin-top: -3px;}
#pun-viewforum .isub .user-avatar .isonline {margin-top: -10px;}
#pun-viewforum #pun-main .container tbody tr:after, #pun-userlist .container tbody tr:before, #pun-messages .fs-box .container tr:before {content: ''; position: absolute; width: 0px; height: 34px; left: 0px; margin: 5px 0 0 -10px; z-index: 0; border-radius: 5px; transition: 1s; background: linear-gradient(90deg, #d7c9b061, #e5ddd040);}
#pun-viewforum .linksb, #pun-messages .linksb, #pun-searchtopics .linksb, #pun-userlist .linksb, #pun-searchposts .linksb, #pun-multimove .linksb, #pun-positive .linksb, #pun-respect .linksb {position: absolute; bottom: -45px; left: -10px;}
/* во втором дизе */
.jud #pun-viewforum #pun-main .container tbody tr:after, .jud #pun-userlist .container tbody tr:before, .jud #pun-messages .fs-box .container tr:before {display: none;}
.jud #pun-viewforum .linksb, .jud #pun-messages .linksb, .jud #pun-searchtopics .linksb, .jud #pun-userlist .linksb, .jud #pun-searchposts .linksb, .jud #pun-multimove .linksb, .jud #pun-positive .linksb, .jud #pun-respect .linksb { position: relative; left: 0px; bottom: 0px; margin-top: 20px;}
.jud #pun-viewforum .linkst, .jud #pun-viewforum .linksb { width: 100% !important;}
/* VI. НАСТРОЙКА ЛИНКОВ ВЕЗДЕ
-------------------------------------------------------------*/
.linkst, .linksb, #pun-searchposts .post-links, #pun-viewtopic h3, #pun-multimove h3, #topic-users-in {font-family: var(--basicfont); text-transform: lowercase; font-size: 9px; letter-spacing: .5px;}
/* пагинация */
.pagelink a, .pagelink strong, .pagelink span.ellipsis {font-size: 9px; margin: 0 -2px;}
.pagelink strong {background: var(--accent4); padding: 0px 1px 0 1.5px; border-radius: 3px; font-weight: normal !important;}
.pagelink a.prev, .pagelink a.next {margin: 0 -4px;}
#pun-viewtopic .linksb .pagelink a:hover {background: var(--basic4); color: var(--accent1); border-radius: 2px; transition: var(--trans3);} .pagelink a {padding: 0 1px 0 2px;}
#pun-viewtopic .linkst {width: 878px;}
#pun-viewtopic h3 a, .linkst a, .linksb .postlink span a, #pun-searchposts h3 strong {color: var(--basic1) !important}
.linkst .pagelink, .linkst .postlink span, #pun-viewtopic h3 a, #pun-multimove h3, #pun-post h3 a, #pun-viewtopic h3 strong, #pun-multimove h3 strong, #pun-post h3 strong, #pun-searchposts h3 strong, .post-links li a, .linksb .pagelink, .linksb .postlink span a, #pun-messages .modmenu a, #pun-searchposts h3 a, #pun-messages .postlink .button, #pun-messages .post h3 span, #pun-viewtopic #mod-options {transition: var(--trans1); display: inline-block; border: 1px solid; padding: 5px; text-transform: uppercase; letter-spacing: 1px; height: 9px; font-size: 8px; font-family: var(--basicfont); border-radius: 3px; border-color: var(--basic4) !important;}
.linkst .postlink span, #pun-multimove h3 a, #pun-post h3 a, #pun-post h3 strong, .post-links li a, #pun-messages .modmenu a, #pun-messages .postlink .button, #pun-messages .post h3 span {color: var(--basic1);}
.linkst .pagelink:hover, .linkst .postlink span:hover, #pun-viewtopic h3 a:hover, #pun-multimove h3 a:hover, #pun-post h3 a:hover, #pun-viewtopic h3 strong:hover, #pun-multimove h3 strong:hover, #pun-post h3 strong:hover, #pun-searchposts h3 strong:hover, .post-links li a:hover, .linksb .pagelink:hover, .linksb .postlink span a:hover, #pun-messages .modmenu a:hover, #pun-messages .post h3 span:hover, #pun-viewtopic #mod-options:hover {cursor: pointer; background: #ebe0cc73; box-shadow: 0 0 5px inset #ffffff91;}
h3 strong:before {content: 'пост'; margin-right: 5px;}
h3 .permalink { width: 95px; text-align: center;}
#pun-viewtopic h3, #pun-multimove h3 {margin: -70px 0px 0px 82px; position: absolute;z-index:1;}
#pun-viewtopic .post.toppost h3, #pun-viewtopic .post.topicpost h3, #pun-multimove .post.topicpost h3 {margin: -41px 0px 0 146px;}
#pun-viewtopic .post.toppost h3 strong, #pun-viewtopic .post.topicpost h3 strong {margin-left: 721px;}
.linkst {margin: -47px 0 0 -21px;}
#pun-viewforum .linkst, #pun-viewforum .linksb {width: 928px !important;}
#pun-viewtopic .linkst .postlink, #pun-viewforum .linkst .postlink, #pun-viewforum .linksb .postlink {float: right; text-align: right;}
.punbb .post-links a, .linksb .pagelink, .linksb .pagelink a, .permalink, #pun-viewtopic #mod-options {color: var(--basic1) !important}
.linkst .postlink.long .new-topic {padding-right: 5px !important; margin-right: 10px;}
.linksb .postlink.long .new-topic {padding-right: 5px !important; margin-right: 5px;}
.pagelink, #pun-searchposts .post-links li a {width: 145px; text-align: center; z-index: 9;}
.punbb .post h3 strong, #pun-multimove h3 strong { float: right; font-weight: normal; position: absolute; margin-left: 785px; width: 50px; text-align: center; color: var(--basic1) !important}
#pun-post .post h3 strong { margin-left: 846px;}
/* ФИКСАЦИЯ POCT-LINKS И ПЛЮСА BY BLANCHE. МОЖНО БРАТЬ, НО ОСТАВЛЯЕМ КОПИ */
#pun-viewtopic .post-links { position: sticky; bottom: -25px; z-index: 1;background: var(--sback)}
#pun-viewtopic .post-links, #pun-post h3, #pun-searchposts h3 { margin: var(--smarg); padding: 25px 81px 0px 8px; height: var(--shei); background: var(--sback);}
.post-rating { position: sticky; bottom: 120px; z-index: 9999; font-family: arial; margin-right: -59px;}
.post-rating a { background: #d9d1c4; display: flex; justify-content: center; align-items: center; border-radius: 0 5px 5px 0; width: 27px; height: 25px; font-family: 'Lighthaus'; color: var(--basic3) !important; border-top: 1px solid; border-bottom: 1px solid; border-color: #eae7e0; font-weight: bold;}
.post-rating, .post-rating a {transition: var(--trans3)}
.post-rating:hover {margin-right: -64px;} .post-rating a:hover {padding-left: 4px;}
/* пост-линкс и плюс во втором дизе */
.jud #pun-viewtopic .post-links, .jud #pun-post h3, .jud #pun-searchposts h3 { background: var(--judbg); height: 28px; padding: 7px 92px 0 20px; margin: 0 -20px 0 -20px;}
.jud #pun-viewtopic .post-links { bottom: 0px;}
.jud #pun-viewtopic h3, .jud #pun-multimove h3 { margin: -48px 0px 0px 104px;}
.jud .punbb .post h3 strong, .jud #pun-multimove h3 strong { margin-left: 794px;}
.jud #pun-searchposts .post-links li a { margin: 7px 0 0 0px;}
.jud .linkst { margin: 0px;}
.jud #pun-viewtopic .post.toppost h3, .jud #pun-viewtopic .post.topicpost h3, .jud #pun-multimove .post.topicpost h3 { margin: -30px 0 0 145px;}
.jud #pun-viewtopic .post.toppost h3 strong, .jud #pun-viewtopic .post.topicpost h3 strong, .jud #pun-searchposts .post:first-of-type h3 strong {margin-top: 1px; margin-left: 760px;}
.jud #topic-users-in { margin: 0 0 -80px 0;}
.jud #pun-viewtopic .linksb { margin-top: -28px;}
.jud #pun-viewtopic .linksb .postlink { left: 896px;}
.jud #pun-viewtopic .linksb .pagelink { margin-left: 102px;}
.jud .post-rating {margin-right: -61px;}
.jud .post-rating:hover {margin-right: -65px;} .jud .post-rating:hover a {padding-left: 4px;}
.jud .post-rating a { margin-right: 1px; background: var(--jud1); color: var(--jud2) !important; border: none; font-weight: normal;}
.jud .post-rating a:hover { background: var(--jud7); color: var(--jud2) !important;}
.jud #pun-searchposts .linkst { position: relative; top: 0px;}
.jud #pun-searchposts .post:first-of-type h3 { margin-top: -15px !important; height: auto; margin-bottom: 30px !important; z-index: 9; position: relative; width: 700px;}
.jud #pun-messages .postlink .button { margin: 0 0 0 0 !important;}
/* смена стиля */
.jud .linkst .pagelink, .jud .linkst .postlink span, .jud .linksb .pagelink, .jud .linksb .postlink span a, .jud .punbb .post-links a, .jud .permalink, .jud #pun-viewtopic h3 strong, .jud #pun-viewtopic #mod-options, .jud #pun-searchposts h3 a, .jud #pun-searchposts .post h3 strong { border-radius: 0px !important;}
.jud .punbb .post-links a, .jud #pun-viewtopic .permalink, .jud #pun-viewtopic .linksb .postlink span a, .jud #pun-viewtopic h3 strong, .jud #pun-viewtopic #mod-options, .jud #pun-viewtopic .linksb .pagelink, .jud #pun-searchposts h3 a, .jud #pun-searchposts .post h3 strong {border-color: var(--jud1) !important;}
.jud .punbb .post-links a, .jud #pun-viewtopic .permalink, .jud #pun-viewtopic .linksb .postlink span a, .jud h3 strong, .jud #pun-viewtopic #mod-options, .jud #pun-viewtopic .linksb .pagelink, .jud #pun-viewtopic .linksb .pagelink a, .jud #pun-searchposts h3 a {color: var(--jud3) !important;}
/* убирает */
.jud .linkst .pagelink, .jud .linksb .pagelink, .jud .linkst .postlink span, .jud #pun-viewforum .linksb .postlink span a, .jud #pun-viewtopic .post:first-of-type .permalink, .jud #pun-viewtopic .post:first-of-type h3 strong, .jud #pun-searchposts .post:last-of-type .post-links li a, .jud #pun-searchposts .post:first-of-type h3 strong {width: auto; min-width: 40px; white-space: nowrap; padding: 0px;border: none !important;}
.jud .linkst .pagelink:hover, .jud .linksb .pagelink:hover, .jud #pun-viewtopic .post:first-of-type h3 strong, .jud #pun-viewtopic .post:first-of-type .permalink:hover, .jud .linkst .postlink span:hover, .jud #pun-viewforum .linksb .postlink span a:hover, .jud #pun-searchposts h3 a:hover, .jud #pun-searchposts .post:last-of-type .post-links li a:hover, .jud #pun-searchposts .post:first-of-type h3 strong {background: transparent; box-shadow: none;}
.jud .linkst .pagelink, .jud .linkst .postlink span, .jud .linksb .pagelink, .jud .linksb .postlink span a, .jud #pun-viewtopic .post:first-of-type h3 strong, .jud #pun-viewtopic .post:first-of-type .permalink, .jud .punbb .post h3 strong, .jud #pun-searchposts h3 strong, .jud #pun-searchposts .post:last-of-type .post-links li a, .jud #pun-searchposts .post:first-of-type h3 a, .jud #pun-searchposts .post:first-of-type h3 strong {color: var(--jud4) !important;}
.jud .punbb .post h3 strong:hover, .jud #pun-searchposts h3 strong:hover { background: transparent !important; box-shadow: none !important; color: var(--jud1) !important;}
.jud #pun-viewtopic .linksb .pagelink {border: 1px solid var(--jud3) !important; padding: 5px !important; width: 145px !important}
.jud #pun-searchposts .post:first-of-type h3 a {border: none;}
/* наведение */
.jud #pun-viewtopic h3 a:hover, .jud #pun-multimove h3 a:hover, .jud #pun-post h3 a:hover, .jud .punbb .post h3 strong, .jud .post-links li a:hover, .jud .linksb .pagelink:hover, .jud .linksb .postlink span a:hover, .jud #pun-messages .modmenu a:hover, .jud #pun-messages .post h3 span:hover, .jud #pun-viewtopic #mod-options:hover, .jud #pun-searchposts h3:not(#pun-searchposts .post:first-of-type h3) a:hover, .jud #pun-searchposts .post-links:not(#pun-searchposts .post:last-of-type .post-links) li a:hover { background: var(--jud1); box-shadow: none; color: var(--jud4) !important;}
.jud #pun-viewtopic .linksb .postlink a:hover, .jud #pun-viewtopic .linksb .pagelink:hover, .jud #pun-viewtopic .linksb .pagelink:hover a {color: var(--jud4) !important;}
/* цифры */
.jud .pagelink strong { background: var(--jud6); border-radius: 0px; border: none;}
.jud #pun-viewtopic .linksb strong { background: var(--jud1); padding: 5px 1px; color: var(--jud2);}
/* VII. ПРОСМОТР В ТЕМЕ
-------------------------------------------------------------*/
/* конец флуда, быстрый ответ */
#pun-viewtopic #pun-main h2 span:not(#post-form h2 span), .post-links .pl-nodelete {text-align: center; display: block; font-family: var(--basicfont); text-transform: uppercase; font-size: 8px; letter-spacing: 1px;}
#pun-viewtopic #pun-main h2 span {margin: 45px 0 -2px 0; text-align: center; font-size: 0; padding: 0;}
#pun-viewtopic #pun-main #post-form h2 span:before {content: 'your vibe is pretty'; font-size: 40px; margin-left: 10px; opacity: .5;}
#pun-viewtopic #pun-main .formal a {font-family: var(--basicfont); text-transform: lowercase; letter-spacing: .5px; font-size: 10px;}
/* ПРОСМАТРИВАЮТ, ПОДПИСАТЬСЯ ИКОНКАМИ BY BLANCHE. МОЖНО БРАТЬ, НО ОСТАВЛЯЕМ КОПИ */
#topic-users-in {position: relative; z-index: 2; margin: -15px 0 -65px 0; width: 850px; height: 70px; font-size: 10px; line-height: 15px;}
#topic-users-in .container span, #pun-viewtopic .linksb .subscribelink {font-size: 0;}
#pun-viewtopic .linksb .subscribelink a {height: 20px; width: 25px; display: block;}
#pun-viewtopic .linksb .subscribelink a span { position: absolute; width: 25px; height: 25px;}
.subscribelink { margin: 41px 0px 0 737px; float: right; font-size: 9.5px;}
#pun-viewtopic #topic-users-in .container span:before, #pun-viewtopic .linksb .subscribelink a:before {font-family: var(--fawe); font-size: 12px; margin-right: -7px; color: var(--basic4);}
#pun-viewtopic #topic-users-in .container span:before {content: '\f007'; vertical-align: sub;}
#pun-viewtopic .linksb .subscribelink a:before {content: '\f06e';transition: var(--trans1); position: absolute; margin: 5px; font-size: 14px;}
#pun-viewtopic .linksb .subscribelink a:hover:before, .All_the_pros:hover:before {color: var(--accent2);}
/* СТИЛИЗОВАННАЯ ПОД POST-LINKS МОДЕРКА BY BLANCHE */
#topic-modmenu.modmenu {position: absolute; margin: -60px 0 0 249px; z-index: 1;}
#pun-viewtopic #mod-options {height: 21px !important; background: transparent; width: 150px; outline: none !important; box-shadow: none; text-shadow: none; text-transform: uppercase !important; font-size: 8px !important;}
#pun-viewtopic .linksb {background: none; padding: 0px;margin-left: 0px; width: 100%; margin-top: -50px; position: absolute; left: 2px;} #pun-viewtopic .linksb .postlink { left: 865px;}
#pun-viewtopic .linksb .pagelink, #pun-viewtopic .linksb .postlink {position: absolute; z-index: 1;}
#pun-viewtopic .linksb .pagelink {margin-left: 80px;}
#pun-viewtopic .modmenu .container span {font-weight: normal!important;}
#topic-users-in .container a:not(:last-child):after { content: ',';}
/* бегунок шрифт */
.FNTslider { width: 100px; height: 9px; float: right; margin: 6px 0px 0 427px; outline-offset: 5px; background: #998b7238; outline: 1px solid var(--basic4);}
.FNTslider .before {height: 9px; background: var(--basic4);}
.FNTslider .thumb {background: var(--accent1); width: 6px; height: 20px; position: relative; top: -15px; cursor: pointer;}
/* разделитель между постами */
#pun-viewtopic .post-links ul, #pun-messages .post-links ul {margin: 0 0px;padding: 0px;text-align: right;}
#pun-viewtopic .post-links li, #pun-messages .post-links li {display: inline-block}
.pl-email { float: left;}
.post-links li.pl-email.profile, .post-links li.pl-email.pm { margin-right: 10px;}
.post-links li.pl-delete, .post-links li.pl-edit { margin-right: 6px;}
/* посты по ширине */
.punbb .post-content p { margin: 0; padding-bottom: 10px; line-height: 150%; text-align: justify;}
.punbb .post-content { padding: 0; margin: 0; width: 100%; /*overflow: hidden; ВАЖНОЕ*/ text-align: justify; }
/* СТИЛЬ HR И ЛИНИИ МЕЖДУ ПОСТОМ И ПОДПИСЬЮ BY BLANCHE. МОЖНО БРАТЬ, НО ОСТАВЛЯЕМ КОПИ */
.punbb .post-sig dt, .post-content hr {border-top: 1px solid var(--accent4); margin: 20px 0 !important;}
.post-content hr {opacity: 1 !important; border-bottom: none !important;}
.punbb .post-sig dt:before, .post-content hr:before, #pun-index .main .tcr a:before {position: absolute; width: 30px; content: '\2726'; font-size: 18px; text-align: center; border-radius: 20px;
background: #e7e3e0;
color: #dbd1c0;}
#pun-index .main .tcr a:before {transition: var(--trans1);}
.punbb .post-sig dt:before, .post-content hr:before { margin: -13px 50%;}
#pun-index .main .tcr a:before { margin-top: 9px; left: 48%;}
/* ЛАЙКИ ВСЕМ НА СТРАНИЦЕ BY DEFF, СТИЛЬ BY BLANCHE. БРАТЬ НЕЛЬЗЯ, СКРИПТ ПЛАТНЫЙ */
.All_the_pros {position: absolute; margin: 1px 0 0 -30px; cursor: pointer; width: 23px; height:20px; background: none;}
.All_the_pros.load {background: none;}
.All_the_pros.done {background: none; cursor: default !important;}
.All_the_pros:before, .All_the_pros.load:before, .All_the_pros.done:before {font-family: var(--fawe); font-size: 12px; position: absolute; margin: 5px; color: var(--basic4); transition: var(--trans1)}
.All_the_pros.load:not(.done):before {animation-name: rotation; animation-duration: 2s; animation-iteration-count: infinite; animation-timing-function: linear; content: '\f110';}
.All_the_pros:before {content: '\f004';} .All_the_pros.load.done:before {content: '\f058';}
@keyframes rotation { 0% {transform:rotate(0deg);} 100% {transform:rotate(360deg);}}
/* второй диз */
.jud .FNTslider { background: #e1e1e1; outline: none; height: 5px;}
.jud .FNTslider .before { height: 5px; background: var(--jud6);}
.jud .FNTslider .thumb { background: var(--jud4); height: 12px; top: -9px;}
.jud #pun-viewtopic #post-form { margin-top: 70px;}
.jud #pun-viewtopic #pun-main h2 span { margin: -24px 0 0 0; overflow: hidden; text-overflow: clip; height: 25px;}
.jud #topic-modmenu.modmenu { margin: -38px 0 0 271px;}
.jud .punbb .post-sig dt, .jud .post-content hr { border-color: #0000001c;}
.jud .punbb .post-sig dt:before, .jud .post-content hr:before, .jud #pun-index .main .tcr a:before { background: var(--jud2); color: var(--jud5);}
.jud #pun-index .main .tcr a:before {display: none;}
.jud #pun-messages .post-links { margin-bottom: 0px;}
/* VIII. ПРОСМОТР ПО СТРАНИЦАМ
-------------------------------------------------------------*/
#pun-searchtopics #pun-main .forum {margin-top: 10px;}
#pun-main .info {font-family: var(--basicfont); text-transform: lowercase; letter-spacing: .5px;}
/* предпросмотр соо */
#pun-post .pa-author {text-align: center; margin-left: 0px; color: var(--accent1);}
#pun-post .topic {margin-top: 10px;}
/* редактирование */
#pun-edit small#plng {margin-top: 69px;}
/* модерское */
.pun-modal.move_posts_form .Select_Topics .tc2 {text-align: center; width: 5%;}
.pun-modal.move_posts_form .Select_Topics tr {border-bottom: 1px solid var(--basic2); height: 30px;}
.modmenu {font-family: var(--basicfont); letter-spacing: .5px; font-size: 10px; text-transform: lowercase;}
/* мои сообщения */
#pun-searchposts .post h3 strong {right: -21px;}
#pun-searchposts .post-links li {margin-top: -9px;}
#pun-searchposts h3 {padding-left: 176px !important;}
#pun-searchposts .linksb {left: 760px; position: absolute;}
#pun-searchposts .post:first-of-type h3 {margin: -48px -30px 0 126px !important; padding: 0px 92px 0px 20px !important; height: var(--shei); background: none !important;}
#pun-searchposts h3 a {margin-right: 5px; color: var(--basic1);}
#pun-searchposts .post-links li a {position: absolute; margin: 25px 0 0 -21px;}
#pun-searchposts .linkst {background: none; padding: 0; position: absolute; top: 47px; width: auto;}
#pun-searchposts .post:last-of-type .post-links li a {bottom: -45px;}
/* участники */
#userlist {margin-top: 20px;}
#pun-userlist .usertable .container { padding: 10px;}
#pun-userlist tr:after {left: 20px; margin-top: 50px;}
#pun-userlist .usertable {font-family: var(--basicfont); text-transform: lowercase; letter-spacing: .5px; font-size: 10px;}
#pun-userlist .user-avatar {margin: -8px 0 0px 0px !important;}
#pun-userlist td.tcl.username {padding-top: 20px; margin-left: 0px; display: inline-block;}
#pun-userlist .tc3 {text-align: center;}
#pun-userlist .tc3.last_visit, #pun-viewforum .tcr {text-align: right;}
/* формы заполнения на страницах участников и поиска */
.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield {float: left; margin: 11px 10px;}
.punbb .inline .infofield {font-family: var(--basicfont); text-transform: lowercase; font-size: 9px; letter-spacing: .5px; padding: 10px; text-align: justify; min-height: 40px; border-radius: 5px; border: 1px solid var(--accent4);}
/* СТАТИСТИКА BY BLANCHE. МОЖНО БРАТЬ, НО ОСТАВЛЯЕМ КОПИ */
#pun-stats ul.container {margin: -33px 10px 20px 10px; text-transform: lowercase; font-family: var(--basicfont); font-size: 10.5px; letter-spacing: .5px; display: flex; flex-wrap: wrap; justify-content: space-between;}
#pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4 {display: inline-block; margin-bottom: 15px;}
#pun-stats li.item1, #pun-stats li.item2 {width: 25%;} #pun-stats li.item4 {width: 43%; text-align: right; margin-right: 30px;}
#pun-stats li.item1 {margin-left: 30px;} #pun-stats li.item2 {text-align: center;}
/* посетили за сутки */
#pun-stats ul.container strong {font-weight: normal;}
#onlinelist a {position: relative;}
#onlinelist a:after {content: ''; background: var(--basic2); width: 0%; height: 1px; position: absolute; top: 12px; left: -3px; transition: all .5s;left: 50%; transform: translate(-50%, 0);}
#onlinelist a:hover:after {width: 106%;}
#onlinelist {margin-top: 10px;float: left; width: 100%; line-height: 130%; text-align: justify;}
#onlinelist div {line-height: 15px;}
#onlinelist.item5.users_24h {margin-top: 7px;}
#onlinelist, #onlinelist a { color: var(--basic3) !important;}
/* сообщения */
#pun-messages tbody.hasicon {position: relative;}
#notify-settings {font-family: var(--basicfont); text-transform: lowercase; letter-spacing: .5px; font-size: 10px;}
input#OnOff_Notify {margin-top: -1px;} #volSlider.vol_slider {margin-top: 1px;}
form#messages .linksb {margin-top: 70px;}
#pun-messages .postlink .button {color: var(--basic1) !important; padding: 5px !important; background: none !important; box-shadow: none !important; text-shadow: none !important; margin: -11px -72px 0 860px !important; min-width: 73px !important; height: 21px; float: right;}
#pun-messages .postlink {margin-top: -10px;}
#pun-messages td.tc2.pmtc22 {width: 30% !important; padding-top: 13px;}
#pun-messages table Div.icon {margin-top:10px;}
#pun-messages .user-avatar .isonline {right: 4px !important;}
#pun-messages small#plng { left: 0px; margin-top: -5px;}
#pun-messages #profile fieldset legend:not(#messages fieldset legend) { position: relative; text-align: left; padding-left: 160px; width: calc(100% - 160px);}
#pun-messages #profile legend strong { display: block; margin: 3px 0 -3px 0;}
#pun-messages #profile #messages legend {margin: 0; position: relative;}
#pun-messages #form-buttons {margin-top: 20px;padding-left: 0px;}
#pun-messages #profile.formal .post h3 {float: right; margin-top: -23px; font-family: arial; font-size: 11px;}
#pun-messages .post-body {margin-top: -10px;}
#pun-messages .post-links {margin: 22px 0 -20px 0; z-index: 999; position: relative;}
#pun-messages td.tc2.pmtc22 .user-avatar a {margin-top: 0px;}
#pun-messages td.tc2.pmtc22 a {margin-top: 7px; display: block;}
#pun-messages .user-avatar {width: 35px; height: 25px;}
#pun-messages .tclcon {height: 20px; padding-top: 20px;}
#pun-messages .hasicon .tc3 { padding-top: 12px; font-size: 10px !important;}
#pun-messages .tclcon, #pun-messages .tc2, #pun-messages .tc3 {font-family: var(--basicfont); letter-spacing: .5px;}
#pun-messages .post h3 span {position: absolute; top: 22px; right: 0px;}
#pun-messages small#plng, #pun-messages .post h3 span { box-shadow: var(--basic2) 0px 0px 0px 1px !important; border-radius: 5px 5px 0 0; border: none !important;}
#pun-messages .post-links li.pl-delete {margin-right: -3px; margin-left: 8px;}
Поделиться42022-07-11 18:40:10
- silence in your heart
- Eкай паркер, 22/40lorem ipsum dolor sit amet, consectetur adipiscing elit. praesent eleifend lectus libero, mattis auctor velit congue quis.
- 100$
- 10
- Сообщений: 189
- Уважение: +0
хотел бы написать пост но у меня же лапки
Код:
/* РЕПУТАЦИЯ, ПОЗИТИВ, АКТИВНЫЕ BY BLANCHE. МОЖНО БРАТЬ, НО ОСТАВЛЯЕМ КОПИ */
#pun-respect #pun-main .container tr, #pun-positive #pun-main .container tr, #pun-online #pun-main .container tr, #pun-searchtopics .tclcon {line-height: 30px; height: 40px; display: flex; align-items: center;}
#pun-respect #pun-main .container tr, #pun-positive #pun-main .container tr, #pun-online #pun-main .container tr, #pun-searchtopics .tclcon, #pun-searchtopics .multipage .container .tc2, #pun-searchtopics .multipage .container .tc3, #pun-searchtopics .multipage .container .tcr { font-family: var(--basicfont); text-transform: lowercase; font-size: 10px; letter-spacing: .5px; }
#pun-positive .multipage .container tbody tr:before, #pun-respect .multipage .container tbody tr:before, #pun-online td.tcl.username:before, #pun-searchtopics .multipage .container tbody td.tcl .tclcon:before { content: '\f186'; color: var(--basic3); font-size: 15px; margin-right: 10px; font-family: var(--fawe); display: inline-block; vertical-align: middle;}
#pun-online td.tcl.username:after, #pun-respect .multipage .container tr:not(:last-child) td.tcl:after, #pun-positive .multipage .container tr:not(:last-child) td.tcl:after, #pun-searchtopics .multipage .container tr:not(:last-child) td.tcl:after, #pun-viewforum .tclcon:after, #pun-userlist tbody tr:not(:last-of-type):after, #pun-messages tr:not(:last-of-type) .tclcon:after { content: ''; display: block; position: absolute; width: 910px; border-bottom: 1px solid var(--accent4); margin-left: -20px;}
#pun-positive .multipage .container .tc2, #pun-positive .multipage .container .tc3, #pun-respect .multipage .container .tc2, #pun-respect.multipage .container .tc3, #pun-searchtopics .multipage .container .tc2, #pun-searchtopics .multipage .container .tc3, #pun-online .multipage .container th.tcl {text-align: center;}
#pun-online .multipage .container th.tcl:first-child {text-align: left;}
#pun-positive .multipage .container .tcr, #pun-respect .multipage .container .tcr, #pun-searchtopics .multipage .container .tcr, #pun-online .multipage .container th.tc3 {text-align: right;}
#pun-positive .multipage .container th.tcl, #pun-respect .multipage .container th.tcl, #pun-searchtopics .multipage .container th.tcl, #pun-online .multipage .container th.tcl:first-child {padding-left: 24px;}
#pun-searchtopics #pun-main .tcl .tclcon strong {font-weight: normal;}
.newtext a { background: var(--accent1); text-transform: uppercase; font-family: 'Helvetica Neue medium'; font-size: 8px; letter-spacing: 1px; padding: 2px 4px; color: var(--basic1);}
#pun-online td.tcl.username {font-family: var(--basicfont); text-transform: lowercase; font-size: 9px; letter-spacing: 1px;}
#pun-online td.tcl.username {width: 30% !important;} #pun-online .multipage .container th.tcl:first-child {width: 27.4% !important;}
#pun-online .tcl.action, #pun-online .multipage .container th.tcl {width: 47% !important;}
#pun-online .tcl.action strong {font-weight: normal!important;}
td.tcl a.registered-user {font-weight: normal!important; text-transform: uppercase;}
#pun-online .tc3 {width: 20%; text-align: right;}
.jud #pun-online td.tcl.username:after, .jud #pun-respect .multipage .container tr:not(:last-child) td.tcl:after, .jud #pun-positive .multipage .container tr:not(:last-child) td.tcl:after, .jud #pun-searchtopics .multipage .container tr:not(:last-child) td.tcl:after, .jud #pun-viewforum .tclcon:after, .jud #pun-userlist tbody tr:not(:last-of-type):after, .jud #pun-messages tr:not(:last-of-type) .tclcon:after {width: 960px; border-color: var(--jud6); margin-left: 0px;}
.jud #pun-userlist tr:after { left: 0px;}
.jud .newtext a { background: var(--jud5); color: var(--jud2);}
.jud small#plng { box-shadow: none; background: var(--jud1); border-radius: 0px; color: var(--jud2) !important; }
.jud #pun-viewtopic #post-form legend { position: absolute; margin: -2px 0 0 -3px;}
.jud #pun-edit small#plng { margin-top: 63px;}
.jud #pun-positive .multipage .container tbody tr:before, .jud #pun-respect .multipage .container tbody tr:before, .jud #pun-online td.tcl.username:before, .jud #pun-searchtopics .multipage .container tbody td.tcl .tclcon:before {display: none;}
.jud #pun-searchposts .post h3 strong { right: 0px;}
.jud #pun-searchposts .post:last-of-type .post-links li a { bottom: 0px; position: relative;}
.jud #pun-searchposts .post-author { background: var(--jud4); border-radius: 0 30px; min-height: 10px;}
.jud #pun-searchposts .pa-author { text-align: center; margin-top: -22px;}
.jud .punbb .inline .infofield { border-color: var(--jud6); border-radius: 0px;}
.jud #pun-messages small#plng, .jud #pun-messages .post h3 span { background: var(--jud4); border-radius: 0px !important; box-shadow: none !important;}
.jud #pun-messages #profile legend strong { margin: 0;}
.jud #pun-messages small#plng { margin-top: -7px; height: 21px; line-height: 18px;}
.jud #pun-messages .post h3 span { right: 12px; height: 13px; line-height: 14px; color: var(--jud2);}
.jud #pun-searchposts h3 { padding-left: 187px !important;}
/* IX. ФОРМА ОТВЕТА
-------------------------------------------------------------*/
#post-form fieldset {margin: 0 14px 0 0;padding: 0;text-align: justify;}
#post-form h2 {margin: 0;} #main-reply {height: 213px;}
p.formsubmit {text-align: center;}
/* растягивание формы ответа */
.grippie {background: none !important; margin-left: -6px;}
.grippie:before {content: '\f0dd'; font-family: var(--fawe); margin: 50%; font-size: 20px; display: block; margin-top: -10px; color: var(--basic2);}
/* КНОПКИ ФОРМЫ ОТВЕТА С МЕСТОМ ПОД СИМВОЛЫ BY BLANCHE. МОЖНО БРАТЬ, НО ОСТАВЛЯЕМ КОПИ */
#form-buttons {margin: 0px -14px -11px 0px; padding: 3px 5px 0px 145px; height: 27px; border-bottom: none; border-radius: 5px 5px 0 0;
border: 1px solid #d4cdc5;
background: linear-gradient(0deg, #e5dad25c, #f7f0e5);}
small#plng {width: 150px; text-align: center; margin-top: 5px; left: 6px; position: absolute; z-index: 1; font-family: var(--basicfont); letter-spacing: .5px; line-height: 22px;}
small#plng b {font-size: 12px; font-family: 'Qalisso'; letter-spacing: 2px;}
#pun-edit #font-area, #pun-edit #size-area, #pun-edit #color-area, #pun-edit #table-area, #pun-edit #smilies-area, #pun-edit #image-area, #pun-edit #imageup-area, #pun-edit #imageattach-area, #pun-edit #keyboard-area, #pun-edit #video-area, #pun-edit #addition-area, #pun-edit #spoiler-area {margin: 9px -21px 0 2px !important;}
#spoiler-area a, #image-area a {color: inherit;}
#keyboard-span input {box-shadow: none !important; text-shadow: none !important;}
#image-area, #color-area, #video-area, #spoiler-area, #addition-area div {height: auto !important;}
/* шрифты во все окно */
#font-area {display: flex; width: 884px; flex-wrap: wrap; justify-content: space-between; font-size: 17px !important; letter-spacing: 0px;}
#font-area div {width: 200px;}
#font-area b {letter-spacing: 3px; font-size: 12px; font-weight: normal; text-transform: uppercase;}
/* фон у элементов при нажатии в форме ответа (смайлы и т.д.) */
#tags .container {overflow-y: auto; height: 205px; z-index: 99999; margin: -10px -19px 0 1px;}
#float, #tags .container {font-family: var(--basicfont); text-transform: lowercase; letter-spacing: .5px; padding: 10px !important; font-size: 10px;
background: #e7e1d6;
box-shadow: 0 0 10px #ddd3c1 inset, 0 0 0 1px #cdc4b5;}
#font-area div, #size-area div, #addition-area div, #keyboard-span input, ul.tabs li a {padding: 5px 0 2px 10px; line-height: 10px; margin-bottom: 6px; border-radius: 5px; color: var(--basic1) !important;
background: linear-gradient(0deg, #f3ede0, #ffffff00) !important;
box-shadow: 0 0 0 1px #fbf7f0, 0 0 0 2px #d3c9b9 !important;}
#font-area div span:before, #size-area div span:before, #addition-area div span:before {content: '>>'; font-family: 'Alter Biom'; font-size: 12px; margin-right: 5px; vertical-align: bottom; color: var(--basic4);}
#smilies-area.container div {background: transparent !important; border: none !important; box-shadow: none !important; padding: 0px !important;}
#keyboard-span input {border: none !important; margin: 3px 2px !important; font-family: var(--basicfont) !important; height: 23px !important; padding: 5px !important; font-size: 12px !important;}
#imageupload-left strong {display: block;} #upload-button-container input[type=button] {font-weight: normal !important}
/* смайлы*/
#wrapper {text-align: center;} ul.tabs {margin: 1px 0 10px 1px; display: flex; width: 450px;}
ul.tabs li {float: left; margin-right: 10px; cursor:pointer; width: inherit;}
ul.tabs li a {display: block; text-align: left; margin-bottom: -1px; font-size: 10px; height: 13px; letter-spacing: 2px; font-family: lighthaus;}
* html ul.tabs li a {float: left} *+html ul.tabs li a {float: left}
ul.tabs li a:hover {background: #cfccbd;} ul.tabs li.tab-current a {background: #75a2b1; color: #b8cad0; }
div.t2,div.t3,div.t4 {display: none;width: 450px;}
.t-emoji {padding: 0px !important; margin-bottom: 0px !important;}
#smilies-area {overflow: hidden !important;}
#smilies-area.container div.t-memes, #smilies-area.container div.t-emoji, #smilies-area.container div.t-gifs {overflow-y: auto; max-height: 170px;}
/* КАСТОМ КНОПКИ В ФОРМЕ ОТВЕТА BY BLANCHE. МОЖНО БРАТЬ, НО ОСТАВЛЯЕМ КОПИ */
/* убираем стандартные иконки*/
#form-buttons td {background: transparent!important;}
#button-transL img, #button-ChangeСase img {opacity: 0;}
#form-buttons td img {position: absolute; z-index: 2; margin-top: -10px;width: auto !important;}
/* содержимое */
#button-font:before {content: "\f031"} #button-size:before {content: "\f034"} #button-bold:before {content: "\f032"} #button-italic:before {content: "\f033"} #button-underline:before {content: "\f0cd"} #button-strike:before {content: "\f0cc"} #button-indent:before {content: "\f03c"} #button-left:before {content: "\f036"} #button-center:before {content: "\f037"} #button-justify:before {content: "\f039"} #button-right:before {content: "\f038"} #button-link:before {content: "\f0c1"} #button-spoiler:before {content: "\f187"} td#button-image:before {content: "\f03e"} #button-video:before {content: "\f008"} #button-hide:before {content: "\f023"} #button-quote:before {content: "\f10e"} #button-code:before {content: "\f121"} #button-color:before {content: "\f1fc"} #button-table:before {content: "\f0ce"} #button-smile:before {content: "\f118"} #button-keyboard:before {content: "\f11c"} #button-addition:before {content: "\f0d7"} #button-vb1:before {content: "\f005"} #floatbut:before {content: "\f1fe"} #Knopa2-2:before {content: "\f02e"} #button-mask:before {content: "\f007"} #button-transL:before {content: "\f021"} #button-ChangeСase:before {content: "\f15d"}
/* стиль и наведение*/
#form-buttons td:hover:before, #Knopa2-2:hover:before {font-size: 16px;}
#form-buttons td:before, #Knopa2-2:before {font-family: var(--fawe); font-size: 11px; position: absolute; z-index: 2; transition: var(--trans2); vertical-align: middle; line-height: 20px; width: 20px; text-align: center; border-radius: 5px; padding: 2px;}
#form-buttons td:before, #Knopa2-2:before, #plng, #button-image b {color: var(--basic1) !important; opacity: .7;}
#form-buttons td:hover:before, small#plng {border-radius: 5px;
box-shadow: #fbf8f6 0px 0px 6px inset, #d4cdc5 0px 0px 0px 1px;}
#button-image b { font-family: var(--basicfont); font-weight: normal; margin: 20px 0 0 -2px !important; position: absolute;}
#plng {opacity: .9}
/* второй диз*/
.jud #form-buttons { background: #2a3730; border-radius: 0 30px 0 0; border: none;}
.jud #form-buttons td:before { color: var(--jud2) !important;}
.jud td:hover:before { box-shadow: none !important; color: var(--jud2) !important;}
.jud p.formsubmit { margin-bottom: 25px;}
.jud #float, .jud #tags .container { box-shadow: 0 0 0 1px var(--jud4); background: var(--jud2); border-radius: 0px !important;}
.jud #tags .container { margin: -12px -19px 0 1px;}
.jud #font-area { width: 922px;}
.jud #font-area div, .jud #size-area div, .jud #addition-area div, .jud #keyboard-span input, .jud ul.tabs li a { box-shadow: none !important; background: #ffffff47 !important; border-left: 2px solid var(--jud3); border-radius: 0px; color: var(--jud4) !important;}
/* X. ПРОКРУТКА, ВЫДЕЛЕНИЕ, СТИЛИ ТЕКСТА
-------------------------------------------------------------*/
/* прокрутка */
::-webkit-scrollbar {width: 4px;height: 4px;}
::-webkit-scrollbar-track {background: #0000000d;border: 1px solid #0000000a;}
::-webkit-scrollbar-thumb {background: var(--accent1);}
/*body::-webkit-scrollbar-track { background: #c7d6d3; border: 1px solid #adc1bd;}*/
.if if1 span div::-webkit-scrollbar, .twin twin3 span::-webkit-scrollbar, .tem priz2::-webkit-scrollbar, .tem priz3::-webkit-scrollbar {width: 3px; height: 3px;}
.if if1 span div::-webkit-scrollbar-thumb, .twin twin3 span::-webkit-scrollbar-thumb, .tem priz2::-webkit-scrollbar-thumb, .tem priz3::-webkit-scrollbar-thumb { background: var(--basic2); border: none; box-shadow: none;}
.jud ::-webkit-scrollbar-thumb, body.jud::-webkit-scrollbar-thumb { background: var(--jud1) !important;}
.jud .if if1 span div::-webkit-scrollbar-thumb, .jud .twin twin3 span::-webkit-scrollbar-thumb, .jud .tem priz2::-webkit-scrollbar-thumb, .jud .tem priz3::-webkit-scrollbar-thumb { background: var(--jud1);}
/* выделение текста */
::selection { color: #46645a;
background: #d9cdb9;}
.jud ::selection {
color: var(--jud5);
background: var(--jud4);}
/* подчеркнутый текст */
.punbb .post-content em.bbuline {font-style: normal;text-decoration: none;border-bottom: 1px solid;}
/* тайтл */
#tooltip, .tipsy-inner {z-index: 999999; border-radius: 2px !important; padding: 3px 7px; font-family: var(--basicfont); text-transform: uppercase; font-size: 8px; letter-spacing: 1px; font-weight: bold;
background: var(--accent1) !important;}
#tooltip, .tipsy-inner, #respect figure .prof, .tipsy-inner a {color: var(--basic1) !important; text-decoration: none !important;}
#tooltip {position: absolute; max-width: 200px; display: none;}
.tipsy.tipsy-se {margin-left: 30px;} /* проголосовавшие за соо */
.jud #tooltip, .jud .tipsy-inner { background: var(--jud4) !important;}
.jud #tooltip, .jud .tipsy-inner, .jud #respect figure .prof, .jud .tipsy-inner a { color: var(--jud5) !important;}
/* XI. ПРОСМОТР ПРОФИЛЯ BY BLANCHE. МОЖНО БРАТЬ ПОЛНОСТЬЮ ИЛИ ЧАСТЯМИ, НО ОСТАВЛЯЕМ КОПИ
-------------------------------------------------------------*/
#viewprofile li strong, #viewprofile li div, #setmods dd, #profile-left #pa-edit strong a { display: block; font-weight: normal !important;}
#pun-profile #viewprofile-next {margin: -22px -20px -91px -20px; position: relative; font-family: var(--basicfont); letter-spacing: .5px; font-size: 10px !important; padding: 20px; height: 220px; border-radius: 2px;}
/* слева */
#profile-left #profile-name {position: absolute; top: 30px; text-overflow: clip; overflow: hidden; height: 29px; display: block; text-transform: uppercase; font-size: 40px;font-family: erotique alternate;
color: var(--basic3);}
#profile-left #pa-avatar div img {border-radius: 2px;max-width: 140px;max-height: 140px; object-fit: cover;}
#profile-left #pa-avatar div {width: 180px;height: 180px;display: flex;justify-content: center;align-items: center;border-radius: 5px 5px 0 0 !important;}
#profile-right li, #profile-left #pa-avatar div {margin-top: 28px;}
#profile-right li, #profile-right li a, #pun-profile #pa-edit a {color: var(--basic3) !important;}
/* справа */
#profile-right {display: flex;width: 706px !important;text-align: center;column-gap: 10px;}
#profile-right li:not(#pa-last-visit) { width: inherit; text-align: center; text-transform: lowercase; height: 54px;}
#profile-right li, #profile-right li#pa-email a, #profile-left #pa-edit a, #profile-left #pa-avatar div, #profile-right li#pa-posts strong a, #profile-left li#pa-online {border-radius: 5px;
border: 1px solid #bfb09d;}
/* отправить лс и редактировать */
#profile-left #pa-edit a {position: absolute; top: 20px; right: 121px;}
#profile-right li#pa-email {position: absolute; top: -8px; border: none; width: 95px; right: 16px;}
#profile-right li#pa-email strong a, #profile-left #pa-edit a { width: 75px; display: block; text-align: center;}
/* показать все соо и темы, онлайн, посл. визит */
#profile-right li#pa-posts strong a, #profile-left li#pa-online, #profile-right li#pa-last-visit {position: absolute; top: 128px; width: 213px; right: 20px; margin-top: 0px; height: 7px; padding: 9px 7px !important;}
#profile-right li#pa-posts strong a:first-child {left: 222px;}
#profile-left li#pa-online, #profile-right li#pa-last-visit {left: 461px; letter-spacing: 0.5px !important; text-align: center;}
#profile-right #pa-last-visit span, #profile-right #pa-last-visit strong {display: inline-block !important; padding: 0px !important; background: none !important;}
#profile-left #pa-online {z-index: 2;} #profile-right #pa-last-visit {z-index: 1;}
/* настройка блоков справа */
#viewprofile #profile-right li span {margin-bottom: 10px; display: flex; align-items: center;justify-content: center;}
#viewprofile #profile-right li span, #profile-right li#pa-email strong a, #profile-left #pa-edit a, #profile-right li#pa-posts strong a, #profile-left li#pa-online, #profile-right li#pa-last-visit {padding: 7px;text-transform: uppercase;font-size: 8px;
background: #c5b9a663;}
#profile-right li#pa-email strong a:hover, #profile-left #pa-edit a:hover, #profile-right li#pa-posts strong a:hover, #profile-left li#pa-online, #profile-right li#pa-last-visit { background: #778580; border-color: #52665f; color: var(--accent4) !important;}
#profile-right li strong {padding: 0px !important;}
#profile-right li#pa-time-visit { min-width: 97px;}
#profile-right li#pa-respect, #profile-right li#pa-positive, #profile-right li#pa-posts { max-width: 65px;}
#profile-right li#pa-last-post { min-width: 125px;}
/* поля */
#profile-right li#pa-fld1, #profile-right li#pa-fld4, #profile-right li#pa-fld5 { height: 67px; display: flex; position: absolute; top: 143px; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: flex-start;}
#profile-right li#pa-fld1 span, #profile-right li#pa-fld4 span, #profile-right li#pa-fld5 span { width: inherit; margin-bottom: 0px !important;}
#profile-right li#pa-fld4 strong { margin: 10px; height: 26px; overflow: auto; padding-right: 7px !important; text-align: center;}
#profile-right li#pa-fld4 a { color: var(--accent3) !important;}
#profile-right li#pa-fld3 { position: absolute; top: -3px; right: 222px; width: 70px; height: 20px; border: none; text-align: right;}
#profile-right li#pa-fld5, #profile-right li#pa-fld1 { width: 150px;} #profile-right li#pa-fld1 { right: 20px;}
#profile-right li#pa-fld4 { left: 394px; width: 370px;}
#profile-right li#pa-fld2 {position: absolute; top: -14px; left: 20px; border: none !important; height: 12px !important; text-align: left; letter-spacing: 1px;}
#profile-right li#pa-fld2:before { content: '\2726'; vertical-align: middle; margin-right: 5px;}
#profile-right li#pa-fld2, #profile-right li#pa-fld2 span {color: var(--basic4) !important;}
#profile-right li#pa-fld2 span { background: none !important; display: inline-block; padding: 0px !important; text-transform: lowercase !important; font-size: 8px !important; margin-bottom: 0px !important;}
#profile-right li#pa-fld2 strong { display: inline-block; font-size: 9px;}
/* внутри профиля */
#profilenav, #pun-adnav { float: left; font-family: var(--basicfont); text-transform: lowercase; font-size: 10px; letter-spacing: .5px; position: sticky; top: 20px;width: 110px;}
#profilenav a, #pun-adnav a { margin-bottom: 3px !important; display: inline-block;}
#pun-profile #form-buttons {margin: 0 -14px 0px 0; padding-right: 8px;}
/*#profile .container legend, .adformal h2, #MyBookmarks h2, #MyBookmarks h1, .editBookmark h2, #viewprofile h2 span, #profilenav h2, #pun-adnav h2, #pun-admain h2 span, #userlist.container legend span, #punbbsearch.container legend span, .container legend.warntext span {background: var(--accent1); color: var(--basic1);font-family: var(--basicfont); letter-spacing: 1px; text-transform: uppercase; font-size: 8px !important; padding: 5px 10px; margin: 0;border-radius: 3px; font-weight: bold;}*/
#MyBookmarks h2, #MyBookmarks h1 {display: block !important;}
#profile fieldset, .adformal {text-transform: lowercase; padding: 20px; margin-left: 110px;}
#profile fieldset fieldset {margin-left: 0px;padding:0px;}
#pun-adnav li, #profilenav li {padding: 3px 10px !important;}
#pun-profile small#plng { margin: 139px 0 0 130px;}
#pun-profile #font-area div { width: 230px;}
#userlist.container legend span {margin-left: -2px;}
#pun-profile #font-area { width: 744px;}
#pun-messages #profile, #pun-profile #profile { min-height: 320px;}
#pun-profile #username span strong { text-transform: none !important;}
#pun-edit form#post.container legend, #pun-post form#post.container #post-preview legend, #profile .container legend, .adformal h2, #MyBookmarks h2, #MyBookmarks h1, .editBookmark h2, #viewprofile h2 span, #profilenav h2, #pun-adnav h2, #pun-admain h2, #userlist.container legend, #punbbsearch.container legend, .container legend.warntext { width: 100%; text-align: center; font-family: var(--basicfont); text-transform: uppercase; letter-spacing: 1px; font-size: 8px !important; border-bottom: 1px solid var(--basic2) !important; padding-bottom: 10px; margin-bottom: 10px;color: var(--basic4) !important;}
#pun-post form#post.container #post-preview legend span {display: block !important;}
#profilenav h2 { margin-top: 0px;}
#pun-profile #profile8.container input { width: 730px;} #pun-profile #profile8.container .button, #pun-profile #profile8.container input#sub4 { width: auto;}
#profilenav a:before, #pun-adnav a:before, .pl a:after {font-family: alter biom; transition: all .5s; opacity: 0}
#profilenav a:before, #pun-adnav a:before {content: '>>'; margin: 0 5px 0 -13px;} .pl a:after {content: '<<'; margin: 0 -2px 0 3px; font-size: 11px;}
#profilenav a:hover:before, #pun-adnav a:hover:before {margin-left: -8px; opacity: 1;}
.pl a:hover:after {margin-right: 5px; opacity: 1;}
#profilenav a:hover, #pun-adnav a:hover, .pl a:hover {letter-spacing: 1.5px;}
/* второй диз */
.jud #pun-edit form#post.container legend, .jud #pun-post form#post.container #post-preview legend, .jud #profile .container legend, .jud #MyBookmarks h2, .jud #MyBookmarks h1, .jud .editBookmark h2, .jud #viewprofile h2 span, .jud #profilenav h2, .jud #userlist.container legend, .jud #punbbsearch.container legend, .jud .container legend.warntext { width: auto; border: 1px solid var(--jud4) !important; padding: 7px 10px; color: var(--jud3) !important; font-size: 7px !important; text-align: left;}
.jud #pun-profile small#plng { margin: 133px 0 0 129px;}
.jud #pun-profile #font-area { width: 796px;}
.jud #pun-profile #viewprofile-next { margin: 0 5px 0 6px; border-top: 5px solid; background: var(--jud4);}
.jud #profile-right li, .jud #profile-right li a, .jud #pun-profile #pa-edit a { color: var(--jud2) !important;}
.jud #profile-right li, .jud #profile-right li#pa-email a, .jud #profile-left #pa-edit a, .jud #profile-left #pa-avatar div, .jud #profile-right li#pa-posts strong a, .jud #profile-left li#pa-online { border-color: var(--jud1);}
.jud #viewprofile #profile-right li span, .jud #profile-right li#pa-email strong a, .jud #profile-left #pa-edit a, .jud #profile-right li#pa-posts strong a, .jud #profile-left li#pa-online, .jud #profile-right li#pa-last-visit { background: #363636; }
.jud #viewprofile #profile-right li span { border-radius: 4px 4px 0 0;}
.jud #profile-right li#pa-email strong a:hover, .jud #profile-left #pa-edit a:hover, .jud #profile-right li#pa-posts strong a:hover, .jud #profile-left li#pa-online, .jud #profile-right li#pa-last-visit { background: var(--jud1); color: var(--jud2) !important; border-color: var(--jud3);}
.jud #profile-right li#pa-fld4 a { color: var(--jud5) !important;}
.jud #profile-left #profile-name { font-family: var(--judfont); text-transform: lowercase; color: var(--jud1);}
.jud #profile-right li#pa-fld2, .jud #profile-right li#pa-fld2 span { color: var(--jud7) !important;}
.jud #profile-left #pa-avatar img { box-shadow: 0 0 0 2px var(--jud1);}
/* XII. МЕЛКИЕ ПРАВКИ
-------------------------------------------------------------*/
html, body {margin: 0; padding: 0}
.punbb .hashelp { position: relative;}
.punbb address, .punbb em { font-style: normal}
.punbb .post-content img.postimg { vertical-align: middle;}
.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {padding: 0px;list-style: none;}
#pun-post fieldset#post-preview legend span {display:block!important;}
h2, h3, th, #profile fieldset strong, #pun-viewforum .tcl strong {font-weight:normal;} #pun-viewtopic tbody {vertical-align:top;} table {width:100%;}
#pun:after, .punbb .main div.inline:after, .punbb .post-box:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; overflow:hidden; line-height: 0.0; font-size: 0;}
div.grippie {margin-top: 5px; margin-bottom: -9px;}
th {font-family: var(--basicfont); color: var(--basic3); text-transform:lowercase; letter-spacing: 1px; font-size:10px; text-align: left; padding-bottom: 15px;}
/* создание темы */
.punbb .required label, .selectfield label, .inputfield label, #pun-admain legend span, #setmods dt {background-color: transparent !important; font-family: var(--basicfont); text-transform: lowercase; font-size: 10px !important; letter-spacing: .5px;display: inline-block; margin-bottom: 7px;}
input#tags {margin-bottom: 31px;height: 13px;}
/* чек */
p[class="checkfield"] *, div[class="checkfield"] *, fieldset[class="radiofield"] * {vertical-align: middle; font-family: var(--basicfont); font-size: 10px; padding: 2px 0; display: inline-block; outline:none;box-shadow:none;}
/* переадресация */
#pun-redirect{margin: 10% 0 0 21%;}
body.redirect-page #pun {background-color: transparent;}
#pun-redirect.punbb .info {letter-spacing: 1px; text-align: center; width: 500px; font-family: var(--basicfont); font-size: 12px; text-transform: lowercase;padding:10px 20px!important;}
#pun-redirect.punbb .info .container .backlink a {font-size: 9px!important;transition: none;margin-top: 20px!important;}
/* стиль админки */
#pun-adnav h2, .adformal h2 {background-color: inherit !important; border-right: none!important;}
.adcontainer {border: none !important;}
#pun-admain1 form.adcontainer, #pun-admain2 form.adcontainer, #pun-admain-new form.adcontainer, #pun-admain1 div.adcontainer, #pun-admain2 div.adcontainer {padding: 0px!important;}
#pun-adnav a {font-weight:normal!important;}
.adformal h2 {margin-top: -20px !important;}
#pun-admain fieldset {padding: 0!important;}
#pun-admain .adcontainer th {background-color: transparent !important;}
#pun-admain .linksb {width: 733px; height: 40px !important;}
#pun-admain .postlink {margin-top: -10px;}
#pun-adnav { margin-left: -163px !important;}
#pun-admain fieldset p {padding: 10px !important;font-size: 9px;letter-spacing: .5px;font-family: Arial;text-transform: lowercase;margin: 10px 1px;min-height: 30px;
background: #f5ede152!important;
border: 1px solid #f7f3eb!important;
border-left: 180px solid #d1c6b3!important;
box-shadow: 0 0 10px #dfd8cc inset;
outline: 1px solid #d9d3c9;}
/* XIII. СОКРЫТЫЕ ЭЛЕМЕНТЫ
-------------------------------------------------------------*/
.acchide, .punbb h1, #pun-navlinks h2, #pun-status h2, #pun-ulinks h2, .punbb .multipage .topic h2, .punbb dl.post-sig dt span, #pun-viewtopic form#post.container legend span, .punbb p.crumbs strong, .punbb .divider hr, #pun-userlist .main h2, span.item4, #pun-stats ul.container .item3, .lastedit, #pun .modlist, .stickytext, .closedatafield, div#pun-live-rusff, .topic a.sharelink, .postlink .closed, li.pl-share, li.pl-reports, li.pa-online, .pa-last-visit, #pun-viewforum #pun-main .forum h2, #pun-announcement h2, #pun-break4, #pun-index #pun-main thead, .pa-reg, .pa-gifts, .pa-replies, .pa-fld1 .fld-name, .pa-fld3 .fld-name, .pa-fld4 .fld-name, #pun-main div.catleft, #pun-main div.catright, #pun-viewforum .modmenu .container span, #pun-searchtopics .modmenu .container span, #pun-post .FNTslider, #pun-searchposts .FNTslider, #pun-messages .FNTslider, #pun-messages .post-sig, #pun-profile #viewprofile-next #profilenav, #profile-right li#pa-invites, #profile-gifts, #pun-post #pun-main h2, .tipsy-arrow, .clearer, #pun-index .main .tc2, #pun-index .main .tc3, #pun-main .info h2, #pun-crumbs1 .container em, #pun-crumbs2 .container em, #pun-searchposts h3 em, li.pa-ip, #pun-messages .pa-title, #pun-profile #profile-signature, #pun-searchtopics #pun-main .container h2, #onlinelist .e2, #onlinelist .e3, span.num_msg:before, #pun-ulinks li.item7, #pun-ulinks li.item3, #pun-ulinks li.item5, #topic-feed.modmenu, #topic-modmenu.modmenu .container span, #BookmCntToggle.default-style:before, #BookmCntToggle.default-style:after, #pun-searchtopics table Div.icon, #pun-searchtopics .tcr .user-avatar, .newtext .bracket.bracket-left, .newtext .bracket.bracket-right, #pun-online tr:last-child td.tcl.username:after, #pun-index .main .tcr .user-avatar a:before, #pun-index .main .tcr .user-avatar a:after, #pun-viewforum tr:last-child .tclcon:after, #profile-right li#pa-email span, #profile-right li#pa-email strong a:first-child, #profile-right li#pa-fld3 span, .punbb .post-content .quote-box hr:before, .punbb .post-content .code-box hr:before, .tem tem1:first-child:before, .tem1:first-child:before, #pun-index .subforums:last-child:after, #pun-viewforum br, .post-content .tem span hr:before, .gost span p:first-child:before, .gost span p:last-child:before, .pa-fld4 span a:before, .pa-fld4 span a:after, .pa-title, #pun-profile #profile-right li#pa-fld4 span:last-child, #profile-left #profile-title, #pun-navlinks #form-login .Rega:before, #pun-navlinks #form-login .Rega:after, #pun-navlinks #form-login .Forgot:before, #pun-navlinks #form-login .Forgot:after, #pun-messages #image-area.container tr:before, #pun-main .forum h2, #pun-multimove .FNTslider, .modal-inner.section.moved h2 span:first-child, .hv-mask-field.title, #mask_dialog .hv-preview-block .hv-preview-title, #button-files_rusff, #button-graffiti_rusff, #pun-viewtopic .post-links li.pl-email.email, #pun-messages .post-links li.pl-email, #pun-searchposts #pun-crumbs1, .tem hr:before, #pun-post form#post.container legend span, #pun-messages .post-author .pa-posts, #pun-ulinks li.item4 a:after, #pun-ulinks li:last-child a:after, .mmood #vibecod:after
{display: none !important;}
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body, .punbb .post h3 span, .post-links ul, .post-links, .usertable table, .punbb th, #pun-ulinks li, li#onlinelist, #pun-ulinks li a, li#onlinelist div, .punbb .divider, .punbb .formal fieldset .post-box, .punbb .info-box, .adformal
{border-color: transparent !important;}
/* XIV. МОБИЛЬНЫЙ СТИЛЬ, МОЗИЛЛА, ПАРАЛЛАКС
-------------------------------------------------------------*/
@-moz-document url-prefix() {.punbb .post .post-author {position: relative;top: 0px;}
* {scrollbar-width: thin;}}
/* html {min-width: 1200px!important;} для мобил*/
@media screen and (max-device-width: 480px) {
.punbb a, .punbb a:hover, .punbb a:focus, .punbb a:active, #pun-status, #pun-crumbs1, #pun-crumbs2, #pun-stats ul.container, .punbb .modmenu .container, #pun-index .main .tcr .lastpost {-webkit-text-size-adjust: none;}
.punbb textarea { -webkit-appearance: none !important;border-radius:0px !important;}
.hashelp center div a button, .button, .punbb input, .punbb select { -webkit-appearance: none !important;border-radius:6px !important;}
#pun-title table {width: 1050px; margin-left: -80px} .jud #pun-title table {width: 1000px; margin: 0;}
#parallax, .jud #parallax {display: none;}
body {background-size: auto;}
.jud #pun {margin-left: 50px;}
.jud #pun:before { margin-left: -31px; width: 1087px;}
.jud #pun-navlinks .container { left: -65px;}
.vbjud:before { content: ''; background: url(https://forumstatic.ru/files/001b/7c/28/23046.png); width: 608px; height: 161px; position: absolute; margin: 0 0 0 -50px; z-index: -1;}
:root {--judbg: url(https://forumstatic.ru/files/001b/7c/28/25189.jpg) top center fixed;}
#pun-index .main .tcr {padding-top: 30px;}
#pun-index .main .tcr a:before {margin-top: 13px;}
}
/*********************************
Deff: Быстрая смена ников!
От 15.06.2019
*********************************/
/*Cкрытие формы входа без клика*/
#pun-navlinks a:not(.NextShow)+span.odd{ display:none!important;}
/*Стиль иконки Выход */
#pun-navlinks #New-exit{ position: absolute; opacity:1!important; z-index: 100000!important;}
#pun-navlinks #New-exit img{ position: absolute; margin: 10px 0 0 10px; width: 19px; height: auto; opacity: .8;}
/*Стиль формы входа*/
#pun-navlinks #form-login { position: absolute; word-spacing: normal; left: 0px; top: -60px; z-index: 100000!important; text-shadow: none; text-align: center; text-transform: lowercase; width: 150px; border-radius: 0 0 10px 0}
#pun-navlinks #form-login, #List-UserNames { padding: 10px 20px;}
#pun-navlinks #form-login p { line-height: 17px;}
/* Подвижки формы влево от вход/выход и для амс */
#pun-navlinks #navlogin #form-login, #pun-navlinks #navlogout #form-login, .ismoderator #pun-navlinks #navlogout #form-login { margin-left: 289px;}
/*Стиль ссылок в форме "Не зарегистрированы" и "Забыли пароль" */
#pun-navlinks #form-login .Rega,#pun-navlinks #form-login .Forgot{ font-size: 10px!important; text-shadow: none;}
/* Помечаем красным незаполненные поля!*/
.punbb #form-login input.none{outline:red dashed 2px!important;}
.punbb #form-login div:not(#List-UserNames) input{ margin: 9px 0!important; outline: none;}
.punbb #form-login input#fld1,.punbb #form-login input#fld2{ width: 140px!important;}
.punbb #pun-navlinks #form-login input[type="submit"].button{ margin:0!important; outline:0 none;}
/* кнопка просмотра пароля */
.punbb #form-login input[type="checkbox"]#check{display:none; /*Отключил-не понравилась*/}
#List-UserNames { position: absolute; margin-top: -10px; min-height: 95px; width: 220px; right: 100%; text-shadow: none; text-align: center;height: 236px; border-radius: 0 0 0 10px}
.punbb #List-UserNames li { display: block!important; position: relative; text-align: left; margin: 1px 1px 7px 1px!important; padding: 4px 10px; height: auto; width: auto; transition: .33s; cursor: pointer;}
.punbb #List-UserNames li>b{ font-weight: normal;}
.punbb #List-UserNames li:hover { background: #bda9924a; box-shadow: 0 0 0 1px #bdb09f;}
#List-UserNames ul { overflow: hidden; overflow-y: auto; min-height: 36px; max-height: 162px; text-align: left; padding: 0 7px 0 0!important; text-shadow: none !important;}
#List-UserNames ul li>span { display: inline-block; padding: 0 3px; position: absolute; opacity: .88; top: 1px; bottom: 0; right: 4px; font: normal normal 700 10.56px/normal Verdana;}
/*Текст при отсутствии запомненных Ников!*/
#List-UserNames ul:empty::before{ display:inline-block; text-align: center; content: "У Вас нет запомненных ников, введенных через форму справа, или через перенос ниже!"}
/* текст-пояснение */
#navlogout #form-login:before {content: 'чтобы сохранить аккаунт в перечень, впишите ник (ровно также, как он забит в поле ника в профиле) в форму справа и затем войдите в аккаунт'; position: absolute; top: -34px; right: 0px; background: linear-gradient(0deg, var(--basic1), var(--basic3)); width: 430px; color: var(--accent1); padding: 6px 10px; font-size: 10px; border-radius: 10px 10px 0 0; z-index: 999999999;}
.punbb #form-login #List-UserNames input { display: inline-block; margin: 0!important; margin-top: 9px!important; padding: 4px !important; vertical-align: middle; outline: none;}
#List-UserNames ul+span{ display:inline-block; padding:6px 0 8px 0; text-align:left; font: normal normal 400 10.56px/normal Verdana;}
#List-UserNames ul+span b{ font: normal normal 400 13px/normal Verdana; padding:0 3px; color: #313121;}
#List-UserNames .a1-paste{ cursor:pointer; display:inline-block!important; float:right;}
#List-UserNames .a1-copy{ display:inline-block!important; cursor:pointer; float:left;}
.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 Стиль к Быстрой смене Ников!
*********************************//Поделиться52022-07-11 18:45:21
- silence in your heart
- Eкай паркер, 22/40lorem ipsum dolor sit amet, consectetur adipiscing elit. praesent eleifend lectus libero, mattis auctor velit congue quis.
- 100$
- 10
- Сообщений: 189
- Уважение: +0
хотел бы написать пост но у меня же лапки
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css");
Страница: 1
