omgdbl

��

mybb@mybb.ru (manta) — Wed, 21 Jun 2023 10:27:25 +0300

sept 1

mybb@mybb.ru (manta) — Thu, 15 Jun 2023 08:15:05 +0300

��:

/* CS1 Background and text colours
-------------------------------------------------------------*/

/* Variables
--------------------------------- */

:root {
    --color-hz: #f2c19e; /*���������*/
    --color-nice: #cf5600; /*������*/

    --color-white: #f0f0f0;
    --color-black: #000;

--color-grey: #ddd; /*����� ��� ����� ������*/

    --color-grey2: #d5d5d5;
    --color-green: #979797; /*#38784f; */

--color-brown: #000000; /*�����*/

--color-mda: #4a4a4a;
--color-mda2: #4a4a4a;

--color-blue: #cdcdcd; /*��������� ������*/

--html-bg: #222 url(https://forumstatic.ru/files/001a/eb/a8/88542.jpg) top center repeat-y fixed;

--custom: EuroStyle;
--custom2: VerPro;
}


/*���*/
body {
  background: var(--html-bg);
}


#pun-title table {
    margin-left: 0px;
}

#title-logo-tbody {
}

#html-header { 
    width: 970px;
    height: 110px;
position: absolute;
    top: 85px;
}

#Logo {    background: url(https://forumstatic.ru/files/001a/eb/a8/92818.jpg);
    width: 870px;
    height: 110px;
    text-align: center;
    position: relative;
    left: 50px;
}

#ZACHTO {    position: relative;
    z-index: 2;
    width: 970px;
    height: 110px;
top: -110px;
}

#act {
position: absolute;
    width: 970px;
    top: 35px;
}

#act1, #act2, #act3, #act4 {
    position: absolute;
    width: 40px;
    height: 40px;
}

#act1> a > img:hover, #act2> a > img:hover, #act3> a > img:hover, #act4> a > img:hover {opacity:1;     
}

#act4 {
right: 132px;
}

#act3 {
right: 212px;
}

#act2 {
left: 212px;
}

#act1 {
left: 132px;
}


#act1 > a > img, #act2 > a > img, #act3 > a > img, #act4 > a > img {
    top: 0px;
    left: 0px;
    position: absolute;
    background-size: contain!important;
    outline: 2px solid var(--color-white);
    outline-offset: 3px;
    opacity: 0;
    border-radius: 50px;
    -webkit-transition: all 0.25s 0s ease;
    -moz-transition: all 0.25s 0s ease;
    -o-transition: all 0.25s 0s ease;
    transition: all 0.25s 0s ease;
    width: 38px;
    height: 38px;} 

#RANDOM {
background: var(--color-black);
    padding: 6px 5px;
    position: absolute;
    left: 335px;
    opacity: 0;
    -webkit-transition: all 0.25s 0s ease;
    -moz-transition: all 0.25s 0s ease;
    -o-transition: all 0.25s 0s ease;
    transition: all 0.25s 0s ease;
}
#RANDOM:hover {opacity:1}

#KontentRotator {
font-size: 10px;
    text-align: justify;
    color: var(--color-grey);
    overflow-y: auto;
    padding: 5px 7px 5px 5px;
    height: 86px;
    width: 276px;
    border: 1px solid var(--color-grey);
}

#KontentRotator br {
            display: block; /* makes it have a width */
            content: ""; /* clears default height */
            margin-top: 4px; /* change this to whatever height you want it */
}

kr { 
    font-weight: 600;
    font-size: 14px;
    font-family: var(--custom);
    color: var(--color-hz);
    letter-spacing: 1px;
}   

#KontentRotator > p > a, kr > a {color:var(--color-hz)!important}

/* ���� ������ */
#pun {
   width: 970px;
}

.punbb {
float: none;
    width: auto;
    height: auto;
    margin: 0 auto;
    background: var(--color-white);
    margin-top: 160px;
}

/* ����� */
#pun-about .container {
    height: 0px;
    width: 970px;
}

#html-footer p {
display: block;
    width: 956px;
    padding: 7px;
    text-align: center;
    font-size: 11px;
    letter-spacing: 1px;
    color: var(--color-brown);
    font-family: var(--custom);
}

/* CS1.1 */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {

  color: var(--color-black);
  }

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
background: var(--color-white);
  color: var(--color-black);
  }

#pun-admain h2 span {
display:block;
}


/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  }

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background: transparent;
  color: var(--color-black);
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
   display: block;
    font-weight: normal;
    width: fit-content;
    font-style: normal;
    text-align: center;
    color: var(--color-brown);
font-size: 11px;
  }

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background: transparent;
  color: var(--color-black)
  }

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
        border: 1px solid var(--color-mda2);
}


/* CS1.8 */
#pun-navlinks .container {
  background: transparent;
  }

.offline li.pa-online strong {
  font-weight: normal;
  }

/* CS2 Border colours
-------------------------------------------------------------*/

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
  border-color: transparent;
  }

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color: transparent;
  }

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border-color: transparent;
  }

/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
  border-color: transparent;
  }

/* CS2.5 */
.punbb th {
  border-color: transparent;
  }



#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
  border-color: transparent;
  }

#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
  border-color: transparent;
  }

.punbb .divider {
  border-color: transparent;
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 1px solid transparent;
  }

li.pa-online {
  border-left-color: transparent;
  }


/* CS3 Links
-------------------------------------------------------------*/

/* CS3.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
  text-decoration: none;
  color: var(--color-green);
  }


/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
  color: var(--color-green);
    }

/* CS3.3 */
#pun-navlinks a {
    color: var(--color-white);
    margin: 4px 0px !important;
    font-size: 20px;
    letter-spacing: 1.5px;
    font-family: var(--custom);
    text-transform: lowercase;
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
    color: var(--color-white);
  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  color: var(--color-mda2);
  }

#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
  text-decoration: none;
  }



/* CS4 Post status icons
 -------------------------------------------------------------*/

/* ������*/

#pun-searchtopics TR Div.icon , #pun-viewforum TR Div.icon,
#pun-searchtopics TR.isticky Div.icon , #pun-messages TR.isticky Div.icon , #pun-viewforum TR.isticky Div.icon, #pun-searchtopics TR.iclosed.isticky Div.icon , #pun-messages TR.iclosed.isticky Div.icon , #pun-viewforum TR.iclosed.isticky Div.icon, .iclosed Div.icon,#pun-searchtopics TR.iclosed Div.icon , #pun-viewforum TR.iclosed Div.icon, #pun-searchtopics TR.inew Div.icon, #pun-viewforum TR.inew Div.icon {
    margin-right: 0px;
    margin-left: 15px;
    margin-top: -3px!important;
}

#pun-messages TR Div.icon, #pun-messages TR.iclosed Div.icon, #pun-messages TR.inew Div.icon {
    margin-right: 0px;
    margin-left: -10px;
    margin-top: 18px!important;
}


div.icon {
    margin-right: 10px;
    margin-top: 10px;
    margin-left: 20px;
    width: 20px;
    height: 20px;
    position: absolute;
background: url(https://forumstatic.ru/files/001a/eb/a8/58112.png) center center no-repeat;
}
/*div.icon:before {
    content: "+";
    font-size: 45px;
    color: var(--color-green);
    font-family: BlackOceanOne;
    top: -17px;
    left: -10px;
    position: relative;
}*/


.isticky Div.icon { /*+ bl*/
    /*color: var(--color-mda);*/
   background: url(https://forumstatic.ru/files/001a/eb/a8/98486.png) center center no-repeat!important;
}

/*+ or*/
.inew Div.icon, .inew.isticky Div.icon {
   /* color: var(--color-nice);*/
   background: url(https://forumstatic.ru/files/001a/eb/a8/98268.png) center center no-repeat;
}

/*x or*/
.inew.iclosed Div.icon {
   background: url(https://forumstatic.ru/files/001a/eb/a8/39959.png) center center no-repeat!important;
   color: var(--color-nice);
} 

/*x*/
.iclosed Div.icon {
   background: url(https://forumstatic.ru/files/001a/eb/a8/79356.png) center center no-repeat!important;}

/*x bl*/
.isticky.iclosed Div.icon {
   color: var(--color-mda);
   background: url(https://forumstatic.ru/files/001a/eb/a8/21670.png) center center no-repeat!important;
}

/*x or*/
.inew.isticky.iclosed Div.icon {
   color: var(--color-nice);
   background: url(https://forumstatic.ru/files/001a/eb/a8/39959.png) center center no-repeat!important;
}


#pun-main div.catleft, #pun-main div.catright {display: none}

div.post-rating a, div.post-rating a:hover {
    display: block;
    width: 35px;
    height: 26px;
    padding-top: 8px;
    text-align: center;
}

div.post-vote .container {
margin-top: 7px!important;
}

/*����� ��������� */
::selection  {
    background: none repeat scroll 0 0 var(--color-blue);
    color: var(--color-black);
    opacity: 1;
text-decoration:none!important
} 
*::-moz-selection
{
    background: none repeat scroll 0 0 var(--color-blue);
    color: var(--color-black);
    opacity: 1;
text-decoration:none!important
} 


/* ����� ������ ��� � ������ */
#pun-main .forum  .tcl .tclcon {
    text-align: justify;
}

/* ������ ��� � ������ ��� ��������� ���� */
#pun-main .forum .tcl .byuser {
}
#pun-main .forum .tcl .byuser:before { content: "�";}


/*����� ������ ����� ���������� ������*/
#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {
    position: absolute;
    z-index: 1000;
    right: 12px!important;
    padding: 15px;
    top: 54px!important;
    box-shadow: inset 0 0 0 2px rgba(232, 231, 231, .7);
background-color: var(--color-white)!important
}

/*��� ������ ���������*/
#pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -131px 0 0 -451px!important;
    z-index: 100;
    width: 903px!important;
    position: absolute;
    right: 12px!important;
    font-size:10px;
    box-shadow: inset 0 0 0 3px rgba(232, 231, 231, .7)!important;
background-color: var(--color-white)!important
}

#pun-respect.punbb .main .tc3 {text-transform: none !important; color:#000}
#pun-respect.punbb .main {font-size:10px;}


/* ��������� */
::-webkit-scrollbar {    width: 7px;
    height: 6px;}  
::-webkit-scrollbar-track {     background-color:  var(--color-mda);} 
::-webkit-scrollbar-thumb {    background-color:  var(--color-nice);}


/*����� ���, ������������*/
#pun th {    
text-transform: lowercase;
    font-size: 0px;
    font-weight: bold;
    opacity: 0.0;
}
#pun-userlist th {
opacity: 1;
font-size: 9px;
}

#pun-messages .fs-box {}
#pun-messages .pa-posts, #pun-messages .pa-reg {display:none;}


#main-reply {
    height: 270px;
    text-align: justify;
    background: var(--color-grey);
    margin-bottom: 5px;
border: 1px solid var(--color-black);
    padding: 5px 10px;
line-height: 1.1;
}

/*ARROWS*/
.go-up, .go-down {
    color: var(--color-hz);
    position: fixed;
    margin-left: 1020px!important;
    z-index: 9997;
    cursor: pointer;
    opacity: 1;
    transform: rotate(90deg);
}

.go-up {
bottom: 57%; 
}
.go-down {
bottom: 47%; 
}

.go-up:before, .go-down:before{font-family: BlackOceanOne;
font-size:72px;
position: absolute;
cursor: pointer;
position: relative;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

.go-up:before {content: '<';}

.go-down:before{content: '>';}


.banr{    height: 55px;
    overflow-y: auto;}

.bannner {
position:absolute;
    margin-top: 25px !important;
    width: 970px;
    height: 75px;
    overflow-y: none;
    text-align: center;
}

.bannner a {
    opacity: 0.65;
    -moz-opacity: 0.65;
    filter:grayscale(100%);
    transition: all 0.5s linear 0s;
    -webkit-transition: all 0.5s linear 0s;
    -moz-transition: all 0.5s linear 0s;
    -o-transition: all 0.5s linear 0s;
}

.bannner a:hover {
opacity:1; 
-moz-opacity:1; 
filter:grayscale(0%);
}

#statistic-other{
    text-align: center!important;
    text-transform: lowercase;
    font-size: 8px;
    font-weight: bold; }


.punbb .main .tcr a {
   }
.punbb .main .tcr span {
  font-size: 11px;
}

#pun-viewforum .tcr a {
    font-size: 11px;
}
.pun-modal .modal-inner {
    border: 4px double #c0bebc!important;
    background: var(--color-white)!important;
}


/* ����� ���� ������ */
.button, #sub4 {
    cursor: pointer;
    margin-top: 0px !important;
    padding: 2px 6px 3px;
    text-decoration: none;
    vertical-align: middle;
    text-transform: lowercase;
}



/* ������������ */
#post-preview .fs-box .post-content {padding:10px!important;}

/* �� */
#pun-messages .fs-box {/*margin-top: -52px;*/}
#pun-messages .post h3 { width: auto}
#pun-messages #profile .container fieldset {border:none;}
#pun-messages #profile .post-links ul {background: none;}
#pun-messages #font-area, #pun-messages #size-area, #pun-messages #color-area, #pun-messages #table-area, #pun-messages #image-area, #pun-messages #imageup-area, #pun-messages #imageattach-area, #pun-messages #keyboard-area, #pun-messages #video-area, #pun-messages #addition-area {width: auto!important;}
#pun-messages #smilies-area {width: 455px!important;}


#font-area {overflow-y: auto; height: 300px; width:170px;}


/* ������� */

div.post-author > ul.hv-mask > li.pa-fld1 > a:nth-child(1),
div.post-author > ul.hv-mask > li.pa-fld1 > a:nth-child(1):hover,
div.post-author > ul.hv-mask > li.pa-fld1 > a:nth-child(1):visited,
div.post-author.online > ul.hv-mask > li.pa-fld1 > a:nth-child(1),
div.post-author.online > ul.hv-mask > li.pa-fld1 > a:nth-child(1):hover,
div.post-author.online > ul.hv-mask > li.pa-fld1 > a:nth-child(1):visited,
div.post-author > ul > li.pa-fld1 > a:nth-child(1), 
div.post-author > ul > li.pa-fld1 > a:nth-child(1):hover, 
div.post-author > ul > li.pa-fld1 > a:nth-child(1):visited,
div.post-author.online > ul > li.pa-fld1 > a:nth-child(1), 
div.post-author.online > ul > li.pa-fld1 > a:nth-child(1):hover, 
div.post-author.online > ul > li.pa-fld1 > a:nth-child(1):visited, 
div.post-author > ul > li.pa-fld1 > a:nth-child(2), 
div.post-author > ul > li.pa-fld1 > a:nth-child(2):hover, 
div.post-author > ul > li.pa-fld1 > a:nth-child(2):visited,
div.post-author.online > ul > li.pa-fld1 > a:nth-child(2), 
div.post-author.online > ul > li.pa-fld1 > a:nth-child(2):hover, 
div.post-author.online > ul > li.pa-fld1 > a:nth-child(2):visited
{    
    color: var(--color-mda2)!important;
    font-size: 14px;
    font-family: var(--custom);
    letter-spacing: 1px;
    font-style: normal;
}

li.pa-fld1 > br {content: "";
    margin: 2px 0 1px;
    display: block;
    font-size: 1%;
}


.pa-fld1 {
    text-align: justify;
    font-size: 9px;
    color: var(--color-black);
    margin-top: 0px!important;
    margin-bottom: 10px!important;
    padding: 0px 20px 0px!important;
    overflow-y: auto;
    background: var(--color-back);
line-height: 1.35;
}

.pa-fld1 a, .pa-fld1 a:hover, .pa-fld1 a:visited {
    color: var(--color-nice)!important;
    font-style: italic;
}

.post .pa-fld2 {
color: var(--color-mda);
    text-align: center;
    text-transform: lowercase;
    letter-spacing: 1.25px;
    padding: 5px;
    height: 15px;
    margin: 0px 16px;
    border-top: 1px solid var(--color-hz);
    font-family: var(--custom);
    font-size: 12px;
}

.pa-fld2 a, .pa-fld2 a:hover, .pa-fld2 a:visited {
color: var(--color-mda)!important;
}

.pa-fld4, .pa-fld3, .pa-respect {
    font-size: 9px;
    /* letter-spacing: 1px; */
    color: var(--color-black);
    margin-top: 5px!important;
    margin-bottom: 10px!important;
    display: inline-block;
    text-align: center;
    margin: 2px;
}

/*�����*/
.pa-fld4 {width: 38px;}

  /*������*/  
.pa-fld3 {width: 50px;}

.pa-respect {width: 58px;
}


div.post-author > ul > .pa-posts {display:none; margin-left: 108px;}

.pa-time-visit, .pa-last-visit, .pa-ip {
    font-size: 9px;
    color: var(--color-black)!important;
    text-transform: lowercase;
    text-align: center;
    margin-right: 5px!important;
}
.pa-time-visit br {display:none}
.pa-last-visit br {display:none}

/* ������ �������� ��� ����� */
.pa-avatar img {max-width: 180px; max-height: 180px;}
#mask_form .signature textarea, #mask_form .pafld1 textarea {height: 50px;}

/* ������ - �����������, "���� �������", "�����", "���������������", "����������", ������� */
#pun-index .modlist {display: none;}
.closedatafield {display:none;}
.stickytext {display:none}
.lastedit {display:none;}
#pun-announcement h2 {display: none}
li#navawards {display: none !important;}

/* ������ ������� */
#pun-index .user-avatar {
    margin: -5px 35px 0px 25px;
    }
.punbb em.user-avatar {
    float:right !important;
    }
.punbb .user-avatar img.ava {
    border-radius:0!important;

    }

.punbb .user-avatar .avatar-image {
    background-size: contain!important;
    background-color: var(--color-mda2)!important;
    width: 38px!important;
    height: 38px!important;
    opacity: 1!important;
    border-radius: 50px!important;
    outline: 2px solid var(--color-hz);
    outline-offset: 3px;
}


.img a.title {
 background: var(--color-white);
}

/* ��� ���������� � ��������� */
#pun-index .category .tc2,#pun-index .category .tc3,
#f-subforums .tc2,#f-subforums .tc3{
  display:none!important;
}
.Tems_And_messages {
  /*display:inline-block;*/
  display:none;
  width:auto;
}
.main table .Add {  display:none;
    /*display: inline-block;
    padding: 5px 1px;
color: var(--color-grey);*/
}


.post-content hr {
background: var(--color-nice);
height: 1px;
box-shadow: none !important;
border: none !important;
margin: 5px 55px !important;
}

span.num_msg {
    margin-top: -15px!important;
    margin-left: -15px!important;
    background: var(--color-hz)!important;
}

span.num_msg:before {
    background: var(--color-hz)!important;
}

#MyBookmarks .container {
    background: var(--color-white);
}

#MyBookmarks h2 {
margin: 0!important;
    background: var(--color-hz);
}

#BookmCntToggle.default-style {
    color: var(--color-grey)!important;
}

.isonline {
    margin-top: 0px!important;
    background: var(--color-nice)!important;
}

#form-buttons table {    border: none!important;
    background: none!important;}

/* ������ */

#pun-navlinks {
  text-align: center;
}

#pun-navlinks li {    display: inline;     margin: 0px 3px;}

#pun-navlinks a {
    display: inline-block;}

#pun-navlinks a span {
    display: block;}

#navpr_1 li span {
}

��

mybb@mybb.ru (manta) — Thu, 01 Jun 2023 20:39:54 +0300

��:

/* CS1 Background and text colours
-------------------------------------------------------------*/

/* Variables
--------------------------------- */

:root {
    --color-hz: #776351; /*���*/

    --color-white: #f0f0f0;
    --color-black: #000;

    --color-grey2: #d5d5d5;
    --color-green: #979797; /*#38784f; */


--color-brown: #2e3c47; /*�����*/
--color-grey: rgb(60 60 60 / 15%); /*#c3c2c8; */
--color-mda: #66523d;
--color-mda2: #747d87;
--color-nice: #a76e25;


--color-blue: #e3dd94;

--html-bg: #222 url(https://forumstatic.ru/files/001a/eb/a8/42166.jpg) top center repeat-y fixed;
--html-bg2: url(https://forumstatic.ru/files/001a/eb/a8/42166.jpg) center no-repeat;

--custom: bebas neue;
--custom2: VerPro;
}


/*���*/
body {
  background: var(--html-bg);
}


#pun-title table {
    margin-left: 0px;
}

#title-logo-tbody {
    background: url(https://forumstatic.ru/files/001a/eb/a8/40892.png);
    background-position: top center;
    position: absolute;
    top: 7px;
    height: 153px;
    width: 236px;
}

#html-header { 
    width: 970px;
    height: 0px;
}

#Logo {display:none;
width: 225px;
    text-align: center;
    padding: 0px 2px 3px;
    position: absolute;
    top: 95px;
    left: 13px;
    font-family: var(--custom);
    letter-spacing: 2px;
    font-size: 26px;
    background: var(--color-green);
    color: var(--color-white);
}

#Logo1 { display:none;
   width: 190px;
    text-align: center;
    padding: 0px 2px 3px;
    position: absolute;
    bottom: 17px;
    left: 95px;
    font-family: var(--custom);
    letter-spacing: 2px;
    font-size: 26px;
    background: var(--color-nice);
    color: var(--color-white);
    outline: 1px solid;
    outline-offset: 4px;
}

#ams {
   display:none;
 }

#activity {display:none;
    position: absolute;
    width: 155px;
    text-align: center;
    color: var(--color-white);
    font-size: 14px;
    outline: 1px solid var(--color-nice);
    outline-offset: -5px;
    background: var(--color-green);
    padding: 10px;
    bottom: 10px;
    height: 70px;
}

#activity > a, #epic > a, #pair > a  {
    color: var(--color-white)!important;
}

#epic  {display:none;
    width: 200px;
    text-align: center;
    padding: 3px 2px 5px;
    position: absolute;
    top: 83px;
    left: 70px;
    font-family: var(--custom);
    letter-spacing: 2px;
    font-size: 15px;
    /* background: var(--color-nice); */
    color: var(--color-white);
   }

 #pair {display:none;
    width: 200px;
    text-align: center;
    padding: 3px 2px 5px;
    position: absolute;
    top: 60px;
    left: 70px;
    font-family: var(--custom);
    letter-spacing: 2px;
    font-size: 15px;
    /* background: var(--color-green); */
    color: var(--color-white);
   }


#act {display:none;
    position: relative;
    top: 111px;
    left: -348px;}

#act1, #act2, #act3, #act4 {
    position: absolute;
    width: 40px;
    height: 40px;
}

#act1> a > img:hover, #act2> a > img:hover, #act3> a > img:hover, #act4> a > img:hover {opacity:1;     
}

#act1 {
   right: 522px;
}

#act2 {
right: 460px;
}

#act3 {
right: 398px;
}

#act4 {
right: 336px;
}


#act1 > a > img, #act2 > a > img, #act3 > a > img, #act4 > a > img {
    top: 0px;
    left: 0px;
    position: absolute;
    background-size: contain!important;
    outline: 2px solid var(--color-white);
    outline-offset: 3px;
    opacity: 0;
    border-radius: 50px;
    -webkit-transition: all 0.25s 0s ease;
    -moz-transition: all 0.25s 0s ease;
    -o-transition: all 0.25s 0s ease;
    transition: all 0.25s 0s ease;
    width: 38px;
    height: 38px;} 


#RANDOM {display:none;
    position: absolute;
    right: 55px;
    top: 25px;
    width: 275px;
    height: 115px;
    padding: 10px;
}

#KontentRotator2 {  display:none;}
#KontentRotator {  display:none;
    font-size: 10px;
    line-height: 1.3;
    text-align: right;
    color: var(--color-white);
    overflow-y: auto;
    width: 275px;
    height: 110px;
    padding: 0px 10px 0 3px;
}

#KontentRotator br {display:none!important;
            display: block; /* makes it have a width */
            content: ""; /* clears default height */
            margin-top: 4px; /* change this to whatever height you want it */
}

kr {    font-family: var(--custom);
    font-size: 13px;
    letter-spacing: 1px;
    text-transform: lowercase;
}   

#KontentRotator > p > a, kr > a {color:var(--color-green)!important}



/* ���� ������ */
#pun {
   width: 970px;
}

.punbb {
float: none;
    width: auto;
    height: auto;
    margin: 0 auto;
    background: var(--color-white);
    margin-top: 160px;
}

/* ����� */
#pun-about .container {
    height: 0px;
    width: 970px;
}

#html-footer p {
display: block;
    width: 956px;
    padding: 7px;
    text-align: center;
    font-size: 11px;
    letter-spacing: 1px;
    color: var(--color-brown);
    font-family: var(--custom);
}

/* CS1.1 */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
  background: transparent;
  color: var(--color-black);
  }

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
  background: transparent;
  color: var(--color-black);
  }

#pun-admain h2 span {
display:block;
}


/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  }

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background: transparent;
  color: var(--color-black);
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
display: block;
    padding: 4px 15px;
    padding-bottom: 0px;
    font-size: 15px;
    font-weight: normal;
    width: fit-content;
    font-style: normal;
    text-align: center;
    margin-top: -12px!important;
    margin-bottom: 8px;
    margin-left: auto;
    margin-right: auto;
    color: var(--color-brown);
  }

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background: transparent;
  color: var(--color-black)
  }

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
    background: var(--color-grey);
    box-shadow: 5px 5px 0 var(--color-mda2);
}


/* CS1.8 */
#pun-navlinks .container {
  background: transparent;
  }

.offline li.pa-online strong {
  font-weight: normal;
  }

/* CS2 Border colours
-------------------------------------------------------------*/

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
  border-color: transparent;
  }

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color: transparent;
  }

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border-color: transparent;
  }

/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
  border-color: transparent;
  }

/* CS2.5 */
.punbb th {
  border-color: transparent;
  }



#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
  border-color: transparent;
  }

#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
  border-color: transparent;
  }

.punbb .divider {
  border-color: transparent;
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 1px solid transparent;
  }

li.pa-online {
  border-left-color: transparent;
  }


/* CS3 Links
-------------------------------------------------------------*/

/* CS3.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
  text-decoration: none;
  color: var(--color-mda2);
  }


/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
  color: var(--color-mda2);
    }

/* CS3.3 */
#pun-navlinks a {
    color: var(--color-white);
    margin: 4px 0px !important;
    font-size: 20px;
    letter-spacing: 1px;
    font-family: var(--custom);
    text-transform: lowercase;
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
    color: var(--color-white);
  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  color: var(--color-mda2);
  }

#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
  text-decoration: none;
  }



/* CS4 Post status icons
 -------------------------------------------------------------*/

/* ������*/

#pun-searchtopics TR Div.icon , #pun-viewforum TR Div.icon,
#pun-searchtopics TR.isticky Div.icon , #pun-messages TR.isticky Div.icon , #pun-viewforum TR.isticky Div.icon, #pun-searchtopics TR.iclosed.isticky Div.icon , #pun-messages TR.iclosed.isticky Div.icon , #pun-viewforum TR.iclosed.isticky Div.icon, .iclosed Div.icon,#pun-searchtopics TR.iclosed Div.icon , #pun-viewforum TR.iclosed Div.icon, #pun-searchtopics TR.inew Div.icon, #pun-viewforum TR.inew Div.icon {
    margin-right: 0px;
    margin-left: 25px;
    margin-top: -3px!important;
}

#pun-messages TR Div.icon, #pun-messages TR.iclosed Div.icon, #pun-messages TR.inew Div.icon {
    margin-right: 0px;
    margin-left: 0px;
    margin-top: 15px!important;
}


div.icon {
    margin-right: 15px;
    margin-top: 8px;
    margin-left: 20px;
    width: 20px;
    height: 20px;
    position: absolute;
}
div.icon:before {
    content: "+";
    font-size: 21px;
    color: var(--color-green);
    top: -4px;
    left: -10px;
    position: absolute;
    font-family: var(--custom2);
}


.isticky Div.icon:before {
    color: var(--color-mda);
}

.inew Div.icon:before, .inew.isticky Div.icon:before {
    color: var(--color-nice);
}

.inew.iclosed Div.icon:before {
    content: "x"; 
    left: -8px;
    color: var(--color-nice);
} 

.iclosed Div.icon:before {    content: "x";     left: -8px;}

.isticky.iclosed Div.icon:before {
    content: "x";
    left: -8px;
    color: var(--color-mda);
}

.inew.isticky.iclosed Div.icon:before {
    content: "x"; 
    left: -8px;
    color: var(--color-mda);
}



#pun-main div.catleft, #pun-main div.catright {display: none}


div.post-rating a, div.post-rating a:hover {
    display: block;
 /*   background: var(--color-hz);*/
/*    color: var(--color-white)!important;*/
    width: 35px;
    height: 26px;
    padding-top: 8px;
    text-align: center;
/*    clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
    -webkit-clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);*/
}

div.post-vote .container {
margin-top: 9px!important;
}

/*����� ��������� */
::selection  {
    background: none repeat scroll 0 0 var(--color-blue);
    color: var(--color-black);
    opacity: 1;
text-decoration:none!important
} 
*::-moz-selection
{
    background: none repeat scroll 0 0 var(--color-blue);
    color: var(--color-black);
    opacity: 1;
text-decoration:none!important
} 


/* ����� ������ ��� � ������ */
#pun-main .forum  .tcl .tclcon {
    text-align: justify;
}

/* ������ ��� � ������ ��� ��������� ���� */
#pun-main .forum .tcl .byuser {
}
#pun-main .forum .tcl .byuser:before { content: "�";}


/*����� ������ ����� ���������� ������*/
#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {
    position: absolute;
    z-index: 1000;
    right: 12px!important;
    padding: 15px;
    top: 54px!important;
    box-shadow: inset 0 0 0 2px rgba(232, 231, 231, .7);
background-color: var(--color-white)!important
}

/*��� ������ ���������*/
#pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -131px 0 0 -451px!important;
    z-index: 100;
    width: 903px!important;
    position: absolute;
    right: 12px!important;
    font-size:10px;
    box-shadow: inset 0 0 0 3px rgba(232, 231, 231, .7)!important;
background-color: var(--color-white)!important
}

#pun-respect.punbb .main .tc3 {text-transform: none !important; color:#000}
#pun-respect.punbb .main {font-size:10px;}


/* ��������� */
::-webkit-scrollbar {    width: 7px;
    height: 6px;}  
::-webkit-scrollbar-track {     background-color:  var(--color-mda);} 
::-webkit-scrollbar-thumb {    background-color:  var(--color-nice);}


/*����� ���, ������������*/
#pun th {    
text-transform: lowercase;
    font-size: 0px;
    font-weight: bold;
    opacity: 0.0;
}
#pun-userlist th {
opacity: 1;
font-size: 9px;
}

#pun-messages .fs-box {padding: 4em 0 0.8em 0;}
#pun-messages .pa-posts, #pun-messages .pa-reg {display:none;}


#main-reply {
    height: 270px;
    text-align: justify;
    background: var(--color-grey);
    margin-bottom: 5px;
    box-shadow: 4px 4px 0 var(--color-green);
    border: none!important;
    padding: 5px 10px;
}

/*ARROWS*/
.go-up, .go-down {
    color: var(--color-brown);
    position: fixed;
    margin-left: 1010px!important;
    z-index: 9997;
    cursor: pointer;
    width: 47px;
    height: 47px;
    opacity: 1;
}

.go-up {
bottom: 57%; 
}
.go-down {
bottom: 47%; 
}

.go-up:before{font-family: FontAwesome;font-size:2.5rem;position: absolute;content: '\f077';cursor: pointer;position: relative;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}

.go-down:before{font-family: FontAwesome;font-size: 2.5rem;position: absolute;content: '\f078';cursor: pointer;position: relative;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}


.banr{    height: 55px;
    overflow-y: auto;}

.bannner {
position:absolute;
    margin-top: 10px !important;
    width: 960px;
    height: 75px;
    overflow-y: none;
    text-align: center;
}

.bannner a {
    opacity: 0.65;
    -moz-opacity: 0.65;
    filter:grayscale(100%);
    transition: all 0.5s linear 0s;
    -webkit-transition: all 0.5s linear 0s;
    -moz-transition: all 0.5s linear 0s;
    -o-transition: all 0.5s linear 0s;
}

.bannner a:hover {
opacity:1; 
-moz-opacity:1; 
filter:grayscale(0%);
}

#statistic-other{
    text-align: center!important;
    text-transform: lowercase;
    font-size: 8px;
    font-weight: bold; }


.punbb .main .tcr a {
   }
.punbb .main .tcr span {
  font-size: 11px;
}

#pun-viewforum .tcr a {
    font-size: 11px;
}
.pun-modal .modal-inner {
    border: 4px double #c0bebc!important;
    background: var(--color-white)!important;
}


/* ����� ���� ������ */
.button, #sub4 {
    cursor: pointer;
    margin-top: 0px !important;
    padding: 2px 6px 3px;
    text-decoration: none;
    vertical-align: middle;
    text-transform: lowercase;
}



/* ������������ */
#post-preview .fs-box .post-content {padding:10px!important;}

/* �� */
#pun-messages .fs-box {/*margin-top: -52px;*/}
#pun-messages .post h3 { width: auto}
#pun-messages #profile .container fieldset {border:none;}
#pun-messages #profile .post-links ul {background: none;}
#pun-messages #font-area, #pun-messages #size-area, #pun-messages #color-area, #pun-messages #table-area, #pun-messages #image-area, #pun-messages #imageup-area, #pun-messages #imageattach-area, #pun-messages #keyboard-area, #pun-messages #video-area, #pun-messages #addition-area {width: auto!important;}
#pun-messages #smilies-area {width: 455px!important;}


#font-area {overflow-y: auto; height: 300px; width:170px;}


/* ������� */

div.post-author > ul.hv-mask > li.pa-fld1 > a:nth-child(1),
div.post-author > ul.hv-mask > li.pa-fld1 > a:nth-child(1):hover,
div.post-author > ul.hv-mask > li.pa-fld1 > a:nth-child(1):visited,
div.post-author.online > ul.hv-mask > li.pa-fld1 > a:nth-child(1),
div.post-author.online > ul.hv-mask > li.pa-fld1 > a:nth-child(1):hover,
div.post-author.online > ul.hv-mask > li.pa-fld1 > a:nth-child(1):visited,
div.post-author > ul > li.pa-fld1 > a:nth-child(1), 
div.post-author > ul > li.pa-fld1 > a:nth-child(1):hover, 
div.post-author > ul > li.pa-fld1 > a:nth-child(1):visited,
div.post-author.online > ul > li.pa-fld1 > a:nth-child(1), 
div.post-author.online > ul > li.pa-fld1 > a:nth-child(1):hover, 
div.post-author.online > ul > li.pa-fld1 > a:nth-child(1):visited, 
div.post-author > ul > li.pa-fld1 > a:nth-child(2), 
div.post-author > ul > li.pa-fld1 > a:nth-child(2):hover, 
div.post-author > ul > li.pa-fld1 > a:nth-child(2):visited,
div.post-author.online > ul > li.pa-fld1 > a:nth-child(2), 
div.post-author.online > ul > li.pa-fld1 > a:nth-child(2):hover, 
div.post-author.online > ul > li.pa-fld1 > a:nth-child(2):visited
{    
    color: var(--color-mda2)!important;
    font-size: 13px;
    font-family: var(--custom);
    letter-spacing: 0px;
    font-style: normal;
}

li.pa-fld1 > br {content: "";
    margin: 4px 0 3px;
    display: block;
    font-size: 1%;
}


.pa-fld1 {
    text-align: left;
    font-size: 9px;
    line-height: 12px;
    color: var(--color-black);
    margin-top: -2px!important;
    margin-bottom: 10px!important;
    padding: 0px 25px 15px!important;
    overflow-y: auto;
    background: var(--color-back);
}

.pa-fld1 a, .pa-fld1 a:hover, .pa-fld1 a:visited {
    color: var(--color-green2)!important;
    font-style: italic;
}

.post .pa-fld2 {
color: var(--color-brown);
    text-align: left;
    text-transform: lowercase;
    font-size: 10px;
    /* font-family: var(--custom); */
    letter-spacing: 0px;
    padding: 5px;
    height: 15px;
    margin-top: 0px;
}


.pa-fld4, .pa-fld3 {
    font-family: var(--custom);
    font-size: 15px;
    letter-spacing: 1px;
    color: var(--color-black);
    margin-top: 5px!important;
    margin-bottom: 10px!important;
    width: 108px;
    display: inline-block;
}

.pa-fld3 {    text-align: right;
    padding-right: 10px!important}

.pa-fld4 {    text-align: left;
    padding-left: 10px!important;}

.pa-posts, .pa-respect, .pa-respect a {
    text-align: center;
    color: var(--color-black)!important;
    text-transform: lowercase;
    font-size: 9px;
}


.pa-posts {
    margin-left: 108px;
}

.pa-time-visit, .pa-last-visit, .pa-ip {
    font-size: 9px;
    color: var(--color-black)!important;
    text-transform: lowercase;
    text-align: center;
    margin-right: 5px!important;
}
.pa-time-visit br {display:none}
.pa-last-visit br {display:none}

/* ������ �������� ��� ����� */
.pa-avatar img {max-width: 180px; max-height: 180px;}
#mask_form .signature textarea, #mask_form .pafld1 textarea {height: 50px;}

/* ������ - �����������, "���� �������", "�����", "���������������", "����������", ������� */
#pun-index .modlist {display: none;}
.closedatafield {display:none;}
.stickytext {display:none}
.lastedit {display:none;}
#pun-announcement h2 {display: none}
li#navawards {display: none !important;}

/* ������ ������� */
#pun-index .user-avatar {
    margin: -5px 35px 0px 25px;
    }
.punbb em.user-avatar {
    float:right !important;
    }
.punbb .user-avatar img.ava {
    border-radius:0!important;

    }

.punbb .user-avatar .avatar-image {
   background-size: contain!important;
    background-color: var(--color-mda2)!important;
    width: 40px!important;
    height: 40px!important;
    opacity: 1!important;
    border-radius: 0!important;
    box-shadow: 4px 4px 0 var(--color-brown);
}



.img a.title {
 background: var(--color-white);
}

/* ��� ���������� � ��������� */
#pun-index .category .tc2,#pun-index .category .tc3,
#f-subforums .tc2,#f-subforums .tc3{
  display:none!important;
}
.Tems_And_messages {
  /*display:inline-block;*/
  display:none;
  width:auto;
}
.main table .Add {  display:none;
    /*display: inline-block;
    padding: 5px 1px;
color: var(--color-grey);*/
}


.post-content hr {
background: var(--color-nice);
height: 1px;
box-shadow: none !important;
border: none !important;
margin: 5px 75px !important;
}

span.num_msg {
    margin-top: -15px!important;
    margin-left: -15px!important;
    background: var(--color-hz)!important;
}

span.num_msg:before {
    background: var(--color-hz)!important;
}

#MyBookmarks .container {
    background: var(--color-white);
}

#MyBookmarks h2 {
margin: 0!important;
    background: var(--color-hz);
}

#BookmCntToggle.default-style {
    color: var(--color-grey)!important;
}

.isonline {
    margin-top: 0px!important;
    background: var(--color-nice)!important;
}

#form-buttons table {    border: none!important;
    background: none!important;}

/* ������ */

#pun-navlinks {
  text-align: center;
}

#pun-navlinks li {    display: inline;     margin: 0px 3px;}

#pun-navlinks a {
    display: inline-block;}

#pun-navlinks a span {
    display: block;}

#navpr_1 li span {
}

Oh, I hope some day I'll make it out of here Even if it takes all nigh

mybb@mybb.ru (manta) — Mon, 26 Dec 2022 15:02:05 +0300

[html]<div class="theme-back">
<div class="theme-name1">
<div class="theme-name">
�� <span class="colortext">��</span>
<div class="theme-subname">// �� //</div>
</div>
</div>

<div class="blabla">
<div class="theme-name">��</div></br>
<div class="theme-links"><a href="http://clubofromance.rusff.me/profile.php?id=3">sarah</a><br>
<a href="http://clubofromance.rusff.me/profile.php?id=14">manta</a><br>
<a href="http://clubofromance.rusff.me/profile.php?id=20">agatha</a></div>
</div>

</div>
</div>
</div>
[/html]

��:

��� ��������� [���������] � �� username � �� DD.MM<br>

��

mybb@mybb.ru (manta) — Fri, 16 Dec 2022 20:08:12 +0300

��:

/* CS1 Background and text colours
-------------------------------------------------------------*/

/* Variables
--------------------------------- */

:root {
    --color-green: #786663; /*����������*/
    --color-red: #acc7c7; /*�������*/
    --color-back:#f0f0f0;
    --color-hz: #f0f0f0;

    --color-white: #191919;
    --color-black: #222;
    --color-grey: #c3c3c3;

--color-brown: #bbb;
--color-nice:#222;

    --color-mda: #62001d;

--color-pink: #ffe1e1;

--custom: Myriad;
--custom2: MyriadProBold;

    --html-bg: #666 url(https://forumstatic.ru/files/001a/cf/3c/47841.jpg);

    --noise: #d8d8d8 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwAgMAAAAqbBEUAAAACVBMVEUAAADc2tzU1tSVBL31AAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAWpJREFUKJEVkksOREEERW2yXlLmJOyHpMxJWGXrOfdzAI7DJ78PCwOamS6L9cmAI0fCz3S9gvC+g/HdJoVKuX6OU6DDVFnGoQj/oGJwqttlBpQ93uCt7AKTS6pqmBWQopZzstEc4juSPvXYCd7ByhR8Yxf05fVwJy4Bpo9d2+x7DN1H8VWdfgp4Vqwjb6fBrFRwVduOcbzLpdEYvBXESeSVp0NHsNxGxxY4sR2puFF6x+LpY2rLt00/l2LyUoFWTNOm98UDrbjRL5KuwResqJuhyuHKGZnvHVMGUiwdOZlbYWmEHTWd5RbmeaSHrRhGqahnuUTDAo1aAHZpfWZcciJ0LtyazTB5zib4YoqdjbYwdHF20KdDASgWt6JwFyEQ94Sjd1YAT90wxEPTML0m3w2ldwADe10upT3Y4w5+W8nE/2qf3NlIMoDD9xWhEW+CmjR0YZz9A3Jb6hq2rCdfZ9XwmgPu/feRnrfnD5HSLW50u+ptAAAAAElFTkSuQmCC);
}



/*���*/
body {
background: var(--html-bg) top center no-repeat fixed;
}

#Logo {background: url(https://forumstatic.ru/files/001a/cf/3c/51581.png) top center no-repeat;
    width: 970px;
    height: 70px;
    text-align: left;
    position: absolute;
    font-family: var(--custom2);
    letter-spacing: 0px;
    padding-top: 4px;
    font-size: 0px;
    font-weight: bold;
    color: var(--color-red);
}

#Logo1 { display:none;
}

#Logo, #Logo1 {top: -55px;
    position: relative;
    z-index: 2;}


#activity {display: none!important;
 }

#ams { display: none!important;
 }

 #pair, #epic {display:none}


#act {
   position: absolute;
    width: 970px;
    top: 25px;
    left: -90px;}

#act1, #act2, #act3, #act4 {
    position: absolute;
    width: 50px;
    height: 50px;
}

div#act1:before, div#act2:before, div#act3:before, div#act4:before  {
    content: ".";
    font-family: var(--custom2);
    font-size: 88px;
    color: var(--color-red);
    top: -5px;
    left: 0px;
    position: absolute;
}

#act1> a > img:hover, #act2> a > img:hover, #act3> a > img:hover, #act4> a > img:hover {opacity:1;     
}

#act1 {left:320px}

#act2 {left:255px}

#act3 {left:190px}

#act4 {left:125px}

#act1 > a > img, #act2 > a > img, #act3 > a > img, #act4 > a > img {
    top: 50px;
    left: -12px;
    position: absolute;
    opacity: 0;
    border-radius: 50px;
    -webkit-transition: all 0.25s 0s ease;
    -moz-transition: all 0.25s 0s ease;
    -o-transition: all 0.25s 0s ease;
    transition: all 0.25s 0s ease;
    background-size: contain!important;
    background-color: var(--color-grey)!important;
    width: 50px;
    height: 50px;
    outline: 2px solid var(--color-red);
    outline-offset: 2px;
} 


#ZACHTO {    position: relative;     z-index: 2;}

#RANDOM2 { display:none!important;
    position: relative;
    z-index: 1;
    height: 150px;
    width: 960px;
    background: var(--color-black);
}

#RANDOM {
    position: relative;
    left: 245px;
    top: -30px;
    width: 460px;
    height: 70px;
    background: var(--color-back);
    opacity: 0.85;
    padding: 10px;
    z-index: 5;
}

#KontentRotator {  
    font-size: 9px;
    text-align: justify;
    color: var(--color-white);
    overflow-y: auto;
    width: 430px;
    height: 60px;
    padding: 4px 15px;
    z-index: 5;
}

#KontentRotator br {
            display: block; /* makes it have a width */
            content: ""; /* clears default height */
            margin-top: 4px; /* change this to whatever height you want it */
}


kr {    color: var(--color-red);
    font-weight: bold;
    font-size: 12px;
    letter-spacing: 1px;
    font-family: century gothic;}   

#html-header {
    width: 970px;
    height: 160px;
    border-bottom: 20px solid var(--color-pink);
    top: 0px;
    background: var(--color-pink) url(https://forumstatic.ru/files/001a/cf/3c/40171.png) center center no-repeat;
}

/* ���� ������ */
#pun {
   width: 990px;
   padding: 25px 10px 10px;
}

   .punbb {
    float: none;
    width:auto;
    height: auto;
    margin: 0 auto;
    background: var(--color-back);
    /* margin-top: 100px; */
    border: 20px solid var(--color-pink);
      }

/* ����� */
#pun-about .container {
    height: 0px;
width: 970px;
}

#html-footer p {
    display: block;
    width: 956px;
    padding: 7px;
    text-align: center;
    font-size: 11px;
    letter-spacing: 1px;
    color: var(--color-black);
    font-family: var(--custom2);
    letter-spacing: 2px;
}

/* CS1.1 */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
  background: var(--color-back)!important;
  color: var(--color-black);
  }

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
  background: transparent;
  color: var(--color-black);
  }

#pun-admain h2 span {
display:block;
}


/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  }

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background: transparent;
  color: var(--color-gr);
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
    display: block;
    padding: 4px 15px;
    padding-bottom: 0px;
    font-size: 13px;
    font-weight: normal;
    width: fit-content;
    font-style: normal;
    text-align: center;
    font-family: var(--custom);
/*    text-transform: uppercase;
    margin-top: -12px!important;*/
    margin-bottom: 8px;
    margin-left: auto;
    margin-right: auto;
    letter-spacing: 0.7px;
  }

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background: transparent;
  }

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
/*    background: var(--noise);*/
    border: 1px solid var(--color-black);
}

/* CS1.8 */

.offline li.pa-online strong {
  font-weight: normal;
  }

/* CS2 Border colours
-------------------------------------------------------------*/

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
  border-color: transparent;
  }

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color: transparent;
  }

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border-color: transparent;
  }

/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
  border-color: transparent;
  }

/* CS2.5 */
.punbb th {
  border-color: transparent;
  }



#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
  border-color: transparent;
  }

#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
  border-color: transparent;
  }

.punbb .divider {
  border-color: transparent;
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 1px solid transparent;
  }

li.pa-online {
  border-left-color: transparent;
  }


/* CS3 Links
-------------------------------------------------------------*/

/* CS3.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
    text-decoration: none;
    color: var(--color-red);
   /* font-family: var(--custom);
    font-size: 12px;
    letter-spacing: 1px;*/
    }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: var(--color-red);
  }

/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
  color: var(--color-red);
    }

/* CS3.3 */
#pun-navlinks a {
    color: var(--color-black);
    text-decoration: none;
    font-family: var(--custom2);
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
    color: var(--color-black);
  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  color: var(--color-gr);
  }

#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
  text-decoration: none;
  }



/* CS4 Post status icons
 -------------------------------------------------------------*/

/* ������*/

div.icon {
background-color: var(--color-grey);
    border-radius: 50px;
    margin-right: 15px;
    margin-top: 10px;
    margin-left: 36px;
    width: 15px;
    height: 15px;
    position: absolute;
  }

.isticky Div.icon, .iclosed Div.icon, .isticky.iclosed Div.icon {
    background-color: var(--color-black);
}

.inew Div.icon, .inew.isticky Div.icon, .inew.iclosed Div.icon, .inew.isticky.iclosed Div.icon {
    background:var(--color-red);
}

#pun-searchtopics TR Div.icon , #pun-viewforum TR Div.icon,
#pun-searchtopics TR.isticky Div.icon , #pun-messages TR.isticky Div.icon , #pun-viewforum TR.isticky Div.icon, #pun-searchtopics TR.iclosed.isticky Div.icon , #pun-messages TR.iclosed.isticky Div.icon , #pun-viewforum TR.iclosed.isticky Div.icon, .iclosed Div.icon,#pun-searchtopics TR.iclosed Div.icon , #pun-viewforum TR.iclosed Div.icon, #pun-searchtopics TR.inew Div.icon, #pun-viewforum TR.inew Div.icon {
    margin-top: 0px!important;
}

#pun-messages TR Div.icon, #pun-messages TR.iclosed Div.icon, #pun-messages TR.inew Div.icon {
    margin-right: 0px;
    margin-left: 0px;
    margin-top: 20px!important;
}

#pun-main div.catleft, #pun-main div.catright {display: none}


div.post-rating a, div.post-rating a:hover {
    display: block;
    color: var(--color-white)!important;
    width: 35px;
    height: 26px;
    padding-top: 7px;
    text-align: center;
    margin-right: 2px;
}

div.post-vote .container {
margin-top: 9px!important;
}

/*����� ��������� */
::selection  {
    background: none repeat scroll 0 0 var(--color-green);
    color: var(--color-back);
    opacity: 1;
} 
*::-moz-selection
{
    background: none repeat scroll 0 0 var(--color-green);
    color: var(--color-back);
    opacity: 1;
} 

/* ����� ������ ��� � ������ */
#pun-main .forum  .tcl .tclcon {
    text-align: justify;
}

/* ������ ��� � ������ ��� ��������� ���� */
#pun-main .forum .tcl .byuser {
}
#pun-main .forum .tcl .byuser:before { content: "�";}


/*����� ������ ����� ���������� ������*/
#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {
    position: absolute;
    z-index: 1000;
    right: 12px!important;
    padding: 15px;
    top: 54px!important;
    box-shadow: inset 0 0 0 2px rgba(232, 231, 231, .7);
background-color: var(--color-back)!important
}

/*��� ������ ���������*/
#pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -131px 0 0 -451px!important;
    z-index: 100;
    width: 903px!important;
    position: absolute;
    right: 12px!important;
    font-size:10px;
    box-shadow: inset 0 0 0 3px rgba(232, 231, 231, .7)!important;
background-color: var(--color-back)!important
}

#pun-respect.punbb .main .tc3 {text-transform: none !important; color:#000}
#pun-respect.punbb .main {font-size:10px;}


/* ��������� */
::-webkit-scrollbar {   width: 6px;  height: 6px;}  
::-webkit-scrollbar-track {background-color: var(--color-grey);} 
::-webkit-scrollbar-thumb {background-color: var(--color-red);}


/*����� ���, ������������*/
#pun th {    
text-transform: lowercase;
    font-size: 0px;
    font-weight: bold;
    opacity: 0.0;
}
#pun-userlist th {
opacity: 1;
font-size: 9px;
}

#pun-messages .fs-box {padding: 4em 0 0.8em 0;}
#pun-messages .pa-posts, #pun-messages .pa-reg {display:none;}

.resizable-textarea textarea {
    background-color: rgb(145 145 145 / 25%);
/*rgb(134 87 151 / 20%);*/
}
#main-reply {
border: 1px solid var(--color-black)!important;
    height: 270px;
    text-align:justify;
}

#form-buttons {
}


/*ARROWS*/
.go-up,.go-down {
    color: var(--color-red);
    position: fixed;
    margin-left: 987px!important;
    z-index: 9997;
    cursor: pointer;
    width: 76px;
    height: 85px;
    opacity: 1;
}

.go-up {background: url(https://forumstatic.ru/files/001a/cf/3c/41999.png) center center no-repeat;
bottom: 57%; 
}
.go-down {background: url(https://forumstatic.ru/files/001a/cf/3c/44038.png) center center no-repeat;
bottom: 47%; 
}
.go-down:hover,.go-up:hover {
opacity:1;
}

/*.go-up:before{font-family: FontAwesome;font-size:3.5rem;position: absolute;content: '\f0de';cursor: pointer;position: relative;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}

.go-down:before{font-family: FontAwesome;font-size: 3.5rem;position: absolute;content: '\f0dd';cursor: pointer;position: relative;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
*/

.banr{    height: 55px;
    overflow-y: auto;}

.bannner {
position:absolute;
    margin-top: 30px !important;
    width: 960px;
    height: 75px;
    overflow-y: none;
    text-align: center;
}

.bannner a {
    opacity: 0.65;
    -moz-opacity: 0.65;
    filter:grayscale(100%);
    transition: all 0.5s linear 0s;
    -webkit-transition: all 0.5s linear 0s;
    -moz-transition: all 0.5s linear 0s;
    -o-transition: all 0.5s linear 0s;
}

.bannner a:hover {
opacity:1; 
-moz-opacity:1; 
filter:grayscale(0%);
}

#statistic-other{
    text-align: center!important;
    text-transform: lowercase;
    font-size: 8px;
    font-weight: bold; }


.punbb .main .tcr a {
    text-transform: lowercase;
   }
.punbb .main .tcr span {
  font-size: 11px;
}

#pun-viewforum .tcr a {
    font-size: 11px;
}
.pun-modal .modal-inner {
    border: 4px double #c0bebc!important;
    background: var(--color-white)!important;
}


/* ����� ���� ������ */
.button, #sub4 {
    cursor: pointer;
    margin-top: 0px !important;
    padding: 4px 8px 4px;
    text-decoration: none;
    vertical-align: middle;
    text-transform: lowercase;
}



/* ������������ */
#post-preview .fs-box .post-content {padding:10px!important;}

/* �� */
#pun-messages .fs-box {/*margin-top: -52px;*/}
#pun-messages .post h3 { width: auto}
#pun-messages #profile .container fieldset {border:none;}
#pun-messages #profile .post-links ul {background: none;}
#pun-messages #font-area, #pun-messages #size-area, #pun-messages #color-area, #pun-messages #table-area, #pun-messages #image-area, #pun-messages #imageup-area, #pun-messages #imageattach-area, #pun-messages #keyboard-area, #pun-messages #video-area, #pun-messages #addition-area {width: auto!important;}
#pun-messages #smilies-area {width: 455px!important;}


#font-area {overflow-y: auto; height: 300px; width:170px;}

/* ������� */

div.post-author > ul.hv-mask > li.pa-fld1 > a:nth-child(1),
div.post-author > ul.hv-mask > li.pa-fld1 > a:nth-child(1):hover,
div.post-author > ul.hv-mask > li.pa-fld1 > a:nth-child(1):visited,
div.post-author.online > ul.hv-mask > li.pa-fld1 > a:nth-child(1),
div.post-author.online > ul.hv-mask > li.pa-fld1 > a:nth-child(1):hover,
div.post-author.online > ul.hv-mask > li.pa-fld1 > a:nth-child(1):visited,
div.post-author > ul > li.pa-fld1 > a:nth-child(1), 
div.post-author > ul > li.pa-fld1 > a:nth-child(1):hover, 
div.post-author > ul > li.pa-fld1 > a:nth-child(1):visited,
div.post-author.online > ul > li.pa-fld1 > a:nth-child(1), 
div.post-author.online > ul > li.pa-fld1 > a:nth-child(1):hover, 
div.post-author.online > ul > li.pa-fld1 > a:nth-child(1):visited, 
div.post-author > ul > li.pa-fld1 > a:nth-child(2), 
div.post-author > ul > li.pa-fld1 > a:nth-child(2):hover, 
div.post-author > ul > li.pa-fld1 > a:nth-child(2):visited,
div.post-author.online > ul > li.pa-fld1 > a:nth-child(2), 
div.post-author.online > ul > li.pa-fld1 > a:nth-child(2):hover, 
div.post-author.online > ul > li.pa-fld1 > a:nth-child(2):visited
{    
    color: var(--color-red)!important;
    font-size: 12px!important;
    font-family: var(--custom2)!important;
    letter-spacing: 1px!important;
    font-style: normal!important;
}

li.pa-fld1 > br {content: "";
    margin: 4px 0 3px;
    display: block;
    font-size: 1%;
}


.pa-fld1 {
    text-align: left;
    font-size: 9px;
    line-height: 12px;
    color: var(--color-black);
    margin-top: -5px!important;
    margin-bottom: 10px!important;
    padding: 0px 30px 15px!important;
    overflow-y: auto;
    background: var(--color-back);
}

#pa-fld1 > strong > a {font-weight:normal!important}

.pa-fld1 a, .pa-fld1 a:hover, .pa-fld1 a:visited {
color: var(--color-red)!important;
    font: italic 68.75% verdana, arial, helvetica, sans-serif!important;
    font-size: 9px!important;
    letter-spacing: 0px!important;
}

.post .pa-fld2 {
    color: var(--color-white);
    text-align: left;
    text-transform: lowercase;
    font-size: 12px;
    font-family: var(--custom);
    letter-spacing: 2px;
    padding: 5px;
    height: 15px;
    margin-top: 0px;
}


.pa-fld4, .pa-fld3 {
    font-family: var(--custom);
    font-size: 15px;
    letter-spacing: 1px;
    color: var(--color-black);
    margin-top: 5px!important;
    margin-bottom: 10px!important;
    width: 108px;
    display: inline-block;
}

.pa-fld3 {    text-align: right;
    padding-right: 10px!important}

.pa-fld4 {    text-align: left;
    padding-left: 10px!important;}

.pa-posts, .pa-respect, .pa-respect a {
    text-align: center;
    color: var(--color-black)!important;
    text-transform: lowercase;
    font-size: 9px;
}


.pa-posts {
    margin-left: 108px;
}

.pa-time-visit, .pa-last-visit, .pa-ip {
    font-size: 9px;
    color: var(--color-black)!important;
    text-transform: lowercase;
    text-align: center;
    margin-right: 5px!important;
}
.pa-time-visit br {display:none}
.pa-last-visit br {display:none}

/* ������ �������� ��� ����� */
.pa-avatar img {max-width: 180px; max-height: 180px;}
#mask_form .signature textarea, #mask_form .pafld1 textarea {height: 50px;}

/* ������ - �����������, "���� �������", "�����", "���������������", "����������", ������� */
#pun-index .modlist {display: none;}
.closedatafield {display:none;}
.stickytext {display:none}
.lastedit {display:none;}
#pun-announcement h2 {display: none}
li#navawards {display: none !important;}

/* ������ ������� */
#pun-index .user-avatar {
    margin: -6px 25px 0px 15px;
    height: 49px!important;
    }
.punbb em.user-avatar {
    float:right !important;
    }
.punbb .user-avatar img.ava {
    border-radius:0% !important;
    }

.punbb .user-avatar .avatar-image {
    background-size: contain!important;
    background-color: var(--color-grey)!important;
    width: 50px!important;
    height: 50px!important;
    opacity: 1!important;
    outline: 2px solid var(--color-red);
    outline-offset: 2px;
}



.img a.title {
 background: #f0f0f0;
}

/* ��� ���������� � ��������� */
#pun-index .category .tc2,#pun-index .category .tc3,
#f-subforums .tc2,#f-subforums .tc3{
  display:none!important;
}
.Tems_And_messages {
  display:inline-block;
  width:auto;
}
.main table .Add {
    display: none;
    padding: 5px 1px;
color: var(--color-grey);
}


.post-content hr {
background: var(--color-grey);
height: 1px;
box-shadow: none !important;
border: none !important;
margin: 5px 75px !important;
}

span.num_msg {
    margin-top: -15px!important;
    margin-left: -15px!important;
    background: var(--color-grey)!important;
}

span.num_msg:before {
    background: var(--color-grey)!important;
}

#MyBookmarks .container {
    background: var(--color-back);
}

#MyBookmarks h2 {
margin: 0!important;
    background: var(--color-hz)!important;
}

#BookmCntToggle.default-style {
    color: var(--color-grey)!important;
}

.isonline {
     margin-right: -5px!important;
    margin-top: 5px!important;
    background: var(--color-grey)!important;}

��

mybb@mybb.ru (manta) — Tue, 23 Aug 2022 21:08:09 +0300

��:

/* CS1 Background and text colours
-------------------------------------------------------------*/

/* Variables
--------------------------------- */

:root {
    --color-green: #786663; /*����������*/
    --color-red: #89ad76; /*�������*/
    --color-back:#f0f0f0;
    --color-hz: #f0f0f0;

    --color-white: #191919;
    --color-black: #222;
    --color-grey: #c3c3c3;

--color-brown: #bbb;
--color-nice:#222;

    --color-mda: #62001d;

--custom: Myriad;
--custom2: MyriadProBold;

    --html-bg: #666 url(https://forumstatic.ru/files/001a/cf/3c/93971.jpg);

    --noise: #d8d8d8 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwAgMAAAAqbBEUAAAACVBMVEUAAADc2tzU1tSVBL31AAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAWpJREFUKJEVkksOREEERW2yXlLmJOyHpMxJWGXrOfdzAI7DJ78PCwOamS6L9cmAI0fCz3S9gvC+g/HdJoVKuX6OU6DDVFnGoQj/oGJwqttlBpQ93uCt7AKTS6pqmBWQopZzstEc4juSPvXYCd7ByhR8Yxf05fVwJy4Bpo9d2+x7DN1H8VWdfgp4Vqwjb6fBrFRwVduOcbzLpdEYvBXESeSVp0NHsNxGxxY4sR2puFF6x+LpY2rLt00/l2LyUoFWTNOm98UDrbjRL5KuwResqJuhyuHKGZnvHVMGUiwdOZlbYWmEHTWd5RbmeaSHrRhGqahnuUTDAo1aAHZpfWZcciJ0LtyazTB5zib4YoqdjbYwdHF20KdDASgWt6JwFyEQ94Sjd1YAT90wxEPTML0m3w2ldwADe10upT3Y4w5+W8nE/2qf3NlIMoDD9xWhEW+CmjR0YZz9A3Jb6hq2rCdfZ9XwmgPu/feRnrfnD5HSLW50u+ptAAAAAElFTkSuQmCC);
}



/*���*/
body {
background: var(--html-bg) top center repeat-y fixed;
}

#Logo {right: 255px;
    background: url(https://forumstatic.ru/files/001a/cf/3c/46035.png) bottom left no-repeat;
    width: 390px;
    height: 60px;
    text-align: left;
    position: absolute;
    font-family: var(--custom2);
    letter-spacing: 0px;
    padding-top: 4px;
    font-size: 0px;
    font-weight: bold;
    color: var(--color-red);
}

#Logo1 { right: 33px; 
background: url(https://forumstatic.ru/files/001a/cf/3c/85390.png) bottom left no-repeat;
    width: 190px;
    height: 76px;
    text-align: left;
    position: absolute;
    font-family: var(--custom2);
    letter-spacing: 0px;
    padding-top: 4px;
    font-size: 0px;
    font-weight: bold;
    color: var(--color-red);
}

#Logo, #Logo1 {bottom: 25px;
    position: absolute;
    z-index: 2;}


#activity {display: none!important;
 }

#ams { display: none!important;
 }

 #pair, #epic, #RANDOM, #KontentRotator {display:none}


#act {
   position: absolute;
    width: 970px;
    top: 25px;
    left: -90px;}

#act1, #act2, #act3, #act4 {
    position: absolute;
    width: 50px;
    height: 50px;
}

div#act1:before, div#act2:before, div#act3:before, div#act4:before  {
    content: ".";
    font-family: var(--custom2);
    font-size: 88px;
    color: var(--color-red);
    top: -5px;
    left: 0px;
    position: absolute;
}

#act1> a > img:hover, #act2> a > img:hover, #act3> a > img:hover, #act4> a > img:hover {opacity:1;     
}

#act1 {left:320px}

#act2 {left:255px}

#act3 {left:190px}

#act4 {left:125px}

#act1 > a > img, #act2 > a > img, #act3 > a > img, #act4 > a > img {
    top: 50px;
    left: -12px;
    position: absolute;
    opacity: 0;
    border-radius: 50px;
    -webkit-transition: all 0.25s 0s ease;
    -moz-transition: all 0.25s 0s ease;
    -o-transition: all 0.25s 0s ease;
    transition: all 0.25s 0s ease;
    background-size: contain!important;
    background-color: var(--color-grey)!important;
    width: 50px;
    height: 50px;
    outline: 2px solid var(--color-red);
    outline-offset: 2px;
} 


#ZACHTO {    position: relative;     z-index: 2;}

#RANDOM2 { display:none!important;
    position: relative;
    z-index: 1;
    height: 150px;
    width: 960px;
    background: var(--color-black);
}

#RANDOM {
    position: absolute;
    left: 500px;
    top: 55px;
    width: 295px;
    height: 150px;
    background: url(https://forumstatic.ru/files/001a/eb/a8/60225.png) center no-repeat;
    padding: 10px;
    z-index: 5;
    opacity: 0.95;
}

#KontentRotator {  
display:none;
    font-size: 9px;
    text-align: justify;
    color: var(--color-white);
    overflow-y: auto;
    width: 232px;
    height: 70px;
    padding: 2px 8px;
    margin-top: 43px;
    margin-left: 10px;
    z-index: 5;
}

#KontentRotator br {display:none!important;
            display: block; /* makes it have a width */
            content: ""; /* clears default height */
            margin-top: 4px; /* change this to whatever height you want it */
}

kr {    color: var(--color-red);
    font-weight: bold;
    font-size: 12px;
    letter-spacing: 1px;
    font-family: century gothic;}   

#html-header {
    width: 970px;
    height: 150px;
    position: absolute;
    top: -20px;
}

/* ���� ������ */
#pun {
   width: 970px;
   padding: 5px 10px 10px;
}

   .punbb {
    float: none;
    width:auto;
    height: auto;
    margin: 0 auto;
    background: var(--color-back);
margin-top: 100px;
    border: 4px double var(--color-black);
      }

/* ����� */
#pun-about .container {
    height: 0px;
width: 970px;
}

#html-footer p {
    display: block;
    width: 956px;
    padding: 7px;
    text-align: center;
    font-size: 11px;
    letter-spacing: 1px;
    color: var(--color-black);
    font-family: var(--custom2);
    letter-spacing: 2px;
}

/* CS1.1 */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
  background: var(--color-back)!important;
  color: var(--color-black);
  }

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
  background: transparent;
  color: var(--color-black);
  }

#pun-admain h2 span {
display:block;
}


/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  }

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background: transparent;
  color: var(--color-gr);
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
    display: block;
    padding: 4px 15px;
    padding-bottom: 0px;
    font-size: 13px;
    font-weight: normal;
    width: fit-content;
    font-style: normal;
    text-align: center;
    font-family: var(--custom);
/*    text-transform: uppercase;
    margin-top: -12px!important;*/
    margin-bottom: 8px;
    margin-left: auto;
    margin-right: auto;
    letter-spacing: 0.7px;
  }

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background: transparent;
  }

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
/*    background: var(--noise);*/
    border: 1px solid var(--color-black);
}

/* CS1.8 */

.offline li.pa-online strong {
  font-weight: normal;
  }

/* CS2 Border colours
-------------------------------------------------------------*/

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
  border-color: transparent;
  }

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color: transparent;
  }

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border-color: transparent;
  }

/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
  border-color: transparent;
  }

/* CS2.5 */
.punbb th {
  border-color: transparent;
  }



#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
  border-color: transparent;
  }

#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
  border-color: transparent;
  }

.punbb .divider {
  border-color: transparent;
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 1px solid transparent;
  }

li.pa-online {
  border-left-color: transparent;
  }


/* CS3 Links
-------------------------------------------------------------*/

/* CS3.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
    text-decoration: none;
    color: var(--color-red);
   /* font-family: var(--custom);
    font-size: 12px;
    letter-spacing: 1px;*/
    }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: var(--color-red);
  }

/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
  color: var(--color-red);
    }

/* CS3.3 */
#pun-navlinks a {
    color: var(--color-black);
    text-decoration: none;
    font-family: var(--custom2);
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
    color: var(--color-black);
  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  color: var(--color-gr);
  }

#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
  text-decoration: none;
  }



/* CS4 Post status icons
 -------------------------------------------------------------*/

/* ������*/

div.icon {
background-color: var(--color-grey);
    border-radius: 50px;
    margin-right: 15px;
    margin-top: 10px;
    margin-left: 36px;
    width: 15px;
    height: 15px;
    position: absolute;
  }

.isticky Div.icon, .iclosed Div.icon, .isticky.iclosed Div.icon {
    background-color: var(--color-black);
}

.inew Div.icon, .inew.isticky Div.icon, .inew.iclosed Div.icon, .inew.isticky.iclosed Div.icon {
    background:var(--color-red);
}

#pun-searchtopics TR Div.icon , #pun-viewforum TR Div.icon,
#pun-searchtopics TR.isticky Div.icon , #pun-messages TR.isticky Div.icon , #pun-viewforum TR.isticky Div.icon, #pun-searchtopics TR.iclosed.isticky Div.icon , #pun-messages TR.iclosed.isticky Div.icon , #pun-viewforum TR.iclosed.isticky Div.icon, .iclosed Div.icon,#pun-searchtopics TR.iclosed Div.icon , #pun-viewforum TR.iclosed Div.icon, #pun-searchtopics TR.inew Div.icon, #pun-viewforum TR.inew Div.icon {
    margin-top: 0px!important;
}

#pun-messages TR Div.icon, #pun-messages TR.iclosed Div.icon, #pun-messages TR.inew Div.icon {
    margin-right: 0px;
    margin-left: 0px;
    margin-top: 20px!important;
}

#pun-main div.catleft, #pun-main div.catright {display: none}


div.post-rating a, div.post-rating a:hover {
    display: block;
    color: var(--color-white)!important;
    width: 35px;
    height: 26px;
    padding-top: 7px;
    text-align: center;
    margin-right: 2px;
}

div.post-vote .container {
margin-top: 9px!important;
}

/*����� ��������� */
::selection  {
    background: none repeat scroll 0 0 var(--color-green);
    color: var(--color-back);
    opacity: 1;
} 
*::-moz-selection
{
    background: none repeat scroll 0 0 var(--color-green);
    color: var(--color-back);
    opacity: 1;
} 

/* ����� ������ ��� � ������ */
#pun-main .forum  .tcl .tclcon {
    text-align: justify;
}

/* ������ ��� � ������ ��� ��������� ���� */
#pun-main .forum .tcl .byuser {
}
#pun-main .forum .tcl .byuser:before { content: "�";}


/*����� ������ ����� ���������� ������*/
#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {
    position: absolute;
    z-index: 1000;
    right: 12px!important;
    padding: 15px;
    top: 54px!important;
    box-shadow: inset 0 0 0 2px rgba(232, 231, 231, .7);
background-color: var(--color-back)!important
}

/*��� ������ ���������*/
#pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -131px 0 0 -451px!important;
    z-index: 100;
    width: 903px!important;
    position: absolute;
    right: 12px!important;
    font-size:10px;
    box-shadow: inset 0 0 0 3px rgba(232, 231, 231, .7)!important;
background-color: var(--color-back)!important
}

#pun-respect.punbb .main .tc3 {text-transform: none !important; color:#000}
#pun-respect.punbb .main {font-size:10px;}


/* ��������� */
::-webkit-scrollbar {   width: 6px;  height: 6px;}  
::-webkit-scrollbar-track {background-color: var(--color-grey);} 
::-webkit-scrollbar-thumb {background-color: var(--color-red);}


/*����� ���, ������������*/
#pun th {    
text-transform: lowercase;
    font-size: 0px;
    font-weight: bold;
    opacity: 0.0;
}
#pun-userlist th {
opacity: 1;
font-size: 9px;
}

#pun-messages .fs-box {padding: 4em 0 0.8em 0;}
#pun-messages .pa-posts, #pun-messages .pa-reg {display:none;}

.resizable-textarea textarea {
    background-color: rgb(145 145 145 / 25%);
/*rgb(134 87 151 / 20%);*/
}
#main-reply {
border: 1px solid var(--color-black)!important;
    height: 270px;
    text-align:justify;
}

#form-buttons {
}


/*ARROWS*/
.go-up,.go-down {
    color: var(--color-red);
    position: fixed;
    margin-left: 987px!important;
    z-index: 9997;
    cursor: pointer;
    width: 47px;
    height: 47px;
    opacity: 1;
}

.go-up {
bottom: 57%; 
}
.go-down {
bottom: 47%; 
}
.go-down:hover,.go-up:hover {
opacity:1;
}

.go-up:before{font-family: FontAwesome;font-size:3.5rem;position: absolute;content: '\f0de';cursor: pointer;position: relative;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}

.go-down:before{font-family: FontAwesome;font-size: 3.5rem;position: absolute;content: '\f0dd';cursor: pointer;position: relative;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}


.banr{    height: 55px;
    overflow-y: auto;}

.bannner {
position:absolute;
    margin-top: 10px !important;
    width: 960px;
    height: 75px;
    overflow-y: none;
    text-align: center;
}

.bannner a {
    opacity: 0.65;
    -moz-opacity: 0.65;
    filter:grayscale(100%);
    transition: all 0.5s linear 0s;
    -webkit-transition: all 0.5s linear 0s;
    -moz-transition: all 0.5s linear 0s;
    -o-transition: all 0.5s linear 0s;
}

.bannner a:hover {
opacity:1; 
-moz-opacity:1; 
filter:grayscale(0%);
}

#statistic-other{
    text-align: center!important;
    text-transform: lowercase;
    font-size: 8px;
    font-weight: bold; }


.punbb .main .tcr a {
    text-transform: lowercase;
   }
.punbb .main .tcr span {
  font-size: 11px;
}

#pun-viewforum .tcr a {
    font-size: 11px;
}
.pun-modal .modal-inner {
    border: 4px double #c0bebc!important;
    background: var(--color-white)!important;
}


/* ����� ���� ������ */
.button, #sub4 {
    cursor: pointer;
    margin-top: 0px !important;
    padding: 4px 8px 4px;
    text-decoration: none;
    vertical-align: middle;
    text-transform: lowercase;
}



/* ������������ */
#post-preview .fs-box .post-content {padding:10px!important;}

/* �� */
#pun-messages .fs-box {/*margin-top: -52px;*/}
#pun-messages .post h3 { width: auto}
#pun-messages #profile .container fieldset {border:none;}
#pun-messages #profile .post-links ul {background: none;}
#pun-messages #font-area, #pun-messages #size-area, #pun-messages #color-area, #pun-messages #table-area, #pun-messages #image-area, #pun-messages #imageup-area, #pun-messages #imageattach-area, #pun-messages #keyboard-area, #pun-messages #video-area, #pun-messages #addition-area {width: auto!important;}
#pun-messages #smilies-area {width: 455px!important;}


#font-area {overflow-y: auto; height: 300px; width:170px;}

/* ������� */

div.post-author > ul.hv-mask > li.pa-fld1 > a:nth-child(1),
div.post-author > ul.hv-mask > li.pa-fld1 > a:nth-child(1):hover,
div.post-author > ul.hv-mask > li.pa-fld1 > a:nth-child(1):visited,
div.post-author.online > ul.hv-mask > li.pa-fld1 > a:nth-child(1),
div.post-author.online > ul.hv-mask > li.pa-fld1 > a:nth-child(1):hover,
div.post-author.online > ul.hv-mask > li.pa-fld1 > a:nth-child(1):visited,
div.post-author > ul > li.pa-fld1 > a:nth-child(1), 
div.post-author > ul > li.pa-fld1 > a:nth-child(1):hover, 
div.post-author > ul > li.pa-fld1 > a:nth-child(1):visited,
div.post-author.online > ul > li.pa-fld1 > a:nth-child(1), 
div.post-author.online > ul > li.pa-fld1 > a:nth-child(1):hover, 
div.post-author.online > ul > li.pa-fld1 > a:nth-child(1):visited, 
div.post-author > ul > li.pa-fld1 > a:nth-child(2), 
div.post-author > ul > li.pa-fld1 > a:nth-child(2):hover, 
div.post-author > ul > li.pa-fld1 > a:nth-child(2):visited,
div.post-author.online > ul > li.pa-fld1 > a:nth-child(2), 
div.post-author.online > ul > li.pa-fld1 > a:nth-child(2):hover, 
div.post-author.online > ul > li.pa-fld1 > a:nth-child(2):visited
{    
    color: var(--color-red)!important;
    font-size: 12px!important;
    font-family: var(--custom2)!important;
    letter-spacing: 1px!important;
    font-style: normal!important;
}

li.pa-fld1 > br {content: "";
    margin: 4px 0 3px;
    display: block;
    font-size: 1%;
}


.pa-fld1 {
    text-align: left;
    font-size: 9px;
    line-height: 12px;
    color: var(--color-black);
    margin-top: -5px!important;
    margin-bottom: 10px!important;
    padding: 0px 30px 15px!important;
    overflow-y: auto;
    background: var(--color-back);
}

#pa-fld1 > strong > a {font-weight:normal!important}

.pa-fld1 a, .pa-fld1 a:hover, .pa-fld1 a:visited {
color: var(--color-red)!important;
    font: italic 68.75% verdana, arial, helvetica, sans-serif!important;
    font-size: 9px!important;
    letter-spacing: 0px!important;
}

.post .pa-fld2 {
    color: var(--color-white);
    text-align: left;
    text-transform: lowercase;
    font-size: 12px;
    font-family: var(--custom);
    letter-spacing: 2px;
    padding: 5px;
    height: 15px;
    margin-top: 0px;
}


.pa-fld4, .pa-fld3 {
    font-family: var(--custom);
    font-size: 15px;
    letter-spacing: 1px;
    color: var(--color-black);
    margin-top: 5px!important;
    margin-bottom: 10px!important;
    width: 108px;
    display: inline-block;
}

.pa-fld3 {    text-align: right;
    padding-right: 10px!important}

.pa-fld4 {    text-align: left;
    padding-left: 10px!important;}

.pa-posts, .pa-respect, .pa-respect a {
    text-align: center;
    color: var(--color-black)!important;
    text-transform: lowercase;
    font-size: 9px;
}


.pa-posts {
    margin-left: 108px;
}

.pa-time-visit, .pa-last-visit, .pa-ip {
    font-size: 9px;
    color: var(--color-black)!important;
    text-transform: lowercase;
    text-align: center;
    margin-right: 5px!important;
}
.pa-time-visit br {display:none}
.pa-last-visit br {display:none}

/* ������ �������� ��� ����� */
.pa-avatar img {max-width: 180px; max-height: 180px;}
#mask_form .signature textarea, #mask_form .pafld1 textarea {height: 50px;}

/* ������ - �����������, "���� �������", "�����", "���������������", "����������", ������� */
#pun-index .modlist {display: none;}
.closedatafield {display:none;}
.stickytext {display:none}
.lastedit {display:none;}
#pun-announcement h2 {display: none}
li#navawards {display: none !important;}

/* ������ ������� */
#pun-index .user-avatar {
    margin: -6px 25px 0px 15px;
    height: 49px!important;
    }
.punbb em.user-avatar {
    float:right !important;
    }
.punbb .user-avatar img.ava {
    border-radius:0% !important;
    }

.punbb .user-avatar .avatar-image {
    background-size: contain!important;
    background-color: var(--color-grey)!important;
    width: 50px!important;
    height: 50px!important;
    opacity: 1!important;
    outline: 2px solid var(--color-red);
    outline-offset: 2px;
}



.img a.title {
 background: #f0f0f0;
}

/* ��� ���������� � ��������� */
#pun-index .category .tc2,#pun-index .category .tc3,
#f-subforums .tc2,#f-subforums .tc3{
  display:none!important;
}
.Tems_And_messages {
  display:inline-block;
  width:auto;
}
.main table .Add {
    display: none;
    padding: 5px 1px;
color: var(--color-grey);
}


.post-content hr {
background: var(--color-grey);
height: 1px;
box-shadow: none !important;
border: none !important;
margin: 5px 75px !important;
}

span.num_msg {
    margin-top: -15px!important;
    margin-left: -15px!important;
    background: var(--color-grey)!important;
}

span.num_msg:before {
    background: var(--color-grey)!important;
}

#MyBookmarks .container {
    background: var(--color-back);
}

#MyBookmarks h2 {
margin: 0!important;
    background: var(--color-hz)!important;
}

#BookmCntToggle.default-style {
    color: var(--color-grey)!important;
}

.isonline {
     margin-right: -5px!important;
    margin-top: 5px!important;
    background: var(--color-grey)!important;}

��

mybb@mybb.ru (manta) — Wed, 06 Apr 2022 23:09:38 +0300

��:

	<!-- ���-->

<div id="activity">
<a href="http://clubofromance.rusff.ru/viewtopic.php?id=6#p6" class="sbla">�����</a> 
<a href="http://clubofromance.rusff.ru/viewtopic.php?id=5#p5" class="sbla">f.a.q.</a> 
<a href="http://clubofromance.rusff.ru/viewtopic.php?id=7#p7" class="sbla">������</a> 
<a href="http://clubofromance.rusff.ru/viewtopic.php?id=266" class="sbla">����� ������</a> 
<a href="http://clubofromance.rusff.ru/viewtopic.php?id=2#p2" class="sbla">����</a> 
<a href="http://clubofromance.rusff.ru/viewtopic.php?id=3#p3" class="sbla">���������</a>
</div>

<!-- *************************************************************** -->


<!-- ���-->

<div id="ams">
<a href="http://clubofromance.rusff.ru/profile.php?id=3" original-title="������ �� ������, ������ ����� ������� � ��������.">sarah</a> - 
<a href="http://clubofromance.rusff.ru/profile.php?id=14" original-title="��������� ����� ������� ������ ����������.">manta</a> - 
<a href="http://clubofromance.rusff.ru/profile.php?id=20" original-title="������ ���. ������ �� ��������, ������ ���������.">agatha</a> -
<a href="http://clubofromance.rusff.ru/profile.php?id=23" original-title="������ ��� �������� � �������� �������. ����� �������.">adele</a> - 
<a href="http://clubofromance.rusff.ru/profile.php?id=21" original-title="������ ��������� ������ ����������� ���������.">lucifer</a>
</div>



<!-- *************************************************************** -->

<!-- ������-->

<div id="needs">
<div id="n1">
<a href="http://clubofromance.rusff.ru/viewtopic.php?id=7#p32944"><img src="./������ ����� ������������� ������ [21.03]_files/71417.png" original-title="��� �����: vivien hughes"></a>
</div>
<div id="n2">
<a href="http://clubofromance.rusff.ru/viewtopic.php?id=7#p44110"><img src="./������ ����� ������������� ������ [21.03]_files/69497.png" original-title="��� �����: benny bart"></a>
</div>
<div id="n3">
<a href="http://clubofromance.rusff.ru/viewtopic.php?id=7#p27923"><img src="./������ ����� ������������� ������ [21.03]_files/39654.png" original-title="��� �����: jean silver"></a>
</div>
<div id="n4">
<a href="http://clubofromance.rusff.ru/viewtopic.php?id=7#p31965"><img src="./������ ����� ������������� ������ [21.03]_files/74643.png" original-title="��� �����: orlando"></a>
</div>
</div>

<!-- *************************************************************** -->

<div id="ZACHTO">

<div id="epic">
<a href="http://clubofromance.rusff.ru/viewtopic.php?id=375"><img src="./������ ����� ������������� ������ [21.03]_files/53195.png" original-title="CHRISTINA"></a>
</div>

<!-- ����-->
<div id="pair">
<a href="http://clubofromance.rusff.ru/viewtopic.php?id=401"><img src="./������ ����� ������������� ������ [21.03]_files/63889.png" original-title="sam &amp; agatha"></a>
</div>


<!-- ���������-->
<div id="act">
<div id="act1">
<a href="http://clubofromance.rusff.ru/profile.php?id=14"><img src="./������ ����� ������������� ������ [21.03]_files/69937.png" original-title="manta"></a>
</div>

<div id="act2">
<a href="http://clubofromance.rusff.ru/profile.php?id=34"><img src="./������ ����� ������������� ������ [21.03]_files/34174.png" original-title="mia"></a>
</div>

<div id="act3">
<a href="http://clubofromance.rusff.ru/profile.php?id=21"><img src="./������ ����� ������������� ������ [21.03]_files/15988.png" original-title="lucifer"></a>
</div>

<div id="act4">
<a href="http://clubofromance.rusff.ru/profile.php?id=55"><img src="./������ ����� ������������� ������ [21.03]_files/62864.png" original-title="adam"></a>
</div>
</div>
</div>

<div id="RANDOM">
<!-- ������� ������������� �������� -->
<div id="KontentRotator">

<p style="display: block;"><kr>Davy Jones �����:</kr><br>
���� ����� ������ ��������� ���������� ������� ����� ����� � ����� � ���������� ������ �� ��������� ������ ���������� �����������, �������� �������� � ����� ��������. � ������� ��������, ��� ��������� �������� ��������� �� �������, ��������� � ���������� ������� ������������ ���� ���� �� ���������� ���� ������. ���������, ����� ������ ����� ��� ��������������, ��������� ����� �� ����� ������.
</p>

<p style="display: none;"><kr>Kai Whalers �����:</kr><br>
������ ��������� ������� ���� ����������� ��������� ���������, ���: �� ��� ��, �� �� ���� ����, ������� �������, ������ �� ������ ����, �� ������, ���� ��� �� �����... �� � �� ���������� �������� ��� ��� ���������� � ����� "����� �� ���� �� ����� �������".
</p>

<p style="display: none;"><kr>Bloody Queen �����:</kr><br>
���� �� ���� �� ����� �������? �� ������ ��, � ����� ����, ��� ������ ��� ����� ���������, ����������� �������� �� � ���� �� ����������� ������, � ���������� �� ����� ����� � ��, ��� ����, � �������� ����� �����, � ��, � ���� ��� ���� �����, � ��������� ���������� ������ ����� ���� ���� ����� � ����������� ����������� ��������, ������ ��� "����� ����������� ����������� ������, �����".
</p>

<p style="display: none;"><kr>Mermaid �����:</kr><br>
��� �� ��� �������, ��� ��� ������ ������������, ��. � �����, ����, ������� �� ������, ��� ��������� ���. ��� �� ����� ������� ����, ��� ��������� ������ ����� ������� ���� ����, ����� ������ ����� � ������������ ��������.
</p>

<p style="display: none;"><kr>Mia Watson �����:</kr><br>
�������, ���� �� ���������� �������������, ������ ������; ���� ���, ������������ � ������� ���� � ���� ��������, ������� ���������, ����� ����� �� ���� �� ���� ������ � ����� �� �������� ��� ���� ����� �����, ������� �������� ������. ���� �� ��������, ��� ����� �� ��� �� ��� ��� �����? ���� ������� ������� �� ��������� �������� �����, ������ ����� � ����� ��� ���� ������� (�����, � ��� ������ ����� ������ ����), � � ����� ������ ���, ��������, ���������, � ������� ���.
</p>

<p style="display: none;"><kr>Sarah O'Neal �����:</kr><br>
���, ������� ��, �������� ������� ���, ����� ������ ��������� ��� ����� ����� ����������, �� ����, ��� �� ����, �, �������, �������� �������� �� ������ ���������, �� ������� ���������� ��������� ��� ���� ������ � �� ������� �����������������.
</p>

<p style="display: none;"><kr>Stephenie Moor �����:</kr><br>
� ���� ��������� ����� ������� � �����-�� ��������, ���� �������� � ������� ��� �������� ������ � ��� �������, �������.
</p>

<p style="display: none;"><kr>Pat Kavinsky �����:</kr><br>
�������� �� ����� ����������� ���������� ��������, �������� ������ ����� �����. �� ������� ���������� ������ � � �������, ������ ������� ���������� ������� ���������� �����, ������ ��������. �� �� �������� � ����� ������ Ҹ����� �� �������.
</p>

<p style="display: none;"><kr>Max Fall �����:</kr><br>
�������� ������ � ��� ���� �����.
</p>

<p style="display: none;"><kr>Chris �����:</kr><br>
���������� ��������� ���������� ������ ������� ���������, ����� �������� ������ ������ ����� � ��������. ��, ��� ����� ���������� ��������, �� � ��������, ��� ��� ��� canniballesbian, ����� ���������� � �������� ������� ����� � ������ ���������, � �� ��� ��� ���� ������?
</p>

<p style="display: none;"><kr>Adele Moring �����:</kr><br>
� ��� � �������� � ����, ������? �������� �� ���-�� ������? � �������� �������� ������, �������� �������� ������ � ������� � �������� ��������� ��� ���� ���������. ������ ����� ����� �� ������, ���������� �� ��������� ����������. ����� ����� ������� �� �������, � ����� ���� ������ ������ ��� �����. �����, �� ��� ������? ��� �� ��� ������.
</p>

<p style="display: none;"><kr>Anansi �����:</kr><br>
���� �� ������ �� �������� ����� � ���������, ��, ��������, �������? ������� �� ������... �� ����� �����������.
</p>

<p style="display: none;"><kr>Sammy �����:</kr><br>
�� ����� �� ����������� ����������� ����� � ������������ �����. �� ������ ������ ����� ����� ������, � � ��� ������ ������� ��������� ���� �� ������. ����������, ���-����.
</p>

<p style="display: none;"><kr>Emma �����:</kr><br>
� ����� ������, �� ������ �� ���� � ��������� ��������� ��������� �������, ��������� ����� �������, ��� �.
</p>

<p style="display: none;"><kr>David Tarino �����:</kr><br>
� ������ ���, � ����� �� ��, ����� ���� ���������, �������� ������ �� "������", ��� ��� ���� ���-�� � ����� ������ ����� ���� �������� ������, ��� ���, �����, �.
</p>

<p style="display: none;"><kr>Todd Maddison �����:</kr><br>
�������, � ������� �� �����-�� �������� �������� ����.
</p>

<p style="display: none;"><kr>Jake Brown �����:</kr><br>
� ����� �� ������ ��������� ������ �� ����� �� ����������� �����a�� � ������� ��������� �������; ��� ������, � �� ����������.
</p>

<p style="display: none;"><kr>Michael Turner �����:</kr><br>
Led Zeppelin � ��� ������. ��� �� ����� �������� � ��������� ������, ���� �� ��� �����, �� ������� ������ ������ � ��������������� ����������� ����������.
</p>

<p style="display: none;"><kr>Alexandra Carrow �����:</kr><br>
� ����������� ����� ���������� ������, ����������� ���� �������������, � ������ �������� ������������� ��� ��� ������; �������� ������������, ���� � �� ���������.
<br>Ÿ �� ��� ����� �������� ��������� �������.
</p>

<p style="display: none;"><kr>Bobby Turner �����:</kr><br>
� ������� ����� � ������. ����� �����, ��������, ������� � ���������� ��� ����������� � ������. ������ � ����� � �� ������ ����� ����������, ������������ � ������������ �� ������ ������������� ��������, �� � ������-�� ������� � ����������� �������� �����. ������, ��������, � ����� � � ������, �� �� ��� ���� ���������� �� ������������� � ������������� ��������.
</p>

<p style="display: none;"><kr>Milly Burnell �����:</kr><br>
������� ���-�� � ��� �������� �������, ����� ������� � �������-������, � �� ������� � ������� ��� ������ ������.
</p>

<p style="display: none;"><kr>Mezo �����:</kr><br>
� ���? � ���� ��������� �����, �� ���������� � ��� ����� � ��� ������� ������������ �� ������� �����, ��� �������� ���� � ��������� ������ ����������� ��������.
</p>

<p style="display: none;"><kr>Agatha Harris �����:</kr><br>
�� ������-�� ������ �� ����, �� ��, ��� ��� ���� ���� ������� ������. ����, ��������, ����� ������ �� ������ -  ������ ����� ��� ��� � ��� ��������� ���������� ����� �������. ����� ���� �������� ������� ���� ���� � ����, � ���, ��� �������� ��� ���������, ��� ��� ����� ���� �������. �������, ������� �������� ������� ��������.
<br>�� � ��� ��� <i>�����</i> �������.
<br><i>���� �� ������ ������ � ��� ������� �������.</i>
</p>

</div>
</div>

<div id="Logo"></div>

<script language="javascript">
var sek = 100000000000000000000;  // ����� �����������
var Nrout=$("#KontentRotator p").length
var i=Math.round(Math.random()*(Nrout-1));RotatorMycontent(i);
function RotatorMycontent(i) {
$("#KontentRotator p").hide();
$("#KontentRotator p").eq(i).show();
j =Math.round(Math.random()*(Nrout-1));
timerID = setTimeout("RotatorMycontent(j)",sek);}
</script>

<!-- *************************************************************** -->

<!--����� ������ ����� ������-->

<script src="./������ ����� ������������� ������ [21.03]_files/89289.js.��� ��������"></script>
<script>
hvScriptSet.addMask({
    guestAccess: ['����� ��������'],
    forumAccessExtended: {
        '�������� �������': ['������������'],
        '��������� �����': ['������������'],
        '������� � �������': ['������������'],
        '������������': ['������������'],
        '������� �����': ['������������'],
        '����� ��������': ['������������'],
        '����': ['������������'],
        '���� � ��������': ['������������'],
        '������ ���� �������': ['������������'],
'����� �������': ['������������']
    },
    changeList: {
        'pafld1': {
            title: 'pa-fld1',
            description: '��',
            tag: 'lz',
            class: 'pa-fld1',
            defaultCode: '<a href="������ �� ������" target="_blank">�������, ��� (���.), xx y.o.</a><br>���� ����� � <b>��� ������������</b>, �� ������ <b>�������������� ����������</b>',
            type: 'html'
        },
        'pafld2': {
            title: 'pa-fld2',
            description: '�������',
            tag: 'fnd',
            class: 'pa-fld2',
            defaultCode: '',
            type: 'text'
        }
    },
    userFields: ['pa-fld1', 'pa-fld2', 'pa-avatar item2', 'pa-fld3', 'pa-author', 'pa-title', 'pa-online', 'pa-posts', 'pa-respect']
});
</script>

<!-- *************************************************************** -->

<!--������ ����� ����-->
<div class="go-up" id="ToTop" style="display: none;"></div>
<div class="go-down" id="OnBottom"></div>


<!-- *************************************************************** -->
<!--��������� "������ ������������", ���������� ������ "������ � ����������", ��������� ������� "����"--><script type="text/javascript">
rusffLive.enable = false;
RusffCore.sets.show_reportBtn = 0;
RusffCore.sets.tags = false;</script>


<!-- *************************************************************** -->
<!-- ��������� ���� � ����� "���" // � Alex_63, ������ 2017�. -->
<script type="text/javascript" src="./������ ����� ������������� ������ [21.03]_files/26102.js.��� ��������"></script>
<script>eval(select_text.toString().replace(/\}$/,'try{document.execCommand("copy")}catch(e){}}'))</script>
<script type="text/javascript">select_text.linkText = '�������� ��� [���������� �����]' //����� ������</script>

<!-- *************************************************************** -->

<!-- ������� ������ "profilenav" ��� ��������� ������� (c) satsana -->
<script type="text/javascript">
  if (document.URL.indexOf('profile.php')!=-1 && (!~document.URL.indexOf('section') || document.URL.indexOf('section=view')!=-1))
    $('#pun-profile').addClass('view');
</script>
<style>
#pun-profile.view #profilenav {display: none}
</style>

��

mybb@mybb.ru (manta) — Wed, 06 Apr 2022 22:39:34 +0300

��:

/* CS1 Background and text colours
-------------------------------------------------------------*/

/* Variables
--------------------------------- */

:root {
    --color-green: #865797; /*����������*/
    --color-red:#db4723; /*���������*/
    --color-back:#f0f0f0;
    --color-hz: #f0f0f0;

    --color-white: #191919;
    --color-black: #222;

    --color-grey: #c3c3c3;

--color-brown: #bbb;
--color-nice:#222;

    --color-mda: #62001d;


--custom: Myriad;
--custom2: MyriadProBold;

    --html-bg: #222;

    --noise: #d8d8d8 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwAgMAAAAqbBEUAAAACVBMVEUAAADc2tzU1tSVBL31AAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAWpJREFUKJEVkksOREEERW2yXlLmJOyHpMxJWGXrOfdzAI7DJ78PCwOamS6L9cmAI0fCz3S9gvC+g/HdJoVKuX6OU6DDVFnGoQj/oGJwqttlBpQ93uCt7AKTS6pqmBWQopZzstEc4juSPvXYCd7ByhR8Yxf05fVwJy4Bpo9d2+x7DN1H8VWdfgp4Vqwjb6fBrFRwVduOcbzLpdEYvBXESeSVp0NHsNxGxxY4sR2puFF6x+LpY2rLt00/l2LyUoFWTNOm98UDrbjRL5KuwResqJuhyuHKGZnvHVMGUiwdOZlbYWmEHTWd5RbmeaSHrRhGqahnuUTDAo1aAHZpfWZcciJ0LtyazTB5zib4YoqdjbYwdHF20KdDASgWt6JwFyEQ94Sjd1YAT90wxEPTML0m3w2ldwADe10upT3Y4w5+W8nE/2qf3NlIMoDD9xWhEW+CmjR0YZz9A3Jb6hq2rCdfZ9XwmgPu/feRnrfnD5HSLW50u+ptAAAAAElFTkSuQmCC);
}



/*���*/
body {
background: var(--html-bg);
}

#Logo {
    width: 250px;
    height: 28px;
    text-align: left;
    position: absolute;
    top: 0px;
    font-family: var(--custom2);
    letter-spacing: 0px;
    padding-top: 4px;
    font-size: 65px;
    font-weight: bold;
    color: var(--color-red);
}

#Logo1 {     width: 250px;
    height: 28px;
    text-align: left;
    position: absolute;
    top: 50px;
    font-family: var(--custom2);
    letter-spacing: 0px;
    padding-top: 4px;
    font-size: 65px;
    font-weight: bold;
    color: var(--color-red);
}

#Logo, #Logo1 {left:125px;
    position: absolute;
    z-index: 2;}

#activity {display: none!important;
 }

#ams { display: none!important;
 }

 #pair, #epic, #RANDOM, #KontentRotator {display:none}
  }


#act {
    position: absolute;
    width: 970px;
   /* top: 0px;
    right: 0px;*/
    height: 150px;}

#act1, #act2, #act3, #act4 {
    position: absolute;
    width: 50px;
    height: 50px;
}

div#act1:before, div#act2:before, div#act3:before, div#act4:before  {
    content: ".";
    font-family: var(--custom2);
    font-size: 88px;
    color: var(--color-red);
    top: -5px;
    left: 0px;
    position: absolute;
}

#act1> a > img:hover, #act2> a > img:hover, #act3> a > img:hover, #act4> a > img:hover {opacity:1;     
}

#act1 {right:320px}

#act2 {right:255px}

#act3 {right:190px}

#act4 {right:125px}

#act1 > a > img, #act2 > a > img, #act3 > a > img, #act4 > a > img {
    top: 50px;
    left: -12px;
    position: absolute;
    opacity: 0;
    border-radius: 50px;
    -webkit-transition: all 0.25s 0s ease;
    -moz-transition: all 0.25s 0s ease;
    -o-transition: all 0.25s 0s ease;
    transition: all 0.25s 0s ease;
    background-size: contain!important;
    background-color: var(--color-grey)!important;
    width: 50px;
    height: 50px;
    outline: 2px solid var(--color-red);
    outline-offset: 2px;
} 


#ZACHTO {    position: relative;     z-index: 2;}

#RANDOM2 {
    position: relative;
    z-index: 1;
    height: 150px;
    width: 960px;
    background: var(--color-black);
}

#RANDOM {
    position: absolute;
    left: 500px;
    top: 55px;
    width: 295px;
    height: 150px;
    background: url(https://forumstatic.ru/files/001a/eb/a8/60225.png) center no-repeat;
    padding: 10px;
    z-index: 5;
    opacity: 0.95;
}

#KontentRotator {  
    font-size: 9px;
    text-align: justify;
    color: var(--color-white);
    overflow-y: auto;
    width: 232px;
    height: 70px;
    padding: 2px 8px;
    margin-top: 43px;
    margin-left: 10px;
    z-index: 5;
}

#KontentRotator br {
            display: block; /* makes it have a width */
            content: ""; /* clears default height */
            margin-top: 4px; /* change this to whatever height you want it */
}

kr {    color: var(--color-red);
    font-weight: bold;
    font-size: 12px;
    letter-spacing: 1px;
    font-family: century gothic;}   

#html-header {
width: 970px;
    height: 150px;
    position: absolute;
    top: 65px;
}

/* ���� ������ */
#pun {
   width: 970px;
   padding: 5px 10px 10px;
}

   .punbb {
    float: none;
    width:auto;
    height: auto;
    margin: 0 auto;
    background: var(--color-back);
      }

/* ����� */
#pun-about .container {
    height: 0px;
width: 970px;
}

#html-footer p {
    display: block;
    width: 956px;
    padding: 7px;
    text-align: center;
    font-size: 11px;
    letter-spacing: 1px;
    color: var(--color-black);
    font-family: var(--custom2);
    letter-spacing: 2px;
}

/* CS1.1 */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
  background: var(--color-back)!important;
  color: var(--color-black);
  }

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
  background: transparent;
  color: var(--color-black);
  }

#pun-admain h2 span {
display:block;
}


/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  }

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background: transparent;
  color: var(--color-gr);
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
    display: block;
    padding: 4px 15px;
    padding-bottom: 0px;
    font-size: 13px;
    font-weight: normal;
    width: fit-content;
    font-style: normal;
    text-align: center;
    font-family: var(--custom);
    text-transform: uppercase;
    margin-top: -12px!important;
    margin-bottom: 8px;
    margin-left: auto;
    margin-right: auto;
    letter-spacing: 0.7px;
  }

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background: transparent;
  }

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
    background: var(--noise);
border: 2px solid var(--color-back);
}

/* CS1.8 */

.offline li.pa-online strong {
  font-weight: normal;
  }

/* CS2 Border colours
-------------------------------------------------------------*/

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
  border-color: transparent;
  }

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color: transparent;
  }

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border-color: transparent;
  }

/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
  border-color: transparent;
  }

/* CS2.5 */
.punbb th {
  border-color: transparent;
  }



#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
  border-color: transparent;
  }

#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
  border-color: transparent;
  }

.punbb .divider {
  border-color: transparent;
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 1px solid transparent;
  }

li.pa-online {
  border-left-color: transparent;
  }


/* CS3 Links
-------------------------------------------------------------*/

/* CS3.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
    text-decoration: none;
    color: var(--color-red);
   /* font-family: var(--custom);
    font-size: 12px;
    letter-spacing: 1px;*/
    }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: var(--color-red);
  }

/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
  color: var(--color-red);
    }

/* CS3.3 */
#pun-navlinks a {
    color: var(--color-black);
    text-decoration: none;
    font-family: var(--custom2);
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
    color: var(--color-black);
  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  color: var(--color-gr);
  }

#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
  text-decoration: none;
  }



/* CS4 Post status icons
 -------------------------------------------------------------*/

/* ������*/

div.icon {
background-color: var(--color-grey);
    border-radius: 50px;
    margin-right: 15px;
    margin-top: 10px;
    margin-left: 36px;
    width: 15px;
    height: 15px;
    position: absolute;
  }

.isticky Div.icon, .iclosed Div.icon, .isticky.iclosed Div.icon {
    background-color: var(--color-black);
}

.inew Div.icon, .inew.isticky Div.icon, .inew.iclosed Div.icon, .inew.isticky.iclosed Div.icon {
    background:var(--color-red);
}

#pun-searchtopics TR Div.icon , #pun-viewforum TR Div.icon,
#pun-searchtopics TR.isticky Div.icon , #pun-messages TR.isticky Div.icon , #pun-viewforum TR.isticky Div.icon, #pun-searchtopics TR.iclosed.isticky Div.icon , #pun-messages TR.iclosed.isticky Div.icon , #pun-viewforum TR.iclosed.isticky Div.icon, .iclosed Div.icon,#pun-searchtopics TR.iclosed Div.icon , #pun-viewforum TR.iclosed Div.icon, #pun-searchtopics TR.inew Div.icon, #pun-viewforum TR.inew Div.icon {
    margin-top: 0px!important;
}

#pun-messages TR Div.icon, #pun-messages TR.iclosed Div.icon, #pun-messages TR.inew Div.icon {
    margin-right: 0px;
    margin-left: 0px;
    margin-top: 20px!important;
}

#pun-main div.catleft, #pun-main div.catright {display: none}


div.post-rating a, div.post-rating a:hover {
    display: block;
    background:  var(--noise);
    color: var(--color-white)!important;
    width: 35px;
    height: 26px;
    padding-top: 7px;
    text-align: center;
    margin-right: 2px;
}

div.post-vote .container {
margin-top: 9px!important;
}

/*����� ��������� */
::selection  {
    background: none repeat scroll 0 0 var(--color-green);
    color: var(--color-back);
    opacity: 1;
} 
*::-moz-selection
{
    background: none repeat scroll 0 0 var(--color-green);
    color: var(--color-back);
    opacity: 1;
} 

/* ����� ������ ��� � ������ */
#pun-main .forum  .tcl .tclcon {
    text-align: justify;
}

/* ������ ��� � ������ ��� ��������� ���� */
#pun-main .forum .tcl .byuser {
}
#pun-main .forum .tcl .byuser:before { content: "�";}


/*����� ������ ����� ���������� ������*/
#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {
    position: absolute;
    z-index: 1000;
    right: 12px!important;
    padding: 15px;
    top: 54px!important;
    box-shadow: inset 0 0 0 2px rgba(232, 231, 231, .7);
background-color: var(--color-back)!important
}

/*��� ������ ���������*/
#pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -131px 0 0 -451px!important;
    z-index: 100;
    width: 903px!important;
    position: absolute;
    right: 12px!important;
    font-size:10px;
    box-shadow: inset 0 0 0 3px rgba(232, 231, 231, .7)!important;
background-color: var(--color-back)!important
}

#pun-respect.punbb .main .tc3 {text-transform: none !important; color:#000}
#pun-respect.punbb .main {font-size:10px;}


/* ��������� */
::-webkit-scrollbar {    width: 7px;
    height: 6px;}  
::-webkit-scrollbar-track {background-color: var(--color-green);} 
::-webkit-scrollbar-thumb {background-color: var(--color-grey);}


/*����� ���, ������������*/
#pun th {    
text-transform: lowercase;
    font-size: 0px;
    font-weight: bold;
    opacity: 0.0;
}
#pun-userlist th {
opacity: 1;
font-size: 9px;
}

#pun-messages .fs-box {padding: 4em 0 0.8em 0;}
#pun-messages .pa-posts, #pun-messages .pa-reg {display:none;}

.resizable-textarea textarea {
    background-color: rgb(145 145 145 / 25%);
/*rgb(134 87 151 / 20%);*/
}
#main-reply {
    border: 2px solid transparent!important;
    height: 270px;
    text-align:justify;
}

#form-buttons {
}


/*ARROWS*/
.go-up,.go-down {
color: var(--color-red);
    position: fixed;
    margin-left: 1005px!important;
    z-index: 9997;
    cursor: pointer;
    width: 47px;
    height: 47px;
opacity:0.85;
}

.go-up {
bottom: 57%; 
}
.go-down {
bottom: 47%; 
}
.go-down:hover,.go-up:hover {
opacity:1;
}

.go-up:before{font-family: FontAwesome;font-size:3.5rem;position: absolute;content: '\f0de';cursor: pointer;position: relative;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}

.go-down:before{font-family: FontAwesome;font-size: 3.5rem;position: absolute;content: '\f0dd';cursor: pointer;position: relative;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}


.banr{    height: 55px;
    overflow-y: auto;}

.bannner {
position:absolute;
    margin-top: 10px !important;
    width: 960px;
    height: 75px;
    overflow-y: none;
    text-align: center;
}

.bannner a {
    opacity: 0.65;
    -moz-opacity: 0.65;
    filter:grayscale(100%);
    transition: all 0.5s linear 0s;
    -webkit-transition: all 0.5s linear 0s;
    -moz-transition: all 0.5s linear 0s;
    -o-transition: all 0.5s linear 0s;
}

.bannner a:hover {
opacity:1; 
-moz-opacity:1; 
filter:grayscale(0%);
}

#statistic-other{
    text-align: center!important;
    text-transform: lowercase;
    font-size: 8px;
    font-weight: bold; }


.punbb .main .tcr a {
   }
.punbb .main .tcr span {
  font-size: 11px;
}

#pun-viewforum .tcr a {
    font-size: 11px;
}
.pun-modal .modal-inner {
    border: 4px double #c0bebc!important;
    background: var(--color-white)!important;
}


/* ����� ���� ������ */
.button, #sub4 {
    cursor: pointer;
    margin-top: 0px !important;
    padding: 4px 8px 4px;
    text-decoration: none;
    vertical-align: middle;
    text-transform: lowercase;
}



/* ������������ */
#post-preview .fs-box .post-content {padding:10px!important;}

/* �� */
#pun-messages .fs-box {/*margin-top: -52px;*/}
#pun-messages .post h3 { width: auto}
#pun-messages #profile .container fieldset {border:none;}
#pun-messages #profile .post-links ul {background: none;}
#pun-messages #font-area, #pun-messages #size-area, #pun-messages #color-area, #pun-messages #table-area, #pun-messages #image-area, #pun-messages #imageup-area, #pun-messages #imageattach-area, #pun-messages #keyboard-area, #pun-messages #video-area, #pun-messages #addition-area {width: auto!important;}
#pun-messages #smilies-area {width: 455px!important;}


#font-area {overflow-y: auto; height: 300px; width:170px;}

/* ������� */

div.post-author > ul.hv-mask > li.pa-fld1 > a:nth-child(1),
div.post-author > ul.hv-mask > li.pa-fld1 > a:nth-child(1):hover,
div.post-author > ul.hv-mask > li.pa-fld1 > a:nth-child(1):visited,
div.post-author.online > ul.hv-mask > li.pa-fld1 > a:nth-child(1),
div.post-author.online > ul.hv-mask > li.pa-fld1 > a:nth-child(1):hover,
div.post-author.online > ul.hv-mask > li.pa-fld1 > a:nth-child(1):visited,
div.post-author > ul > li.pa-fld1 > a:nth-child(1), 
div.post-author > ul > li.pa-fld1 > a:nth-child(1):hover, 
div.post-author > ul > li.pa-fld1 > a:nth-child(1):visited,
div.post-author.online > ul > li.pa-fld1 > a:nth-child(1), 
div.post-author.online > ul > li.pa-fld1 > a:nth-child(1):hover, 
div.post-author.online > ul > li.pa-fld1 > a:nth-child(1):visited, 
div.post-author > ul > li.pa-fld1 > a:nth-child(2), 
div.post-author > ul > li.pa-fld1 > a:nth-child(2):hover, 
div.post-author > ul > li.pa-fld1 > a:nth-child(2):visited,
div.post-author.online > ul > li.pa-fld1 > a:nth-child(2), 
div.post-author.online > ul > li.pa-fld1 > a:nth-child(2):hover, 
div.post-author.online > ul > li.pa-fld1 > a:nth-child(2):visited
{    
    color: var(--color-red)!important;
    font-size: 12px!important;
    font-family: var(--custom2)!important;
    letter-spacing: 1px!important;
    font-style: normal!important;
}

li.pa-fld1 > br {content: "";
    margin: 4px 0 3px;
    display: block;
    font-size: 1%;
}


.pa-fld1 {
    text-align: left;
    font-size: 9px;
    line-height: 12px;
    color: var(--color-hz);
    margin-top: 0px!important;
    margin-bottom: 10px!important;
    padding: 0px 30px!important;
    max-height: 105px;
    overflow-y: auto;
}

#pa-fld1 > strong > a {font-weight:normal!important}

.pa-fld1 a, .pa-fld1 a:hover, .pa-fld1 a:visited {
color: var(--color-hz)!important;
    font: italic 68.75% verdana, arial, helvetica, sans-serif!important;
    font-size: 9px!important;
    letter-spacing: 0px!important;
}

.post .pa-fld2 {
    color: var(--color-back);
    text-align: center;
    text-transform: lowercase;
    font-size: 12px;
    font-family: var(--custom);
    letter-spacing: 2px;
    padding: 8px 5px;
    margin-top: 0px;
    background: #000 url(https://forumstatic.ru/files/001a/cf/3c/62345.jpg);
background-position: 93% 72%;
}


.pa-fld4, .pa-fld3 {
    font-family: var(--custom);
    font-size: 15px;
    letter-spacing: 1px;
    color: var(--color-hz);
    margin-top: 5px!important;
    margin-bottom: 10px!important;
    width: 108px;
    display: inline-block;
}

.pa-fld3 {    text-align: right;
    padding-right: 10px!important}

.pa-fld4 {    text-align: left;
    padding-left: 10px!important;}

.pa-posts, .pa-respect, .pa-respect a {
    text-align: center;
    color: var(--color-hz)!important;
    text-transform: lowercase;
    font-size: 9px;
}


.pa-posts {
    margin-left: 108px;
}

.pa-time-visit, .pa-last-visit, .pa-ip {
    font-size: 9px;
    color: var(--color-hz)!important;
    text-transform: lowercase;
    text-align: center;
    margin-right: 5px!important;
}
.pa-time-visit br {display:none}
.pa-last-visit br {display:none}

/* ������ �������� ��� ����� */
.pa-avatar img {max-width: 180px; max-height: 180px;}
#mask_form .signature textarea, #mask_form .pafld1 textarea {height: 50px;}

/* ������ - �����������, "���� �������", "�����", "���������������", "����������", ������� */
#pun-index .modlist {display: none;}
.closedatafield {display:none;}
.stickytext {display:none}
.lastedit {display:none;}
#pun-announcement h2 {display: none}
li#navawards {display: none !important;}

/* ������ ������� */
#pun-index .user-avatar {
    margin: -6px 25px 0px 15px;
    height: 49px!important;
    }
.punbb em.user-avatar {
    float:right !important;
    }
.punbb .user-avatar img.ava {
    border-radius:0% !important;
    }

.punbb .user-avatar .avatar-image {
    background-size: contain!important;
    background-color: var(--color-grey)!important;
    width: 50px!important;
    height: 50px!important;
    opacity: 1!important;
    outline: 2px solid var(--color-red);
    outline-offset: 2px;
}



.img a.title {
 background: #f0f0f0;
}

/* ��� ���������� � ��������� */
#pun-index .category .tc2,#pun-index .category .tc3,
#f-subforums .tc2,#f-subforums .tc3{
  display:none!important;
}
.Tems_And_messages {
  display:inline-block;
  width:auto;
}
.main table .Add {
    display: none;
    padding: 5px 1px;
color: var(--color-grey);
}


.post-content hr {
background: var(--color-grey);
height: 1px;
box-shadow: none !important;
border: none !important;
margin: 5px 75px !important;
}

span.num_msg {
    margin-top: -15px!important;
    margin-left: -15px!important;
    background: var(--color-grey)!important;
}

span.num_msg:before {
    background: var(--color-grey)!important;
}

#MyBookmarks .container {
    background: var(--color-back);
}

#MyBookmarks h2 {
margin: 0!important;
    background: var(--color-hz)!important;
}

#BookmCntToggle.default-style {
    color: var(--color-grey)!important;
}

.isonline {
     margin-right: -5px!important;
    margin-top: 5px!important;
    background: var(--color-grey)!important;}

��

mybb@mybb.ru (manta) — Sun, 20 Mar 2022 00:18:56 +0300

��:

/* CS1 Background and text colours
-------------------------------------------------------------*/

/* Variables
--------------------------------- */

:root {
    --color-green: #93b7a0;
    --color-red:#62001d;
    --color-back:#f0f0f0;
    --color-hz: #f0f0f0;
    --color-white: #191919;
    --color-black: #000;
    --color-grey: #999;
    --color-gr:  #a29393; /*#ada7a7;*/
    --color-mda: #62001d;

--color-brown: rgb(0 0 0 / 10%);

--custom: century gothic;
--custom2: century gothic;

    --html-bg: #666 url(https://forumstatic.ru/files/001a/eb/a8/10580.jpg) top center repeat-y fixed;

    --noise: #d8d8d8 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwAgMAAAAqbBEUAAAACVBMVEUAAADc2tzU1tSVBL31AAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAWpJREFUKJEVkksOREEERW2yXlLmJOyHpMxJWGXrOfdzAI7DJ78PCwOamS6L9cmAI0fCz3S9gvC+g/HdJoVKuX6OU6DDVFnGoQj/oGJwqttlBpQ93uCt7AKTS6pqmBWQopZzstEc4juSPvXYCd7ByhR8Yxf05fVwJy4Bpo9d2+x7DN1H8VWdfgp4Vqwjb6fBrFRwVduOcbzLpdEYvBXESeSVp0NHsNxGxxY4sR2puFF6x+LpY2rLt00/l2LyUoFWTNOm98UDrbjRL5KuwResqJuhyuHKGZnvHVMGUiwdOZlbYWmEHTWd5RbmeaSHrRhGqahnuUTDAo1aAHZpfWZcciJ0LtyazTB5zib4YoqdjbYwdHF20KdDASgWt6JwFyEQ94Sjd1YAT90wxEPTML0m3w2ldwADe10upT3Y4w5+W8nE/2qf3NlIMoDD9xWhEW+CmjR0YZz9A3Jb6hq2rCdfZ9XwmgPu/feRnrfnD5HSLW50u+ptAAAAAElFTkSuQmCC);
}



/*���*/
body {
background: var(--html-bg);
}

#Logo {
    width: 250px;
    height: 28px;
    text-align: center;
    left: 10px;
    position: absolute;
    top: 110px;
    font-family: courier new;
    letter-spacing: 2px;
    padding-top: 4px;
    font-size: 19px;
    font-weight: bold;
    color: var(--color-back);
    background: var(--color-mda);
}

#Logo1 {    width: 200px;
    text-align: center;
    height: 26px;
    position: absolute;
    top: 150px;
    left: 95px;
    padding: 4px 0 0 0;
    font-family: courier new;
    letter-spacing: 2px;
    font-size: 18px;
    color: var(--color-back);
    background: var(--color-mda);
}
#activity {display: none!important;
 }

#ams { display: none!important;
 }

 #pair, #epic  {
    position: absolute;
    overflow: hidden;
    height: 50px;
    top: 95px;
    width: 130px;
    text-align: center;
    font-family: var(--custom);
    letter-spacing: 2px;
    font-size: 13px;
   }

#epic {left: 340px;}
#pair {right: 10px;}

#epic > a, #pair > a  {
    color: var(--color-white)!important;
}

#act1, #act2, #act3, #act4 {
    position: absolute;
    width: 50px;
    height: 50px;
    bottom: 35px; }

#act1 {left: 345px;}

#act2 {left: 415px;}

#act3 {right: 85px;}

#act4 {right: 15px;}


#epic > a > img, #pair > a > img, #act1 > a > img, #act2 > a > img, #act3 > a > img, #act4 > a > img {top: 0;
    position: absolute;
    outline: 1px solid var(--color-back);
    outline-offset: -3px;} 

#ZACHTO {}

#RANDOM {
    position: absolute;
    left: 500px;
    top: 55px;
    width: 295px;
    height: 150px;
    background: url(https://forumstatic.ru/files/001a/eb/a8/60225.png) center no-repeat;
    padding: 10px;
    z-index: 5;
    opacity: 0.95;
}

#KontentRotator {  
    font-size: 9px;
    text-align: justify;
    color: var(--color-white);
    overflow-y: auto;
    width: 232px;
    height: 70px;
    padding: 2px 8px;
    margin-top: 43px;
    margin-left: 10px;
    z-index: 5;
}

#KontentRotator br {
            display: block; /* makes it have a width */
            content: ""; /* clears default height */
            margin-top: 4px; /* change this to whatever height you want it */
}

kr {    color: var(--color-red);
    font-weight: bold;
    font-size: 12px;
    letter-spacing: 1px;
    font-family: century gothic;}   

#html-header {
    width: 970px;
    height: 230px;
    position: absolute;
    top: -40px;
}

/* ���� ������ */
#pun {
   width: 970px;
   padding: 5px 10px 10px;
}

   .punbb {
    float: none;
    width:auto;
    height: auto;
    margin: 0 auto;
    background: var(--color-back);
    margin-top: 185px;
      }

/* ����� */
#pun-about .container {
    height: 0px;
width: 970px;
}

#html-footer p {
    position: absolute;
    display: block;
    width: 970px;
    height: 0px;
    text-align: center;
    padding-top: 3px;
    font-size: 11px;
    color: var(--color-white);
    font-weight: bold;
    font-family: century gothic;
    letter-spacing: 2px;
}

/* CS1.1 */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
  background: var(--color-back)!important;
  color: var(--color-black);
  }

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
  background: transparent;
  color: var(--color-black);
  }

#pun-admain h2 span {
display:block;
}


/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  }

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background: transparent;
  color: var(--color-gr);
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
    display: block;
    padding: 4px 15px;
    padding-bottom: 0px;
    font-size: 13px;
    font-weight: normal;
    width: fit-content;
    font-style: normal;
    text-align: center;
    font-family: var(--custom);
    text-transform: uppercase;
    margin-top: -12px!important;
    margin-bottom: 8px;
    margin-left: auto;
    margin-right: auto;
    letter-spacing: 0.7px;
  }

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background: transparent;
  color: var(--color-gr)
  }

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
    background: var(--noise);
    border: 2px solid var(--color-hz);
}

/* CS1.8 */
#pun-navlinks .container {
  background: transparent!important;
  }

.offline li.pa-online strong {
  font-weight: normal;
  }

/* CS2 Border colours
-------------------------------------------------------------*/

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
  border-color: transparent;
  }

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color: transparent;
  }

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border-color: transparent;
  }

/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
  border-color: transparent;
  }

/* CS2.5 */
.punbb th {
  border-color: transparent;
  }



#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
  border-color: transparent;
  }

#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
  border-color: transparent;
  }

.punbb .divider {
  border-color: transparent;
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 1px solid transparent;
  }

li.pa-online {
  border-left-color: transparent;
  }


/* CS3 Links
-------------------------------------------------------------*/

/* CS3.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
  text-decoration: none;
  color: var(--color-gr);
    }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: var(--color-gr);
  }

/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
  color: var(--color-gr);
    }

/* CS3.3 */
#pun-navlinks a {
    color: var(--color-black);
    text-decoration: none;
    font-family: century gothic;
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
    color: var(--color-black);
  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  color: var(--color-gr);
  }

#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
  text-decoration: none;
  }



/* CS4 Post status icons
 -------------------------------------------------------------*/

/* ������*/

div.icon {
background-color: #c4bebe;
    /* box-shadow: 3px 3px 0px 0px var(--color-gr); */
    margin-right: 15px;
    margin-top: 9px;
    margin-left: 33px;
    width: 18px;
    height: 18px;
    position: absolute;
  }

.isticky Div.icon, .iclosed Div.icon, .isticky.iclosed Div.icon {
    background-color: #555;
}

.inew Div.icon, .inew.isticky Div.icon, .inew.iclosed Div.icon, .inew.isticky.iclosed Div.icon {
    background:var(--color-green);
}

#pun-searchtopics TR Div.icon , #pun-viewforum TR Div.icon,
#pun-searchtopics TR.isticky Div.icon , #pun-messages TR.isticky Div.icon , #pun-viewforum TR.isticky Div.icon, #pun-searchtopics TR.iclosed.isticky Div.icon , #pun-messages TR.iclosed.isticky Div.icon , #pun-viewforum TR.iclosed.isticky Div.icon, .iclosed Div.icon,#pun-searchtopics TR.iclosed Div.icon , #pun-viewforum TR.iclosed Div.icon, #pun-searchtopics TR.inew Div.icon, #pun-viewforum TR.inew Div.icon {
margin-right: 0px;
    margin-left: 30px;
    margin-top: -3px!important;
}

#pun-messages TR Div.icon, #pun-messages TR.iclosed Div.icon, #pun-messages TR.inew Div.icon {
    margin-right: 0px;
    margin-left: 0px;
    margin-top: 15px!important;
}

#pun-main div.catleft, #pun-main div.catright {display: none}


div.post-rating a, div.post-rating a:hover {
    display: block;
    background:  var(--noise);
    color: var(--color-white)!important;
    width: 35px;
    height: 26px;
    padding-top: 7px;
    text-align: center;
    margin-right: 2px;
}

div.post-vote .container {
margin-top: 9px!important;
}

/*����� ��������� */
::selection  {
    background: none repeat scroll 0 0 var(--color-green);
    color: #000;
    opacity: 1;
} 
*::-moz-selection
{
    background: none repeat scroll 0 0 var(--color-green);
    color: #000;
    opacity: 1;
} 

/* ����� ������ ��� � ������ */
#pun-main .forum  .tcl .tclcon {
    text-align: justify;
}

/* ������ ��� � ������ ��� ��������� ���� */
#pun-main .forum .tcl .byuser {
}
#pun-main .forum .tcl .byuser:before { content: "—";}


/*����� ������ ����� ���������� ������*/
#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {
    position: absolute;
    z-index: 1000;
    right: 12px!important;
    padding: 15px;
    top: 54px!important;
    box-shadow: inset 0 0 0 2px rgba(232, 231, 231, .7);
background-color: var(--color-back)!important
}

/*��� ������ ���������*/
#pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -131px 0 0 -451px!important;
    z-index: 100;
    width: 903px!important;
    position: absolute;
    right: 12px!important;
    font-size:10px;
    box-shadow: inset 0 0 0 3px rgba(232, 231, 231, .7)!important;
background-color: var(--color-back)!important
}

#pun-respect.punbb .main .tc3 {text-transform: none !important; color:#000}
#pun-respect.punbb .main {font-size:10px;}


/* ��������� */
::-webkit-scrollbar {    width: 7px;
    height: 6px;}  
::-webkit-scrollbar-track {background-color: #c4bebe;} 
::-webkit-scrollbar-thumb {background-color: var(--color-grey);}


/*����� ���, ������������*/
#pun th {    
text-transform: lowercase;
    font-size: 0px;
    font-weight: bold;
    opacity: 0.0;
}
#pun-userlist th {
opacity: 1;
font-size: 9px;
}

#pun-messages .fs-box {padding: 4em 0 0.8em 0;}
#pun-messages .pa-posts, #pun-messages .pa-reg {display:none;}

.resizable-textarea textarea {
    background-color:  rgb(148 184 161 / 30%);
}
#main-reply {
    border: 2px solid var(--color-grey)!important;
    height: 270px;
text-align:justify;
}

#form-buttons {
}


/*ARROWS*/
.go-up,.go-down {
color: #400007;
    position: fixed;
    margin-left: 1005px!important;
    z-index: 9997;
    cursor: pointer;
    width: 47px;
    height: 47px;
opacity:0.85;
}

.go-up {
bottom: 57%; 
}
.go-down {
bottom: 47%; 
}
.go-down:hover,.go-up:hover {
opacity:1;
}

.go-up:before{font-family: FontAwesome;font-size:3.5rem;position: absolute;content: '\f102';cursor: pointer;position: relative;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}

.go-down:before{font-family: FontAwesome;font-size: 3.5rem;position: absolute;content: '\f103';cursor: pointer;position: relative;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}


.bannner {
    position: absolute;
    margin-top: 20px !important;
    margin-left: 0px!important;
    width: 970px;
    height: 70px;
    margin-bottom: 25px!important;
    overflow-y: auto;
    text-align: center;
}

.bannner a {
    opacity: 0.65;
    -moz-opacity: 0.65;
    filter:grayscale(100%);
    transition: all 0.5s linear 0s;
    -webkit-transition: all 0.5s linear 0s;
    -moz-transition: all 0.5s linear 0s;
    -o-transition: all 0.5s linear 0s;
}

.bannner a:hover {
opacity:1; 
-moz-opacity:1; 
filter:grayscale(0%);
}

#statistic-other{
    text-align: center!important;
    text-transform: lowercase;
    font-size: 8px;
    font-weight: bold; }


.punbb .main .tcr a {
   }
.punbb .main .tcr span {
  font-size: 11px;
}

#pun-viewforum .tcr a {
    font-size: 11px;
}
.pun-modal .modal-inner {
    border: 4px double #c0bebc!important;
    background: var(--color-white)!important;
}


/* ����� ���� ������ */
.button, #sub4 {
    cursor: pointer;
    margin-top: 0px !important;
    padding: 4px 8px 4px;
    text-decoration: none;
    vertical-align: middle;
    text-transform: lowercase;
}



/* ������������ */
#post-preview .fs-box .post-content {padding:10px!important;}

/* �� */
#pun-messages .fs-box {/*margin-top: -52px;*/}
#pun-messages .post h3 { width: auto}
#pun-messages #profile .container fieldset {border:none;}
#pun-messages #profile .post-links ul {background: none;}
#pun-messages #font-area, #pun-messages #size-area, #pun-messages #color-area, #pun-messages #table-area, #pun-messages #image-area, #pun-messages #imageup-area, #pun-messages #imageattach-area, #pun-messages #keyboard-area, #pun-messages #video-area, #pun-messages #addition-area {width: auto!important;}
#pun-messages #smilies-area {width: 455px!important;}


#font-area {overflow-y: auto; height: 300px; width:170px;}


/* ������� */

/* ������� */

div.post-author > ul.hv-mask > li.pa-fld1 > a:nth-child(1),
div.post-author > ul.hv-mask > li.pa-fld1 > a:nth-child(1):hover,
div.post-author > ul.hv-mask > li.pa-fld1 > a:nth-child(1):visited,
div.post-author.online > ul.hv-mask > li.pa-fld1 > a:nth-child(1),
div.post-author.online > ul.hv-mask > li.pa-fld1 > a:nth-child(1):hover,
div.post-author.online > ul.hv-mask > li.pa-fld1 > a:nth-child(1):visited,
div.post-author > ul > li.pa-fld1 > a:nth-child(1), 
div.post-author > ul > li.pa-fld1 > a:nth-child(1):hover, 
div.post-author > ul > li.pa-fld1 > a:nth-child(1):visited,
div.post-author.online > ul > li.pa-fld1 > a:nth-child(1), 
div.post-author.online > ul > li.pa-fld1 > a:nth-child(1):hover, 
div.post-author.online > ul > li.pa-fld1 > a:nth-child(1):visited, 
div.post-author > ul > li.pa-fld1 > a:nth-child(2), 
div.post-author > ul > li.pa-fld1 > a:nth-child(2):hover, 
div.post-author > ul > li.pa-fld1 > a:nth-child(2):visited,
div.post-author.online > ul > li.pa-fld1 > a:nth-child(2), 
div.post-author.online > ul > li.pa-fld1 > a:nth-child(2):hover, 
div.post-author.online > ul > li.pa-fld1 > a:nth-child(2):visited
{    
    color: var(--color-green2)!important;
    font-size: 12px;
    font-family: var(--custom);
    letter-spacing: 0px;
    font-style: normal;
}

li.pa-fld1 > br {content: "";
    margin: 4px 0 3px;
    display: block;
    font-size: 1%;
}


.pa-fld1 {
    text-align: left;
    font-size: 9px;
    line-height: 12px;
    color: var(--color-white);
    margin-top: -11px!important;
    margin: 0px 10px 13px!important;
    padding: 5px 10px!important;
    border: 2px solid var(--color-back);
max-height: 105px;
    overflow-y: auto;
}

.pa-fld1 a, .pa-fld1 a:hover, .pa-fld1 a:visited {
    color: var(--color-white)!important;
    font-style: italic;
}

.post .pa-fld2 {
    color: var(--color-hz);
    text-align: center;
    background: var(--color-mda);
    text-transform: lowercase;
    font-size: 12px;
    font-family: courier;
    letter-spacing: 1px;
    height: 17px;
    padding: 7px 5px 5px;
    margin-top: 0px;
}


.pa-fld4, .pa-fld3 {
font-size: 11px;
    font-family: century gothic;
    font-size: 15px;
    color: var(--color-white);
    margin-top: 5px!important;
    margin-bottom: 10px!important;
    width: 108px;
    display: inline-block;
}

.pa-fld3 {    text-align: right;
    padding-right: 10px!important}

.pa-fld4 {    text-align: left;
    padding-left: 10px!important;}

.pa-posts, .pa-respect, .pa-respect a {
    text-align: center;
    color: var(--color-white)!important;
    text-transform: lowercase;
    font-size: 9px;
}


.pa-posts {
    margin-left: 108px;
}

.pa-time-visit, .pa-last-visit, .pa-ip {
    font-size: 9px;
    color: var(--color-white)!important;
    text-transform: lowercase;
    text-align: center;
    margin-right: 5px!important;
}
.pa-time-visit br {display:none}
.pa-last-visit br {display:none}

/* ������ �������� ��� ����� */
.pa-avatar img {max-width: 180px; max-height: 180px;}
#mask_form .signature textarea, #mask_form .pafld1 textarea {height: 50px;}

/* ������ - �����������, "���� �������", "�����", "���������������", "����������", ������� */
#pun-index .modlist {display: none;}
.closedatafield {display:none;}
.stickytext {display:none}
.lastedit {display:none;}
#pun-announcement h2 {display: none}
li#navawards {display: none !important;}

/* ������ ������� */
#pun-index .user-avatar {
    margin: -6px 25px 0px 15px;
    height: 49px!important;
    }
.punbb em.user-avatar {
    float:right !important;
    }
.punbb .user-avatar img.ava {
    border-radius:0% !important;

    }

.punbb .user-avatar .avatar-image {
    background-size: contain!important;
    background-color: var(--color-grey)!important;
    border-radius: 0!important;
    width: 50px!important;
    height: 50px!important;
    opacity: 1!important;
    outline: 1px solid var(--color-back);
    outline-offset: -3px;
}



.img a.title {
 background: #f0f0f0;
}

/* ��� ���������� � ��������� */
#pun-index .category .tc2,#pun-index .category .tc3,
#f-subforums .tc2,#f-subforums .tc3{
  display:none!important;
}
.Tems_And_messages {
  display:inline-block;
  width:auto;
}
.main table .Add {
    display: none;
    padding: 5px 1px;
color: var(--color-grey);
}


.post-content hr {
background: var(--color-grey);
height: 1px;
box-shadow: none !important;
border: none !important;
margin: 5px 75px !important;
}

span.num_msg {
    margin-top: -15px!important;
    margin-left: -15px!important;
    background: var(--color-grey)!important;
}

span.num_msg:before {
    background: var(--color-grey)!important;
}

#MyBookmarks .container {
    background: var(--color-back);
}

#MyBookmarks h2 {
margin: 0!important;
    background: var(--color-hz)!important;
}

#BookmCntToggle.default-style {
    color: var(--color-grey)!important;
}

.isonline {
     margin-right: -5px!important;
    margin-top: 5px!important;
    background: var(--color-green)!important;}

��

mybb@mybb.ru (manta) — Tue, 28 Dec 2021 12:41:50 +0300

��:

/* CS1 Background and text colours
-------------------------------------------------------------*/

/* Variables
--------------------------------- */

:root {
    --color-hz: #3e3e3e;
    --color-white: #f0f0f0;
    --color-black: #000;
    --color-green: #5a9ab3; /*�������*/
    --color-green2: #357c9a;
    --color-mda: #2f2f2f; 
    --color-nice: #dfd262; /*�����*/
    --color-blue: #c4d6dd; /*��� ���������*/

--color-grey: rgb(86 92 104 / 15%);
--color-grey2:#d9dadb;

--html-bg: #3e3e3e url(http://forumstatic.ru/files/001a/eb/a8/53247.jpg) top center repeat-y fixed;

--custom: AnonPro;
--custom2: VerPro;
}


/*���*/
body {
  background: var(--html-bg);
}

#html-header { 
    width: 970px;
    height: 140px;
    position: absolute;
    top: 10px;
    background: transparent!important;
}

#Logo {display:none}

#Logo1 {display:none}

#ams {
   display:none;
 }

#activity {display:none;
}

#activity > a, #epic > a, #pair > a  {
    color: var(--color-white)!important;
}

#epic, #pair  {
    top: 60px;
    position: absolute;
    overflow: hidden;
    width: 116px;
    padding: 7px 4px 0px;
    height: 18px;
    background: var(--color-mda);
    text-align: center;
    color: var(--color-white);
    font-size: 10px;
    display: inline-block;
    letter-spacing: 1px;
    text-transform: lowercase;
    font-family: AnonPro;
    border: none!important;
    z-index: 99;
   }

#epic { 
left: 100px;
}

#pair {
    right: 100px;
}

#act {background: url(http://forumstatic.ru/files/001a/eb/a8/22254.png) center center no-repeat;
    width: 960px;
    height: 75px;
    position: absolute;
    top: 40px;}

#act1, #act2, #act3, #act4 {
    position: absolute;
    width: 40px;
    height: 40px;
bottom: 25px;
}

div#act1:before, div#act2:before, div#act3:before, div#act4:before  {  display:none;  
content: "x";
    content: "x";
    font-family: 'CandaraBold';
    font-size: 88px;
    color: var(--color-nice);
    text-shadow: 2px 1px 0px var(--color-green);
    top: -36px;
    left: 6px;
    position: absolute;
}

#act1> a > img:hover, #act2> a > img:hover, #act3> a > img:hover, #act4> a > img:hover {opacity:1;     
}

#act1 {
    right: 622px;
}

#act2 {
    right: 518px;
}

#act3 {
    right: 419px;
}

#act4 {
    right: 316px;
}


#act1 > a > img, #act2 > a > img, #act3 > a > img, #act4 > a > img {
    top: 0;
    position: absolute;
    background-size: contain!important;
    border: 2px solid transparent;
    box-shadow: 3px 0px 0 var(--color-nice);
    opacity: 0;
    border-radius: 50px;
-webkit-transition: all 0.25s 0s ease;
-moz-transition: all 0.25s 0s ease;
-o-transition: all 0.25s 0s ease;
transition: all 0.25s 0s ease;} 


#RANDOM {display:none;
    position: absolute;
right: 0px;
    bottom: 10px;
    width: 285px;
    height: 70px;
    background: var(--color-green);
    padding: 10px;
    z-index: 5;
}

#KontentRotator {  display:none;
    font-size: 9px;
    text-align: justify;
    color: var(--color-white);
    overflow-y: auto;
    width: 275px;
    height: 70px;
    padding: 0px 5px;
    z-index: 5;
    outline: 1px solid var(--color-nice);
    outline-offset: 5px;
}

#KontentRotator br {
            display: block; /* makes it have a width */
            content: ""; /* clears default height */
            margin-top: 4px; /* change this to whatever height you want it */
}

kr { color: var(--color-nice);
    font-weight: bold;
    font-size: 12px;
    letter-spacing: 1px;
    font-family: Candara;}   

#KontentRotator > p > a, kr > a {color:var(--color-nice)!important}



/* ���� ������ */
#pun {
   width: 970px;
}

.punbb {
    float: none;
    width: auto;
    height: auto;
    margin: 0 auto;
    background: var(--color-white);
    margin-top: 140px;
    border: 3px solid var(--color-hz);
    outline-offset: 2px;
    outline: 1px solid var(--color-hz);
}

/* ����� */
#pun-about .container {
    height: 0px;
    width: 970px;
}

div.author, div.hch {
    display: grid;
    width: 956px;
    padding: 7px;
    text-align: center;
    font-size: 11px;
    letter-spacing: 1px;
    color: var(--color-green);
    font-family: AnonPro;
}

div.hch {background: url(http://forumstatic.ru/files/001a/eb/a8/13041.png);
background-repeat: no-repeat;
    background-position: -90% center;
    height: 27px;
    z-index: 999;
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;}

div.hch:hover {  background-position: center;
    color: transparent}


/* CS1.1 */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
  background: transparent;
  color: var(--color-black);
  }

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
  background: transparent;
  color: var(--color-black);
  }

#pun-admain h2 span {
display:block;
}


/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  }

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background: transparent;
  color: var(--color-black);
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
    display: block;
    padding: 4px 15px;
    padding-bottom: 0px;
    font-size: 13px;
    font-weight: normal;
    width: fit-content;
    font-style: normal;
    text-align: center;
    font-family: isocteur;
    text-transform: uppercase;
    margin-top: -12px!important;
    margin-bottom: 8px;
    margin-left: auto;
    margin-right: auto;
    letter-spacing: 0.7px;
  }

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background: transparent;
  color: var(--color-black)
  }

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
    background: var(--color-grey);
    border-right: 8px solid var(--color-green);
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
}


/* CS1.8 */
#pun-navlinks .container {
  background: transparent;
  }

.offline li.pa-online strong {
  font-weight: normal;
  }

/* CS2 Border colours
-------------------------------------------------------------*/

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
  border-color: transparent;
  }

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color: transparent;
  }

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border-color: transparent;
  }

/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
  border-color: transparent;
  }

/* CS2.5 */
.punbb th {
  border-color: transparent;
  }



#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
  border-color: transparent;
  }

#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
  border-color: transparent;
  }

.punbb .divider {
  border-color: transparent;
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
 border: 1px solid transparent;

  }


/* CS3 Links
-------------------------------------------------------------*/

/* CS3.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
  text-decoration: none;
  color: var(--color-green2);
}


/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
  color: var(--color-green2);
    }

/* CS3.3 */
#pun-navlinks a {
    color: var(--color-mda);
    text-align: center;
    margin: 4px 0px !important;
    font-size: 17px;
    letter-spacing: 2px;
    font-family: var(--custom);
    text-transform: lowercase;
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
   color: var(--color-mda);
  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  color: var(--color-grey);
  }

#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
  text-decoration: none;
  }



/* CS4 Post status icons
 -------------------------------------------------------------*/

/* ������*/

#pun-searchtopics TR Div.icon , #pun-viewforum TR Div.icon,
#pun-searchtopics TR.isticky Div.icon , #pun-messages TR.isticky Div.icon , #pun-viewforum TR.isticky Div.icon, #pun-searchtopics TR.iclosed.isticky Div.icon , #pun-messages TR.iclosed.isticky Div.icon , #pun-viewforum TR.iclosed.isticky Div.icon, .iclosed Div.icon,#pun-searchtopics TR.iclosed Div.icon , #pun-viewforum TR.iclosed Div.icon, #pun-searchtopics TR.inew Div.icon, #pun-viewforum TR.inew Div.icon {
    margin-right: 20px;
    margin-left: 20px;
    margin-top: 2px!important;
    float: left;
}

#pun-messages TR Div.icon, #pun-messages TR.iclosed Div.icon, #pun-messages TR.inew Div.icon {
    margin-right: 0px;
    margin-left: 0px;
    margin-top: 20px!important;
    float: left;
}


div.icon {
    margin-right: 15px;
    margin-top: 7px;
    margin-left: 15px;
    width: 20px;
    height: 20px;
    position: relative;
    float: right;
}
div.icon:before {   content: "+"; 
    font-family: 'AnonPro';
    font-size: 30px;
    color: var(--color-green);
    top: -13px;
    position: absolute;}


.isticky Div.icon:before {
    color: var(--color-hz);
   }

.inew Div.icon:before, .inew.isticky Div.icon:before {
    color: var(--color-nice);
}

.inew.iclosed Div.icon:before {
    content: "x"; 
    color: var(--color-nice);
}

.iclosed Div.icon:before {  content: "x";  color:var(--color-hz)}

.isticky.iclosed Div.icon:before {
    content: "x"; 
    color: var(--color-hz);
}

.inew.isticky.iclosed Div.icon:before {
    content: "x"; 
    color: var(--color-nice);
}

#pun-main div.catleft, #pun-main div.catright {display: none}


div.post-rating a, div.post-rating a:hover {
    display: block;
    background: var(--color-hz);
    color: var(--color-white)!important;
    width: 35px;
    height: 26px;
    padding-top: 8px;
    text-align: center;
    clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
    -webkit-clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
}

div.post-vote .container {
margin-top: 9px!important;
}

/*����� ��������� */
::selection  {
    background: none repeat scroll 0 0 var(--color-nice);
    color: var(--color-black);
    opacity: 1;
    text-decoration:none!important
} 
*::-moz-selection
{
    background: none repeat scroll 0 0 var(--color-nice);
    color: var(--color-black);
    opacity: 1;
text-decoration:none!important
} 


/* ����� ������ ��� � ������ */
#pun-main .forum  .tcl .tclcon {
    text-align: justify;
}

/* ������ ��� � ������ ��� ��������� ���� */
#pun-main .forum .tcl .byuser {
}
#pun-main .forum .tcl .byuser:before { content: "�";}


/*����� ������ ����� ���������� ������*/
#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {
    position: absolute;
    z-index: 1000;
    right: 12px!important;
    padding: 15px;
    top: 54px!important;
    box-shadow: inset 0 0 0 2px rgba(232, 231, 231, .7);
background-color: var(--color-white)!important
}

/*��� ������ ���������*/
#pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -131px 0 0 -451px!important;
    z-index: 100;
    width: 903px!important;
    position: absolute;
    right: 12px!important;
    font-size:10px;
    box-shadow: inset 0 0 0 3px rgba(232, 231, 231, .7)!important;
background-color: var(--color-white)!important
}

#pun-respect.punbb .main .tc3 {text-transform: none !important; color:#000}
#pun-respect.punbb .main {font-size:10px;}


/* ��������� */
::-webkit-scrollbar {    width: 7px;
    height: 6px;}  
::-webkit-scrollbar-track {     background-color:  var(--color-mda);} 
::-webkit-scrollbar-thumb {    background-color:  var(--color-nice);}


/*����� ���, ������������*/
#pun th {    
text-transform: lowercase;
    font-size: 0px;
    font-weight: bold;
    opacity: 0.0;
}
#pun-userlist th {
opacity: 1;
font-size: 9px;
}

#pun-messages .fs-box {padding: 4em 0 0.8em 0;}
#pun-messages .pa-posts, #pun-messages .pa-reg {display:none;}


#main-reply {
    height: 280px;
    text-align: justify;
    background: var(--color-grey);
    margin-bottom: 5px;
    border: none!important;
    padding: 10px;
border-right: 8px solid var(--color-green)!important;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

/*ARROWS*/
.go-up, .go-down {
    color: var(--color-green);
    position: fixed;
    margin-left: 990px!important;
    z-index: 9997;
    cursor: pointer;
    width: 47px;
    height: 47px;
    opacity: 0.9;
}

.go-up {
bottom: 57%; 
}
.go-down {
bottom: 47%; 
}
.go-down:hover,.go-up:hover {
opacity:1;
}

.go-up:before{font-family: FontAwesome;font-size:2.5rem;position: absolute;content: '\f077';cursor: pointer;position: relative;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}

.go-down:before{font-family: FontAwesome;font-size: 2.5rem;position: absolute;content: '\f078';cursor: pointer;position: relative;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}


.banr{    height: 55px;
    overflow-y: auto;}

.bannner {
    position: absolute;
    margin-top: 10px !important;
    width: 960px;
    height: 75px;
    overflow-y: none;
    text-align: center;
}

.bannner a {
    opacity: 0.65;
    -moz-opacity: 0.65;
    filter:grayscale(100%);
    transition: all 0.5s linear 0s;
    -webkit-transition: all 0.5s linear 0s;
    -moz-transition: all 0.5s linear 0s;
    -o-transition: all 0.5s linear 0s;
}

.bannner a:hover {
opacity:1; 
-moz-opacity:1; 
filter:grayscale(0%);
}

#statistic-other{
    text-align: center!important;
    text-transform: lowercase;
    font-size: 8px;
    font-weight: bold; }


.punbb .main .tcr a {
   }
.punbb .main .tcr span {
  font-size: 11px;
}

#pun-viewforum .tcr a {
    font-size: 11px;
}
.pun-modal .modal-inner {
    border: 4px double #c0bebc!important;
    background: var(--color-white)!important;
}


/* ����� ���� ������ */
.button, #sub4 {
    cursor: pointer;
    margin-top: 0px !important;
    padding: 2px 6px 3px;
    text-decoration: none;
    vertical-align: middle;
    text-transform: lowercase;
}



/* ������������ */
#post-preview .fs-box .post-content {padding:10px!important;}

/* �� */
#pun-messages .fs-box {/*margin-top: -52px;*/}
#pun-messages .post h3 { width: auto}
#pun-messages #profile .container fieldset {border:none;}
#pun-messages #profile .post-links ul {background: none;}
#pun-messages #font-area, #pun-messages #size-area, #pun-messages #color-area, #pun-messages #table-area, #pun-messages #image-area, #pun-messages #imageup-area, #pun-messages #imageattach-area, #pun-messages #keyboard-area, #pun-messages #video-area, #pun-messages #addition-area {width: auto!important;}
#pun-messages #smilies-area {width: 455px!important;}


#font-area {overflow-y: auto; height: 300px; width:170px;}


/* ������� */

div.post-author > ul.hv-mask > li.pa-fld1 > a:nth-child(1),
div.post-author > ul.hv-mask > li.pa-fld1 > a:nth-child(1):hover,
div.post-author > ul.hv-mask > li.pa-fld1 > a:nth-child(1):visited,
div.post-author.online > ul.hv-mask > li.pa-fld1 > a:nth-child(1),
div.post-author.online > ul.hv-mask > li.pa-fld1 > a:nth-child(1):hover,
div.post-author.online > ul.hv-mask > li.pa-fld1 > a:nth-child(1):visited,
div.post-author > ul > li.pa-fld1 > a:nth-child(1), 
div.post-author > ul > li.pa-fld1 > a:nth-child(1):hover, 
div.post-author > ul > li.pa-fld1 > a:nth-child(1):visited,
div.post-author.online > ul > li.pa-fld1 > a:nth-child(1), 
div.post-author.online > ul > li.pa-fld1 > a:nth-child(1):hover, 
div.post-author.online > ul > li.pa-fld1 > a:nth-child(1):visited, 
div.post-author > ul > li.pa-fld1 > a:nth-child(2), 
div.post-author > ul > li.pa-fld1 > a:nth-child(2):hover, 
div.post-author > ul > li.pa-fld1 > a:nth-child(2):visited,
div.post-author.online > ul > li.pa-fld1 > a:nth-child(2), 
div.post-author.online > ul > li.pa-fld1 > a:nth-child(2):hover, 
div.post-author.online > ul > li.pa-fld1 > a:nth-child(2):visited
{    
    color: var(--color-green2)!important;
    font-size: 11px;
    font-family: var(--custom2);
    letter-spacing: 0px;
    font-style: normal;
}

li.pa-fld1 > br {content: "";
    margin: 4px 0 3px;
    display: block;
    font-size: 1%;
}


.pa-fld1 {text-align: justify;
font-size: 9px;
line-height: 12px;
color: var(--color-black);
padding: 5px 11px 0px 19px!important;
margin-top: -10px!important;
background: var(--color-grey2);
max-height: 100px;
overflow-y: auto;
margin-left: 12px!important;
border-bottom: 10px solid var(--color-grey2);
}

.pa-fld1 a, .pa-fld1 a:hover, .pa-fld1 a:visited {
    color: var(--color-green2)!important;
    font-style: italic;
}

.punbb .post .post-author ul .pa-fld2 {
    color: var(--color-hz);
    text-align: left;
    font-weight: bold;
    background: var(--color-nice);
    text-transform: lowercase;
    font-size: 10px;
    letter-spacing: 1px;
    padding: 5px 10px 5px 0px;
}


.pa-fld4, .pa-fld3 {
    font-size: 12px;
    color: var(--color-white);
    width: 104px;
    display: inline-block;
    padding-top: 9px!important;
    padding-bottom: 9px!important;
    margin-top: 2px!important;
    /* outline: 2px solid var(--color-hz); */
}

.pa-fld3 {    text-align: right;
    padding-right: 10px!important}

.pa-fld4 {    text-align: left;
    padding-left: 10px!important;}

.pa-posts, .pa-respect {
    text-align: center;
    color: var(--color-white)!important;
    text-transform: lowercase;
    font-size: 9px;
}
.pa-respect a {}

.pa-posts {
    margin-left: 108px;
}

.pa-time-visit, .pa-last-visit, .pa-ip {
    font-size: 9px;
    color: var(--color-white)!important;
    text-transform: lowercase;
    text-align: center;
    margin-right: 5px!important;
}

.pa-time-visit br {display:none}
.pa-last-visit br {display:none}

/* ������ �������� ��� ����� */
.pa-avatar img {max-width: 180px; max-height: 180px;}
#mask_form .signature textarea, #mask_form .pafld1 textarea {height: 50px;}

/* ������ - �����������, "���� �������", "�����", "���������������", "����������", ������� */
#pun-index .modlist {display: none;}
.closedatafield {display:none;}
.stickytext {display:none}
.lastedit {display:none;}
#pun-announcement h2 {display: none}
li#navawards {display: none !important;}

/* ������ ������� */
#pun-index .user-avatar {
    margin: -6px 45px 0px 0px;
    height: 49px!important;
    }
.punbb em.user-avatar {
/*    float:right !important;*/
    }
.punbb .user-avatar img.ava {
/*    border-radius:0% !important;*/

    }

.punbb .user-avatar .avatar-image {
    background-size: contain!important;
    background-color: var(--color-hz)!important;
    border: 2px solid var(--color-white);
    box-shadow: 3px 0px 0 var(--color-nice);
    width: 44px!important;
    height: 44px!important;
    opacity: 1!important;
}



.img a.title {
 background: var(--color-white);
}

/* ��� ���������� � ��������� */
#pun-index .category .tc2,#pun-index .category .tc3,
#f-subforums .tc2,#f-subforums .tc3{
  display:none!important;
}
.Tems_And_messages {
  /*display:inline-block;*/
  display:none;
  width:auto;
}
.main table .Add {
    display: inline-block;
    padding: 5px 1px;
color: var(--color-grey);
}


.post-content hr {
background: var(--color-hz);
height: 1px;
box-shadow: none !important;
border: none !important;
margin: 5px 75px !important;
}

span.num_msg {
    margin-top: -15px!important;
    margin-left: -15px!important;
    background: var(--color-hz)!important;
}

span.num_msg:before {
    background: var(--color-hz)!important;
}

#MyBookmarks .container {
    background: var(--color-white);
}

#MyBookmarks h2 {
display:flex!important;
margin: 0!important;
    background: var(--color-hz);
}

#BookmCntToggle.default-style {
    color: var(--color-grey)!important;
}

.isonline {
margin-right: -7px!important;
    margin-top: 0px!important;
    background: var(--color-green)!important;
}

#form-buttons table {    border: none!important;
    background: none!important;}

/* ������ */

#pun-navlinks {
  text-align: center;
}

#pun-navlinks li {    display: inline;     margin: 0px 3px;}

#pun-navlinks a {
    display: inline-block;}

#pun-navlinks a span {
    display: block;}

#navpr_1 li span {
}

��

mybb@mybb.ru (manta) — Thu, 02 Dec 2021 19:07:49 +0300

��:

/* CS1 Background and text colours
-------------------------------------------------------------*/

/* Variables
--------------------------------- */

:root {
    --color-hz: #776351; /*���*/

    --color-white: #f0f0f0;
    --color-black: #000;
    --color-grey: rgb(195 194 200 / 50%); /*#c3c2c8; */
    --color-grey2: #d1d1d1;
    --color-green: #979797; /*#38784f; */
    --color-mda: #4a4a4a; 
    --color-nice: #ed7472; /*#ab1590;*/
--color-mda2: #9d2787; /*#7f3c73;*/

--color-brown: #303030; /*����������*/

--color-blue: rgb(239 209 209);

--html-bg: #222 url(http://forumstatic.ru/files/001a/cf/3c/51441.jpg) top center repeat-y fixed;
--html-bg2: url(http://forumstatic.ru/files/001a/cf/3c/27754.jpg) center no-repeat;

--custom: BabelStoneModern;
--custom2: VerPro;
}


/*���*/
body {
  background: var(--html-bg);
}

#html-header { 
    width: 970px;
    height: 180px;
    position: relative;
    top: 25px;
    background: var(--html-bg2);
    outline: 1px solid var(--color-green);
    outline-offset: -20px;
}

#Logo {width: 225px;
    text-align: center;
    padding: 0px 2px 3px;
    position: absolute;
    top: 95px;
    left: 13px;
    font-family: var(--custom);
    letter-spacing: 2px;
    font-size: 26px;
    background: var(--color-green);
    color: var(--color-white);
}

#Logo1 {    width: 190px;
    text-align: center;
    padding: 0px 2px 3px;
    position: absolute;
    bottom: 17px;
    left: 95px;
    font-family: var(--custom);
    letter-spacing: 2px;
    font-size: 26px;
    background: var(--color-nice);
    color: var(--color-white);
    outline: 1px solid;
    outline-offset: 4px;
}

#ams {
   display:none;
 }

#activity {display:none;
    position: absolute;
    width: 155px;
    text-align: center;
    color: var(--color-white);
    font-size: 14px;
    outline: 1px solid var(--color-nice);
    outline-offset: -5px;
    background: var(--color-green);
    padding: 10px;
    bottom: 10px;
    height: 70px;
}

#activity > a, #epic > a, #pair > a  {
    color: var(--color-white)!important;
}

#epic  {
    width: 200px;
    text-align: center;
    padding: 3px 2px 5px;
    position: absolute;
    top: 83px;
    left: 70px;
    font-family: var(--custom);
    letter-spacing: 2px;
    font-size: 15px;
    /* background: var(--color-nice); */
    color: var(--color-white);
   }

 #pair {
    width: 200px;
    text-align: center;
    padding: 3px 2px 5px;
    position: absolute;
    top: 60px;
    left: 70px;
    font-family: var(--custom);
    letter-spacing: 2px;
    font-size: 15px;
    /* background: var(--color-green); */
    color: var(--color-white);
   }


#act {
    position: relative;
    top: 111px;
    left: -348px;}

#act1, #act2, #act3, #act4 {
    position: absolute;
    width: 40px;
    height: 40px;
}

#act1> a > img:hover, #act2> a > img:hover, #act3> a > img:hover, #act4> a > img:hover {opacity:1;     
}

#act1 {
   right: 522px;
}

#act2 {
right: 460px;
}

#act3 {
right: 398px;
}

#act4 {
right: 336px;
}


#act1 > a > img, #act2 > a > img, #act3 > a > img, #act4 > a > img {
    top: 0px;
    left: 0px;
    position: absolute;
    background-size: contain!important;
    outline: 2px solid var(--color-white);
    outline-offset: 3px;
    opacity: 0;
    border-radius: 50px;
    -webkit-transition: all 0.25s 0s ease;
    -moz-transition: all 0.25s 0s ease;
    -o-transition: all 0.25s 0s ease;
    transition: all 0.25s 0s ease;
    width: 38px;
    height: 38px;} 


#RANDOM {
    position: absolute;
    right: 55px;
    top: 25px;
    width: 275px;
    height: 115px;
    padding: 10px;
}

#KontentRotator {  
    font-size: 10px;
    line-height: 1.3;
    text-align: right;
    color: var(--color-white);
    overflow-y: auto;
    width: 275px;
    height: 110px;
    padding: 0px 10px 0 3px;
}

#KontentRotator br {
            display: block; /* makes it have a width */
            content: ""; /* clears default height */
            margin-top: 4px; /* change this to whatever height you want it */
}

kr {    font-family: var(--custom);
    font-size: 13px;
    letter-spacing: 1px;
    text-transform: lowercase;
}   

#KontentRotator > p > a, kr > a {color:var(--color-green)!important}



/* ���� ������ */
#pun {
   width: 970px;
}

.punbb {
float: none;
    width: auto;
    height: auto;
    margin: 0 auto;
    background: var(--color-white);
    margin-top: 20px;
}

/* ����� */
#pun-about .container {
    height: 0px;
    width: 970px;
}

#html-footer p {
display: block;
    width: 956px;
    padding: 7px;
    text-align: center;
    font-size: 11px;
    letter-spacing: 1px;
    color: var(--color-brown);
    font-family: var(--custom);
}

/* CS1.1 */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
  background: transparent;
  color: var(--color-black);
  }

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
  background: transparent;
  color: var(--color-black);
  }

#pun-admain h2 span {
display:block;
}


/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  }

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background: transparent;
  color: var(--color-black);
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
display: block;
    padding: 4px 15px;
    padding-bottom: 0px;
    font-size: 15px;
    font-weight: normal;
    width: fit-content;
    font-style: normal;
    text-align: center;
    margin-top: -12px!important;
    margin-bottom: 8px;
    margin-left: auto;
    margin-right: auto;
    color: var(--color-brown);
  }

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background: transparent;
  color: var(--color-black)
  }

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
    background: var(--color-grey);
    box-shadow: 5px 5px 0 var(--color-green);

/*    outline: 1px solid var(--color-green);
    outline-offset: -5px;*/
/*    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;*/
}


/* CS1.8 */
#pun-navlinks .container {
  background: transparent;
  }

.offline li.pa-online strong {
  font-weight: normal;
  }

/* CS2 Border colours
-------------------------------------------------------------*/

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
  border-color: transparent;
  }

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color: transparent;
  }

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border-color: transparent;
  }

/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
  border-color: transparent;
  }

/* CS2.5 */
.punbb th {
  border-color: transparent;
  }



#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
  border-color: transparent;
  }

#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
  border-color: transparent;
  }

.punbb .divider {
  border-color: transparent;
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 1px solid transparent;
  }

li.pa-online {
  border-left-color: transparent;
  }


/* CS3 Links
-------------------------------------------------------------*/

/* CS3.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
  text-decoration: none;
  color: var(--color-mda2);
  }


/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
  color: var(--color-mda2);
    }

/* CS3.3 */
#pun-navlinks a {
    color: var(--color-brown);
    text-align: center;
    margin: 4px 0px !important;
    font-size: 17px;
font-family: var(--custom);
    text-transform: lowercase;
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
   color: var(--color-brown);
  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  color: var(--color-mda2);
  }

#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
  text-decoration: none;
  }



/* CS4 Post status icons
 -------------------------------------------------------------*/

/* ������*/

#pun-searchtopics TR Div.icon , #pun-viewforum TR Div.icon,
#pun-searchtopics TR.isticky Div.icon , #pun-messages TR.isticky Div.icon , #pun-viewforum TR.isticky Div.icon, #pun-searchtopics TR.iclosed.isticky Div.icon , #pun-messages TR.iclosed.isticky Div.icon , #pun-viewforum TR.iclosed.isticky Div.icon, .iclosed Div.icon,#pun-searchtopics TR.iclosed Div.icon , #pun-viewforum TR.iclosed Div.icon, #pun-searchtopics TR.inew Div.icon, #pun-viewforum TR.inew Div.icon {
    margin-right: 0px;
    margin-left: 25px;
    margin-top: -3px!important;
}

#pun-messages TR Div.icon, #pun-messages TR.iclosed Div.icon, #pun-messages TR.inew Div.icon {
    margin-right: 0px;
    margin-left: 0px;
    margin-top: 15px!important;
}


div.icon {
    margin-right: 15px;
    margin-top: 8px;
    margin-left: 20px;
    width: 20px;
    height: 20px;
    position: absolute;
}
div.icon:before {
    content: "+";
    font-size: 21px;
    color: var(--color-green);
    top: -4px;
    left: -10px;
    position: absolute;
    font-family: var(--custom2);
}


.isticky Div.icon:before {
    color: var(--color-mda);
}

.inew Div.icon:before, .inew.isticky Div.icon:before {
    color: var(--color-nice);
}

.inew.iclosed Div.icon:before {
    content: "x"; 
    left: -8px;
    color: var(--color-nice);
} 

.iclosed Div.icon:before {    content: "x";     left: -8px;}

.isticky.iclosed Div.icon:before {
    content: "x";
    left: -8px;
    color: var(--color-mda);
}

.inew.isticky.iclosed Div.icon:before {
    content: "x"; 
    left: -8px;
    color: var(--color-mda);
}



#pun-main div.catleft, #pun-main div.catright {display: none}


div.post-rating a, div.post-rating a:hover {
    display: block;
 /*   background: var(--color-hz);*/
/*    color: var(--color-white)!important;*/
    width: 35px;
    height: 26px;
    padding-top: 8px;
    text-align: center;
/*    clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
    -webkit-clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);*/
}

div.post-vote .container {
margin-top: 9px!important;
}

/*����� ��������� */
::selection  {
    background: none repeat scroll 0 0 var(--color-blue);
    color: var(--color-black);
    opacity: 1;
text-decoration:none!important
} 
*::-moz-selection
{
    background: none repeat scroll 0 0 var(--color-blue);
    color: var(--color-black);
    opacity: 1;
text-decoration:none!important
} 


/* ����� ������ ��� � ������ */
#pun-main .forum  .tcl .tclcon {
    text-align: justify;
}

/* ������ ��� � ������ ��� ��������� ���� */
#pun-main .forum .tcl .byuser {
}
#pun-main .forum .tcl .byuser:before { content: "�";}


/*����� ������ ����� ���������� ������*/
#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {
    position: absolute;
    z-index: 1000;
    right: 12px!important;
    padding: 15px;
    top: 54px!important;
    box-shadow: inset 0 0 0 2px rgba(232, 231, 231, .7);
background-color: var(--color-white)!important
}

/*��� ������ ���������*/
#pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -131px 0 0 -451px!important;
    z-index: 100;
    width: 903px!important;
    position: absolute;
    right: 12px!important;
    font-size:10px;
    box-shadow: inset 0 0 0 3px rgba(232, 231, 231, .7)!important;
background-color: var(--color-white)!important
}

#pun-respect.punbb .main .tc3 {text-transform: none !important; color:#000}
#pun-respect.punbb .main {font-size:10px;}


/* ��������� */
::-webkit-scrollbar {    width: 7px;
    height: 6px;}  
::-webkit-scrollbar-track {     background-color:  var(--color-mda);} 
::-webkit-scrollbar-thumb {    background-color:  var(--color-nice);}


/*����� ���, ������������*/
#pun th {    
text-transform: lowercase;
    font-size: 0px;
    font-weight: bold;
    opacity: 0.0;
}
#pun-userlist th {
opacity: 1;
font-size: 9px;
}

#pun-messages .fs-box {padding: 4em 0 0.8em 0;}
#pun-messages .pa-posts, #pun-messages .pa-reg {display:none;}


#main-reply {
    height: 270px;
    text-align: justify;
    background: var(--color-grey);
    margin-bottom: 5px;
    box-shadow: 4px 4px 0 var(--color-green);
    border: none!important;
    padding: 5px 10px;
}

/*ARROWS*/
.go-up, .go-down {
    color: var(--color-mda);
    position: fixed;
    margin-left: 1010px!important;
    z-index: 9997;
    cursor: pointer;
    width: 47px;
    height: 47px;
    opacity: 1;
    text-shadow: 2px 2px 0px var(--color-nice);
}

.go-up {
bottom: 57%; 
}
.go-down {
bottom: 47%; 
}

.go-up:before{font-family: FontAwesome;font-size:2.5rem;position: absolute;content: '\f077';cursor: pointer;position: relative;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}

.go-down:before{font-family: FontAwesome;font-size: 2.5rem;position: absolute;content: '\f078';cursor: pointer;position: relative;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}


.banr{    height: 55px;
    overflow-y: auto;}

.bannner {
position:absolute;
    margin-top: 10px !important;
    width: 960px;
    height: 75px;
    overflow-y: none;
    text-align: center;
}

.bannner a {
    opacity: 0.65;
    -moz-opacity: 0.65;
    filter:grayscale(100%);
    transition: all 0.5s linear 0s;
    -webkit-transition: all 0.5s linear 0s;
    -moz-transition: all 0.5s linear 0s;
    -o-transition: all 0.5s linear 0s;
}

.bannner a:hover {
opacity:1; 
-moz-opacity:1; 
filter:grayscale(0%);
}

#statistic-other{
    text-align: center!important;
    text-transform: lowercase;
    font-size: 8px;
    font-weight: bold; }


.punbb .main .tcr a {
   }
.punbb .main .tcr span {
  font-size: 11px;
}

#pun-viewforum .tcr a {
    font-size: 11px;
}
.pun-modal .modal-inner {
    border: 4px double #c0bebc!important;
    background: var(--color-white)!important;
}


/* ����� ���� ������ */
.button, #sub4 {
    cursor: pointer;
    margin-top: 0px !important;
    padding: 2px 6px 3px;
    text-decoration: none;
    vertical-align: middle;
    text-transform: lowercase;
}



/* ������������ */
#post-preview .fs-box .post-content {padding:10px!important;}

/* �� */
#pun-messages .fs-box {/*margin-top: -52px;*/}
#pun-messages .post h3 { width: auto}
#pun-messages #profile .container fieldset {border:none;}
#pun-messages #profile .post-links ul {background: none;}
#pun-messages #font-area, #pun-messages #size-area, #pun-messages #color-area, #pun-messages #table-area, #pun-messages #image-area, #pun-messages #imageup-area, #pun-messages #imageattach-area, #pun-messages #keyboard-area, #pun-messages #video-area, #pun-messages #addition-area {width: auto!important;}
#pun-messages #smilies-area {width: 455px!important;}


#font-area {overflow-y: auto; height: 300px; width:170px;}


/* ������� */

div.post-author > ul.hv-mask > li.pa-fld1 > a:nth-child(1),
div.post-author > ul.hv-mask > li.pa-fld1 > a:nth-child(1):hover,
div.post-author > ul.hv-mask > li.pa-fld1 > a:nth-child(1):visited,
div.post-author.online > ul.hv-mask > li.pa-fld1 > a:nth-child(1),
div.post-author.online > ul.hv-mask > li.pa-fld1 > a:nth-child(1):hover,
div.post-author.online > ul.hv-mask > li.pa-fld1 > a:nth-child(1):visited,
div.post-author > ul > li.pa-fld1 > a:nth-child(1), 
div.post-author > ul > li.pa-fld1 > a:nth-child(1):hover, 
div.post-author > ul > li.pa-fld1 > a:nth-child(1):visited,
div.post-author.online > ul > li.pa-fld1 > a:nth-child(1), 
div.post-author.online > ul > li.pa-fld1 > a:nth-child(1):hover, 
div.post-author.online > ul > li.pa-fld1 > a:nth-child(1):visited, 
div.post-author > ul > li.pa-fld1 > a:nth-child(2), 
div.post-author > ul > li.pa-fld1 > a:nth-child(2):hover, 
div.post-author > ul > li.pa-fld1 > a:nth-child(2):visited,
div.post-author.online > ul > li.pa-fld1 > a:nth-child(2), 
div.post-author.online > ul > li.pa-fld1 > a:nth-child(2):hover, 
div.post-author.online > ul > li.pa-fld1 > a:nth-child(2):visited
{    
    color: var(--color-green2)!important;
    font-size: 12px;
    font-family: var(--custom);
    letter-spacing: 0px;
    font-style: normal;
}

li.pa-fld1 > br {content: "";
    margin: 4px 0 3px;
    display: block;
    font-size: 1%;
}


.pa-fld1 {    text-align: justify;
    font-size: 9px;
    line-height: 12px;
    color: var(--color-black);
    padding: 0px 14px 0px!important;
    background: var(--color-grey2);
    max-height: 100px;
    overflow-y: auto;
    border-bottom: 10px solid var(--color-grey2);
    margin: -10px 10px 0 10px!important;
}

.pa-fld1 a, .pa-fld1 a:hover, .pa-fld1 a:visited {
    color: var(--color-green2)!important;
    font-style: italic;
}

.punbb .post .post-author ul .pa-fld2 {
   color: var(--color-white);
    text-align: center;
    background: var(--color-mda);
    text-transform: lowercase;
    font-size: 10px;
    letter-spacing: 1px;
    padding: 5px 10px 5px 0px;
    margin-top: 10px;
}


.pa-fld4, .pa-fld3 {
    font-size: 12px;
    color: var(--color-white);
    width: 104px;
    display: inline-block;
    padding-top: 9px!important;
    padding-bottom: 9px!important;
    margin-top: 2px!important;
    /* outline: 2px solid var(--color-hz); */
}

.pa-fld3 {    text-align: right;
    padding-right: 10px!important}

.pa-fld4 {    text-align: left;
    padding-left: 10px!important;}

.pa-posts, .pa-respect {
    text-align: center;
    color: var(--color-white)!important;
    text-transform: lowercase;
    font-size: 9px;
}
.pa-respect a {}

.pa-posts {
    margin-left: 108px;
}

.pa-time-visit, .pa-last-visit, .pa-ip {
    font-size: 9px;
    color: var(--color-white)!important;
    text-transform: lowercase;
    text-align: center;
    margin-right: 5px!important;
}

.pa-time-visit br {display:none}
.pa-last-visit br {display:none}

/* ������ �������� ��� ����� */
.pa-avatar img {max-width: 180px; max-height: 180px;}
#mask_form .signature textarea, #mask_form .pafld1 textarea {height: 50px;}

/* ������ - �����������, "���� �������", "�����", "���������������", "����������", ������� */
#pun-index .modlist {display: none;}
.closedatafield {display:none;}
.stickytext {display:none}
.lastedit {display:none;}
#pun-announcement h2 {display: none}
li#navawards {display: none !important;}

/* ������ ������� */
#pun-index .user-avatar {
    margin: -6px 45px 0px 0px;
    height: 49px!important;
    }
.punbb em.user-avatar {
/*    float:right !important;*/
    }
.punbb .user-avatar img.ava {
/*    border-radius:0% !important;*/

    }

.punbb .user-avatar .avatar-image {
    background-size: contain!important;
    background-color: var(--color-mda2)!important;
    width: 40px!important;
    height: 40px!important;
    opacity: 1!important;
    outline: 2px solid var(--color-nice);
    outline-offset: 2px;
}



.img a.title {
 background: var(--color-white);
}

/* ��� ���������� � ��������� */
#pun-index .category .tc2,#pun-index .category .tc3,
#f-subforums .tc2,#f-subforums .tc3{
  display:none!important;
}
.Tems_And_messages {
  /*display:inline-block;*/
  display:none;
  width:auto;
}
.main table .Add {  display:none;
    /*display: inline-block;
    padding: 5px 1px;
color: var(--color-grey);*/
}


.post-content hr {
background: var(--color-nice);
height: 1px;
box-shadow: none !important;
border: none !important;
margin: 5px 75px !important;
}

span.num_msg {
    margin-top: -15px!important;
    margin-left: -15px!important;
    background: var(--color-hz)!important;
}

span.num_msg:before {
    background: var(--color-hz)!important;
}

#MyBookmarks .container {
    background: var(--color-white);
}

#MyBookmarks h2 {
margin: 0!important;
    background: var(--color-hz);
}

#BookmCntToggle.default-style {
    color: var(--color-grey)!important;
}

.isonline {
margin-right: -3px!important;
    margin-top: 0px!important;
    background: var(--color-nice)!important;
}

#form-buttons table {    border: none!important;
    background: none!important;}

/* ������ */

#pun-navlinks {
  text-align: center;
}

#pun-navlinks li {    display: inline;     margin: 0px 3px;}

#pun-navlinks a {
    display: inline-block;}

#pun-navlinks a span {
    display: block;}

#navpr_1 li span {
}

��

mybb@mybb.ru (manta) — Mon, 02 Aug 2021 13:26:00 +0300

��:

/* CS1 Background and text colours
-------------------------------------------------------------*/

/* Variables
--------------------------------- */

:root {
    --color-hz: #2d556f;
    --color-white: #f0f0f0;
    --color-black: #000;
    --color-grey: rgb(195 194 200 / 50%); /*#c3c2c8; */
    --color-green: #1c6971;
    --color-mda: #702039; 
    --color-nice: #ba8c2c;

--color-blue: #bfc9d0/*rgb(45 85 111 / 25%)*/;

--html-bg: #222 url(http://forumstatic.ru/files/001a/eb/a8/76292.jpg) top center repeat-y fixed;
--html-bg2: #222 url(http://forumstatic.ru/files/001a/eb/a8/76292.jpg) 17% 61%;
}


/*���*/
body {
  background: var(--html-bg);
}

#html-header { 
    width: 970px;
    height: 120px;
    position: absolute;
    top: 0px;
    background: transparent!important;
}

#Logo {width: 200px;
    text-align: center;
    height: 50px;
    position: absolute;
    top: 17px;
    left: -18px;
    font-family: Candara;
    letter-spacing: 2px;
    font-size: 98px;
    color: var(--color-white);
text-shadow: 2px 1px 0px var(--color-green);
}
#Logo1 {    width: 200px;
    text-align: center;
    height: 50px;
    position: absolute;
    top: 15px;
    left: -16px;
    font-family: CandaraBold;
    letter-spacing: 2px;
    font-size: 20px;
    color: var(--color-white);
text-shadow: 2px 1px 0px var(--color-green);
}

#ams {
   display:none;
 }

#activity {display:none;
    position: absolute;
    width: 155px;
    text-align: center;
    color: var(--color-white);
    font-size: 14px;
    font-family: 'CandaraBold';
    outline: 1px solid var(--color-nice);
    outline-offset: -5px;
    background: var(--color-green);
    padding: 10px;
    bottom: 10px;
    height: 70px;
}

#activity > a, #epic > a, #pair > a  {
    color: var(--color-white)!important;
}

#epic, #pair  {
    top: 20px;
    position: absolute;
    overflow: hidden;
    width: 116px;
    padding: 6px 4px 3px;
    height: 18px;
    background: var(--color-mda);
    text-align: center;
    color: var(--color-white);
    font-size: 10px;
    display: inline-block;
    letter-spacing: 1px;
    text-transform: lowercase;
    font-family: Candara;
    border: none!important;
    box-shadow: 2px 2px 0 var(--color-nice);
    z-index: 99;
   }

#epic { 
right: 447px;
}

#pair {
    right: 315px;
}


#act1, #act2, #act3, #act4 {
    position: absolute;
    width: 40px;
    height: 40px;
bottom: 26px;
}

div#act1:before, div#act2:before, div#act3:before, div#act4:before  {    content: "x";
    content: "x";
    font-family: 'CandaraBold';
    font-size: 88px;
    color: var(--color-nice);
    text-shadow: 2px 1px 0px var(--color-green);
    top: -36px;
    left: 6px;
    position: absolute;
}

#act1> a > img:hover, #act2> a > img:hover, #act3> a > img:hover, #act4> a > img:hover {opacity:1;     
}

#act1 {
    right: 530px;
}

#act2 {
    right: 465px;
}

#act3 {
    right: 400px;
}

#act4 {
    right: 335px;
}


#act1 > a > img, #act2 > a > img, #act3 > a > img, #act4 > a > img {top: 0;
    position: absolute;
    background-size: contain!important;
    background-color: var(--color-green)!important;
    border: 3px solid var(--color-nice);
    box-shadow: 3px 1px 0 var(--color-green);
    opacity: 0;
    border-radius: 50px;
-webkit-transition: all 0.25s 0s ease;
-moz-transition: all 0.25s 0s ease;
-o-transition: all 0.25s 0s ease;
transition: all 0.25s 0s ease;} 


#RANDOM {
    position: absolute;
right: 0px;
    bottom: 10px;
    width: 285px;
    height: 70px;
    background: var(--color-green);
    padding: 10px;
    z-index: 5;
}

#KontentRotator {  
    font-size: 9px;
    text-align: justify;
    color: var(--color-white);
    overflow-y: auto;
    width: 275px;
    height: 70px;
    padding: 0px 5px;
    z-index: 5;
    outline: 1px solid var(--color-nice);
    outline-offset: 5px;
}

#KontentRotator br {
            display: block; /* makes it have a width */
            content: ""; /* clears default height */
            margin-top: 4px; /* change this to whatever height you want it */
}

kr { color: var(--color-nice);
    font-weight: bold;
    font-size: 12px;
    letter-spacing: 1px;
    font-family: Candara;}   

#KontentRotator > p > a, kr > a {color:var(--color-nice)!important}



/* ���� ������ */
#pun {
   width: 970px;
}

.punbb {
float: none;
    width: auto;
    height: auto;
    margin: 0 auto;
    background: var(--color-white);
    margin-top: 120px;
 /*   outline: 1px solid var(--color-nice);
    outline-offset: 6px;*/
    box-shadow: 5px 5px 0 var(--color-hz);
    border: 3px solid var(--color-mda);

}

/* ����� */
#pun-about .container {
    height: 0px;
    width: 970px;
}

#html-footer p {
    display: block;
    width: 956px;
    padding: 7px;
    text-align: center;
    font-size: 11px;
    letter-spacing: 1px;
    color: var(--color-nice);
    font-family: Candara;
}

/* CS1.1 */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
  background: transparent;
  color: var(--color-black);
  }

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
  background: transparent;
  color: var(--color-black);
  }

#pun-admain h2 span {
display:block;
}


/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  }

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background: transparent;
  color: var(--color-black);
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
    display: block;
    padding: 4px 15px;
    padding-bottom: 0px;
    font-size: 13px;
    font-weight: normal;
    width: fit-content;
    font-style: normal;
    text-align: center;
    font-family: isocteur;
    text-transform: uppercase;
    margin-top: -12px!important;
    margin-bottom: 8px;
    margin-left: auto;
    margin-right: auto;
    letter-spacing: 0.7px;
  }

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background: transparent;
  color: var(--color-black)
  }

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
    background: var(--color-grey);
    outline: 1px solid var(--color-green);
    outline-offset: -5px;
}


/* CS1.8 */
#pun-navlinks .container {
  background: transparent;
  }

.offline li.pa-online strong {
  font-weight: normal;
  }

/* CS2 Border colours
-------------------------------------------------------------*/

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
  border-color: transparent;
  }

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color: transparent;
  }

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border-color: transparent;
  }

/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
  border-color: transparent;
  }

/* CS2.5 */
.punbb th {
  border-color: transparent;
  }



#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
  border-color: transparent;
  }

#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
  border-color: transparent;
  }

.punbb .divider {
  border-color: transparent;
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 1px solid transparent;
  }

li.pa-online {
  border-left-color: transparent;
  }


/* CS3 Links
-------------------------------------------------------------*/

/* CS3.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
  text-decoration: none;
  color: var(--color-green);

   /*-webkit-transition: all .5s ease-out;
   -moz-transition: all .5s ease-out;
   -o-transition: all .5s ease-out;
   -ms-transition: all .5s ease-out;
   transition: all .5s ease-out;*/
    }


/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
  color: var(--color-green);
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    transition: all .5s ease-out;
    }

/* CS3.3 */
#pun-navlinks a {
    color: var(--color-mda);
    text-align: center;
    margin: 4px 0px !important;
    font-size: 15px;
    font-family: CandaraBold;
    text-transform: uppercase;
/*    font-size: 13px !important;
   font-family: FontAwesome;
    text-shadow: 1px 1px 1px var(--color-hz);*/
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
   color: var(--color-mda);
  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  color: var(--color-grey);
  }

#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
  text-decoration: none;
  }



/* CS4 Post status icons
 -------------------------------------------------------------*/

/* ������*/

#pun-searchtopics TR Div.icon , #pun-viewforum TR Div.icon,
#pun-searchtopics TR.isticky Div.icon , #pun-messages TR.isticky Div.icon , #pun-viewforum TR.isticky Div.icon, #pun-searchtopics TR.iclosed.isticky Div.icon , #pun-messages TR.iclosed.isticky Div.icon , #pun-viewforum TR.iclosed.isticky Div.icon, .iclosed Div.icon,#pun-searchtopics TR.iclosed Div.icon , #pun-viewforum TR.iclosed Div.icon, #pun-searchtopics TR.inew Div.icon, #pun-viewforum TR.inew Div.icon {
margin-right: 0px;
    margin-left: 20px;
    margin-top: -3px!important;
}

#pun-messages TR Div.icon, #pun-messages TR.iclosed Div.icon, #pun-messages TR.inew Div.icon {
    margin-right: 0px;
    margin-left: 0px;
    margin-top: 20px!important;
}


div.icon {
    margin-right: 15px;
    margin-top: 8px;
    margin-left: 20px;
    width: 20px;
    height: 20px;
    position: absolute;
}
div.icon:before {   content: "o"; 
    font-family: 'CandaraBold';
    font-size: 30px;
    color: var(--color-green);
    text-shadow: 2px 1px 0px var(--color-nice);
    top: -13px;
    left: -10px;
    position: absolute;}


.isticky Div.icon:before {
    color: var(--color-mda);
    text-shadow: 3px 1px 0px var(--color-nice);
}

.inew Div.icon:before, .inew.isticky Div.icon:before {
    color: var(--color-nice);
    text-shadow: 2px 1px 0px var(--color-green);
}

.inew.iclosed Div.icon:before {
    content: "x"; 
    color: var(--color-nice);
    text-shadow: 2px 1px 0px var(--color-green);} 

.iclosed Div.icon:before {    content: "x"; }

.isticky.iclosed Div.icon:before {
    content: "x"; 
    color: var(--color-mda);
    text-shadow: 2px 1px 0px var(--color-nice);
}

.inew.isticky.iclosed Div.icon:before {
    content: "x"; 
    color: var(--color-mda);
    text-shadow: 3px 1px 0px var(--color-nice);}



#pun-main div.catleft, #pun-main div.catright {display: none}


div.post-rating a, div.post-rating a:hover {
    display: block;
    background: var(--color-hz);
    color: var(--color-white)!important;
    width: 35px;
    height: 26px;
    padding-top: 8px;
    text-align: center;
    clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
    -webkit-clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
}

div.post-vote .container {
margin-top: 9px!important;
}

/*����� ��������� */
::selection  {
    background: none repeat scroll 0 0 var(--color-blue);
    color: var(--color-black);
    opacity: 1;
text-decoration:none!important
} 
*::-moz-selection
{
    background: none repeat scroll 0 0 var(--color-blue);
    color: var(--color-black);
    opacity: 1;
text-decoration:none!important
} 


/* ����� ������ ��� � ������ */
#pun-main .forum  .tcl .tclcon {
    text-align: justify;
}

/* ������ ��� � ������ ��� ��������� ���� */
#pun-main .forum .tcl .byuser {
}
#pun-main .forum .tcl .byuser:before { content: "�";}


/*����� ������ ����� ���������� ������*/
#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {
    position: absolute;
    z-index: 1000;
    right: 12px!important;
    padding: 15px;
    top: 54px!important;
    box-shadow: inset 0 0 0 2px rgba(232, 231, 231, .7);
background-color: var(--color-white)!important
}

/*��� ������ ���������*/
#pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -131px 0 0 -451px!important;
    z-index: 100;
    width: 903px!important;
    position: absolute;
    right: 12px!important;
    font-size:10px;
    box-shadow: inset 0 0 0 3px rgba(232, 231, 231, .7)!important;
background-color: var(--color-white)!important
}

#pun-respect.punbb .main .tc3 {text-transform: none !important; color:#000}
#pun-respect.punbb .main {font-size:10px;}


/* ��������� */
::-webkit-scrollbar {    width: 7px;
    height: 6px;}  
::-webkit-scrollbar-track {     background-color:  var(--color-mda);} 
::-webkit-scrollbar-thumb {    background-color:  var(--color-nice);}


/*����� ���, ������������*/
#pun th {    
text-transform: lowercase;
    font-size: 0px;
    font-weight: bold;
    opacity: 0.0;
}
#pun-userlist th {
opacity: 1;
font-size: 9px;
}

#pun-messages .fs-box {padding: 4em 0 0.8em 0;}
#pun-messages .pa-posts, #pun-messages .pa-reg {display:none;}


#main-reply {
    height: 270px;
    text-align: justify;
    background: var(--color-grey);
    margin-bottom: 5px;
    box-shadow: 4px 4px 0 var(--color-green);
    border: none!important;
    padding: 5px 10px;
}

/*ARROWS*/
.go-up, .go-down {
    color: var(--color-mda);
    position: fixed;
    margin-left: 1010px!important;
    z-index: 9997;
    cursor: pointer;
    width: 47px;
    height: 47px;
    opacity: 0.9;
    text-shadow: 2px 2px 0px var(--color-nice);
}

.go-up {
bottom: 57%; 
}
.go-down {
bottom: 47%; 
}
.go-down:hover,.go-up:hover {
opacity:1;
}

.go-up:before{font-family: FontAwesome;font-size:2.5rem;position: absolute;content: '\f077';cursor: pointer;position: relative;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}

.go-down:before{font-family: FontAwesome;font-size: 2.5rem;position: absolute;content: '\f078';cursor: pointer;position: relative;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}


.banr{    height: 55px;
    overflow-y: auto;}

.bannner {
    position: absolute;
    margin-top: 10px !important;
    width: 960px;
    height: 75px;
    overflow-y: none;
    text-align: center;
}

.bannner a {
    opacity: 0.65;
    -moz-opacity: 0.65;
    filter:grayscale(100%);
    transition: all 0.5s linear 0s;
    -webkit-transition: all 0.5s linear 0s;
    -moz-transition: all 0.5s linear 0s;
    -o-transition: all 0.5s linear 0s;
}

.bannner a:hover {
opacity:1; 
-moz-opacity:1; 
filter:grayscale(0%);
}

#statistic-other{
    text-align: center!important;
    text-transform: lowercase;
    font-size: 8px;
    font-weight: bold; }


.punbb .main .tcr a {
   }
.punbb .main .tcr span {
  font-size: 11px;
}

#pun-viewforum .tcr a {
    font-size: 11px;
}
.pun-modal .modal-inner {
    border: 4px double #c0bebc!important;
    background: var(--color-white)!important;
}


/* ����� ���� ������ */
.button, #sub4 {
    cursor: pointer;
    margin-top: 0px !important;
    padding: 2px 6px 3px;
    text-decoration: none;
    vertical-align: middle;
    text-transform: lowercase;
}



/* ������������ */
#post-preview .fs-box .post-content {padding:10px!important;}

/* �� */
#pun-messages .fs-box {/*margin-top: -52px;*/}
#pun-messages .post h3 { width: auto}
#pun-messages #profile .container fieldset {border:none;}
#pun-messages #profile .post-links ul {background: none;}
#pun-messages #font-area, #pun-messages #size-area, #pun-messages #color-area, #pun-messages #table-area, #pun-messages #image-area, #pun-messages #imageup-area, #pun-messages #imageattach-area, #pun-messages #keyboard-area, #pun-messages #video-area, #pun-messages #addition-area {width: auto!important;}
#pun-messages #smilies-area {width: 455px!important;}


#font-area {overflow-y: auto; height: 300px; width:170px;}


/* ������� */

div.post-author > ul.hv-mask > li.pa-fld1 > a:nth-child(1),
div.post-author > ul.hv-mask > li.pa-fld1 > a:nth-child(1):hover,
div.post-author > ul.hv-mask > li.pa-fld1 > a:nth-child(1):visited,
div.post-author.online > ul.hv-mask > li.pa-fld1 > a:nth-child(1),
div.post-author.online > ul.hv-mask > li.pa-fld1 > a:nth-child(1):hover,
div.post-author.online > ul.hv-mask > li.pa-fld1 > a:nth-child(1):visited,
div.post-author > ul > li.pa-fld1 > a:nth-child(1), 
div.post-author > ul > li.pa-fld1 > a:nth-child(1):hover, 
div.post-author > ul > li.pa-fld1 > a:nth-child(1):visited,
div.post-author.online > ul > li.pa-fld1 > a:nth-child(1), 
div.post-author.online > ul > li.pa-fld1 > a:nth-child(1):hover, 
div.post-author.online > ul > li.pa-fld1 > a:nth-child(1):visited, 
div.post-author > ul > li.pa-fld1 > a:nth-child(2), 
div.post-author > ul > li.pa-fld1 > a:nth-child(2):hover, 
div.post-author > ul > li.pa-fld1 > a:nth-child(2):visited,
div.post-author.online > ul > li.pa-fld1 > a:nth-child(2), 
div.post-author.online > ul > li.pa-fld1 > a:nth-child(2):hover, 
div.post-author.online > ul > li.pa-fld1 > a:nth-child(2):visited
{    
    color: var(--color-green)!important;
    font-size: 12px;
    font-family: 'CandaraBold';
    letter-spacing: 1px;
    font-style: normal;
}

li.pa-fld1 > br {content: "";
    margin: 4px 0 3px;
    display: block;
    font-size: 1%;
}


.pa-fld1 {
    text-align: justify;
    font-size: 9px;
    line-height: 12px;
    color: var(--color-black);
    margin-top: -11px!important;
    margin: 5px 10px 13px!important;
    padding: 5px 5px!important;
    max-height: 100px;
    overflow-y: auto;
    border-bottom: 1px solid var(--color-green);
}

.pa-fld1 a, .pa-fld1 a:hover, .pa-fld1 a:visited {
    color: var(--color-green)!important;
    font-style: italic;
}

.post .pa-fld2 {
    color: var(--color-white);
    text-align: center;
    background: var(--html-bg);
    text-transform: lowercase;
    font-size: 12px;
    font-family: Candara;
    letter-spacing: 1px;
    height: 19px;
    padding: 8px 5px 4px;
    margin-top: -3px;
    background: var(--html-bg);
    background-position: 20% 67%;
    background-attachment: inherit;
}


.pa-fld4, .pa-fld3 {
    font-size: 12px;
    color: var(--color-black);
    margin-top: 5px!important;
    margin-bottom: 10px!important;
    width: 108px;
    display: inline-block;
}

.pa-fld3 {    text-align: right;
    padding-right: 10px!important}

.pa-fld4 {    text-align: left;
    padding-left: 10px!important;}

.pa-posts, .pa-respect {
    text-align: center;
    color: var(--color-black)!important;
    text-transform: lowercase;
    font-size: 9px;
}
.pa-respect a {}

.pa-posts {
    margin-left: 108px;
}

.pa-time-visit, .pa-last-visit, .pa-ip {
    font-size: 9px;
    color: var(--color-black)!important;
    text-transform: lowercase;
    text-align: center;
    margin-right: 5px!important;
}
.pa-time-visit br {display:none}
.pa-last-visit br {display:none}

/* ������ �������� ��� ����� */
.pa-avatar img {max-width: 180px; max-height: 180px;}
#mask_form .signature textarea, #mask_form .pafld1 textarea {height: 50px;}

/* ������ - �����������, "���� �������", "�����", "���������������", "����������", ������� */
#pun-index .modlist {display: none;}
.closedatafield {display:none;}
.stickytext {display:none}
.lastedit {display:none;}
#pun-announcement h2 {display: none}
li#navawards {display: none !important;}

/* ������ ������� */
#pun-index .user-avatar {
    margin: -6px 45px 0px 0px;
    height: 49px!important;
    }
.punbb em.user-avatar {
/*    float:right !important;*/
    }
.punbb .user-avatar img.ava {
/*    border-radius:0% !important;*/

    }

.punbb .user-avatar .avatar-image {
    background-size: contain!important;
    background-color: var(--color-green)!important;
    border: 3px solid var(--color-nice);
    box-shadow: 3px 1px 0 var(--color-green);
    width: 44px!important;
    height: 44px!important;
    opacity: 1!important;
}



.img a.title {
 background: var(--color-white);
}

/* ��� ���������� � ��������� */
#pun-index .category .tc2,#pun-index .category .tc3,
#f-subforums .tc2,#f-subforums .tc3{
  display:none!important;
}
.Tems_And_messages {
  /*display:inline-block;*/
  display:none;
  width:auto;
}
.main table .Add {
    display: inline-block;
    padding: 5px 1px;
color: var(--color-grey);
}


.post-content hr {
background: var(--color-nice);
height: 1px;
box-shadow: none !important;
border: none !important;
margin: 5px 75px !important;
}

span.num_msg {
    margin-top: -15px!important;
    margin-left: -15px!important;
    background: var(--color-hz)!important;
}

span.num_msg:before {
    background: var(--color-hz)!important;
}

#MyBookmarks .container {
    background: var(--color-white);
}

#MyBookmarks h2 {
margin: 0!important;
    background: var(--color-hz);
}

#BookmCntToggle.default-style {
    color: var(--color-grey)!important;
}

.isonline {
margin-right: -7px!important;
    margin-top: 0px!important;
    background: var(--color-mda)!important;
}

#form-buttons table {    border: none!important;
    background: none!important;}

/* ������ */

#pun-navlinks {
  text-align: center;
}

#pun-navlinks li {    display: inline;     margin: 0px 3px;}

#pun-navlinks a {
    display: inline-block;}

#pun-navlinks a span {
    display: block;}

#navpr_1 li span {
}

��

mybb@mybb.ru (manta) — Fri, 02 Jul 2021 17:07:43 +0300

��:

/* CS1 Background and text colours
-------------------------------------------------------------*/

/* Variables
--------------------------------- */

:root {
    --color-hz: #090a0c;
    --color-white: #f0f0f0;
    --color-black: #000;
    --color-grey: #007a7a; 
    --color-green: #82acb1;
    --color-mda: #94943a;
    --color-nice: #c9d8da;
    --html-bg: #222 url(http://forumstatic.ru/files/001a/cf/3c/85567.png) center no-repeat;
    --html-bg2: #222 url(http://forumstatic.ru/files/001a/cf/3c/41917.png) center no-repeat;
    --color-beige: #aca19e;
}



/*���*/
body {
  background: var(--color-beige);
}

#html-header { 
    width: 970px;
    height: 150px;
    position: relative;
    top: 0px;
    background: var(--html-bg);
}

#Logo {
    position: absolute;
top: 33px;
    width: 970px;
    height: 85px;
    background:url(http://forumstatic.ru/files/001a/cf/3c/67718.png) center no-repeat;
}

#Logo1 {width: 970px;
    text-align: center;
    height: 50px;
    position: absolute;
    top: 30px;
    font-family: Cardana;
    letter-spacing: 2px;
    font-size: 18px;
    color: var(--color-white);
    opacity: 0.95;
}

#ams, #activity {
   display:none;
 }

#epic, #pair  {
    position: absolute;
    overflow: hidden;
    width: 115px;
    height: 50px;
    bottom: -10px;
   }

#epic { 
    right: 205px;
}
#pair {
    left: 200px;
}


#act1, #act2, #act3, #act4 {
    bottom: -10px;
    position: absolute;
    width: 50px;
    height: 50px;}


#act1 {
    left: 70px;
}

#act2 {
    left: 135px;
}

#act3 {
    right: 140px;
}

#act4 {
    right: 75px;
}


#epic > a > img, #pair > a > img, #act1 > a > img, #act2 > a > img, #act3 > a > img, #act4 > a > img {top: 0;
    position: absolute;} 


#RANDOM {
position: absolute;
    left: 330px;
    top: 167px;
    width: 290px;
    height: 71px;
    background: rgb(0 0 0 / 50%);
    padding: 10px;
    z-index: 5;
}

#KontentRotator {  
font-size: 9px;
    text-align: justify;
    color: var(--color-white);
    overflow-y: auto;
    width: 275px;
    height: 70px;
    padding: 0px 5px;
    z-index: 5;
}

#KontentRotator br {
            display: block; /* makes it have a width */
            content: ""; /* clears default height */
            margin-top: 4px; /* change this to whatever height you want it */
}

kr {    color: var(--color-grey);
    font-weight: bold;
    font-size: 12px;
    letter-spacing: 1px;
    font-family: Candara;}   



/* ���� ������ */
#pun {
   width: 970px;
}

   .punbb {
    float: none;
    width:auto;
    height: auto;
    margin: 0 auto;
    background: var(--color-white);
    margin-top: 20px;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 50%);
}

/* ����� */
#pun-about .container {
    height: 0px;
    width: 970px;
}

#html-footer p {
    display: block;
    width: 956px;
    padding: 7px;
    text-align: center;
    font-size: 12px;
    letter-spacing: 1px;
    color: var(--color-white);
    font-family: Candara;
    background: var(--html-bg2);
}

/* CS1.1 */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
  background: transparent;
  color: var(--color-black);
  }

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
  background: transparent;
  color: var(--color-black);
  }

#pun-admain h2 span {
display:block;
}


/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  }

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background: transparent;
  color: var(--color-black);
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
    display: block;
    padding: 4px 15px;
    padding-bottom: 0px;
    font-size: 13px;
    font-weight: normal;
    width: fit-content;
    font-style: normal;
    text-align: center;
    font-family: isocteur;
    text-transform: uppercase;
    margin-top: -12px!important;
    margin-bottom: 8px;
    margin-left: auto;
    margin-right: auto;
    letter-spacing: 0.7px;
  }

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background: transparent;
  color: var(--color-black)
  }

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
    background: var(--color-nice);
    border: 1px solid var(--color-white);
}

/* CS1.8 */
#pun-navlinks .container {
  background: transparent;
  }

.offline li.pa-online strong {
  font-weight: normal;
  }

/* CS2 Border colours
-------------------------------------------------------------*/

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
  border-color: transparent;
  }

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color: transparent;
  }

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border-color: transparent;
  }

/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
  border-color: transparent;
  }

/* CS2.5 */
.punbb th {
  border-color: transparent;
  }



#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
  border-color: transparent;
  }

#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
  border-color: transparent;
  }

.punbb .divider {
  border-color: transparent;
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 1px solid transparent;
  }

li.pa-online {
  border-left-color: transparent;
  }


/* CS3 Links
-------------------------------------------------------------*/

/* CS3.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
  text-decoration: none;
  color: var(--color-grey);

   -webkit-transition: all .5s ease-out;
   -moz-transition: all .5s ease-out;
   -o-transition: all .5s ease-out;
   -ms-transition: all .5s ease-out;
   transition: all .5s ease-out;
    }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: var(--color-grey);
  }

/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
  color: var(--color-grey);
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    transition: all .5s ease-out;
    }

/* CS3.3 */
#pun-navlinks a {
   color: var(--color-white);
    text-decoration: none;
    font-family: Candara;
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
    color: var(--color-white);
  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  color: var(--color-grey);
  }

#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
  text-decoration: none;
  }



/* CS4 Post status icons
 -------------------------------------------------------------*/

/* ������*/

div.icon {
    clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
    -webkit-clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
    margin-right: 15px;
    margin-top: 8px;
    margin-left: 32px;
    width: 20px;
    height: 20px;
    position: absolute;

    background-color: var(--color-black);
    opacity: 0.8;
  }

.isticky Div.icon, .iclosed Div.icon, .isticky.iclosed Div.icon {
    opacity:0.45;
}

.inew Div.icon, .inew.isticky Div.icon, .inew.iclosed Div.icon, .inew.isticky.iclosed Div.icon {
    background-color: var(--color-mda);
    opacity: 1;
}

#pun-searchtopics TR Div.icon , #pun-viewforum TR Div.icon,
#pun-searchtopics TR.isticky Div.icon , #pun-messages TR.isticky Div.icon , #pun-viewforum TR.isticky Div.icon, #pun-searchtopics TR.iclosed.isticky Div.icon , #pun-messages TR.iclosed.isticky Div.icon , #pun-viewforum TR.iclosed.isticky Div.icon, .iclosed Div.icon,#pun-searchtopics TR.iclosed Div.icon , #pun-viewforum TR.iclosed Div.icon, #pun-searchtopics TR.inew Div.icon, #pun-viewforum TR.inew Div.icon {
margin-right: 0px;
    margin-left: 30px;
    margin-top: -3px!important;
}

#pun-messages TR Div.icon, #pun-messages TR.iclosed Div.icon, #pun-messages TR.inew Div.icon {
    margin-right: 0px;
    margin-left: 0px;
    margin-top: 15px!important;
}

#pun-main div.catleft, #pun-main div.catright {display: none}


div.post-rating a, div.post-rating a:hover {
    display: block;
    background: var(--color-grey);
    color: var(--color-white)!important;
    width: 35px;
    height: 26px;
    padding-top: 8px;
    text-align: center;
    clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
    -webkit-clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
}

div.post-vote .container {
margin-top: 9px!important;
}

/*����� ��������� */
::selection  {
    background: none repeat scroll 0 0 var(--color-green);
    color: var(--color-black);
    opacity: 1;
} 
*::-moz-selection
{
    background: none repeat scroll 0 0 var(--color-green);
    color: var(--color-black);
    opacity: 1;
} 

/* ����� ������ ��� � ������ */
#pun-main .forum  .tcl .tclcon {
    text-align: justify;
}

/* ������ ��� � ������ ��� ��������� ���� */
#pun-main .forum .tcl .byuser {
}
#pun-main .forum .tcl .byuser:before { content: "�";}


/*����� ������ ����� ���������� ������*/
#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {
    position: absolute;
    z-index: 1000;
    right: 12px!important;
    padding: 15px;
    top: 54px!important;
    box-shadow: inset 0 0 0 2px rgba(232, 231, 231, .7);
background-color: var(--color-white)!important
}

/*��� ������ ���������*/
#pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -131px 0 0 -451px!important;
    z-index: 100;
    width: 903px!important;
    position: absolute;
    right: 12px!important;
    font-size:10px;
    box-shadow: inset 0 0 0 3px rgba(232, 231, 231, .7)!important;
background-color: var(--color-white)!important
}

#pun-respect.punbb .main .tc3 {text-transform: none !important; color:#000}
#pun-respect.punbb .main {font-size:10px;}


/* ��������� */
::-webkit-scrollbar {    width: 7px;
    height: 6px;}  
::-webkit-scrollbar-track {     background-color:  var(--color-grey);} 
::-webkit-scrollbar-thumb {    background-color:  var(--color-white);}


/*����� ���, ������������*/
#pun th {    
text-transform: lowercase;
    font-size: 0px;
    font-weight: bold;
    opacity: 0.0;
}
#pun-userlist th {
opacity: 1;
font-size: 9px;
}

#pun-messages .fs-box {padding: 4em 0 0.8em 0;}
#pun-messages .pa-posts, #pun-messages .pa-reg {display:none;}


#main-reply {
    border: 1px solid var(--color-grey)!important;
    height: 270px;
    text-align:justify;
    background: var(--color-nice);
    margin-bottom: 5px;
}

/*ARROWS*/
.go-up, .go-down {
    color: var(--color-black);
    position: fixed;
    margin-left: 1010px!important;
    z-index: 9997;
    cursor: pointer;
    width: 47px;
    height: 47px;
    opacity: 0.9;
    text-shadow: 0px 0px 5px rgb(0 0 0 / 50%);
}

.go-up {
bottom: 57%; 
}
.go-down {
bottom: 47%; 
}
.go-down:hover,.go-up:hover {
opacity:1;
}

.go-up:before{font-family: FontAwesome;font-size:2.5rem;position: absolute;content: '\f077';cursor: pointer;position: relative;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}

.go-down:before{font-family: FontAwesome;font-size: 2.5rem;position: absolute;content: '\f078';cursor: pointer;position: relative;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}


.banr{    height: 55px;
    overflow-y: auto;}

.bannner {
    position: absolute;
    margin-top: 10px !important;
    width: 960px;
    height: 75px;
    overflow-y: none;
    text-align: center;
}

.bannner a {
    opacity: 0.65;
    -moz-opacity: 0.65;
    filter:grayscale(100%);
    transition: all 0.5s linear 0s;
    -webkit-transition: all 0.5s linear 0s;
    -moz-transition: all 0.5s linear 0s;
    -o-transition: all 0.5s linear 0s;
}

.bannner a:hover {
opacity:1; 
-moz-opacity:1; 
filter:grayscale(0%);
}

#statistic-other{
    text-align: center!important;
    text-transform: lowercase;
    font-size: 8px;
    font-weight: bold; }


.punbb .main .tcr a {
   }
.punbb .main .tcr span {
  font-size: 11px;
}

#pun-viewforum .tcr a {
    font-size: 11px;
}
.pun-modal .modal-inner {
    border: 4px double #c0bebc!important;
    background: var(--color-white)!important;
}


/* ����� ���� ������ */
.button, #sub4 {
    cursor: pointer;
    margin-top: 0px !important;
    padding: 2px 6px 3px;
    text-decoration: none;
    vertical-align: middle;
    text-transform: lowercase;
}



/* ������������ */
#post-preview .fs-box .post-content {padding:10px!important;}

/* �� */
#pun-messages .fs-box {/*margin-top: -52px;*/}
#pun-messages .post h3 { width: auto}
#pun-messages #profile .container fieldset {border:none;}
#pun-messages #profile .post-links ul {background: none;}
#pun-messages #font-area, #pun-messages #size-area, #pun-messages #color-area, #pun-messages #table-area, #pun-messages #image-area, #pun-messages #imageup-area, #pun-messages #imageattach-area, #pun-messages #keyboard-area, #pun-messages #video-area, #pun-messages #addition-area {width: auto!important;}
#pun-messages #smilies-area {width: 455px!important;}


#font-area {overflow-y: auto; height: 300px; width:170px;}


/* ������� */

div.post-author > ul.hv-mask > li.pa-fld1 > a:nth-child(1),
div.post-author > ul.hv-mask > li.pa-fld1 > a:nth-child(1):hover,
div.post-author > ul.hv-mask > li.pa-fld1 > a:nth-child(1):visited,
div.post-author.online > ul.hv-mask > li.pa-fld1 > a:nth-child(1),
div.post-author.online > ul.hv-mask > li.pa-fld1 > a:nth-child(1):hover,
div.post-author.online > ul.hv-mask > li.pa-fld1 > a:nth-child(1):visited,
div.post-author > ul > li.pa-fld1 > a:nth-child(1), 
div.post-author > ul > li.pa-fld1 > a:nth-child(1):hover, 
div.post-author > ul > li.pa-fld1 > a:nth-child(1):visited,
div.post-author.online > ul > li.pa-fld1 > a:nth-child(1), 
div.post-author.online > ul > li.pa-fld1 > a:nth-child(1):hover, 
div.post-author.online > ul > li.pa-fld1 > a:nth-child(1):visited {    
    color: var(--color-white)!important;
    font-size: 12px;
    font-family: Candara;
    letter-spacing: 1px;
    font-style: normal;
}

li.pa-fld1 > br {content: "";
    margin: 4px 0 3px;
    display: block;
    font-size: 1%;
}


.pa-fld1 {
text-align: left;
    font-size: 9px;
    line-height: 12px;
    color: var(--color-white);
    margin-top: -11px!important;
    margin: 0px 10px 13px!important;
    padding: 5px 10px!important;
    border: 1px dotted var(--color-mda);
    max-height: 100px;
    overflow-y: auto;
}

.pa-fld1 a, .pa-fld1 a:hover, .pa-fld1 a:visited {
    color: var(--color-white)!important;
    font-style: italic;
}

.post .pa-fld2 {
    color: var(--color-white);
    text-align: center;
    background: var(--html-bg);
    text-transform: lowercase;
    font-size: 12px;
    font-family: Candara;
    letter-spacing: 1px;
    height: 19px;
    padding: 8px 5px 3px;
    margin-top: 0px;
}


.pa-fld4, .pa-fld3 {
font-size: 11px;
    font-family: century gothic;
  /*  text-align: center;*/
    font-size: 15px;
    color: var(--color-white);
    margin-top: 5px!important;
    margin-bottom: 10px!important;
/*    width: 116px;*/
width: 108px;
    display: inline-block;
}

.pa-fld3 {    text-align: right;
    padding-right: 10px!important}

.pa-fld4 {    text-align: left;
    padding-left: 10px!important;}

.pa-posts, .pa-respect, .pa-respect a {
    text-align: center;
    color: var(--color-white)!important;
    text-transform: lowercase;
    font-size: 9px;
}


.pa-posts {
    margin-left: 108px;
}

.pa-time-visit, .pa-last-visit, .pa-ip {
    font-size: 9px;
    color: var(--color-white)!important;
    text-transform: lowercase;
    text-align: center;
    margin-right: 5px!important;
}
.pa-time-visit br {display:none}
.pa-last-visit br {display:none}

/* ������ �������� ��� ����� */
.pa-avatar img {max-width: 180px; max-height: 180px;}
#mask_form .signature textarea, #mask_form .pafld1 textarea {height: 50px;}

/* ������ - �����������, "���� �������", "�����", "���������������", "����������", ������� */
#pun-index .modlist {display: none;}
.closedatafield {display:none;}
.stickytext {display:none}
.lastedit {display:none;}
#pun-announcement h2 {display: none}
li#navawards {display: none !important;}

/* ������ ������� */
#pun-index .user-avatar {
    margin: -6px 25px 0px 15px;
    height: 49px!important;
    }
.punbb em.user-avatar {
    float:right !important;
    }
.punbb .user-avatar img.ava {
    border-radius:0% !important;

    }

.punbb .user-avatar .avatar-image {
    background-size: contain!important;
    background-color:   var(--color-grey)!important;
    border-radius: 0!important;
    width: 47px!important;
    height: 47px!important;
    opacity: 1!important;
    clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
    -webkit-clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
}



.img a.title {
 background: var(--color-white);
}

/* ��� ���������� � ��������� */
#pun-index .category .tc2,#pun-index .category .tc3,
#f-subforums .tc2,#f-subforums .tc3{
  display:none!important;
}
.Tems_And_messages {
  /*display:inline-block;*/
  display:none;
  width:auto;
}
.main table .Add {
    display: inline-block;
    padding: 5px 1px;
color: var(--color-grey);
}


.post-content hr {
background: var(--color-grey);
height: 1px;
box-shadow: none !important;
border: none !important;
margin: 5px 75px !important;
}

span.num_msg {
    margin-top: -15px!important;
    margin-left: -15px!important;
    background: var(--color-grey)!important;
}

span.num_msg:before {
    background: var(--color-grey)!important;
}

#MyBookmarks .container {
    background: var(--color-white);
}

#MyBookmarks h2 {
margin: 0!important;
    background: var(--color-hz);
}

#BookmCntToggle.default-style {
    color: var(--color-grey)!important;
}

.isonline {
margin-right: -7px!important;
    margin-top: 0px!important;
    background: var(--color-mda)!important;
    clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
    -webkit-clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);}

��

mybb@mybb.ru (manta) — Fri, 30 Apr 2021 17:22:39 +0300

��:

/* CS1 Background and text colours
-------------------------------------------------------------*/

/* Variables
--------------------------------- */

:root {
    --color-hz: #090a0c;
    --color-white: #f0f0f0;
    --color-black: #000;
    --color-grey: #6d447f;
    --color-green: #7db3a5;
    --color-mda: #6d447f;
    --color-nice: #e3dfe5;
    --html-bg: #222 url(http://forumstatic.ru/files/001a/cf/3c/11586.jpg) top center repeat-y fixed;
}



/*���*/
body {
  background: var(--html-bg);
}

#Logo {
    position: absolute;
    top: 80px;
    width: 970px;
    height: 85px;
    background:url(http://forumstatic.ru/files/001a/cf/3c/72265.png) center no-repeat;
}

#Logo1 {    width: 970px;
    text-align: center;
    height: 50px;
    position: absolute;
    top: 50px;
    font-family: Cardana;
    letter-spacing: 2px;
    font-size: 18px;
    color: var(--color-white);
    opacity: 0.95;
}

#ams, #activity {
   display:none;
 }

#epic, #pair  {
    position: absolute;
    overflow: hidden;
    width: 115px;
    height: 50px;
    bottom: -10px;
   }

#epic { 
    right: 205px;
}
#pair {
    left: 200px;
}
#pair > a > img, #epic > a > img {width:115px; height:50px}

#act1, #act2, #act3, #act4 {
    bottom: -10px;
    position: absolute;
    width: 50px;
    height: 50px;}


#act1 {
    left: 70px;
}

#act2 {
    left: 135px;
}

#act3 {
    right: 140px;
}

#act4 {
    right: 75px;
}


#epic > a > img, #pair > a > img, #act1 > a > img, #act2 > a > img, #act3 > a > img, #act4 > a > img {top: 0;
    position: absolute;} 


#RANDOM {
position: absolute;
    left: 330px;
    top: 167px;
    width: 290px;
    height: 71px;
    background: rgb(0 0 0 / 50%);
    padding: 10px;
    z-index: 5;
}

#KontentRotator {  
font-size: 9px;
    text-align: justify;
    color: var(--color-white);
    overflow-y: auto;
    width: 275px;
    height: 70px;
    padding: 0px 5px;
    z-index: 5;
}

#KontentRotator br {
            display: block; /* makes it have a width */
            content: ""; /* clears default height */
            margin-top: 4px; /* change this to whatever height you want it */
}

kr {    color: var(--color-grey);
    font-weight: bold;
    font-size: 12px;
    letter-spacing: 1px;
    font-family: Candara;}   

#html-header {     width: 970px;
    height: 230px;
    position: absolute;
    top: -20px;
}

/* ���� ������ */
#pun {
   width: 970px;
   padding: 5px 10px 10px;
}

   .punbb {
    float: none;
    width:auto;
    height: auto;
    margin: 0 auto;
    background: var(--color-white);
    margin-top: 215px;
    outline: 1px solid var(--color-white);
    outline-offset: 15px;
}

/* ����� */
#pun-about .container {
    height: 0px;
    width: 970px;
}

#html-footer p {
    position: absolute;
    display: block;
    width: 970px;
    text-align: center;
    font-size: 12px;
    letter-spacing: 1px;
    color: var(--color-white);
    font-family: Candara;
}

/* CS1.1 */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
  background: transparent;
  color: var(--color-black);
  }

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
  background: transparent;
  color: var(--color-black);
  }

#pun-admain h2 span {
display:block;
}


/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  }

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background: transparent;
  color: var(--color-black);
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
    display: block;
    padding: 4px 15px;
    padding-bottom: 0px;
    font-size: 13px;
    font-weight: normal;
    width: fit-content;
    font-style: normal;
    text-align: center;
    font-family: isocteur;
    text-transform: uppercase;
    margin-top: -12px!important;
    margin-bottom: 8px;
    margin-left: auto;
    margin-right: auto;
    letter-spacing: 0.7px;
  }

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background: transparent;
  color: var(--color-black)
  }

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
    background: var(--color-nice);
    border: 1px solid var(--color-white);
}

/* CS1.8 */
#pun-navlinks .container {
  background: transparent;
  }

.offline li.pa-online strong {
  font-weight: normal;
  }

/* CS2 Border colours
-------------------------------------------------------------*/

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
  border-color: transparent;
  }

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color: transparent;
  }

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border-color: transparent;
  }

/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
  border-color: transparent;
  }

/* CS2.5 */
.punbb th {
  border-color: transparent;
  }



#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
  border-color: transparent;
  }

#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
  border-color: transparent;
  }

.punbb .divider {
  border-color: transparent;
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 1px solid transparent;
  }

li.pa-online {
  border-left-color: transparent;
  }


/* CS3 Links
-------------------------------------------------------------*/

/* CS3.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
  text-decoration: none;
  color: var(--color-grey);

   -webkit-transition: all .5s ease-out;
   -moz-transition: all .5s ease-out;
   -o-transition: all .5s ease-out;
   -ms-transition: all .5s ease-out;
   transition: all .5s ease-out;
    }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: var(--color-grey);
  }

/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
  color: var(--color-grey);
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    transition: all .5s ease-out;
    }

/* CS3.3 */
#pun-navlinks a {
   color: var(--color-white);
    text-decoration: none;
    font-family: Candara;
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
    color: var(--color-white);
  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  color: var(--color-grey);
  }

#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
  text-decoration: none;
  }



/* CS4 Post status icons
 -------------------------------------------------------------*/

/* ������*/

div.icon {
    clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
    -webkit-clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
    margin-right: 15px;
    margin-top: 8px;
    margin-left: 32px;
    width: 20px;
    height: 20px;
    position: absolute;

    background-color: var(--color-black);
    opacity: 0.8;
  }

.isticky Div.icon, .iclosed Div.icon, .isticky.iclosed Div.icon {
    opacity:0.45;
}

.inew Div.icon, .inew.isticky Div.icon, .inew.iclosed Div.icon, .inew.isticky.iclosed Div.icon {
    background-color: var(--color-green);
    opacity: 1;
}

#pun-searchtopics TR Div.icon , #pun-viewforum TR Div.icon,
#pun-searchtopics TR.isticky Div.icon , #pun-messages TR.isticky Div.icon , #pun-viewforum TR.isticky Div.icon, #pun-searchtopics TR.iclosed.isticky Div.icon , #pun-messages TR.iclosed.isticky Div.icon , #pun-viewforum TR.iclosed.isticky Div.icon, .iclosed Div.icon,#pun-searchtopics TR.iclosed Div.icon , #pun-viewforum TR.iclosed Div.icon, #pun-searchtopics TR.inew Div.icon, #pun-viewforum TR.inew Div.icon {
margin-right: 0px;
    margin-left: 30px;
    margin-top: -3px!important;
}

#pun-messages TR Div.icon, #pun-messages TR.iclosed Div.icon, #pun-messages TR.inew Div.icon {
    margin-right: 0px;
    margin-left: 0px;
    margin-top: 15px!important;
}

#pun-main div.catleft, #pun-main div.catright {display: none}


div.post-rating a, div.post-rating a:hover {
    display: block;
    background: var(--color-grey);
    color: var(--color-white)!important;
    width: 35px;
    height: 26px;
    padding-top: 8px;
    text-align: center;
    clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
    -webkit-clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
}

div.post-vote .container {
margin-top: 9px!important;
}

/*����� ��������� */
::selection  {
    background: none repeat scroll 0 0 var(--color-green);
    color: var(--color-black);
    opacity: 1;
} 
*::-moz-selection
{
    background: none repeat scroll 0 0 var(--color-green);
    color: var(--color-black);
    opacity: 1;
} 

/* ����� ������ ��� � ������ */
#pun-main .forum  .tcl .tclcon {
    text-align: justify;
}

/* ������ ��� � ������ ��� ��������� ���� */
#pun-main .forum .tcl .byuser {
}
#pun-main .forum .tcl .byuser:before { content: "�";}


/*����� ������ ����� ���������� ������*/
#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {
    position: absolute;
    z-index: 1000;
    right: 12px!important;
    padding: 15px;
    top: 54px!important;
    box-shadow: inset 0 0 0 2px rgba(232, 231, 231, .7);
background-color: var(--color-white)!important
}

/*��� ������ ���������*/
#pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -131px 0 0 -451px!important;
    z-index: 100;
    width: 903px!important;
    position: absolute;
    right: 12px!important;
    font-size:10px;
    box-shadow: inset 0 0 0 3px rgba(232, 231, 231, .7)!important;
background-color: var(--color-white)!important
}

#pun-respect.punbb .main .tc3 {text-transform: none !important; color:#000}
#pun-respect.punbb .main {font-size:10px;}


/* ��������� */
::-webkit-scrollbar {    width: 7px;
    height: 6px;}  
::-webkit-scrollbar-track {     background-color:  var(--color-grey);} 
::-webkit-scrollbar-thumb {    background-color:  var(--color-white);}


/*����� ���, ������������*/
#pun th {    
text-transform: lowercase;
    font-size: 0px;
    font-weight: bold;
    opacity: 0.0;
}
#pun-userlist th {
opacity: 1;
font-size: 9px;
}

#pun-messages .fs-box {padding: 4em 0 0.8em 0;}
#pun-messages .pa-posts, #pun-messages .pa-reg {display:none;}


#main-reply {
    border: 1px solid var(--color-grey)!important;
    height: 270px;
    text-align:justify;
    background: var(--color-nice);
    margin-bottom: 5px;
}

/*ARROWS*/
.go-up,.go-down {
color: var(--color-grey);
/*    font-family: 'GothicRus Medium';
    font-size: 28px;*/
    position: fixed;
    margin-left: 1010px!important;
    z-index: 9997;
    cursor: pointer;
    width: 47px;
    height: 47px;
    opacity: 0.9;
}

.go-up {
bottom: 57%; 
}
.go-down {
bottom: 47%; 
}
.go-down:hover,.go-up:hover {
opacity:1;
}

.go-up:before{font-family: FontAwesome;font-size:3rem;position: absolute;content: '\f077';cursor: pointer;position: relative;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}

.go-down:before{font-family: FontAwesome;font-size: 3rem;position: absolute;content: '\f078';cursor: pointer;position: relative;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}



.bannner {
    position: absolute;
    margin-top: 25px !important;
    margin-left: 0px!important;
    width: 970px;
    height: 70px;
    margin-bottom: 25px!important;
    overflow-y: auto;
    text-align: center;
}

.bannner a {
    opacity: 0.65;
    -moz-opacity: 0.65;
    filter:grayscale(100%);
    transition: all 0.5s linear 0s;
    -webkit-transition: all 0.5s linear 0s;
    -moz-transition: all 0.5s linear 0s;
    -o-transition: all 0.5s linear 0s;
}

.bannner a:hover {
opacity:1; 
-moz-opacity:1; 
filter:grayscale(0%);
}

#statistic-other{
    text-align: center!important;
    text-transform: lowercase;
    font-size: 8px;
    font-weight: bold; }


.punbb .main .tcr a {
   }
.punbb .main .tcr span {
  font-size: 11px;
}

#pun-viewforum .tcr a {
    font-size: 11px;
}
.pun-modal .modal-inner {
    border: 4px double #c0bebc!important;
    background: var(--color-white)!important;
}


/* ����� ���� ������ */
.button, #sub4 {
    cursor: pointer;
    margin-top: 0px !important;
    padding: 2px 6px 3px;
    text-decoration: none;
    vertical-align: middle;
    text-transform: lowercase;
}



/* ������������ */
#post-preview .fs-box .post-content {padding:10px!important;}

/* �� */
#pun-messages .fs-box {/*margin-top: -52px;*/}
#pun-messages .post h3 { width: auto}
#pun-messages #profile .container fieldset {border:none;}
#pun-messages #profile .post-links ul {background: none;}
#pun-messages #font-area, #pun-messages #size-area, #pun-messages #color-area, #pun-messages #table-area, #pun-messages #image-area, #pun-messages #imageup-area, #pun-messages #imageattach-area, #pun-messages #keyboard-area, #pun-messages #video-area, #pun-messages #addition-area {width: auto!important;}
#pun-messages #smilies-area {width: 455px!important;}


#font-area {overflow-y: auto; height: 300px; width:170px;}


/* ������� */

div.post-author > ul.hv-mask > li.pa-fld1 > a:nth-child(1),
div.post-author > ul.hv-mask > li.pa-fld1 > a:nth-child(1):hover,
div.post-author > ul.hv-mask > li.pa-fld1 > a:nth-child(1):visited,
div.post-author.online > ul.hv-mask > li.pa-fld1 > a:nth-child(1),
div.post-author.online > ul.hv-mask > li.pa-fld1 > a:nth-child(1):hover,
div.post-author.online > ul.hv-mask > li.pa-fld1 > a:nth-child(1):visited,
div.post-author > ul > li.pa-fld1 > a:nth-child(1), 
div.post-author > ul > li.pa-fld1 > a:nth-child(1):hover, 
div.post-author > ul > li.pa-fld1 > a:nth-child(1):visited,
div.post-author.online > ul > li.pa-fld1 > a:nth-child(1), 
div.post-author.online > ul > li.pa-fld1 > a:nth-child(1):hover, 
div.post-author.online > ul > li.pa-fld1 > a:nth-child(1):visited {    
    color: var(--color-white)!important;
    font-size: 12px;
    font-family: Candara;
    letter-spacing: 1px;
    font-style: normal;
}

li.pa-fld1 > br {content: "";
    margin: 4px 0 3px;
    display: block;
    font-size: 1%;
}


.pa-fld1 {
    text-align: left;
    font-size: 9px;
    line-height: 12px;
    color: var(--color-white);
    margin-top: -11px!important;
    margin: 0px 10px 13px!important;
    padding: 5px 10px!important;
    border: 1px solid var(--color-grey);
    max-height: 100px;
    overflow-y: auto;
}

.pa-fld1 a, .pa-fld1 a:hover, .pa-fld1 a:visited {
    color: var(--color-white)!important;
    font-style: italic;
}

.post .pa-fld2 {
    color: var(--color-white);
    text-align: center;
    background: var(--html-bg);
    text-transform: lowercase;
    font-size: 12px;
    font-family: Candara;
    letter-spacing: 1px;
    height: 19px;
    padding: 8px 5px 3px;
    margin-top: 0px;
}


.pa-fld4, .pa-fld3 {
font-size: 11px;
    font-family: century gothic;
  /*  text-align: center;*/
    font-size: 15px;
    color: var(--color-white);
    margin-top: 5px!important;
    margin-bottom: 10px!important;
/*    width: 116px;*/
width: 108px;
    display: inline-block;
}

.pa-fld3 {    text-align: right;
    padding-right: 10px!important}

.pa-fld4 {    text-align: left;
    padding-left: 10px!important;}

.pa-posts, .pa-respect, .pa-respect a {
    text-align: center;
    color: var(--color-white)!important;
    text-transform: lowercase;
    font-size: 9px;
}


.pa-posts {
    margin-left: 108px;
}

.pa-time-visit, .pa-last-visit, .pa-ip {
    font-size: 9px;
    color: var(--color-white)!important;
    text-transform: lowercase;
    text-align: center;
    margin-right: 5px!important;
}
.pa-time-visit br {display:none}
.pa-last-visit br {display:none}

/* ������ �������� ��� ����� */
.pa-avatar img {max-width: 180px; max-height: 180px;}
#mask_form .signature textarea, #mask_form .pafld1 textarea {height: 50px;}

/* ������ - �����������, "���� �������", "�����", "���������������", "����������", ������� */
#pun-index .modlist {display: none;}
.closedatafield {display:none;}
.stickytext {display:none}
.lastedit {display:none;}
#pun-announcement h2 {display: none}
li#navawards {display: none !important;}

/* ������ ������� */
#pun-index .user-avatar {
    margin: -6px 25px 0px 15px;
    height: 49px!important;
    }
.punbb em.user-avatar {
    float:right !important;
    }
.punbb .user-avatar img.ava {
    border-radius:0% !important;

    }

.punbb .user-avatar .avatar-image {
    background-size: contain!important;
    background-color:   var(--color-grey)!important;
    border-radius: 0!important;
    width: 47px!important;
    height: 47px!important;
    opacity: 1!important;
    clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
    -webkit-clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
}



.img a.title {
 background: var(--color-white);
}

/* ��� ���������� � ��������� */
#pun-index .category .tc2,#pun-index .category .tc3,
#f-subforums .tc2,#f-subforums .tc3{
  display:none!important;
}
.Tems_And_messages {
  display:inline-block;
  width:auto;
}
.main table .Add {
    display: inline-block;
    padding: 5px 1px;
color: var(--color-grey);
}


.post-content hr {
background: var(--color-grey);
height: 1px;
box-shadow: none !important;
border: none !important;
margin: 5px 75px !important;
}

span.num_msg {
    margin-top: -15px!important;
    margin-left: -15px!important;
    background: var(--color-grey)!important;
}

span.num_msg:before {
    background: var(--color-grey)!important;
}

#MyBookmarks .container {
    background: var(--color-white);
}

#MyBookmarks h2 {
margin: 0!important;
    background: var(--color-hz);
}

#BookmCntToggle.default-style {
    color: var(--color-grey)!important;
}

.isonline {
margin-right: -7px!important;
    margin-top: 0px!important;
    background: var(--color-green)!important;
    clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
    -webkit-clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);}

��

mybb@mybb.ru (manta) — Mon, 22 Feb 2021 22:30:03 +0300

��:

/* CS1 Background and text colours
-------------------------------------------------------------*/

/* Variables
--------------------------------- */

:root {
--color-brown: #2d221c;
    --color-hz: #a1a5a9;
    --color-white: #e0e0e0;
    --color-black: #000;
    --color-grey: #525b65; /*#515c67;*/ /*#999;*/
    --color-gr: #444;
    --color-mda: #886b52;
    --html-bg: #222 url(http://forumstatic.ru/files/001a/cf/3c/20433.jpg) top center no-repeat;
    --head-bg: #000 url(http://forumstatic.ru/files/001a/cf/3c/71602.png);
}



/*���*/
body {
background: var(--html-bg) fixed;
}


#Logo {position:absolute;
bottom: 25px;
    left: 120px;
    width: 347px;
    height: 35px;
background: url(http://forumstatic.ru/files/001a/cf/3c/51062.png);}

#ams {display:none}

#activity {
position: absolute;
    font-size: 11px;
    font-family: verdana;
    letter-spacing: 1px;
    top: 25px;
    left: 25px;
 /*   width: 310px;*/
width: 325px;
    text-align: center;
    height: 30px;
    padding: 5px;
    display: inline;
    z-index: 1;
 }


#activity a, #ams a {
  /*  color: var(--color-white); font-weight: normal!important;*/
  color: var(--color-grey);
    font-weight: bold    
}

#activity, #ams {
/*color: var(--color-white);*/ 
  color: var(--color-grey);
    font-weight: bold}

#epic, #pair  {
    position: absolute;
    overflow: hidden;
    width: 115px;
    height: 50px;
    bottom: 10px;
   }

#epic {right: 180px;}
#pair {left: 540px;}


#act1, #act2 {
    position: absolute;
    width: 50px;
    height: 50px;
    top: 20px;
    }

#act3, #act4 {    position: absolute;
    width: 50px;
    height: 50px;   
    bottom: 10px;}

#act1 {left: 400px;}

#act2 {left: 470px;}

#act3 {    right: 110px;}

#act4 {right: 40px;}


#epic > a > img, #pair > a > img, #act1 > a > img, #act2 > a > img, #act3 > a > img, #act4 > a > img {top: 0;
    position: absolute;} 

#ZACHTO {}

#RANDOM {
position: absolute;
    left: 540px;
    top: 10px;
    width: 370px;
    height: 60px;
    background: rgb(0 0 0 / 60%);
    padding: 5px 10px;
    z-index: 5;
}

#KontentRotator {
    font-size: 9px;
    text-align: justify;
    color: var(--color-white);
    overflow-y: auto;
    width: 360px;
    height: 60px;
    padding: 0px 5px;
    z-index: 5;
}

#KontentRotator br {
            display: block; /* makes it have a width */
            content: ""; /* clears default height */
            margin-top: 4px; /* change this to whatever height you want it */
}

kr {    color: var(--color-grey);
    font-weight: bold;
    font-size: 12px;
    letter-spacing: 1px;
    font-family: century gothic;}   



#html-header {     width: 970px;
    height: 150px;
    position: absolute;
top: 52px;
background: var(--head-bg);
}

/* ���� ������ */
#pun {
   width: 970px;
   padding: 5px 10px 10px;
}

   .punbb {
    float: none;
    width: 970px;
    height: auto;
    margin: 0 auto;
    background: var(--color-white);
    margin-top: 200px;
      }

/* ����� */
#pun-about .container {
    height: 0px;
width: 970px;
}

#html-footer p {
    position: absolute;
    display: block;
    width: 970px;
    height: 0px;
    text-align: center;
    padding-top: 1px;
    font-size: 11px;
    letter-spacing: 1px;
    font-family: verdana;
    color: var(--color-mda);
}

/* CS1.1 */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
  background: transparent;
  color: var(--color-black);
  }

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
  background: transparent;
  color: var(--color-black);
  }

#pun-admain h2 span {
display:block;
}


/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  }

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background: transparent;
  color: var(--color-gr);
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
    display: block;
    padding: 4px 15px;
    padding-bottom: 0px;
    font-size: 13px;
    font-weight: normal;
    width: fit-content;
    font-style: normal;
    text-align: center;
    font-family: isocteur;
    text-transform: uppercase;
    margin-top: -12px!important;
    margin-bottom: 8px;
    margin-left: auto;
    margin-right: auto;
    letter-spacing: 0.7px;
  }

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background: transparent;
  color: var(--color-gr)
  }

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
    background: var(--color-hz);
    border: 1px solid var(--color-white);
}

/* CS1.8 */
#pun-navlinks .container {
  background: transparent;
  }

.offline li.pa-online strong {
  font-weight: normal;
  }

/* CS2 Border colours
-------------------------------------------------------------*/

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
  border-color: transparent;
  }

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color: transparent;
  }

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border-color: transparent;
  }

/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
  border-color: transparent;
  }

/* CS2.5 */
.punbb th {
  border-color: transparent;
  }



#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
  border-color: transparent;
  }

#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
  border-color: transparent;
  }

.punbb .divider {
  border-color: transparent;
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 1px solid transparent;
  }

li.pa-online {
  border-left-color: transparent;
  }


/* CS3 Links
-------------------------------------------------------------*/

/* CS3.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
  text-decoration: none;
  color: var(--color-grey);

   -webkit-transition: all .5s ease-out;
   -moz-transition: all .5s ease-out;
   -o-transition: all .5s ease-out;
   -ms-transition: all .5s ease-out;
   transition: all .5s ease-out;
    }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: var(--color-grey);
  }

/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
  color: var(--color-grey);
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    transition: all .5s ease-out;
    }

/* CS3.3 */
#pun-navlinks a {
    color: var(--color-mda);
    text-decoration: none;
font-family: century gothic;
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
    color: var(--color-mda);
  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  color: var(--color-grey);
  }

#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
  text-decoration: none;
  }



/* CS4 Post status icons
 -------------------------------------------------------------*/

/* ������*/

div.icon {
    background-color: var(--color-mda);
    box-shadow: 3px 3px 0px 0px var(--color-grey);

    margin-right: 15px;
    margin-top: 6px;
    margin-left: 28px;
    width: 20px;
    height: 20px;
    position: absolute;
  }

.isticky Div.icon, .iclosed Div.icon, .isticky.iclosed Div.icon {
    background-color: var(--color-grey);
    box-shadow: 3px 3px 0px 0px var(--color-hz);}

.inew Div.icon, .inew.isticky Div.icon, .inew.iclosed Div.icon, .inew.isticky.iclosed Div.icon {
    background-color:var(--color-hz);
    box-shadow: 3px 3px 0px 0px var(--color-grey);}

#pun-searchtopics TR Div.icon , #pun-viewforum TR Div.icon,
#pun-searchtopics TR.isticky Div.icon , #pun-messages TR.isticky Div.icon , #pun-viewforum TR.isticky Div.icon, #pun-searchtopics TR.iclosed.isticky Div.icon , #pun-messages TR.iclosed.isticky Div.icon , #pun-viewforum TR.iclosed.isticky Div.icon, .iclosed Div.icon,#pun-searchtopics TR.iclosed Div.icon , #pun-viewforum TR.iclosed Div.icon, #pun-searchtopics TR.inew Div.icon, #pun-viewforum TR.inew Div.icon {
margin-right: 0px;
    margin-left: 30px;
    margin-top: -3px!important;
}

#pun-messages TR Div.icon, #pun-messages TR.iclosed Div.icon, #pun-messages TR.inew Div.icon {
    margin-right: 0px;
    margin-left: 0px;
    margin-top: 15px!important;
}

#pun-main div.catleft, #pun-main div.catright {display: none}


div.post-rating a, div.post-rating a:hover {
    display: block;
    background:  var(--color-grey);
    color: var(--color-white)!important;
    width: 35px;
    height: 26px;
    padding-top: 7px;
    text-align: center;
    margin-right: 2px;
}

div.post-vote .container {
margin-top: 9px!important;
}

/*����� ��������� */
::selection  {
    background: none repeat scroll 0 0 rgb(136 107 82 / 50%);
    color: #000;
    opacity: 1;
} 
*::-moz-selection
{
    background: none repeat scroll 0 0 rgb(136 107 82 / 50%);
    color: #000;
    opacity: 1;
} 

/* ����� ������ ��� � ������ */
#pun-main .forum  .tcl .tclcon {
    text-align: justify;
}

/* ������ ��� � ������ ��� ��������� ���� */
#pun-main .forum .tcl .byuser {
}
#pun-main .forum .tcl .byuser:before { content: "�";}


/*����� ������ ����� ���������� ������*/
#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {
    position: absolute;
    z-index: 1000;
    right: 12px!important;
    padding: 15px;
    top: 54px!important;
    box-shadow: inset 0 0 0 2px rgba(232, 231, 231, .7);
background-color: var(--color-white)!important
}

/*��� ������ ���������*/
#pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -131px 0 0 -451px!important;
    z-index: 100;
    width: 903px!important;
    position: absolute;
    right: 12px!important;
    font-size:10px;
    box-shadow: inset 0 0 0 3px rgba(232, 231, 231, .7)!important;
background-color: var(--color-white)!important
}

#pun-respect.punbb .main .tc3 {text-transform: none !important; color:#000}
#pun-respect.punbb .main {font-size:10px;}


/* ��������� */
::-webkit-scrollbar {    width: 7px;
    height: 6px;}  
::-webkit-scrollbar-track {background-color: var(--color-grey);} 
::-webkit-scrollbar-thumb {    background-color:  var(--color-white);}


/*����� ���, ������������*/
#pun th {    
text-transform: lowercase;
    font-size: 0px;
    font-weight: bold;
    opacity: 0.0;
}
#pun-userlist th {
opacity: 1;
font-size: 9px;
}

#pun-messages .fs-box {padding: 4em 0 0.8em 0;}
#pun-messages .pa-posts, #pun-messages .pa-reg {display:none;}

.resizable-textarea textarea {
    background-color: var(--color-hz);
}
#main-reply {
    border: 2px solid var(--color-grey)!important;
    height: 270px;
}

#form-buttons {
}


/*ARROWS*/
.go-up, .go-down {
color: var(--color-mda);
    position: fixed;
    margin-left: 1005px!important;
    z-index: 9997;
    cursor: pointer;
    width: 47px;
    height: 47px;
opacity:0.85;
}

.go-up {
bottom: 57%; 
}
.go-down {
bottom: 47%; 
}
.go-down:hover,.go-up:hover {
opacity:1;
}

.go-up:before{font-family: FontAwesome;font-size:3.5rem;position: absolute;content: '\f0d8';cursor: pointer;position: relative;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}

.go-down:before{font-family: FontAwesome;font-size: 3.5rem;position: absolute;content: '\f0d7';cursor: pointer;position: relative;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}


.bannner {
    position: absolute;
    margin-top: 20px !important;
    margin-left: 0px!important;
    width: 970px;
    height: 70px;
    margin-bottom: 25px!important;
    overflow-y: auto;
    text-align: center;
}

.bannner a {
    opacity: 0.65;
    -moz-opacity: 0.65;
    filter:grayscale(100%);
    transition: all 0.5s linear 0s;
    -webkit-transition: all 0.5s linear 0s;
    -moz-transition: all 0.5s linear 0s;
    -o-transition: all 0.5s linear 0s;
}

.bannner a:hover {
opacity:1; 
-moz-opacity:1; 
filter:grayscale(0%);
}

#statistic-other{
    text-align: center!important;
    text-transform: lowercase;
    font-size: 8px;
    font-weight: bold; }


.punbb .main .tcr a {
   }
.punbb .main .tcr span {
  font-size: 11px;
}

#pun-viewforum .tcr a {
    font-size: 11px;
}
.pun-modal .modal-inner {
    border: 4px double #c0bebc!important;
    background: var(--color-white)!important;
}


/* ����� ���� ������ */
.button, #sub4 {
    cursor: pointer;
    margin-top: 0px !important;
    padding: 2px 6px 3px;
    text-decoration: none;
    vertical-align: middle;
    text-transform: lowercase;
}



/* ������������ */
#post-preview .fs-box .post-content {padding:10px!important;}

/* �� */
#pun-messages .fs-box {/*margin-top: -52px;*/}
#pun-messages .post h3 { width: auto}
#pun-messages #profile .container fieldset {border:none;}
#pun-messages #profile .post-links ul {background: none;}
#pun-messages #font-area, #pun-messages #size-area, #pun-messages #color-area, #pun-messages #table-area, #pun-messages #image-area, #pun-messages #imageup-area, #pun-messages #imageattach-area, #pun-messages #keyboard-area, #pun-messages #video-area, #pun-messages #addition-area {width: auto!important;}
#pun-messages #smilies-area {width: 455px!important;}


#font-area {overflow-y: auto; height: 300px; width:170px;}


/* ������� */

div.post-author > ul.hv-mask > li.pa-fld1 > a:nth-child(1),
div.post-author > ul.hv-mask > li.pa-fld1 > a:nth-child(1):hover,
div.post-author > ul.hv-mask > li.pa-fld1 > a:nth-child(1):visited,
div.post-author.online > ul.hv-mask > li.pa-fld1 > a:nth-child(1),
div.post-author.online > ul.hv-mask > li.pa-fld1 > a:nth-child(1):hover,
div.post-author.online > ul.hv-mask > li.pa-fld1 > a:nth-child(1):visited,
div.post-author > ul > li.pa-fld1 > a:nth-child(1), 
div.post-author > ul > li.pa-fld1 > a:nth-child(1):hover, 
div.post-author > ul > li.pa-fld1 > a:nth-child(1):visited,
div.post-author.online > ul > li.pa-fld1 > a:nth-child(1), 
div.post-author.online > ul > li.pa-fld1 > a:nth-child(1):hover, 
div.post-author.online > ul > li.pa-fld1 > a:nth-child(1):visited {    
    color: var(--color-white)!important;
    font-size: 11px;
    font-family: verdana;
    letter-spacing: 1px;
font-style: normal;
}

li.pa-fld1 > br {content: "";
    margin: 4px 0 3px;
    display: block;
    font-size: 1%;
}


.pa-fld1 {
    text-align: justify;
    font-size: 9px;
    line-height: 12px;
    color: var(--color-white);
    margin-top: -11px!important;
    margin: 0px 10px 13px!important;
    padding: 5px 10px!important;
    border: 1px solid var(--color-mda);
}

.pa-fld1 a, .pa-fld1 a:hover, .pa-fld1 a:visited {
    color: var(--color-white)!important;
    font-style: italic;
}

.post .pa-fld2 {
    color: var(--color-white);
    text-align: center;
    background: var(--head-bg) center;
    text-transform: lowercase;
    font-size: 11px;
    font-family: verdana;
    letter-spacing: 1px;
    height: 17px;
    padding: 5px;
    margin-top: 0px;
}


.pa-fld4, .pa-fld3 {
font-size: 11px;
    font-family: verdana;
    font-size: 15px;
    color: var(--color-white);
    margin-top: 5px!important;
    margin-bottom: 10px!important;
    width: 108px;
    display: inline-block;
}

.pa-fld3 {    text-align: right;
    padding-right: 10px!important}

.pa-fld4 {    text-align: left;
    padding-left: 10px!important;}

.pa-posts, .pa-respect, .pa-respect a {
    text-align: center;
    color: var(--color-white)!important;
    text-transform: lowercase;
    font-size: 9px;
}


.pa-posts {
    margin-left: 108px;
}

.pa-time-visit, .pa-last-visit, .pa-ip {
    font-size: 9px;
    color: var(--color-white)!important;
    text-transform: lowercase;
    text-align: center;
    margin-right: 5px!important;
}
.pa-time-visit br {display:none}
.pa-last-visit br {display:none}

/* ������ �������� ��� ����� */
.pa-avatar img {max-width: 180px; max-height: 180px;}
#mask_form .signature textarea, #mask_form .pafld1 textarea {height: 50px;}

/* ������ - �����������, "���� �������", "�����", "���������������", "����������", ������� */
#pun-index .modlist {display: none;}
.closedatafield {display:none;}
.stickytext {display:none}
.lastedit {display:none;}
#pun-announcement h2 {display: none}
li#navawards {display: none !important;}

/* ������ ������� */
#pun-index .user-avatar {
    margin: -6px 25px 0px 15px;
    height: 49px!important;
    }
.punbb em.user-avatar {
    float:right !important;
    }
.punbb .user-avatar img.ava {
    border-radius:0% !important;

    }

.punbb .user-avatar .avatar-image {
    background-size: contain!important;
    background-color: var(--color-brown)!important;
    border-radius: 0!important;
    width: 45px!important;
    height: 45px!important;
    box-shadow: 4px 3px 0px 0px var(--color-gr);
    opacity: 1!important;
}



.img a.title {
 background: #f0f0f0;
}

/* ��� ���������� � ��������� */
#pun-index .category .tc2,#pun-index .category .tc3,
#f-subforums .tc2,#f-subforums .tc3{
  display:none!important;
}
.Tems_And_messages {
  display:inline-block;
  width:auto;
}
.main table .Add {
    display: inline-block;
    padding: 5px 1px;
color: var(--color-grey);
}


.post-content hr {
background: var(--color-grey);
height: 1px;
box-shadow: none !important;
border: none !important;
margin: 5px 75px !important;
}

span.num_msg {
    margin-top: -15px!important;
    margin-left: -15px!important;
    background: var(--color-grey)!important;
}

span.num_msg:before {
    background: var(--color-grey)!important;
}

#MyBookmarks .container {
    background: var(--color-white);
}

#MyBookmarks h2 {
margin: 0!important;
    background: var(--color-hz);
}

#BookmCntToggle.default-style {
    color: var(--color-grey)!important;
}

.isonline {
     margin-right: -4px!important;
    margin-top: 32px!important;
    background: var(--color-mda)!important;}

��

mybb@mybb.ru (manta) — Sun, 14 Feb 2021 23:29:26 +0300

manta ��(�):
ali sha, [24.06.20 21:32]
�� -��? *�� *

ali sha, [24.06.20 21:32]
� �� -�� . � �� -�� (��)

��

mybb@mybb.ru (manta) — Thu, 11 Feb 2021 14:53:17 +0300

��-��

mybb@mybb.ru (manta) — Tue, 09 Feb 2021 13:09:40 +0300

��:

/* CS1 Background and text colours
-------------------------------------------------------------*/

/* Variables
--------------------------------- */

:root {
    --color-green: #93b7a0;
    --color-red:#62001d;
    --color-back:#f0f0f0;
    --color-hz: #f0f0f0;
    --color-white: #191919;
    --color-black: #000;
    --color-grey: #999;
    --color-gr:  #a29393; /*#ada7a7;*/
    --color-mda: #62001d;
    --html-bg: #666 url(http://forumstatic.ru/files/001a/eb/a8/10580.jpg) top center repeat-y fixed;

/*    --html-bg: #666 url(http://forumstatic.ru/files/001a/eb/a8/88396.jpg) top center repeat-y fixed;*/

    --noise: /*#e2e2e2 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwAgMAAAAqbBEUAAAADFBMVEUAAADk4uTk5uTc3twDOEDXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAY9JREFUKJEdUjtu20AQnUu+HWyMkao1oYJJtVrQgORTrFQRqQSfwEgR+BhjgQZUqvABpLR5o4rkzpv3WwqGClNcO7JLBzKmlhxdRSsAA0Y+xNH4/XLezTaLE9x6DBXyzHGdtw4nDNDip1yzLpD62yegW865cgL1rFpLqrIM4GmBX+7cWZRbHSEnqYPqHBtM9A78DP5bIdtqU75mfU8BwydQDugwPwj6aU444QK10KGzMANGSA1+RKxspY3l8YbDrQds/4K/hA4QpUZzFLMMWZCfRlT/RRLBDvjGgsKMEW6oJD7C1qIhknYhk+TYcYVWH1fFJXLQnSpNCOYKPTfkLzQafT6ybXZsVdRbtnOYNbrWmm+MwPgbYeeEXEpCp2h9LVcudHqggynu6RFPeC9ekWc87mdL3giOdcBwGgNnfaAoreVSbU+Y2eTkzo8d3P84e/9kK3TQePQK3UZvlfYdtedkkEZl+wcj9CSuOv3oH9FEJ2yvKLVkxSTYoGRc0xA/BZVNW3/qHhHemcffgBXW/wHndv2ZCAmQxAAAAABJRU5ErkJggg==);*/
#d8d8d8 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwAgMAAAAqbBEUAAAACVBMVEUAAADc2tzU1tSVBL31AAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAWpJREFUKJEVkksOREEERW2yXlLmJOyHpMxJWGXrOfdzAI7DJ78PCwOamS6L9cmAI0fCz3S9gvC+g/HdJoVKuX6OU6DDVFnGoQj/oGJwqttlBpQ93uCt7AKTS6pqmBWQopZzstEc4juSPvXYCd7ByhR8Yxf05fVwJy4Bpo9d2+x7DN1H8VWdfgp4Vqwjb6fBrFRwVduOcbzLpdEYvBXESeSVp0NHsNxGxxY4sR2puFF6x+LpY2rLt00/l2LyUoFWTNOm98UDrbjRL5KuwResqJuhyuHKGZnvHVMGUiwdOZlbYWmEHTWd5RbmeaSHrRhGqahnuUTDAo1aAHZpfWZcciJ0LtyazTB5zib4YoqdjbYwdHF20KdDASgWt6JwFyEQ94Sjd1YAT90wxEPTML0m3w2ldwADe10upT3Y4w5+W8nE/2qf3NlIMoDD9xWhEW+CmjR0YZz9A3Jb6hq2rCdfZ9XwmgPu/feRnrfnD5HSLW50u+ptAAAAAElFTkSuQmCC);
}



/*���*/
body {
background: var(--html-bg);
}

#Logo {
width: 250px;
    height: 28px;
    text-align: center;
    left: 30px;
    position: absolute;
    top: 90px;
    font-family: courier new;
    letter-spacing: 2px;
    padding-top: 4px;
    font-size: 19px;
    font-weight: bold;
    color: var(--color-back);
    background: var(--color-mda);
}

#Logo1 {width: 200px;
    text-align: center;
    height: 26px;
    position: absolute;
    top: 130px;
    left: 100px;
    padding: 4px 0 0 0;
    font-family: courier new;
    letter-spacing: 2px;
    font-size: 18px;
    color: var(--color-back);
    background: var(--color-mda);
}
#activity {
    position: absolute;
    font-size: 12px;
    font-family: century gothic;
    letter-spacing: 1px;
    top: 170px;
    left: 10px;
    width: 290px;
    text-align: center;
    height: 250px;
    overflow: none;
    height: 30px;
    padding: 5px;
    display: inline;
    z-index: 1;
 }

#ams { display: none!important;
    left: 10px;
    position: absolute;
    font-size: 12px;
    font-family: century gothic;
    letter-spacing: 1px;
    top: 177px;
    width: 415px;
    text-align: left;
    height: 250px;
    overflow: none;
    height: 21px;
    padding: 5px;
    display: inline;
    z-index: 1;
 }

#activity a, #ams a {
    color: var(--color-white);
    font-weight: normal!important;
}

#activity, #ams {color: var(--color-red);     font-weight: bold}

#epic, #pair  {
    position: absolute;
    overflow: hidden;
    width: 115px;
    height: 50px;
    top: 85px;
   }

#epic {right: 30px;}
#pair {left: 345px;}


#act1, #act2, #act3, #act4 {
    position: absolute;
    width: 50px;
    height: 50px;
    bottom: 35px; }

#act1 {left: 345px;}

#act2 {left: 410px;}

#act3 {right: 30px;}

#act4 {right: 95px;}


#epic > a > img, #pair > a > img, #act1 > a > img, #act2 > a > img, #act3 > a > img, #act4 > a > img {top: 0;
    position: absolute;} 

#ZACHTO {}

#RANDOM {
    position: absolute;
    left: 500px;
    top: 55px;
    width: 295px;
    height: 150px;
    background: url(http://forumstatic.ru/files/001a/eb/a8/60225.png) center no-repeat;
    padding: 10px;
    z-index: 5;
    opacity: 0.95;
}

#KontentRotator {  
    font-size: 9px;
    text-align: justify;
    color: var(--color-white);
    overflow-y: auto;
    width: 232px;
    height: 70px;
    padding: 2px 8px;
    margin-top: 43px;
    margin-left: 10px;
    z-index: 5;
}

#KontentRotator br {
            display: block; /* makes it have a width */
            content: ""; /* clears default height */
            margin-top: 4px; /* change this to whatever height you want it */
}

kr {    color: var(--color-red);
    font-weight: bold;
    font-size: 12px;
    letter-spacing: 1px;
    font-family: century gothic;}   

#html-header {     width: 970px;
    height: 230px;
    position: absolute;
top: -40px;
    /*top: -50px;*/
}

/* ���� ������ */
#pun {
   width: 970px;
   padding: 5px 10px 10px;
}

   .punbb {
    float: none;
    width:auto;
    height: auto;
    margin: 0 auto;
    background: var(--color-back);
    margin-top: 185px;
      }

/* ����� */
#pun-about .container {
    height: 0px;
width: 970px;
}

#html-footer p {
    position: absolute;
    display: block;
    width: 970px;
    height: 0px;
    text-align: center;
    padding-top: 3px;
    font-size: 11px;
    color: var(--color-white);
    font-weight: bold;
    font-family: century gothic;
    letter-spacing: 2px;
}

/* CS1.1 */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
  background: var(--color-back)!important;
  color: var(--color-black);
  }

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
  background: transparent;
  color: var(--color-black);
  }

#pun-admain h2 span {
display:block;
}


/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  }

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background: transparent;
  color: var(--color-gr);
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
    display: block;
    padding: 4px 15px;
    padding-bottom: 0px;
    font-size: 13px;
    font-weight: normal;
    width: fit-content;
    font-style: normal;
    text-align: center;
    font-family: isocteur;
    text-transform: uppercase;
    margin-top: -12px!important;
    margin-bottom: 8px;
    margin-left: auto;
    margin-right: auto;
    letter-spacing: 0.7px;
  }

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background: transparent;
  color: var(--color-gr)
  }

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
    background: var(--noise);
    border: 2px solid var(--color-hz);
}

/* CS1.8 */
#pun-navlinks .container {
  background: transparent!important;
  }

.offline li.pa-online strong {
  font-weight: normal;
  }

/* CS2 Border colours
-------------------------------------------------------------*/

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
  border-color: transparent;
  }

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color: transparent;
  }

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border-color: transparent;
  }

/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
  border-color: transparent;
  }

/* CS2.5 */
.punbb th {
  border-color: transparent;
  }



#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
  border-color: transparent;
  }

#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
  border-color: transparent;
  }

.punbb .divider {
  border-color: transparent;
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 1px solid transparent;
  }

li.pa-online {
  border-left-color: transparent;
  }


/* CS3 Links
-------------------------------------------------------------*/

/* CS3.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
  text-decoration: none;
  color: var(--color-gr);

   -webkit-transition: all .5s ease-out;
   -moz-transition: all .5s ease-out;
   -o-transition: all .5s ease-out;
   -ms-transition: all .5s ease-out;
   transition: all .5s ease-out;
    }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: var(--color-gr);
  }

/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
  color: var(--color-gr);
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    transition: all .5s ease-out;
    }

/* CS3.3 */
#pun-navlinks a {
    color: var(--color-black);
    text-decoration: none;
    font-family: century gothic;
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
    color: var(--color-black);
  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  color: var(--color-gr);
  }

#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
  text-decoration: none;
  }



/* CS4 Post status icons
 -------------------------------------------------------------*/

/* ������*/

div.icon {
    background-color: #c4bebe;
    box-shadow: 3px 3px 0px 0px var(--color-gr);
    margin-right: 15px;
    margin-top: 6px;
    margin-left: 28px;
    width: 20px;
    height: 20px;
    position: absolute;
  }

.isticky Div.icon, .iclosed Div.icon, .isticky.iclosed Div.icon {
    background-color: #555;
}

.inew Div.icon, .inew.isticky Div.icon, .inew.iclosed Div.icon, .inew.isticky.iclosed Div.icon {
    background:var(--color-green);
}

#pun-searchtopics TR Div.icon , #pun-viewforum TR Div.icon,
#pun-searchtopics TR.isticky Div.icon , #pun-messages TR.isticky Div.icon , #pun-viewforum TR.isticky Div.icon, #pun-searchtopics TR.iclosed.isticky Div.icon , #pun-messages TR.iclosed.isticky Div.icon , #pun-viewforum TR.iclosed.isticky Div.icon, .iclosed Div.icon,#pun-searchtopics TR.iclosed Div.icon , #pun-viewforum TR.iclosed Div.icon, #pun-searchtopics TR.inew Div.icon, #pun-viewforum TR.inew Div.icon {
margin-right: 0px;
    margin-left: 30px;
    margin-top: -3px!important;
}

#pun-messages TR Div.icon, #pun-messages TR.iclosed Div.icon, #pun-messages TR.inew Div.icon {
    margin-right: 0px;
    margin-left: 0px;
    margin-top: 15px!important;
}

#pun-main div.catleft, #pun-main div.catright {display: none}


div.post-rating a, div.post-rating a:hover {
    display: block;
    background:  var(--noise);
    color: var(--color-white)!important;
    width: 35px;
    height: 26px;
    padding-top: 7px;
    text-align: center;
    margin-right: 2px;
}

div.post-vote .container {
margin-top: 9px!important;
}

/*����� ��������� */
::selection  {
    background: none repeat scroll 0 0 var(--color-green);
    color: #000;
    opacity: 1;
} 
*::-moz-selection
{
    background: none repeat scroll 0 0 var(--color-green);
    color: #000;
    opacity: 1;
} 

/* ����� ������ ��� � ������ */
#pun-main .forum  .tcl .tclcon {
    text-align: justify;
}

/* ������ ��� � ������ ��� ��������� ���� */
#pun-main .forum .tcl .byuser {
}
#pun-main .forum .tcl .byuser:before { content: "�";}


/*����� ������ ����� ���������� ������*/
#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {
    position: absolute;
    z-index: 1000;
    right: 12px!important;
    padding: 15px;
    top: 54px!important;
    box-shadow: inset 0 0 0 2px rgba(232, 231, 231, .7);
background-color: var(--color-back)!important
}

/*��� ������ ���������*/
#pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -131px 0 0 -451px!important;
    z-index: 100;
    width: 903px!important;
    position: absolute;
    right: 12px!important;
    font-size:10px;
    box-shadow: inset 0 0 0 3px rgba(232, 231, 231, .7)!important;
background-color: var(--color-back)!important
}

#pun-respect.punbb .main .tc3 {text-transform: none !important; color:#000}
#pun-respect.punbb .main {font-size:10px;}


/* ��������� */
::-webkit-scrollbar {    width: 7px;
    height: 6px;}  
::-webkit-scrollbar-track {background-color: #c4bebe;} 
::-webkit-scrollbar-thumb {background-color: var(--color-grey);}


/*����� ���, ������������*/
#pun th {    
text-transform: lowercase;
    font-size: 0px;
    font-weight: bold;
    opacity: 0.0;
}
#pun-userlist th {
opacity: 1;
font-size: 9px;
}

#pun-messages .fs-box {padding: 4em 0 0.8em 0;}
#pun-messages .pa-posts, #pun-messages .pa-reg {display:none;}

.resizable-textarea textarea {
    background-color:  rgb(148 184 161 / 30%);
}
#main-reply {
    border: 2px solid var(--color-grey)!important;
    height: 270px;
text-align:justify;
}

#form-buttons {
}


/*ARROWS*/
.go-up,.go-down {
color: #400007;
    position: fixed;
    margin-left: 1005px!important;
    z-index: 9997;
    cursor: pointer;
    width: 47px;
    height: 47px;
opacity:0.85;
}

.go-up {
bottom: 57%; 
}
.go-down {
bottom: 47%; 
}
.go-down:hover,.go-up:hover {
opacity:1;
}

.go-up:before{font-family: FontAwesome;font-size:3.5rem;position: absolute;content: '\f102';cursor: pointer;position: relative;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}

.go-down:before{font-family: FontAwesome;font-size: 3.5rem;position: absolute;content: '\f103';cursor: pointer;position: relative;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}


.bannner {
    position: absolute;
    margin-top: 20px !important;
    margin-left: 0px!important;
    width: 970px;
    height: 70px;
    margin-bottom: 25px!important;
    overflow-y: auto;
    text-align: center;
}

.bannner a {
    opacity: 0.65;
    -moz-opacity: 0.65;
    filter:grayscale(100%);
    transition: all 0.5s linear 0s;
    -webkit-transition: all 0.5s linear 0s;
    -moz-transition: all 0.5s linear 0s;
    -o-transition: all 0.5s linear 0s;
}

.bannner a:hover {
opacity:1; 
-moz-opacity:1; 
filter:grayscale(0%);
}

#statistic-other{
    text-align: center!important;
    text-transform: lowercase;
    font-size: 8px;
    font-weight: bold; }


.punbb .main .tcr a {
   }
.punbb .main .tcr span {
  font-size: 11px;
}

#pun-viewforum .tcr a {
    font-size: 11px;
}
.pun-modal .modal-inner {
    border: 4px double #c0bebc!important;
    background: var(--color-white)!important;
}


/* ����� ���� ������ */
.button, #sub4 {
    cursor: pointer;
    margin-top: 0px !important;
    padding: 4px 8px 4px;
    text-decoration: none;
    vertical-align: middle;
    text-transform: lowercase;
}



/* ������������ */
#post-preview .fs-box .post-content {padding:10px!important;}

/* �� */
#pun-messages .fs-box {/*margin-top: -52px;*/}
#pun-messages .post h3 { width: auto}
#pun-messages #profile .container fieldset {border:none;}
#pun-messages #profile .post-links ul {background: none;}
#pun-messages #font-area, #pun-messages #size-area, #pun-messages #color-area, #pun-messages #table-area, #pun-messages #image-area, #pun-messages #imageup-area, #pun-messages #imageattach-area, #pun-messages #keyboard-area, #pun-messages #video-area, #pun-messages #addition-area {width: auto!important;}
#pun-messages #smilies-area {width: 455px!important;}


#font-area {overflow-y: auto; height: 300px; width:170px;}


/* ������� */

div.post-author > ul.hv-mask > li.pa-fld1 > a:nth-child(1),
div.post-author > ul.hv-mask > li.pa-fld1 > a:nth-child(1):hover,
div.post-author > ul.hv-mask > li.pa-fld1 > a:nth-child(1):visited,
div.post-author.online > ul.hv-mask > li.pa-fld1 > a:nth-child(1),
div.post-author.online > ul.hv-mask > li.pa-fld1 > a:nth-child(1):hover,
div.post-author.online > ul.hv-mask > li.pa-fld1 > a:nth-child(1):visited,
div.post-author > ul > li.pa-fld1 > a:nth-child(1), 
div.post-author > ul > li.pa-fld1 > a:nth-child(1):hover, 
div.post-author > ul > li.pa-fld1 > a:nth-child(1):visited,
div.post-author.online > ul > li.pa-fld1 > a:nth-child(1), 
div.post-author.online > ul > li.pa-fld1 > a:nth-child(1):hover, 
div.post-author.online > ul > li.pa-fld1 > a:nth-child(1):visited {    
    color: var(--color-white)!important;
    font-size: 11px;
    font-family: century gothic;
    letter-spacing: 0.75px;
font-style: normal;
    font-weight: bold;
}

li.pa-fld1 > br {content: "";
    margin: 4px 0 3px;
    display: block;
    font-size: 1%;
}


.pa-fld1 {
    text-align: left;
    font-size: 9px;
    line-height: 12px;
    color: var(--color-white);
    margin-top: -11px!important;
    margin: 0px 10px 13px!important;
    padding: 5px 10px!important;
    border: 2px solid var(--color-back);
max-height: 105px;
    overflow-y: auto;
}

.pa-fld1 a, .pa-fld1 a:hover, .pa-fld1 a:visited {
    color: var(--color-white)!important;
    font-style: italic;
}

.post .pa-fld2 {
    color: var(--color-hz);
    text-align: center;
    background: var(--color-mda);
    text-transform: lowercase;
    font-size: 12px;
    font-family: courier;
    letter-spacing: 1px;
    height: 17px;
    padding: 7px 5px 5px;
    margin-top: 0px;
}


.pa-fld4, .pa-fld3 {
font-size: 11px;
    font-family: century gothic;
    font-size: 15px;
    color: var(--color-white);
    margin-top: 5px!important;
    margin-bottom: 10px!important;
    width: 108px;
    display: inline-block;
}

.pa-fld3 {    text-align: right;
    padding-right: 10px!important}

.pa-fld4 {    text-align: left;
    padding-left: 10px!important;}

.pa-posts, .pa-respect, .pa-respect a {
    text-align: center;
    color: var(--color-white)!important;
    text-transform: lowercase;
    font-size: 9px;
}


.pa-posts {
    margin-left: 108px;
}

.pa-time-visit, .pa-last-visit, .pa-ip {
    font-size: 9px;
    color: var(--color-white)!important;
    text-transform: lowercase;
    text-align: center;
    margin-right: 5px!important;
}
.pa-time-visit br {display:none}
.pa-last-visit br {display:none}

/* ������ �������� ��� ����� */
.pa-avatar img {max-width: 180px; max-height: 180px;}
#mask_form .signature textarea, #mask_form .pafld1 textarea {height: 50px;}

/* ������ - �����������, "���� �������", "�����", "���������������", "����������", ������� */
#pun-index .modlist {display: none;}
.closedatafield {display:none;}
.stickytext {display:none}
.lastedit {display:none;}
#pun-announcement h2 {display: none}
li#navawards {display: none !important;}

/* ������ ������� */
#pun-index .user-avatar {
    margin: -6px 25px 0px 15px;
    height: 49px!important;
    }
.punbb em.user-avatar {
    float:right !important;
    }
.punbb .user-avatar img.ava {
    border-radius:0% !important;

    }

.punbb .user-avatar .avatar-image {
    background-size: contain!important;
    background-color:   var(--color-gr)!important;
    border-radius: 0!important;
    width: 45px!important;
    height: 45px!important;
    box-shadow: 4px 3px 0px 0px #999999;
    opacity: 1!important;
}



.img a.title {
 background: #f0f0f0;
}

/* ��� ���������� � ��������� */
#pun-index .category .tc2,#pun-index .category .tc3,
#f-subforums .tc2,#f-subforums .tc3{
  display:none!important;
}
.Tems_And_messages {
  display:inline-block;
  width:auto;
}
.main table .Add {
    display: inline-block;
    padding: 5px 1px;
color: var(--color-grey);
}


.post-content hr {
background: var(--color-grey);
height: 1px;
box-shadow: none !important;
border: none !important;
margin: 5px 75px !important;
}

span.num_msg {
    margin-top: -15px!important;
    margin-left: -15px!important;
    background: var(--color-grey)!important;
}

span.num_msg:before {
    background: var(--color-grey)!important;
}

#MyBookmarks .container {
    background: var(--color-back);
}

#MyBookmarks h2 {
margin: 0!important;
    background: var(--color-hz)!important;
}

#BookmCntToggle.default-style {
    color: var(--color-grey)!important;
}

.isonline {
     margin-right: -4px!important;
    margin-top: 32px!important;
    background: var(--color-green)!important;}

black&white

mybb@mybb.ru (manta) — Thu, 26 Nov 2020 21:03:08 +0300

��:

/* CS1 Background and text colours
-------------------------------------------------------------*/

/* Variables
--------------------------------- */

:root {
    --color-hz: #242424;
    --color-white: #f0f0f0;
    --color-black: #000;
    --color-grey: #999;
    --color-gr: #444;
    --color-mda: rgb(236 184 133);
    --html-bg: #666 url(http://forumstatic.ru/files/001a/d9/bc/32170.jpg) top center repeat-y fixed;
}



/*���*/
body {
background: var(--html-bg);
}

#Logo {
    width: 935px;
    height: 50px;
    text-align: center;
    left: 20px;
    position: absolute;
    top: 70px;
    font-family: century gothic;
    letter-spacing: 2px;
    font-size: 25px;
    font-weight: bold;
    color: var(--color-black);
}
#Logo0 {}

#Logo1 {    width: 980px;
    text-align: center;
    height: 50px;
    position: absolute;
    top: 50px;
    font-family: century gothic;
    letter-spacing: 2px;
    font-size: 12px;
    font-weight: bold;
    color: var(--color-white);
}
#activity {
    position: absolute;
    font-size: 12px;
    font-family: century gothic;
    letter-spacing: 2px;
    top: 105px;
    left: 55px;
    width: 114px;
    text-align: right;
    height: 250px;
    overflow: auto;
    height: 105px;
    padding: 5px;
    display: grid;
    z-index: 1;
    font-weight: bold;
 }

#ams {
    position: absolute;
    font-size: 12px;
    font-family: century gothic;
    letter-spacing: 2px;
    top: 105px;
    right: 55px;
    width: 114px;
    text-align: left;
    height: 250px;
    overflow: auto;
    height: 105px;
    padding: 5px;
    display: grid;
    z-index: 1;
    font-weight: bold;
 }

#activity a, #ams a {
    color: var(--color-white);
}

#epic, #pair  {
    position: absolute;
    overflow: hidden;
    width: 115px;
    height: 50px;
   }

#epic {    top: 105px;
    right: 205px;
}
#pair {    top: 105px;
    left: 205px;
}


#act{ }

#act1, #act2, #act3, #act4 {
    position: absolute;
    width: 50px;
    height: 50px;}


#act1 {    bottom:  13px;
    left: 205px;
}

#act2 {    bottom:  13px;
    left: 270px;
}

#act3 {    bottom:  13px;
    right: 270px;
}

#act4 {    bottom:  13px;
    right: 205px;
}


#epic > a > img, #pair > a > img, #act1 > a > img, #act2 > a > img, #act3 > a > img, #act4 > a > img {top: 0;
    position: absolute;} 

#ZACHTO {}

#RANDOM {
    position: absolute;
    left: 345px;
    top: 105px;
    width: 260px;
    height: 92px;
    background: rgb(0 0 0 / 60%);
    padding: 10px;
    z-index: 5;
}

#KontentRotator {  
    font-size: 9px;
    text-align: justify;
    color: var(--color-white);
    overflow-y: auto;
    width: 245px;
    height: 85px;
    padding: 2px 8px;
    z-index: 5;
}

#KontentRotator br {
            display: block; /* makes it have a width */
            content: ""; /* clears default height */
            margin-top: 4px; /* change this to whatever height you want it */
}

kr {    color: var(--color-grey);
    font-weight: bold;
    font-size: 12px;
    letter-spacing: 1px;
    font-family: century gothic;}   

#html-header {     width: 970px;
    height: 230px;
    position: absolute;
    top: -20px;
}

/* ���� ������ */
#pun {
   width: 970px;
   padding: 5px 10px 10px;
}

   .punbb {
    float: none;
    /*width: 970px;*/
width:auto;
    height: auto;
    margin: 0 auto;
    background: var(--color-white);
    margin-top: 215px;
      }

/* ����� */
#pun-about .container {
    height: 0px;
width: 970px;
}

#html-footer p {
    position: absolute;
    display: block;
    width: 970px;
    height: 0px;
    text-align: center;
    padding-top: 3px;
    font-size: 11px;
    color: var(--color-white);
}

/* CS1.1 */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
  background: transparent;
  color: var(--color-black);
  }

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
  background: transparent;
  color: var(--color-black);
  }

#pun-admain h2 span {
display:block;
}


/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  }

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background: transparent;
  color: var(--color-gr);
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
    display: block;
    padding: 4px 15px;
    padding-bottom: 0px;
    font-size: 13px;
    font-weight: normal;
    width: fit-content;
    font-style: normal;
    text-align: center;
    font-family: isocteur;
    text-transform: uppercase;
    margin-top: -12px!important;
    margin-bottom: 8px;
    margin-left: auto;
    margin-right: auto;
    letter-spacing: 0.7px;
  }

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background: transparent;
  color: var(--color-gr)
  }

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
    box-shadow: -6px -6px 0px 0px var(--color-grey);
    background-color: rgb(86 86 86 / 15%);
}

/* CS1.8 */
#pun-navlinks .container {
  background: transparent;
  }

.offline li.pa-online strong {
  font-weight: normal;
  }

/* CS2 Border colours
-------------------------------------------------------------*/

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
  border-color: transparent;
  }

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color: transparent;
  }

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border-color: transparent;
  }

/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
  border-color: transparent;
  }

/* CS2.5 */
.punbb th {
  border-color: transparent;
  }



#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
  border-color: transparent;
  }

#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
  border-color: transparent;
  }

.punbb .divider {
  border-color: transparent;
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 1px solid transparent;
  }

li.pa-online {
  border-left-color: transparent;
  }


/* CS3 Links
-------------------------------------------------------------*/

/* CS3.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
  text-decoration: none;
  color: var(--color-grey);

   -webkit-transition: all .5s ease-out;
   -moz-transition: all .5s ease-out;
   -o-transition: all .5s ease-out;
   -ms-transition: all .5s ease-out;
   transition: all .5s ease-out;
    }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: var(--color-grey);
  }

/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
  color: var(--color-grey);
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    transition: all .5s ease-out;
    }

/* CS3.3 */
#pun-navlinks a {
    color: var(--color-black);
    text-decoration: none;
    font-family: century gothic;
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
    color: var(--color-black);
  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  color: var(--color-grey);
  }

#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
  text-decoration: none;
  }



/* CS4 Post status icons
 -------------------------------------------------------------*/

/* ������*/

div.icon {
    background-color: #bbb;
    box-shadow: 3px 3px 0px 0px #999;
    margin-right: 15px;
    margin-top: 6px;
    margin-left: 28px;
    width: 20px;
    height: 20px;
    position: absolute;
  }

.isticky Div.icon, .iclosed Div.icon, .isticky.iclosed Div.icon {
    background-color: #555;
    box-shadow: 3px 3px 0px 0px var(--color-grey);}

.inew Div.icon, .inew.isticky Div.icon, .inew.iclosed Div.icon, .inew.isticky.iclosed Div.icon {
    background-color:var(--color-mda);
    box-shadow: 3px 3px 0px 0px var(--color-grey);}

#pun-searchtopics TR Div.icon , #pun-viewforum TR Div.icon,
#pun-searchtopics TR.isticky Div.icon , #pun-messages TR.isticky Div.icon , #pun-viewforum TR.isticky Div.icon, #pun-searchtopics TR.iclosed.isticky Div.icon , #pun-messages TR.iclosed.isticky Div.icon , #pun-viewforum TR.iclosed.isticky Div.icon, .iclosed Div.icon,#pun-searchtopics TR.iclosed Div.icon , #pun-viewforum TR.iclosed Div.icon, #pun-searchtopics TR.inew Div.icon, #pun-viewforum TR.inew Div.icon {
margin-right: 0px;
    margin-left: 30px;
    margin-top: -3px!important;
}

#pun-messages TR Div.icon, #pun-messages TR.iclosed Div.icon, #pun-messages TR.inew Div.icon {
    margin-right: 0px;
    margin-left: 0px;
    margin-top: 15px!important;
}

#pun-main div.catleft, #pun-main div.catright {display: none}


div.post-rating a, div.post-rating a:hover {
    display: block;
    background:  var(--color-grey);
    color: var(--color-white)!important;
    width: 35px;
    height: 26px;
    padding-top: 7px;
    text-align: center;
    margin-right: 2px;
}

div.post-vote .container {
margin-top: 9px!important;
}

/*����� ��������� */
::selection  {
    background: none repeat scroll 0 0 rgb(240 212 185);
    color: #000;
    opacity: 1;
} 
*::-moz-selection
{
    background: none repeat scroll 0 0 rgb(240 212 185);
    color: #000;
    opacity: 1;
} 

/* ����� ������ ��� � ������ */
#pun-main .forum  .tcl .tclcon {
    text-align: justify;
}

/* ������ ��� � ������ ��� ��������� ���� */
#pun-main .forum .tcl .byuser {
}
#pun-main .forum .tcl .byuser:before { content: "�";}


/*����� ������ ����� ���������� ������*/
#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {
    position: absolute;
    z-index: 1000;
    right: 12px!important;
    padding: 15px;
    top: 54px!important;
    box-shadow: inset 0 0 0 2px rgba(232, 231, 231, .7);
background-color: var(--color-white)!important
}

/*��� ������ ���������*/
#pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -131px 0 0 -451px!important;
    z-index: 100;
    width: 903px!important;
    position: absolute;
    right: 12px!important;
    font-size:10px;
    box-shadow: inset 0 0 0 3px rgba(232, 231, 231, .7)!important;
background-color: var(--color-white)!important
}

#pun-respect.punbb .main .tc3 {text-transform: none !important; color:#000}
#pun-respect.punbb .main {font-size:10px;}


/* ��������� */
::-webkit-scrollbar {    width: 7px;
    height: 6px;}  
::-webkit-scrollbar-track {     background-color:  var(--color-grey);} 
::-webkit-scrollbar-thumb {    background-color:  var(--color-white);}


/*����� ���, ������������*/
#pun th {    
text-transform: lowercase;
    font-size: 0px;
    font-weight: bold;
    opacity: 0.0;
}
#pun-userlist th {
opacity: 1;
font-size: 9px;
}

#pun-messages .fs-box {padding: 4em 0 0.8em 0;}
#pun-messages .pa-posts, #pun-messages .pa-reg {display:none;}

.resizable-textarea textarea {
    background-color: rgb(236 184 133 / 0.15);
}
#main-reply {
    border: 2px solid var(--color-grey)!important;
    height: 270px;
text-align:justify;
}

#form-buttons {
}


/*ARROWS*/
.go-up,.go-down {
color: var(--color-grey);
    position: fixed;
    margin-left: 1005px!important;
    z-index: 9997;
    cursor: pointer;
    width: 47px;
    height: 47px;
opacity:0.85;
}

.go-up {
bottom: 57%; 
}
.go-down {
bottom: 47%; 
}
.go-down:hover,.go-up:hover {
opacity:1;
}

.go-up:before{font-family: FontAwesome;font-size:3.5rem;position: absolute;content: '\f0d8';cursor: pointer;position: relative;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}

.go-down:before{font-family: FontAwesome;font-size: 3.5rem;position: absolute;content: '\f0d7';cursor: pointer;position: relative;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}


.bannner {
    position: absolute;
    margin-top: 20px !important;
    margin-left: 0px!important;
    width: 970px;
    height: 70px;
    margin-bottom: 25px!important;
    overflow-y: auto;
    text-align: center;
}

.bannner a {
    opacity: 0.65;
    -moz-opacity: 0.65;
    filter:grayscale(100%);
    transition: all 0.5s linear 0s;
    -webkit-transition: all 0.5s linear 0s;
    -moz-transition: all 0.5s linear 0s;
    -o-transition: all 0.5s linear 0s;
}

.bannner a:hover {
opacity:1; 
-moz-opacity:1; 
filter:grayscale(0%);
}

#statistic-other{
    text-align: center!important;
    text-transform: lowercase;
    font-size: 8px;
    font-weight: bold; }


.punbb .main .tcr a {
   }
.punbb .main .tcr span {
  font-size: 11px;
}

#pun-viewforum .tcr a {
    font-size: 11px;
}
.pun-modal .modal-inner {
    border: 4px double #c0bebc!important;
    background: var(--color-white)!important;
}


/* ����� ���� ������ */
.button, #sub4 {
    cursor: pointer;
    margin-top: 0px !important;
    padding: 2px 6px 3px;
    text-decoration: none;
    vertical-align: middle;
    text-transform: lowercase;
}



/* ������������ */
#post-preview .fs-box .post-content {padding:10px!important;}

/* �� */
#pun-messages .fs-box {/*margin-top: -52px;*/}
#pun-messages .post h3 { width: auto}
#pun-messages #profile .container fieldset {border:none;}
#pun-messages #profile .post-links ul {background: none;}
#pun-messages #font-area, #pun-messages #size-area, #pun-messages #color-area, #pun-messages #table-area, #pun-messages #image-area, #pun-messages #imageup-area, #pun-messages #imageattach-area, #pun-messages #keyboard-area, #pun-messages #video-area, #pun-messages #addition-area {width: auto!important;}
#pun-messages #smilies-area {width: 455px!important;}


#font-area {overflow-y: auto; height: 300px; width:170px;}


/* ������� */

div.post-author > ul.hv-mask > li.pa-fld1 > a:nth-child(1),
div.post-author > ul.hv-mask > li.pa-fld1 > a:nth-child(1):hover,
div.post-author > ul.hv-mask > li.pa-fld1 > a:nth-child(1):visited,
div.post-author.online > ul.hv-mask > li.pa-fld1 > a:nth-child(1),
div.post-author.online > ul.hv-mask > li.pa-fld1 > a:nth-child(1):hover,
div.post-author.online > ul.hv-mask > li.pa-fld1 > a:nth-child(1):visited,
div.post-author > ul > li.pa-fld1 > a:nth-child(1), 
div.post-author > ul > li.pa-fld1 > a:nth-child(1):hover, 
div.post-author > ul > li.pa-fld1 > a:nth-child(1):visited,
div.post-author.online > ul > li.pa-fld1 > a:nth-child(1), 
div.post-author.online > ul > li.pa-fld1 > a:nth-child(1):hover, 
div.post-author.online > ul > li.pa-fld1 > a:nth-child(1):visited {    
    color: var(--color-white)!important;
    font-size: 11px;
    font-family: century gothic;
    letter-spacing: 1px;
font-style: normal;
}

li.pa-fld1 > br {content: "";
    margin: 4px 0 3px;
    display: block;
    font-size: 1%;
}


.pa-fld1 {
    text-align: left;
    font-size: 9px;
    line-height: 12px;
    color: var(--color-white);
    margin-top: -11px!important;
    margin: 0px 10px 13px!important;
    padding: 5px 10px!important;
    border: 2px solid var(--color-grey);
}

.pa-fld1 a, .pa-fld1 a:hover, .pa-fld1 a:visited {
    color: var(--color-white)!important;
    font-style: italic;
}

.post .pa-fld2 {
    color: var(--color-white);
    text-align: center;
    background: var(--html-bg);
    text-transform: lowercase;
    font-size: 12px;
    font-family: century gothic;
    letter-spacing: 1px;
    height: 17px;
    padding: 5px;
    margin-top: 0px;
}


.pa-fld4, .pa-fld3 {
font-size: 11px;
    font-family: century gothic;
  /*  text-align: center;*/
    font-size: 15px;
    color: var(--color-white);
    margin-top: 5px!important;
    margin-bottom: 10px!important;
/*    width: 116px;*/
width: 108px;
    display: inline-block;
}

.pa-fld3 {    text-align: right;
    padding-right: 10px!important}

.pa-fld4 {    text-align: left;
    padding-left: 10px!important;}

.pa-posts, .pa-respect, .pa-respect a {
    text-align: center;
    color: var(--color-white)!important;
    text-transform: lowercase;
    font-size: 9px;
}


.pa-posts {
    margin-left: 108px;
}

.pa-time-visit, .pa-last-visit, .pa-ip {
    font-size: 9px;
    color: var(--color-white)!important;
    text-transform: lowercase;
    text-align: center;
    margin-right: 5px!important;
}
.pa-time-visit br {display:none}
.pa-last-visit br {display:none}

/* ������ �������� ��� ����� */
.pa-avatar img {max-width: 180px; max-height: 180px;}
#mask_form .signature textarea, #mask_form .pafld1 textarea {height: 50px;}

/* ������ - �����������, "���� �������", "�����", "���������������", "����������", ������� */
#pun-index .modlist {display: none;}
.closedatafield {display:none;}
.stickytext {display:none}
.lastedit {display:none;}
#pun-announcement h2 {display: none}
li#navawards {display: none !important;}

/* ������ ������� */
#pun-index .user-avatar {
    margin: -6px 25px 0px 15px;
    height: 49px!important;
    }
.punbb em.user-avatar {
    float:right !important;
    }
.punbb .user-avatar img.ava {
    border-radius:0% !important;

    }

.punbb .user-avatar .avatar-image {
    background-size: contain!important;
    background-color:   var(--color-gr)!important;
    border-radius: 0!important;
    width: 45px!important;
    height: 45px!important;
    box-shadow: 4px 3px 0px 0px #999999;
    opacity: 1!important;
}



.img a.title {
 background: #f0f0f0;
}

/* ��� ���������� � ��������� */
#pun-index .category .tc2,#pun-index .category .tc3,
#f-subforums .tc2,#f-subforums .tc3{
  display:none!important;
}
.Tems_And_messages {
  display:inline-block;
  width:auto;
}
.main table .Add {
    display: inline-block;
    padding: 5px 1px;
color: var(--color-grey);
}


.post-content hr {
background: var(--color-grey);
height: 1px;
box-shadow: none !important;
border: none !important;
margin: 5px 75px !important;
}

span.num_msg {
    margin-top: -15px!important;
    margin-left: -15px!important;
    background: var(--color-grey)!important;
}

span.num_msg:before {
    background: var(--color-grey)!important;
}

#MyBookmarks .container {
    background: var(--color-white);
}

#MyBookmarks h2 {
margin: 0!important;
    background: var(--color-hz);
}

#BookmCntToggle.default-style {
    color: var(--color-grey)!important;
}

.isonline {
     margin-right: -4px!important;
    margin-top: 32px!important;
    background: var(--color-mda)!important;}

��-�� -��

mybb@mybb.ru (manta) — Sun, 11 Oct 2020 14:21:24 +0300

��:

/* CS1 Background and text colours
-------------------------------------------------------------*/

/*���*/
body {
background: url(http://upforme.ru/uploads/001a/cf/3c/2/779744.jpg) top center no-repeat fixed;
}

#Logo {
    width: 970px;
    height: 50px;
    left: 20px;
    position: absolute;
    top: -4px;
    font-family: century gothic;
    letter-spacing: 18px;
    font-size: 94px;
    font-weight: bold;
    mix-blend-mode: difference;
    color: #40727a;
}
#Logo0 {width: 960px;
    height: 100px;
    position: absolute;
    top: 2px;
}
#Logo1 { width: 980px;
    text-align: center;
    height: 50px;
    position: absolute;
    top: -8px;
    font-family: century gothic;
    letter-spacing: 1px;
    font-size: 16px;
    font-weight: bold;
    /* mix-blend-mode: difference; */
    color: #f0f0f0;
}
#activity {
    position: absolute;
    font-size: 12px;
    font-family: century gothic;
    letter-spacing: 2px;
    top: 105px;
    left: 77px;
    width: 114px;
    text-align: right;
    height: 250px;
    overflow: auto;
    height: 105px;
    padding: 5px;
    display: grid;
    z-index: 1;
    font-weight: bold;
 }

#activity a {
color: #42727a
}

#ams {
    position: absolute;
    font-size: 12px;
    font-family: century gothic;
    letter-spacing: 2px;
    top: 105px;
    right: 77px;
    width: 114px;
    text-align: left;
    height: 250px;
    overflow: auto;
    height: 105px;
    padding: 5px;
    display: grid;
    z-index: 1;
    font-weight: bold;
 }

#ams a {
    color: #42727a;
}

#needs {
}

#n1, #n2, #n3, #n4 {
    position: absolute;
    width: 50px;
    height: 50px;
 }

#n1 {
    left: 15px;
    bottom: 13px;
    box-shadow: -4px 3px 0px 0px #5c435f;}

#n2 {
    left: 15px;
    top: 105px;
    box-shadow: -4px 3px 0px 0px #5c435f;
    }

#n3 {
right: 15px;
    bottom:  13px;
    box-shadow: 4px 3px 0px 0px #5c435f;
    }

#n4 {
right: 15px;
    top: 105px;
    box-shadow: 4px 3px 0px 0px #5c435f;
    }


#epic, #pair  {
    position: absolute;
    overflow: hidden;
    width: 115px;
    height: 50px;
   }

#epic {    top: 105px;
    right: 220px;
    box-shadow: 4px 3px 0px 0px #1f4e56;}
#pair {    top: 105px;
    left: 220px;
    box-shadow: -4px 3px 0px 0px #1f4e56;}


#act{ }

#act1, #act2, #act3, #act4 {
    position: absolute;
    width: 50px;
    height: 50px;}


#act1 {    bottom:  13px;
    left: 220px;
    box-shadow: -4px 3px 0px 0px #1f4e56;}

#act2 {    bottom:  13px;
    left: 285px;
    box-shadow: -4px 3px 0px 0px #1f4e56;}

#act3 {    bottom:  13px;
    right: 220px;
    box-shadow: 4px 3px 0px 0px #1f4e56;}

#act4 {    bottom:  13px;
    right: 285px;
    box-shadow: 4px 3px 0px 0px #1f4e56;}


#epic > a > img, #pair > a > img, #act1 > a > img, #act2 > a > img, #act3 > a > img, #act4 > a > img {top: 0;
    position: absolute;} 

#ZACHTO {}

#RANDOM {
    position: absolute;
    left: 345px;
    top: 105px;
    width: 260px;
    height: 95px;
    background: rgb(31 78 86 / 60%);
    padding: 10px;
    z-index: 5;
}

#KontentRotator {  
    font-size: 9px;
    text-align: justify;
    color: #f0f0f0;
    overflow-y: auto;
    width: 245px;
    height: 85px;
    padding: 2px 5px;
    z-index: 5;
}

#KontentRotator br {
            display: block; /* makes it have a width */
            content: ""; /* clears default height */
            margin-top: 4px; /* change this to whatever height you want it */
}

kr {    color: #887085;
    font-weight: bold;
    font-size: 12px;
    letter-spacing: 1px;
    font-family: century gothic;}   

#html-header {    width: 970px;
    height: 230px;
    position: absolute;
    top: 40px;
    background: rgb(34 34 34 / 0.7);
}

/* ���� ������ */
#pun {
width: 970px;
   padding: 5px 10px 10px;
    border: 5px solid #00474a;
}

   .punbb {
    float: none;
    width: 970px;
    height: auto;
    margin: 0 auto;
    background: #f0f0f0;
    margin-top: 245px;
      }

/* ����� */
#pun-about .container {
    height: 0px;
width: 970px;
}

#html-footer p {
    position: absolute;
    display: block;
    width: 970px;
    height: 0px;
    text-align: center;
    padding-top: 3px;
    font-size: 11px;
    color: #f0f0f0;
}

/* CS1.1 */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
  background: transparent;
  color: #000000;
  }

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
  background: transparent;
  color: #000000;
  }

#pun-admain h2 span {
display:block;
}


/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  }

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background: transparent;
  color: #333;
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
    display: block;
    padding: 4px 15px;
    padding-bottom: 0px;
    font-size: 13px;
    font-weight: normal;
    width: fit-content;
    font-style: normal;
    text-align: center;
    font-family: isocteur;
    text-transform: uppercase;
    margin-top: -12px!important;
    margin-bottom: 8px;
    margin-left: auto;
    margin-right: auto;
    letter-spacing: 0.7px;
  }

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background: transparent;
  color: #333
  }

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
    box-shadow: -6px -6px 0px 0px #00474a;
    background-color: rgb(92 67 95 / 15%)!important;
}

/* CS1.8 */
#pun-navlinks .container {
  background: transparent;
  }

.offline li.pa-online strong {
  font-weight: normal;
  }

/* CS2 Border colours
-------------------------------------------------------------*/

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
  border-color: transparent;
  }

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color: transparent;
  }

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border-color: transparent;
  }

/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
  border-color: transparent;
  }

/* CS2.5 */
.punbb th {
  border-color: transparent;
  }



#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
  border-color: transparent;
  }

#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
  border-color: transparent;
  }

.punbb .divider {
  border-color: transparent;
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 1px solid transparent;
  }

li.pa-online {
  border-left-color: transparent;
  }


/* CS3 Links
-------------------------------------------------------------*/

/* CS3.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
  text-decoration: none;
  color: #877084;

   -webkit-transition: all .5s ease-out;
   -moz-transition: all .5s ease-out;
   -o-transition: all .5s ease-out;
   -ms-transition: all .5s ease-out;
   transition: all .5s ease-out;
    }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #877084;
  }

/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
  color: #877084;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    transition: all .5s ease-out;
    }

/* CS3.3 */
#pun-navlinks a {
    color: #877084;
    text-decoration: none;
    font-family: century gothic;
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
    color: #877084;
  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
    color: #877084;
  }

#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
  text-decoration: none;
  }



/* CS4 Post status icons
 -------------------------------------------------------------*/

/* ������*/

Div.icon,#pun-searchtopics TR Div.icon , #pun-messages TR Div.icon , #pun-viewforum TR Div.icon {
    background-color: #c6bdc5;
    box-shadow: 3px 3px 0px 0px #877084;
    margin-right: 15px;
    margin-left: 15px;
    margin-top: -3px
    width: 20px;
    height: 20px;}

.isticky Div.icon,#pun-searchtopics TR.isticky Div.icon , #pun-messages TR.isticky Div.icon , #pun-viewforum TR.isticky Div.icon, #pun-searchtopics TR.iclosed.isticky Div.icon , #pun-messages TR.iclosed.isticky Div.icon , #pun-viewforum TR.iclosed.isticky Div.icon {
    background-color: #5c435f;
    box-shadow: 3px 3px 0px 0px #877084;
    margin-right: 15px;
    margin-left: 15px;
    margin-top: -3px!important;
    width: 20px;
    height: 20px;
}

.iclosed Div.icon,#pun-searchtopics TR.iclosed Div.icon , #pun-messages TR.iclosed Div.icon , #pun-viewforum TR.iclosed Div.icon {
    background-color: rgb(135 112 132 / 0.4);
    box-shadow: 3px 3px 0px 0px #877084;
    margin-right: 15px;
    margin-left: 15px;
    margin-top: -3px!important;
    width: 20px;
    height: 20px;
}

.inew Div.icon,#pun-searchtopics TR.inew Div.icon , #pun-messages TR.inew Div.icon , #pun-viewforum TR.inew Div.icon {
background-color: rgb(236 184 133);
    box-shadow: 3px 3px 0px 0px #877084;
    margin-right: 15px;
    margin-left: 15px;
    margin-top: -3px!important;
    width: 20px;
    height: 20px;
}

#pun-main div.catleft, #pun-main div.catright {display: none}


div.post-rating a {
    display: block;
    background: #00474a;
    color: #f0f0f0;
    width: 35px;
    height: 26px;
    padding-top: 7px;
    text-align: center;
    margin-right: 2px;
}

div.post-vote .container {
margin-top: 9px!important;
}

/*����� ��������� */
::selection  {
    background: none repeat scroll 0 0 rgb(240 212 185);
    color: #000;
    opacity: 1;
} 
*::-moz-selection
{
    background: none repeat scroll 0 0 rgb(240 212 185);
    color: #000;
    opacity: 1;
} 

/* ����� ������ ��� � ������ */
#pun-main .forum  .tcl .tclcon {
    text-align: justify;
}

/* ������ ��� � ������ ��� ��������� ���� */
#pun-main .forum .tcl .byuser {
}
#pun-main .forum .tcl .byuser:before { content: "�";}


/*����� ������ ����� ���������� ������*/
#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {
    position: absolute;
    z-index: 1000;
    right: 12px!important;
    padding: 15px;
    top: 54px!important;
    box-shadow: inset 0 0 0 2px rgba(232, 231, 231, .7);
background-color: #f0f0f0!important
}

/*��� ������ ���������*/
#pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -131px 0 0 -451px!important;
    z-index: 100;
    width: 903px!important;
    position: absolute;
    right: 12px!important;
    font-size:10px;
    box-shadow: inset 0 0 0 3px rgba(232, 231, 231, .7)!important;
background-color: #f0f0f0!important
}

#pun-respect.punbb .main .tc3 {text-transform: none !important; color:#000}
#pun-respect.punbb .main {font-size:10px;}


/* ��������� */
::-webkit-scrollbar {    width: 7px;
    height: 6px;}  
::-webkit-scrollbar-track {     background-color: #00474a} 
::-webkit-scrollbar-thumb {    background-color: #877084}


/*����� ���, ������������*/
#pun th {    
text-transform: lowercase;
    font-size: 0px;
    font-weight: bold;
    opacity: 0.0;
}
#pun-userlist th {
opacity: 1;
font-size: 9px;
}

#pun-messages .fs-box {padding: 4em 0 0.8em 0;}
#pun-messages .pa-posts, #pun-messages .pa-reg {display:none;}

.resizable-textarea textarea {
    background-color: rgb(92 67 95 / 15%)!important;
}
#main-reply {
    border: 3px solid #00474a!important;
    height: 200px;
}

#form-buttons {

}


/*ARROWS*/
.go-up,.go-down {
color: #877084;
    position: fixed;
    margin-left: 1005px!important;
    z-index: 9997;
    cursor: pointer;
    width: 47px;
    height: 47px;
opacity:0.85;
}

.go-up {
bottom: 57%; 
}
.go-down {
bottom: 47%; 
}
.go-down:hover,.go-up:hover {
opacity:1;
}

.go-up:before{font-family: FontAwesome;font-size:3.5rem;position: absolute;content: '\f0d8';cursor: pointer;position: relative;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}

.go-down:before{font-family: FontAwesome;font-size: 3.5rem;position: absolute;content: '\f0d7';cursor: pointer;position: relative;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}


.bannner {
    position: absolute;
    margin-top: 20px !important;
    margin-left: 0px!important;
    width: 970px;
    height: 70px;
    margin-bottom: 25px!important;
    overflow-y: auto;
    text-align: center;
}

.bannner a {
    opacity: 0.65;
    -moz-opacity: 0.65;
    filter:grayscale(100%);
    transition: all 0.5s linear 0s;
    -webkit-transition: all 0.5s linear 0s;
    -moz-transition: all 0.5s linear 0s;
    -o-transition: all 0.5s linear 0s;
}

.bannner a:hover {
opacity:1; 
-moz-opacity:1; 
filter:grayscale(0%);
}

#statistic-other{
    text-align: center!important;
    text-transform: lowercase;
    font-size: 8px;
    font-weight: bold; }


.punbb .main .tcr a {
   }
.punbb .main .tcr span {
  font-size: 11px;
}

#pun-viewforum .tcr a {
    font-size: 11px;
}
.pun-modal .modal-inner {
    border: 4px double #c0bebc!important;
    background: #e1e1e1!important;
}


/* ����� ���� ������ */
.button, #sub4 {
    cursor: pointer;
    margin-top: 0px !important;
    padding: 2px 6px 3px;
    text-decoration: none;
    vertical-align: middle;
    text-transform: lowercase;
}



/* ������������ */
#post-preview .fs-box .post-content {padding:10px!important;}

/* �� */
#pun-messages .fs-box {/*margin-top: -52px;*/}
#pun-messages .post h3 { width: auto}
#pun-messages #profile .container fieldset {border:none;}
#pun-messages #profile .post-links ul {background: none;}
#pun-messages #font-area, #pun-messages #size-area, #pun-messages #color-area, #pun-messages #table-area, #pun-messages #image-area, #pun-messages #imageup-area, #pun-messages #imageattach-area, #pun-messages #keyboard-area, #pun-messages #video-area, #pun-messages #addition-area {width: auto!important;}
#pun-messages #smilies-area {width: 455px!important;}


#font-area {overflow-y: auto; height: 300px; width:170px;}


/* ������� */

div.post-author > ul.hv-mask > li.pa-fld1 > a:nth-child(1),
div.post-author > ul.hv-mask > li.pa-fld1 > a:nth-child(1):hover,
div.post-author > ul.hv-mask > li.pa-fld1 > a:nth-child(1):visited,
div.post-author.online > ul.hv-mask > li.pa-fld1 > a:nth-child(1),
div.post-author.online > ul.hv-mask > li.pa-fld1 > a:nth-child(1):hover,
div.post-author.online > ul.hv-mask > li.pa-fld1 > a:nth-child(1):visited,
div.post-author > ul > li.pa-fld1 > a:nth-child(1), 
div.post-author > ul > li.pa-fld1 > a:nth-child(1):hover, 
div.post-author > ul > li.pa-fld1 > a:nth-child(1):visited,
div.post-author.online > ul > li.pa-fld1 > a:nth-child(1), 
div.post-author.online > ul > li.pa-fld1 > a:nth-child(1):hover, 
div.post-author.online > ul > li.pa-fld1 > a:nth-child(1):visited {    
    color: #f0f0f0!important;
    font-size: 11px;
    font-family: century gothic;
    letter-spacing: 1px;
font-style: normal;
}

li.pa-fld1 > br {content: "";
    margin: 4px 0 3px;
    display: block;
    font-size: 1%;
}


.pa-fld1 {
    text-align: justify;
    font-size: 9px;
    line-height: 12px;
    color: #f0f0f0;
    margin-top: -11px!important;
    margin: 0px 10px 13px!important;
    padding: 5px 10px!important;
    border: 2px solid #5c435f;
}

.pa-fld1 a, .pa-fld1 a:hover, .pa-fld1 a:visited {
    color: #f0f0f0!important;
    font-style: italic;
}

.post .pa-fld2 {
    color: #f0f0f0;
    text-align: center;
    background: url(http://upforme.ru/uploads/001a/cf/3c/2/779744.jpg) top center no-repeat;
    text-transform: lowercase;
    font-size: 12px;
    font-family: century gothic;
    letter-spacing: 2px;
    height: 17px;
    padding: 5px;
    margin-top: 0px;
}


.pa-fld4, .pa-fld3 {
font-size: 11px;
    font-family: century gothic;
    text-align: center;
    font-size: 15px;
    color: #f0f0f0;
    margin-top: 0px!important;
    margin-bottom: 7px!important;
    width: 116px;
    display: inline-block;
}

.pa-posts, .pa-respect, .pa-respect a {
    text-align: center;
    color: #f0f0f0!important;
    text-transform: lowercase;
    font-size: 9px;
}

.pa-posts, .pa-respect {   margin-right:5px!important;}

.pa-posts {
    margin-left: 108px;
}

.pa-time-visit, .pa-last-visit, .pa-ip {
    font-size: 9px;
    color: #f0f0f0!important;
    text-transform: lowercase;
    text-align: center;
    margin-right: 5px!important;
}
.pa-time-visit br {display:none}
.pa-last-visit br {display:none}

/* ������ �������� ��� ����� */
.pa-avatar img {max-width: 180px; max-height: 180px;}
#mask_form .signature textarea, #mask_form .pafld1 textarea {height: 50px;}

/* ������ - �����������, "���� �������", "�����", "���������������", "����������", ������� */
#pun-index .modlist {display: none;}
.closedatafield {display:none;}
.stickytext {display:none}
.lastedit {display:none;}
#pun-announcement h2 {display: none}
li#navawards {display: none !important;}

/* ������ ������� */
#pun-index .user-avatar {
    margin: -6px 25px 0px 15px;
    height: 49px!important;
    }
.punbb em.user-avatar {
    float:right !important;
    }
.punbb .user-avatar img.ava {
    border-radius:0% !important;

    }

.punbb .user-avatar .avatar-image {
    background-size: contain!important;
    background-color: #877084!important;
    border-radius: 0!important;
    width: 45px!important;
    height: 45px!important;
    box-shadow: 4px 3px 0px 0px #5c435f;
    opacity: 1!important;
}



.img a.title {
 background: #f0f0f0;
}

/* ��� ���������� � ��������� */
#pun-index .category .tc2,#pun-index .category .tc3,
#f-subforums .tc2,#f-subforums .tc3{
  display:none!important;
}
.Tems_And_messages {
  display:inline-block;
  width:auto;
}
.main table .Add {
    display: inline-block;
    padding: 5px 1px;
    color: rgb(0 71 74 / 0.5);
}


/* CS7 ���� ���*/

span.status_userava {
    top: -128px;
    position: absolute;
}

span.status_userava a {
  margin-left: 14px;
}


span.status_userava img {
width: 69px;
    height: 69px;
    border-radius: 37px;
    border: solid 2px #0a1e3ab3;
    opacity: 0.5;
}

.post-content hr {
background: #6c8687;
height: 1px;
box-shadow: none !important;
border: none !important;
margin: 5px 75px !important;
}

span.num_msg {
    margin-top: -15px!important;
    margin-left: -15px!important;
    background: #6c8687!important;
}

span.num_msg:before {
    background: #6c8687!important;
}

#MyBookmarks .container {
    background: #f0f0f0;
}

#MyBookmarks h2 {
margin: 0!important;
    background: #294f50;
}

#BookmCntToggle.default-style {
    color: #294f50!important;
}

.isonline {
    margin-right: -8px!important;
    margin-top: 36px!important;
background: #ecb885!important;}

��-��

mybb@mybb.ru (manta) — Thu, 08 Oct 2020 22:44:52 +0300

��:

/* CS1 Background and text colours
-------------------------------------------------------------*/

/*���*/
body {background: url('http://upforme.ru/uploads/001a/cf/3c/3/957509.jpg') #352b40 fixed top center no-repeat;
    -moz-background-size: auto; /* Firefox 3.6+ */
    -webkit-background-size: auto; /* Safari 3.1+ � Chrome 4.0+ */
    -o-background-size: auto; /* Opera 9.6+ */
    background-size: auto; /* ����������� �������� */
}

#Logo {
}

#activity {
    position: absolute;
    font-size: 12px;
    top: 45px;
    left: 157px;
    width: 114px;
    text-align: center;
    height: 250px;
    overflow: auto;
    height: 105px;
    padding: 5px;
    display: grid;
    z-index: 1;
    font-weight: bold;
    outline: 2px dashed #dbab61;
 }

#activity a {
color: #5b4d34;
}

#ams {
position: absolute;
    text-transform: lowercase;
    font-size: 11px;
    font-family: helvetica;
    letter-spacing: 1px;
    top: 11px;
    text-align: center;
    height: 20px;
    width: 980px;
    z-index: 1;
    font-weight: bold;
    color: #ffffff;
 }

#ams a {
    color: #ffffff;
}

#needs {
    position: absolute;
    bottom: 15px;
    right: 0px;
    width: 295px;
    height: 80px;
    background: rgb(255 248 248 / 65%);
    box-shadow: 0px 5px 10px rgb(108 134 135 / 0.5);
}

#n1, #n2, #n3, #n4 {
    position: absolute;
    width: 50px;
    height: 50px;
    box-shadow: 3px 3px 0px 0px #d8a861;
    bottom: 15px;  }

#n1 {
    left: 25px;}

#n2 {
    left: 90px;
    }

#n3 {
    left: 155px;
    }

#n4 {
    left: 220px;
    }


#epic, #pair  {
    position: absolute;
    overflow: hidden;
    width: 120px;
    height: 50px;
    left: 295px;
box-shadow: 3px 3px 0px 0px #d8a861;
    }

#epic {bottom: 75px;}
#pair {bottom: 15px;}


#act{    position: absolute;
    bottom: 15px;
    left: 25px;
    width: 110px;
    height: 110px;}

#act1, #act2, #act3, #act4 {
    position: absolute;
    width: 50px;
    height: 50px;
box-shadow: 3px 3px 0px 0px #d8a861;}

#act1 {    top: 0px;
    right: 60px;}

#act2 {top:0px; 
right:-5px}

#act3 {top: 60px;
    right: 60px;}

#act4 {top:60px; 
right:-5px}


#epic > a > img, #pair > a > img, #act1 > a > img, #act2 > a > img, #act3 > a > img, #act4 > a > img {top: 0;
    position: absolute;} 

#ZACHTO {
position: absolute;
    bottom: 15px;
    width: 980px;
    height: 200px;
}

#RANDOM {
    position: absolute;
    left: 305px;
    top: 80px;
    width: 350px;
    height: 55px;
    background: rgb(170 148 112 / 0.75);
    padding: 5px 10px;
    z-index: 5;
}

#KontentRotator {  
    font-size: 9px;
    text-align: justify;
    color: #ffffff;
    overflow-y: auto;
    width: 345px;
    height: 50px;
    padding: 2px 5px;
    z-index: 5;
}

#KontentRotator br {
            display: block; /* makes it have a width */
            content: ""; /* clears default height */
            margin-top: 2px; /* change this to whatever height you want it */
}

kr {color: #ffffff; font-weight:bold; font-size: 10px; font-style: italic;}   

#html-header {
    width: 980px;
    height: 210px;
    position: absolute;
    top: 45px;
   background: url(http://upforme.ru/uploads/001a/cf/3c/3/681806.jpg) center no-repeat;
 }


/* ���� ������ */
#pun {
    width: 980px;
    background: #5b4d34;
}

   .punbb {
    float: none;
    width: 980px;
    height: auto;
    margin: 0 auto;
    background: #f5f1e9;
margin-top: 300px;
      }

/* ����� */
#pun-about .container {
    height: 0px;
width: 980px;
}

#html-footer p {
    position: absolute;
    display: block;
    width: 980px;
    height: 0px;
    text-align: center;
    padding-top: 3px;
    font-size: 11px;
    color: #f1eced;
}

/* CS1.1 */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
  background: transparent;
  color: #191919;
  }

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
  background: transparent;
  color: #333;
  }

#pun-admain h2 span {
display:block;
}


/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  }

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background: transparent;
  color: #333;
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
    display: block;
    padding: 4px 15px;
    padding-bottom: 0px;
    font-size: 13px;
    font-weight: normal;
    width: fit-content;
    font-style: normal;
    text-align: center;
    font-family: isocteur;
    text-transform: uppercase;
    margin-top: -12px!important;
    margin-bottom: 8px;
    margin-left: auto;
    margin-right: auto;
    letter-spacing: 0.7px;
  }

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background: transparent;
  color: #333
  }

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
    box-shadow: -6px -6px 0px 0px #29252d;
    background-color: rgb(161 140 184 / 0.25)!important;
}

/* CS1.8 */
#pun-navlinks .container {
  background: transparent;
  }

.offline li.pa-online strong {
  font-weight: normal;
  }

/* CS2 Border colours
-------------------------------------------------------------*/

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
  border-color: transparent;
  }

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color: transparent;
  }

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border-color: transparent;
  }

/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
  border-color: transparent;
  }

/* CS2.5 */
.punbb th {
  border-color: transparent;
  }



#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
  border-color: transparent;
  }

#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
  border-color: transparent;
  }

.punbb .divider {
  border-color: transparent;
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 1px solid transparent;
  }

li.pa-online {
  border-left-color: transparent;
  }


/* CS3 Links
-------------------------------------------------------------*/

/* CS3.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
  text-decoration: none;
  color: #294f50;

   -webkit-transition: all .5s ease-out;
   -moz-transition: all .5s ease-out;
   -o-transition: all .5s ease-out;
   -ms-transition: all .5s ease-out;
   transition: all .5s ease-out;
    }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #dbab61;
  }

/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
  color: #f1ba95;

    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    transition: all .5s ease-out;
    }

/* CS3.3 */
#pun-navlinks a {
    color: #aa9470;
    text-decoration: none;
    font-family: helvetica;
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
    color: #aa9470;
  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
    color: #aa9470;
  }

#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
  text-decoration: none;
  }



/* CS4 Post status icons
 -------------------------------------------------------------*/

/* ������*/
div.icon {
background: url() no-repeat;
}

tr.inew div.icon {
    border-right: 5px solid #5b4d34;
    border-left: 9px solid #dbab61;
}

tr.iclosed div.icon {
    border-right: 5px solid rgb(108 134 135 / 0.5);
    border-left: 9px solid rgb(56 42 31 / 0.5);
}

tr.isticky div.icon {
    border-right: 5px solid #5b4d34;
    border-left: 9px solid #382a1f;
}

#pun-main div.catleft, #pun-main div.catright {display: none}


div.post-rating a {
    display: block;
    background: #5b4d34;
    color: #f1eced;
    width: 35px;
    height: 26px;
    padding-top: 7px;
    text-align: center;
    margin-right: 2px;
}

div.post-vote .container {
margin-top: 9px!important;
}

/*����� ��������� */
::selection  {
    background: none repeat scroll 0 0 rgb(216 169 98 / 0.4);
    color: #000;
    opacity: 1;
} 
*::-moz-selection
{
    background: none repeat scroll 0 0 rgb(216 169 98 / 0.4);
    color: #000;
    opacity: 1;
} 

/* ����� ������ ��� � ������ */
#pun-main .forum  .tcl .tclcon {
    text-align: justify;
}

/* ������ ��� � ������ ��� ��������� ���� */
#pun-main .forum .tcl .byuser {
    display: block;
    margin-left:9px;
}
#pun-main .forum .tcl .byuser:before { content: "�";}


/*����� ������ ����� ���������� ������*/
#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {
    position: absolute;
    z-index: 1000;
    right: 12px!important;
    padding: 15px;
    top: 54px!important;
    box-shadow: inset 0 0 0 2px rgba(232, 231, 231, .7);
background-color: #f1eced!important
}

/*��� ������ ���������*/
#pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -131px 0 0 -451px!important;
    z-index: 100;
    width: 903px!important;
    position: absolute;
    right: 12px!important;
    font-size:10px;
    box-shadow: inset 0 0 0 3px rgba(232, 231, 231, .7)!important;
background-color: #f1eced!important
}

#pun-respect.punbb .main .tc3 {text-transform: none !important; color:#000}
#pun-respect.punbb .main {font-size:10px;}


/* ��������� */
::-webkit-scrollbar {    width: 7px;
    height: 6px;}  
::-webkit-scrollbar-track {     background-color: #b7b4b4} 
::-webkit-scrollbar-thumb {    background-color: #5b4d34}


/*����� ���, ������������*/
#pun th {    
text-transform: lowercase;
    font-size: 0px;
    font-weight: bold;
    opacity: 0.0;
}
#pun-userlist th {
opacity: 1;
font-size: 9px;
}

#pun-messages .fs-box {padding: 4em 0 0.8em 0;}
#pun-messages .pa-posts, #pun-messages .pa-reg {display:none;}

.resizable-textarea textarea {
    background-color: rgb(161 140 184 / 0.25)!important;
}
#main-reply {
border: 2px solid #352b40!important;
    height: 200px;
}



/*ARROWS*/
.go-up,.go-down {
    color: #425656;
    position: fixed;
    margin-left: 1005px!important;
    z-index: 9997;
    cursor: pointer;
    width: 47px;
    height: 47px;}

.go-up {
bottom: 57%; 
}
.go-down {
bottom: 47%; 
}
.go-down:hover,.go-up:hover {
opacity:1;
}

.go-up:before{font-family: FontAwesome;font-size:3.5rem;position: absolute;content: '\f0d8';cursor: pointer;position: relative;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}

.go-down:before{font-family: FontAwesome;font-size: 3.5rem;position: absolute;content: '\f0d7';cursor: pointer;position: relative;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}


.bannner {
    position: absolute;
    margin-top: 20px !important;
    margin-left: 0px!important;
    width: 970px;
    height: 70px;
    margin-bottom: 25px!important;
    overflow-y: auto;
    text-align: center;
}

.bannner a {
    opacity: 0.65;
    -moz-opacity: 0.65;
    filter:grayscale(100%);
    transition: all 0.5s linear 0s;
    -webkit-transition: all 0.5s linear 0s;
    -moz-transition: all 0.5s linear 0s;
    -o-transition: all 0.5s linear 0s;
}

.bannner a:hover {
opacity:1; 
-moz-opacity:1; 
filter:grayscale(0%);
}

#statistic-other{
    text-align: center!important;
    text-transform: lowercase;
    font-size: 8px;
    font-weight: bold; }


.punbb .main .tcr a {
    font-weight: bold;
   }
.punbb .main .tcr span {
  font-size: 10px;
}

#pun-viewforum .tcr a {
    text-transform: lowercase;
    font-size: 10px;
}
.pun-modal .modal-inner {
    border: 4px double #c0bebc!important;
    background: #e1e1e1!important;
}


/* ����� ���� ������ */
.button, #sub4 {
    cursor: pointer;
    margin-top: 0px !important;
    padding: 2px 6px 3px;
    text-decoration: none;
    vertical-align: middle;
    text-transform: lowercase;
}



/* ������������ */
#post-preview .fs-box .post-content {padding:10px!important;}

/* �� */
#pun-messages .fs-box {/*margin-top: -52px;*/}
#pun-messages .post h3 { width: auto}
#pun-messages #profile .container fieldset {border:none;}
#pun-messages #profile .post-links ul {background: none;}
#pun-messages #font-area, #pun-messages #size-area, #pun-messages #color-area, #pun-messages #table-area, #pun-messages #image-area, #pun-messages #imageup-area, #pun-messages #imageattach-area, #pun-messages #keyboard-area, #pun-messages #video-area, #pun-messages #addition-area {width: auto!important;}
#pun-messages #smilies-area {width: 455px!important;}


#font-area {overflow-y: auto; height: 300px; width:170px;}


/* ������� */

div.post-author > ul.hv-mask > li.pa-fld1 > a,
div.post-author > ul.hv-mask > li.pa-fld1 > a:hover,
div.post-author > ul.hv-mask > li.pa-fld1 > a:visited,
div.post-author.online > ul.hv-mask > li.pa-fld1 > a,
div.post-author.online > ul.hv-mask > li.pa-fld1 > a:hover,
div.post-author.online > ul.hv-mask > li.pa-fld1 > a:visited,
div.post-author > ul > li.pa-fld1 > a:nth-child(1), 
div.post-author > ul > li.pa-fld1 > a:nth-child(1):hover, 
div.post-author > ul > li.pa-fld1 > a:nth-child(1):visited,
div.post-author.online > ul > li.pa-fld1 > a:nth-child(1), 
div.post-author.online > ul > li.pa-fld1 > a:nth-child(1):hover, 
div.post-author.online > ul > li.pa-fld1 > a:nth-child(1):visited {    
    color: #ffffff!important;
    text-align: right;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: helvetica;
    font-weight: normal;
    font-size: 10px;
    font-style: normal;
}

li.pa-fld1 > br {content: "";
    margin: 4px 0 3px;
    display: block;
    font-size: 1%;
}


.pa-fld1 {
    text-align: left;
    font-size: 9px;
    line-height: 12px;
    color: #ffffff;
    margin-top: -10px!important;
    padding: 2px 8px 13px!important;
}

.pa-fld1 a, .pa-fld1 a:hover, .pa-fld1 a:visited {
    color: #ffffff!important;
    font-style: italic;
}

.post .pa-fld2 {
    color: #ffffff;
    text-align: right;
    text-transform: uppercase;
    font-size: 10px;
    font-family: helvetica;
    letter-spacing: 1px;
    padding: 0px 8px 0px;
    margin-top: 0px;
}


.pa-fld4 {
    background: url(http://forumstatic.ru/files/001a/cf/3c/78703.png) top right no-repeat;
    background-position-y: -2px;
    background-position-x: 91px!important;
}

.pa-fld3 {
    background: url(http://forumstatic.ru/files/001a/cf/3c/34218.png) top right no-repeat;
    background-position-y: 0px;
}

.pa-fld4, .pa-fld3 {
    background-position-x: 90px;
    font-family: isocteur;
    text-align: right;
    padding-right: 28px!important;
    margin-left: 110px!important;
    font-size: 15px;
    color: #f1eced;
    margin-top: 7px!important;
    margin-bottom: 7px!important;
}

.pa-posts, .pa-respect, .pa-respect a {
    text-align: right;
    color: #f1eced!important;
    text-transform: lowercase;
    font-size: 9px;
}

.pa-posts, .pa-respect {   margin-right:5px!important;}

.pa-posts {
    margin-left: 108px;
}

.pa-time-visit, .pa-last-visit, .pa-ip {
    font-size: 9px;
    color: #f1eced!important;
    text-transform: lowercase;
    text-align: right;
    margin-right: 5px!important;
}
.pa-time-visit br {display:none}
.pa-last-visit br {display:none}

/* ������ �������� ��� ����� */
.pa-avatar img {max-width: 180px; max-height: 180px;}
#mask_form .signature textarea, #mask_form .pafld1 textarea {height: 50px;}

/* ������ - �����������, "���� �������", "�����", "���������������", "����������", ������� */
#pun-index .modlist {display: none;}
.closedatafield {display:none;}
.stickytext {display:none}
.lastedit {display:none;}
#pun-announcement h2 {display: none}
li#navawards {display: none !important;}

/* ������ ������� */
#pun-index .user-avatar {
    margin: -6px 25px 0px 15px;
    height: 49px!important;
    }
.punbb em.user-avatar {
    float:right !important;
    }
.punbb .user-avatar img.ava {
    border-radius:0% !important;

    }

.punbb .user-avatar .avatar-image {
    width: 52px!important;
    height: 52px!important;
    box-shadow: 5px 0px 0px 0px #5b4d34;
    opacity: 0.95!important;
}



.img a.title {
 background: #f1eced;
}

/* ��� ���������� � ��������� */
#pun-index .category .tc2,#pun-index .category .tc3,
#f-subforums .tc2,#f-subforums .tc3{
  display:none!important;
}
.Tems_And_messages {
  display:inline-block;
  width:auto;
}
.main table .Add {
    display: inline-block;
    padding: 5px 1px;
}


/* CS7 ���� ���*/

span.status_userava {
    top: -128px;
    position: absolute;
}

span.status_userava a {
  margin-left: 14px;
}


span.status_userava img {
width: 69px;
    height: 69px;
    border-radius: 37px;
    border: solid 2px #0a1e3ab3;
    opacity: 0.5;
}

.post-content hr {
    margin-left: 134px;
    background: #bebfb2;
    height: 1px;
    width: 395px;
    box-shadow: none!important;
    border: none!important;
}

span.num_msg {
    margin-top: -15px!important;
    margin-left: -15px!important;
    background: #5b4d34!important;
}

span.num_msg:before {
    background: #5b4d34!important;
}

#MyBookmarks .container {
    background: #f1eced;
}

#MyBookmarks h2 {
margin: 0!important;
    background: #294f50;
}

#BookmCntToggle.default-style {
    color: #294f50!important;
}

.isonline {
    margin-right: -16px!important;
}

.pa-fld1, .post .pa-fld2, li.pa-avatar.item2, li.pa-author {}

��

mybb@mybb.ru (manta) — Fri, 28 Aug 2020 15:48:19 +0300

��:

/* CS1 Background and text colours
-------------------------------------------------------------*/

/*���*/
body {
background: url('http://upforme.ru/uploads/001a/cf/3c/3/682182.png') #191919 fixed top center repeat}

/* ����� */
#pun-title table {
    margin-left: 0px;
}

#title-logo-tbody {
    background: url(http://upforme.ru/uploads/001a/cf/3c/3/337513.png);
    background-position: top center;
    position: absolute;
    top: 100px;
    height: 170px;
    width: 970px;
}

#title-logo-tr {
    background: url(http://upforme.ru/uploads/001a/cf/3c/3/533056.png);
    width: 670px;
    height: 210px;
    position: absolute;
    bottom: 13px;
    left: -43px;}

#html-header {    width: 970px;
    height: 188px;
    position: absolute;
    top: 80px;
    z-index: 1;}

/* ���� ������ */
#pun {
    width: 1020px;
    background: #faaeab;
}

   .punbb {
    float: none;
    width: 970px;
    height: auto;
    margin: 0 auto;
    background: #f2f2f2;
    margin-top: 270px;
      }

/* ����� */
#pun-about .container {
    height: 0px;
width: 970px;
}

#html-footer p {
    position: absolute;
    display: block;
    width: 970px;
    height: 0px;
    text-align: center;
    padding-top: 3px;
    font-size: 11px;
    color: #ebeae5;
}

/* CS1.1 */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
  background: transparent;
  color: #191919;
  }

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
  background: transparent;
  color: #333;
  }

#pun-admain h2 span {
display:block;
}


/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  }

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background: transparent;
  color: #333;
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
    display: block;
    padding: 4px 15px;
    padding-bottom: 0px;
    font-size: 13px;
    font-weight: normal;
    width: fit-content;
    font-style: normal;
    text-align: center;
    font-family: isocteur;
    text-transform: uppercase;
    margin-top: -12px!important;
    margin-bottom: 8px;
    margin-left: auto;
    margin-right: auto;
    letter-spacing: 0.7px;
  }

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background: transparent;
  color: #333
  }

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
    box-shadow: -6px -6px 0px 0px #90b9a0;
    background: rgba(234, 200, 178, 0.2);
}

/* CS1.8 */
#pun-navlinks .container {
  background: transparent;
  color: #f1f1f1;
  }

.offline li.pa-online strong {
  font-weight: normal;
  }

/* CS2 Border colours
-------------------------------------------------------------*/

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
  border-color: transparent;
  }

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color: transparent;
  }

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border-color: transparent;
  }

/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
  border-color: transparent;
  }

/* CS2.5 */
.punbb th {
  border-color: transparent;
  }



#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
  border-color: transparent;
  }

#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
  border-color: transparent;
  }

.punbb .divider {
  border-color: transparent;
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 1px solid transparent;
  }

li.pa-online {
  border-left-color: transparent;
  }


/* CS3 Links
-------------------------------------------------------------*/

/* CS3.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
  text-decoration: none;
  color: #8a548a;

   -webkit-transition: all .5s ease-out;
   -moz-transition: all .5s ease-out;
   -o-transition: all .5s ease-out;
   -ms-transition: all .5s ease-out;
   transition: all .5s ease-out;
    }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #584958;
  }

/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
  color: #f1ba95;

    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    transition: all .5s ease-out;
    }

/* CS3.3 */
#pun-navlinks a {
    color: #584958;
  text-decoration: none;
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
    color: #584958;
  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
    color: #584958;
  }

#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
  text-decoration: none;
  }



/* CS4 Post status icons
 -------------------------------------------------------------*/

/* ������*/
div.icon {
background: url() no-repeat;
}

tr.inew div.icon {
    border-right: 5px solid #faaeab;
    border-left: 9px solid #90b9a0;
}

tr.iclosed div.icon {
    border-right: 5px solid #c5d6c5;
    border-left: 9px solid #ead4c3;
}

tr.isticky div.icon {
    border-right: 5px solid #90b9a0;
    border-left: 9px solid #eac8b2;
}


#pun-main div.catleft, #pun-main div.catright {display: none}


div.post-rating a {
    display: block;
    background: #90b9a0;
    color: #fff;
    width: 35px;
    height: 26px;
    padding-top: 7px;
    text-align: center;
    margin-right: -24px;
    border: 3px solid #f2f2f2;
}

div.post-vote .container {
margin-top: 9px!important;
}

/*����� ��������� */
::selection  {
    background: none repeat scroll 0 0 #decdde;
    color: #000;
    opacity: 1;
} 
*::-moz-selection
{
    background: none repeat scroll 0 0 #decdde;
    color: #000;
    opacity: 1;
} 

/* ����� ������ ��� � ������ */
#pun-main .forum  .tcl .tclcon {
    text-align: justify;
}

/* ������ ��� � ������ ��� ��������� ���� */
#pun-main .forum .tcl .byuser {
    display: block;
    margin-left:9px;
}
#pun-main .forum .tcl .byuser:before { content: "�";}


/*����� ������ ����� ���������� ������*/
#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {
    position: absolute;
    z-index: 1000;
    right: 12px!important;
    padding: 15px;
    top: 54px!important;
    box-shadow: inset 0 0 0 2px rgba(232, 231, 231, .7);
background-color: #f2f2f2!important;
}

/*��� ������ ���������*/
#pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -131px 0 0 -451px!important;
    z-index: 100;
    width: 903px!important;
    position: absolute;
    right: 12px!important;
    font-size:10px;
    box-shadow: inset 0 0 0 3px rgba(232, 231, 231, .7)!important;
background-color: #f2f2f2!important;
}

#pun-respect.punbb .main .tc3 {text-transform: none !important; color:#000}
#pun-respect.punbb .main {font-size:10px;}


/* ��������� */
::-webkit-scrollbar {    width: 7px;
    height: 6px;}  
::-webkit-scrollbar-track {     background-color: #90b9a0} 
::-webkit-scrollbar-thumb {    background-color: #faaeab}


/*����� ���, ������������*/
#pun th {    
text-transform: lowercase;
    font-size: 0px;
    font-weight: bold;
    opacity: 0.0;
}
#pun-userlist th {
opacity: 1;
font-size: 9px;
}

#pun-messages .fs-box {padding: 4em 0 0.8em 0;}
#pun-messages .pa-posts, #pun-messages .pa-reg {display:none;}

.resizable-textarea textarea {
  display: block;
  margin-bottom: 0pt;
    background-color: rgba(144, 185, 160, 0.2)!important;
}
#main-reply {
    border: 3px solid #eac8b2!important;
    height: 180px;
}

#form-buttons {

}


/*ARROWS*/
.go-up,.go-down {
    color: #90b9a0;
    position: fixed;
    margin-left: 1005px!important;
    z-index: 9997;
    cursor: pointer;
    width: 47px;
    height: 47px;}

.go-up {
bottom: 57%; 
}
.go-down {
bottom: 47%; 
}
.go-down:hover,.go-up:hover {
opacity:1;
}

.go-up:before{font-family: FontAwesome;font-size:3.5rem;position: absolute;content: '\f0d8';cursor: pointer;position: relative;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}

.go-down:before{font-family: FontAwesome;font-size: 3.5rem;position: absolute;content: '\f0d7';cursor: pointer;position: relative;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}


.bannner {
    position: absolute;
    margin-top: 0px !important;
    margin-left: 0px!important;
    width: 970px;
    height: 70px;
    margin-bottom: 15px!important;
    padding-top: 20px;
    overflow-y: auto;
    text-align: center;
    background: url(http://upforme.ru/uploads/001a/cf/3c/3/590684.png);
}

.bannner a {
    opacity: 0.5;
    -moz-opacity: 0.5;
    filter:grayscale(100%);
    transition: all 0.5s linear 0s;
    -webkit-transition: all 0.5s linear 0s;
    -moz-transition: all 0.5s linear 0s;
    -o-transition: all 0.5s linear 0s;
}

.bannner a:hover {
opacity:0.85; 
-moz-opacity:0.85; 
filter:grayscale(0%);
}

#statistic-other{
    text-align: center!important;
    text-transform: lowercase;
    font-size: 8px;
    font-weight: bold; }


.punbb .main .tcr a {
    font-weight: bold;
   }
.punbb .main .tcr span {
  font-size: 10px;
}

#pun-viewforum .tcr a {
    text-transform: lowercase;
    font-size: 10px;
}
.pun-modal .modal-inner {
    border: 4px double #c0bebc!important;
    background: #e1e1e1!important;
}

/*.post-content .spoiler-box > div {background: url('http://forumstatic.ru/files/001a/84/3a/24593.png') no-repeat left center!important;cursor:pointer;padding-left:18px;}*/
/*.post-content .spoiler-box > div.visible {background-image:url('http://forumstatic.ru/files/001a/84/3a/73499.png')!important}*/


/* ����� ���� ������ */
.button, #sub4 {
    cursor: pointer;
    margin-top: 0px !important;
    padding: 2px 6px 3px;
    text-decoration: none;
    vertical-align: middle;
    text-transform: lowercase;
  transition: all 0.7s ease-in-out 0.3s;
  -webkit-transition: all 0.7s ease-in-out 0.3s;
  -moz-transition: all 0.7s ease-in-out 0.3s;
  -o-transition: all 0.7s ease-in-out 0.3s;
}
.button:hover, #sub4:hover {
   opacity: .5;}


/* ����� ��������� ���� */

#activity {
    position: absolute;
    font-size: 15px;
    top: 0px;
    left: 354px;
    width: 205px;
    height: 250px!;
    overflow: auto;
    height: 60px;
    display: inherit;
font-weight: bold;
 }

#activity a {
color: #faaeab;
}

#ams {
position: absolute;
    text-transform: lowercase;
    font-size: 11px;
    top: 68px;
    left: 354px;
    height: 20px;
    color: #eac8b2;
    font-weight: bold;
 }

#ams a {
    color: #eac8b2;
}

#needs {
    position: absolute;
    bottom: 15px;
    right: -25px;
    width: 110px;
    height: 110px;
    filter: drop-shadow(2px 2px 0px #faaeab);
}

#n1, #n2, #n3, #n4 {
    position: absolute;
    width: 50px;
    height: 50px;
    background: #faaeab;
    }

#n1 {    top: 0px;
    right: 60px;}

#n2 {top:0px; 
right:0px}

#n3 {top: 60px;
    right: 60px;}

#n4 {top:60px; 
right:0px}


#epic, #pair  {
    position: absolute;
    overflow: hidden;
    width: 130px;
    height: 50px;
    background: #90b9a0;
    right: 100px;
    filter: drop-shadow(2px 2px 0px #90b9a0);
    }

#epic {bottom: 75px;}
#pair {bottom: 15px;}


 #act{position: absolute;bottom: 15px;right: 245px;width: 110px;height: 110px;     filter: drop-shadow(2px 2px 0px #eac8b2);}

#act1, #act2, #act3, #act4 {
    position: absolute;
    width: 50px;
    height: 50px;
    background: #eac8b2;}

#act1 {    top: 0px;
    right: 60px;}

#act2 {top:0px; 
right:0px}

#act3 {top: 60px;
    right: 60px;}

#act4 {top:60px; 
right:0px}


#epic > a > img, #pair > a > img, #act1 > a > img, #act2 > a > img, #act3 > a > img, #act4 > a > img {top: 0;
    position: absolute;} 
    
#scl {
    position: absolute;
    padding-top: 1px;
    padding-left: 3px;
    top: -40px;
    width: 265px;
    overflow: hidden;
    height: 60px;
    margin-left: 50px;
}

#scl a {
    position: absolute;
    width: 265px;
    height: 60px;
}
 
.link1 {
    color: #d7d7d7d6!important;
    font-size: 10px;
    letter-spacing: 1px;
    line-height: 11px;
    font-family: Minion Pro;
    text-transform: uppercase;
    padding-right: 0.5em;
}
.link1:hover {color: #718297!important;}

.needs {
    position: absolute;
    padding-top: 2px;
    padding-left: 3px;
    margin-left: -72px!important;
    top: 200px;
    background-color: rgba(45, 42, 56, 0.39);
    width: 53px;
    overflow: hidden;
    height: 209px;
}


/* ������������ */
#post-preview .fs-box .post-content {padding:10px!important;}

/* �� */
#pun-messages .fs-box {/*margin-top: -52px;*/}
#pun-messages .post h3 { width: auto}
#pun-messages #profile .container fieldset {border:none;}
#pun-messages #profile .post-links ul {background: none;}
#pun-messages #font-area, #pun-messages #size-area, #pun-messages #color-area, #pun-messages #table-area, #pun-messages #image-area, #pun-messages #imageup-area, #pun-messages #imageattach-area, #pun-messages #keyboard-area, #pun-messages #video-area, #pun-messages #addition-area {width: auto!important;}
#pun-messages #smilies-area {width: 455px!important;}


#font-area {overflow-y: auto; height: 300px; width:170px;}


/* ������� */

div.post-author > ul.hv-mask > li.pa-fld1 > a:nth-child(1),
div.post-author > ul.hv-mask > li.pa-fld1 > a:nth-child(1):hover,
div.post-author > ul.hv-mask > li.pa-fld1 > a:nth-child(1):visited,
div.post-author.online > ul.hv-mask > li.pa-fld1 > a:nth-child(1),
div.post-author.online > ul.hv-mask > li.pa-fld1 > a:nth-child(1):hover,
div.post-author.online > ul.hv-mask > li.pa-fld1 > a:nth-child(1):visited,
div.post-author > ul > li.pa-fld1 > a:nth-child(1), 
div.post-author > ul > li.pa-fld1 > a:nth-child(1):hover, 
div.post-author > ul > li.pa-fld1 > a:nth-child(1):visited,
div.post-author.online > ul > li.pa-fld1 > a:nth-child(1), 
div.post-author.online > ul > li.pa-fld1 > a:nth-child(1):hover, 
div.post-author.online > ul > li.pa-fld1 > a:nth-child(1):visited {    
    color: #ffffff!important;
    font-family: monospace;
    text-align: right;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: normal;
    font-size: 11px;
    font-style: normal;
}

li.pa-fld1 > br {content: "";
    margin: 4px 0 3px;
    display: block;
    font-size: 1%;
}


.pa-fld1 {
    text-align: left;
    font-size: 9px;
    line-height: 12px;
    color: #ffffff;
    margin-top: -10px!important;
    padding: 6px 8px 13px!important;
}

.pa-fld1 a, .pa-fld1 a:hover, .pa-fld1 a:visited {
    color: #fff!important;
    font-style: italic;
}

.post .pa-fld2 {
    color: #fff;
    font-family: monospace;
    text-align: right;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 1px;
    padding: 0px 7px 0px;
    margin-top: 0px;
}


.pa-fld4 {
    background: url(http://forumstatic.ru/files/001a/cf/3c/78703.png) top right no-repeat;
    background-position-y: -2px;
    background-position-x: 91px!important;
}

.pa-fld3 {
    background: url(http://forumstatic.ru/files/001a/cf/3c/34218.png) top right no-repeat;
    background-position-y: 0px;
}

.pa-fld4, .pa-fld3 {
    background-position-x: 90px;
    font-family: isocteur;
    text-align: right;
    padding-right: 28px!important;
    margin-left: 111px!important;
    font-size: 15px;
    color: #fff;
    margin-top: 7px!important;
    margin-bottom: 7px!important;
}

.pa-posts, .pa-respect, .pa-respect a {
    text-align: right;
    color: #fff!important;
    text-transform: lowercase;
    font-size: 9px;
}

.pa-posts, .pa-respect {   margin-right:5px!important;}

.pa-posts {
    margin-left: 108px;
}

.pa-time-visit, .pa-last-visit, .pa-ip {
    font-size: 9px;
    color: #fff!important;
    text-transform: lowercase;
    text-align: right;
    margin-right: 5px!important;
}
.pa-time-visit br {display:none}
.pa-last-visit br {display:none}

/* ������ �������� ��� ����� */
.pa-avatar img {max-width: 180px; max-height: 180px;}
#mask_form .signature textarea, #mask_form .pafld1 textarea {height: 50px;}

/* ������ - �����������, "���� �������", "�����", "���������������", "����������", ������� */
#pun-index .modlist {display: none;}
.closedatafield {display:none;}
.stickytext {display:none}
.lastedit {display:none;}
#pun-announcement h2 {display: none}
li#navawards {display: none !important;}

/* ������ ������� */
#pun-index .user-avatar {
    margin: -6px 25px 0px 15px;
    height: 49px!important;
    }
.punbb em.user-avatar {
    float:right !important;
    }
.punbb .user-avatar img.ava {
    border-radius:0% !important;

    }

.punbb .user-avatar .avatar-image {
    width: 52px!important;
    height: 52px!important;
    box-shadow: 5px 0px 0px 0px #eac8b2;
    opacity: 0.95!important;
}



.img a.title {
 background: #f0f0f0;
}

/* ��� ���������� � ��������� */
#pun-index .category .tc2,#pun-index .category .tc3,
#f-subforums .tc2,#f-subforums .tc3{
  display:none!important;
}
.Tems_And_messages {
  display:inline-block;
  width:auto;
}
.main table .Add {
    display: inline-block;
    padding: 5px 1px;
}


/* CS7 ���� ���*/

span.status_userava {
    top: -128px;
    position: absolute;
}

span.status_userava a {
  margin-left: 14px;
}


span.status_userava img {
width: 69px;
    height: 69px;
    border-radius: 37px;
    border: solid 2px #0a1e3ab3;
    opacity: 0.5;
}

.post-content hr {
    margin-left: 134px;
    background: #bebfb2;
    height: 1px;
    width: 395px;
    box-shadow: none!important;
    border: none!important;
}

span.num_msg {
    margin-top: -15px!important;
    margin-left: -15px!important;
    background: #497446!important;
}

span.num_msg:before {
    background: #497446!important;
}

#MyBookmarks .container {
background: #ebeae5;
}

#MyBookmarks h2 {
margin: 0!important;
    background: #8a548a;
}

#BookmCntToggle.default-style {
    color: #8a548a!important;
}

.isonline {
    margin-right: -16px!important;
}

.pa-fld1, .post .pa-fld2, li.pa-avatar.item2, li.pa-author { background: #7e9e8b url(http://api.thumbr.it/whitenoise-100x100.png?background=ffffff00&noise=8a548a&density=120&opacity=15);}

��

mybb@mybb.ru (manta) — Sat, 25 Jul 2020 22:32:54 +0300

ddd

�� #1

mybb@mybb.ru (manta) — Tue, 21 Jul 2020 19:49:50 +0300

��:

/* CS1 Background and text colours
-------------------------------------------------------------*/

/*���*/
body {
background: url('http://upforme.ru/uploads/001a/cf/3c/3/682182.png') #191919 fixed top center repeat}

/* ����� */
#pun-title table {
    margin-left: 0px;
}

#title-logo-tbody {
    background: url(http://upforme.ru/uploads/001a/cf/3c/3/337513.png);
    background-position: top center;
    position: absolute;
    top: 100px;
    height: 170px;
    width: 970px;
}

#title-logo-tr {
    background: url(http://upforme.ru/uploads/001a/cf/3c/3/533056.png);
    width: 670px;
    height: 210px;
    position: absolute;
    bottom: 13px;
    left: -43px;}

#html-header {    width: 970px;
    height: 188px;
    position: absolute;
    top: 80px;
    z-index: 1;}

/* ���� ������ */
#pun {
    width: 1020px;
    background: #faaeab;
}

   .punbb {
    float: none;
    width: 970px;
    height: auto;
    margin: 0 auto;
    background: #f2f2f2;
    margin-top: 270px;
      }

/* ����� */
#pun-about .container {
    height: 0px;
width: 970px;
}

#html-footer p {
    position: absolute;
    display: block;
    width: 970px;
    height: 0px;
    text-align: center;
    padding-top: 3px;
    font-size: 11px;
    color: #ebeae5;
}

/* CS1.1 */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
  background: transparent;
  color: #191919;
  }

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
  background: transparent;
  color: #333;
  }

#pun-admain h2 span {
display:block;
}


/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  }

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background: transparent;
  color: #333;
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
    display: block;
    padding: 4px 15px;
    padding-bottom: 0px;
    font-size: 13px;
    font-weight: normal;
    width: fit-content;
    font-style: normal;
    text-align: center;
    font-family: isocteur;
    text-transform: uppercase;
    margin-top: -12px!important;
    margin-bottom: 8px;
    margin-left: auto;
    margin-right: auto;
    letter-spacing: 0.7px;
  }

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background: transparent;
  color: #333
  }

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
    box-shadow: -6px -6px 0px 0px #90b9a0;
    background: rgba(234, 200, 178, 0.2);
}

/* CS1.8 */
#pun-navlinks .container {
  background: transparent;
  color: #f1f1f1;
  }

.offline li.pa-online strong {
  font-weight: normal;
  }

/* CS2 Border colours
-------------------------------------------------------------*/

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
  border-color: transparent;
  }

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color: transparent;
  }

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border-color: transparent;
  }

/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
  border-color: transparent;
  }

/* CS2.5 */
.punbb th {
  border-color: transparent;
  }



#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
  border-color: transparent;
  }

#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
  border-color: transparent;
  }

.punbb .divider {
  border-color: transparent;
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 1px solid transparent;
  }

li.pa-online {
  border-left-color: transparent;
  }


/* CS3 Links
-------------------------------------------------------------*/

/* CS3.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
  text-decoration: none;
  color: #8a548a;

   -webkit-transition: all .5s ease-out;
   -moz-transition: all .5s ease-out;
   -o-transition: all .5s ease-out;
   -ms-transition: all .5s ease-out;
   transition: all .5s ease-out;
    }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #584958;
  }

/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
  color: #f1ba95;

    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    transition: all .5s ease-out;
    }

/* CS3.3 */
#pun-navlinks a {
    color: #584958;
  text-decoration: none;
  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
    color: #584958;
  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
    color: #584958;
  }

#pun-ulinks a:hover, #pun-ulinks a:focus, #pun-ulinks a:active {
  text-decoration: none;
  }



/* CS4 Post status icons
 -------------------------------------------------------------*/

/* ������*/
div.icon {
background: url() no-repeat;
}

tr.inew div.icon {
    border-right: 5px solid #faaeab;
    border-left: 9px solid #90b9a0;
}

tr.iclosed div.icon {
    border-right: 5px solid #c5d6c5;
    border-left: 9px solid #ead4c3;
}

tr.isticky div.icon {
    border-right: 5px solid #90b9a0;
    border-left: 9px solid #eac8b2;
}


#pun-main div.catleft, #pun-main div.catright {display: none}


div.post-rating a {
    display: block;
    background: #90b9a0;
    color: #fff;
    width: 35px;
    height: 26px;
    padding-top: 7px;
    text-align: center;
    margin-right: -24px;
    border: 3px solid #f2f2f2;
}

div.post-vote .container {
margin-top: 9px!important;
}

/*����� ��������� */
::selection  {
    background: none repeat scroll 0 0 #decdde;
    color: #000;
    opacity: 1;
} 
*::-moz-selection
{
    background: none repeat scroll 0 0 #decdde;
    color: #000;
    opacity: 1;
} 

/* ����� ������ ��� � ������ */
#pun-main .forum  .tcl .tclcon {
    text-align: justify;
}

/* ������ ��� � ������ ��� ��������� ���� */
#pun-main .forum .tcl .byuser {
    display: block;
    margin-left:9px;
}
#pun-main .forum .tcl .byuser:before { content: "�";}


/*����� ������ ����� ���������� ������*/
#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {
    position: absolute;
    z-index: 1000;
    right: 12px!important;
    padding: 15px;
    top: 54px!important;
    box-shadow: inset 0 0 0 2px rgba(232, 231, 231, .7);
background-color: #f2f2f2!important;
}

/*��� ������ ���������*/
#pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: -131px 0 0 -451px!important;
    z-index: 100;
    width: 903px!important;
    position: absolute;
    right: 12px!important;
    font-size:10px;
    box-shadow: inset 0 0 0 3px rgba(232, 231, 231, .7)!important;
background-color: #f2f2f2!important;
}

#pun-respect.punbb .main .tc3 {text-transform: none !important; color:#000}
#pun-respect.punbb .main {font-size:10px;}


/* ��������� */
::-webkit-scrollbar {    width: 7px;
    height: 6px;}  
::-webkit-scrollbar-track {     background-color: #90b9a0} 
::-webkit-scrollbar-thumb {    background-color: #faaeab}


/*����� ���, ������������*/
#pun th {    
text-transform: lowercase;
    font-size: 0px;
    font-weight: bold;
    opacity: 0.0;
}
#pun-userlist th {
opacity: 1;
font-size: 9px;
}

#pun-messages .fs-box {padding: 4em 0 0.8em 0;}
#pun-messages .pa-posts, #pun-messages .pa-reg {display:none;}

.resizable-textarea textarea {
  display: block;
  margin-bottom: 0pt;
    background-color: rgba(144, 185, 160, 0.2)!important;
}
#main-reply {
    border: 3px solid #eac8b2!important;
    height: 180px;
}

#form-buttons {

}


/*ARROWS*/
.go-up,.go-down {
    color: #90b9a0;
    position: fixed;
    margin-left: 1005px!important;
    z-index: 9997;
    cursor: pointer;
    width: 47px;
    height: 47px;}

.go-up {
bottom: 57%; 
}
.go-down {
bottom: 47%; 
}
.go-down:hover,.go-up:hover {
opacity:1;
}

.go-up:before{font-family: FontAwesome;font-size:3.5rem;position: absolute;content: '\f0d8';cursor: pointer;position: relative;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}

.go-down:before{font-family: FontAwesome;font-size: 3.5rem;position: absolute;content: '\f0d7';cursor: pointer;position: relative;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}


.bannner {
    position: absolute;
    margin-top: 0px !important;
    margin-left: 0px!important;
    width: 970px;
    height: 70px;
    margin-bottom: 15px!important;
    padding-top: 20px;
    overflow-y: auto;
    text-align: center;
    background: url(http://upforme.ru/uploads/001a/cf/3c/3/590684.png);
}

.bannner a {
    opacity: 0.5;
    -moz-opacity: 0.5;
    filter:grayscale(100%);
    transition: all 0.5s linear 0s;
    -webkit-transition: all 0.5s linear 0s;
    -moz-transition: all 0.5s linear 0s;
    -o-transition: all 0.5s linear 0s;
}

.bannner a:hover {
opacity:0.85; 
-moz-opacity:0.85; 
filter:grayscale(0%);
}

#statistic-other{
    text-align: center!important;
    text-transform: lowercase;
    font-size: 8px;
    font-weight: bold; }


.punbb .main .tcr a {
    font-weight: bold;
   }
.punbb .main .tcr span {
  font-size: 10px;
}

#pun-viewforum .tcr a {
    text-transform: lowercase;
    font-size: 10px;
}
.pun-modal .modal-inner {
    border: 4px double #c0bebc!important;
    background: #e1e1e1!important;
}

/*.post-content .spoiler-box > div {background: url('http://forumstatic.ru/files/001a/84/3a/24593.png') no-repeat left center!important;cursor:pointer;padding-left:18px;}*/
/*.post-content .spoiler-box > div.visible {background-image:url('http://forumstatic.ru/files/001a/84/3a/73499.png')!important}*/


/* ����� ���� ������ */
.button, #sub4 {
    cursor: pointer;
    margin-top: 0px !important;
    padding: 2px 6px 3px;
    text-decoration: none;
    vertical-align: middle;
    text-transform: lowercase;
  transition: all 0.7s ease-in-out 0.3s;
  -webkit-transition: all 0.7s ease-in-out 0.3s;
  -moz-transition: all 0.7s ease-in-out 0.3s;
  -o-transition: all 0.7s ease-in-out 0.3s;
}
.button:hover, #sub4:hover {
   opacity: .5;}


/* ����� ��������� ���� */

#activity {
    position: absolute;
    font-size: 15px;
    top: 0px;
    left: 354px;
    width: 205px;
    height: 250px!;
    overflow: auto;
    height: 60px;
    display: inherit;
font-weight: bold;
 }

#activity a {
color: #faaeab;
}

#ams {
position: absolute;
    text-transform: lowercase;
    font-size: 11px;
    top: 68px;
    left: 354px;
    height: 20px;
    color: #eac8b2;
    font-weight: bold;
 }

#ams a {
    color: #eac8b2;
}

#needs {
    position: absolute;
    bottom: 15px;
    right: -25px;
    width: 110px;
    height: 110px;
    filter: drop-shadow(2px 2px 0px #faaeab);
}

#n1, #n2, #n3, #n4 {
    position: absolute;
    width: 50px;
    height: 50px;
    background: #faaeab;
    }

#n1 {    top: 0px;
    right: 60px;}

#n2 {top:0px; 
right:0px}

#n3 {top: 60px;
    right: 60px;}

#n4 {top:60px; 
right:0px}


#epic, #pair  {
    position: absolute;
    overflow: hidden;
    width: 130px;
    height: 50px;
    background: #90b9a0;
    right: 100px;
    filter: drop-shadow(2px 2px 0px #90b9a0);
    }

#epic {bottom: 75px;}
#pair {bottom: 15px;}


 #act{position: absolute;bottom: 15px;right: 245px;width: 110px;height: 110px;     filter: drop-shadow(2px 2px 0px #eac8b2);}

#act1, #act2, #act3, #act4 {
    position: absolute;
    width: 50px;
    height: 50px;
    background: #eac8b2;}

#act1 {    top: 0px;
    right: 60px;}

#act2 {top:0px; 
right:0px}

#act3 {top: 60px;
    right: 60px;}

#act4 {top:60px; 
right:0px}


#epic > a > img, #pair > a > img, #act1 > a > img, #act2 > a > img, #act3 > a > img, #act4 > a > img {top: 0;
    position: absolute;} 
    
#scl {
    position: absolute;
    padding-top: 1px;
    padding-left: 3px;
    top: -40px;
    width: 265px;
    overflow: hidden;
    height: 60px;
    margin-left: 50px;
}

#scl a {
    position: absolute;
    width: 265px;
    height: 60px;
}
 
.link1 {
    color: #d7d7d7d6!important;
    font-size: 10px;
    letter-spacing: 1px;
    line-height: 11px;
    font-family: Minion Pro;
    text-transform: uppercase;
    padding-right: 0.5em;
}
.link1:hover {color: #718297!important;}

.needs {
    position: absolute;
    padding-top: 2px;
    padding-left: 3px;
    margin-left: -72px!important;
    top: 200px;
    background-color: rgba(45, 42, 56, 0.39);
    width: 53px;
    overflow: hidden;
    height: 209px;
}


/* ������������ */
#post-preview .fs-box .post-content {padding:10px!important;}

/* �� */
#pun-messages .fs-box {/*margin-top: -52px;*/}
#pun-messages .post h3 { width: auto}
#pun-messages #profile .container fieldset {border:none;}
#pun-messages #profile .post-links ul {background: none;}
#pun-messages #font-area, #pun-messages #size-area, #pun-messages #color-area, #pun-messages #table-area, #pun-messages #image-area, #pun-messages #imageup-area, #pun-messages #imageattach-area, #pun-messages #keyboard-area, #pun-messages #video-area, #pun-messages #addition-area {width: auto!important;}
#pun-messages #smilies-area {width: 455px!important;}


#font-area {overflow-y: auto; height: 300px; width:170px;}


/* ������� */

div.post-author > ul.hv-mask > li.pa-fld1 > a,
div.post-author > ul.hv-mask > li.pa-fld1 > a:hover,
div.post-author > ul.hv-mask > li.pa-fld1 > a:visited,
div.post-author.online > ul.hv-mask > li.pa-fld1 > a,
div.post-author.online > ul.hv-mask > li.pa-fld1 > a:hover,
div.post-author.online > ul.hv-mask > li.pa-fld1 > a:visited,
div.post-author > ul > li.pa-fld1 > a:nth-child(1), 
div.post-author > ul > li.pa-fld1 > a:nth-child(1):hover, 
div.post-author > ul > li.pa-fld1 > a:nth-child(1):visited,
div.post-author.online > ul > li.pa-fld1 > a:nth-child(1), 
div.post-author.online > ul > li.pa-fld1 > a:nth-child(1):hover, 
div.post-author.online > ul > li.pa-fld1 > a:nth-child(1):visited {    
    color: #ffffff!important;
    font-family: monospace;
    text-align: right;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: normal;
    font-size: 11px;
    font-style: normal;
}

li.pa-fld1 > br {content: "";
    margin: 4px 0 3px;
    display: block;
    font-size: 1%;
}


.pa-fld1 {
    text-align: left;
    font-size: 9px;
    line-height: 12px;
    color: #ffffff;
    margin-top: -10px!important;
    padding: 6px 8px 13px!important;
}

.pa-fld1 a, .pa-fld1 a:hover, .pa-fld1 a:visited {
    color: #fff!important;
    font-style: italic;
}

.post .pa-fld2 {
    color: #fff;
    font-family: monospace;
    text-align: right;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 1px;
    padding: 0px 7px 0px;
    margin-top: 0px;
}


.pa-fld4 {
    background: url(http://forumstatic.ru/files/001a/cf/3c/78703.png) top right no-repeat;
    background-position-y: -2px;
    background-position-x: 91px!important;
}

.pa-fld3 {
    background: url(http://forumstatic.ru/files/001a/cf/3c/34218.png) top right no-repeat;
    background-position-y: 0px;
}

.pa-fld4, .pa-fld3 {
    background-position-x: 90px;
    font-family: isocteur;
    text-align: right;
    padding-right: 28px!important;
    margin-left: 111px!important;
    font-size: 15px;
    color: #fff;
    margin-top: 7px!important;
    margin-bottom: 7px!important;
}

.pa-posts, .pa-respect, .pa-respect a {
    text-align: right;
    color: #fff!important;
    text-transform: lowercase;
    font-size: 9px;
}

.pa-posts, .pa-respect {   margin-right:5px!important;}

.pa-posts {
    margin-left: 108px;
}

.pa-time-visit, .pa-last-visit, .pa-ip {
    font-size: 9px;
    color: #fff!important;
    text-transform: lowercase;
    text-align: right;
    margin-right: 5px!important;
}
.pa-time-visit br {display:none}
.pa-last-visit br {display:none}

/* ������ �������� ��� ����� */
.pa-avatar img {max-width: 180px; max-height: 180px;}
#mask_form .signature textarea, #mask_form .pafld1 textarea {height: 50px;}

/* ������ - �����������, "���� �������", "�����", "���������������", "����������", ������� */
#pun-index .modlist {display: none;}
.closedatafield {display:none;}
.stickytext {display:none}
.lastedit {display:none;}
#pun-announcement h2 {display: none}
li#navawards {display: none !important;}

/* ������ ������� */
#pun-index .user-avatar {
    margin: -6px 25px 0px 15px;
    height: 49px!important;
    }
.punbb em.user-avatar {
    float:right !important;
    }
.punbb .user-avatar img.ava {
    border-radius:0% !important;

    }

.punbb .user-avatar .avatar-image {
    width: 52px!important;
    height: 52px!important;
    box-shadow: 5px 0px 0px 0px #eac8b2;
    opacity: 0.95!important;
}



.img a.title {
 background: #f0f0f0;
}

/* ��� ���������� � ��������� */
#pun-index .category .tc2,#pun-index .category .tc3,
#f-subforums .tc2,#f-subforums .tc3{
  display:none!important;
}
.Tems_And_messages {
  display:inline-block;
  width:auto;
}
.main table .Add {
    display: inline-block;
    padding: 5px 1px;
}


/* CS7 ���� ���*/

span.status_userava {
    top: -128px;
    position: absolute;
}

span.status_userava a {
  margin-left: 14px;
}


span.status_userava img {
width: 69px;
    height: 69px;
    border-radius: 37px;
    border: solid 2px #0a1e3ab3;
    opacity: 0.5;
}

.post-content hr {
    margin-left: 134px;
    background: #bebfb2;
    height: 1px;
    width: 395px;
    box-shadow: none!important;
    border: none!important;
}

span.num_msg {
    margin-top: -15px!important;
    margin-left: -15px!important;
    background: #497446!important;
}

span.num_msg:before {
    background: #497446!important;
}

#MyBookmarks .container {
background: #ebeae5;
}

#MyBookmarks h2 {
margin: 0!important;
    background: #8a548a;
}

#BookmCntToggle.default-style {
    color: #8a548a!important;
}

.isonline {
    margin-right: -16px!important;
}

.pa-fld1, .post .pa-fld2, li.pa-avatar.item2, li.pa-author { background: #7e9e8b url(http://api.thumbr.it/whitenoise-100x100.png?background=ffffff00&noise=8a548a&density=120&opacity=15);}

��

mybb@mybb.ru (manta) — Wed, 08 Jul 2020 12:06:21 +0300

��:

<!-- ���-->

<div id="activity">
<a href='http://clubofromance.rusff.me/viewtopic.php?id=6#p6'  class="sbla">�����</a> 
<a href='http://clubofromance.rusff.me/viewtopic.php?id=5#p5' class="sbla">f.a.q.</a> 
<a href='http://clubofromance.rusff.me/viewtopic.php?id=1#p1' class="sbla">��������</a> 
<a href='http://clubofromance.rusff.me/viewtopic.php?id=4#p4' class="sbla">�������</a> 
<a href='http://clubofromance.rusff.me/viewtopic.php?id=7#p7' class="sbla">������</a> 
<a href='http://clubofromance.rusff.me/viewtopic.php?id=2#p2' class="sbla">����</a> 
<a href='http://clubofromance.rusff.me/viewtopic.php?id=3#p3' class="sbla">���������</a>

</div>

<!-- *************************************************************** -->


<!-- ���-->

<div id="ams">
<a href='http://clubofromance.rusff.me/profile.php?id=3' title="������ �� ������, ������ ����� ������� � ��������.">sarah</a> - 
<a href='http://clubofromance.rusff.me/profile.php?id=21' title="������ ��������� ������ ����������� ���������.">lucifer</a> - 
<a href='http://clubofromance.rusff.me/profile.php?id=20' title="�������� ���� �� ����� ������ ��������.">agatha</a> - 
<a href='http://clubofromance.rusff.me/profile.php?id=42' title="������ ����� ����� ������� ��������.">mei</a> - 
<a href='http://clubofromance.rusff.me/profile.php?id=23' title="������ ��� �������� � �������� �������. ����� �������.">adele</a>
</div>



<!-- *************************************************************** -->

<!-- ������-->

<div id="needs1">have you seen these guys?</div>

<div id="needs">
<a href='http://clubofromance.rusff.me/viewtopic.php?id=7#p11136'><img src="http://upforme.ru/uploads/001a/cf/3c/2/362078.jpg" title="victor"/></a>

<a href='http://clubofromance.rusff.me/viewtopic.php?id=7#p24776'><img src="http://upforme.ru/uploads/001a/cf/3c/2/362078.jpg" title="sean"/></a>

<a href='http://clubofromance.rusff.me/viewtopic.php?id=7#p8807'><img src="http://upforme.ru/uploads/001a/cf/3c/2/362078.jpg" title="masked man"/></a>

<a href='http://clubofromance.rusff.me/viewtopic.php?id=7#p27927'><img src="http://upforme.ru/uploads/001a/cf/3c/2/362078.jpg" title="dirty lu"/></a>
</div>

<!-- *************************************************************** -->

<!-- ������-->

<div id="epic">
<a href='http://clubofromance.rusff.me/viewtopic.php?id=234'><img src="http://upforme.ru/uploads/001a/cf/3c/2/937606.jpg" title="nothing hurts like love"/></a>
</div>

<!-- *************************************************************** -->

<!-- ����-->
<div id="pairtab"></div>
<div id="pair">
<a href='http://clubofromance.rusff.me/viewtopic.php?id=175'><img src="http://upforme.ru/uploads/001a/cf/3c/2/937606.jpg" title="max & mia"/></a>
</div>

<!-- *************************************************************** -->


<!-- ���������-->

<div id="act1">
<a href='http://clubofromance.rusff.me/profile.php?id=47'><img src="http://upforme.ru/uploads/001a/cf/3c/2/286937.jpg"  title="max"/></a>
</div>

<div id="act2">
<a href='http://clubofromance.rusff.me/profile.php?id=34'><img src="http://upforme.ru/uploads/001a/cf/3c/2/286937.jpg"  title="mia"/></a>
</div>

<div id="act3">
<a href='http://clubofromance.rusff.me/profile.php?id=55'><img src="http://upforme.ru/uploads/001a/cf/3c/2/286937.jpg" title="adam"/></a>
</div>

<div id="act4">
<a href='http://clubofromance.rusff.me/profile.php?id=42'><img src="http://upforme.ru/uploads/001a/cf/3c/2/286937.jpg" title="mei"/></a>
</div>

<!-- *************************************************************** -->
<!-- ������ �� �������-->
<div id="scl"><a href='http://clubofromance.rusff.me/'> </a></div>
<!-- *************************************************************** -->


<!-- *************************************************************** -->

<!--����� ������ ����� ������-->

<script src="http://forumstatic.ru/files/0017/95/29/89289.js"></script>
<script>
hvScriptSet.addMask({
    guestAccess: ['����� ��������'],
    forumAccessExtended: {
        '��������� �����': ['������������'],
        '������� � �������': ['������������'],
        '������������': ['������������'],
        '����': ['������������'],
        '������ ���� �������': ['������������'],
        '��������': ['������������']
    },
    changeList: {
        'pafld1': {
            title: 'pa-fld1',
            description: '��',
            tag: 'lz',
            class: 'pa-fld1',
            defaultCode: '<a href="������ �� ������" target="_blank">�������, ��� (���.), xx y.o.</a><br>���� ����� � <b>��� ������������</b>, �� ������ <b>�������������� ����������</b>',
            type: 'html'
        },
        'pafld2': {
            title: 'pa-fld2',
            description: '�������',
            tag: 'fnd',
            class: 'pa-fld2',
            defaultCode: '',
            type: 'text'
        }
    },
    userFields: ['pa-fld1', 'pa-fld2', 'pa-avatar item2', 'pa-fld3', 'pa-author', 'pa-title', 'pa-online', 'pa-posts', 'pa-respect']
});
</script>

<!-- *************************************************************** -->

<!--������ ����� ����-->
<div class="go-up" id='ToTop'></div>
<div class="go-down" id='OnBottom'></div>


<!-- *************************************************************** -->
<!--��������� "������ ������������", ���������� ������ "������ � ����������", ��������� ������� "����"--><script type="text/javascript">
rusffLive.enable = false;
RusffCore.sets.show_reportBtn = 0;
RusffCore.sets.tags = false;</script>


<!-- *************************************************************** -->
<!-- ��������� ���� � ����� "���" // � Alex_63, ������ 2017�. -->
<script type="text/javascript" src="http://forumstatic.ru/files/0015/c4/3f/26102.js"></script>
<script type="text/javascript">select_text.linkText = '������� � �������' //����� ������</script>


<!-- *************************************************************** -->
<!-- ������ BB-����� ��� �������������� ������� � Alex_63 -->
<script type="text/javascript">
if(document.URL.indexOf('section=signature')!=-1)document.write('<scr'+'ipt type="text/javascript" src="http://forumstatic.ru/files/0016/0b/c8/99528.js"></scr'+'ipt>');</script>




<!-- *************************************************************** -->


<!-- ��������� ���� � ����� "���" // � Alex_63, ������ 2017�. -->
<script type="text/javascript" src="http://forumstatic.ru/files/0015/c4/3f/26102.js"></script>
<script type="text/javascript">select_text.linkText = '�������� ���' //����� ������</script>

<!-- *************************************************************** -->

<!-- �������� ������� ������� /profile.php V.2 -->
<script type="text/javascript" src="http://forumstatic.ru/files/0019/84/5c/44995.js"></script>

omgdbl

������ �������� ����

sept 1

������

Oh, I hope some day I'll make it out of here Even if it takes all nigh

����� ������� ���������

������� ��������

������� �� �������

��������� �������

���������� �����������

������ �� �������

����� �����

������� ����

��������

��������

����������

������ ������ ����

�������� ���������

������-����� ������ �����

black&white

���-�� �����-����������

���-�� ����������

��������� ������

������ �������� ����

������� ������ #1

�����

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��-��

��-�� -��

��-��

��

��

�� #1

��