#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;
}