@import url(https://forumstatic.ru/files/0019/c2/93/92511.css); /* fontello.css */
@import url(https://forumstatic.ru/files/0019/c2/93/23134.css); /* fontello-codes.css */
@import url(https://forumstatic.ru/files/0019/c2/93/16634.css); /* fontello-embedded.css */
@import url(https://forumstatic.ru/files/0019/c2/93/68244.css); /* fontello-ie7.css */
@import url(https://forumstatic.ru/files/0019/c2/93/12382.css); /* fontello-ie7-codes.css */
@import url(https://forumstatic.ru/files/0019/c2/93/68030.css); /* philosopher.css */
@font-face {
font-family: Metro Modern;
src: url(https://forumstatic.ru/files/0019/c2/93/55809.ttf);
}
html {
background: url(https://i.ibb.co/kHMrXYZ/white-wall-3-2.png), #c09a77;
}
html, body {
margin: 0;
padding: 0;
}
.punbb * {
margin: 0;
}
.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {
padding: 0;
list-style: none;
}
.punbb img {
border:none
}
.punbb .main table {
width: 100%;
border-collapse: collapse;
}
.checkfield input[type="checkbox"], .radiofield input[type="radio"] {
width: 20px;
height: 20px;
margin: 0 20px 0 0;
}
input[type="submit"], #pun-main .linkst .postlink a, .linksb .postlink a, #pun-viewforum .modmenu a, #pun-viewtopic .modmenu a {
border: 0;
text-decoration: none;
cursor: pointer;
padding: 5px 20px;
background: url(https://i.ibb.co/PxZLGdD/mooning.png), #594732;
color: whitesmoke;
}
input[type="submit"]:hover, #pun-main .linkst .postlink a:hover, .linksb .postlink a:hover, #pun-viewforum .modmenu a:hover, #pun-viewtopic .modmenu a:hover {
background: #bb9e7d;
color: #594732;
transition: all 0.3s;
text-decoration: none;
}
p[class="checkfield"] *,
div[class="checkfield"] *,
fieldset[class="radiofield"] * {
height: 1.8em;
vertical-align: middle
}
body {
font-size: 100%;
}
.punbb {
font: normal 100% philosopher, metro modern, verdana, arial, iconfont, helvetica, sans-serif;
}
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
font: 16px philosopher, verdana, arial, helvetica, sans-serif;
}
.punbb h1, .punbb h2, .punbb h3, .punbb h4, .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;
}
.punbb address, .punbb em {
font-style: normal
}
.punbb .post-content em {
font-style: italic
}
.punbb .post-content em.bbuline {
font-style: normal;
text-decoration: underline;
}
.punbb a {
font-weight: normal;
text-decoration: underline;
color: #594732;
font-weight: normal;
transition: all 0.3s;
}
.punbb a:hover {
font-weight: normal;
text-decoration: underline;
color: black;
font-weight: normal;
transition: all 0.3s;
}
.punbb optgroup {
font-weight: bold;
}
#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
}
#pun {
margin: auto;
margin-top: 50px;
position: relative;
}
.punbb {
width: auto;
height: auto;
background: url(https://i.ibb.co/jhXTx8F/dragon-wall.gif) no-repeat;
background-size: 100%;
background-position: center top;
margin: auto;
}
#pun-redirect, #pun-maint {
margin: 50px 20% 12px 20%;
width: auto;
float: none;
}
.category {
padding-bottom: 0;
}
#pun-post .topic {
margin-top: 1em;
}
.punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 {
letter-spacing: 2px;
display: table;
width: 100%;
font-size: 14px;
line-height: 50px;
background: url(http://i.imgur.com/JbDqbip.png) 20px no-repeat, url(http://i.imgur.com/bign00c.jpg) repeat;
color: black;
text-align: left;
border-bottom: 1px solid rgb(141, 126, 107);
}
.punbb .post-content {
padding-top: 0;
margin-top: 0;
width: 100%;
overflow: hidden;
}
.punbb .post-sig dt {
width: 100%;
height: 1px;
background: linear-gradient(to right, transparent, #5b4934, transparent);
background-size: 100%;
background-repeat: no-repeat;
}
.punbb .post-sig dd {
margin-top: 10px;
padding-left: 20px;
}
.punbb .post-content p {
padding: 0 0 10px 0;
line-height: 18px;
}
.punbb .post-content img {
vertical-align: middle;
}
.punbb .post-content img.postimg {
vertical-align: middle;
}
.punbb .post-content .blockcode, .punbb .post-content blockquote {
width: 100%;
overflow: hidden;
padding-top: 5px;
}
.punbb .post-content .scrollbox {
width: 100%;
overflow: auto;
}
.punbb .post-content .quote-box, .punbb .post-content .code-box {
padding: 5px 10px 0px 10px;
margin-bottom: 15px;
color: black;
border: 1px solid #95826d;
border-radius: 0;
font-size: 90%;
background: rgba(184, 220, 97, 0.3);
}
.punbb .post-body .post-content .code-box {
background: rgba(97, 158, 220, 0.3);
}
.punbb .code-box strong.legend {
display: block;
padding-bottom: 0.7em;
font-size: 1.1em;
font-weight: bold;
font-style: normal;
margin: 0;
}
.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 .linkst {
display: table;
float: left;
position: relative;
width: 100%;
font-size: 16px;
height: 50px;
border-bottom: 1px solid #94826d;
}
.multipage {
margin-top: 0;
}
.linkst .pagelink {
background: url(http://i.imgur.com/ZsacUBu.jpg);width: 100%;
display: table-cell;
vertical-align: middle;
padding: 0 10px;
}
.linkst .postlink {
float: right;
text-align: right;
margin-top: 15px;
padding-right: 20px;
}
.punbb .linksb {
text-align: right;
padding: 10px;
font-size: 16px;
}
.linksb .pagelink {
float: left;
width: 24em;
text-align: left;
}
.linksb .postlink {
float: right;
}
.subscribelink {
clear:both;
padding-top: 0.3em;
padding-bottom: 0.5em;
}
.formal .container {
margin: 0 0 0 300px;
}
.punbb .formsubmit {
padding: 0 0 0 5px;
margin: 15px 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;
border-color: #8e7e6b;
}
.punbb fieldset legend {
padding: 0;
margin: 0 0 0 11px;
font-size: 1.1em
}
.punbb fieldset legend span {
padding: 0 5px;
margin: 0;
}
.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%;
}
.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: 65%;
height: 80px;
}
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
text-align: center;
width: 10%;
line-height: 15px;
vertical-align: middle;
}
.punbb .main .tcr {
text-align: left;
width: 30%;
}
#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 {
margin-bottom: 10px;
font-weight: bold;
}
.punbb td span.youposted {
font-weight: bold;
margin-left: -1em;
position: absolute;
}
.punbb td .modlist {
display: block;
padding-top: 0.3em
}
.punbb .main td {
border: none;
padding: 0;
}
.punbb .main th {
border-style: none none none solid;
border-width: 0 0 0 1px;
padding: 0.4em 1em 0.4em 1em;
}
.punbb .main .tcl {
border-left-style: none;
border-left-width: 0
}
.punbb tbody.hasicon td.tcl {
padding-top: 5px;
vertical-align: top;
background: url(https://forumstatic.ru/files/0016/6b/78/33659.png) no-repeat;
}
.punbb div.icon {
height: 60px;
margin-left: 0;
width: 60px;
}
.punbb table div.icon {
border-radius: 0;
}
.punbb .post .container {
border: none;
padding-bottom: 1px;
}
.punbb .post h3 {
border: none;
}
.punbb .post h3 span {
padding: 10px 0;
float: left;
display: block;
width: 100%;
border-bottom: 1px solid #94826d;
border-top: 1px solid #94826d;
background: url(http://i.imgur.com/bign00c.jpg) repeat;
}
.punbb .post h3 strong {
float: left;
width: 50px;
text-align: right;
font-weight: normal;
margin-right: 50px;
}
.punbb .post h3 strong:before {
content:'# ';
}
.punbb .post .post-author {
float: left;
width: 235px;
margin-top: 1em;
overflow: hidden;
font-size: 14px;
}
.post-author ul li:nth-child(4) {
padding-bottom:2px;
border-bottom: 1px solid #95826d;
background: url(https://image.ibb.co/k06faH/Nt1dX.png) 0px 3px no-repeat;
padding-left:25px;
}
.post-author ul li:nth-child(5) {
padding-bottom:2px;
border-bottom: 1px solid #95826d;
background: url(https://image.ibb.co/eOA6FH/Nt1dX2.png) 0px 3px no-repeat;
padding-left:25px;
}
.punbb .post .post-author ul, .punbb .post .post-author p {
padding: 0 1em 1em 1em;
line-height: 150%;
}
.post .pa-author {
padding-bottom: 5px !important;
margin-bottom: 5px;
border-bottom: 1px solid #95826d;
}
.pa-author a {
text-decoration: none;
font-size: 20px;
}
li.pa-title {
padding-bottom: 0.4em;
font-weight: bold;
}
li.pa-online {
line-height: 10px;
border-left-style: solid;
border-left-width: 10px;
padding-left: 10px;
margin-top: 15px;
}
.punbb .post-body {
margin-left: 235px;
border: none;
padding: 0;
}
.punbb .post-box {
padding: 50px 10px 10px;
background: url(http://i.imgur.com/ZsacUBu.jpg);
border-left: 1px solid #94826d;
}
.punbb fieldset .post-box {
margin-bottom: 0.8em
}
.punbb .post-links {
margin-left: 19em;
border: none;
}
.punbb .post-links ul {
padding: 0 1em 0 0;
height: 2em;
line-height: 2em;
margin-left: -19em;
border: none;
background: #5a4833;
text-align: right;
}
.punbb .post-links li {
display: inline;
padding-left: 1em;
}
.pl-email, .pl-website {
float: left;
}
.punbb .clearer {
clear: both;
height: 0;
font-size: 0;
}
.punbb .modmenu .container {
padding: 10px;
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;
}
.punbb .info .container {
padding: 0.8em 1em
}
.punbb .info .container .backlink {
padding-top: 0.8em;
}
#profile .container {
margin: 0 0 0 300px;
background: rgba(183,154,122,0.3);
}
#profilenav {
float: left;
width: 14em;
margin-left: -16.3em;
margin-top: -2.5em;
display: inline;
}
#profilenav li {
padding-bottom: 0.8em;
font-weight: bold;
}
#viewprofile ul, #profilenav ul {
border-style: solid;
border-width: 1px;
padding: 1.5em 18px 0.8em 18px;
margin: 0 0 1em 0;
}
#viewprofile h2, #profilenav h2 {
background: transparent;
border: none;
padding: 0 0 0 0;
margin: 0;
}
#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
}
#pun-userlist .formal, #pun-userlist .formal .container {
border-bottom: none;
margin-bottom: 0;
}
#pun-userlist .usertable .container {
padding: 0;
border: none;
}
#pun-userlist .usertable table {
border: none;
}
#pun-title {
height: 350px;
}
#pun-title h1 {
margin-top: 225px;
left: 28.5vh;
cursor: default;
position: absolute;
}
#pun-title .container {
border-style: none solid none solid;
}
#pun-title h1 span {
font-size: 12px;
padding-bottom: 2px;
text-transform: uppercase;
background: linear-gradient(to right, transparent, #ecd4ac, transparent);
background-size: 100% 1px;
background-position: center bottom;
background-repeat: no-repeat;
text-shadow: 10px 2px 10px #000000;
}
#pun-title table {
letter-spacing: 5px;
color: #ecd4ac;
font-family: times new roman;
font-size: 50px;
}
#pun-title td.title-logo-tdl {
border: none;
width: 100%;
padding: 0;
}
#pun-title td.title-logo-tdr {
border: none;
width: 468px;
}
#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-navlinks {
display: block;
}
#pun-navlinks a {
font-size: 14px;
background-image: linear-gradient(#ffffff 50%, #ffffff 50%), linear-gradient(#594732 50%, #594732 50%);
background-position: center top;
background-repeat: no-repeat;
padding-top: 10px;
padding-bottom: 16px;
background-size: 0 0.2em, 100% 0.2em;
transition: background-size .2s;
line-height: 50px;
padding-left: 10px;
padding-right: 10px;
text-decoration: none !important;
color: #594732 !important;
}
#pun-navlinks a:hover {
color: white !important;
background-size: 100% 0.2em, 100% 0.2em;
background-position: center top;
}
#pun-ulinks {
display: none;
}
#pun-status {
font-size: 14px;
position: absolute;
line-height: 50px;
top: -50px;
right: 0;
padding-right: 5vh;
z-index: 1;
color: black;
background: url(http://i.imgur.com/bign00c.jpg) repeat;
}
#pun-status span {
white-space: nowrap;
margin-right: 0;
}
#pun-status .item2 {
display: none;
}
#pun-crumbs1 {
background: url(http://i.imgur.com/bign00c.jpg) repeat;
bottom: 0;
width: 100%;
position: fixed;
z-index: 10;
font-weight: bold;
margin-top: 0;
border-top: 2px solid #5b4934;
}
#pun-crumbs1 a {
color: black;
}
#pun-crumbs1 p.container {
text-align: left;
border-top: none;
line-height: 28px;
padding-left: 5vh;
font-size: 14px;
color: #5a4833;
}
#pun-break1 {
display: none;
}
#pun-announcement h2 {
display: none;
}
#pun-announcement h2 span {
display: block;
padding: 1em 0 0.8em 0;
border-bottom-style: solid;
border-bottom-width: 1px;
}
#pun-stats .container {
display: table-cell;
vertical-align: top;
padding-top: 2px;
}
#pun-stats li.item1, #pun-stats li.item2 {
display: inline-block;
float: right;
padding: 10px;
font-size: 14px;
background: linear-gradient(to top, transparent, #5a4833, transparent);
background-size: 2px;
background-repeat: no-repeat;
}
#pun-stats li.item3, #pun-stats li.item4 {
display: inline-block;
float: right;
background: linear-gradient(to top, transparent, #5a4833, transparent);
background-size: 2px;
background-repeat: no-repeat;
padding: 10px;
font-size: 14px;
}
li#onlinelist {
float: left;
width: 100%;
margin-top: 1px;
background-image: linear-gradient(#5a4833 50%, #5a4833 50%), linear-gradient(#5a4833 50%, #5a4833 50%);
background-position: center top;
background-repeat: no-repeat;
background-size: 0 0, 100% 2px;
}
li#onlinelist div {
padding: 25px;
}
#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 {width: 80%;
margin: auto;
margin-bottom: 30px;
line-height: 50px;
background: #31313126;
display: table;
}
#pun-about .container {
text-align: right;
padding-right: 20px;
}
#pun-about p span {
display:block;
}
#pun-crumbs2 {
display: none;
}
#pun-crumbs2 .container {
border-bottom: none;
padding: 0.8em 1em;
font-size: 1.1em;
}
#pun-break4 {
display: none;
}
div.punbb-admin #pun-about .container {
border-top-style: solid;
border-top-width: 1px;
}
#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;
}
#topnav {
width: 100%;
height: 50px;
background: url(http://i.imgur.com/bign00c.jpg) repeat;
position: fixed;
z-index: 1;
top: 0;
border-bottom: 2px solid #5b4934;
}
#topnav ul {
text-align: center;
}
#topnav ul li {
font: 14px metro modern, iconfont, Verdana, 'Lucida Grande';
cursor: pointer;
-webkit-transition: padding .05s linear;
-moz-transition: padding .05s linear;
-ms-transition: padding .05s linear;
-o-transition: padding .05s linear;
transition: padding .05s linear;
}
#topnav ul li.drop {
position: relative;
}
#topnav ul > li {
display: inline-block;
}
#topnav ul li a {
background-image: linear-gradient(#ffffff 50%, #ffffff 50%), linear-gradient(#594732 50%, #594732 50%);
background-position: center top;
background-repeat: no-repeat;
padding-top: 10px;
padding-bottom: 16px;
background-size: 0 0.2em, 100% 0.2em;
transition: background-size .2s;
line-height: 50px;
padding-left: 20px;
padding-right: 20px;
text-decoration: none !important;
color: #594732 !important;
}
#topnav ul li a:hover {
color: white;
background-size: 100% 0.2em, 100% 0.2em;
background-position: center top;
}
#topnav .dropOut .triangle {
width: 0;
height: 0;
position: absolute;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 8px solid #e6dbbb;
top: -8px;left: 50%;
margin-left: -8px;
}
#topnav .dropdownContain {
width: 180px;
position: absolute;
z-index: 2;
left: 2vh;
margin-left: -80px;
top: -400px;
}
#topnav .dropOut {
border: 2px solid #5b4a35;
width: 190px;
background: #e5dabb;
float: left;
position: relative;
margin-top: 0px;
opacity: 0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 1px 6px rgba(0,0,0,.15);
-moz-box-shadow: 0 1px 6px rgba(0,0,0,.15);
box-shadow: 0 1px 6px rgba(0,0,0,.15);
-webkit-transition: all .1s ease-out;
-moz-transition: all .1s ease-out;
-ms-transition: all .1s ease-out;
-o-transition: all .1s ease-out;
transition: all .1s ease-out;
}
#topnav .dropOut ul {
float: left;
padding: 10px 0;
}
#topnav .dropOut ul li {
font: 16px iconfont, Verdana, 'Lucida Grande';
text-align: left;
float: left;
width: 170px;
padding: 10px;
margin: 0;
color: #777;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-transition: background .1s ease-out;
-moz-transition: background .1s ease-out;
-ms-transition: background .1s ease-out;
-o-transition: background .1s ease-out;
transition: background .1s ease-out;
}
#topnav .dropOut ul li:hover {
background: #f6f6f6;
}
#topnav ul li:hover a {
color: white !important;
}
#topnav ul li:hover .dropdownContain {
top: 40px;
}
#topnav ul li:hover .underline {
border-bottom-color: #777;
}
#topnav ul li:hover .dropOut {
opacity: 1;
margin-top: 10px;
}
#pun-main div.catleft, #pun-main div.catright {
display: none;
}
#pun-main {
background: url(http://i.imgur.com/ZsacUBu.jpg);width: 80%;
margin-right: auto;
margin-left: auto;
box-shadow: 0 0 100px #5b4a35;
}
#pun-index #pun-main {
margin-top: 0;
}
#pun-stats {
width: 80%;
margin: auto;
color: black;
background: url(http://i.imgur.com/JbDqbip.png) 20px 16px no-repeat, url(http://i.imgur.com/bign00c.jpg) repeat;
box-shadow: 0 0 100px #5b4a35;
}
#pun-main thead {
display: none;
}
.category .container {
margin-left: 0;
padding: 0;
}
.category .hasicon .alt1, .category .hasicon .alt2 {
display: table;
width: 100%;
height: 100%;
border-bottom: 1px solid rgb(141, 126, 107);
}
#navindex, #navuserlist, #navsearch, #navprofile, #navlogout {
display: none;
}
#navadmin {
top: 0;
right: 5vh;
position: fixed;
z-index: 1;
line-height: 50px;
font-family: metro modern;
}
#navadmin a:hover {
color: white !important;
}
.category h3 a {
border-bottom: 1px solid #594732;
-webkit-transition: all 0.3s;
background: none;
padding-bottom: 2px;
text-decoration: none;
display: table;
width: 100%;
font-weight: bold;
font-size: 18px;
letter-spacing: 1px;
}
.category h3 a:hover {
border-bottom: 1px solid black;
-webkit-transition: all 0.3s;
background: none;
font-weight: bold;
text-decoration: none;
color: black;
}
#pun-stats h2 {
background-image: linear-gradient(#5a4833 50%, #5a4833 50%), linear-gradient(#5a4833 50%, #5a4833 50%);
background-position: center bottom;
background-repeat: no-repeat;
background-size: 0 0, 100% 2px;
border: none;
padding-bottom: 2px;
}
.statscon {
height: auto;
display: table;
width: 100%;
}
#pun-about a {
color: black;
}
.category .hasicon .tcl .tclcon {
display: table-cell;
vertical-align: middle;
width: 100%;
}
.category .hasicon .tc_tbl .tcr {
width: 100% !important;
line-height: 20px;
}
.category .hasicon .tc_tbl .tcr span {
font-size: 13px;
color: black;
}
.category .hasicon .tc_tbl .tcr a {
border-bottom: 1px solid #594732;
-webkit-transition: all 0.3s;
background: none;
text-decoration: none;
}
.category .hasicon .tc_tbl .tcr a:hover {
border-bottom: 1px solid black;
color: black;
-webkit-transition: all 0.3s;
}
#pun-searchtopics .hasicon .tcr a, #pun-viewforum .hasicon .tcr a, #pun-viewforum .hasicon .tclcon a, #pun-modviewforum .hasicon .tcr a, #pun-modviewforum .hasicon .tcl a {
border-bottom: 1px solid #594732;
-webkit-transition: all 0.3s;
background: none;
text-decoration: none;
}
#pun-modviewforum .hasicon .tcr {
vertical-align: top;
display: table-cell;
width: 100%;
line-height: 30px;
}
#pun-modviewforum .hasicon .tc2, #pun-modviewforum .hasicon .tc3 {
width: 25%;
}
#pun-modviewforum .hasicon .tcmod {
width: 5%;
}
#pun-searchtopics .hasicon .tcr a:hover, #pun-viewforum .hasicon .tcr a:hover, #pun-viewforum .hasicon .tclcon a:hover, #pun-modviewforum .hasicon .tcr a:hover, #pun-modviewforum .hasicon .tcl a:hover {
border-bottom: 1px solid black;
-webkit-transition: all 0.3s;
color: black;
}
#pun-searchtopics .hasicon .byuser, #pun-viewforum .hasicon .byuser, #pun-modviewforum .hasicon .byuser, #pun-modviewforum .hasicon span {
font-size: 14px;
float: right;
font-weight: normal;
color: black;
}
#pun-searchtopics .hasicon .tcr, #pun-viewforum .hasicon .tcr {
width: 35%;
padding-left: 9px;
padding-right: 10px;
line-height: 49px;
border-bottom: 1px solid #93826d;
border-left: 1px solid #93826d;
background: rgba(183,154,122,0.3);
}
#pun-viewforum .tc2, #pun-viewforum .tc3 {
display: none;
}
.category .hasicon .tc_tbl {
vertical-align: middle;
padding: 0 20px 0 5px;
background: rgba(183,154,122,0.3);
border-left: 1px solid rgb(141, 126, 107);
}
#pun-index #pun-announcement {
width: 80%;
margin: auto;
height: 400px;
text-align: center;
background: none;
color: whitesmoke;
padding: 0;
line-height: 30px;
box-shadow: 0 0 200px #5b4a35;
}
#pun-searchtopics .forum, #pun-viewforum .forum, #pun-modviewforum .forum {
padding: 10px 0;
}
#pun-viewforum #pun-main, #pun-modviewforum #pun-main {
margin-top: 0;
margin-bottom: 50px;
}
#pun-viewforum #pun-main .multipage, #pun-modviewforum #pun-main .multipage {
margin-bottom: 50px;
}
#forum-users-in {
height: 50px;
display: table;
}
#forum-users-in .container {
text-align: left;
display: table-cell;
vertical-align: middle;
}
/* START TOOLTIP STYLES */
[tooltip] {
position: relative; /* opinion 1 */
cursor: default;
}
/* Applies to all tooltips */
[tooltip]::before, [tooltip]::after {
text-transform: none; /* opinion 2 */
font-size: .9em; /* opinion 3 */
line-height: 1;
user-select: none;
pointer-events: none;
position: absolute;
display: none;
opacity: 0;
}
[tooltip]::before {
content: '';
border: 5px solid transparent; /* opinion 4 */
z-index: 1001; /* absurdity 1 */
}
[tooltip]::after {
content: attr(tooltip); /* magic! */
/* most of the rest of this is opinion */
font-family: Helvetica, sans-serif;
text-align: center;
/*
Let the content set the size of the tooltips
but this will also keep them from being obnoxious
*/
min-width: 3em;
max-width: 21em;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding: 1ch 1.5ch;
border-radius: .3ch;
box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35);
background: #333;
color: #fff;
z-index: 1000; /* absurdity 2 */
}
/* Make the tooltips respond to hover */
[tooltip]:hover::before,
[tooltip]:hover::after {
display: block;
}
/* don't show empty tooltips */
[tooltip='']::before,
[tooltip='']::after {
display: none !important;
}
/* FLOW: UP */
[tooltip]:not([flow])::before,
[tooltip][flow^="up"]::before {
bottom: 100%;
border-bottom-width: 0;
border-top-color: #333;
}
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::after {
bottom: calc(100% + 5px);
}
[tooltip]:not([flow])::before,
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::before,
[tooltip][flow^="up"]::after {
left: 50%;
transform: translate(-50%, -.5em);
}
/* FLOW: DOWN */
[tooltip][flow^="down"]::before {
top: 100%;
border-top-width: 0;
border-bottom-color: #333;
}
[tooltip][flow^="down"]::after {
top: calc(100% + 5px);
}
[tooltip][flow^="down"]::before,
[tooltip][flow^="down"]::after {
left: 50%;
transform: translate(-50%, .5em);
}
/* FLOW: LEFT */
[tooltip][flow^="left"]::before {
top: 50%;
border-right-width: 0;
border-left-color: #333;
left: calc(0em - 5px);
transform: translate(-.5em, -50%);
}
[tooltip][flow^="left"]::after {
top: 50%;
right: calc(100% + 5px);
transform: translate(-.5em, -50%);
}
/* FLOW: RIGHT */
[tooltip][flow^="right"]::before {
top: 50%;
border-left-width: 0;
border-right-color: #333;
right: calc(0em - 5px);
transform: translate(.5em, -50%);
}
[tooltip][flow^="right"]::after {
top: 50%;
left: calc(100% + 5px);
transform: translate(.5em, -50%);
}
/* KEYFRAMES */
@keyframes tooltips-vert {
to {
opacity: .9;
transform: translate(-50%, 0);
}
}
@keyframes tooltips-horz {
to {
opacity: .9;
transform: translate(0, -50%);
}
}
/* FX All The Things */
[tooltip]:not([flow]):hover::before,
[tooltip]:not([flow]):hover::after,
[tooltip][flow^="up"]:hover::before,
[tooltip][flow^="up"]:hover::after,
[tooltip][flow^="down"]:hover::before,
[tooltip][flow^="down"]:hover::after {
animation: tooltips-vert 300ms ease-out forwards;
}
[tooltip][flow^="left"]:hover::before,
[tooltip][flow^="left"]:hover::after,
[tooltip][flow^="right"]:hover::before,
[tooltip][flow^="right"]:hover::after {
animation: tooltips-horz 300ms ease-out forwards;
}
#toggle {
top: 18px;
right: 28.85vh;
position: fixed;
display: block;
width: 28px;
height: 28px;
margin: 5px;
z-index: 2;
}
#toggle span:after, #toggle span:before {
content: "";
position: absolute;
left: 0;
top: -9px;
}
#toggle span:after{
top: 9px;
}
#toggle span {
position: relative;
display: block;
}
#toggle span, #toggle span:after, #toggle span:before {
width: 100%;
height: 4px;
background-color: #000000b8;
transition: all 0.3s;
backface-visibility: hidden;
border-radius: 2px;
}
#toggle.on span {
background-color: transparent;
}
#toggle.on span:before {
transform: rotate(45deg) translate(5px, 5px);
}
#toggle.on span:after {
transform: rotate(-45deg) translate(7px, -8px);
}
#toggle.on + #menu {
opacity: 1;
visibility: visible;
}
#menu {
position: fixed;
color: #999;
top: 55px;
right: 27.1vh;
width: 150px;
padding: 10px;
margin: auto;
font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
text-align: left;
border-radius: 4px;
background: white;
box-shadow: 0 1px 8px rgba(0,0,0,0.05);
}
#menu:after {
position: absolute;
top: -15px;
right: 15px;
content: "";
display: block;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-bottom: 20px solid white;
}
#menu ul, #menu li, #menu li a {
list-style: none;
display: block;
margin: 0;
padding: 0;
}
#menu li a {
padding: 5px;
color: #888;
text-decoration: none;
transition: all .2s;
}
#menu li a:hover, #menu li a:focus {
background: #3e3e3e;
color: #fff;
}
.slider-container{
border: 0;
height: 400px;
width: 100%;
position: relative;
overflow: hidden;
text-align: center;
z-index: 0;
}
.menu {
position: absolute;
left: 0;
z-index: 900;
width: 100%;
bottom: 0;
}
.menu label {
padding: 5px;
cursor: pointer;
display: inline-block;
width: 120px;
line-height: 20px;
height: 20px;
background: #1f1f1f;
border-radius: 5px;
margin: 0 5px 15px;
&: hover {;
background: red;
}
.slide {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 100%;
z-index: 10;
padding: 0;
display: table;
background-size: cover;
background-position: 50% 50%;
transition: left 0s .75s;
}
[id^="slide"]:checked + .slide {
left: 0;
z-index: 100;
transition: left .65s ease-out;
}
.slide-1 {
background: url(https://i.ibb.co/jb7V4c1/J-zargo-Legends-Card-Art-Wide.gif) #b89e7c;
background-size: 100%;
border-top: 10px solid #ecd4ac;
image-rendering: pixelated;
}
.slide-2 {
background: url(https://i.ibb.co/Nscjzk2/J-zargo-Legends-Card-Art-Wide-1.gif) #3e3e3e;
background-size: 100%;
border-top: 10px solid #eb6c74;
}
.slide-3 {
background: url(https://i.ibb.co/Y8Dp1NF/J-zargo-Legends-Card-Art-Wide-2.gif) #3e3e3e;
background-size: 100%;
border-top: 10px solid #fdcc6b;
}
.slide h1 {
display: table;
width: 100%;
font-family: metro modern;
position: absolute;
top: 0;
text-align: left;
line-height: 50px;
left: 2vh;
font-size: 26px;
color: #54a9e2;
}
.slide-1 h1 {
color: #ecd4ac;
}
.slide-2 h1 {
color: #ea6c74;
}
.slide-3 h1 {
color: #fccb6d;
}
.post {
background: rgba(183,154,122,0.3);
}
#pun-viewtopic .topic a.sharelink {
float: right;
margin-right: 1em;
}
#pun-messages .post-content {
padding: 10px;
overflow: hidden;
}
#pun-messages .post h3 span {
line-height: 40px;
padding: 0 0 0 10px;
}
#pun-viewtopic .slider-container, #pun-viewforum .slider-container, #pun-modviewforum .slider-container, #pun-messages .slider-container {
display: none;
}
.pa-avatar {
max-height: 200px;
width: max-content;
outline: 1px solid #d7c3a2;
outline-offset: -2px;
margin-bottom: 10px;
}
.punbb .tcr .user-avatar img.ava {
height: 50px;
width: 50px;
margin-right: 10px;
margin-left: 0;
margin-top: 3px;
}
.punbb .tcr .user-avatar img.ava {
height: 30px;
width: 30px;
}
#pun-viewforum .user-avatar img.on_, #pun-modviewforum .user-avatar img.on_ {
margin: 9px 9px 0 -20px;
}
#pun-index .user-avatar img.on_ {
z-index: 0;
margin: -52px 0px 0 40px
position: absolute;
background: #8ac176;
}
#pun-index .tcl .intd {
display: table;
padding: 0;
}
#html-header h2 {
position: absolute;
margin-top: 270px;
left: 26vh;
text-transform: uppercase;
font-size: 36px;
color: #ecd4ac;
font-family: metro modern;
text-shadow: 10px 2px 10px #5b4a359c;
}
.post-body .post-box .quote-box.with-avatar {
padding: 0 !important;
color: black;
border: 1px solid #95826d;
border-radius: 0;
font-size: 90%;
background: rgba(184, 220, 97, 0.3);
margin-bottom: 10px;
}
.post-body .post-box .quote-box.with-avatar .author-avatar {
float: left;
width: 26px;
margin-left: -24px;
}
.post-body .post-box .quote-box.with-avatar blockquote {
width: 100%;
overflow: hidden;
padding: 10px 10px 5px 10px;
}
.post-body .post-box .quote-box.with-avatar blockquote p {
padding-bottom: 5px;
}
.post-body .post-box .quote-box.with-avatar cite {
display: block;
padding: 10px 20px 10px 30px;
line-height: 17px;
font-size: 14px;
background: none;
border-bottom: 1px dashed #96826d;
color: black;
}
#pun-searchtopics .tcl, #pun-viewforum .tcl, #pun-modviewforum .tcl, #pun-messages .tcl {
width: 100% !important;
display: table;
height: 40px;
padding: 0;
background: none;
}
#pun-messages .fs-box .pmtc24 {
width: 5% !important;
}
#pun-messages .fs-box .pmtc22 {
display: table-cell;
width: 40% !important;
line-height: 50px;
text-align: left;
border-left: 1px solid #94826d;
border-bottom: 1px solid #94826d;
}
#pun-modviewforum .forum .hasicon .tcl {
width: 120%;
}
#pun-messages .tcl {
line-height: 50px;
}
#pun-searchtopics .tcr, #pun-viewforum .tcr, #pun-modviewforum .tcr {
padding-top: 0;
}
#pun-searchtopics .tclcon, #pun-viewforum .tclcon, #pun-modviewforum .tcl, #pun-messages .tclcon {
display: table-cell;
vertical-align: middle;
width: 100%;
padding-left: 0;
padding-right: 10px;
}
#pun-searchtopics .icon, #pun-viewforum .icon, #pun-modviewforum .icon, #pun-messages div .icon {
background-size: 50px;
height: 50px;
margin-left: 0;
width: 50px;
}
#pun-messages .pmtc22 .user-avatar img.ava {
margin: 9px;
}
#pun-messages .pmtc22 .user-avatar img.on_ {
margin: 9px 8px 0 -20px;
}
#pun-messages div .icon {
float: left;
}
#pun-messages .fs-box .hasicon tr {
border-bottom: 1px solid #94826d;
background: url(http://i.imgur.com/ZsacUBu.jpg);
}
.punbb .post-links a {
color: whitesmoke;
}
.poll1 {
width: 80%;
}
.poll1 .tar {
width: 20px;
padding-right: 20px !important;
}
.poll1 tbody tr {
line-height: 30px;
}
.poll2 tr {
line-height: 30px;
border-bottom: 1px solid #94826d;
}
.poll2 {
padding: 0;
}
#pun-modviewforum .icon {
margin-right: 10px;
}
#pun-modviewforum .hasicon .tcr a {
vertical-align: baseline;
}
.closedatafield {
margin-top: 0;
}
#pun-searchtopics .hasicon .iclosed .tclcon, #pun-viewforum .hasicon .iclosed .tclcon, #pun-modviewforum .hasicon .iclosed .tcl {
vertical-align: middle;
}
#box_one {
width: 50%;
}
#box_two {
width: 50%;
padding: 0;
}
.slide .content {
display: table-cell;
vertical-align: middle;
background: url(https://i.ibb.co/PxZLGdD/mooning.png);
}
.go-up,.go-down {
display:none;
position:fixed;
z-index:9999;
border-radius: 0;
cursor:pointer;
color: #ead7b5;
background: #5a4833;
text-align:center;
font-size:20px;
margin-bottom:0;
line-height: 30px;
width: 30px;
}
.go-up {
bottom: 0;
right: 31px;
}
.go-down {
bottom: 0;
right: 0;
}
.go-down:hover,.go-up:hover {
opacity:1;
}
div.icon {background: url(http://i.imgur.com/UDX5e96.gif) no-repeat;
}
tr.inew div.icon, tr.inewisticky div.icon {
background: url(http://i.imgur.com/HACn7HS.gif) no-repeat;
}
tr.iclosed div.icon {
background: url(http://i.imgur.com/1cMlae5.gif) no-repeat;
position: relative;
}
tr.iredirect div.icon {
background: url( ) no-repeat;
position: relative;
}
tr.isticky div.icon {
background: url(http://i.imgur.com/gqMFzAn.gif) no-repeat;
position: relative;
}
select {
border: 0;
padding: 2px 10px;
border-radius: 4px;
background: #5a4833;
color: whitesmoke;
}
.checkfield {
padding: 5px;
line-height: 30px;
}
.inputfield {
line-height: 30px;
}
#forum-users-in .container a {
text-decoration: underline;
padding: 0;
background: none;
color: #3d3d3d;
}
#topic-users-in .container a {
text-decoration: underline;
padding: 0;
background: none;
color: #594732;
transition: all 0.3s;
}
#forum-users-in .container a:hover {
background: none;
}
#topic-users-in .container a:hover {
background: none;
}
#pun-searchtopics #pun-main .hasicon .tclcon .newtext a, #pun-viewforum #pun-main .hasicon .tclcon .newtext a, #pun-modviewforum #pun-main .hasicon .tclcon .newtext a {
background: none;
display: inline;
}
.newtext {
float: left;
margin-right: 10px;
}
#pun-searchtopics #pun-main tr, #pun-viewforum #pun-main tr {
border-bottom: 1px solid #93826d;
}
#pun-searchtopics #pun-main tr.isticky, #pun-viewforum #pun-main tr.isticky, #pun-viewforum #pun-main tr.inewisticky, #pun-modviewforum #pun-main tr.isticky, #pun-modviewforum #pun-main tr.inewisticky {
background: none;
}
#pun-searchtopics #pun-main tr.isticky .tcl, #pun-viewforum #pun-main tr.isticky .tcl, #pun-viewforum #pun-main tr.inewisticky .tcl, #pun-modviewforum #pun-main tr.isticky .tcl, #pun-modviewforum #pun-main tr.inewisticky .tcl {
padding: 0;
}
#pun-searchtopics .hasicon .isticky .tclcon, #pun-viewforum .hasicon .isticky .tclcon, #pun-modviewforum .hasicon .isticky .tcl {
vertical-align: middle;
}
#pun-searchtopics .tclcon .byuser:before, #pun-viewforum .tclcon .byuser:before, #pun-modviewforum .tcl span:before {
content:'Автор:'
}
#pun-modviewforum .tcl .stickytext:before {
content: none;
}
#pun-modviewforum .tcl .stickytext {
color: black;
}
#pun-modviewforum .tcl .closedatafield:before {
content: none;
}
#pun-modviewforum .tcl .closedatafield {
color: black;
}
#pun-searchtopics .tcr .byuser:before, #pun-viewforum .tcr .byuser:before, #pun-modviewforum .tcr .byuser:before {
content:'От:'
}
#pun-searchtopics .hasicon .tcr a:after, #pun-viewforum .hasicon .tcr a:after, #pun-modviewforum .hasicon .tcr a:after {
content:' >>'
}
#pun-searchtopics #pun-main tr, #pun-viewforum #pun-main tr, #pun-modviewforum #pun-main tr {
background: none;
}
#pun-searchtopics .hasicon .tcr a, #pun-viewforum .hasicon .tcr a {
font-size: 14px;
}
.quote-box.with-avatar {
padding-left: 50px! important;
}
.author-avatar + span {
margin-left:5px;
}
.author-avatar {
float: left;
width: 39px;
margin-left: -40px;
margin-top: -5px;
}
.author-avatar > img {
width: 22px;
padding: 1px;
border: 1px solid #96826d;
border-radius: 4px;
}
#pun-index .hasicon .icon[data-new-topics]:before, #pun-index .hasicon .subforums span[data-new-topics]:before {
background: #edd5ac;
border-radius: 50%;
border: 2px solid #5b4a35;
color: #5a4833;
content: attr(data-new-topics);
display: inline-block;
font-size: 10px;
font-family: metro modern;
font-weight: normal;
height: 12px;
min-width: 12px;
line-height: 12px;
margin-top: 0px;
margin-left: -10px;
padding: 2px;
position: absolute;
text-align: center;
box-shadow: 2px 2px 4px #5b4a35;
}
body .tipsy-inner {
padding: 10px;
font-size: 12px;
}
.isguest #topnav ul {
display: none;
}
.isguest #toggle {
display: none;
}
#navregister, #navlogin {
position: absolute;
top: -35px;
z-index: 1;
left: 250px;
text-decoration: underline;
font-family: metro modern;
}
#navregister a, #navlogin a {
color: black;
}
.isguest #navlogin {
left: 140px;
}
#navregister a:hover, #navlogin a:hover {
color: whitesmoke;
}
.isguest #navlogin {
left: 180px;
}
#pun-main h2 span, #pun-stats h2 span,
.multipage h1 span {
font-family: metro modern;
display: table-cell;
padding-left: 140px;
}
.user-avatar .user-avatar-link {
display: contents;
}
#pun-searchtopics .tcr .user-avatar img.ava, #pun-viewforum .tcr .user-avatar img.ava {
margin: 9px 9px 0 0;
}
#profilenav h2 span {
padding-left: 0px;
}
#poll-special .container .formal h1 {
background: url(http://i.imgur.com/bign00c.jpg) repeat !important;
border: none;
border-radius: 10px;
}
#poll-special .formal td.tac {
background: rgba(183,154,122,0.3);
}
#poll-special .formal td {
padding-left: 10px;
width: 35%;
}
#pun-online .punbb .main .tcl {
overflow: hidden;
text-align: left;
width: 35%;
height: 40px;
padding: 0px 10px;
border-bottom: 1px solid #8e7e6b;
}
#pun-redirect #pun-main h1 span, #pun-login #pun-main h1 span, #pun-message #pun-main h1 span, #pun-register #pun-main h1 span, #pun-delete #pun-main h1 span, #pun-edit #pun-main h1 span, #pun-post #pun-main h1 span, #pun-search #pun-main h1 span, #pun-profile #pun-main h1 span {
font-family: metro modern;
padding-left: 140px;
display: table-cell;
}
#pun-messages .container .linksb {
height: 30px;
line-height: 30px;
}
#pun-messages #messages {
display: table;
height: auto;
width: 100%;
}
#pun-messages #messages fieldset {
padding: 0;
border: 0;
}
#pun-messages #messages fieldset legend {
background: url(http://i.imgur.com/JbDqbip.png) 20px no-repeat, url(http://i.imgur.com/bign00c.jpg) repeat;
display: table;
width: 100%;
margin: 0;
line-height: 30px;
border-bottom: 1px solid #94826d;
}
#pun-messages #messages fieldset legend span {
display: table-cell;
padding-left: 130px;
font-family: metro modern;
font-size: 14px;
letter-spacing: 1px;
}
#pun-messages #messages fieldset .fs-box {
padding: 0;
}
#pun-messages #messages .container {
margin: 0;
}
#pun-profile #profile .container {
margin: 0 0 0 280px;
padding-left: 10px;
padding-right: 10px;
}
#pun-searchtopics .icon {
float: left;
}
#pun-searchtopics .forum {
padding-bottom: 0;
}
#pun-searchtopics .tcl {
line-height: 50px;
}
#pun-searchtopics .hasicon .byuser {
padding-right: 10px;
display: none;
}
#pun-userlist .main .tc2, #pun-searchtopics .main .tc2 {
font-size: 12px;
width: 25%;
border-left: 1px solid #93826d;
padding: 0 10px;
text-align: center;
}
#pun-login .formal .container, #post-form .container, #pun-delete .formal .container, #pun-edit .formal .container, #pun-post .formal .container, #pun-userlist .formal .container, #pun-search .formal .container {
margin: 0 10px 10px 10px;
}
#pun-register .formal .container {
margin: 10px;
}
#viewprofile-next .container {
margin: 10px 10px 0 10px;
}
#pun-searchtopics .hasicon .tcr {
width: 20%;
}
#pun-redirect {
background: none;
}
#pun-redirect #pun-main .info {
background: url(http://i.imgur.com/ZsacUBu.jpg);
}
#pun-viewforum .linkst {
border-bottom: 1px solid #93826d;
}
#pun-messages #pun-main .formal .container #notify-settings {
margin-bottom: 10px !important;
padding-top: 10px;
padding-right: 20px;
padding-left: 10px;
}
#navpm {
position: fixed;
top: 0;
z-index: 1;
left: 9vh;
line-height: 50px;
font-family: metro modern;
}
body #jGrowl {
display: none;
}
#navpm span.num_msg {
position: absolute;
margin-left: -70px !important;
top: 53px;
padding: 0;
width: 20px;
font-size: 11px;
height: 20px;
text-align: center;
line-height: 20px;
border-radius: 100%;
border: 2px solid #5b4a35;
background: #ecd4ac;
color: #5b4a35;
}
#navpm span.num_msg:before {
display: none;
}
#pun-messages tr.icon.inew {
display: table;
width: 181.2%;
}
#avst_div {
top: 0;
left: 0;
z-index: 2;
position: fixed;
border-collapse: collapse;
outline: 1px solid #977f63;
outline-offset: -7px;
border: 5px solid #967f63;
}
#avst tr {
line-height: 10px;
}
#avst #ava-status img {
height: 40px;
width: 40px;
}
body #topnav #firstDrop a {
color: #594732 !important;
}
#pun-viewtopic .html-post-box {
padding: 0;
}
#pun-userlist .usertable {
margin-top: 0;
border-top: 1px solid #8f7e6b;
border-bottom: 1px solid #8f7e6b;
}
#pun-userlist .usertable table thead {
display: none;
}
#pun-userlist .usertable table .tcl {
display: block;
overflow: inherit;
position: relative;
top: 0px;
padding: 10px;
height: 134px;
border: none;
}
#pun-userlist .usertable table .tcl a {
position: relative;
display: inline-block;
line-height: 38px;
padding: 0 10px 0px 10px;
background-color: #bba17e;
font-size: 16px;
z-index: 100;
width: auto;
max-width: 240px;
white-space: nowrap;
overflow: hidden;
}
#pun-userlist .usertable table .tcl em.user-avatar {
position: relative;
z-index: 200;
background: none;
}
#pun-userlist .usertable table .tcl .user-avatar img.ava {
border: 2px solid currentColor !important;
margin: 0;
opacity: 1;
background-position: center center;
background-size: auto 100%;
background-repeat: no-repeat;
border-radius: 0;
}
#pun-userlist .usertable table .tcl .user-avatar-link .ava {
width: 80px;
height: 80px;
}
#pun-userlist .usertable table .tc2 {
font-weight: bold;
font-size: 14px;
background: none;
display: block;
position: absolute;
top: 50px;
left: 120px;
height: 30px;
z-index: 50;
padding: 0 10px 0 10px !important;
line-height: 30px;
width: auto;
color: #594732;
}
#pun-userlist .usertable table .tc3 {
font-size: 14px;
background: none;
display: block;
height: auto;
width: auto;
text-align: left;
margin-left: 100px;
margin-right: 50px;
position: relative;
z-index: 200;
margin-bottom: 4px;
left: 30px;
top: -80px;
padding-top: 5px;
border-bottom: 1px solid #90775b;
}
#pun-userlist .usertable table tr {
display: inline-block;
width: 350px;
position: relative;
height: 200px;
}
#pun-userlist .usertable table tr.altstyle {
background: rgba(183,154,122,0.3) !important;
}
#pun-userlist .usertable table tr.altstyle {
background: rgba(183,154,122,0.3) !important;
}
#pun-userlist .usertable table td.tc3:before{
font-size: 14px;
color: rgb(0, 0, 0);
font-weight: bold;
}
#pun-userlist .usertable table td.tc3:nth-child(4n-1):before {
content:"Уважение: ";
}
#pun-userlist .usertable table td.tc3:nth-child(4n):before {
content:"Постов: ";
}
#pun-userlist .usertable table td.tc3:nth-child(4n+1):before {
content:"Зарегистрирован: ";
}
#pun-userlist .usertable table td.tc3:nth-child(4n+2):before {
content:"Был: ";
}
#pun-profile #pun-main h1 span {
float: none !important;
}
#quote-rot {
top: 10px;
right: 2vh;
width: 530px;
height: 70px;
max-height: 70px;
position: absolute;
color: #5f462e;
text-align: right;
display: table;
line-height: 15px;
}
#quote-rot p {
display:none
}
#quote-rot p .headquoteautor {
font-family: metro modern;
font-size: 12px;
text-decoration: underline;
letter-spacing: 2px;
}
