#adm li { background-color: #4CAF50; color: white; padding: 16px; font-size: 16px; border: none; position: absolute; top: 0; left: 50px; } #adm { position: relative; display: inline-block; } ul.adm-points { display: none; position: absolute; background-color: #f1f1f1; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; } ul.adm-points li { color: black; padding: 12px 16px; text-decoration: none; display: block; } li#adm-menu ul.adm-points { display: block; } /*БАЗОВЫЕ НАСТРОЙКИ */ html, body {margin: 0; padding: 0} .punbb * {margin: 0} .punbb { float: left; width: 100%; height: auto; min-width: 800px; } .punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt { padding: 0; list-style: none; } /* корректировка фона у рекламы*/ #pun-break2+div.section, #pun-stats+div.section { background-color: #c1c1c1; } /* шрифты */ body {font-size: 1em;} .punbb textarea, .punbb input, .punbb select, .punbb optgroup { font: 1em verdana, arial, helvetica, sans-serif; } .punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th { font-size: 1em; font-weight: normal; } .punbb textarea, .punbb input, .punbb select, .punbb optgroup { font: 1em verdana, arial, helvetica, sans-serif; } .punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th { font-size: 1em; font-weight: normal; } .punbb h1 span, .punbb h2 span, .punbb legend span { font-size: 1.1em; } .punbb pre { font: 1.1em/140% monaco, "bitstream vera sans mono", "courier new", courier, monospace; } #pun-crumbs1 em, #pun-crumbs2 em { text-align: right; display: inline-block; width: 1.2em; height: 1.2em; background-color: #553648; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; margin: 10px 10px; box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.50); } .punbb .post-content em { font-style: italic; } .punbb .post-content em.bbuline { font-style: normal; text-decoration: underline; } .punbb a { text-decoration: underline; } .punbb a:hover { text-decoration: underline; } .punbb optgroup { font-weight: bold; } /* отступы первопост и т.п.*/ .punbb #pun-category1, .punbb .toppost, .punbb .topicpost { margin-top: 0; } /* отступы в топиках*/ #pun-post .topic { margin-top: 1em; } /* вид картинок */ .punbb img {border: none; max-width: 100%; } /*вид табличных данных на всех страницах */ .punbb .main table {table-layout: fixed; width: 100%; } /*элементы форм*/ .checkfield input[type="checkbox"], .radiofield input[type="radio"] { margin: 0 0.3em;} p[class="checkfield"] *, div[class="checkfield"] *, fieldset[class="radiofield"] * { height: 1.8em; vertical-align: middle; } /* скрытие элементов, коррекция */ /*плавающая запятая*/ #pun:after, .punbb .container:after, .punbb .post-links ul:after, .punbb .main div.inline:after, .punbb .post-box:after, .punbb .linksb:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; overflow:hidden; line-height: 0.0; font-size: 0; } .acchide, #pun-index #pun-main h1, #pun-navlinks h2, #pun-pagelinks h2, #pun-status h2, #pun-ulinks h2, .punbb .forum h2, .punbb .multipage .topic h2, .punbb dl.post-sig dt span, .punbb p.crumbs strong, .punbb .divider hr, .punbb .required label em, .punbb .formsubmit label, .punbb .submitfield label, .punbb .modmenu label, #pun-userlist .main h2 { font-size: 0; height: 0; width: 0; line-height: 0.0; position:absolute; left: -9999px; overflow: hidden; } /* сигнатуры, контент */ .punbb .post-content { padding: 0; margin: 0; width: 100%; overflow: hidden; } .punbb .post-sig dt { display: block; margin: 5px 0; } .punbb .post-content p { margin: 0; padding: 0 0 1em 0; line-height: 150%; } .punbb .post-content img { vertical-align: text-bottom; } .punbb .post-content img.postimg { vertical-align: middle; } .punbb .post-content .blockcode, .punbb .post-content blockquote { width: 100%; overflow: hidden; } .punbb .post-content .scrollbox { width: 100%; overflow: auto; } .punbb .post-content .quote-box, .punbb .post-content .code-box { margin: 0.4em 1.8em 1.4em 1.8em; padding: 1em; } .punbb .quote-box cite, .punbb .code-box strong.legend { display: block; padding-bottom: 0.7em; font-size: 1.1em; font-weight: bold; font-style: normal; margin: 0; } /* ЭЛЕМЕНТЫ СТРАНИЦ */ /** НАЗВАНИЕ ФОРУМА, ЛОГОТИП**/ #pun-title { width: 500px; height: 6em; position: relative; top: -100px; left: 50%; overflow: hidden; background: url(/files/0018/58/2b/32861.png) no-repeat; /*фон под названием*/ background-position: 30px -80px; padding-top: 2em; } #pun-title .title-logo { display: block !important; } h1.title-logo {font-family: Cinzel Decorative; font-size: 4em!important; color: #c2c1c2; text-shadow: 0px 5px 5px rgba(0, 0, 0, 0.75); } h1.title-logo:first-letter { color: #523444; } #pun-title { } #pun-title h1 { display : none; } #pun-title .container { border-style: none solid none solid; } #pun-title td.title-logo-tdl, #pun-title table, #pun-title td.title-logo-tdr { width: auto; height: auto; } #pun-title table {border: none;} #pun-title td.title-logo-tdl {border: none;} #pun-title td.title-logo-tdr {border: none; position: absolute;} /* ПРИВЕТСТВИЕ */ /*ШАПОЧНАЯ ТАБЛИЦА, ОТОБРАЖАЕТСЯ ВЕЗДЕ, НЕ ОТКЛЮЧАЕМАЯ*/ div#hello { height: 125px; width: 350px; position: relative; top: 0; text-align: center; left: 0; color: #c1c1c1; } #hello h1 { font-weight: bold; padding-bottom: 0.3em; } #hello a, #hello a:active, #hello a:hover { font-weight: bolder; color: #d9d9d9; text-decoration: none; } div#htext { border: 1px solid #523444; width: 100%; height: 90%; overflow: auto; padding: 0.6em; } div#htext::-webkit-scrollbar { width: 12px; /* ширина всей полосы прокрутки */ } div#htext::-webkit-scrollbar-track { background: #2e2329; /* цвет зоны отслеживания */ } div#htext::-webkit-scrollbar-thumb { background-color: #603b4d; /* цвет бегунка */ border-radius: 20px; /* округлось бегунка */ border: 1px solid #553648; /* отступ вокруг бегунка */ } /*ОБЪЯВЛЕНИЕ, ОТКЛЮЧАЕМОЕ*/ #pun-announcement { height: 4.5em; } #pun-announcement h2 { display: none; } div.minidiv { display: inline-grid; width: 15%; height: 3em; margin: 0 2%; color: #c1c1c1; font-size: 0.8em; background: #533243; border: 1px solid #553648; padding: 0.2em; } .minidiv hr { color: #7a5869; /*для IE */ background-color:#7a5869; /*для Firefox, Opera, Safari*/ width: 60%; margin-left: 20%; border:0px none; height:1px; /* высота 1px IE, Firefox, Opera, Safari */ clear:both; /* для очистки, если тег идет после float елемента */ } #pun-status .container { text-align: center; color: #9e6581; width: 90%; position: absolute; top: 30px; background-color: transparent; } #pun-status, #pun-status .container { border: none; margin: 2px 0; } #pun-status span { white-space: nowrap; margin-right: 5em; } #pun-crumbs1 { border: none; overflow: hidden; } #pun-crumbs1 p.container { border: none; border-top: none; padding: .5em; font-size: 1.1em; } #pun-break1 { border-style: none; border-width: 0; height: 0; margin: -2px 1em; position: relative; z-index: 1; } /* ОБЪЯВЛЕНИЕ */ div#pun-announcement { background-color: #c1c1c1; margin-top: 0.5em; border-bottom: 2px dashed #796370; text-align: center; } #pun-announcement h2 { padding: 0; margin: 0 1em -3.5em 1em; border:none; position: relative; font-weight: bold; background:transparent; } #pun-announcement h2 span { display: block; padding: 1em 0 0.8em 0; border:none; background:transparent; } #pun-announcement .container { padding: 1em; background:transparent; } /* ПРОФИЛЬ */ #profile .container { padding-left: 18.6em; } #profilenav { float: left; width: 14em; margin-left: -16.3em; display: inline; border-style: solid; border-width: 1px; } #profilenav li { padding-bottom: 0.8em; font-weight: bold; } #viewprofile ul, #profilenav ul { padding: 0 18px 0.8em 18px; margin: -3em 0 1em 0; } #viewprofile h2, #profilenav h2 { background: transparent; border: none; padding: 0 0 0 0; margin: 0 14px -0.6em 14px; } #viewprofile h2 span, #profilenav h2 span { padding: 0 5px; position: relative; } #viewprofile li, #setmods dl { padding: 0 0 0 16em; margin-bottom: 0.2em; } #viewprofile li span { float: left; width: 14em; margin-left: -16em; padding: 0.5em 1em; font-weight: bold; } #setmods dt { float: left; width: 14em; margin-left: -16em; padding: 0.8em 1em; font-weight: bold; display: inline; } #viewprofile li strong, #viewprofile li div, #setmods dd { display: block; padding: 0.5em 1em; font-weight: normal; } .punbb img.avatardemo { float: right; margin: 0 0 0.8em 1.8em; } /* ОКНА СООБЩЕНИЙ */ .punbb .info .container { padding: 0.8em 1em } .punbb .info .container .backlink { padding-top: 0.8em; } /* ИНФОРМАЦИОННЫЕ ПОЛЯ */ .punbb .info-box { padding: 1.1em 1.7em 1em 1.7em; border-style: solid; border-width: 1px; margin: 0 0 1.1em 0; } .punbb .info-box * { padding: 0 0 0.7em 0; } .punbb #pun-main .info-box .legend { font-size: 1.1em; font-weight: bold; } /* МАКЕТ ФОРМЫ*/ .punbb .formal .container { padding: 1.7em 2.3em 1.1em 2.3em; } .punbb .formsubmit { padding: 0 0 0 1.7em; margin: 1em 0 0 0; } .punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span { margin: 0 0.6em 0 0 } .punbb fieldset { border-style: solid; border-width: 1px; padding: 0 18px 0 18px; margin: 0 0 1em 0; } .punbb fieldset legend { padding: 0; margin: 0 0 0 11px; font-size: 1em; } .punbb fieldset legend span { padding: 0 5px; margin: 0 0 0 -15px; } .punbb fieldset fieldset { border-style: none; margin: 0; padding: 0 0 8px 0; } .punbb .fs-box { padding: 1em 0 0.8em 0; } .punbb .fs-box p, .punbb .fs-box fieldset { padding: 0 0 0.8em 0; } .punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield { float: left; margin-right: 1em; } .punbb .inline .infofield { clear:both; } .punbb .datafield br { display: none; } .punbb .required label, .punbb .datafield span.input { font-weight: bold; } .punbb .datafield span.input a { font-weight: normal; } .punbb .areafield span.input, .punbb p.longinput span.input { display: block; padding: 0 12em 0 0; height: 100%; /* For IE */ } .punbb textarea, .punbb .longinput input { width: 64%; margin: 0; } .punbb .hashelp { position: relative; } .punbb .helplinks { display: block; position: absolute; top: 1em; right: 0; font-weight: normal; width: 36%; } .punbb #profile .helplinks { top: 1.5em; } .punbb .helplinks span { display: block; padding-bottom: 0.2em; } #pun-post .formal .info-box li { padding-left: 4px; list-style-type: square; list-style-position: inside; line-height: 1.5; margin: 0; } /* СТРУКТУРА ТАБЛИЦЫ */ .punbb .main .tcl { overflow: hidden; text-align: left; width: 45%; } .punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod { text-align: center; width: 10%; } .punbb .main .tcr { overflow: hidden; text-align: right; width: 32%; } #pun-userlist .main .tcl, #pun-searchtopics .main .tcl, #pun-modviewforum .main .tcl { width: 40%; } #pun-userlist .main .tc2, #pun-searchtopics .main .tc2 { text-align: left; width: 20%; } #pun-debug table .tcl { width: 15%; white-space:normal; } #pun-debug .tcr { width: 90%; white-space: normal; } #pun-index .tcl h3 { /*УБРАТЬ ЛИШНЕЕ */ text-transform: uppercase; text-align: left; padding: 10px; width: 534px; } .punbb td span.youposted { font-weight: bold; margin-left: -1em; position: absolute; } .punbb td .modlist { display: block; padding: 0 0 1em 3em; } .punbb .main td { padding: 8px 10px; /* для ячеек таблицы */ } .punbb .main th { padding: 5px 10px 5px 31px; /* для заголовка таблицы (где надписи "форум", "тем", "сообщений") */ } .punbb .main .tcl { border-left-style: none; border-left-width: 0; } .punbb tbody.hasicon td.tcl { /*ПРОВЕРИТЬ НУЖНОСТЬ*/ padding-left: 3.2em; } .punbb div.icon { } .punbb table div.icon { } /* ТОПИКИ */ .punbb .post .container { border-style: none solid solid solid; border-width: 1px; margin-top: -1px; padding-bottom: 1px; } .punbb .post h3 { border-style: none; border-width: 1px; width: 99%; } .punbb .post h3 span { padding: 0.5em 1em; display: block; margin-left: 290px; border-left-style: none; border-left-width: 1px; } .punbb .post h3 strong { float: right; width: 5em; text-align: right; font-weight: normal; } .punbb .post .post-author { float: left; width: 276px; margin-top: -1.5em; overflow: hidden; text-align: center; } .punbb .post .post-author ul, .punbb .post .post-author p { padding: 0 1em 1em 1em; line-height: 140%; } .pa-author { font-size: 1.1em; font-weight: bold; height: 23px; line-height: 150%; } .pa-author a { text-decoration: none; } li.pa-title { padding-bottom: 0.4em; font-weight: bold; } li.pa-online { line-height: 0em; border-left-style: solid; border-left-width: 0em; padding-left: 0em; margin-top: 0.7em; } .punbb .post-body { margin-left: 19em; border-left-style: solid; border-left-width: 1px; padding: 0 0 1px 0; } .punbb .post-box { padding: 1em; } .punbb fieldset .post-box { margin-bottom: 0.8em } .punbb .post-links { margin-left: 19em; } .punbb .post-links ul { padding: 1em; margin-left: -19em; border-bottom-style: dotted; border-bottom-width: 2px; text-align: right; margin-bottom: 0.5em; } .punbb .post-links li { display: inline; padding-left: 1em; } .pl-email, .pl-website { float: left; } .punbb .clearer { clear: both; height: 0; font-size: 0; } /* СТАТИСТИКА */ #pun-stats .container { padding: 1em 3em; } #pun-stats li.item1, #pun-stats li.item2 { float: left; clear: both; line-height: 150%; } #pun-stats li.item3, #pun-stats li.item4 { text-align: right; line-height: 150%; } li#onlinelist { margin-top: 1em; border: none; float: left; width: 100%; line-height: 130%; } li#onlinelist div { border-top-style: solid; border-top-width: 1px; padding: 0.7em 0 0 0; } /*СПРАВОЧНЫЙ ФАЙЛ*/ #pun-help .formal .info-box h3.legend { border-bottom-style: solid; border-bottom-width: 1px; padding-bottom: 0; margin-bottom: 0.8em; } #pun-help .formal .info-box h3.legend span { padding-bottom: 0.6em; display: block; border-bottom-style: solid; border-bottom-width: 1px; font-size: 1.1em; } #pun-help .formal p, #pun-help .formal dd { margin-bottom: 1em; } #pun-help .formal ul, #pun-help .formal dl { padding: 0 0 0 1em; } #pun-help .formal li { padding: 0; line-height: 130%; } #pun-help .formal li * { vertical-align: text-top; } #pun-help .formal dt span { font: 1.4em/120% monaco, "bitstream vera sans mono", "courier new", courier, monospace; } #pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode { padding-bottom: 0; } /* НАВИГАЦИЯ */ /** КНОПКИ ВВЕРХ-ВНИЗ**/ .upDown { display:none; position: fixed; /*позиционируем*/ right: calc(10px); /*указываем положение, если слева - left*/ z-index:9999; /*показываем поверх все элементов на странице*/ cursor:pointer; opacity:0.7; /*прозрачность*/ } .upDown { width: 20px; height: 20px; box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.75); /* Rotate */ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); /* Rotate Origin */ -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; margin: 60px 0 10px 310px; } #ToTop { bottom:65px; /*положение от низа окна браузера верхняя кнопка*/ background: #796370; } #OnBottom { bottom:25px; /*положение от низа окна браузера нижняя кнопка кнопка*/ background: #553648; } .upDown:hover,.go-up:hover { opacity:1; } /* ГЛАВНОЕ МЕНЮ */ #pun-navlinks { position: relative; top: -15em; left: -55px; width: 30px; } #pun-navlinks .container { border: none; background-color: transparent; margin: 0; text-align: center; } #pun-navlinks li { display: block; overflow: hidden; text-indent:-9999px; height: 25px; width: 25px; margin: 2px; background: url(/files/0018/58/2b/86923.png) no-repeat; /*фоновая картинка*/ } li#navindex {background-position: -2px;} li#navuserlist{background-position: -32px;} li#navsearch{background-position: -62px;} li#navprofile{background-position: -92px;} li#navpm{background-position: -122px;} li#navadmin{background-position: -152px;} li#navregister{background-position: -242px;} li#navlogin{background-position: -182px;} li#navlogout{background-position: -182px;} #pun-navlinks li a { font-size: 1.1em; display: block; height: 100%; } #pun-navlinks li:nth-child(even) { filter: grayscale(100%); -webkit-filter: grayscale(100%); } /* ПОЛЬЗОВАТЕЛЬСКОЕ МЕНЮ */ #pun-ulinks { margin-top: -12em; position: relative; border: none; width: 90%; } #pun-ulinks .container { margin-left: auto; margin-right: auto; text-align: center; background-color: transparent!important; position: relative; border: none; text-align: center; width: 90%; } #pun-ulinks li, #pun-ulinks li a { display: inline; border: none; white-space: nowrap; } #pun-ulinks li a { padding: 0 0.3em 0 0.6em; } #pun-ulinks a, #pun-status .item4 a { margin: 0 1% 0 1%; letter-spacing: -0.01em; text-transform: uppercase; text-decoration: none; font-size: 0.7em; } #pun-ulinks a { color: #7A5869; font-weight: bold; } #pun-status .item4 a { color: #c1c1c1; } #pun-ulinks li.item1, #pun-ulinks li.item1 a { border-left-style: none; border-left-width: 0; padding-left: 0; } /* МЕНЮ МОДЕРАТОРА */ .punbb .modmenu .container { padding: 0.5em 1em; text-align: right; } .punbb .modmenu strong, .punbb .modmenu a { height: 1.8em; line-height: 1.8em; } .punbb .modmenu .container strong { float: left; } .punbb .modmenu input { margin-left: 1em; } /* МЕНЮ АДМИНИСТРИРОВАНИЯ */ #pun-adnav h2 { text-align: center; } #pun-admain #pun-adnav { width: 150px; position: fixed; background-color: #412f39; top: 0; left: 0; font-size: 0.75em; margin-left: 0; text-transform: uppercase; z-index: 9999!important; } #pun-admain .adcontainer { border: none; width: 150px; } #pun-admain sup.new { display: none; } #pun-admain #pun-adnav li { padding: 0 1em; } #pun-admain #pun-adnav li a { display: block; width: 98%; text-decoration: none; color: #c2c1c2; padding: 0.3em 0.4em; border-bottom: 1px dotted #ec8bbb; -moz-transition: background-color .3s ease-in; -webkit-transition: background-color .3s ease-in; -o-transition: background-color .3s ease-in; transition: background-color .3s ease-in; } #pun-admain #pun-adnav li a:hover { background-color: #9e6581; color: #fff; -moz-transition: background-color 0.01s; -webkit-transition: background-color 0.01s; -o-transition: background-color 0.01s; transition: background-color 0.01s; } #pun-admain .item-forms:before, #pun-admain .item6:before, #pun-admain .item7:before, #pun-admain .item20:before { content: '>'; color: #000; float: right; font-size: 1.4em; } #pun-admain .isactive.item-forms:before, #pun-admain .isactive.item6:before, #pun-admain .isactive.item7:before, #pun-admain .isactive.item20:before { color: #c2c1c2; } #adnav-standard li.isactive { background-color: rgba(123,88,107,0.3)!important; } #pun-adnav ul.adsubnav { display: block!important; list-style:none; position:absolute; left:-9999px; opacity:0; -webkit-transition:0.25s linear opacity; /* В Webkit пункты проявляются */ } #pun-adnav li:hover ul.adsubnav { /* Выводим выпадающий пункт при наведении курсора */ left:140px; /* Приносим его обратно на экран, когда нужно */ opacity:1; /* Делаем непрозрачным */ width: 170px; background-color: #412f39; font-size: 0.75em; margin-left: 0.8em; margin-top: -2.2em; text-transform: uppercase; } #pun-adnav li:hover ul.adsubnav { position: absolute; } #pun-adnav ul.adsubnav li { list-style: none!important; font-size: 1.4em; } /* ПОСТРАНИЧНАЯ НАВИГАЦИЯ*/ .punbb .linkst { float: left; position: relative; width: 100%; font-size: 1.1em; height: 0; } .multipage { margin-top: 3em; } .linkst .pagelink { position: absolute; left: 1em; width: 24em; } .linkst .postlink { position: absolute; right: 3.5em; width: 16em; text-align: right; font-weight: bold; } .punbb .linksb { text-align: right; padding: 0.4em 1em 0.5em 1em; font-size: 1.1em; } .linksb .pagelink { float: left; width: 24em; text-align: left; } .linksb .postlink { float: right; width: 16em; font-weight: bold; } .subscribelink { clear:both; padding-top: 2em; } /* НАВИГАЦИЯ ПО СТРАНИЦАМ */ #pun-pagelinks { position: absolute; top: -15px; left: 0; margin: 0; border: none; padding: 0; width: 100%; } #pun-pagelinks .container { background: transparent; border: none; padding: 0} #pun-pagelinks .container li { display: inline; } #pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover { height: 2em; line-height: 2em; padding: 0; font-size: 1.2em; margin-left: -9999px; display: block; float:left; width: 100%; } #pun-pagelinks a:active, #pun-pagelinks a:focus { position:relative; margin: 0; } #pun-pagelinks li a span { display:block; margin: 0 1em; } /* БЫСТРЫЙ ПРЫЖОК - О - ..*/ #pun-qjump { margin: 0; border: none; width: 50%; position: relative; float: left; } #pun-qjump .container { border: none; background: transparent; padding: 0.8em 1em; } #pun-about { margin-top: 0; border: none; } #pun-about .container { border: none; text-align: right; line-height: 150%; padding: 0.8em 1em; } #pun-about p span { display:block; padding-left: 50%; } #pun-crumbs2 { font-weight: bold; overflow: hidden; margin-bottom: 0; border: none; } #pun-crumbs2 .container { border: none; padding: 0.8em 1em; font-size: 1.1em; } #pun-break4 { margin: -2px 1em; border-style: solid none; border-width: 1px 0; position: relative; height: 0; z-index: 1; } div.punbb-admin #pun-about .container { border-top-style: solid; border-top-width: 1px; } /*СТРАНИЦЫ*/ /** СТРАНИЦА ПЕРЕАДРЕСАЦИИ **/ div#pun-redirect { background-image: url(/files/0018/58/2b/32861.png); background-repeat: no-repeat; background-position-x: 100%; background-size: contain; background-color: transparent; height: 300px; width: 75%; margin-left: 15%; margin-top: 15%; border: 3px solid; } #pun-redirect h1 { padding: 70px 40px; } #pun-redirect div.container { background-color: transparent; margin-left: 5%; width: 50%; } #pun-redirect a, #pun-redirect a:hover { color: #c2c1c2; text-decoration: none; } /* СТРАНИЦА РЕГИСТРАЦИИ */ /** ТЕЛО ФОРУМА **/ /*цвет фона, шапка, оформление обычного текста*/ html { color: #58404e; font-family: "Roboto"; font-size: 1em; background-color: #191417; } div#bground { height: 100%; width: 350px; position: absolute; top: 0; right: 3%; } #bground { background-image: url(/files/0018/58/2b/32861.png); background-repeat: no-repeat; position: relative; top: 0; right: 15%; overflow: hidden; background-position: -450px 0; z-index: -1; } /* обводка форума */ div#pun_wrap { margin: 50px 9% 150px 5%; border: 3px solid #79787e; padding: 25px; width: 86%; } /* фон под контент, категории */ .container {background-color: #c1c1c1; padding: 0px 10px; margin: 0px;} .category { background-color: #4f3945; background-image: url(/files/0018/58/2b/32861.png); background-repeat: no-repeat; background-position: 0 -210px; background-size: 70%; margin: -20px 0px 0px 0px; } .category h2 { text-align: center; font-size: 1.3em; font-variant: small-caps; font-weight: bold; color: #c1c1c1; padding: 10px 0 10px 0; } /* СПИСОК ПОЛЬЗОВАТЕЛЕЙ */ #pun-userlist .formal, #pun-userlist .formal .container { border-bottom: none; margin-bottom: 0; } #pun-userlist .usertable .container { padding: 0 2.3em 2.3em 2.3em; border-top: none; } #pun-userlist .usertable table { border-style: solid; border-width: 1px; } /* РАЗДЕЛ АДМИНИСТРИРОВАНИЯ */ .adminmain { padding-left: 0!important; } div.punbb-admin { margin-left: 150px; width: 75%; } #pun-admain1 .adcontainer { width: 85%; } .punbb-admin #pun-navlinks { left: 1em; top: -10px; } /*ссылки QBoards*/ .admin-advert-block { position: absolute; left: 60px; top: 140px; } .admin-advert-block a { font-size: 0.75em; text-decoration: none!important; text-transform: uppercase; color: #c2c1c2; } .admin-advert-block .admin-advert-block-buttons { height: 20px!important; margin-top: 10px!important; } .admin-advert-block .admin-advert-block-buttons * { margin-top: 10px!important; }
копия
Сообщений 1 страница 4 из 4
Поделиться110.01.2023 19:19:08
Поделиться213.03.2023 10:37:10
@import url(style_cs.css);
@import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@100&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@100&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@1,300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lora:ital@0;1&display=swap');
.category thead{
display: none;
}
.category tr{
display: flex;
}
.category tr .tcl{
flex-basis: 70%;
}
.category .forum-title {
float: left;
width: 30%
}
.category .subforums {
float: left;
height: 100px;
width: 100%
}
div.forop {
position: relative;
left: 2em;
height: 120px;
}
/*БАЗОВЫЕ НАСТРОЙКИ */
html, body {margin: 0; padding: 0}
.punbb * {margin: 0}
.punbb {
float: left;
width: 100%;
height: auto;
min-width: 800px;
}
.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {
padding: 0;
list-style: none;
}
div#pun-main {
background-color: #c1c1c1;
}
/* корректировка фона у рекламы*/
#pun-break2+div.section, #pun-stats+div.section, #pun-viewforum div.section:nth-child(6n), #pun-userlist div.section:nth-child(6n), #pun-search div.section:nth-child(6n), #pun-profile div.section:nth-child(6n+1), #pun-messages div.section:nth-child(5n-1), #pun-edit div.section:nth-child(6n+1) {
background-color: #c1c1c1;
}
#pun-break2+div.section {
margin-top: -1.1em;
}
#pun-stats+div.section {
margin-top: -1.3em;
}
/* шрифты */
body {font-size: 1em;}
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
font: 1em verdana, arial, helvetica, sans-serif;
}
.punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th {
font-size: 1em;
font-weight: normal;
}
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
font: 1em roboto, verdana, arial, helvetica, sans-serif;
background-color: #a5a0a0;
border-radius: 10px;
color: #f5f5f5;
padding: 0 0.5em 0.2em 0.5em;
}
.punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th {
font-size: 1em;
font-weight: normal;
}
.punbb h1 span, .punbb h2 span, .punbb legend span {
font-size: 1.1em;
}
.punbb pre {
font: 1.1em/140% monaco, "bitstream vera sans mono", "courier new", courier, monospace;
}
#pun-crumbs1 em:first-child, #pun-crumbs2 em:first-child {
margin-left: 1em;
}
#pun-crumbs1 em, #pun-crumbs2 em {
text-align: right;
display: inline-block;
width: 1em;
height: 1em;
background-color: #553648;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: 0 100%;
-moz-transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
-o-transform-origin: 0 100%;
transform-origin: 0 100%;
margin: 10px 10px;
box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.50);
margin-left: 2em;
}
.punbb .post-content em {
font-style: italic;
}
.punbb .post-content em.bbuline {
font-style: normal;
text-decoration: underline;
}
.punbb a, .punbb a:hover {
text-decoration: none;
color: #8e0f4c;
font-weight: bold;
font-variant: small-caps;
}
.punbb optgroup {
font-weight: bold;
}
/* отступы первопост и т.п.*/
.punbb #pun-category1, .punbb .toppost, .punbb .topicpost {
margin-top: 0;
}
/* отступы в топиках*/
#pun-post .topic {
margin-top: 1em;
}
/* вид картинок */
.punbb img {border: none;
max-width: 100%;
}
/*вид табличных данных на всех страницах */
.punbb .main table {table-layout: fixed;
width: 100%;
}
/*элементы форм*/
.checkfield input[type="checkbox"], .radiofield input[type="radio"] {
margin: 0 0.3em;}
p[class="checkfield"] *, div[class="checkfield"] *, fieldset[class="radiofield"] * {
height: 1.8em;
vertical-align: middle;
}
/* скрытие элементов, коррекция */
/*плавающая запятая*/
#pun:after,
.punbb .container:after,
.punbb .post-links ul:after,
.punbb .main div.inline:after,
.punbb .post-box:after,
.punbb .linksb:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
overflow:hidden;
line-height: 0.0;
font-size: 0;
}
.acchide,
#pun-index #pun-main h1,
#pun-navlinks h2,
#pun-pagelinks h2,
#pun-status h2,
#pun-ulinks h2,
.punbb .forum h2,
.punbb .multipage .topic h2,
.punbb dl.post-sig dt span,
.punbb p.crumbs strong,
.punbb .divider hr,
.punbb .required label em,
.punbb .formsubmit label,
.punbb .submitfield label,
.punbb .modmenu label,
#pun-userlist .main h2 {
font-size: 0;
height: 0;
width: 0;
line-height: 0.0;
position:absolute;
left: -9999px;
overflow: hidden;
}
/* сигнатуры, контент */
.punbb .post-content {
padding: 0;
margin: 0;
width: 100%;
overflow: hidden;
}
.punbb .post-sig dt {
display: block;
margin: 5px 0;
}
.punbb .post-content p {
margin: 0;
padding: 0 0 1em 0;
line-height: 150%;
}
.punbb .post-content img {
vertical-align: text-bottom;
}
.punbb .post-content img.postimg {
vertical-align: middle;
}
.punbb .post-content .blockcode, .punbb .post-content blockquote {
width: 797px;
overflow: hidden;
}
.punbb .post-content .scrollbox {
width: 100%;
overflow: auto;
}
/* ЭЛЕМЕНТЫ СТРАНИЦ */
/* ПРИВЕТСТВИЕ */
/*ШАПОЧНАЯ ТАБЛИЦА, ОТОБРАЖАЕТСЯ ВЕЗДЕ, НЕ ОТКЛЮЧАЕМАЯ*/
div#hello {
height: 100px;
width: 320px;
position: relative;
top: 0;
text-align: center;
left: 0;
color: #c1c1c1;
}
#hello h1 {
font-weight: bold;
padding-bottom: 0.3em;
}
#hello a, #hello a:active, #hello a:hover {
font-weight: bolder;
color: #d9d9d9;
text-decoration: none;
}
div#htext {
border: 1px solid #523444;
width: 100%;
height: 90%;
overflow: auto;
padding: 0.6em;
font-size: 0.75em;
}
div#htext::-webkit-scrollbar {
width: 12px; /* ширина всей полосы прокрутки */
}
div#htext::-webkit-scrollbar-track {
background: #2e2329; /* цвет зоны отслеживания */
}
div#htext::-webkit-scrollbar-thumb {
background-color: #603b4d; /* цвет бегунка */
border-radius: 20px; /* округлось бегунка */
border: 1px solid #553648; /* отступ вокруг бегунка */
}
/*ОБЪЯВЛЕНИЕ, ОТКЛЮЧАЕМОЕ*/
#pun-announcement {
height: 4.5em;
}
#pun-announcement h2 {
display: none;
}
div.minidiv {
display: inline-grid;
width: 15%;
height: 3em;
margin: 0 2%;
color: #c1c1c1;
font-size: 0.8em;
background: #533243;
border: 1px solid #553648;
padding: 0.2em;
}
.minidiv hr {
color: #7a5869; /*для IE */
background-color:#7a5869; /*для Firefox, Opera, Safari*/
width: 60%;
margin-left: 20%;
border:0px none;
height:1px; /* высота 1px IE, Firefox, Opera, Safari */
clear:both; /* для очистки, если тег идет после float елемента */
}
#pun-status .container {
text-align: center;
color: #9e6581;
width: 75%;
position: absolute;
top: 30px;
background-color: transparent;
}
#pun-status a, #pun-status a:hover {
color: #998b92;
}
#pun-status, #pun-status .container {
border: none;
margin: 2px 0;
}
#pun-status span {
white-space: nowrap;
margin-right: 5em;
}
#pun-crumbs1 {
border: none;
overflow: hidden;
}
#pun-crumbs1 p.container {
border: none;
border-top: none;
padding: .5em;
font-size: 1.1em;
}
#pun-break1 {
border-style: none;
border-width: 0;
height: 0;
margin: -2px 1em;
position: relative;
z-index: 1;
}
/* ОБЪЯВЛЕНИЕ */
div#pun-announcement {
background-color: #c1c1c1;
margin-top: 0.5em;
border-bottom: 2px dashed #796370;
text-align: center;
}
#pun-announcement h2 {
padding: 0;
margin: 0 1em -3.5em 1em;
border:none;
position: relative;
font-weight: bold;
background:transparent;
}
#pun-announcement h2 span {
display: block;
padding: 1em 0 0.8em 0;
border:none;
background:transparent;
}
#pun-announcement .container {
padding: 1em;
background:transparent;
}
/* ПРОФИЛЬ */
#pun-profile #profile .container {
padding-left: 18.6em;
}
#pun-profile #profilenav {
display: inline;
}
#pun-profile #profilenav ul {
width: 45%;
float: left;
}
#pun-profile #profilenav li {
margin-left: 0.9em;
}
#pun-profile form#messages {
clear: both;
margin-top: 3em;
border: 1px solid #ccc;
width: 1066px;
}
#pun-profile form#messages legend {
text-align: center;
padding-top: 1em;
}
#pun-profile #profilenav li {
width: 15%;
font-weight: bold;
display: inline;
}
#pun-profile #viewprofile ul {
padding: 1em;
}
#pun-profile #viewprofile h2, #pun-profile #profilenav h2 {
background: transparent;
border: none;
padding: 0 0 0 0;
margin: 0 14px -0.6em 14px;
font-size: 0;
}
#pun-profile #viewprofile h2 span, #pun-profile #profilenav h2 span {
padding: 0 5px;
position: relative;
}
#pun-profile #viewprofile li, #pun-profile #setmods dl {
padding: 0 0 0 16em;
margin-bottom: 0.2em;
}
#pun-profile #viewprofile li span {
float: left;
width: 14em;
margin-left: -16em;
padding: 0.5em 1em;
font-weight: bold;
}
#pun-profile #setmods dt {
float: left;
width: 14em;
margin-left: -16em;
padding: 0.8em 1em;
font-weight: bold;
display: inline;
}
#pun-profile #viewprofile li strong, #pun-profile #viewprofile li div, #pun-profile #setmods dd {
display: block;
padding: 0.5em 1em;
font-weight: normal;
}
.punbb img.avatardemo {
float: right;
margin: 0 0 0.8em 1.8em;
}
/*ПАНЕЛЬ ЗАКЛАДОК*/
#BookmCntToggle {
color: #b3628d!important;
}
#MyBookmarks h2, #MyBookmarks h1, .editBookmark h2 {
color: #c1c1c1;
font-variant: all-small-caps;
background-color: #432938;
font-family: "Merriweather";
font-weight: bold;
}
#MyBookmarks h2 {
margin-left: 0;
}
span.deS {
color: #432938;
font-family: "Roboto";
}
span.deS::first-line {
font-family: "Merriweather";
color: #432938;
}
#MyBookmarks h2 strong {
margin-left: 0.3em!important;
}
/* ОКНА СООБЩЕНИЙ */
#pun-messages #profile .container {
padding-left: 1em;
}
#pun-messages .info .container {
padding: 0.8em 1em
}
#pun-messages .info .container .backlink {
padding-top: 0.8em;
}
/* ИНФОРМАЦИОННЫЕ ПОЛЯ */
.punbb .info-box {
padding: 1.1em 1.7em 1em 1.7em;
border-style: solid;
border-width: 1px;
margin: 0 0 1.1em 0;
}
.punbb .info-box * {
padding: 0 0 0.7em 0;
}
.punbb #pun-main .info-box .legend {
font-size: 1.1em;
font-weight: bold;
}
/* МАКЕТ ФОРМЫ*/
/*.punbb .formal .container {
padding: 1.7em 2.3em 1.1em 2.3em;
}*/
.punbb .formsubmit {
padding: 0 0 0 1.7em;
margin: 1em 0 0 0;
}
.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {
margin: 0 0.6em 0 0
}
.punbb fieldset {
border-style: solid;
border-width: 1px;
padding: 0 18px 0 18px;
}
.punbb fieldset legend {
padding: 0;
margin: 0 0 0 11px;
font-size: 1em;
}
.punbb fieldset legend span {
padding: 0 5px;
margin: 0 0 0 -15px;
}
.punbb fieldset fieldset {
border-style: none;
margin: 0;
padding: 0 0 8px 0;
}
.punbb .fs-box {
padding: 1em 0 0.8em 0;
}
.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield {
float: left;
}
.punbb .inline .infofield {
clear:both;
}
.punbb .datafield br {
display: none;
}
.punbb .required label, .punbb .datafield span.input {
font-weight: bold;
}
.punbb .datafield span.input a {
font-weight: normal;
}
.punbb .areafield span.input, .punbb p.longinput span.input {
display: block;
padding: 0 12em 0 0;
height: 100%; /* For IE */
}
.punbb textarea, .punbb .longinput input {
width: 64%;
margin: 0;
}
.punbb .hashelp {
position: relative;
}
.punbb .helplinks {
display: block;
position: absolute;
top: 1em;
right: 0;
font-weight: normal;
width: 36%;
}
.punbb #profile .helplinks {
top: 1.5em;
}
.punbb .helplinks span {
display: block;
padding-bottom: 0.2em;
}
#pun-post .formal .info-box li {
padding-left: 4px;
list-style-type: square;
list-style-position: inside;
line-height: 1.5;
margin: 0;
}
/* СТРУКТУРА ТАБЛИЦЫ */
.punbb .main .tcl {
overflow: hidden;
text-align: left;
width: 45%;
}
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
text-align: center;
width: 10%;
}
.punbb .main .tcr {
overflow: hidden;
text-align: right;
width: 32%;
}
#pun-searchtopics .main .tcl,
#pun-modviewforum .main .tcl {
width: 40%;
}
#pun-searchtopics .main .tc2 {
text-align: center;
width: 20%;
}
#pun-debug table .tcl {
width: 15%;
white-space:normal;
}
#pun-debug .tcr {
width: 90%;
white-space: normal;
}
.punbb td span.youposted {
font-weight: bold;
margin-left: -1em;
position: absolute;
}
.punbb td .modlist {
display: block;
padding: 0 0 1em 3em;
}
.punbb .main td {
padding: 8px 10px; /* для ячеек таблицы */
}
.punbb .main th {
padding: 5px 10px; /* для заголовка таблицы (где надписи "форум", "тем", "сообщений") */
}
.punbb .main .tcl {
border-left-style: none;
border-left-width: 0;
}
.punbb tbody.hasicon td.tcl { /*отступы в форумных таблицах*/
padding: 2em;
}
.punbb div.icon { }
.punbb table div.icon { }
/* ТОПИКИ */
.punbb .post h3 {
border-style: none;
border-width: 1px;
width: 100%;
}
.punbb .post h3 span {
padding: 0.2em 1em;
display: block;
margin-left: 290px;
border-left-style: none;
border-left-width: 1px;
}
.punbb .post h3 strong {
float: right;
width: 5em;
text-align: right;
font-weight: normal;
}
.punbb .post .post-author {
float: left;
width: 220px;
overflow: hidden;
text-align: center;
}
.punbb .post .post-author ul, .punbb .post .post-author p {
/*padding: 0 1em 1em 1em;*/
line-height: 140%;
}
.pa-author {
font-size: 1.1em;
font-weight: bold;
height: 23px;
line-height: 150%;
}
.pa-author a {
text-decoration: none;
}
li.pa-title {
padding-bottom: 0.4em;
font-weight: bold;
}
.punbb .post-body {
margin-left: 14em;
border-left-style: solid;
border-left-width: 1px;
border-color: #c7c7c7;
padding: 0 0 1px 0;
}
.punbb .post-box {
padding: 1em;
}
.punbb fieldset .post-box {
margin-bottom: 0.8em
}
.punbb .post-links {
margin-left: 19em;
}
.punbb .post-links ul {
padding: 1em;
margin-left: -19em;
border-bottom-style: dotted;
border-bottom-width: 2px;
text-align: right;
margin-bottom: 0.5em;
}
.punbb .post-links li {
display: inline;
padding-left: 1em;
}
.pl-email, .pl-website {
float: left;
}
.punbb .clearer {
clear: both;
height: 0;
font-size: 0;
}
.reactions-root {display: none;}
/*ПОСТЫ*/
/*маркировка*/
.post-content .highlight-text {
background-color: rgb(135, 87, 108, .5)!important;
}
.post-box hr {
border: 1px solid #892a2a;
box-shadow: 0 0 2px #462929;
}
.post-box .lastedit {
font-size: 11px;
color:#e7e6e6;
}
.post-box .code-box, .post-box .blockcode, .post-box .quote-box, .post-box blockquote {
border-radius: 15px;
}
.post-box .code-box, .post-box .blockcode, .post-box .quote-box, .post-box blockquote {
border: 1px solid #c1c1c1;
}
.post-box .code-box {
background-color: #bb7c7c;
}
.post-box .blockcode, .post-box blockquote {
background-color: #c1c1c1;
padding: 4px 15px;
margin: 1px;
}
.post-box strong {
padding-left: 15px;
}
.post-box .quote-box {
background-color: #8f7e85;
margin: 0.5em 0;
}
.post-box .quote-box cite {
padding-left: 15px;
}
.post-box .quote-box.hide-box {
background-color: #662d45;
}
.post-box .spoiler-box, .post-box .quote-box cite {
color: #ccc;
}
.post-box .spoiler-box p {
color: #58404e;
}
.post-box .spoiler-box {
background-color: #60555a;
}
.post-box .spoiler-box.media-box {
background-color: #75687e;
}
.post h3 {
background-color: #533243;
border-radius: 15px 15px 0 0;
height: 1.6em;
box-shadow: 0 0 5px 0 #1c1b1b;
/*margin-bottom: 0.5em;*/
}
.post div.container {
border-top-style: dotted;
border-top-width: 2px;
}
.post {
background-color: #c1c1c1;
}
.post h3 a, .post h3 a:hover {
color: #ccc;
}
/* опросы */
.areafield.required {
margin-top: 0.5em;
}
/* СТАТИСТИКА */
#pun-stats .container {
padding: 1em 3em;
}
#pun-stats li.item1, #pun-stats li.item2 {
float: left;
clear: both;
line-height: 150%;
}
#pun-stats li.item3, #pun-stats li.item4 {
text-align: right;
line-height: 150%;
}
li#onlinelist {
margin-top: 1em;
border: none;
float: left;
width: 100%;
line-height: 130%;
}
/* COPYRIGHT*/
div#copyright {
width: 100%;
position: relative;
bottom: -100px;
font-size: 0.8em;
}
#copyright a, #copyright a:hover {
color: #998b92;
}
/*СПРАВОЧНЫЙ ФАЙЛ*/
#pun-help .formal .info-box h3.legend {
border-bottom-style: solid;
border-bottom-width: 1px;
padding-bottom: 0;
margin-bottom: 0.8em;
}
#pun-help .formal .info-box h3.legend span {
padding-bottom: 0.6em;
display: block;
border-bottom-style: solid;
border-bottom-width: 1px;
font-size: 1.1em;
}
#pun-help .formal p, #pun-help .formal dd {
margin-bottom: 1em;
}
#pun-help .formal ul, #pun-help .formal dl {
padding: 0 0 0 1em;
}
#pun-help .formal li {
padding: 0;
line-height: 130%;
}
#pun-help .formal li * {
vertical-align: text-top;
}
#pun-help .formal dt span {
font: 1.4em/120% monaco, "bitstream vera sans mono", "courier new", courier, monospace;
}
#pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode {
padding-bottom: 0;
}
/* НАВИГАЦИЯ */
/** КНОПКИ ВВЕРХ-ВНИЗ**/
.upDown {
display:none;
position: fixed; /*позиционируем*/
right: calc(10px); /*указываем положение, если слева - left*/
z-index:9999; /*показываем поверх все элементов на странице*/
cursor:pointer;
opacity:0.7; /*прозрачность*/
}
.upDown {
width: 20px;
height: 20px;
box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.75);
/* Rotate */
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
/* Rotate Origin */
-webkit-transform-origin: 0 100%;
-moz-transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
-o-transform-origin: 0 100%;
transform-origin: 0 100%;
margin: 60px 0 10px 310px;
}
#ToTop {
bottom:65px; /*положение от низа окна браузера верхняя кнопка*/
background: #796370;
}
#OnBottom {
bottom:25px; /*положение от низа окна браузера нижняя кнопка кнопка*/
background: #553648;
}
.upDown:hover,.go-up:hover {
opacity:1;
}
/* ГЛАВНОЕ МЕНЮ */
#pun-navlinks {
position: relative;
top: -15em;
left: -55px;
width: 30px;
}
#pun-navlinks .container {
border: none;
background-color: transparent;
margin: 0;
text-align: center;
}
#pun-navlinks li {
display: block;
overflow: hidden;
text-indent:-9999px;
height: 25px;
width: 25px;
margin: 2px;
background: url(/files/0018/58/2b/86923.png) no-repeat; /*фоновая картинка*/
}
li#navindex {background-position: -2px;}
li#navuserlist{background-position: -32px;}
li#navsearch{background-position: -62px;}
li#navprofile{background-position: -92px;}
li#navpm{background-position: -122px;}
li#navadmin{background-position: -152px;}
li#navregister{background-position: -242px;}
li#navlogin{background-position: -182px;}
li#navlogout{background-position: -182px;}
li#navpr_1 {background-position: -212px;}
#pun-navlinks li a {
font-size: 1.1em;
display: block;
height: 100%;
}
#pun-navlinks li:nth-child(odd) {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
}
/* ПОЛЬЗОВАТЕЛЬСКОЕ МЕНЮ */
#pun-ulinks {
margin-top: -12em;
position: relative;
border: none;
width: 90%;
}
#pun-ulinks .container {
margin-left: auto;
margin-right: auto;
text-align: center;
background-color: transparent!important;
position: relative;
border: none; text-align: center;
width: 90%;
}
#pun-ulinks li, #pun-ulinks li a {
display: inline;
border: none;
white-space: nowrap;
}
#pun-ulinks li a {
padding: 0 0.3em 0 0.6em;
}
#pun-ulinks a, #pun-status .item4 a {
margin: 0 1% 0 1%;
letter-spacing: -0.01em;
text-transform: uppercase;
text-decoration: none;
font-size: 0.7em;
}
#pun-ulinks a {
color: #7A5869;
font-weight: bold;
}
#pun-status .item4 a {
color: #c1c1c1;
}
#pun-ulinks li.item1, #pun-ulinks li.item1 a {
border-left-style: none;
border-left-width: 0;
padding-left: 0;
}
/* МЕНЮ МОДЕРАТОРА */
.punbb .modmenu .container {
padding: 0.5em 1em;
text-align: right;
}
.punbb .modmenu strong, .punbb .modmenu a {
height: 1.8em;
line-height: 1.8em;
}
.punbb .modmenu .container strong {
float: left;
}
.punbb .modmenu input {
margin-left: 1em;
}
/* МЕНЮ АДМИНИСТРИРОВАНИЯ */
#pun-adnav h2 {
text-align: center;
color: #fff;
background-color: #333;
}
#pun-admain #pun-adnav, #html-header #pun-adnav {
width: 150px;
position: fixed;
background-color: #412f39;
top: 0;
left: 0;
font-size: 0.75em;
margin-left: 0;
text-transform: uppercase;
z-index: 9999!important;
}
#pun-admain .adcontainer, #pun-adnav .adcontainer {
border: none;
width: 98%;
}
#pun-admain sup.new {
display: none;
}
#pun-admain #pun-adnav li, #pun-adnav li {
padding: 0 1em;
}
#pun-admain #pun-adnav li a, #pun-adnav li a {
display: block;
width: 98%;
text-decoration: none;
color: #c2c1c2;
padding: 0.3em 0.4em;
border-bottom: 1px dotted #ec8bbb;
-moz-transition: background-color .3s ease-in;
-webkit-transition: background-color .3s ease-in;
-o-transition: background-color .3s ease-in;
transition: background-color .3s ease-in;
}
#pun-admain #pun-adnav li a:hover, #pun-adnav li a:hover {
background-color: #9e6581;
color: #fff;
-moz-transition: background-color 0.01s;
-webkit-transition: background-color 0.01s;
-o-transition: background-color 0.01s;
transition: background-color 0.01s;
}
#pun-admain .item-forms:before,
#pun-admain .item6:before,
#pun-admain .item7:before,
#pun-admain .item20:before {
content: '>';
float: right;
font-size: 1.4em;
}
#pun-admain .item-forms:before,
#pun-admain .item6:before,
#pun-admain .item7:before,
#pun-admain .item20:before {
color: #000;
}
#pun-admain .isactive.item-forms:before,
#pun-admain .isactive.item6:before,
#pun-admain .isactive.item7:before,
#pun-admain .isactive.item20:before {
color: #c2c1c2;
}
#adnav-standard li.isactive {
background-color: rgba(123,88,107,0.3)!important;
}
#pun-adnav ul.adsubnav {
display: block!important;
list-style:none;
position:absolute;
left:-9999px;
opacity:0;
-webkit-transition:0.25s linear opacity; /* В Webkit пункты проявляются */
}
#pun-adnav li:hover ul.adsubnav { /* Выводим выпадающий пункт при наведении курсора */
left:140px; /* Приносим его обратно на экран, когда нужно */
opacity:1; /* Делаем непрозрачным */
width: 170px;
background-color: #412f39;
font-size: 0.75em;
margin-left: 0.8em;
margin-top: -2.2em;
text-transform: uppercase;
}
#pun-adnav li:hover ul.adsubnav {
position: absolute;
}
#pun-adnav ul.adsubnav li {
list-style: none!important;
font-size: 1.4em;
}
/*ФОРМА ОТВЕТА ГОРИЗОНТАЛЬНОЕ МЕНЮ*/
#post-form h2 {
background-color: #43313d;
padding: 0 2em;
height: 1.5em;
border-top: 1px solid #1d1d1d;
border-bottom: 1px solid #1d1d1d;
font-family: 'Roboto';
color: #c1c1c1;
text-decoration: none;
font-weight: bold;
}
#form-buttons tr td {
border-radius: 10px;
-moz-transition: background-color .3s ease-in;
-webkit-transition: background-color .3s ease-in;
-o-transition: background-color .3s ease-in;
transition: background-color .3s ease-in;
}
#form-buttons tr td:hover{
background-color: #9e6581;
color: #fff;
border-radius: 10px;
-moz-transition: background-color 0.01s;
-webkit-transition: background-color 0.01s;
-o-transition: background-color 0.01s;
transition: background-color 0.01s;
}
#form-buttons td#button-files_rusff {display: none!important;}
/*ФОРМА ОТВЕТА НИСПАДАЮЩЕЕ МЕНЮ*/
#tags #font-area, #tags #size-area, #tags #addition-area {
background-color: #412f39;
}
#tags #font-area div, #tags #size-area div, #tags #addition-area div {
display: block;
width: 100%;
height: 1.2em;
margin: 0;
padding-bottom: 0.1em;
text-decoration: none;
padding: 0.1em 0.em;
color: #c1c1c1;
border-bottom: 1px dotted #ec8bbb;
-moz-transition: background-color .3s ease-in;
-webkit-transition: background-color .3s ease-in;
-o-transition: background-color .3s ease-in;
transition: background-color .3s ease-in;
}
#tags #font-area div:hover, #tags #size-area div:hover, #tags #addition-area div:hover {
background-color: #9e6581;
color: #fff;
-moz-transition: background-color 0.01s;
-webkit-transition: background-color 0.01s;
-o-transition: background-color 0.01s;
transition: background-color 0.01s;
}
/* профиль в топике */
.post-author {
font-size: 0.8em;
}
.pa-author {
font-size: 0.9em;
font-family: math;
}
.post-author {
position: relative;
top: -2.3em;
}
.post-author li.pa-author {
background-color: rgb(157, 157, 157, .6);
border-radius: 15px 15px 0 0;
height: 1.5em;
width: 200px;
padding-top: 0.2em;
font-size: 1.1em;
}
.post-author.online li.pa-author {
background-color: rgb(217, 171, 171, .6);
}
.post-author li {
background-color: #ffffff36;
}
.post-author li.pa-title, .post-author li.pa-avatar, .post-author li.pa-reg, .post-author li.pa-invites, .post-author li.pa-posts, .post-author li.pa-respect, .post-author li.pa-positive, .post-author li.pa-time-visit, .post-author li.pa-last-visit, .post-author li.pa-ip, .post-author li.pa-online {
border-left: 1px solid #523343;
border-right: 1px solid #523343;
width: 198px;
}
.post-author li.pa-gifts {
display: none;
}
.post-author li.pa-respect, .post-author li.pa-online {
border-radius: 0 0 15px 15px;
border-bottom: 1px solid #523343;
border-left: 1px solid #523343;
border-right: 1px solid #523343;
}
.post-author li.pa-online {
width: 170px;
margin-left: 15px;
background-color: rgb(136, 73, 105, .6);
font-size: 11px;
}
.post-author li.pa-avatar img {
border-radius: 15px;
border: 1px solid #523343;
}
/* ФОРМА ОТВЕТА, ТЕСТОВАЯ ОБЛАСТЬ*/
textarea#main-reply {
width: 97%;
padding: 1em;
}
#profile textarea#main-reply {
width: 95%;
}
#video-area-tinp, #image-area-tinp {
border-color: #c1c1c1!important;
width: 98%;
}
.resizable-textarea #video-area-tinp {
width: 97.5%;
}
div#load-image-container{
position: relative;
top: 0.1em;
width: 80%;
right: -20%;
}
#table-area td {
background-color: #c1c1c1!important;
}
#table-area td.selected {
background-color: #ec8bbb!important;
}
#tags #spoiler-area, #tags #image-area, #tags #video-area, #tags #color-area, #tags #table-area, #tags #smilies-area, #tags #keyboard-area {
background-color: #412f39;
color: #c1c1c1;
right: 6em;
text-align: center;
}
#tags #spoiler-area a, #tags #image-area a, #tags #video-area a {
color: #fff;
right: 6em;
}
#tags #color-area {
padding: 0;
}
/*КОРРЕКТИРОВКА ФОРМЫ ОТВЕТА ДЛЯ ГОСТЕЙ*/
#form-buttons+#tags+p.inputfield {
margin-bottom: 0.5em;
}
/*КОРРЕКТИРОВКА ФОРМЫ ОТВЕТА В ПРОФИЛЕ */
#profile #form-buttons+#tags #font-area,
#profile #form-buttons+#tags #size-area,
#profile #form-buttons+#tags #spoiler-area,
#profile #form-buttons+#tags #image-area,
#profile #form-buttons+#tags #video-area,
#profile #form-buttons+#tags #table-area,
#profile #form-buttons+#tags #smilies-area,
#profile #form-buttons+#tags #keyboard-area {padding: 0.3em}
/* ВИРТУАЛЬНАЯ КЛАВИАТУРА */
#keyboard-area input[type="button"] {
color: #525252;
-moz-transition: background-color .3s ease-in;
-webkit-transition: background-color .3s ease-in;
-o-transition: background-color .3s ease-in;
transition: background-color .3s ease-in;
}
#keyboard-area input[type="button"]:hover{
background-color: #9e6581;
color: #fff;
-moz-transition: background-color 0.01s;
-webkit-transition: background-color 0.01s;
-o-transition: background-color 0.01s;
transition: background-color 0.01s;
}
/* ПОСТРАНИЧНАЯ НАВИГАЦИЯ*/
.punbb .linkst {
position: relative;
width: 100%;
font-size: 1.1em;
height: 2.5em;
}
.linkst .pagelink, .linksb .pagelink {
padding-left: 30px;
width: 24em;
text-align: left;
background-color: #c1c1c1;
}
.linkst .postlink {
position: absolute;
right: 1em;
width: 16em;
text-align: right;
font-weight: bold;
}
.punbb .linksb {
text-align: right;
padding: 0.4em 1em 0.5em 1em;
font-size: 1.1em;
background-color: #c1c1c1;
}
.linksb .postlink {
float: right;
width: 16em;
font-weight: bold;
}
.subscribelink {
clear:both;
padding-top: 2em;
}
/* НАВИГАЦИЯ ПО СТРАНИЦАМ */
#pun-pagelinks {
position: absolute;
top: -15px;
left: 0;
margin: 0;
border: none;
padding: 0;
width: 100%;
}
#pun-pagelinks .container {
background: transparent;
border: none;
padding: 0}
#pun-pagelinks .container li {
display: inline;
}
#pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover {
height: 2em;
line-height: 2em;
padding: 0;
font-size: 1.2em;
margin-left: -9999px;
display: block;
float:left;
width: 100%;
}
#pun-pagelinks a:active, #pun-pagelinks a:focus {
position:relative;
margin: 0;
}
#pun-pagelinks li a span {
display:block;
margin: 0 1em;
}
/* БЫСТРЫЙ ПРЫЖОК - О - ..*/
#pun-qjump {
margin: 0;
border: none;
width: 50%;
position: relative;
float: left;
}
#pun-qjump .container {
border: none;
background: transparent;
padding: 0.8em 1em;
}
#pun-about {
position: absolute;
margin-top: 2.2em;
margin-left: 750px;
}
#pun-about .container {
border: none;
text-align: right;
line-height: 150%;
padding: 0.8em 1em;
background-color: transparent;
}
#pun-about p span {
display:block;
padding-left: 50%;
}
#pun-about a, #pun-about a:hover {
color: #c1c1c1;
}
#pun-crumbs2 {
font-weight: bold;
overflow: hidden;
margin-bottom: 0;
border: none;
}
#pun-crumbs2 .container {
border: none;
padding: 0.8em 1em;
font-size: 1.1em;
}
/*СТРАНИЦЫ*/
/** СТРАНИЦА ПЕРЕАДРЕСАЦИИ **/
#pun-redirect div#pun-main {
background-color: transparent;
}
div#pun-redirect {
background-image: url(/files/0018/58/2b/32861.png);
background-repeat: no-repeat;
background-position-x: 100%;
background-size: contain;
background-color: transparent;
height: 300px;
width: 55%;
margin-left: 20%;
margin-top: 15%;
border: 3px solid;
}
#pun-redirect h1 {
padding: 70px 40px;
font-family: "Merriweather";
}
#pun-redirect h1 span {
margin-top: 1em!important;
color: #c1c1c1;
background-color: transparent!important;
}
#pun-redirect div.container {
background-color: transparent;
margin-left: 5%;
width: 50%;
}
#pun-redirect a, #pun-redirect a:hover {
color: #c2c1c2;
text-decoration: none;
}
/* СТРАНИЦА РЕГИСТРАЦИИ */
#pun-register div.formal, #userlist div.formal {
margin-top: -1.9em; /*+список пользователей*/
}
#pun-register h1 span {
text-align: center;
font-family: "Merriweather";
font-size: 1.2em;
}
#pun-register strong {
font-family: "Merriweather";
font-size: 1.1em;
}
.formsubmit input, .postlink span, .postlink span a, .postlink span a:hover {
margin: 0 0.6em 0 0;
color: #c1c1c1;
background-color: #5e4d58;
border-radius: 15px;
}
.postlink span {
padding: 0 0 0 9px;
}
#pun-register legend {
font-family: "Merriweather";
font-size: 0.85em;
}
#pun-register fieldset legend, #pun-register legend .fs-box {
width: 100%;
}
#pun-register p.inputfield+p.infofield {
display: none;
}
#pun-register p.inputfield+p.inputfield+p.infofield {
display: block;
top: -4.2em;
width: 99%;
}
#pun-register p.required+p.inputfield {
position: relative;
top: -6.3em;
width: 40%;
right: -61%;
}
#pun-register p.infofield {
font-size: 0.9em;
color: #815d71;
width: 99%;
position: relative;
left: 1%;
top: 1em;
clear: both;
}
#pun-register .info-box {
width: 40%;
float: right;
margin-top: 2em;
background: url(/files/0018/58/2b/32861.png) no-repeat #0e0c0ea1;
background-position: -300px 90px;
color: #e5cfdb;
}
#register fieldset:first-of-type {
margin-top: 2em;
}
#register fieldset {
width: 45%;
}
#register fieldset+fieldset+fieldset {
top: -3em;
position: relative;
}
#register .fs-box legend {
width: 18%;
}
#register fieldset .fs-box {
width: 100%;
}
#register input#username, #register input#fld4 {
width: 94%;
float: right;
position: relative;
top: -1.5em;
}
#register label+br+span.input {
width: 75%;
float: right;
}
#register select#ctl_regselect, #register select#ctl_tzselect {
width: 100%;
}
#register select#ctl_regselect {
margin: 0 0 1em;
}
#register fieldset+fieldset+fieldset+fieldset, #register fieldset+fieldset+fieldset+fieldset legend {
top: 0;
position: relative;
width: 98%;
clear: both;
}
#register fieldset.radiofield {
width: 98%;
}
/*#register .checkfield input[type="checkbox"], #register label[for="fld11"] {
margin-top: 1em;
}*/
#register .fs-box p.infofield+fieldset+p.infofield+p.checkfield {
margin-top: 1em;
}
/* СТРАНИЦА АВТОРИЗАЦИИ */
#pun-login .inputfield.required {
margin: 0 1em;
}
/*СТРАНИЦА ПОИСКА*/
#pun-searchposts .post {
background-color: #ccc;
}
#pun-search .fs-box.inline p {
margin: 0 1% 0 1%;
}
/* СТРАНИЦА ПРОФИЛЬ-ПОЛЬЗОВАТЕЛЯ */
#pun-profile #profilenav ul {
background-color: #412f39;
font-size: 0.9em;
}
#pun-profile #viewprofile-next {
margin-top: 0;
padding-top: 3.5em;
background-color: #c1c1c1;
}
#pun-profile #profilenav li.isactive a {
color: white;
}
#pun-profile #profilenav li a{
display: block;
width: 98%;
height: 1em;
margin: -0.5em 0 0;
text-decoration: none;
padding: 0.3em 0.4em;
color: #c1c1c1;
border-bottom: 1px dotted #ec8bbb;
-moz-transition: background-color .3s ease-in;
-webkit-transition: background-color .3s ease-in;
-o-transition: background-color .3s ease-in;
transition: background-color .3s ease-in;
}
#pun-profile #profilenav li a:hover{
background-color: #9e6581;
color: #fff;
-moz-transition: background-color 0.01s;
-webkit-transition: background-color 0.01s;
-o-transition: background-color 0.01s;
transition: background-color 0.01s;
}
#pun-profile div.fs-box.inline p.inputfield {
margin: 1%;
}
#pun-profile .fs-box p {
margin-bottom: 0.5em;
}
#pun-profile #profile10 .tcl {
width: 8% !important;
}
#pun-profile #profile10 .tc2 {
width: 16% !important;
}
#pun-profile #profile10 .tc3 {
width: 13% !important;
}
#pun-profile #profile10 .tc3.checker{
width: 4% !important;
}
#pun-profile #profile10 .tcr {
width: 25% !important;
}
#pun-profile #filetable {
font-size: 0.8em;
}
#pun-profile #profile10 #filetable thead {
background-color: #ddd;
}
#pun-profile #profile10 .tcr input {
width: 97%;
}
#pun-profile #profile8 dl {
margin-left: -8em;
}
/** ТЕЛО ФОРУМА **/
/*цвет фона, шапка, оформление обычного текста*/
html {
color: #58404e;
font-family: "Roboto";
font-size: 1em;
background-color: #191417;
}
div#bground {
height: 100%;
width: 350px;
position: absolute;
top: 0;
right: 3%;
}
#bground {
background-image: url(/files/0018/58/2b/32861.png);
background-repeat: no-repeat;
position: relative;
top: 0;
left: 70%;
overflow: hidden;
background-position: -450px 0;
z-index: -1;
}
/* обводка форума */
div#pun_wrap {
margin-left: auto;
margin-right: auto;
margin-top: 50px;
margin-bottom: 70px;
border: 3px solid #79787e;
padding: 25px;
width: 86%;
max-width: 1100px;
}
/* фон под контент, категории */
.container {background-color: #c1c1c1; padding: 5px; margin: 0px;}
.category, #pun-stats {
background-color: #4f3945;
background-image: url(/files/0018/58/2b/32861.png);
background-repeat: no-repeat;
background-position: 0 -210px;
background-size: 70%;
margin: -20px 0px 20px 0px;
}
.category h2, #pun-stats h2 {
text-align: center;
font-size: 1.3em;
font-variant: small-caps;
font-weight: bold;
color: #c1c1c1;
padding: 0 0 0.1em 0;
}
#pun-main h1 span {
display: block;
width: 100%;
margin-top: 0;
text-align: center;
font-variant: small-caps;
font-size: 1.5em;
font-family: "Merriweather";
background-color: #c1c1c1;
}
/*оформление название форума*/
.forum-title {
background-color: #43313d;
padding: 0 2em;
height: 1.5em;
border-top: 1px solid #1d1d1d;
border-bottom: 1px solid #1d1d1d;
box-shadow: 0 3px 5px;
}
#pun-profile div#pun-title, #pun-edit div#pun-title {
background-color: transparent;
}
.forum-title a, .forum-title a:hover {
font-family: 'Roboto';
color: #c1c1c1;
text-decoration: none;
font-weight: bold;
}
#pun-index .tcl h3 {
text-transform: uppercase;
text-align: left;
padding: 0.1em 0 0.1em;
}
/* СПИСОК ПОЛЬЗОВАТЕЛЕЙ */
#pun-userlist .formal, #pun-userlist .formal .container {
border-bottom: none;
margin-bottom: 0;
}
#pun-userlist .usertable .container {
padding: 0 2.3em 2.3em 2.3em;
border-top: none;
}
#pun-userlist .usertable table, #pun-viewforum .forum table {
border-style: solid;
border-width: 1px;
}
#userlist>fieldset {
margin-top: 2em;
}
legend span, label {
font-family: 'Merriweather';
}
#pun-userlist th, #pun-viewforum .forum th, #messages table th {
background-color: #ddd;
}
#pun-userlist .fs-box p {
margin: 0 1% 0 1%;
}
#pun-userlist .usertable tr:nth-child(odd), #pun-viewforum .forum table tr:nth-child(odd), #messages table tr:nth-child(odd) {
background-color: #ccc;
}
#pun-userlist .usertable tr:nth-child(even), #pun-viewforum .forum table tr:nth-child(even), #messages table tr:nth-child(even) {
background-color: #c2c2c2;
}
#pun-userlist th.username {
width: 20%;
}
#pun-userlist th.title {
width: 30%;
}
#pun-userlist th.relation, #pun-userlist th.posts {
width: 10%;
}
#pun-userlist th.registered, #pun-userlist th.last_visit {
width: 15%;
}
/* РАЗДЕЛ АДМИНИСТРИРОВАНИЯ */
.adminmain {
padding-left: 0!important;
}
div.punbb-admin {
margin-left: 150px;
width: 75%;
}
#pun-admain1 .adcontainer {
width: 85%;
}
.punbb-admin #pun-navlinks {
left: 1em;
top: -10px;
}
/*ссылки QBoards*/
.admin-advert-block {
position: absolute;
left: 60px;
top: 140px;
}
.admin-advert-block a {
font-size: 0.75em;
text-decoration: none!important;
text-transform: uppercase;
color: #c2c1c2;
}
.admin-advert-block .admin-advert-block-buttons {
height: 20px!important;
margin-top: 10px!important;
}
.admin-advert-block .admin-advert-block-buttons * {
margin-top: 10px!important;
}
#html-header .adcontainer {
left: -9999px;
position: absolute;
}
.punbb-admin #pun-title {
top: 1em;
}
.punbb-admin #pun-status .container {
top: 0;
left: -1em;
}
.punbb-admin #pun-ulinks {
margin-top: -11em!important;
}
.punbb-admin li#navindex, .punbb-admin li#navuserlist, .punbb-admin li#navsearch, .punbb-admin li#navprofile, .punbb-admin li#navpm, .punbb-admin li#navadmin, .punbb-admin li#navlogout {
top: -80px;
position: absolute;
}
.punbb-admin li#navuserlist {
left: 30px;
}
.punbb-admin li#navsearch {
left: 60px;
}
.punbb-admin li#navprofile {
left: 90px;
}
.punbb-admin li#navpm {
left: 120px;
}
.punbb-admin li#navadmin {
left: 150px;
}
.punbb-admin li#navlogout {
left: 180px;
}
.punbb-admin div#pun-crumbs1 {
position: relative;
top: 200px;
}
#punbb-admin_index #pun-admain2.adformal {
position: relative;
top: 1em;
}*/
.punbb-admin .adformal h2, .punbb-admin .adformal h2 span {
background-color: #412f39;
}
.punbb-admin #pun-admain1 .adcontainer {
width: 98%;
color: #c1c1c1;
}
.punbb-admin .adinfofield a, .punbb-admin .adinfofield a:hover, .punbb-admin .adinput a, .punbb-admin .adinput a:hover {
color: #ec8bbb!important;
}
.punbb-admin div.linksb {
position: relative;
top: 14.6em;
border-bottom: 2px dashed #796370;;
}
.punbb-admin div#pun-crumbs2 {
position: relative;
top: 15.07em;
height: 3em;
}
.punbb-admin #pun-about {
position: absolute;
top: 6em;
}
.punbb-admin h2 span {
color: #fff!important;
}
.punbb-admin .adcontainer fieldset legend span {
width: 600px;
display: block;
}
#pun-admain fieldset p {
background-color: transparent!important;
color: #c1c1c1!important;
border-color: transparent!important;
}
#pun-admain .adformal {
border-style: none none none none!important;
top: 220px;
position: relative;
}
#pun-admain span#descLength {
color: #ec8bbb!important;
}
.punbb-admin textarea::-webkit-scrollbar {
width: 12px; /* ширина всей полосы прокрутки */
}
.punbb-admin textarea
.punbb-admin textarea::-webkit-scrollbar-track {
background: #2e2329; /* цвет зоны отслеживания */
}
::-webkit-scrollbar-thumb {
background-color: #603b4d; /* цвет бегунка */
border-radius: 20px; /* округлось бегунка */
border: 1px solid #553648; /* отступ вокруг бегунка */
}
.punbb-admin input.button, #pun-admin_users input[type='submit'] {
background-color: #785569;
}
.punbb-admin .sortable span input[type="text"] {
width: 95%;
}
.punbb-admin div#pun-admain2 {
width: 100%;
}
.punbb-admin #pun-admain1 table.adcontainer {
width: 100%;
}
.punbb-admin #pun-admain1 table.adcontainer thead {
color: black;
border-color: transparent!important;
}
.punbb-admin #pun-admain1 table.adcontainer td,
#pun-admin_paid_services #pun-admain3 table.adcontainer td,
#pun-admin_pages #pun-admain2 table.adcontainer td,
#pun-admin_files #pun-admain1 table#filetable td {
border-color: #464646;
padding: 0.3em 1em;
}
.punbb-admin .linksb .pagelink a, .punbb-admin .linksb .pagelink a:hover,
.punbb-admin .linksb .postlink a, .punbb-admin .linksb .postlink a:hover,
.punbb-admin span.adlabel a, .punbb-admin span.adlabel a:hover {
color: #b54a7f!important;
}
.punbb-admin #pun-admain1 table.adcontainer td a, .punbb-admin #pun-admain1 table.adcontainer td a:hover,
.punbb-admin #pun-admain2 table.adcontainer td a, .punbb-admin #pun-admain2 table.adcontainer td a:hover,
.punbb-admin .page-container a, .punbb-admin .page-container a:hover, a#award-create, a#award-create:hover,
#pun-admin_files table#filetable a, #pun-admin_files table#filetable a:hover {
color: #ec8bbb!important;
}
.punbb-admin #pun-admain1 table.adcontainer tbody tr:nth-child(odd),
#pun-admin_paid_services #pun-admain3 table.adcontainer tbody tr:nth-child(odd),
#pun-admin_pages #pun-admain2 table.adcontainer tbody tr:nth-child(odd),
#pun-admin_files #pun-admain1 table#filetable tbody tr:nth-child(odd) {
background-color: #3a3a3a;
}
.punbb-admin #pun-admain1 table.adcontainer tbody tr:nth-child(even),
#pun-admin_paid_services #pun-admain3 table.adcontainer tbody tr:nth-child(even),
#pun-admin_pages #pun-admain2 table.adcontainer tbody tr:nth-child(even),
#pun-admin_files #pun-admain1 table#filetable tbody tr:nth-child(even) {
background-color: #222;
}
#pun-admin_paid_services #pun-admain3 table.adcontainer tbody tr:last-child {
background-color: #622945;
}
.punbb-admin span select {
width: 300px;
}
.punbb-admin #o-essentials input[type="text"] {
width: 95%!important;
}
#pun-admin_options span.adinput {
width: 80%;
}
#pun-admin_users span.adinput input[type='text'], #pun-admin_users span.adinput input[type='password'] {
width: 300px;
}
#pun-admin_users span.adinput select {
width: 318px;
}
.punbb-admin .ace_editor {
height: 350px!important;
border-radius: 10px;
}
#pun-admin_forms textarea {
height: 200px;
}
#pun-admin_forms textarea[name="form[o_additional_navlinks]"]{
height: 90px;
}
#pun-admin_bans div.adcontainer p.adinfofield {
color: #c1c1c1;
margin-bottom: 2em;
}
#pun-admin_index #pun-admain1 table.adcontainer tbody tr:nth-child(odd) {
background-color: transparent!important;
}
#pun-admin_index #pun-admain1 table.adcontainer tbody tr:nth-child(even) {
background-color: transparent!important;
}
#pun-message .info div.container {
padding: 0 20em;
color: red;
}
#pun-admin_categories #pun-admain1 fieldset + fieldset p:last-child .adinput {
display: block;
}
.punbb-admin span#mail-message-preview {
background-color: #412f39;
border-radius: 10px;
}
#pun-admain table {
width: 100%!important;
}
#pun-admain table tbody {
color: #c1c1c1;
}
#pun-admin_index #pun-admain2.adformal {
top: 0;
}
#pun-admin_paid_services #pun-admain1 h2 {
margin-top: 2em;
}
#pun-admin_paid_services div.linksb {
top: 0;
}
#pun-admin_paid_services div#pun-admain2.adformal {
top: 0;
}
#pun-admin_pages .pagelink {
color: #c1c1c1;
}
#pun-admain .adcontainer td {
border-width: 0 0 0 0!important;
/*border-color: #ddd;*/
}
tags.tagify.tagify--select.tag-filter.tagify--noTags.tagify--empty {
background-color: #c1c1c1;
color: #fff;
width: 15em;
}
#pun-admain select#page-select {
width: 5em;
}
/** НАЗВАНИЕ ФОРУМА, ЛОГОТИП**/
#pun-title {
width: 500px;
height: 6em;
position: relative;
top: -100px;
left: 50%;
overflow: hidden;
background: url(/files/0018/58/2b/32861.png) no-repeat; /*фон под названием*/
background-position: 30px -80px;
padding-top: 2em;
}
#pun-title .title-logo {
display: block !important;
}
h1.title-logo span {font-family: "Cinzel Decorative"!important;
font-size: 4em!important;
color: #c2c1c2;
text-shadow: 0px 5px 5px rgba(0, 0, 0, 0.75);
}
h1.title-logo:first-letter {
color: #523444;
}
#pun-title {
}
#pun-title h1 {
display : none;
}
#pun-title .container {
border-style: none solid none solid;
}
#pun-title td.title-logo-tdl, #pun-title table, #pun-title td.title-logo-tdr {
width: auto;
height: auto;
}
#pun-title table {border: none;}
#pun-title td.title-logo-tdl {border: none;}
#pun-title td.title-logo-tdr {border: none; position: absolute;}
Поделиться313.03.2023 10:37:32
@import url(style_cs.css); @import url('https://fonts.googleapis.com/css2?family=Cinzel+Decorative&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Raleway:wght@100&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@100&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Inter:wght@100&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@1,300&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Lora:ital@0;1&display=swap'); .category thead{ display: none; } .category tr{ display: flex; } .category tr .tcl{ flex-basis: 70%; } .category .forum-title { float: left; width: 30% } .category .subforums { float: left; height: 100px; width: 100% } div.forop { position: relative; left: 2em; height: 120px; } /*БАЗОВЫЕ НАСТРОЙКИ */ html, body {margin: 0; padding: 0} .punbb * {margin: 0} .punbb { float: left; width: 100%; height: auto; min-width: 800px; } .punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt { padding: 0; list-style: none; } div#pun-main { background-color: #c1c1c1; } /* корректировка фона у рекламы*/ #pun-break2+div.section, #pun-stats+div.section, #pun-viewforum div.section:nth-child(6n), #pun-userlist div.section:nth-child(6n), #pun-search div.section:nth-child(6n), #pun-profile div.section:nth-child(6n+1), #pun-messages div.section:nth-child(5n-1), #pun-edit div.section:nth-child(6n+1) { background-color: #c1c1c1; } #pun-break2+div.section { margin-top: -1.1em; } #pun-stats+div.section { margin-top: -1.3em; } /* шрифты */ body {font-size: 1em;} .punbb textarea, .punbb input, .punbb select, .punbb optgroup { font: 1em verdana, arial, helvetica, sans-serif; } .punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th { font-size: 1em; font-weight: normal; } .punbb textarea, .punbb input, .punbb select, .punbb optgroup { font: 1em roboto, verdana, arial, helvetica, sans-serif; background-color: #a5a0a0; border-radius: 10px; color: #f5f5f5; padding: 0 0.5em 0.2em 0.5em; } .punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th { font-size: 1em; font-weight: normal; } .punbb h1 span, .punbb h2 span, .punbb legend span { font-size: 1.1em; } .punbb pre { font: 1.1em/140% monaco, "bitstream vera sans mono", "courier new", courier, monospace; } #pun-crumbs1 em:first-child, #pun-crumbs2 em:first-child { margin-left: 1em; } #pun-crumbs1 em, #pun-crumbs2 em { text-align: right; display: inline-block; width: 1em; height: 1em; background-color: #553648; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; margin: 10px 10px; box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.50); margin-left: 2em; } .punbb .post-content em { font-style: italic; } .punbb .post-content em.bbuline { font-style: normal; text-decoration: underline; } .punbb a, .punbb a:hover { text-decoration: none; color: #8e0f4c; font-weight: bold; font-variant: small-caps; } .punbb optgroup { font-weight: bold; } /* отступы первопост и т.п.*/ .punbb #pun-category1, .punbb .toppost, .punbb .topicpost { margin-top: 0; } /* отступы в топиках*/ #pun-post .topic { margin-top: 1em; } /* вид картинок */ .punbb img {border: none; max-width: 100%; } /*вид табличных данных на всех страницах */ .punbb .main table {table-layout: fixed; width: 100%; } /*элементы форм*/ .checkfield input[type="checkbox"], .radiofield input[type="radio"] { margin: 0 0.3em;} p[class="checkfield"] *, div[class="checkfield"] *, fieldset[class="radiofield"] * { height: 1.8em; vertical-align: middle; } /* скрытие элементов, коррекция */ /*плавающая запятая*/ #pun:after, .punbb .container:after, .punbb .post-links ul:after, .punbb .main div.inline:after, .punbb .post-box:after, .punbb .linksb:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; overflow:hidden; line-height: 0.0; font-size: 0; } .acchide, #pun-index #pun-main h1, #pun-navlinks h2, #pun-pagelinks h2, #pun-status h2, #pun-ulinks h2, .punbb .forum h2, .punbb .multipage .topic h2, .punbb dl.post-sig dt span, .punbb p.crumbs strong, .punbb .divider hr, .punbb .required label em, .punbb .formsubmit label, .punbb .submitfield label, .punbb .modmenu label, #pun-userlist .main h2 { font-size: 0; height: 0; width: 0; line-height: 0.0; position:absolute; left: -9999px; overflow: hidden; } /* сигнатуры, контент */ .punbb .post-content { padding: 0; margin: 0; width: 100%; overflow: hidden; } .punbb .post-sig dt { display: block; margin: 5px 0; } .punbb .post-content p { margin: 0; padding: 0 0 1em 0; line-height: 150%; } .punbb .post-content img { vertical-align: text-bottom; } .punbb .post-content img.postimg { vertical-align: middle; } .punbb .post-content .blockcode, .punbb .post-content blockquote { width: 797px; overflow: hidden; } .punbb .post-content .scrollbox { width: 100%; overflow: auto; } /* ЭЛЕМЕНТЫ СТРАНИЦ */ /* ПРИВЕТСТВИЕ */ /*ШАПОЧНАЯ ТАБЛИЦА, ОТОБРАЖАЕТСЯ ВЕЗДЕ, НЕ ОТКЛЮЧАЕМАЯ*/ div#hello { height: 100px; width: 320px; position: relative; top: 0; text-align: center; left: 0; color: #c1c1c1; } #hello h1 { font-weight: bold; padding-bottom: 0.3em; } #hello a, #hello a:active, #hello a:hover { font-weight: bolder; color: #d9d9d9; text-decoration: none; } div#htext { border: 1px solid #523444; width: 100%; height: 90%; overflow: auto; padding: 0.6em; font-size: 0.75em; } div#htext::-webkit-scrollbar { width: 12px; /* ширина всей полосы прокрутки */ } div#htext::-webkit-scrollbar-track { background: #2e2329; /* цвет зоны отслеживания */ } div#htext::-webkit-scrollbar-thumb { background-color: #603b4d; /* цвет бегунка */ border-radius: 20px; /* округлось бегунка */ border: 1px solid #553648; /* отступ вокруг бегунка */ } /*ОБЪЯВЛЕНИЕ, ОТКЛЮЧАЕМОЕ*/ #pun-announcement { height: 4.5em; } #pun-announcement h2 { display: none; } div.minidiv { display: inline-grid; width: 15%; height: 3em; margin: 0 2%; color: #c1c1c1; font-size: 0.8em; background: #533243; border: 1px solid #553648; padding: 0.2em; } .minidiv hr { color: #7a5869; /*для IE */ background-color:#7a5869; /*для Firefox, Opera, Safari*/ width: 60%; margin-left: 20%; border:0px none; height:1px; /* высота 1px IE, Firefox, Opera, Safari */ clear:both; /* для очистки, если тег идет после float елемента */ } #pun-status .container { text-align: center; color: #9e6581; width: 75%; position: absolute; top: 30px; background-color: transparent; } #pun-status a, #pun-status a:hover { color: #998b92; } #pun-status, #pun-status .container { border: none; margin: 2px 0; } #pun-status span { white-space: nowrap; margin-right: 5em; } #pun-crumbs1 { border: none; overflow: hidden; } #pun-crumbs1 p.container { border: none; border-top: none; padding: .5em; font-size: 1.1em; } #pun-break1 { border-style: none; border-width: 0; height: 0; margin: -2px 1em; position: relative; z-index: 1; } /* ОБЪЯВЛЕНИЕ */ div#pun-announcement { background-color: #c1c1c1; margin-top: 0.5em; border-bottom: 2px dashed #796370; text-align: center; } #pun-announcement h2 { padding: 0; margin: 0 1em -3.5em 1em; border:none; position: relative; font-weight: bold; background:transparent; } #pun-announcement h2 span { display: block; padding: 1em 0 0.8em 0; border:none; background:transparent; } #pun-announcement .container { padding: 1em; background:transparent; } /* ПРОФИЛЬ */ #pun-profile #profile .container { padding-left: 18.6em; } #pun-profile #profilenav { display: inline; } #pun-profile #profilenav ul { width: 45%; float: left; } #pun-profile #profilenav li { margin-left: 0.9em; } #pun-profile form#messages { clear: both; margin-top: 3em; border: 1px solid #ccc; width: 1066px; } #pun-profile form#messages legend { text-align: center; padding-top: 1em; } #pun-profile #profilenav li { width: 15%; font-weight: bold; display: inline; } #pun-profile #viewprofile ul { padding: 1em; } #pun-profile #viewprofile h2, #pun-profile #profilenav h2 { background: transparent; border: none; padding: 0 0 0 0; margin: 0 14px -0.6em 14px; font-size: 0; } #pun-profile #viewprofile h2 span, #pun-profile #profilenav h2 span { padding: 0 5px; position: relative; } #pun-profile #viewprofile li, #pun-profile #setmods dl { padding: 0 0 0 16em; margin-bottom: 0.2em; } #pun-profile #viewprofile li span { float: left; width: 14em; margin-left: -16em; padding: 0.5em 1em; font-weight: bold; } #pun-profile #setmods dt { float: left; width: 14em; margin-left: -16em; padding: 0.8em 1em; font-weight: bold; display: inline; } #pun-profile #viewprofile li strong, #pun-profile #viewprofile li div, #pun-profile #setmods dd { display: block; padding: 0.5em 1em; font-weight: normal; } .punbb img.avatardemo { float: right; margin: 0 0 0.8em 1.8em; } /*ПАНЕЛЬ ЗАКЛАДОК*/ #BookmCntToggle { color: #b3628d!important; } #MyBookmarks h2, #MyBookmarks h1, .editBookmark h2 { color: #c1c1c1; font-variant: all-small-caps; background-color: #432938; font-family: "Merriweather"; font-weight: bold; } #MyBookmarks h2 { margin-left: 0; } span.deS { color: #432938; font-family: "Roboto"; } span.deS::first-line { font-family: "Merriweather"; color: #432938; } #MyBookmarks h2 strong { margin-left: 0.3em!important; } /* ОКНА СООБЩЕНИЙ */ #pun-messages #profile .container { padding-left: 1em; } #pun-messages .info .container { padding: 0.8em 1em } #pun-messages .info .container .backlink { padding-top: 0.8em; } /* ИНФОРМАЦИОННЫЕ ПОЛЯ */ .punbb .info-box { padding: 1.1em 1.7em 1em 1.7em; border-style: solid; border-width: 1px; margin: 0 0 1.1em 0; } .punbb .info-box * { padding: 0 0 0.7em 0; } .punbb #pun-main .info-box .legend { font-size: 1.1em; font-weight: bold; } /* МАКЕТ ФОРМЫ*/ /*.punbb .formal .container { padding: 1.7em 2.3em 1.1em 2.3em; }*/ .punbb .formsubmit { padding: 0 0 0 1.7em; margin: 1em 0 0 0; } .punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span { margin: 0 0.6em 0 0 } .punbb fieldset { border-style: solid; border-width: 1px; padding: 0 18px 0 18px; } .punbb fieldset legend { padding: 0; margin: 0 0 0 11px; font-size: 1em; } .punbb fieldset legend span { padding: 0 5px; margin: 0 0 0 -15px; } .punbb fieldset fieldset { border-style: none; margin: 0; padding: 0 0 8px 0; } .punbb .fs-box { padding: 1em 0 0.8em 0; } .punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield { float: left; } .punbb .inline .infofield { clear:both; } .punbb .datafield br { display: none; } .punbb .required label, .punbb .datafield span.input { font-weight: bold; } .punbb .datafield span.input a { font-weight: normal; } .punbb .areafield span.input, .punbb p.longinput span.input { display: block; padding: 0 12em 0 0; height: 100%; /* For IE */ } .punbb textarea, .punbb .longinput input { width: 64%; margin: 0; } .punbb .hashelp { position: relative; } .punbb .helplinks { display: block; position: absolute; top: 1em; right: 0; font-weight: normal; width: 36%; } .punbb #profile .helplinks { top: 1.5em; } .punbb .helplinks span { display: block; padding-bottom: 0.2em; } #pun-post .formal .info-box li { padding-left: 4px; list-style-type: square; list-style-position: inside; line-height: 1.5; margin: 0; } /* СТРУКТУРА ТАБЛИЦЫ */ .punbb .main .tcl { overflow: hidden; text-align: left; width: 45%; } .punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod { text-align: center; width: 10%; } .punbb .main .tcr { overflow: hidden; text-align: right; width: 32%; } #pun-searchtopics .main .tcl, #pun-modviewforum .main .tcl { width: 40%; } #pun-searchtopics .main .tc2 { text-align: center; width: 20%; } #pun-debug table .tcl { width: 15%; white-space:normal; } #pun-debug .tcr { width: 90%; white-space: normal; } .punbb td span.youposted { font-weight: bold; margin-left: -1em; position: absolute; } .punbb td .modlist { display: block; padding: 0 0 1em 3em; } .punbb .main td { padding: 8px 10px; /* для ячеек таблицы */ } .punbb .main th { padding: 5px 10px; /* для заголовка таблицы (где надписи "форум", "тем", "сообщений") */ } .punbb .main .tcl { border-left-style: none; border-left-width: 0; } .punbb tbody.hasicon td.tcl { /*отступы в форумных таблицах*/ padding: 2em; } .punbb div.icon { } .punbb table div.icon { } /* ТОПИКИ */ .punbb .post h3 { border-style: none; border-width: 1px; width: 100%; } .punbb .post h3 span { padding: 0.2em 1em; display: block; margin-left: 290px; border-left-style: none; border-left-width: 1px; } .punbb .post h3 strong { float: right; width: 5em; text-align: right; font-weight: normal; } .punbb .post .post-author { float: left; width: 220px; overflow: hidden; text-align: center; } .punbb .post .post-author ul, .punbb .post .post-author p { /*padding: 0 1em 1em 1em;*/ line-height: 140%; } .pa-author { font-size: 1.1em; font-weight: bold; height: 23px; line-height: 150%; } .pa-author a { text-decoration: none; } li.pa-title { padding-bottom: 0.4em; font-weight: bold; } .punbb .post-body { margin-left: 14em; border-left-style: solid; border-left-width: 1px; border-color: #c7c7c7; padding: 0 0 1px 0; } .punbb .post-box { padding: 1em; } .punbb fieldset .post-box { margin-bottom: 0.8em } .punbb .post-links { margin-left: 19em; } .punbb .post-links ul { padding: 1em; margin-left: -19em; border-bottom-style: dotted; border-bottom-width: 2px; text-align: right; margin-bottom: 0.5em; } .punbb .post-links li { display: inline; padding-left: 1em; } .pl-email, .pl-website { float: left; } .punbb .clearer { clear: both; height: 0; font-size: 0; } .reactions-root {display: none;} /*ПОСТЫ*/ /*маркировка*/ .post-content .highlight-text { background-color: rgb(135, 87, 108, .5)!important; } .post-box hr { border: 1px solid #892a2a; box-shadow: 0 0 2px #462929; } .post-box .lastedit { font-size: 11px; color:#e7e6e6; } .post-box .code-box, .post-box .blockcode, .post-box .quote-box, .post-box blockquote { border-radius: 15px; } .post-box .code-box, .post-box .blockcode, .post-box .quote-box, .post-box blockquote { border: 1px solid #c1c1c1; } .post-box .code-box { background-color: #bb7c7c; } .post-box .blockcode, .post-box blockquote { background-color: #c1c1c1; padding: 4px 15px; margin: 1px; } .post-box strong { padding-left: 15px; } .post-box .quote-box { background-color: #8f7e85; margin: 0.5em 0; } .post-box .quote-box cite { padding-left: 15px; } .post-box .quote-box.hide-box { background-color: #662d45; } .post-box .spoiler-box, .post-box .quote-box cite { color: #ccc; } .post-box .spoiler-box p { color: #58404e; } .post-box .spoiler-box { background-color: #60555a; } .post-box .spoiler-box.media-box { background-color: #75687e; } .post h3 { background-color: #533243; border-radius: 15px 15px 0 0; height: 1.6em; box-shadow: 0 0 5px 0 #1c1b1b; /*margin-bottom: 0.5em;*/ } .post div.container { border-top-style: dotted; border-top-width: 2px; } .post { background-color: #c1c1c1; } .post h3 a, .post h3 a:hover { color: #ccc; } /* опросы */ .areafield.required { margin-top: 0.5em; } /* СТАТИСТИКА */ #pun-stats .container { padding: 1em 3em; } #pun-stats li.item1, #pun-stats li.item2 { float: left; clear: both; line-height: 150%; } #pun-stats li.item3, #pun-stats li.item4 { text-align: right; line-height: 150%; } li#onlinelist { margin-top: 1em; border: none; float: left; width: 100%; line-height: 130%; } /* COPYRIGHT*/ div#copyright { width: 100%; position: relative; bottom: -100px; font-size: 0.8em; } #copyright a, #copyright a:hover { color: #998b92; } /*СПРАВОЧНЫЙ ФАЙЛ*/ #pun-help .formal .info-box h3.legend { border-bottom-style: solid; border-bottom-width: 1px; padding-bottom: 0; margin-bottom: 0.8em; } #pun-help .formal .info-box h3.legend span { padding-bottom: 0.6em; display: block; border-bottom-style: solid; border-bottom-width: 1px; font-size: 1.1em; } #pun-help .formal p, #pun-help .formal dd { margin-bottom: 1em; } #pun-help .formal ul, #pun-help .formal dl { padding: 0 0 0 1em; } #pun-help .formal li { padding: 0; line-height: 130%; } #pun-help .formal li * { vertical-align: text-top; } #pun-help .formal dt span { font: 1.4em/120% monaco, "bitstream vera sans mono", "courier new", courier, monospace; } #pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode { padding-bottom: 0; } /* НАВИГАЦИЯ */ /** КНОПКИ ВВЕРХ-ВНИЗ**/ .upDown { display:none; position: fixed; /*позиционируем*/ right: calc(10px); /*указываем положение, если слева - left*/ z-index:9999; /*показываем поверх все элементов на странице*/ cursor:pointer; opacity:0.7; /*прозрачность*/ } .upDown { width: 20px; height: 20px; box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.75); /* Rotate */ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); /* Rotate Origin */ -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; margin: 60px 0 10px 310px; } #ToTop { bottom:65px; /*положение от низа окна браузера верхняя кнопка*/ background: #796370; } #OnBottom { bottom:25px; /*положение от низа окна браузера нижняя кнопка кнопка*/ background: #553648; } .upDown:hover,.go-up:hover { opacity:1; } /* ГЛАВНОЕ МЕНЮ */ #pun-navlinks { position: relative; top: -15em; left: -55px; width: 30px; } #pun-navlinks .container { border: none; background-color: transparent; margin: 0; text-align: center; } #pun-navlinks li { display: block; overflow: hidden; text-indent:-9999px; height: 25px; width: 25px; margin: 2px; background: url(/files/0018/58/2b/86923.png) no-repeat; /*фоновая картинка*/ } li#navindex {background-position: -2px;} li#navuserlist{background-position: -32px;} li#navsearch{background-position: -62px;} li#navprofile{background-position: -92px;} li#navpm{background-position: -122px;} li#navadmin{background-position: -152px;} li#navregister{background-position: -242px;} li#navlogin{background-position: -182px;} li#navlogout{background-position: -182px;} li#navpr_1 {background-position: -212px;} #pun-navlinks li a { font-size: 1.1em; display: block; height: 100%; } #pun-navlinks li:nth-child(odd) { filter: grayscale(100%); -webkit-filter: grayscale(100%); } /* ПОЛЬЗОВАТЕЛЬСКОЕ МЕНЮ */ #pun-ulinks { margin-top: -12em; position: relative; border: none; width: 90%; } #pun-ulinks .container { margin-left: auto; margin-right: auto; text-align: center; background-color: transparent!important; position: relative; border: none; text-align: center; width: 90%; } #pun-ulinks li, #pun-ulinks li a { display: inline; border: none; white-space: nowrap; } #pun-ulinks li a { padding: 0 0.3em 0 0.6em; } #pun-ulinks a, #pun-status .item4 a { margin: 0 1% 0 1%; letter-spacing: -0.01em; text-transform: uppercase; text-decoration: none; font-size: 0.7em; } #pun-ulinks a { color: #7A5869; font-weight: bold; } #pun-status .item4 a { color: #c1c1c1; } #pun-ulinks li.item1, #pun-ulinks li.item1 a { border-left-style: none; border-left-width: 0; padding-left: 0; } /* МЕНЮ МОДЕРАТОРА */ .punbb .modmenu .container { padding: 0.5em 1em; text-align: right; } .punbb .modmenu strong, .punbb .modmenu a { height: 1.8em; line-height: 1.8em; } .punbb .modmenu .container strong { float: left; } .punbb .modmenu input { margin-left: 1em; } /* МЕНЮ АДМИНИСТРИРОВАНИЯ */ #pun-adnav h2 { text-align: center; color: #fff; background-color: #333; } #pun-admain #pun-adnav, #html-header #pun-adnav { width: 150px; position: fixed; background-color: #412f39; top: 0; left: 0; font-size: 0.75em; margin-left: 0; text-transform: uppercase; z-index: 9999!important; } #pun-admain .adcontainer, #pun-adnav .adcontainer { border: none; width: 98%; } #pun-admain sup.new { display: none; } #pun-admain #pun-adnav li, #pun-adnav li { padding: 0 1em; } #pun-admain #pun-adnav li a, #pun-adnav li a { display: block; width: 98%; text-decoration: none; color: #c2c1c2; padding: 0.3em 0.4em; border-bottom: 1px dotted #ec8bbb; -moz-transition: background-color .3s ease-in; -webkit-transition: background-color .3s ease-in; -o-transition: background-color .3s ease-in; transition: background-color .3s ease-in; } #pun-admain #pun-adnav li a:hover, #pun-adnav li a:hover { background-color: #9e6581; color: #fff; -moz-transition: background-color 0.01s; -webkit-transition: background-color 0.01s; -o-transition: background-color 0.01s; transition: background-color 0.01s; } #pun-admain .item-forms:before, #pun-admain .item6:before, #pun-admain .item7:before, #pun-admain .item20:before { content: '>'; float: right; font-size: 1.4em; } #pun-admain .item-forms:before, #pun-admain .item6:before, #pun-admain .item7:before, #pun-admain .item20:before { color: #000; } #pun-admain .isactive.item-forms:before, #pun-admain .isactive.item6:before, #pun-admain .isactive.item7:before, #pun-admain .isactive.item20:before { color: #c2c1c2; } #adnav-standard li.isactive { background-color: rgba(123,88,107,0.3)!important; } #pun-adnav ul.adsubnav { display: block!important; list-style:none; position:absolute; left:-9999px; opacity:0; -webkit-transition:0.25s linear opacity; /* В Webkit пункты проявляются */ } #pun-adnav li:hover ul.adsubnav { /* Выводим выпадающий пункт при наведении курсора */ left:140px; /* Приносим его обратно на экран, когда нужно */ opacity:1; /* Делаем непрозрачным */ width: 170px; background-color: #412f39; font-size: 0.75em; margin-left: 0.8em; margin-top: -2.2em; text-transform: uppercase; } #pun-adnav li:hover ul.adsubnav { position: absolute; } #pun-adnav ul.adsubnav li { list-style: none!important; font-size: 1.4em; } /*ФОРМА ОТВЕТА ГОРИЗОНТАЛЬНОЕ МЕНЮ*/ #post-form h2 { background-color: #43313d; padding: 0 2em; height: 1.5em; border-top: 1px solid #1d1d1d; border-bottom: 1px solid #1d1d1d; font-family: 'Roboto'; color: #c1c1c1; text-decoration: none; font-weight: bold; } #form-buttons tr td { border-radius: 10px; -moz-transition: background-color .3s ease-in; -webkit-transition: background-color .3s ease-in; -o-transition: background-color .3s ease-in; transition: background-color .3s ease-in; } #form-buttons tr td:hover{ background-color: #9e6581; color: #fff; border-radius: 10px; -moz-transition: background-color 0.01s; -webkit-transition: background-color 0.01s; -o-transition: background-color 0.01s; transition: background-color 0.01s; } #form-buttons td#button-files_rusff {display: none!important;} /*ФОРМА ОТВЕТА НИСПАДАЮЩЕЕ МЕНЮ*/ #tags #font-area, #tags #size-area, #tags #addition-area { background-color: #412f39; } #tags #font-area div, #tags #size-area div, #tags #addition-area div { display: block; width: 100%; height: 1.2em; margin: 0; padding-bottom: 0.1em; text-decoration: none; padding: 0.1em 0.em; color: #c1c1c1; border-bottom: 1px dotted #ec8bbb; -moz-transition: background-color .3s ease-in; -webkit-transition: background-color .3s ease-in; -o-transition: background-color .3s ease-in; transition: background-color .3s ease-in; } #tags #font-area div:hover, #tags #size-area div:hover, #tags #addition-area div:hover { background-color: #9e6581; color: #fff; -moz-transition: background-color 0.01s; -webkit-transition: background-color 0.01s; -o-transition: background-color 0.01s; transition: background-color 0.01s; } /* профиль в топике */ .post-author { font-size: 0.8em; } .pa-author { font-size: 0.9em; font-family: math; } .post-author { position: relative; top: -2.3em; } .post-author li.pa-author { background-color: rgb(157, 157, 157, .6); border-radius: 15px 15px 0 0; height: 1.5em; width: 200px; padding-top: 0.2em; font-size: 1.1em; } .post-author.online li.pa-author { background-color: rgb(217, 171, 171, .6); } .post-author li { background-color: #ffffff36; } .post-author li.pa-title, .post-author li.pa-avatar, .post-author li.pa-reg, .post-author li.pa-invites, .post-author li.pa-posts, .post-author li.pa-respect, .post-author li.pa-positive, .post-author li.pa-time-visit, .post-author li.pa-last-visit, .post-author li.pa-ip, .post-author li.pa-online { border-left: 1px solid #523343; border-right: 1px solid #523343; width: 198px; } .post-author li.pa-gifts { display: none; } .post-author li.pa-respect, .post-author li.pa-online { border-radius: 0 0 15px 15px; border-bottom: 1px solid #523343; border-left: 1px solid #523343; border-right: 1px solid #523343; } .post-author li.pa-online { width: 170px; margin-left: 15px; background-color: rgb(136, 73, 105, .6); font-size: 11px; } .post-author li.pa-avatar img { border-radius: 15px; border: 1px solid #523343; } /* ФОРМА ОТВЕТА, ТЕСТОВАЯ ОБЛАСТЬ*/ textarea#main-reply { width: 97%; padding: 1em; } #profile textarea#main-reply { width: 95%; } #video-area-tinp, #image-area-tinp { border-color: #c1c1c1!important; width: 98%; } .resizable-textarea #video-area-tinp { width: 97.5%; } div#load-image-container{ position: relative; top: 0.1em; width: 80%; right: -20%; } #table-area td { background-color: #c1c1c1!important; } #table-area td.selected { background-color: #ec8bbb!important; } #tags #spoiler-area, #tags #image-area, #tags #video-area, #tags #color-area, #tags #table-area, #tags #smilies-area, #tags #keyboard-area { background-color: #412f39; color: #c1c1c1; right: 6em; text-align: center; } #tags #spoiler-area a, #tags #image-area a, #tags #video-area a { color: #fff; right: 6em; } #tags #color-area { padding: 0; } /*КОРРЕКТИРОВКА ФОРМЫ ОТВЕТА ДЛЯ ГОСТЕЙ*/ #form-buttons+#tags+p.inputfield { margin-bottom: 0.5em; } /*КОРРЕКТИРОВКА ФОРМЫ ОТВЕТА В ПРОФИЛЕ */ #profile #form-buttons+#tags #font-area, #profile #form-buttons+#tags #size-area, #profile #form-buttons+#tags #spoiler-area, #profile #form-buttons+#tags #image-area, #profile #form-buttons+#tags #video-area, #profile #form-buttons+#tags #table-area, #profile #form-buttons+#tags #smilies-area, #profile #form-buttons+#tags #keyboard-area {padding: 0.3em} /* ВИРТУАЛЬНАЯ КЛАВИАТУРА */ #keyboard-area input[type="button"] { color: #525252; -moz-transition: background-color .3s ease-in; -webkit-transition: background-color .3s ease-in; -o-transition: background-color .3s ease-in; transition: background-color .3s ease-in; } #keyboard-area input[type="button"]:hover{ background-color: #9e6581; color: #fff; -moz-transition: background-color 0.01s; -webkit-transition: background-color 0.01s; -o-transition: background-color 0.01s; transition: background-color 0.01s; } /* ПОСТРАНИЧНАЯ НАВИГАЦИЯ*/ .punbb .linkst { position: relative; width: 100%; font-size: 1.1em; height: 2.5em; } .linkst .pagelink, .linksb .pagelink { padding-left: 30px; width: 24em; text-align: left; background-color: #c1c1c1; } .linkst .postlink { position: absolute; right: 1em; width: 16em; text-align: right; font-weight: bold; } .punbb .linksb { text-align: right; padding: 0.4em 1em 0.5em 1em; font-size: 1.1em; background-color: #c1c1c1; } .linksb .postlink { float: right; width: 16em; font-weight: bold; } .subscribelink { clear:both; padding-top: 2em; } /* НАВИГАЦИЯ ПО СТРАНИЦАМ */ #pun-pagelinks { position: absolute; top: -15px; left: 0; margin: 0; border: none; padding: 0; width: 100%; } #pun-pagelinks .container { background: transparent; border: none; padding: 0} #pun-pagelinks .container li { display: inline; } #pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover { height: 2em; line-height: 2em; padding: 0; font-size: 1.2em; margin-left: -9999px; display: block; float:left; width: 100%; } #pun-pagelinks a:active, #pun-pagelinks a:focus { position:relative; margin: 0; } #pun-pagelinks li a span { display:block; margin: 0 1em; } /* БЫСТРЫЙ ПРЫЖОК - О - ..*/ #pun-qjump { margin: 0; border: none; width: 50%; position: relative; float: left; } #pun-qjump .container { border: none; background: transparent; padding: 0.8em 1em; } #pun-about { position: absolute; margin-top: 2.2em; margin-left: 750px; } #pun-about .container { border: none; text-align: right; line-height: 150%; padding: 0.8em 1em; background-color: transparent; } #pun-about p span { display:block; padding-left: 50%; } #pun-about a, #pun-about a:hover { color: #c1c1c1; } #pun-crumbs2 { font-weight: bold; overflow: hidden; margin-bottom: 0; border: none; } #pun-crumbs2 .container { border: none; padding: 0.8em 1em; font-size: 1.1em; } /*СТРАНИЦЫ*/ /** СТРАНИЦА ПЕРЕАДРЕСАЦИИ **/ #pun-redirect div#pun-main { background-color: transparent; } div#pun-redirect { background-image: url(/files/0018/58/2b/32861.png); background-repeat: no-repeat; background-position-x: 100%; background-size: contain; background-color: transparent; height: 300px; width: 55%; margin-left: 20%; margin-top: 15%; border: 3px solid; } #pun-redirect h1 { padding: 70px 40px; font-family: "Merriweather"; } #pun-redirect h1 span { margin-top: 1em!important; color: #c1c1c1; background-color: transparent!important; } #pun-redirect div.container { background-color: transparent; margin-left: 5%; width: 50%; } #pun-redirect a, #pun-redirect a:hover { color: #c2c1c2; text-decoration: none; } /* СТРАНИЦА РЕГИСТРАЦИИ */ #pun-register div.formal, #userlist div.formal { margin-top: -1.9em; /*+список пользователей*/ } #pun-register h1 span { text-align: center; font-family: "Merriweather"; font-size: 1.2em; } #pun-register strong { font-family: "Merriweather"; font-size: 1.1em; } .formsubmit input, .postlink span, .postlink span a, .postlink span a:hover { margin: 0 0.6em 0 0; color: #c1c1c1; background-color: #5e4d58; border-radius: 15px; } .postlink span { padding: 0 0 0 9px; } #pun-register legend { font-family: "Merriweather"; font-size: 0.85em; } #pun-register fieldset legend, #pun-register legend .fs-box { width: 100%; } #pun-register p.inputfield+p.infofield { display: none; } #pun-register p.inputfield+p.inputfield+p.infofield { display: block; top: -4.2em; width: 99%; } #pun-register p.required+p.inputfield { position: relative; top: -6.3em; width: 40%; right: -61%; } #pun-register p.infofield { font-size: 0.9em; color: #815d71; width: 99%; position: relative; left: 1%; top: 1em; clear: both; } #pun-register .info-box { width: 40%; float: right; margin-top: 2em; background: url(/files/0018/58/2b/32861.png) no-repeat #0e0c0ea1; background-position: -300px 90px; color: #e5cfdb; } #register fieldset:first-of-type { margin-top: 2em; } #register fieldset { width: 45%; } #register fieldset+fieldset+fieldset { top: -3em; position: relative; } #register .fs-box legend { width: 18%; } #register fieldset .fs-box { width: 100%; } #register input#username, #register input#fld4 { width: 94%; float: right; position: relative; top: -1.5em; } #register label+br+span.input { width: 75%; float: right; } #register select#ctl_regselect, #register select#ctl_tzselect { width: 100%; } #register select#ctl_regselect { margin: 0 0 1em; } #register fieldset+fieldset+fieldset+fieldset, #register fieldset+fieldset+fieldset+fieldset legend { top: 0; position: relative; width: 98%; clear: both; } #register fieldset.radiofield { width: 98%; } /*#register .checkfield input[type="checkbox"], #register label[for="fld11"] { margin-top: 1em; }*/ #register .fs-box p.infofield+fieldset+p.infofield+p.checkfield { margin-top: 1em; } /* СТРАНИЦА АВТОРИЗАЦИИ */ #pun-login .inputfield.required { margin: 0 1em; } /*СТРАНИЦА ПОИСКА*/ #pun-searchposts .post { background-color: #ccc; } #pun-search .fs-box.inline p { margin: 0 1% 0 1%; } /* СТРАНИЦА ПРОФИЛЬ-ПОЛЬЗОВАТЕЛЯ */ #pun-profile #profilenav ul { background-color: #412f39; font-size: 0.9em; } #pun-profile #viewprofile-next { margin-top: 0; padding-top: 3.5em; background-color: #c1c1c1; } #pun-profile #profilenav li.isactive a { color: white; } #pun-profile #profilenav li a{ display: block; width: 98%; height: 1em; margin: -0.5em 0 0; text-decoration: none; padding: 0.3em 0.4em; color: #c1c1c1; border-bottom: 1px dotted #ec8bbb; -moz-transition: background-color .3s ease-in; -webkit-transition: background-color .3s ease-in; -o-transition: background-color .3s ease-in; transition: background-color .3s ease-in; } #pun-profile #profilenav li a:hover{ background-color: #9e6581; color: #fff; -moz-transition: background-color 0.01s; -webkit-transition: background-color 0.01s; -o-transition: background-color 0.01s; transition: background-color 0.01s; } #pun-profile div.fs-box.inline p.inputfield { margin: 1%; } #pun-profile .fs-box p { margin-bottom: 0.5em; } #pun-profile #profile10 .tcl { width: 8% !important; } #pun-profile #profile10 .tc2 { width: 16% !important; } #pun-profile #profile10 .tc3 { width: 13% !important; } #pun-profile #profile10 .tc3.checker{ width: 4% !important; } #pun-profile #profile10 .tcr { width: 25% !important; } #pun-profile #filetable { font-size: 0.8em; } #pun-profile #profile10 #filetable thead { background-color: #ddd; } #pun-profile #profile10 .tcr input { width: 97%; } #pun-profile #profile8 dl { margin-left: -8em; } /** ТЕЛО ФОРУМА **/ /*цвет фона, шапка, оформление обычного текста*/ html { color: #58404e; font-family: "Roboto"; font-size: 1em; background-color: #191417; } div#bground { height: 100%; width: 350px; position: absolute; top: 0; right: 3%; } #bground { background-image: url(/files/0018/58/2b/32861.png); background-repeat: no-repeat; position: relative; top: 0; left: 70%; overflow: hidden; background-position: -450px 0; z-index: -1; } /* обводка форума */ div#pun_wrap { margin-left: auto; margin-right: auto; margin-top: 50px; margin-bottom: 70px; border: 3px solid #79787e; padding: 25px; width: 86%; max-width: 1100px; } /* фон под контент, категории */ .container {background-color: #c1c1c1; padding: 5px; margin: 0px;} .category, #pun-stats { background-color: #4f3945; background-image: url(/files/0018/58/2b/32861.png); background-repeat: no-repeat; background-position: 0 -210px; background-size: 70%; margin: -20px 0px 20px 0px; } .category h2, #pun-stats h2 { text-align: center; font-size: 1.3em; font-variant: small-caps; font-weight: bold; color: #c1c1c1; padding: 0 0 0.1em 0; } #pun-main h1 span { display: block; width: 100%; margin-top: 0; text-align: center; font-variant: small-caps; font-size: 1.5em; font-family: "Merriweather"; background-color: #c1c1c1; } /*оформление название форума*/ .forum-title { background-color: #43313d; padding: 0 2em; height: 1.5em; border-top: 1px solid #1d1d1d; border-bottom: 1px solid #1d1d1d; box-shadow: 0 3px 5px; } #pun-profile div#pun-title, #pun-edit div#pun-title { background-color: transparent; } .forum-title a, .forum-title a:hover { font-family: 'Roboto'; color: #c1c1c1; text-decoration: none; font-weight: bold; } #pun-index .tcl h3 { text-transform: uppercase; text-align: left; padding: 0.1em 0 0.1em; } /* СПИСОК ПОЛЬЗОВАТЕЛЕЙ */ #pun-userlist .formal, #pun-userlist .formal .container { border-bottom: none; margin-bottom: 0; } #pun-userlist .usertable .container { padding: 0 2.3em 2.3em 2.3em; border-top: none; } #pun-userlist .usertable table, #pun-viewforum .forum table { border-style: solid; border-width: 1px; } #userlist>fieldset { margin-top: 2em; } legend span, label { font-family: 'Merriweather'; } #pun-userlist th, #pun-viewforum .forum th, #messages table th { background-color: #ddd; } #pun-userlist .fs-box p { margin: 0 1% 0 1%; } #pun-userlist .usertable tr:nth-child(odd), #pun-viewforum .forum table tr:nth-child(odd), #messages table tr:nth-child(odd) { background-color: #ccc; } #pun-userlist .usertable tr:nth-child(even), #pun-viewforum .forum table tr:nth-child(even), #messages table tr:nth-child(even) { background-color: #c2c2c2; } #pun-userlist th.username { width: 20%; } #pun-userlist th.title { width: 30%; } #pun-userlist th.relation, #pun-userlist th.posts { width: 10%; } #pun-userlist th.registered, #pun-userlist th.last_visit { width: 15%; } /* РАЗДЕЛ АДМИНИСТРИРОВАНИЯ */ .adminmain { padding-left: 0!important; } div.punbb-admin { margin-left: 150px; width: 75%; } #pun-admain1 .adcontainer { width: 85%; } .punbb-admin #pun-navlinks { left: 1em; top: -10px; } /*ссылки QBoards*/ .admin-advert-block { position: absolute; left: 60px; top: 140px; } .admin-advert-block a { font-size: 0.75em; text-decoration: none!important; text-transform: uppercase; color: #c2c1c2; } .admin-advert-block .admin-advert-block-buttons { height: 20px!important; margin-top: 10px!important; } .admin-advert-block .admin-advert-block-buttons * { margin-top: 10px!important; } #html-header .adcontainer { left: -9999px; position: absolute; } .punbb-admin #pun-title { top: 1em; } .punbb-admin #pun-status .container { top: 0; left: -1em; } .punbb-admin #pun-ulinks { margin-top: -11em!important; } .punbb-admin li#navindex, .punbb-admin li#navuserlist, .punbb-admin li#navsearch, .punbb-admin li#navprofile, .punbb-admin li#navpm, .punbb-admin li#navadmin, .punbb-admin li#navlogout { top: -80px; position: absolute; } .punbb-admin li#navuserlist { left: 30px; } .punbb-admin li#navsearch { left: 60px; } .punbb-admin li#navprofile { left: 90px; } .punbb-admin li#navpm { left: 120px; } .punbb-admin li#navadmin { left: 150px; } .punbb-admin li#navlogout { left: 180px; } .punbb-admin div#pun-crumbs1 { position: relative; top: 200px; } #punbb-admin_index #pun-admain2.adformal { position: relative; top: 1em; }*/ .punbb-admin .adformal h2, .punbb-admin .adformal h2 span { background-color: #412f39; } .punbb-admin #pun-admain1 .adcontainer { width: 98%; color: #c1c1c1; } .punbb-admin .adinfofield a, .punbb-admin .adinfofield a:hover, .punbb-admin .adinput a, .punbb-admin .adinput a:hover { color: #ec8bbb!important; } .punbb-admin div.linksb { position: relative; top: 14.6em; border-bottom: 2px dashed #796370;; } .punbb-admin div#pun-crumbs2 { position: relative; top: 15.07em; height: 3em; } .punbb-admin #pun-about { position: absolute; top: 6em; } .punbb-admin h2 span { color: #fff!important; } .punbb-admin .adcontainer fieldset legend span { width: 600px; display: block; } #pun-admain fieldset p { background-color: transparent!important; color: #c1c1c1!important; border-color: transparent!important; } #pun-admain .adformal { border-style: none none none none!important; top: 220px; position: relative; } #pun-admain span#descLength { color: #ec8bbb!important; } .punbb-admin textarea::-webkit-scrollbar { width: 12px; /* ширина всей полосы прокрутки */ } .punbb-admin textarea .punbb-admin textarea::-webkit-scrollbar-track { background: #2e2329; /* цвет зоны отслеживания */ } ::-webkit-scrollbar-thumb { background-color: #603b4d; /* цвет бегунка */ border-radius: 20px; /* округлось бегунка */ border: 1px solid #553648; /* отступ вокруг бегунка */ } .punbb-admin input.button, #pun-admin_users input[type='submit'] { background-color: #785569; } .punbb-admin .sortable span input[type="text"] { width: 95%; } .punbb-admin div#pun-admain2 { width: 100%; } .punbb-admin #pun-admain1 table.adcontainer { width: 100%; } .punbb-admin #pun-admain1 table.adcontainer thead { color: black; border-color: transparent!important; } .punbb-admin #pun-admain1 table.adcontainer td, #pun-admin_paid_services #pun-admain3 table.adcontainer td, #pun-admin_pages #pun-admain2 table.adcontainer td, #pun-admin_files #pun-admain1 table#filetable td { border-color: #464646; padding: 0.3em 1em; } .punbb-admin .linksb .pagelink a, .punbb-admin .linksb .pagelink a:hover, .punbb-admin .linksb .postlink a, .punbb-admin .linksb .postlink a:hover, .punbb-admin span.adlabel a, .punbb-admin span.adlabel a:hover { color: #b54a7f!important; } .punbb-admin #pun-admain1 table.adcontainer td a, .punbb-admin #pun-admain1 table.adcontainer td a:hover, .punbb-admin #pun-admain2 table.adcontainer td a, .punbb-admin #pun-admain2 table.adcontainer td a:hover, .punbb-admin .page-container a, .punbb-admin .page-container a:hover, a#award-create, a#award-create:hover, #pun-admin_files table#filetable a, #pun-admin_files table#filetable a:hover { color: #ec8bbb!important; } .punbb-admin #pun-admain1 table.adcontainer tbody tr:nth-child(odd), #pun-admin_paid_services #pun-admain3 table.adcontainer tbody tr:nth-child(odd), #pun-admin_pages #pun-admain2 table.adcontainer tbody tr:nth-child(odd), #pun-admin_files #pun-admain1 table#filetable tbody tr:nth-child(odd) { background-color: #3a3a3a; } .punbb-admin #pun-admain1 table.adcontainer tbody tr:nth-child(even), #pun-admin_paid_services #pun-admain3 table.adcontainer tbody tr:nth-child(even), #pun-admin_pages #pun-admain2 table.adcontainer tbody tr:nth-child(even), #pun-admin_files #pun-admain1 table#filetable tbody tr:nth-child(even) { background-color: #222; } #pun-admin_paid_services #pun-admain3 table.adcontainer tbody tr:last-child { background-color: #622945; } .punbb-admin span select { width: 300px; } .punbb-admin #o-essentials input[type="text"] { width: 95%!important; } #pun-admin_options span.adinput { width: 80%; } #pun-admin_users span.adinput input[type='text'], #pun-admin_users span.adinput input[type='password'] { width: 300px; } #pun-admin_users span.adinput select { width: 318px; } .punbb-admin .ace_editor { height: 350px!important; border-radius: 10px; } #pun-admin_forms textarea { height: 200px; } #pun-admin_forms textarea[name="form[o_additional_navlinks]"]{ height: 90px; } #pun-admin_bans div.adcontainer p.adinfofield { color: #c1c1c1; margin-bottom: 2em; } #pun-admin_index #pun-admain1 table.adcontainer tbody tr:nth-child(odd) { background-color: transparent!important; } #pun-admin_index #pun-admain1 table.adcontainer tbody tr:nth-child(even) { background-color: transparent!important; } #pun-message .info div.container { padding: 0 20em; color: red; } #pun-admin_categories #pun-admain1 fieldset + fieldset p:last-child .adinput { display: block; } .punbb-admin span#mail-message-preview { background-color: #412f39; border-radius: 10px; } #pun-admain table { width: 100%!important; } #pun-admain table tbody { color: #c1c1c1; } #pun-admin_index #pun-admain2.adformal { top: 0; } #pun-admin_paid_services #pun-admain1 h2 { margin-top: 2em; } #pun-admin_paid_services div.linksb { top: 0; } #pun-admin_paid_services div#pun-admain2.adformal { top: 0; } #pun-admin_pages .pagelink { color: #c1c1c1; } #pun-admain .adcontainer td { border-width: 0 0 0 0!important; /*border-color: #ddd;*/ } tags.tagify.tagify--select.tag-filter.tagify--noTags.tagify--empty { background-color: #c1c1c1; color: #fff; width: 15em; } #pun-admain select#page-select { width: 5em; } /** НАЗВАНИЕ ФОРУМА, ЛОГОТИП**/ #pun-title { width: 500px; height: 6em; position: relative; top: -100px; left: 50%; overflow: hidden; background: url(/files/0018/58/2b/32861.png) no-repeat; /*фон под названием*/ background-position: 30px -80px; padding-top: 2em; } #pun-title .title-logo { display: block !important; } h1.title-logo span {font-family: "Cinzel Decorative"!important; font-size: 4em!important; color: #c2c1c2; text-shadow: 0px 5px 5px rgba(0, 0, 0, 0.75); } h1.title-logo:first-letter { color: #523444; } #pun-title { } #pun-title h1 { display : none; } #pun-title .container { border-style: none solid none solid; } #pun-title td.title-logo-tdl, #pun-title table, #pun-title td.title-logo-tdr { width: auto; height: auto; } #pun-title table {border: none;} #pun-title td.title-logo-tdl {border: none;} #pun-title td.title-logo-tdr {border: none; position: absolute;}
Поделиться413.03.2023 10:40:25
.category thead{
display: none;
}
.category tr{
display: flex;
}
.category tr .tcl{
flex-basis: 70%;
}
.category .forum-title {
float: left;
width: 30%
}
.category .subforums {
float: left;
height: 100px;
width: 100%
}
div.forop {
position: relative;
left: 2em;
height: 120px;
}