@charset "Windows-1251";
/**************************************************************
***************************************************************
****************-----------------------------******************
****************-------Стиль bo2soft---------******************
****************-----------------------------******************
***************************************************************
***************************************************************
****************-----------------------------******************
****************--------Версия 1.10----------******************
****************-----------------------------******************
***************************************************************
***************************************************************
************--------------------------------------*************
************---Свёрстан и адаптирован Kolobdur----*************
************--------------------------------------*************
***************************************************************
***************************************************************
**************----------------------------------***************
**************-------Для сервиса mybb.ru--------***************
**************----------------------------------***************
***************************************************************
***************************************************************
**********************-------------****************************
**********************--STYLE.CSS--****************************
**********************-------------****************************
***************************************************************
***************************************************************/
/**************************************************************
A - Основная часть *
***************************************************************/
/* A1 Подключаем файл с фонами и цветами
-------------------------------------------------------------*/
@import url(style_cs.css);
/* A2 Обнуление и общие установки
-------------------------------------------------------------*/
/* A2.1 */
*, html, body {
margin: 0;
padding: 0;
}
/* A2.2 */
html {
overflow-y: scroll;
font-size: 100%;
}
/* A2.3 */
body {
font-size: 62.5%;
}
/* A2.4 */
body, .sharelink, body .tipsy, #pun-viewforum .inew .tclcon strong, #pun-searchtopics .inew .tclcon strong, #post-new legend strong, textarea, input, select, optgroup, #pun #pun-admain input, #pun #pun-admain select, #pun #pun-admain optgroup, #pun-index .modlist a, .subforums a {
font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
}
/* A2.5 */
ul, dl, li, dd, dt {list-style: none;}
/* A2.6 */
img {border:none;}
/* A2.7 (Clear outline) */
a:active, a:focus, input, textarea, input:active, textarea:active, :focus {outline:none;}
button:active, button:focus {outline: none !important;}
button::-moz-focus-inner {border: 0 !important;}
/* A2.8 */
a:link, a:active, a:visited, .legend a, .legend a:hover, .legend a:focus {
text-decoration: none;
}
/* A2.9 */
a:hover, a:focus, a:active {
text-decoration: underline;
}
/* A2.10 */
table {
table-layout: fixed;
width: 100%;
}
/* A2.11 (правка для подсказок с таблицами) */
.tipsy table {width: initial;}
/* A2.12 */
br {line-height: 2em;}
/* A2.13 */
#pun .punbb select {
padding: 2px 3px;
border-radius: 3px;
text-indent: 0.01px;
text-overflow: '';
cursor: pointer;
font-size: 1em;
}
/* A2.14 */
#pun .punbb select::-ms-expand {
display: none;
}
/* A2.15 */
textarea, #pun #pun-admain textarea {
font-size: 1.4em;
}
/* A2.16 */
#pun #pun-admain textarea {
font-family: "Courier New", tahoma, arial, helvetica, sans-serif;
}
/* A2.17 */
pre {
font-family: "Courier New", monaco, "bitstream vera sans mono", courier, monospace;
}
/* A2.18 */
.formsubmit input, .formsubmit a, .formsubmit span {
margin: 0 5px 0 0;
}
/* A2.19 */
.formsubmit {text-align: right;padding: 0 0 0 1.7em;}
/* A2.20 */
#pun-profile .formsubmit {text-align: left;}
/* A2.21 */
.button, input[type="submit"] {
padding: 3px 5px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
text-decoration: none;
vertical-align: middle;
font-size: 10px;
cursor: pointer;
}
/* A2.22 */
input[type="text"], input[type="password"], textarea,
#pun .formal textarea {
margin: 3px 0;
padding: 3px;
width: calc(100% - 6px);
}
/* A2.23 */
.datafield span.input a {
font-weight: normal;
}
/* A2.24 */
.checkfield input[type="checkbox"], .radiofield input[type="radio"] {
margin: 0 0.3em;
}
/* A2.25 */
iframe {
max-width: 100%;
max-height: 40vw;
}
/* A2.26 */
.acchide, #pun-navlinks h2, #pun-status h2, #pun-pagelinks h2, #pun-announcement h2, #pun-ulinks h2, #pun-index thead, .punbb .forum h2, .punbb dl.post-sig dt span, .punbb p.crumbs strong, .punbb #pun-break3, .punbb .required label em, .punbb .formsubmit label, .punbb .submitfield label, .crumbs em:nth-child(2), .punbb .modmenu label, #pun-userlist .main h2, #post fieldset:not(#post-preview) legend, #profilenav h2, #pun-index.punbb #pun-crumbs1, .stickytext, .closedatafield, .redirecttext, .polltext {
font-size: 0;
height: 0;
width: 0;
line-height: 0.0;
position:absolute;
left: -9999px;
overflow: hidden;
}
/* A2.27 */
.divider hr, td.tcr br, .tclcon br, .bracket-right, .inew .bracket-left, .pa-last-visit br, .pa-respect img {
display: none;
}
/* A3 Теги заголовков и абзаца
-------------------------------------------------------------*/
/* A3.1 */
h1, h2, h3, h4, strong, b, .button, input[type="submit"], .crumbs, .required label, .datafield span.input, #onlinelist:before, thead tr, #pun-navlinks a, #profilenav li, .punbb #pun-adnav a, #pun-admain label, div#pun-admain .adlabel, #viewprofile-next #profilenav:before, #profile:before, #viewprofile-next:after, #profile:after, .quote-box cite, .code-box strong.legend, .spoiler-box > div, *[style*='bold'], .hasicon .isticky:nth-child(1):before, #pun-viewforum .hasicon:after, #pun-viewforum .tclcon a, #pun-searchtopics .tclcon a, #pun-modviewforum .tclcon a, .warntext, .info, .post-rating a, .files-pagelink a, .pagelink a, #pun-index .modlist, #pun-viewforum .modlist, .subforums, #setmods dt {
font-family: "Lucida Grande Bold", "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
font-weight: normal;
}
/* A3.2 */
h1 {
font-size: 1.8em;
text-decoration: none;
}
/* A3.3 */
h2 {
font-size: 18px;
text-decoration: none;
line-height: 120%;
}
/* A3.4 */
h3 {
font-size: 1em;
line-height: 120%;
}
/* A3.5 */
h4 {
margin: 0;
font-size: 1em;
}
/* A3.6 */
p {
margin: 0;
line-height: 150%;
padding: 0 0 1em 0;
}
/**************************************************************
B - Border *
***************************************************************/
/* B1 border-style и border-width
-------------------------------------------------------------*/
/* B1.1 */
#pun-announcement .container,
#pun-status .container, #pun-index #pun-main:before,
.main:before, .main:after, #profilenav, #viewprofile-next, #profile form, #profile10,
#pun-main h2, #pun-stats h2, .crumbs,
.hasicon .isticky:nth-child(1):before, #pun-viewforum .hasicon:after,
#pun-main tr > td, #pun-online th, #pun-statistic th, #pun-userlist th,
#onlinelist:before, #onlinelist div,
.button, input[type="submit"],
input[type="text"], input[type="password"],
#viewprofile ul,
.punbb #pun-adnav h2,
.punbb #pun-admain h2,
#viewprofile-next:before, #profile:before,
#viewprofile-next:after, #profile:after,
.post h3,
.sharelink:before, select,
textarea, .quote-box, .code-box, .quote-box,
fieldset, #profile .select-file, #profile .adfs-box, #profile .formsubmit,
#pun-adnav a:hover, .post h3, .post-author, .post-body, .pa-online, .pa-last-visit,
.post-links ul, .punbb #pun-adnav, #form-buttons tr,
#pun-viewforum .category:before,
#topic-users-in .container, #topic-users-in span,
#pun-statistic .main .container:before, #pun-statistic .main .container:after,
#pun-userlist .formal:before, #pun-userlist .formal:after,
#pun #profile10 th, #pun-messages th,
.punbb #pun-admain .adcontainer th, .punbb #pun-admain .adcontainer td {
border-style: solid;
}
/* B1.2 */
.button, input[type="submit"],
input[type="text"], input[type="password"],
#viewprofile ul,
.post h3,
.topic, .modmenu,
#pun-announcement .container,
#pun-status .container, #pun-index #pun-main:before,
.main:before, .main:after,
#pun-main h2, #pun-stats h2, .crumbs,
.hasicon .isticky:nth-child(1):before, #pun-viewforum .hasicon:after,
#pun-main tr > td, #pun-online th, #pun-statistic th, #pun-userlist th,
#onlinelist:before, #onlinelist div,
select, textarea, .quote-box, .code-box,
#pun-statistic th, #pun-userlist th, #filetable th,
fieldset, #profile .select-file, #profile .adfs-box, #profile .formsubmit,
.adcontainer div > ul > li,
#pun-adnav a:hover, .post h3,
.punbb #pun-adnav, .punbb .adformal, #form-buttons tr,
#pun-viewforum .category:before,
#topic-users-in .container, #topic-users-in span,
#pun-statistic .main .container:before, #pun-statistic .main .container:after,
#pun-userlist .formal:before, #pun-userlist .formal:after,
#pun-messages th, .punbb #pun-admain .adcontainer th, .punbb #pun-admain .adcontainer td {
border-width: 1px;
}
/* B2 Индивидуальные Border
-------------------------------------------------------------*/
/* B2.1 */
#viewprofile-next, #profile form, #profile10 {border-width: 0 1px 0 1px;}
/* B2.2 */
#profilenav {border-width: 0 1px 0 0;}
/* B2.3 */
.post-author {border-width: 0 0 0 1px;}
/* B2.4 */
.post-body {border-width: 0 1px 1px 0;}
/* B2.5 */
.sharelink:before {
border-width: 5px;
border-radius: 2em 0 0 0;
}
/* B2.6 */
fieldset fieldset {border-style: none;}
/* B2.7 */
.punbb #setmods dl {border: none !important;}
/* B2.8 */
.punbb #viewprofile td {border: 0;}
/* B2.9 */
#pun-main #post td, #pun-profile #profile5 .fs-box.hashelp td {border: none;}
/* B2.10 */
#similar-topics td {border-width: 0 1px 1px 1px;}
/* B2.11 */
#pun #profile10 th, #pun-messages th, .punbb #pun-admain .adcontainer th {border-width: 0 1px 0 1px;}
/* B2.12 */
#pun #profile10 th:first-child, #pun-messages th:first-child, .punbb #pun-admain .adcontainer th:first-child {border-width: 0 1px 0 0;}
/* B2.13 */
#pun #profile10 th:last-child, #pun-messages th:last-child, .punbb #pun-admain .adcontainer th:last-child {border-width: 0 0 0 1px;}
/* B2.14 */
#pun #profile10 td:first-child, .punbb #pun-admain .adcontainer td:first-child {border-left-width: 2px;}
/* B2.15 */
#pun #profile10 td:last-child, .punbb #pun-admain .adcontainer td:last-child {border-right-width: 2px;}
/* B3 Border для Админки
-------------------------------------------------------------*/
/* B3.1 */
#pun-adnav .adcontainer, .punbb .adformal .adcontainer {border: none;}
/* B3.2 */
.punbb #pun-admain h2 {
padding: 0 1em;
height: 28px;
font-size: 1.1em;
line-height: 28px;
}
/* B3.3 */
.punbb .adformal {
border-style: solid solid solid none;
}
/* B3.4 */
.punbb #pun-adnav h2,
#viewprofile-next:before, #profile:before {
border-width: 0 1px 0 0;
}
/* B3.5 */
.punbb .adformal h2,
#viewprofile-next:after, #profile:after {
border-width: 0 0 0 1px;
}
/* B3.6 */
.punbb #pun-admain .adcontainer th {
height: 30px;
font-size: 1.1em;
line-height: 28px;
padding: 0;
text-align: center;
}
/**************************************************************
C - Общее расположение. *
***************************************************************/
/* C1 Display Grid
-------------------------------------------------------------*/
html .punbb, #pun-stats .container, .intd, .tclcon, .post>.container, .main, .main .linkst, .main .linksb, .postlink, #pun-viewforum .modmenu .container, #pun-searchtopics .modmenu .container, #topic-modmenu .container, #profilenav ul, .post-box, .post h3 span, #setmods dl, #pun-admain, #pun-adnav .adcontainer div > ul > li:last-child, .punbb-admin .linksb, #pun-index .main h1, #pun-index tr, #pun-viewforum tr, #pun-searchtopics tr, #pun-modviewforum tr, #pun-index td, #pun-viewforum td, #pun-searchtopics td, #pun-modviewforum td, #profile .container, .item-forms, .pa-online, .pa-last-visit, #post .fs-box, #post .checkfield, #form-buttons tr, #tags, #topic-feed .container, #pun-navlinks ul, #pun-ulinks ul, #pun-navlinks li[id*='navextra'] a, .crumbs, .subforums, #pun-viewforum .forum th.tcl, #pun-modviewforum th.tcl, #pun-searchtopics th.tcl, #pun-index .main h1 span, #pun-viewforum .category thead .tc3, #pun-searchtopics .inew .tclcon strong, #pun-viewforum .inew .tclcon strong, #pun-modviewforum .inew .tclcon strong, #pun-userlist .username, .pagestext, .pagelink, .files-pagelink, .newtext, #pun-main .topic h2, .post-author ul, .post-links ul, .pa-respect,.pa-avatar, #pun-viewtopic .post-author ul:before, .quote-box, #font-area div, #viewprofile-next, #pun-profile #profile form, #profile10, #profile, #profile-right li, .poll1 tr, .poll1 td, #onlinelist {
display: grid;
}
/* C2 Общий Grid
-------------------------------------------------------------*/
html .punbb {
grid-template:
". header ."
". title ."
". navlinks ."
". ulinks ."
". status ."
". crumbs1 ."
". announcement ."
". banner3 ."
". admain ."
". main ."
". banner2 ."
". stats ."
". crumbs2 ."
". banner1 ."
". pun-break4 ."
". about ."
". footer ."
/ 1fr 900px 1fr;
}
/* C3 Общий Grid. grid-area
-------------------------------------------------------------*/
/* C3.1 */
#pun-break1, #pun-break2 {
width: 24px;
height:100%;
grid-row: 3 / -3;
grid-column: 2 / 3;
}
/* C3.2 */
#html-header {grid-area: header;}
/* C3.3 */
#pun-ulinks {grid-area: ulinks;}
/* C3.4 */
#pun-navlinks {grid-area: navlinks;}
/* C3.5 */
#pun-title {grid-area: title;}
/* C3.6 */
#pun-status {grid-area: status;}
/* C3.7 */
#pun-announcement {grid-area: announcement;}
/* C3.8 */
#pun-crumbs1 {grid-area: crumbs1;}
/* C3.9 */
#pun-admain {grid-area: admain;}
/* C3.10 */
#pun-break2 + .section {grid-area: banner3;}
/* C3.11 */
#pun-break2 + .section iframe img {
display: block !important;
max-width: 100% !important;
}
/* C3.12 */
#pun-break2 + .section iframe {
display: block;
margin: 0 auto !important;
}
/* C3.13 */
#pun-main {grid-area: main;}
/* C3.14 */
#pun-main + script + .section:not(#pun-stats) {max-width: 100px;}
/* C3.15 */
#pun-stats {grid-area: stats;}
/* C3.16 */
#pun-main ~ .section[style*="overflow:hidden;display:flex;justify-content: center;"] {grid-area: banner1;}
/* C3.17 */
#pun-crumbs2 {grid-area: crumbs2;}
/* C3.18 */
#pun-break4 {grid-area: pun-break4;}
/* C3.19 */
#pun-about {grid-area: about;}
/* C3.20 */
#html-footer {grid-area: footer;}
/* C4 Grid Justify-self
-------------------------------------------------------------*/
#pun-viewforum .modmenu span, #pun-searchtopics .modmenu span, #topic-modmenu span, .subscribelink, .post h3 strong, .sharelink, .pagelink, .files-page-select, #pun-break2, .newtext, #pun-admain #pun-adnav sup.new {
justify-self: end;
}
/**************************************************************
D - Базовое оформление. *
***************************************************************/
/* D1 Настройка дочерних блоков .punbb
-------------------------------------------------------------*/
html .punbb>div:not(#pun-title):not(#pun-break1):not(#pun-break2):not(#pun-about) {margin: 0 13px;z-index: 1;}
/* D2 Лого и меню
-------------------------------------------------------------*/
/* D2.1 */
#pun-title {height: 122px;}
/* D2.2 */
#pun-title table tr {
grid-template-rows: 122px;
grid-template-columns: auto 1fr;
}
/* D2.3 */
.title-logo {
position: relative;
z-index: 1;
width: 300px;
height: 122px;
}
/* D2.4 */
#pun-title span {font-size: 0;}
/* D2.5 */
#pun-navlinks ul, #pun-ulinks ul {
height: 31px;
margin: 0 4px;
align-items: center;
justify-items: center;
padding: 0;
}
/* D2.6 */
#pun-navlinks ul {
grid-template: 'navlogout navadminlogin navadmin navrules navextra1 navextra2 navextra3 navextra4 navextra5 navindex . navsearch navuserlist navpm navprofile' / auto auto auto auto auto auto auto auto auto auto 1fr auto auto auto auto;
clear: both;
}
/* D2.7 */
#pun-navlinks a {
float: left;
text-decoration: none;
}
/* D2.8 */
#pun-ulinks ul {
grid-template: 'ul_item2 ul_itemA ul_item3 ul_item1 ul_itemB . ul_item4 ul_item5 ul_item6' / auto auto auto auto auto 1fr auto auto auto;
}
/* D2.9 */
#navindex {grid-area: navindex;}
/* D2.10 */
#navuserlist {grid-area: navuserlist;}
/* D2.11 */
#navsearch {grid-area: navsearch;}
/* D2.12 */
#navprofile {grid-area: navprofile;margin-right: 2px;}
/* D2.13 */
#navpm {grid-area: navpm;}
/* D2.14 */
#navadmin {grid-area: navadmin;}
/* D2.15 */
#navadminlogin {grid-area: navadminlogin;}
/* D2.16 */
#navlogout, #navregister {grid-area: navlogout;margin-left: 4px;}
/* D2.17 */
#navrules {grid-area: navrules;}
/* D2.18 */
#pun-ulinks ul .item2, .isguest #pun-ulinks ul .item1 {grid-area: ul_item2;margin-left: 12px;}
/* D2.19 */
#pun-ulinks ul .item7:nth-child(2), #pun-ulinks ul .item7:nth-child(3) {grid-area: ul_itemA;}
/* D2.20 */
#pun-ulinks ul .item3 {grid-area: ul_item3;}
/* D2.21 */
#pun-ulinks ul .item4 {grid-area: ul_item4;}
/* D2.22 */
#pun-ulinks ul .item5 {grid-area: ul_item5;}
/* D2.23 */
#pun-ulinks ul .item6 {grid-area: ul_item6;margin-right: 8px;}
/* D2.24 */
#pun-ulinks ul .item7:nth-child(7), #pun-ulinks ul .item7:nth-child(8) {grid-area: ul_itemB;}
/* D2.25 */
.isuser #pun-ulinks ul .item1 {grid-area: ul_item1;}
/* D2.26 */
#pun-navlinks a span, #pun-navlinks li[id*='navextra'] a {
display: block;
padding: 7px 6px 6px 6px;
white-space: nowrap;
}
/* D2.27 */
#pun-navlinks a span:before {
content: '';
float: left;
}
/* D2.28 */
#pun-navlinks a span:before,
#pun-navlinks li[id*='navextra'] a:before {
height: 13px;
width: 12px;
padding-right: 2px;
}
/* D2.29 */
#pun-navlinks li[id*='navextra'] a {
grid-template-rows: auto;
grid-template-columns: 14px auto;
align-items: center;
justify-items: center;
}
/* D2.30 */
#pun-navlinks li[id*='navextra'] a:before,
#pun-navlinks li[id*='navextra'] a:after {
content: '';
grid-row: 1;
grid-column:1;
}
/* D2.31 Добавляем дополнительные кнопки */
#navextra1 {grid-area: navextra1;}
#navextra2 {grid-area: navextra2;}
#navextra3 {grid-area: navextra3;}
#navextra4 {grid-area: navextra4;}
#navextra5 {grid-area: navextra5;}
/* D2.32 */
#pun-ulinks ul .item2:after,
#pun-ulinks ul .item7:nth-child(2):after,
#pun-ulinks ul .item7:nth-child(3):after,
#pun-ulinks ul .item3:after,
#pun-ulinks ul .item4:after,
#pun-ulinks ul .item5:after,
.isuser #pun-ulinks ul .item1:after {
content: '|';
padding: 7px 6px 6px 6px;
}
/* D3 Объявление, Статус
-------------------------------------------------------------*/
/* D3.1 */
.container, #pun-main h2, #pun-stats h2, .topic {
margin: 0 5px;
}
/* D3.2 */
#pun-status .container {padding: 4px 10px;}
/* D3.3 */
#pun-status .item4 {margin-right: 0.5em;}
/* D3.4 */
.punbb:not(#pun-index) #pun-main h1, #pun-status .container {margin-top: 14px;}
/* D3.5 */
#pun-announcement .container {margin-bottom: 14px;}
/* D3.6 */
#pun-announcement .html-box {padding: 10px;}
/* D3.7 */
#pun-index #pun-crumbs1 {z-index: 1;}
/* D3.9 */
#pun-break4 {
height: 60px;
margin-top: 14px;
}
/* D3.10 */
#pun-index #pun-break4 {
height: 73px;
}
/* D3.11 */
#pun-viewforum #pun-break4, #pun-searchtopics #pun-break4 {
height: 207px;
}
/* D4 Хлебные крошки
-------------------------------------------------------------*/
/* D4.1 */
.crumbs, .subforums {
grid: auto / repeat(10, auto);
align-items: center;
justify-content: start;
padding: 0;
}
/* D4.2 */
.crumbs {margin: 14px 5px;}
/* D4.3 */
.crumbs em, .subforums em, #pun-searchposts em {
display: block;
font-size: 0;
height: 7px;
width: 8px;
margin: 0 5px;
}
/* D5 Основное тело форума с псевдоэлементами и правки
-------------------------------------------------------------*/
/* D5.1 */
#pun .punbb:not(#pun-statistic) .main:before, #pun .punbb:not(#pun-index):not(#pun-statistic) .main:after, #pun-viewforum .category:before, #pun-statistic .main .container:before, #pun-statistic .main .container:after, #pun-userlist .formal:before, #pun-userlist .formal:after {
content: '';
display: block;
height: 28px;
}
/* D5.2 */
.main:before, #pun-viewforum .category:before, #pun-userlist .formal:before, #pun-userlist .formal:after {margin: 14px 5px 0;}
/* D5.3 */
#pun-viewforum .main:before, #pun-viewtopic .main:before {margin: 4px 5px 0;}
/* D5.4 */
.punbb:not(#pun-index) .main:after {margin: 0 5px;}
/* D5.5 */
#pun-index .main h1, #pun-viewforum thead tr, #pun-searchtopics thead tr, #pun-modviewforum thead tr, #pun-online th, #pun-statistic th, #pun-userlist th {
font-size: 11px;
line-height: 12px;
white-space: nowrap;
text-align: center;
align-items: center;
}
/* D5.6 */
#pun-index .main h1 {
padding: 9px 5px;
margin: 0 5px;
grid-template-columns: 54% calc(20% + 4px) 26%;
}
/* D5.7 */
.punbb:not(#pun-index) .main h1 {text-align: center;}
/* D5.8 */
#pun-viewforum thead tr, #pun-searchtopics thead tr, #pun-modviewforum thead tr {
padding: 9px 0px;
justify-items: center;
}
/* D5.9 */
#pun-online th, #pun-statistic th, #pun-userlist th {padding: 8px 0px;}
/* D5.10 */
#pun-viewforum .forum th.tcl, #pun-modviewforum th.tcl, #pun-searchtopics th.tcl {
grid-template-columns: calc(71% + 3px) 26%;
width: 100%;
}
/* D5.11 */
#pun-searchtopics th.tcl, #pun-modviewforum th.tcl {
grid-template-columns: calc(68% + 3px) 29%;
}
/* D5.12 */
#pun-viewforum th.tcl, #pun-searchtopics th.tcl, #pun-modviewforum th.tcl, #pun-online th.tcl, #pun-statistic th.tcl, #pun-statistic th.tc-username, #pun-statistic th.tc-title, #pun-statistic, #pun-userlist th.tcl {
padding-left: 10px;
justify-self: start;
text-align: left;
}
/* D5.13 */
#pun-online .tc3 {width: 10%;}
/* D5.14 */
#pun-viewforum .forum thead .tcl:after, #pun-searchtopics thead .tcl:after, #pun-modviewforum thead .tcl:after {
content: 'Автор';
justify-self: center;
}
/* D5.15 */
#pun-index .main h1:before {
content: 'Форум';
padding-left: 5px;
justify-self: start;
}
/* D5.16 */
#pun-index .main h1:after {
content: 'Последнее сообщение';
}
/* D5.17 */
#pun-index .main h1 span {
font-size: 0px;
grid-template-columns: 50% auto 50%;
align-items: center;
}
/* D5.18 */
#pun-viewforum .category thead .tc3 {
font-size: 0;
grid-template-rows: auto 0;
}
/* D5.19 */
#pun-index .main h1 span:before, #pun-index .main h1 span:after, #pun-viewforum .category thead .tc3:before {font-size: 11px;}
/* D5.20 */
#pun-index .main h1 span:before {content: 'Тем';}
/* D5.21 */
#pun-index .main h1 span:after, #pun-viewforum .category thead .tc3:before {content: 'Постов';}
/* D5.22 */
#pun-stats {padding-top: 14px;}
/* D5.23 */
#pun-main h2, #pun-stats h2, .crumbs, .hasicon .isticky:nth-child(1):before, #pun-viewforum .hasicon:after {
height: 28px;
font-size: 1.1em;
line-height: 28px;
padding-left: 5px;
}
/* D5.24 */
.punbb p.container.crumbs a {
padding: 2px 3px;
margin: -2px -3px;
}
/* D5.25 */
#pun-index th.tcl {
font-size: 0px;
}
/* D5.26 */
.main td {padding: 8px 4px;}
/* D5.27 */
.main .tc2, .main .tc3, .main .tcmod {
text-align: center;
align-items: center;
width: auto;
}
/* D5.28 */
.main .tcr {width: auto;}
/* D5.29 */
#pun-viewtopic .main h1, #pun-userlist .main h1 {margin-bottom: 14px;}
/* D5.30 */
.tcl .byuser:first-letter {margin-left: -4px;}
/* D5.31 */
#pun-index .tcr a {padding-bottom: 0;}
/* D5.32 */
#pun-statistic .main h1 {margin-bottom: 3px;}
/* D5.33 */
#pun-index .tclcon, #pun-viewforum .hasicon, #pun-viewforum .isub .tclcon {
display: flex;
flex-direction: column;
}
/* D5.34 */
#pun-index .tclcon, #pun-viewforum .isub .tclcon {align-items: flex-start;}
/* D5.35 */
#pun-index .tclcon h3, #pun-viewforum .isub .tclcon h3 {margin-bottom: 2px;}
/* D5.36 */
#pun-index .modlist, #pun-viewforum .modlist {
order: 3;
margin-top: 2px;
margin-bottom: 4px;
}
/* D5.37 */
#pun-index .tclcon .subforums {order: 4;margin-top: 4px;}
/**************************************************************
E - Статистика. *
***************************************************************/
/* E1 Grid. Статистика
-------------------------------------------------------------*/
/* E1.1 */
#pun-stats .container {
grid: "statscon-before . . ." 6px
"statscon-before stats-item1 stats-item3 ." 1fr
"statscon-before stats-item2 stats-item4 ." 1fr
"statscon-before stats-legend stats-legend ." auto
"statscon-before . . ." 6px
"onlinelist onlinelist onlinelist onlinelist"
"users_24h users_24h users_24h users_24h"
"birthday birthday birthday birthday"
"statistics statistics statistics statistics"
/ 56px 1fr 1fr 0.8em;
align-items: center;
}
/* E1.2 */
#onlinelist {
grid: "onlinelist_before onlinelist_before"
"onlinelist_after onlinelist_div"
/ 48px auto;
}
/* E2 Статистика. grid-area
-------------------------------------------------------------*/
/* E2.1 */
#pun-stats .item1, #pun-stats .item2, #pun-stats .item3, #pun-stats .item4 {align-self: center;}
/* E2.2 */
#pun-stats .item1 {grid-area: stats-item1;}
/* E2.3 */
#pun-stats .item2 {grid-area: stats-item2;}
/* E2.4 */
#pun-stats .item3 {grid-area: stats-item3;}
/* E2.5 */
#pun-stats .item4 {grid-area: stats-item4;}
/* E2.6 */
#pun-stats .onlinelist {grid-area: onlinelist;}
/* E2.7 */
#pun-stats .users_24h {grid-area: users_24h;}
/* E2.8 */
#pun-stats .birthday {grid-area: birthday;}
/* E2.9 */
#pun-stats .statistics {grid-area: statistics;}
/* E2.10 */
.statscon .container:before {grid-area: statscon-before;}
/* E2.11 */
.statscon .stats-legend {grid-area: stats-legend;}
/* E3 Статистика и низ. Общее
-------------------------------------------------------------*/
/* E3.1 */
#pun-stats li {line-height: 150%;}
/* E3.2 */
#pun-stats li.item3, #pun-stats li.item4 {text-align: right;}
/* E3.3 */
#onlinelist:before {
display: block;
height: 28px;
font-size: 1.1em;
line-height: 28px;
padding-left: 5px;
margin-top: 14px;
grid-area: onlinelist_before;
}
/* E3.4 */
.onlinelist:before {content: 'Кто сейчас на форуме';}
/* E3.5 */
.users_24h:before {content: 'Кто сегодня был на форуме';}
/* E3.6 */
.birthday:before {content: 'Дни Рождения';}
/* E3.7 */
.statistics:before {content: 'Подробная статистика';}
/* E3.8 */
#onlinelist div {
grid-area: onlinelist_div;
display: flex;
align-items: center;
flex-wrap: wrap;
padding: 6px;
}
/* E3.9 */
#onlinelist span, #onlinelist a {margin-left: 3px}
/* E3.10 */
#onlinelist div > a:first-child {margin-right: 3px}
/* E3.11 */
.statscon .container:before {
content: '';
display: block;
height: 60px;
width: 46px;
margin-left: 2px;
margin-right: 6px;
float: left;
}
/* E3.12 */
#onlinelist:after {
content: '';
display: block;
min-height: 42px;
width: 48px;
grid-area: onlinelist_after;
border: 1px solid #E0E7EF;
}
/* E3.13 */
#pun-about .container {
height: 90px;
padding: 0;
text-align: center;
}
/* E3.14 */
#pun-about .container span {
display: block;
position: relative;
margin-top: -20px;
z-index: 1;
}
/**************************************************************
F - Icon + tcl + tcr *
***************************************************************/
/* F1 Grid. Icon + tcl + tcr
-------------------------------------------------------------*/
/* F1.1 */
.intd {
grid: minmax(2em, auto) / 4em 1em 1fr;
grid-template-areas: "icon . tclcon";
}
/* F1.2 */
.intd, .tclcon {align-items: center;}
/* F1.3 */
#pun-viewforum .tclcon, #pun-searchtopics .tclcon, #pun-modviewforum .tclcon {
grid: auto 0 / 1fr auto 29%;
}
/* F1.4 */
#pun-searchtopics .tclcon, #pun-modviewforum .tclcon {
grid-template-columns: 1fr 6px 32.2%;
}
/* F1.5 */
#pun-searchtopics .inew .tclcon, #pun-viewforum .inew .tclcon, #pun-modviewforum .inew .tclcon {
grid: auto 0 / 68% auto 1fr;
position: relative;
}
/* F1.6 */
#pun-viewforum .inew .tclcon {grid-template-columns: 72% auto 1fr;}
/* F1.7 */
#pun-searchtopics .inew .tclcon strong, #pun-viewforum .inew .tclcon strong, #pun-modviewforum .inew .tclcon strong {
grid-area: strongnewtext;
width: 100%;
grid-column: 1 / -1;
grid-row: 1;
}
/* F1.8 */
#pun-searchtopics .inew .tclcon strong, #pun-modviewforum .inew .tclcon strong {
grid: "atopic . byuser" / auto 1fr 33%;
}
/* F1.9 */
#pun-viewforum .inew .tclcon strong {grid: "atopic . byuser" / auto 1fr 30%;}
/* F1.10 */
.tclcon h3 a, #pun-viewforum .tclcon > a, #pun-searchtopics .tclcon a, #pun-modviewforum .tclcon a {
font-size: 1.3em;
}
/* F1.11 */
#pun-index tr, #pun-viewforum tr, #pun-searchtopics tr, #pun-modviewforum tr {
grid-template-rows: auto;
grid-template-columns: 54% 10% 10% 26%;
justify-content: center;
align-content: start;
}
/* F1.12 */
#pun-searchtopics tr {
grid-template-columns: 50% 16% 8% 26%;
}
/* F1.13 */
#pun-modviewforum tr {
grid-template-columns: 50% 10% 10% 26% 4%;
}
/* F1.14 */
#pun-index td.tcr {
align-items: center;
justify-content: start;
}
/* F1.15 */
#pun-viewforum td.tcl, #pun-searchtopics td.tcl, #pun-modviewforum td.tcl {
grid-template-areas: "forintd";
padding-right: 0;
}
/* F1.16 */
#pun-viewforum td.tcr, #pun-searchtopics td.tcr, #pun-modviewforum td.tcr {
grid-template: "tcr-em tcr-a tcr-span"
/ auto auto auto;
align-items: center;
justify-content: start;
}
/* F1.17 */
#pun-index td.tcr, #pun-viewforum .category td.tcr {
grid-template:
"tcr-em tcr-a"
"tcr-em tcr-span"/ auto auto;
align-content: center;
}
/* F1.18 */
#pun .punbb em.user-avatar {
float: none;
height: 26px;
width: 26px;
margin: 0 4px 0 0;
}
/* F1.19 */
#pun .punbb .user-avatar .avatar-image {
height: 26px;
width: 26px;
}
/* F1.20 */
#pun .punbb .user-avatar .isonline {
top: 2px;
right: -1px;
}
/* F1.21 */
#pun-userlist .username {
grid: auto / auto auto;
align-items: center;
justify-content:start
}
/* F1.22 */
#pun-modviewforum .tcmod {
justify-content: center;
font-size: 0;
}
/* F1.23 */
#pun-modviewforum .modmenu {
position: relative;
font-size: 0;
}
/* F1.24 */
#pun-modviewforum .modmenu input {margin-bottom: -30px;}
/* F1.25 */
input[type="checkbox"] {cursor: pointer;}
/* F2 Grid Icon + tcl. grid-area
-------------------------------------------------------------*/
/* F2.1 */
.icon {
grid-area: icon;
width: 100%;
}
/* F2.2 */
.tcl .icon, #pun-viewforum tr[class*='parent'] .icon {height: 28px;}
/* F2.3 */
#pun-viewforum .icon, #pun-searchtopics .icon, #pun-messages .tcl .icon, #pun-modviewforum .tcl .icon {height: 20px;}
/* F2.4 */
.tclcon {grid-area: tclcon;}
/* F2.5 */
#pun-viewforum .intd {
grid-area: forintd;
grid-row: 1 / -1;
width: 100%;
}
/* F2.6 */
.acchide + a, .acchide + span + a, .acchide + span + span + a,
#pun-searchtopics .inew .tclcon strong a, #pun-viewforum .inew .tclcon strong a {
grid-area: atopic;
grid-row: 1;
grid-column: 1;
}
/* F2.7 */
.byuser {
text-align: center;
align-self: center;
grid-row: 1;
grid-column: -2 / -1;
}
/* F2.8 */
#pun-viewforum .inew .tcl .byuser, #pun-searchtopics .inew .tcl .byuser {align-self: center;}
/* F2.9 */
td.tcr em {grid-area: tcr-em;}
/* F2.10 */
td.tcr a {grid-area: tcr-a;}
/* F2.11 */
td.tcr span {grid-area: tcr-span;}
/* F2.12 */
.main .tcr>a {padding-left: 20px;}
/**************************************************************
G - Страницы *
***************************************************************/
/* G1 Grid. Страницы
-------------------------------------------------------------*/
/* G1.1 */
.main {
grid-template: "category"
"formal"
"mainh1"
"linkst"
"viewforum-before"
"usertable"
"forum"
"post-form2"
"topic"
"profile"
"main-title"
"info"
"viewforum-after"
"modmenu"
"linksb"
"banner4"
"post-form"
"similar-topics"
"topic-users-in"
/ 1fr;
}
/* G1.2 */
#pun-index .main {
grid-template: "index-before"
"mainh1"
/ 1fr;
}
/* G1.3 */
.main .linkst, .main .linksb {
grid-template: "noindex pagelink"
/ auto auto;
align-items: center;
}
/* G1.4 */
#pun-viewtopic .main .linksb {
grid-template: "noindex pagelink"
"s-block subscribelink" 26px
". ." 14px
/ auto auto;
}
/* G1.5 */
.post>.container {
grid: "topicauthor topicbody"
"topicauthor topiclinks" 30px
"post-container-after post-container-after" 10px
/ 150px 1fr;
width: 100%;
background: linear-gradient(to right, #E6EAF0 1px, transparent 1px) transparent no-repeat 150px 100%;
}
/* G1.6 */
#pun-viewforum .modmenu .container, #pun-searchtopics .modmenu .container, #topic-modmenu .container {
grid-template: "topic-modmenu-strong topic-modmenu-span"
/ 1fr 1fr;
}
/* G1.7 */
#topic-feed .container {
grid-template: "topic-modmenu-span" / 1fr;
justify-items: end;
}
/* G1.8 */
.post h3 span {
grid-template: "permalink h3strong sharelink"
/ auto 1fr auto;
align-items: center;
}
/* G1.9 */
.post-box {
grid-template-areas: "content content" "vote rating";
grid-template-rows: 1fr auto;
grid-template-columns: 1fr auto;
height: calc(100% - 1.4em);
}
/* G2 Страницы. grid-area
-------------------------------------------------------------*/
/* G2.1 */
.post-author {grid-area: topicauthor;}
/* G2.2 */
.post-body {grid-area: topicbody;padding: 7px 0 1px 0;}
/* G2.3 */
.post-links {grid-area: topiclinks;}
/* G2.4 */
.post>.container:after {grid-area: post-container-after;}
/* G2.5 */
.main:before {grid-area: viewforum-before;}
/* G2.6 */
.main:after, .modmenu {grid-area: viewforum-after;}
/* G2.7 */
#pun-index .main:before {grid-area: index-before;}
/* G2.8 */
.main h1 {grid-area: mainh1;}
/* G2.9 */
.linkst {grid-area: linkst;}
/* G2.10 */
#pun-viewforum .category {grid-area: category;}
/* G2.11 */
.forum, #pun-search .formal, #pun-online
.main .section, #pun-poll .formal, #pun-edit #post-form,
#pun-modviewforum .main > form {
grid-area: forum;
}
/* G2.12 */
.topic {grid-area: topic;}
/* G2.13 */
#topic-users-in {
grid-area: topic-users-in;
margin: 14px 0 0;
}
/* G2.14 */
#pun-viewforum .modmenu strong, #topic-modmenu strong {grid-area: topic-modmenu-strong;}
/* G2.15 */
#pun-viewforum .modmenu span, #pun-searchtopics .modmenu span, #topic-modmenu span {grid-area: topic-modmenu-span;}
/* G2.16 */
.linksb {grid-area: linksb;}
/* G2.17 */
.linksb + .section {grid-area: banner4;}
/* G2.18 */
.pagelink {grid-area: pagelink;}
/* G2.19 */
.main noindex, .postlink {
grid-area: noindex;
width: auto !important;
}
/* G2.20 */
.subscribelink {grid-area: subscribelink;}
/* G2.21 */
#s-block {
grid-area: s-block;
justify-content: flex-start !important;
grid-row: 1 / 3;
}
/* G2.22 */
.post h3 strong {
grid-area: h3strong;
font-weight: normal;
margin-right: .5em;
}
/* G2.23 */
.punbb .topic a.sharelink {
grid-area: sharelink;
float: none;
}
/* G2.24 */
.permalink {
grid-area: permalink;
padding-left: 14px;
}
/* G2.25 */
#post-form {
grid-area: post-form;
margin-top: 14px;
}
/* G2.26 */
#pun-post #post-form, #pun-edit #post-form {
grid-area: post-form2;
margin: 0 0 14px;
}
/* G2.27 */
#similar-topics {grid-area: similar-topics;}
/* G2.28 */
.post-content {
grid-area: content;
font-size: 1.3em;
}
/* G2.29 */
.post-rating {grid-area: rating;}
/* G2.30 */
.post-vote {grid-area: vote;float: right;}
/* G2.31 */
#pun-userlist .formal {grid-area: formal;}
/* G2.32 */
#pun-userlist .usertable {grid-area: usertable;}
/* G3 Кнопки Новая тема, Новый опрос, Удалить переместить
-------------------------------------------------------------*/
/* G3.1 */
.postlink {
grid-template-areas: "new-topic new-poll";
justify-content: start;
}
/* G3.2 */
.postlink span:nth-child(1) {grid-area: new-topic;}
/* G3.3 */
.postlink span:nth-child(2) {grid-area: new-poll;}
/* G3.4 */
.postlink span, .punbb:not(.punbb-admin) .postlink a {
display: block;
height: 26px;
font-size: 0;
}
/* G3.5 */
#pun-main .postlink span {padding-right: 4px;}
/* G3.6 */
.postlink span, .punbb:not(.punbb-admin) .postlink a {width: 108px;}
/* G4 Разделитель между важными и простыми темами
-------------------------------------------------------------*/
/* G4.1 */
#pun-viewforum .hasicon tr {order: 3;}
/* G4.2 */
#pun-viewforum .hasicon .isticky {order: 1;}
/* G4.3 */
#pun-viewforum .hasicon .isticky:first-child:before {
content: 'Прикрепленные темы';
grid-row: 1;
grid-column: 1 / -1;
}
/* G4.5 */
#pun-viewforum .hasicon:after {
content: 'Темы';
order: 2;
}
/* G4.6 */
#pun-viewforum .category .hasicon:after {
content: 'Подфорумы';
}
/* G5 Пагинатор
-------------------------------------------------------------*/
/* G5.1 */
.pagestext, .pagelink, .files-pagelink {
grid: auto / repeat(20, auto);
align-items: center;
}
/* G5.2 */
.adformal .pagelink {
grid: auto / auto auto;
justify-content: start;
}
/* G5.3 */
.adfs-box .pagelink {
grid: auto / auto 1fr auto;
width: 100%;
justify-content: normal;
}
/* G5.4 */
.files-pagelink {justify-self: start;}
/* G5.5 */
.files-page-select {grid-row: 1;grid-column: -1;}
/* G5.6 */
.pagestext, .newtext {opacity: 0;}
/* G5.7 */
tr:hover .pagestext, tr:hover .newtext {opacity: 1;}
/* G5.8 */
.pagestext {
justify-self: start;
margin: 0;
grid-column: 3;
grid-row: 1;
height: 100%;
}
/* G5.9 */
.newtext {
grid: auto / 0 auto 0;
align-items: center;
grid-column: 2;
grid-row: 1;
height: 100%;
}
/* G5.10 */
.bracket-left, #pun .newtext a {
font-size: 0;
width: 18px;
height: 9px;
display: block;
z-index: 2000;
position: relative;
}
/* G5.11 */
#pun .pagestext a, #pun .files-pagelink a:not(.next):not(.prev), .pagelink a:not(.next):not(.prev) {
padding: 1px 2px;
margin-left: -1px;
font-size: 10px;
line-height: 10px;
}
/* G5.12 */
#pun .files-pagelink a:not(.next):not(.prev) {margin-left: 1px;}
/* G5.13 */
#pun .next, #pun .prev {
display: block;
height: 9px;
width: 6px;
font-size: 0;
}
/* G5.14 */
#pun .pagelink > *:first-child {margin-left: 4px;}
/*************************************************************
H - Страница постов *
**************************************************************/
/* H1 Общее
-------------------------------------------------------------*/
/* H1.1 */
.topic, #poll-special {
display: flex;
flex-direction: column;
}
/* H1.2 */
.topic > h2, #poll-special h2 {order: 2;}
/* H1.3 */
#poll-special {order: 1;}
/* H1.4 */
.topic .post {order: 3;}
/* H1.5 */
.poll1 tr {
grid: auto / auto auto auto;
align-items: center;
justify-content: start;
}
/* H1.6 */
.type-3 .poll1 tr {grid: auto / 1fr auto auto;}
/* H1.7 */
.poll1 td {
grid: auto / auto 1fr;
justify-items: start;
align-items: center;
}
/* H1.8 */
.poll1 input {margin-right: 4px}
/* H1.9 */
.poll2 {width: 80%;}
/* H1.10 */
#poll-special td:nth-child(3) {text-align: right !important;}
/* H1.11 */
#poll-special .poll2 td h1 {
height: 12px !important;
padding: 0 5px;
}
/* H1.12 */
#pun-main .topic h2 {
grid-template-columns: 150px 1fr;
margin: 0;
padding: 0;
}
/* H1.13 */
#pun-post #pun-main .topic h2 {
grid-template-columns: auto;
}
/* H1.14 */
.topic h2 span {
font-size: 0;
display: block;
height: 0;
width: 0;
padding-left: 5px;
}
/* H1.15 */
#pun-post .topic h2 span {
font-size: 11px;
height: inherit;
width: inherit;
}
/* H1.16 */
.topic h2 span:before {font-size: 11px;}
/* H1.17 */
.topic h2 .item1:before {content: 'Автор';}
/* H1.18 */
.topic h2 .item2:before {content: 'Сообщение';}
/* H1.19 */
.post .container {margin: 0;}
/* H1.20 */
.post > .container:after {content: '';}
/* H1.21 */
.post h3 span {
height: 25px;
padding: 0 1em;
font-size: 10px;
margin-left: 149px;
}
/* H1.22 */
.post-author, .post-body {word-wrap: break-word;}
/* H1.23 */
.post-author ul {
height: 100%;
grid: repeat(100, auto) / auto;
grid-auto-rows: minmax(max-content, 1fr);
align-content: start;
}
/* H1.24 */
.post-author li:not(.pa-author):not(.pa-online):not(.pa-last-visit),
#pun-adnav li, #profilenav li {
border: 1px solid #E6EAF0;
padding: 4px 0 3px 4px;
margin: 0 3px 2px 3px;
}
/* H1.25 */
.pa-author {margin: -1.8em 0 6px;}
/* H1.26 */
.pa-online, .pa-last-visit {
align-items: center;
grid-row: -1;
align-self: end;
height: 30px;
border-width: 1px 0 0 1px;
}
/* H1.27 */
.post .post-author p {
padding: 0 1em 1em 1em;
line-height: 140%;
}
/* H1.28 */
.post-links ul {
grid: 30px / repeat(100, auto);
align-items: center;
padding: 0 2px;
border-width: 0 1px;
}
/* H1.29 */
.post-links li {grid-row: 1;}
/* H1.30 */
.pl-quote, #pun-searchposts .post-links li {grid-column: -1;}
/* H1.31 */
.pl-edit {grid-column: -2;}
/* H1.32 */
.pl-edit +.pl-edit {grid-column: -3;}
/* H1.33 */
.pl-delete {grid-column: -4;}
/* H1.34 */
.post-links li {padding-left: 2px;}
/* H1.35 */
.post-links li a, .pa-online strong, .pa-last-visit {font-size: 0;}
/* H1.36 */
.post-links a {
display: block;
width: 74px;
height: 22px;
font-size: 0;
}
/* H1.37 */
.post-links .pm a,
.post-links .email a,
.post-links li[class*='social']:not(.social-telegram) a,
#pun-messages .pl-email a {
width: 60px;
}
/* H1.38 */
.pa-online strong, .pa-last-visit span {
display: block;
width: 60px;
height: 22px;
margin: 0 auto;
}
/* H1.39 */
.post-box {padding: 0.4em 1em 1em 1em;}
/* H1.40 */
.modmenu:not(#topic-users-in) {
z-index: 1;
padding: 0 1em;
}
/* H1.41 */
.modmenu .container {
height: 100%;
align-items: center;
padding: 0;
}
/* H1.42 */
#topic-users-in .container {
display: flex;
align-items: flex-start;
flex-flow: row wrap;
padding-left: 5px;
}
/* H1.43 */
#topic-users-in span {
display: block;
order: 0;
height: 28px;
line-height: 28px;
width: 100%;
padding-left: 5px;
margin-left: -5px;
margin-bottom: 5px;
font-size: 1.1em;
border-width: 0 0 1px;
}
/* H1.44 */
#topic-users-in .container a {
margin-left: 5px;
}
/* H1.45 */
.linkst {margin: 14px 1em 0;}
/* H1.46 */
.linksb {margin: 4px 1em 0;}
/* H1.47 */
.post-sig {padding-top: 24px;}
/* H1.48 */
.post-sig dt:before {
content: '';
display: block;
font-size: 0px;
width: 120px;
height: 6px;
background-image: linear-gradient(to right, #000000 85%, transparent 85%);
background-repeat: repeat-x;
background-size: 6px 1px;
}
/* H2 Дата, номер поста, Поделиться
-------------------------------------------------------------*/
/* H2.1 */
.sharelink {
display: inline-block;
margin: 0 !important;
z-index: 1;
height: 1em;
width: 1em;
background-size: contain;
padding: 2px;
opacity: .75;
position: relative;
text-indent: -9999px;
}
/* H2.2 */
.sharelink:hover {opacity: 1;}
/* H2.3 */
.sharelink:before, .sharelink:after {
position: absolute;
visibility: hidden;
opacity: 0;
cursor: text;
text-indent: 0;
}
/* H2.4 */
.sharelink:before {
content: " ";
display: inline-block;
width: 0;
height: 0;
bottom: -5px;
right: 4px;
}
/* H2.5 */
.sharelink:after {
content: "Поделиться";
font-size: 11px;
padding: 0 8px;
line-height: 18px;
border-radius: 4px;
bottom: -23px;
right: -5px;
z-index: 1;
}
/* H2.6 */
.sharelink:hover:before, .sharelink:hover:after {
visibility: visible;
opacity: 1.0;
}
/* H3 Минипрофиль
-------------------------------------------------------------*/
/* H3.1 */
.pa-author {font-weight: bold;}
/* H3.2 */
.pa-author, .pa-title, .pa-avatar {text-align: center;}
/* H3.3 */
.pa-author {font-size: 1.1em;}
/* H3.4 */
.pa-author img {width: 1.2em;}
/* H3.5 */
.pa-title {
padding-bottom: 0.4em;
margin-top: 10px;
}
/* H3.6 */
.pa-respect {
grid: auto / repeat(4, auto);
align-items:center
}
/* H3.7 */
.pa-respect > a, .pa-respect > a:before {
display: block;
height: 20px;
width: 20px;
}
/* H3.8 */
.pa-respect > a:before {
content: '';
}
/* H4 Аватар по умолчанию
-------------------------------------------------------------*/
/* H4.1 */
.pa-avatar, #pun-viewtopic .post-author ul:before {
grid-row: 3;
grid-column: 1;
min-height: 100px;
align-items: center;
justify-content: center;
}
/* H4.2 */
#pun-viewtopic .post-author ul:before {
content: '';
display: block;
height: 100px;
padding: 4px 0 4px 4px;
margin: 0 3px 2px 3px;
}
/* H5 Спойлер, Код, Цитата
-------------------------------------------------------------*/
/* H5.1 */
.blockcode, blockquote {
overflow: hidden;
}
/* H5.2 */
blockquote {padding: 5px;}
/* H5.3 */
.scrollbox {
overflow: auto;
padding-top: 5px;
padding-left: 1em;
height: auto !important;
max-height: 35em;
}
/* H5.4 */
.quote-box, .code-box {
margin: 0 2px 14px 6px;
}
/* H5.5 */
.quote-box cite, .code-box strong.legend {
display: block;
padding: 4px 8px;
font-size: 1em;
font-style: normal;
z-index: 1;
}
/* H5.6 */
#pun .post-content .spoiler-box > div {padding: 4px 26px;}
/* H5.7 */
.quote-box {
grid-template-rows: auto auto;
grid-template-columns: auto;
}
/* H5.8 */
.quote-box cite, .quote-box:not(.spoiler-box):before {
grid-column: 1;
grid-row: 1;
}
/* H5.9 */
.quote-box:not(.spoiler-box):before {
content: '';
display: block;
height: 26px;
}
/* H6 Похожие темы
-------------------------------------------------------------*/
/* H6.1 */
#pun #similar-topics div.container {padding-top: 0;}
/* H6.2 */
#pun #similar-topics td {padding: 5px}
/**************************************************************
I - Форма ответа *
***************************************************************/
/* I1 Общее
-------------------------------------------------------------*/
/* I1.1 */
#post {margin: 0;}
/* I1.2 */
#post fieldset {padding: 0 8px;}
/* I1.3 */
#pun #form-buttons table {
width: 100%;
}
/* I1.4 */
#post .fs-box, #pun-profile #profile5 .fs-box.hashelp {
grid-template: "post-longinput"
"poll-inputfield1"
"poll-inputfield2"
"poll-inputfield3"
"variants"
"form-buttons"
"tags"
"post-areafield"
"post-checkfield-child2"
"post-checkfield-child1"
/ auto;
position: relative;
}
/* I1.5 */
#post .fs-box p {padding: 0;}
/* I1.6 */
#form-buttons {grid-area: form-buttons;}
/* I1.7 */
#post .longinput {grid-area: post-longinput;}
/* I1.8 */
#post .areafield {grid-area: post-areafield;}
/* I1.9 */
#post .checkfield:nth-last-child(2) {grid-area: post-checkfield-child2;}
/* I1.10 */
#post .checkfield:nth-last-child(1) {grid-area: post-checkfield-child1;}
/* I1.11 */
#post .checkfield {
grid: auto / auto 1fr;
align-content: center;
}
/* I1.12 */
#variants {grid-area: variants;}
/* I1.13 */
#pun-poll .inputfield:nth-child(7):not(.longinput) {
grid-area: poll-inputfield1;
margin-bottom: 14px;
}
/* I1.14 */
#pun-poll .inputfield:nth-child(8):not(.longinput) {
grid-area: poll-inputfield2;
margin-bottom: 14px;
}
/* I1.15 */
#pun-poll .inputfield:nth-child(9):not(.longinput) {
grid-area: poll-inputfield3;
margin-bottom: 14px;
}
/* I1.16 */
#variants [id*='poll-option'] {margin-bottom: 14px;}
/* I1.17 */
#pun-poll .formsubmit {margin-bottom: 10px;}
/* I1.18 */
#pun #poll-special td {border: none;}
/* I1.19 */
.tac {font-size: 1.8em;}
/* I2 ВВ-Панель
-------------------------------------------------------------*/
/* I2.1 */
#pun-main {z-index: 2 !important;}
/* I2.2 */
#tags {
grid-area: tags;
position: absolute;
}
/* I2.3 */
#tags > div {
width: inherit;
margin: 0;
}
/* I2.4 */
#tags .container {
padding: 5px !important;
}
/* I2.5 */
#color-area td, #table-area td {
width: 20px;
height: 20px;
}
/* I2.6 */
#pun #tags .container {position: initial;}
/* I2.7 */
#form-buttons tr {
grid: auto / repeat(21, 1fr);
width: 100%;
}
/* I2.8 */
#tags {
grid: repeat(22, fit-content(16px)) / repeat(21, 1fr);
width: 100%;
}
/* I2.9 */
#font-area {grid-column: 1 / 4;grid-row: 1 / -1;}
/* I2.10 */
#size-area {grid-column: 2 / 4;grid-row: 1 / 12;}
/* I2.11 */
#spoiler-area {grid-column: 11 / 17;grid-row: 1 / 4;}
/* I2.12 */
#image-area {grid-column: 10 / 19;grid-row: 1 / 4;}
/* I2.13 */
#video-area {grid-column: 13 / 21;grid-row: 1 / 7;}
/* I2.14 */
#color-area {grid-column: -5 / -14;grid-row: 1 / 3;}
/* I2.15 */
#table-area {grid-column: -4 / -10;grid-row: 1 / 16;}
/* I2.16 */
#smilies-area {grid-column: -3 / -15;grid-row: 1 / 11;}
/* I2.17 */
#keyboard-area {grid-column: -2 / -14;grid-row: 1 / 12;}
/* I2.18 */
#addition-area {grid-column: -1 / -4;grid-row: 1 / -4;padding: 0 !important;}
/* I2.19 */
#pun #color-area table, #pun #table-area table {margin: 0 auto;}
/* I2.20 */
#addition-area div {padding-left: 5px;}
/* I2.21 */
#addition-area div:first-child {padding-top: 5px;}
/* I2.22 */
#font-area div {grid: 18px / auto;}
/* I2.23 */
#font-area span, #font-area img {grid-column: 1;grid-row: 1;}
/* I2.24 */
#pun #font-area span, #pun #font-area img {
height: 18px;
line-height: 18px;
margin: 0;
padding: 0
}
/* I3 Правки для ЛС и Профиля ВВ-Панели
-------------------------------------------------------------*/
/* I3.1 */
#pun-messages #font-area, #pun-profile #font-area {grid-column: 1 / 5;}
/* I3.2 */
#pun-messages #spoiler-area, #pun-profile #spoiler-area {grid-column: 11 / 19;}
/* I3.3 */
#pun-messages #color-area, #pun-profile #color-area {grid-column: -5 / -16;}
/* I3.4 */
#pun-messages #table-area, #pun-profile #table-area {grid-column: -4 / -11;}
/* I3.5 */
#pun-messages #keyboard-area, #pun-profile #keyboard-area {grid-column: -2 / -17;}
/* I3.6 */
#pun-messages #addition-area, #pun-profile #addition-area {grid-column: -1 / -5;}
/**************************************************************
J - Профиль и ЛС *
***************************************************************/
/* J1 Профиль. Grid
-------------------------------------------------------------*/
/* J1.1 */
#viewprofile-next, #pun-profile #profile form, #profile10 {
grid-template-rows: repeat(10, auto);
margin: 0 5px;
}
/* J1.2 */
#viewprofile-next {grid-template-columns: auto auto;}
/* J1.3 */
#pun-profile #profile form, #profile10, #profile > .container {grid: repeat(10, auto) / 150px auto;}
/* J1.4 */
#profile {grid-template-columns: 155px auto;}
/* J1.5 */
#profilenav {
grid-row: 1 / -1;
grid-column: 1;
}
/* J1.6 */
#viewprofile-next #profilenav {width: 149px;}
/* J1.7 */
#viewprofile-next #profilenav {grid-row: 1 / -1;}
/* J1.8 */
#profile form fieldset, #profile .formsubmit, #viewprofile {grid-column: 2;}
/* J1.9 */
#profilenav ul {align-items: center;}
/* J1.10 */
#viewprofile-next #profilenav:before, #profile:before,
#viewprofile-next:after, #profile:after {
display: block;
font-size: 11px;
line-height: 12px;
grid-row: 1;
align-self: center;
padding: 9px 1em;
}
/* J1.11 */
#viewprofile-next #profilenav:before, #profile:before {
content: "Профиль-меню";
grid-column: 1;
}
/* J1.12 */
#pun-messages #profile:before {content: "ЛС-меню";}
/* J1.13 */
#viewprofile-next:after, #profile:after {
content: "Данные";
grid-column: 2;
}
/* J1.14 */
#profile:before {margin-left: 5px;}
/* J1.15 */
#profile:after {margin-right: 5px;}
/* J1.16 */
#profile > .container {
grid-row: 2;
grid-column: 1 / -1;
}
/* J1.17 */
#pun #profile10 th, #pun-messages th {padding: 7px 5px;}
/* J1.18 */
#profile-right li{
grid: minmax(20px, auto) / minmax(120px, auto) 1fr;
justify-items: start;
}
/* J2 Профиль. grid-area
-------------------------------------------------------------*/
#viewprofile-next, #profile {grid-area: profile;}
/* J3 Профиль. Общие настройки
-------------------------------------------------------------*/
/* J3.1 */
#pun-profile h1 {margin-bottom: auto;}
/* J3.2 */
#profilenav ul a {text-decoration: none;}
/* J3.3 */
#viewprofile .container {margin: 0;}
/* J3.4 */
#viewprofile ul {margin: 5px;}
/* J3.5 */
.punbb #viewprofile td {padding: 14px !important;}
/* J3.6 */
#profile .formsubmit {padding-bottom: 14px;}
/* J3.7 */
fieldset, #profile .select-file, #profile .adfs-box {
padding: 0 18px 0 18px;
margin: 0 5px 1em 5px;
}
/* J3.8 */
#profile .formsubmit {
padding: 18px;
margin: 0 5px 10px;
}
/* J3.9 */
#profile5 .formsubmit {margin: 0 0 10px;}
/* J3.10 */
fieldset:nth-child(2), #userlist {margin-top: 10px;}
/* J3.11 */
fieldset legend {
margin: 0 0 0 11px;
}
/* J3.12 */
legend span, #viewprofile h2 span {
font-variant: normal;
}
/* J3.13 */
fieldset legend span {
padding: 0 5px;
}
/* J3.14 */
.fs-box {
padding: 1em 0 0.8em 0;
}
/* J3.15 */
.fs-box p, .punbb .fs-box fieldset {
padding: 0 0 0.8em 0
}
/* J3.16 */
.submitend {margin-top: 20px;}
/* J3.17 */
#pun-profile .pagelink {clear: both;}
/* J4 Профиль. Управление (#setmods)
-------------------------------------------------------------*/
/* J4.1 */
#setmods dl dl {
grid-template: "dt dd"
/ 30% 1fr;
}
/* J4.2 */
#setmods dt {grid-area: dt;}
/* J4.3 */
#setmods dd {grid-area: dd;}
/* J4.4 */
#setmods {margin-bottom: 0.8em;}
/* J4.5 */
#setmods dl {
margin-bottom: 0.2em;
height: 100%;
}
/* J4.6 */
#setmods dt, #setmods dd {padding: 1em;}
/* J4.7 */
#setmods .sub {margin: 0;}
/* J4.8 */
#setmods .sub:before {
content: '\241A';
font-size: 13px;
padding-right: 4px;
}
/* J5 ЛС. Сообщения
-------------------------------------------------------------*/
/* J5.1 */
#messages {
grid-column: 2;
padding-top: 10px;
}
/* J5.2 */
#pun-messages .linksb {padding-bottom: 10px;}
/* J5.3 */
#notify-settings {margin: 14px 14px 0 !important;}
/* J5.4 */
#post-new {margin-top: 10px;}
/* J5.5 */
#post-new #post-form {margin-top: 0;}
/* J6 Поиск правка
-------------------------------------------------------------*/
/* J6.1 */
#pun-search .formal {padding: 10px 0;}
/* J6.2 */
#pun-searchposts .post h3 span {
grid: auto / repeat(100, auto);
align-items: center;
}
/* J6.3 */
#pun-searchposts .post h3 strong {grid-row: 1;}
/**************************************************************
K - Админка и Переадресация *
***************************************************************/
/* K1 Grid. Админка. Grid
-------------------------------------------------------------*/
/* K1.1 */
#pun-admain {
grid: ". adnav admain1 ."
". adnav addsubf ."
". adnav linksb ."
". adnav admain2 ."
". adnav pun-admain-new ."
". adnav admain3 ."
/ 5px 150px 1fr 5px;
grid-template-rows: minmax(1px, 1fr);
}
/* K1.2 */
#pun-adnav .adcontainer div > ul > li:last-child {
grid-template: "last-child-sup" auto
"last-child-a" 1fr
/ 1fr;
}
/* K1.3 */
.punbb-admin .linksb {
grid: "pagelink noindex" 30px
/ 1fr 1fr;
align-items: center;
justify-items: center;
}
/* K1.4 */
.punbb-admin .subforums {
grid: repeat(300, auto) / auto;
}
/* K2 Админка. grid-area
-------------------------------------------------------------*/
/* K2.1 */
#pun-adnav {grid-area: adnav;}
/* K2.2 */
#pun-admain1 {grid-area: admain1;}
/* K2.3 */
#pun-admain1.addsubf {grid-area: addsubf;}
/* K2.4 */
#pun-admain2 {grid-area: admain2;}
/* K2.5 */
#pun-admain3 {grid-area: admain3;}
/* K2.6 */
#pun-admain-new {grid-area: pun-admain-new;}
/* K2.7 */
#pun-adnav .adcontainer div > ul > li:last-child a {grid-area: last-child-a;}
/* K2.8 */
#pun-adnav .adcontainer div > ul > li:last-child sup {grid-area: last-child-sup;}
/* K3 Админка. Общее
-------------------------------------------------------------*/
/* K3.1 */
.punbb .adminmain {padding-left: 0;}
/* K3.2 */
.punbb #pun-adnav {
float: none;
width: initial;
margin-left: initial;
display: initial;
margin-right: 0;
}
/* K3.3 */
.punbb #pun-admain1 form.adcontainer,
.punbb #pun-admain2 form.adcontainer,
.punbb #pun-admain-new form.adcontainer,
.punbb #pun-admain1 div.adcontainer,
.punbb #pun-admain2 div.adcontainer {
padding: 6px 14px 4px;
}
/* K3.4 */
#pun-adnav a {font-size: 11px;}
/* K3.5 */
.punbb #pun-adnav ul {padding: 0;}
/* K3.6 */
#pun-adnav .adcontainer li a, #profilenav a {
display: block;
padding: 0.3em 1em;
}
/* K3.7 */
#pun-adnav .adcontainer li.item-forms a { z-index: 1;}
/* K3.8 */
.punbb #pun-adnav li, #pun-adnav .isactive ul.adsubnav a {padding: 0;}
/* J3.9 */
#pun-adnav a:hover {margin: -1px;}
/* K3.10 */
#pun-adnav .adcontainer li.item-forms a,
#pun-admain #pun-adnav sup.new {
grid-column: 1;
grid-row: 1;
}
/* K3.11 */
#pun-admain #pun-adnav sup.new {padding: 6px 4px 0;}
/* K3.12 */
.punbb #pun-adnav .adsubnav {
padding-top: 0;
grid-row: 2
}
/* K3.13 */
#pun-adnav ul.adsubnav a:hover {margin: 0;}
/* K3.14 */
#pun-adnav .isactive ul.adsubnav li {padding-left: 10px;}
/* K3.15 */
.punbb #pun-adnav .isactive ul.adsubnav a {
display: inline-block;
text-decoration: none;
border: none;
font-size: 9px;
}
/* K3.16 */
#pun-adnav ul.adsubnav li {border: none;}
/* K3.17 */
.punbb-admin #pun-admain .pagelink, .punbb-admin #pun-admain .postlink {font-size: 10px !important;}
/* K3.18 */
.punbb #pun-admain label, .punbb div#pun-admain .adlabel {font-size: 11px;}
/* K3.19 */
.punbb #pun-admain .adlabel {
margin-left: -16em;
padding: 0 0 0 0.2em;
}
/* K3.20 */
#pun #pun-admain .adcontainer td {padding: 8px 4px;}
/* K3.21 */
#pun-admain .checker input {margin: 0;}
/* K3.22 */
#pun #pun-admain .tc3 {width: 8% !important;}
/* K4 Переадресация и информация
-------------------------------------------------------------*/
/* K4.1 */
.redirect-page .main:before, .redirect-page .main:after {margin: 0 !important;}
/* K4.2 */
.main .main-title {grid-area: main-title;}
/* K4.3 */
.info {grid-area: info;padding: 10px;}
/* K4.4 */
.tipsy {opacity: 1 !important;}
/* K4.5 */
.tipsy-w .tipsy-inner {max-width: 100%;}
/*************************************************************
L - Правка для рекламных баннеров *
**************************************************************/
#pun-main + script + .section:not(#pun-stats),
#pun-break2 + .section,
#pun-stats + .section,
.linksb + .section {
display: flex;
align-items: center;
justify-content: center;
}
/*************************************************************
M - Мобильные правки *
**************************************************************/
@media screen and (max-width: 540px) {
#pun-announcement {display: none;}
}
