��

#9

mybb@mybb.ru (Ladislav Klimt) — Sun, 30 Nov 2025 22:57:54 +0300

��:

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

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

:root {

--color-hz: #b35c3d;
--color-nice: #b35c3d;
--color-nice2: #238087;

--color-back: #e4e4e4;
--color-white: #e4e4e4;
--color-back2: #e0e0e0;


--color-fon: #111;
--color-black2: #111;
--color-black: #2b2426;

--color-green: #a2a2a2; /*ãðàíèöû*/
--color-green2: #a2a2a2;

--color-grey: rgb(255 255 255 / 40%); /*ñåðûé äëÿ ôîðìû îòâåòà*/

--color-grey2: #8d8d8d; /*ñåðûé äëÿ ËÑ*/

--color-grey3: #555555; /*ñåðûé äëÿ ññûëîê*/

--color-grad: linear-gradient(0deg, var(--color-green2) 0%, #00000000 49%);

--color-grad3:linear-gradient(330deg, #484848 0%, #1a1a1a 49%) border-box;


--grad: linear-gradient(0deg, var(--color-nice2) 0%, var(--color-black2) 49%);

--grad2: linear-gradient(180deg, var(--color-nice2) 0%, var(--color-black2) 49%);

--color-blue: #238087; /*âûäåëåíèå òåêñòà*/

--wide: 1090px;

--color-trans: rgb(0 0 0 / 67%);

--logo: url(https://forumstatic.ru/files/001a/eb/a8/24211.png);

--custom: Century Gothic;

--custom2: Verdana;

--custom3: Century Gothic;


--color4: 19, 54, 58;       /* áèðþçîâûé */
--color2: 21, 59, 64;       /* ÿð÷å áèðþçîâûé */
--color1: 71, 42, 41;      /*êîðè÷íåâûé*/ 
--color5: 32, 37, 40;       /* ÿð÷å òåìíî-ñèíèé */
--color-interactive: 56, 47, 49;


--circle-size: 80%;
--blending: hard-light;
}


/*-------óëèöà-----------*/
.street {
--color-back: #292929;
    --color-back2: #292929;
--color-black:#aaa;
--color-white:#aaa;
--color-hz: #d3961b;
--color-nice: #d3961b;
--color-nice2: #ab3d42;

--color-green: #5a5a5a;
--color-green2: #5a5a5a;
--color-grey3: #727272;

--color-blue:#707070;

--logo: url(https://forumstatic.ru/files/001a/eb/a8/38773.png);

--grad: linear-gradient(0deg, var(--color-nice2) 0%, var(--color-black2) 49%);
--grad2: linear-gradient(180deg, var(--color-nice2) 0%, var(--color-black2) 49%);


--color-fon: #000;
--color4: 0, 0, 0;       /* áèðþçîâûé */
--color2: 0, 0, 0;       /* ÿð÷å áèðþçîâûé */
--color1: 0, 0, 0;      /*êîðè÷íåâûé*/ 
--color5: 0, 0, 0;       /* ÿð÷å òåìíî-ñèíèé */

--color-interactive: 136, 33, 37;
}

.street .reactions-root {filter:brightness(0.9);     z-index: 10;
    position: relative;}

.street img {filter:brightness(0.9)}


/*--------------ôîíàðü---------------*/
.light{
--logo: url(https://forumstatic.ru/files/001a/eb/a8/69291.png);

--color-fon: url(https://forumstatic.ru/files/001a/eb/a8/14527.jpg) center center fixed;

--color-back: #d6d6d6;
    --color-white: #d6d6d6;
    --color-back2: #d6d6d6;

--color-black: #222;
--color-black2: rgb(0 0 0 / 67%);

    --color-blue: #7c7873;

    --color-hz: #a5a0a0;
    --color-nice: #a5a0a0;
    --color-nice2: #a5a0a0;
  --color-grey2: #a5a0a0;

    --color-grey3: #393d42;

--grad: linear-gradient(0deg, var(--color-nice2) 0%, var(--color-black2) 49%);
--grad2: linear-gradient(180deg, var(--color-nice2) 0%, var(--color-black2) 49%);
}

.light #NEWS, .light div.bannner {
    background: var(--color-trans);
}
.light .go-up:before, .light .go-down:before {
    color: var(--color-trans);
}

.light div.checkgrad, .light div.gradient-bg {display:none!important;}

/*------------------*/
.meds{

--logo: url(https://forumstatic.ru/files/001a/eb/a8/57980.png);

--color-black: #24262b;
    --color-back: #dbdbdb;
    --color-white: #dbdbdb;
    --color-back2: #d6d6d6;

/*ñèíèé*/
--color-nice: #5184ff; 

/*ôèîë*/
--color-nice2: #7963c0; /*#9881f1;*/

/*ðîçîâûé*/
--color-hz: #ff8be2;

--color-blue: #2e7bcc;

--grad: linear-gradient(0deg, var(--color-nice2) 0%, var(--color-black2) 49%);
--grad2: linear-gradient(180deg, var(--color-nice2) 0%, var(--color-black2) 49%);


--color4: 56, 92, 178; /*íàñûùåííûé ñèíèé*/
--color2: 113, 95, 178; /*ôèîëåòîâî-ñèíèé*/
--color1: 169, 98, 178; /*ïóðïóðíî-ôèîëåòîâûé*/
--color5: 52, 104, 92;  /* ò¸ìíàÿ ìÿòà */


--color-interactive: 0, 0, 0;
}

.meds .pa-online {    background: var(--color-hz);}

.meds .newsdate {    color: var(--color-hz);}

.meds div.dropdown-menu.show > a:hover, .meds #pun-stats li.item4 > strong > a, .meds #pun-stats li.item4 > strong > a:hover,
.meds kr > a, .meds .for-a > a:hover, .meds #KontentRotator > p > a:hover, .meds kr > a:hover {
    color: var(--color-nice2) !important;
}


/*--------------áåññìûñëåííî---------------*/
.mless{

--color-fon: var(--color-grad3) fixed;

--color-nice: #607e83;
--color-nice2: #607e83;

--color-hz: #745f5c;

--color-blue: #2b2426;

--color-back: #e0e0e0;
--color-white: #e0e0e0;
--color-back2: #e3e3e3;

--color-green: #c0c0c0;
--color-green2: #c0c0c0;

--grad: linear-gradient(0deg, var(--color-nice2) 0%, var(--color-black2) 49%);
--grad2: linear-gradient(180deg, var(--color-nice2) 0%, var(--color-black2) 49%);

--color-grad3:linear-gradient(330deg, #B7BDC0 0%, #111111 49%) border-box;

}

.mless .bannner, .mless #Logo {    filter: saturate(30%) brightness(0.99);}

.mless .post-author ul {    background: var(--color-black)!important;
    color: var(--color-white)!important;}

.mless div.post-author > p.pa-author, 
.mless li.pa-author, 
.mless .pa-author a, 
.mless .pa-author a:hover, 
.mless .pa-author a:active {
    color: var(--color-nice) !important;
}

/*-----------------------------*/

/*Ôîí*/
body {
background: var(--color-fon);
    background-size: cover !important;
}

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


#html-header {height: 407px;top: 30px;position: absolute;}

#Logo {
    background: var(--logo) left no-repeat;
    height: 340px;
    width: 1100px;
    position: relative;
}

#ZACHTO {position: absolute;top: 35px;}

/* íîâîñòè*/

#NEWS {
    top: 310px;
    left: 0px;
    height: 55px;
    position: relative;
    width: var(--wide);
    display: flex;
    align-items: center;
    overflow-x: auto;
    justify-content: center;
}

#NEWS.overflown {
    justify-content: left;
}

.news0{
    width: 190px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 6px;
    border-right: 1px dashed var(--color-grey);
    padding: 5px 10px;
}


.news0:last-of-type {border: none;}

.newsdate {
    min-width: 50px;
    color: var(--color-nice2);
    font-weight: bold;
    display: flex;
    justify-content: center;
}

.newstxt{
    display: flex;
    flex-direction: column;
    gap: 4px;
}


span.txt1st {
    font-size: 11px;
    font-weight: 700;
    width: 160px;
}

#KontentRotator > p > a,
.txt1st a, .for-a > a {color: var(--color-white)!important;transition: color 0.3s ease-in-out;font-family: var(--custom);font-weight: 600;font-size: 12px;}

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


span.txt2nd {
    font-size: 9px;
    color: var(--color-grey);
    line-height: 100%;
    text-transform: lowercase;
}


/*öèòàòû*/

#RANDOM {
    position: absolute;
    width: 445px;
    left: 595px;
    top: 40px;
    height: 200px;
    color: var(--color-black);
    padding: 0 0 0px 0px;
    opacity: 1;
    text-align: center;
    -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;
}

#KontentRotator {
    font-size: 10px;
    text-align: justify;
    overflow-y: auto;
    padding: 10px 5px;
    line-height: 1.5;
    height: 135px;
justify-content: center;
    display: flex;
    align-items: center;
}

#KontentRotator > p {display:none;}

#KontentRotator > p.visibleFlex{    
display: block!important;

}


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

#hideGradientCheckbox {visibility: hidden;}

#wat, #genre, #html-header > div.checkgrad {
    z-index: 1;
    position: absolute;
    color: var(--color-white);
    font-style: italic;
    font-size: 10px;
    margin: 2px 0;
}

#html-header > div.checkgrad {
    top: 15px;
    width: 150px;
    left: -3px;
}

#wat, #genre {
    bottom: -200px;
    right: -3px;
    width: 335px;
    position: relative;
    text-align: end;
    }

#html-header > div.checkgrad > div > label:hover {cursor: pointer;}


.dropdown-menu {
  display: none;
}

.dropdown-menu.show {
  display: grid;
  position: absolute;
  background: var(--color-back);
  border: 1px solid var(--color-black2);
  padding: 10px 10px 5px;
  top: 145px;
  width: 168px;
  margin-left: 80px !important;
  z-index: 2;
  text-align:center;
}

.dropdown-toggle {
  position: absolute;
  cursor: pointer;
  margin: 50px 0 0px 80px!important;
  width: 190px;
  padding: 5px;
  font-size: 18px;
  font-family: var(--custom);
  background: transparent;
  border: 1px solid var(--color-white);
  color: var(--color-white);
}

div.dropdown-menu.show > a {
    padding: 2px 7px 4px;
    margin-bottom: 5px;
    font-size: 10px !important;
    font-weight: bold;
    text-transform: lowercase;
    background: var(--color-black2);
    border-radius: 5px;
    color: var(--color-white);
    font-family: var(--custom);
}

div.dropdown-menu.show > a:hover {    color: var(--color-hz);}

/******************************/
@keyframes moveInCircle {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes moveVertical {
  0% {
    transform: translateY(-50%);
  }
  50% {
    transform: translateY(50%);
  }
  100% {
    transform: translateY(-50%);
  }
}

@keyframes moveHorizontal {
  0% {
    transform: translateX(-50%) translateY(-10%);
  }
  50% {
    transform: translateX(50%) translateY(10%);
  }
  100% {
    transform: translateX(-50%) translateY(-10%);
  }
}

.noise-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;

  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='5' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)' opacity='1'/></svg>");
  background-repeat: repeat;
  background-size: 200px 200px; /* ìåëêàÿ ñåòêà */
  mix-blend-mode: overlay;
  animation: noiseMove 2s infinite linear;
  opacity: 0.08;
}

@keyframes noiseMove {
  0% { background-position: 0 0; }
  100% { background-position: 100px 100px; }
}



.gradient-bg {
  visibility: hidden; /* ïî óìîë÷àíèþ ñêðûâàåì âåñü ôîí */
  pointer-events: none; /* ÷òîáû íå ëîâèòü ìûøü åñëè ñêðûò */
  width: 100vw;
  height: 100vh;
  position: fixed;
  overflow: hidden;
  top: 0;
  left: 0;
  z-index:-1;
  filter: brightness(0.85);
}

    /* Êîãäà êëàññ show-gradient åñòü - ïîêàçûâàåì ôîí */
.show-gradient .gradient-bg {
      visibility: visible;
      pointer-events: auto;
      transition-delay: 0s;
    }

    /* Êîãäà êëàññ hide-gradient åñòü - ñêðûâàåì ôîí */
.hide-gradient .gradient-bg {
      visibility: hidden;
      pointer-events: none;
      transition-delay: 0s;
    }
.gradients-container {
    filter: url(#goo) blur(40px) ;
    width: 100%;
    height: 100%;
  }

  .g1 {
    position: absolute;
    background: radial-gradient(circle at center, rgba(var(--color1), 0.8) 0, rgba(var(--color1), 0) 50%) no-repeat;
    mix-blend-mode: var(--blending);

    width: var(--circle-size);
    height: var(--circle-size);
    top: calc(50% - var(--circle-size) / 2);
    left: calc(50% - var(--circle-size) / 2);

    transform-origin: center center;
    animation: moveVertical 30s ease infinite;

    opacity: 1;
  }

  .g2 {
    position: absolute;
    background: radial-gradient(circle at center, rgba(var(--color2), 0.8) 0, rgba(var(--color2), 0) 50%) no-repeat;
    mix-blend-mode: var(--blending);

    width: var(--circle-size);
    height: var(--circle-size);
    top: calc(50% - var(--circle-size) / 2);
    left: calc(50% - var(--circle-size) / 2);

    transform-origin: calc(50% - 400px);
    animation: moveInCircle 20s reverse infinite;

    opacity: 1;
  }

  .g3 {
    position: absolute;
    background: radial-gradient(circle at center, rgba(var(--color3), 0.8) 0, rgba(var(--color3), 0) 50%) no-repeat;
    mix-blend-mode: var(--blending);

    width: var(--circle-size);
    height: var(--circle-size);
    top: calc(50% - var(--circle-size) / 2 + 200px);
    left: calc(50% - var(--circle-size) / 2 - 500px);

    transform-origin: calc(50% + 400px);
    animation: moveInCircle 40s linear infinite;

    opacity: 1;
  }

  .g4 {
    position: absolute;
    background: radial-gradient(circle at center, rgba(var(--color4), 0.8) 0, rgba(var(--color4), 0) 50%) no-repeat;
    mix-blend-mode: var(--blending);

    width: var(--circle-size);
    height: var(--circle-size);
    top: calc(50% - var(--circle-size) / 2);
    left: calc(50% - var(--circle-size) / 2);

    transform-origin: calc(50% - 200px);
    animation: moveHorizontal 40s ease infinite;

    opacity: 0.7;
  }

  .g5 {
    position: absolute;
    background: radial-gradient(circle at center, rgba(var(--color5), 0.8) 0, rgba(var(--color5), 0) 50%) no-repeat;
    mix-blend-mode: var(--blending);

    width: calc(var(--circle-size) * 2);
    height: calc(var(--circle-size) * 2);
    top: calc(50% - var(--circle-size));
    left: calc(50% - var(--circle-size));

    transform-origin: calc(50% - 800px) calc(50% + 200px);
    animation: moveInCircle 20s ease infinite;

    opacity: 1;
  }

  .interactive {
    position: absolute;
    background: radial-gradient(circle at center, rgba(var(--color-interactive), 0.8) 0, rgba(var(--color-interactive), 0) 50%) no-repeat;
    mix-blend-mode: var(--blending);
    width: 100%;
    height: 100%;
    top: -50%;
    left: -50%;
    opacity: 0.7;
}
/*******************/
.punbb {
    float: none;
    width: auto;
    height: auto;
    margin: 0 auto;
    background: var(--color-back);
    margin-top: 435px;
}

/* Ôóòåð */
#pun-about .container {
    height: 0px;
    width: var(--wide);
}

#html-footer {height: 10px;}

#html-footer > div > div {margin-bottom: 20px;}

#html-footer p {
    position: relative;
    display: none;
    width: var(--wide);
    background: var(--color-back);
    text-align: center;
    color: var(--color-grey2);
    border-top: 1px dashed var(--color-green);
    font-family: var(--custom2);
    text-transform: lowercase;
    font-size: 8px;
    font-style: italic;
    text-align: center;
    padding: 0.25em 0;
    letter-spacing: 1px;
    line-height: 1.5;
}

#mask_dialog .hv-form-block input, #mask_dialog .hv-form-block textarea {
      background: var(--color-back2)!important;
      border: 1px solid;
}

#mask_dialog .hv-add-template {
  border: 1px solid;
}

/* 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 {
  color: var(--color-black);
  }

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


/* 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-grey3);
  }

/* CS1.7 */

.punbb .code-box {
    background: var(--color-black2);
    border-radius: 10px;
    color:var(--color-white);
    }

.punbb .quote-box {
    border: 1px solid var(--color-black);
    background: var(--color-back2);
    border-radius: 10px;
}

.quote-wrapper {
  position: relative;
  padding: 10px 15px; /* îòñòóï ïîä "òåíü" */
  margin: 10px 0px 10px 50px !important;
  background: var(--color-black2);
  border-bottom-right-radius: 15px;
  border-top-right-radius: 15px;
}


/* 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!important;
  color: var(--color-grey3);
        transition: color 0.3s ease-in-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-grey3);
    }



/* CS3.4 */

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

#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-left: -20px;
    margin-top: -5px!important;
}

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


div.icon {
    margin-top: 13px;
    margin-left: -15px;
    position: absolute;
    width: 24px;
    height: 24px;
}

div.icon:before {
    position: absolute;
    width: 24px;
    height: 24px;
    font-size: 18px;
    content: '\2726';
    color: var(--color-black);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}


.inew Div.icon:before {
    color: var(--color-nice2);
}

.isticky Div.icon:before {
    content: "\2767"!important;
}

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

.iclosed Div.icon:before {
    color: var(--color-black);
}

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

div.post-rating > p > a {font-size: 14px!important;}

div.post-vote a, div.post-vote a:hover, div.post-rating a, div.post-rating a:hover {
  color:var(--color-grey2)!important;
}

div.post-vote p {
    float: right !important;
    border: 0 !important;
    padding: 0px !important;
    margin-right: 15px !important;
}

span.newtext {text-transform:lowercase;}


/*Ñòèëü âûäåëåíèÿ */
::selection  {
    background: none repeat scroll 0 0 var(--color-blue);
    color: var(--color-back);
    opacity: 0.5;
    text-decoration:none!important;
} 

*::-moz-selection
{
    background: none repeat scroll 0 0 var(--color-blue);
    color: var(--color-back);
    opacity: 0.5;
text-decoration:none!important
} 

::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

::-webkit-scrollbar-track {
  background: var(--color-grey2);
}
::-webkit-scrollbar-thumb {
  background: var(--color-nice);
}

/* Ñòèëü ñïèñêà òåì â ôîðóìå */
#pun-main .forum  .tcl .tclcon {
    text-align: justify;
}

/* Ñïèñîê òåì â ôîðóìå íèê ñîçäàòåëÿ òåìû */
#pun-main .forum .tcl .byuser {
}

.multipage .byuser:before,
#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 {
 }

/*Ôîí îêîøêà ðåïóòàöèè*/
#pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner {
    margin: -131px 0 0 -451px!important;
    width: 900px!important;
    height: 165px;
    right: 12px!important;
    font-size: 10px;
    background-color: var(--color-back)!important;
}

#reputationText {        margin: 10px 0;
        border: 1px solid var(--color-green);
        background-color: var(--color-back2) !important;
}

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


/*ôîðóì òåì, ïðîçðà÷íîñòü*/
#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;}


/*ARROWS*/
.go-up, .go-down {
    position: fixed;
    margin-left: 1130px!important;
    z-index: 9997;
    cursor: pointer;
    opacity: 1;
    /* transform: rotateX(45deg); */
}

.day .go-up, .day .go-down {
filter: brightness(0.9);}

.go-up {
bottom: 56%; 
}
.go-down {
bottom: 49%; 
}

.go-up:before, .go-down:before{
    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;
    font-family: var(--custom);
    font-size: 26px;
    color: var(--color-nice);
    font-weight: 600;
    /* text-transform: uppercase; */
    /* letter-spacing: 1px; */
}

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

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

div.bannner > div.part {
    font-size: 18px;
    font-family: var(--custom);
    color: var(--color-white);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin: 19px 65px;
    border: 1px solid var(--color-white);
    padding: 0px 52px;
    height: 32px;
    width: 190px;
}

.banr{
    height: 50px;
    overflow-y: auto;
    padding: 5px 0 !important;
    margin: 0px 10px 5px 10px!important;
    position: relative;
    top: 5px;
    }

.bannner {
    display: inline-flex;
    position: absolute;
    width: var(--wide);
    margin-top: 10px;
    margin: 15px 0px 0!important;
    height: 75px;
    text-align: left;
}

.bannner a {
    opacity: 0.85;
    -moz-opacity: 0.85;
    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%);
}

/*#html-footer > div.container {    height: 100px;}*/

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

#pun-main > div > h1 > span {display: block;}

#pun-statistic .tc-username {width:15%!important}

.punbb .main .tcr a {
 /*    font-weight: bold;
   color: var(--color-nice);
    font-size: 13px;
    font-family: var(--custom);
    text-transform: lowercase;
        letter-spacing: 1px;
        font-style: italic;*/
   }

.multipage .tcr a {font-family: var(--custom2)!important;
font-size: 11px!important;
letter-spacing: 0!important;
color: var(--color-grey3)!important;}


.pun-modal .modal-inner {
    border: 1px double var(--color-green2) !important;
    background: var(--color-back) !important;
}


/* Ïðåäïðîñìîòð */
#post-preview .fs-box .post-content {padding:10px!important;}

#post-preview .fs-box .post-content .quote-box.quote-main { 
    margin: 0px;}

/* ëñ */
#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;}


/* ÏÐÎÔÈËÜ */


li.pa-fld1 > a:hover,
li.pa-fld1 > a {font-style: italic;
color: var(--color-nice2) !important;letter-spacing: 0.5px;font-family: var(--custom);transition: color 0.3s ease-in-out;font-weight: 600;}



li.pa-fld1 > br {
    content: "";
    display: block;
    margin: 3px;
}

ul > li.pa-fld1 > a:nth-child(1), ul > li.pa-fld1 > a:nth-child(1):hover, ul > li.pa-fld1 > a:nth-child(1):visited, li.pa-fld1 > a:nth-child(2), li.pa-fld1 > a:nth-child(2):hover, li.pa-fld1 > a:nth-child(2):visited  {font-size:11px!important;
text-transform: capitalize;}

.pa-fld1 {
    text-align: left;
    font-size: 9px;
    margin-top: 0px !important;
    margin: 5px 12px 5px !important;
    padding: 5px 12px 9px !important;
    overflow-y: auto;
    line-height: 1.5;
    background: var(--color-black2);
    color: var(--color-white);
    border-radius: 5px;
}


.pa-fld1, .post .pa-fld2, .pa-fld4, .pa-fld3, .pa-respect, .pa-time-visit, .pa-last-visit, .pa-ip  {
    /* color: var(--color-black2); */
}

.post .pa-fld2 {
    text-align: center;
    text-transform: lowercase;
    letter-spacing: 0.75px;
    line-height: 1.5;
    margin: 0px 20px 6px;
    font-size: 11px;
}

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

.pa-fld4, .pa-respect {
    font-size: 9px;
    width: 57px;
    margin:10px 2px!important;
    display: inline-block;
    text-align: center;
}

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

.pa-time-visit, .pa-last-visit, .pa-ip {
    font-size: 9px;
    text-transform: lowercase;
    text-align: center;
}
.pa-time-visit br, .pa-last-visit br {display:none}

.pa-ip {padding:10px 0!important}

/* ÐÀÇÌÅÐ ÀÂÀÒÀÐÊÈ ÄËß ÌÀÑÊÈ */
.pa-avatar img {max-width: 180px;max-height: 180px;border-radius: 5px;}
#mask_form .signature textarea, #mask_form .pafld1 textarea {height: 50px;}

/* ÓÁÐÀÒÜ - ìîäåðàòîðîâ, "òåìà çàêðûòà", "âàæíî", "îòðåäàêòèðîâàíî", "îáúÿâëåíèå", íàãðàäû */
#pun-index .modlist,
.closedatafield,
.stickytext,
.lastedit,
#pun-announcement h2 {display:none!important}


/* ÈÊÎÍÊÀ ÀÂÀÒÀÐÀ */
#pun-index .user-avatar {top: -5px;}

#pun-modviewforum .user-avatar, #pun-searchtopics .user-avatar {
    top: -11px !important;
}

#pun-viewforum .user-avatar {
    top: -13px!important;
}

#pun-viewforum .user-avatar, #pun-index .user-avatar, #pun-modviewforum .user-avatar, #pun-searchtopics .user-avatar {
    margin: 0px 20px 0px 10px;
    width: 35px!important;
    height: 35px!important;
    border-radius: 0px!important;
    }

.punbb .user-avatar .avatar-image {
    width: 35px !important;
    height: 35px !important;
    opacity: 1 !important;
    border-radius: 5px 0px 0px 0px!important;
}

#messages > fieldset > div > div > table > tbody > tr > td > em {  margin-top: -15px;
    border-radius: 0px!important;
    width: 35px!important;
    height: 35px!important;
}

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


.post-content hr {
    background: var(--color-green);
    height: 1px;
    border: none !important;
    margin: 5px 0px !important;
    opacity: 1!important;
}

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

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

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

#MyBookmarks > h2 > span, #MyBookmarks h2 {
    margin: 0!important;
    background: var(--color-blue)!important;
    font-family: var(--custom2)!important;
    color: var(--color-white)!important;
font-size:10px;
letter-spacing:0.5px;
text-transform:lowercase!important;
text-shadow:none!important;
}

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

.isonline {
    margin-top: 0px!important;
background: var(--color-hz)!important;
    top: 2px!important;
    right: 2px!important;
z-index:1!important
}


/* ññûëêè */

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

.post .bookmark {right: -40px!important;}

#main-reply {text-align: justify;margin-bottom: 5px;border: 1px solid var(--color-black);padding: 5px 10px;line-height: 150%;width:97%!important;min-height: 250px;background: var(--color-back2);color:var(--color-black);}

.punbb .datafield br, #pun-title h1 span, #pun-break4, li.pa-gifts, #messages > fieldset > legend, td.tcl > div > div.tclcon > div.subforums,.pa-fld3 .fld-name, .pa-fld4 .fld-name, 
.punbb #post-form fieldset legend span, div.post-links > ul > li.pl-share {display: none!important}


/*-----ñòûðèëè ó nycity.fun------*/
.ico {
    background: var(--color-grey2);
    display: flex !important;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    border-radius: 50px;
    padding: 0px;
}

.ico img {
	max-width: 24px;
	max-height: 24px;
}

.lspl pl {
display: flex;
    flex-wrap: wrap;
    gap: 10px;
    text-align: center;
    justify-content: flex-end;
    overflow: auto;
    margin-top: 5px;
    margin-right: 15px;
    overflow-y: auto;
    overflow-x: hidden;
}

div.lspl > pl > .plsh {background: var(--color-trans);
width: 226px;
    background-size: cover !important;
    height: 36px;
    line-height: 1.5;}

.lsic ic {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: right;
    align-items: center;
    min-height: 70px;
height:auto;
    margin-right: 15px;
    overflow-y: auto;
    overflow-x: hidden;
    color: var(--color-back);
    font-size: 13px;
    font-family: var(--custom2);
}

.hdr hd {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    justify-content: right;
    align-items: center;
    min-height: 150px;
height:auto;
    margin: 10px 10px 10px 15px;
    overflow-y: auto;
    overflow-x: hidden;
}

.hdr hd > .head {background-size: contain !important;
    background-position: center !important;
    width: 150px;
    height: 268px;
    border-radius: 15px;}

.hdr hd > .head > .header {    position: relative;
    background: var(--color-black2);
    margin: 15px 10px;
    border-radius: 12px;
    width: 130px;
    height: 210px;}

.punbb .post-content > div.collection {margin:0!important; background: var(--color-back);}

.Tems_And_messages {
    display: inline-block;
    font-size: 9px;
}

.Add {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    /* align-items: flex-end; */
    justify-content: flex-start;
    width: 90px;
    line-height: 150%;
    margin-left: -5px !important;
    margin-top: -18px !important;
    color: var(--color-grey3);
    transform-style: initial;
    text-transform: lowercase;
    opacity: 0.5;
}

.Tems_And_messages .right{
  float:left;
}

.alt2.inew > .tcl h3 a:after {
        content: '\2726';
        margin-left: 10px;
        color: var(--color-nice2);
}

.alt2.inew > td.tcl > div > div.icon.inew {display:none}


/*------- ëè÷íàÿ ----------------------*/
.reveal-modal-bg { 
	position: fixed; 
	height: 100%;
	width: 100%;
	background: rgba(0,0,0,.8);
	z-index: 100;
	display: none;
	top: 0;
	left: 0; 
	}
.reveal-modal {
	visibility: hidden;
	top: 100px; 
	left: 50%;
	margin-left: -300px;
	width: 520px;
	position: absolute;
	z-index: 101;
	padding: 30px 40px 34px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	}
.reveal-modal.small     { width: 200px; margin-left: -140px;}
.reveal-modal.medium     { width: 400px; margin-left: -240px;}
.reveal-modal.large     { width: 600px; margin-left: -340px;}
.reveal-modal.xlarge     { width: 800px; margin-left: -440px;}
	
.reveal-modal .close-reveal-modal {
    font-size: 22px;
    line-height: .5;
    position: absolute;
    top: 12px;
    right: 40px;
    color: var(--color-blue);
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
}

.menu span {
cursor: pointer;
    margin: 0px 0 10px;
    padding: 10px 15px 10px 15px;
    font-family: var(--custom2);
    font-size: 13px;
letter-spacing:1;
    text-align: center;
    display: flex;
    align-items: center;
    color: var(--color-black);
}
.menu-links {
    float: left;
    margin-right: 15px!important;
}

#submenu, .menu span {
background: var(--color-back);
    border-radius: 10px;
}

.menu .tabactive {
    filter: brightness(0.8);
}

#submenu {    display: inline-block;
	padding: 7px;
	font-size: 12px;
	width: 610px;
}    
.submenutext {
	display: none; 
	height: 0px;
}

#sm1, #sm2, #sm3, #sm20, #sm99, #sm4 {height: 600px; overflow-y:auto;overflow-x:hidden;}

div.face {
    background-repeat: no-repeat !important;
    background-position: center center !important;
    position: relative;
    width: 180px;
    height: 180px;
    margin: 0 15px;
}

#sm1 > div > div.about { width: 310px;
    height: 160px;
    align-items: center;
    display: flow;
    padding: 10px 15px;
    margin: 0px 2px 0 0;
    background: var(--color-grey);
color:var(--color-black2);
    overflow-y: auto;
    font-size: 11px;
}

div.collection > h1,
.submenutext > h1 {
    font-family: var(--custom2);
    font-size: 12px;
    letter-spacing: 1px;
    text-align: right;
    border-bottom: 1px dotted var(--color-nice);
margin:10px;
}

div.pers, div.ach  {    position: relative;
    display: inline-flex;
    justify-content: space-between;
    width: 575px;
    height: 40px;
    margin: 10px;}

div.collection { position: relative;
    display: flow;
    height: auto;
    padding: 1px 0 20px 0px;
    margin: 10px 25px 10px 25px;
    background: var(--color-grey);
}

div.lock, div.unlock { background: var(--color-grey2);
width: 100px;
    height: 36px;
    display: grid;
    align-items: center;
    text-align: center;
font-size: 10px;
padding: 0 4px;
color: var(--color-black2);
}

div.unlock {    background: var(--color-black2);
    color: var(--color-blue);
}

div.unlock:hover:after {content:'achievement unlocked';}
div.lock:hover:after {content:'in progress';}

div.unlock:hover:after, div.lock:hover:after{
position:absolute;
background:var(--color-black2);
font-size:10px;
color:var(--color-hz);
width: 108px;
    margin-left: -4px;
    height: 36px;
    display: grid;
    align-items: center;
    text-align: center;
font-size: 10px;
    -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;
}

#sm1 > div > div.about > a {color:var(--color-nice)}


/* MOBILE CODES
-------------------------------------------------------------*/
@media screen and (max-width: 720px) {

   /* BODY AND DEFAULTS */
   
.punbb .post-content iframe[allowfullscreen] {
    width: 100%!important;
}

.punbb, #pun {
    width: auto!important;
    border: none!important;
    margin: 0 auto}

    body, html {
       width: 100% !important;
       min-height: 100%;
    margin: 0 auto;
       padding: 0 !important;
       border: none !important;
       -webkit-text-size-adjust: 100%;
    }

    body {
       position: relative !important;
    }

    html {
       height: 100% !important;
    }


#pun-about p span,
#pun-status .container,
    .banr, .bannner {
        width: auto!important;}

#html-footer > div > div > div.part {display:none;}

#Logo, .banr, .bannner {margin:0!important}

td, th {
       overflow: hidden !important;
       box-sizing: border-box !important;
       display: inline-block;
    }

    tr {
      width: 100% !important;
    }

    #pun-index table, #pun-viewforum table {
       display: block !important;
       width: 100%  !important;
    }

    .category .tcl, .forum .tcl {
       display: inline-block !important;
       width: 100%  !important;
    }

    .hasicon .tcl {
       display: inline-block !important;
       margin: 0 auto !important;
       box-sizing: border-box !important;
       width: 100% !important;
padding: 20px !important;
    }


.tcr {
       display: inline-block !important;
       width: 100% !important;
       margin: 0 !important;
        padding: 20px 10px 20px 50px !important
    }

#pun-online .main td {
    display: block !important;
    width: 100%;
    width: auto !important;
    text-align: left !important;
}

#NEWS{overflow:hidden!important}

#character {width:100%!important}

.pa-fld3, .pa-fld5, .pa-ip,
.banner,.Add,.go-up, .go-down,
#ZACHTO{display:none!important}

div.tclcon > div.for,
#post-form > h2 > span, .punbb h1 span, #pun-index .tcl h3 a {margin:0!important}

#pun-about .container {width:auto!important}

/*íóòðî*/

.post-author {
float: none !important;
            width: 100% !important;
            padding: 10px;
            box-sizing: border-box;
            margin-top: 0 !important;
            margin-bottom: 10px;
}

    .post-author ul {
            display: grid;
            grid-template-columns: 100px 1fr 60px 60px 5px;
            grid-template-rows: auto auto auto auto;
            gap: 0px 10px;
            grid-template-areas:
            "ava name name name onl"
            "ava title title title ."
            "ava fld1 fld1 fld1 ."
            "ava fld2 fld2 fld2 ."
            "ava . fld4 fld5 .";
            }

 #pun .pa-avatar {
        grid-area: ava;
        }

#pun .pa-title {        text-align: end;
    grid-area: title;}

#pun .pa-author {
    grid-area: name;}

.pa-fld1    {grid-area: fld1;}
.pa-fld2    {grid-area: fld2;         text-align: end!important;}

.pa-fld4 {grid-area: fld4;
}

.pa-respect {grid-area: fld5; 
}


li.pa-online{
            grid-area: onl;
            left: 0!important;
            top: 8px !important;
            }

.post-author .pa-avatar img {
    max-width: 80px !important;
    min-width: 80px !important;
    position: relative;
margin: 8px;
}

    .post-author .pa-author, .post-author .pa-fld2, .pa-fld1, .post-author .pa-title {
       width: auto!important;
    }


    .punbb .post h3 span {
       margin-left: 0 !important;
	   margin-right:0!important;
    padding: 0em 1em 1em 1em !important;
    }
	
    .punbb .post-body {
       margin: 10px 0 0 !important;
       padding: 0 !important;
       box-sizing: border-box !important;
    }

    .punbb .post-box {
         padding: 0 10px 5px!important;
    margin-top: 0!important;
    }

    .punbb .post-body:after {
        width: 100% !important;
        margin: 0 !important;
    }

    .punbb .post-links {
       position: relative !important;
    }
	

.punbb .post-content td {
    display: block;
}

    .punbb .post-links, #profile .post-links {
       width: 100% !important;
       height: auto !important;
       box-sizing: border-box !important;
       text-align: center !important;
    }

.punbb .post-links ul {
    width: 100% !important;
    text-align: center !important;
    height: auto !important;
    line-height: 1.5em!important;
    box-sizing: border-box !important;
}


    #profile .post-links {
       padding: 0 !important;
    }

    #profile .post-links ul {
       width: 100% !important;
    }
.pa-replies {padding-top:6px!important}

    .punbb .post-links a {
       -webkit-text-size-adjust: 125%;
    }

    .pl-email {
       float: none !important;
    }


    #form-buttons table, #form-buttons tbody, #form-buttons tr {
}

    fieldset {
       margin: 0 !important;
       padding: 0 !important;
    }

 #post div[id*="-area"] {
       right: 1em !important;
       width: 100% !important;
       text-align: center;
       box-sizing: border-box;
    }

    #post div[id*="-area"] table, #post div[id*="-area"] tbody {
       width: 100% !important;
       box-sizing: border-box;
    }

    #post div[id*="-area"] input, #post div[id*="-area"] textarea {
       width: 100% !important;
       padding: 0.3em 0.5em !important;
       margin: 0 0 0 0 !important;
       box-sizing: border-box !important;
    }

    #post #keyboard-area input {
       width: auto !important;
    }

    #post div[id*="-area"] .resizable-textarea {
       width: 103.5%;
       padding: 0.5em 0 !important;
       margin: 0 0 0 0 !important;    
       box-sizing: border-box !important;
    }


    .punbb .modmenu {
       padding: 0.1em 0;
    }

    .punbb .modmenu, .punbb .modmenu .container {
       display: inline-block !important;
       width: 100% !important;
       box-sizing: border-box !important;
       text-align: center !important;
	     }

    .punbb .modmenu .container strong, .punbb .modmenu .container span {
       display: inline-block !important;
       width: 100% !important;
       float: none !important;
       text-align: center !important;
       box-sizing: border-box !important;
       clear: both;
    }

    .punbb #topic-modmenu .container span {
       padding: 1em 0 0 0;
    }

.multipage {
    padding: 0 20px !important;
}



#pun-index .user-avatar {
    top: 0px;
}

.punbb select, .punbb optgroup, #plng, #pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4, .input > input {text-align:left!important;}

#pun-searchtopics .main .tc2, #pun-searchtopics .main .tc3,
#pun-viewforum .main .tc2, #pun-viewforum .main .tc3 {display:none}

#pun-searchtopics .main .tcr {width:auto}

/* ïðåäïðîñìîòð ïðîôèëÿ*/
#viewprofile div.container table {
margin: auto;
width: 100%;
}

#profile-right {
padding: 0px !important;
width: auto !important;
word-break: break-word;
gap: 12px 12px;
}

#viewprofile-next #viewprofile .container tr {display: flex;flex-direction: column;}

#profile-left {
width: auto !important;
margin-bottom: 12px;
padding-bottom: 14px !important;
}

#viewprofile #profile-signature {
padding: 14px 0px 12px 0px;
}


#pun-messages #profile .container {
    padding-left: 0!important;
}

    #pun #profilenav {
        width: 100%;
        float: none;
        clear: both;
        margin: 5px 0px 15px 0px !important;
    }

    #pun-messages form#messages {
        margin-left: 0px;
        padding-left: 0px;
        padding-right: 8px;
    }

    #profilenav ul li {
        display: inline-block;
padding: 5px;
    }


#pun-main > div.usertable > div > table > thead > tr > th.tc2.title,#pun-main > div.usertable > div > table > thead > tr > th.tc3.relation,#pun-main > div.usertable > div > table > thead > tr > th.tc3.posts,
#pun-main > div.usertable > div > table > tbody > tr > td.tcl.username > em.user-avatar,
div.usertable .user_title,#pun-main > div.usertable .relation, #pun-main > div.usertable .num_posts, 
#messages > fieldset > div > div > table > tbody > tr > td > em {display:none!important}


#pun-userlist .usertable .container {
    padding: 10px!important;
}


#pun-main.main.multipage > div.usertable > div > table > thead > tr {margin:10px 0}

.usertable tr {
display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: auto;
}

#pun-main > div.usertable .username,
#pun-main > div.usertable .registered,
#pun-main > div.usertable .last_visit {width:auto!important}

/*øàïêà*/

#html-header {        height: auto;
        background: var(--grad);
        top: 0;
        position: relative;}

.light #html-header {        background: var(--color-trans);}

.bannner {background: var(--grad2); margin-top: 10px !important;}
div.banr {
display: inline-flex;;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

#html-footer > div > div > div.bannner > div.part {display:none;}

div.checkgrad, div.gradient-bg {display:none!important;}

#Logo {background:none!important;
width:auto;
height:160px;
}

#Logo:before {content: 'SEPTEMBER';font-size: 38px;font-family:var(--custom);color: var(--color-grey);display: flex;height: 95px;flex-direction: row;flex-wrap: nowrap;justify-content: center;align-items: flex-end;}

#Logo:after {
        content: 'your special day';
        font-size: 11px;
        color: var(--color-grey);
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        font-size: 10px;
        text-transform: lowercase;
        justify-content: center;
}

#BookmCntToggle {
    position: absolute!important;
    left: 10px;}

#chfont {        position: absolute !important;
        top: 3px !important;
        right: 3px !important;
        left: auto !important;
}

#pun-stats, .punbb .category,
#stylelist {margin:0!important}


/*çàìåíà âåðõíåãî ìåíþ*/


#pun-navlinks.fixed, #pun-navlinks {background:var(--color-black2)!important}
#pun-ulinks {background:var(--color-back)}

#pun-navlinks .container {
        padding: 0px !important;
        height: 40px;}

#pun-ulinks .container {padding:5px 5px 10px 5px!important;
        flex-wrap: wrap;
        height: auto !important;
        align-items: flex-start !important;
        justify-content: flex-start;
        display: flex;
        gap: 5px;
}

#pun-ulinks {top: 40px!important; 
        flex-wrap: wrap;
        height: auto !important;
        align-items: flex-start !important;
        justify-content: flex-start;
        display: flex;
        gap: 5px;
        padding: 0 !important;
}


#pun-navlinks {margin:0!important}

#pun-navlinks > ul {
        display: flex;
        align-items: baseline;
        align-content: center;
        justify-content: center;
        gap: 9px;
}


#pun-navlinks a, #pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
display: block;
        margin: 6px 0px;
        font-size: 20px;
        text-transform: lowercase;
        font-weight: normal !important;
        color: var(--color-grey) !important;
}


#navindex a:before {content:"\e88a"!important;     font-family: "Material Symbols Outlined"; } 
#navuserlist a:before {content:"\e653"!important;     font-family: "Material Symbols Outlined";} 
#navsearch a:before {content:"\e8b6"!important;     font-family: "Material Symbols Outlined";} 
#navpm a:before {content:"\e158"!important;     font-family: "Material Symbols Outlined";} 
#navprofile a:before {content:"\e853"!important;     font-family: "Material Symbols Outlined";} 
#navadmin a:before {content:"\e8b8"!important;     font-family: "Material Symbols Outlined";} 
#navlogin a:before {content:"\ea77"!important;     font-family: "Material Symbols Outlined";}
#navlogout a:before {content:"\e9ba"!important;     font-family: "Material Symbols Outlined";} 
#navregister a:before {content:"\e7fe"!important;     font-family: "Material Symbols Outlined";} 
#navpr_1 a:before {content:"\f0f3"!important;     font-family: "Material Symbols Outlined";}
#navpr_2 a:before {content:"\e8f4"!important;     font-family: "Material Symbols Outlined";}

input[type="range"] {
    top: 145px!important;
    right: 12px!important;
}

#stylelist a:before{
        color: var(--color-grey) !important;
}

    #pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner {
        width: auto !important;
        margin-left: -47vw !important;
        height: auto;
    }

    #profile>.container {
        padding-left: 10px !important;
        margin-top: 0px !important;
    }

}


input[type="range"] {
    -webkit-appearance: none;
    appearance: none;
    width: 103px;
    height: 2px;
    background: var(--color-grey);
    outline: none;
    cursor: pointer;
    position: absolute;
    top: -5px;
    z-index: 1;
    opacity:0.85;
  }

        /* Êíîïêà (ïîëçóíîê)  */
 input[type="range"]::-webkit-slider-thumb {
           appearance: none;
            width: 7px;
            height: 7px;
            background: var(--color-green);
            cursor: pointer;
        }

input[type="range"]::-moz-range-thumb {          
            width: 7px;
            height: 7px;
            background: var(--color-green);
            cursor: pointer;
        }

div .post-rating p>a, div.post-vote p>a {
    position: relative;
    z-index: 10;
    width: 28px;
    height: 28px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    align-content: center;
    letter-spacing: -1px;
    cursor: pointer;
}

/* Bingo
------------------ñòûðèëè øàáëîí íà Ìàÿêå---------------------------------------- */

.p_bingo {
    display: grid;
    grid-template: repeat(3, 1fr) / repeat(3, 1fr);
    grid-gap: 6px;
    position: relative;
overflow-x:auto;
}

.p_bingo .task {
    border: 1px dashed var(--color-green);
    padding: 10px 15px;
    display: flex;
    flex-direction: row;
    position: relative;
    aspect-ratio: 1;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.p_bingo .task > p {
    text-align: center;
    margin: auto 0;
}

.p_bingo .task.done {
    background: var(--color-blue);
    border-color: transparent;'
}

.p_bingo .task .proof {
    position: absolute;
    background: var(--color-green);
    width: 100%;
    height: 100%;
    padding: 10px 15px;
    display: flex;
    box-sizing: border-box;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-direction: column;
opacity:0;
    transition-duration: 0.25s;
    -moz-transition-duration: 0.25s;
    -webkit-transition-duration: 0.25s;
    -o-transition-duration: 0.25s;
}

.p_bingo .task:hover .proof {
opacity:1;
}

��

mybb@mybb.ru (September) — Sun, 30 Nov 2025 22:53:02 +0300

�� 
- �� �� ��.
- �� , �� .
- �� -�� -�� , �� , �� -�� (��, ��, �� etc.).
- �� .
�� : name surname - �� y.o. - �� /��

��:

[quote][align=right][size=18][b]�������� ������� [�������][/b][/size][/align][hr]
[align=center][img]https://upforme.ru/uploads/001a/eb/a8/2/355028.png[/img] [img]https://upforme.ru/uploads/001a/eb/a8/2/355028.png[/img][/align]
[align=center][i][size=10]���������[/size][/i][/align]
[align=center]����� ��������/���������� - ������������ ������� y.o. / ���� ��������
������������[/align]
[hr]
[align=right][size=18][b]�������� ����������[/b][/size][/align]
��, ��� ����� ����� ������ ������� � ����� ���������. ��� [i]������[/i] ���������� ������� ��� � �������������� ��������� ������ ��������, � ��� �� ��� ��� �������� � ���� ����������� �����������.
[hr]
[align=right][size=18][b]������ � ������[/b][/size][/align]
���������� ����������� � ����������� ����� ����������. ��� [i]������[/i] - ��, ��� ��������� � ���������� �� ������������� ���������.

[align=right][size=10][i][b]P.S.[/b] ��� ��� ������, ���� �� ���������� (aka �������� ����� - ����� ������� �������).[/i][/size][/align]
[/quote]

��

mybb@mybb.ru (Ladislav Klimt) — Sat, 12 Jul 2025 12:40:58 +0300

�� 
��-��/�� - 2023/24
��
- �� ;
- �� , ��, �� code
[html]
<div class="blabla">
<div class="theme-name">��</br>� �� </div></br>
<div class="theme-links">
<a href="/viewtopic.php?id=3">� ��</a><br>
<a href="/viewtopic.php?id=5">� ��-�� </a><br>
<a href="/viewtopic.php?id=6">� �� </a><br>
<a href="/viewtopic.php?id=7">� �� </a><br>
<a href="viewtopic.php?id=110">� �� </a><br>
</div>
</div>

<div class="blabla">
<div class="theme-name">��</br>��</div></br>
<div class="theme-links">
<a href="/profile.php?id=3">��</a><br>
<a href="/profile.php?id=10">��</a><br>
</div></div>

<div class="blbl">
<div class="theme-name">��</br>��</div></br>
<div class="guestblock">
<div class="gubl">

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

��:

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

vogue

mybb@mybb.ru (Ladislav Klimt) — Fri, 06 Jun 2025 19:09:51 +0300

��:

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

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

:root {
    --color-hz: #ffda5c; /*�����;*/
    --color-nice: #774948; /*����������*/
    --color-nice2: #975c5b;

--color-back: #e7e7e7;
    --color-white: #e7e7e7;
    --color-back: #dddddd;
    --color-white: #dddddd;
    --color-back2: #e3e3e3;

--color-fon: #1a1a1a;
    --color-black2: #141414;
    --color-black: #343434;

    --color-green: #a2a2a2; /*�������*/
    --color-green2: #a2a2a2;
    --color-grey: rgb(255 255 255 / 40%); /*����� ��� ����� ������*/
    --color-grey2: #afafaf; /*����� ��� ��*/
    --color-grey3: #555555; /*����� ��� ������*/

--color-grad: linear-gradient(0deg, var(--color-green2) 0%, #00000000 49%);

--color-grad3:linear-gradient(330deg, #484848 0%, #1a1a1a 49%) border-box;

--color-fon: var(--color-grad3) fixed;

--grad: linear-gradient(0deg, var(--color-nice) 0%, var(--color-black2) 49%);
--grad2: linear-gradient(180deg, var(--color-nice) 0%, var(--color-black2) 49%);

    --color-blue: #6ca18e;/*��������� ������*/
    --wide: 1090px;
    --color-trans: rgb(0 0 0 / 67%);


    --logo: url(https://forumstatic.ru/files/001a/eb/a8/40501.png);
    --footer: url(https://forumstatic.ru/files/001a/eb/a8/98884.png);

    --custom: DidotTitle;
    --custom2: Verdana;
    --custom3: DidotBold;
}

/*-------�����-----------*/
.street {
--color-back:#242424;
--color-back2:#303030;
--color-black:#aaa;
--color-white:#aaa;

--color-fon: #040404;

--color-hz: #b29840;

    --color-green: #5a5a5a;
    --color-green2: #5a5a5a;

--color-grey3: #727272;

--color-blue:#505050;

}

.street .reactions-root {filter:brightness(0.9);     z-index: 10;
    position: relative;}

.street img {filter:brightness(0.9)}

.street #Logo, .street .bannner {opacity: 0.65;}

/*--------------������---------------*/
.light{
--logo: url(https://forumstatic.ru/files/001a/eb/a8/12173.png);
--footer: url(https://forumstatic.ru/files/001a/eb/a8/59762.png);

--color-fon: #333 url(https://forumstatic.ru/files/001a/eb/a8/87048.jpg) center center repeat-y fixed;

    --color-blue: #60aac4; /*#01c9af;*/
    --color-hz: #327697; /*#438397;*/
    --color-nice: #782f43; /*#76253b;*/
    --color-nice2: #782f43; /*#76253b;*/
    --color-grey3: #393d42;

    --grad: linear-gradient(0deg, #782f43 0%, #000000 49%);
    --grad2: linear-gradient(180deg, #782f43 0%, #111111 49%);
}

.light #stylelist {    filter: brightness(0.7);}

/*--------------������������---------------*/
.mless{
--logo: url(https://forumstatic.ru/files/001a/eb/a8/12173.png);
--footer: url(https://forumstatic.ru/files/001a/eb/a8/59762.png);

--color-fon: var(--color-grad3) fixed;


--color-nice: #607e83;
--color-nice2: #607e83;

    --color-hz: #745f5c;
    --color-blue: #8dacb6;

--color-back: #e0e0e0;
--color-white: #e0e0e0;

--color-back2: #e3e3e3;

--color-green: #c0c0c0;
--color-green2: #c0c0c0;

--color-grad: linear-gradient(0deg, #B7BDC0 0%, rgba(0, 0, 0, 1) 49%);
--color-grad3:linear-gradient(330deg, #B7BDC0 0%, #111111 49%) border-box;

}

.mless #stylelist {opacity:0.65}

.mless .bannner, .mless #Logo {filter: grayscale(0.6) brightness(0.8)}


/*-----------------------------*/

/*���*/
body {
background: var(--color-fon);
}

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


#html-header {height: 420px;}

#Logo {
    background: var(--logo) center no-repeat;
    height: 400px;
    margin: 0px 50px;
    position: relative;
    top: 20px;
}

#ZACHTO {position: absolute;
top: 35px;}

/* �������*/

#NEWS {
    top: 409px;
    left: 50px;
    height: 56px;
    position: relative;
    width: 990px;
    background: var(--color-trans);
    display: flex;
    align-items: center;
    overflow-x: auto;
    justify-content: center;
}

#NEWS.overflown {
    justify-content: left;
}

.news0{
    width: 190px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 6px;
    border-right: 1px dashed var(--color-grey);
    padding: 5px 10px;
}


.news0:last-of-type {border: none;}

.newsdate {
    min-width: 50px;
    color: var(--color-nice2);
    font-weight: bold;
    display: flex;
    justify-content: center;
}

.newstxt{
    display: flex;
    flex-direction: column;
    gap: 4px;
}


span.txt1st {
    font-size: 11px;
    font-weight: 700;
    width: 160px;
}

.txt1st a, .for-a > a, #KontentRotator > p > a, kr > a {color: var(--color-grey) !important;transition: color 0.3s ease-in-out;}

.txt1st a:hover, .for-a > a:hover, #KontentRotator > p > a:hover, kr > a:hover {color: var(--color-hz)!important;}


span.txt2nd {
    font-size: 9px;
    color: var(--color-grey);
    line-height: 100%;
    text-transform: lowercase;
}


/*������*/

#RANDOM {
    position: absolute;
    width: var(--wide);
    height: 109px;
    top: -35px;
    padding: 0 0 0px 0px;
    opacity: 1;
    text-align: center;
    -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;
}

#KontentRotator {
    font-size: 10px;
    text-align: right;
    color: var(--color-white);
    overflow-y: auto;
    padding: 0px 10px 10px 165px;
    margin: 20px 0 0;
    height: 40px;
}


#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(--custom2);
    color: var(--color-hz);
    letter-spacing: 1px;
}   

#KontentRotator1 > p > img, #KontentRotator2 > p > img, #KontentRotator3 > p > img, #KontentRotator4 > p > img, #KontentRotator1 > p, #KontentRotator2 > p, #KontentRotator3 > p, #KontentRotator4 > p { 
    width: 90px;
    height: 90px;
    position: absolute;
opacity:0.85;
    border-radius: 10px;}


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

/* ����� */
#pun-about .container {
    height: 0px;
    width: var(--wide);
}

#html-footer {height: 75px;}

#html-footer > div > div {margin-bottom: 20px;}

#html-footer p {
    position: relative;
    display: none;
    width: var(--wide);
    background: var(--color-back);
    text-align: center;
    color: var(--color-grey2);
    border-top: 1px dashed var(--color-green);
    font-family: var(--custom2);
    text-transform: lowercase;
    font-size: 8px;
    font-style: italic;
    text-align: center;
    padding: 0.25em 0;
    letter-spacing: 1px;
    line-height: 1.5;
}

#mask_dialog .hv-form-block input, #mask_dialog .hv-form-block textarea {
      background: var(--color-back2)!important;
    border: 1px solid var(--color-green);
}

#mask_dialog .hv-add-template {
  border: 1px solid var(--color-green)!important;
}

/* 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 {
  color: var(--color-black);
  }

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


/* 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-grey3);
  }

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



/* 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!important;
  color: var(--color-grey3);
        transition: color 0.3s ease-in-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-grey3);
    }



/* CS3.4 */

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

#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-left: -20px;
    margin-top: -5px!important;
}

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


div.icon {
    margin-top: 13px;
    margin-left: -15px;
    position: absolute;
    width: 24px;
    height: 24px;
}

div.icon:before {
    position: absolute;
    width: 24px;
    height: 24px;
    font-size: 18px;
    content: '\2739';
    color: var(--color-grey3);
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}


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

.isticky Div.icon:before {
    content: "\2766"!important;
}

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

.iclosed Div.icon:before {
    color: var(--color-grey3);
}

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

div.post-rating > p > a {font-size: 14px!important;}

div.post-vote a, div.post-vote a:hover, div.post-rating a, div.post-rating a:hover {
  color:var(--color-grey2)!important;
}

div.post-vote p {
    float: right !important;
    border: 0 !important;
    padding: 0px !important;
    margin-right: 15px !important;
}

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

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

::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

::-webkit-scrollbar-track {
  background: var(--color-grey2);
}
::-webkit-scrollbar-thumb {
  background: var(--color-nice);
}

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

/* ������ ��� � ������ ��� ��������� ���� */
#pun-main .forum .tcl .byuser {
}

.multipage .byuser:before,
#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 {
 }

/*��� ������ ���������*/
#pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner {
    margin: -131px 0 0 -451px!important;
    width: 900px!important;
    height: 165px;
    right: 12px!important;
    font-size: 10px;
    background-color: var(--color-back)!important;
}

#reputationText {        margin: 10px 0;
        border: 1px solid var(--color-green);
        background-color: var(--color-back2) !important;
}

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


/*����� ���, ������������*/
#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;}


/*ARROWS*/
.go-up, .go-down {
    position: fixed;
    margin-left: 1130px!important;
    z-index: 9997;
    cursor: pointer;
    opacity: 1;
}

.day .go-up, .day .go-down {
filter: brightness(0.9);}

.go-up {
bottom: 56%; 
}
.go-down {
bottom: 49%; 
}

.go-up:before, .go-down:before{
    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; 
    font-family: var(--custom);
    font-size: 24px;
    color: var(--color-nice);
    font-weight: 600;
    text-transform: lowercase;
    letter-spacing: 1px;
}

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

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


.banr{
    height: 50px;
    overflow-y: auto;
    padding: 5px 0 !important;
    width: 645px;
    margin: 0px 10px 5px 335px!important;
    position: relative;
    top: 5px;
    }

.bannner {
    width: 990px;
    height: 75px;
    text-align: left;
    background: var(--footer);
    margin: 0px 50px 20px!important;
}

.bannner a {
    opacity: 0.85;
    -moz-opacity: 0.85;
    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{display:none;
    text-align: center!important;
    text-transform: lowercase;
    font-size: 8px;
    font-weight: bold; }

#pun-main > div > h1 > span {display: block;}

#pun-statistic .tc-username {width:15%!important}

.punbb .main .tcr a {
 /*    font-weight: bold;
   color: var(--color-nice);
    font-size: 13px;
    font-family: var(--custom);
    text-transform: lowercase;
        letter-spacing: 1px;
        font-style: italic;*/
   }

.multipage .tcr a {font-family: var(--custom2)!important;
font-size: 11px!important;
letter-spacing: 0!important;
color: var(--color-grey3)!important;}


.pun-modal .modal-inner {
    border: 1px double var(--color-green2) !important;
    background: var(--color-back) !important;
}


/* ������������ */
#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;}


/* ������� */


li.pa-fld1 > a {
font-style: italic;
    text-transform: lowercase;
    color: var(--color-grey) !important;
    letter-spacing: 0.5px;
    transition: color 0.3s ease-in-out;
}

li.pa-fld1 > a:hover {
 color: var(--color-hz) !important;}


li.pa-fld1 > br {
    content: "";
    display: block;
    margin: 3px;
}

ul > li.pa-fld1 > a:nth-child(1), ul > li.pa-fld1 > a:nth-child(1):hover, ul > li.pa-fld1 > a:nth-child(1):visited, li.pa-fld1 > a:nth-child(2), li.pa-fld1 > a:nth-child(2):hover, li.pa-fld1 > a:nth-child(2):visited  {font-size:11px!important}

.pa-fld1 {
    text-align: left;
    font-size: 9px;
    margin-top: 0px !important;
    margin: -10px 13px 5px !important;
    padding: 9px 2px 13px !important;
    overflow-y: auto;
    line-height: 1.5;
    border-bottom: 1px dashed var(--color-grey);
    /* border-image: var(--color-grad); */
    /* border-image-slice: 1; */
}


.pa-fld1, .post .pa-fld2, .pa-fld4, .pa-fld3, .pa-respect, .pa-time-visit, .pa-last-visit, .pa-ip  {
    color: var(--color-white);
}

.post .pa-fld2 {
    text-align: center;
    text-transform: lowercase;
    letter-spacing: 1px;
    padding: 0.1em;
    line-height: 1.5;
    margin: 0px 20px 6px;
    font-family: var(--custom2);
    font-size: 11px;
}

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

.pa-fld4, .pa-respect {
    font-size: 9px;
    width: 57px;
    margin:10px 2px!important;
    display: inline-block;
    text-align: center;
}

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

.pa-time-visit, .pa-last-visit, .pa-ip {
    font-size: 9px;
    text-transform: lowercase;
    text-align: center;
}
.pa-time-visit br, .pa-last-visit br {display:none}

.pa-ip {padding:10px 0!important}

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

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


/* ������ ������� */
#pun-index .user-avatar {top: -5px;}

#pun-modviewforum .user-avatar, #pun-searchtopics .user-avatar {
    top: -11px !important;
}

#pun-viewforum .user-avatar {
    top: -13px!important;
}

#pun-viewforum .user-avatar, #pun-index .user-avatar, #pun-modviewforum .user-avatar, #pun-searchtopics .user-avatar {
    margin: 0px 20px 0px 10px;
    width: 35px!important;
    height: 35px!important;
    border-radius: 0px!important;
    }

.punbb .user-avatar .avatar-image {
    width: 35px !important;
    height: 35px !important;
    opacity: 1 !important;
    border-radius: 0px !important;
}

#messages > fieldset > div > div > table > tbody > tr > td > em {  margin-top: -15px;
    border-radius: 0px!important;
    width: 35px!important;
    height: 35px!important;
}

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


.post-content hr {
    background: var(--color-green);
    height: 1px;
    border: none !important;
    margin: 5px 0px !important;
    opacity: 1!important;
}

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

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

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

#MyBookmarks > h2 > span, #MyBookmarks h2 {
    margin: 0!important;
    background: var(--color-blue)!important;
    font-family: var(--custom2)!important;
    color: var(--color-white)!important;
font-size:10px;
letter-spacing:0.5px;
text-transform:lowercase!important;
text-shadow:none!important;
}

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

.isonline {
    margin-top: 0px!important;
background: var(--color-hz)!important;
    top: 2px!important;
    right: 2px!important;
z-index:1!important
}


/* ������ */

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

.post .bookmark {right: -55px!important;}

#main-reply {text-align: justify;margin-bottom: 5px;border: 1px solid var(--color-green);padding: 5px 10px;line-height: 150%;width:97%!important;min-height: 250px;background: var(--color-back2);color:var(--color-black);}

.punbb .datafield br, #pun-title h1 span, #pun-break4, li.pa-gifts, #messages > fieldset > legend, td.tcl > div > div.tclcon > div.subforums,.pa-fld3 .fld-name, .pa-fld4 .fld-name, 
.punbb #post-form fieldset legend span, div.post-links > ul > li.pl-share {display: none!important}


/*-----������� � nycity.fun------*/
.ico {
    background: var(--color-grey2);
    display: flex !important;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    border-radius: 50px;
    padding: 0px;
}

.ico img {
	max-width: 24px;
	max-height: 24px;
}

.lspl pl {
display: flex;
    flex-wrap: wrap;
    gap: 10px;
    text-align: center;
    justify-content: flex-end;
    overflow: auto;
    margin-top: 5px;
    margin-right: 15px;
    overflow-y: auto;
    overflow-x: hidden;
}

div.lspl > pl > .plsh {background: var(--color-trans);
width: 226px;
    background-size: cover !important;
    height: 36px;
    line-height: 1.5;}

.lsic ic {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: right;
    align-items: center;
    min-height: 70px;
height:auto;
    margin-right: 15px;
    overflow-y: auto;
    overflow-x: hidden;
    color: var(--color-back);
    font-size: 13px;
    font-family: var(--custom2);
}

.hdr hd {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    justify-content: right;
    align-items: center;
    min-height: 150px;
height:auto;
    margin: 10px 10px 10px 15px;
    overflow-y: auto;
    overflow-x: hidden;
}

.hdr hd > .head {background-size: contain !important;
    background-position: center !important;
    width: 150px;
    height: 268px;
    border-radius: 15px;}

.hdr hd > .head > .header {    position: relative;
    background: var(--color-black2);
    margin: 15px 10px;
    border-radius: 12px;
    width: 130px;
    height: 210px;}

.punbb .post-content > div.collection {margin:0!important; background: var(--color-back);}

.Tems_And_messages {
    display: inline-block;
    font-size: 9px;
}

.Add {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-end;
    justify-content: flex-start;
    width: 90px;
    line-height: 150%;
    margin-left: -22px !important;
    margin-top: -18px !important;
    color: var(--color-grey3);
    transform-style: initial;
    text-transform: lowercase;
    opacity: 0.5;
}

.Tems_And_messages .right{
  float:left;
}

.alt2.inew > .tcl h3 a:after {
        content: '[NEW]';
        margin-left: 5px;
        font-style: italic;
        color: var(--color-nice);
}

.alt2.inew > td.tcl > div > div.icon.inew {display:none}


/*------- ������ ----------------------*/
.reveal-modal-bg { 
	position: fixed; 
	height: 100%;
	width: 100%;
	background: rgba(0,0,0,.8);
	z-index: 100;
	display: none;
	top: 0;
	left: 0; 
	}
.reveal-modal {
	visibility: hidden;
	top: 100px; 
	left: 50%;
	margin-left: -300px;
	width: 520px;
	position: absolute;
	z-index: 101;
	padding: 30px 40px 34px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	}
.reveal-modal.small     { width: 200px; margin-left: -140px;}
.reveal-modal.medium     { width: 400px; margin-left: -240px;}
.reveal-modal.large     { width: 600px; margin-left: -340px;}
.reveal-modal.xlarge     { width: 800px; margin-left: -440px;}
	
.reveal-modal .close-reveal-modal {
    font-size: 22px;
    line-height: .5;
    position: absolute;
    top: 12px;
    right: 40px;
    color: var(--color-blue);
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
}

.menu span {
cursor: pointer;
    margin: 0px 0 10px;
    padding: 10px 15px 10px 15px;
    font-family: var(--custom2);
    font-size: 13px;
letter-spacing:1;
    text-align: center;
    display: flex;
    align-items: center;
    color: var(--color-black);
}
.menu-links {
    float: left;
    margin-right: 15px!important;
}

#submenu, .menu span {
background: var(--color-back);
    border-radius: 10px;
}

.menu .tabactive {
    filter: brightness(0.8);
}

#submenu {    display: inline-block;
	padding: 7px;
	font-size: 12px;
	width: 610px;
}    
.submenutext {
	display: none; 
	height: 0px;
}

#sm1, #sm2, #sm3, #sm20, #sm99, #sm4 {height: 600px; overflow-y:auto;overflow-x:hidden;}

div.face {
    background-repeat: no-repeat !important;
    background-position: center center !important;
    position: relative;
    width: 180px;
    height: 180px;
    margin: 0 15px;
}

#sm1 > div > div.about { width: 310px;
    height: 160px;
    align-items: center;
    display: flow;
    padding: 10px 15px;
    margin: 0px 2px 0 0;
    background: var(--color-grey);
color:var(--color-black2);
    overflow-y: auto;
    font-size: 11px;
}

div.collection > h1,
.submenutext > h1 {
    font-family: var(--custom2);
    font-size: 12px;
    letter-spacing: 1px;
    text-align: right;
    border-bottom: 1px dotted var(--color-nice);
margin:10px;
}

div.pers, div.ach  {    position: relative;
    display: inline-flex;
    justify-content: space-between;
    width: 575px;
    height: 40px;
    margin: 10px;}

div.collection { position: relative;
    display: flow;
    height: auto;
    padding: 1px 0 20px 0px;
    margin: 10px 25px 10px 25px;
    background: var(--color-grey);
}

div.lock, div.unlock { background: var(--color-grey2);
width: 100px;
    height: 36px;
    display: grid;
    align-items: center;
    text-align: center;
font-size: 10px;
padding: 0 4px;
color: var(--color-black2);
}

div.unlock {    background: var(--color-black2);
    color: var(--color-blue);
}

div.unlock:hover:after {content:'achievement unlocked';}
div.lock:hover:after {content:'in progress';}

div.unlock:hover:after, div.lock:hover:after{
position:absolute;
background:var(--color-black2);
font-size:10px;
color:var(--color-hz);
width: 108px;
    margin-left: -4px;
    height: 36px;
    display: grid;
    align-items: center;
    text-align: center;
font-size: 10px;
    -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;
}

#sm1 > div > div.about > a {color:var(--color-nice)}


/* MOBILE CODES
-------------------------------------------------------------*/
@media screen and (max-width: 720px) {

   /* BODY AND DEFAULTS */
   
.punbb .post-content iframe[allowfullscreen] {
    width: 100%!important;
}

.punbb, #pun {
    width: auto!important;
    border: none!important;
    margin: 0 auto}

    body, html {
       width: 100% !important;
       min-height: 100%;
    margin: 0 auto;
       padding: 0 !important;
       border: none !important;
       -webkit-text-size-adjust: 100%;
    }

    body {
       position: relative !important;
    }

    html {
       height: 100% !important;
    }


#pun-about p span,
#pun-status .container,
    .banr, .bannner {
        width: auto!important;}

#Logo, .banr, .bannner {margin:0!important}

td, th {
       overflow: hidden !important;
       box-sizing: border-box !important;
       display: inline-block;
    }

    tr {
      width: 100% !important;
    }

    #pun-index table, #pun-viewforum table {
       display: block !important;
       width: 100%  !important;
    }

    .category .tcl, .forum .tcl {
       display: inline-block !important;
       width: 100%  !important;
    }

    .hasicon .tcl {
       display: inline-block !important;
       margin: 0 auto !important;
       box-sizing: border-box !important;
       width: 100% !important;
padding: 20px !important;
    }


.tcr {
       display: inline-block !important;
       width: 100% !important;
       margin: 0 !important;
        padding: 20px 10px 20px 50px !important
    }

#pun-online .main td {
    display: block !important;
    width: 100%;
    width: auto !important;
    text-align: left !important;
}

#NEWS{overflow:hidden!important}

#character {width:100%!important}

.pa-fld3, .pa-fld5, .pa-ip,
.banner,.Add, .go-up, .go-down,
#ZACHTO{display:none!important}

div.tclcon > div.for,
#post-form > h2 > span, .punbb h1 span, #pun-index .tcl h3 a {margin:0!important}

#pun-about .container {width:auto!important}

/*�����*/

.post-author {
float: none !important;
            width: 100% !important;
            padding: 10px;
            box-sizing: border-box;
            margin-top: 0 !important;
            margin-bottom: 10px;
}

    .post-author ul {
            display: grid;
            grid-template-columns: 100px 1fr 60px 60px 5px;
            grid-template-rows: auto auto auto auto;
            gap: 0px 10px;
            grid-template-areas:
            "ava name name name onl"
            "ava title title title ."
            "ava fld1 fld1 fld1 ."
            "ava fld2 fld2 fld2 ."
            "ava . fld4 fld5 .";
            }

 #pun .pa-avatar {
        grid-area: ava;
        }

#pun .pa-title {        text-align: end;
    grid-area: title;}

#pun .pa-author {
    grid-area: name;}

.pa-fld1    {grid-area: fld1;}
.pa-fld2    {grid-area: fld2;         text-align: end!important;}

.pa-fld4 {grid-area: fld4;
}

.pa-respect {grid-area: fld5; 
}


li.pa-online{
            grid-area: onl;
            left: 0!important;
            top: 8px !important;
            }

.post-author .pa-avatar img {
    max-width: 80px !important;
    min-width: 80px !important;
    position: relative;
}

    .post-author .pa-author, .post-author .pa-fld2, .pa-fld1, .post-author .pa-title {
       width: auto!important;
    }


    .punbb .post h3 span {
       margin-left: 0 !important;
	   margin-right:0!important;
    padding: 0em 1em 1em 1em !important;
    }
	
    .punbb .post-body {
       margin: 10px 0 0 !important;
       padding: 0 !important;
       box-sizing: border-box !important;
    }

    .punbb .post-box {
         padding: 0 10px 5px!important;
    margin-top: 0!important;
    }

    .punbb .post-body:after {
        width: 100% !important;
        margin: 0 !important;
    }

    .punbb .post-links {
       position: relative !important;
    }
	

.punbb .post-content td {
    display: block;
}

    .punbb .post-links, #profile .post-links {
       width: 100% !important;
       height: auto !important;
       box-sizing: border-box !important;
       text-align: center !important;
    }

.punbb .post-links ul {
    width: 100% !important;
    text-align: center !important;
    height: auto !important;
    line-height: 1.5em!important;
    box-sizing: border-box !important;
}


    #profile .post-links {
       padding: 0 !important;
    }

    #profile .post-links ul {
       width: 100% !important;
    }
.pa-replies {padding-top:6px!important}

    .punbb .post-links a {
       -webkit-text-size-adjust: 125%;
    }

    .pl-email {
       float: none !important;
    }


    #form-buttons table, #form-buttons tbody, #form-buttons tr {
}

    fieldset {
       margin: 0 !important;
       padding: 0 !important;
    }

 #post div[id*="-area"] {
       right: 1em !important;
       width: 100% !important;
       text-align: center;
       box-sizing: border-box;
    }

    #post div[id*="-area"] table, #post div[id*="-area"] tbody {
       width: 100% !important;
       box-sizing: border-box;
    }

    #post div[id*="-area"] input, #post div[id*="-area"] textarea {
       width: 100% !important;
       padding: 0.3em 0.5em !important;
       margin: 0 0 0 0 !important;
       box-sizing: border-box !important;
    }

    #post #keyboard-area input {
       width: auto !important;
    }

    #post div[id*="-area"] .resizable-textarea {
       width: 103.5%;
       padding: 0.5em 0 !important;
       margin: 0 0 0 0 !important;    
       box-sizing: border-box !important;
    }


    .punbb .modmenu {
       padding: 0.1em 0;
    }

    .punbb .modmenu, .punbb .modmenu .container {
       display: inline-block !important;
       width: 100% !important;
       box-sizing: border-box !important;
       text-align: center !important;
	     }

    .punbb .modmenu .container strong, .punbb .modmenu .container span {
       display: inline-block !important;
       width: 100% !important;
       float: none !important;
       text-align: center !important;
       box-sizing: border-box !important;
       clear: both;
    }

    .punbb #topic-modmenu .container span {
       padding: 1em 0 0 0;
    }

.multipage {
    padding: 0 20px !important;
}



#pun-index .user-avatar {
    top: 0px;
}

.punbb select, .punbb optgroup, #plng, #pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4, .input > input {text-align:left!important;}

#pun-searchtopics .main .tc2, #pun-searchtopics .main .tc3,
#pun-viewforum .main .tc2, #pun-viewforum .main .tc3 {display:none}

#pun-searchtopics .main .tcr {width:auto;
    text-align: end;}

.punbb .user-avatar {
    float: right!important;}

/* ������������ �������*/
#viewprofile div.container table {
margin: auto;
width: 100%;
}

#profile-right {
padding: 0px !important;
width: auto !important;
word-break: break-word;
gap: 12px 12px;
}

#viewprofile-next #viewprofile .container tr {display: flex;flex-direction: column;}

#profile-left {
width: auto !important;
margin-bottom: 12px;
padding-bottom: 14px !important;
}

#viewprofile #profile-signature {
padding: 14px 0px 12px 0px;
}


#pun-messages #profile .container {
    padding-left: 0!important;
}

    #pun #profilenav {
        width: 100%;
        float: none;
        clear: both;
        margin: 5px 0px 15px 0px !important;
    }

    #pun-messages form#messages {
        margin-left: 0px;
        padding-left: 0px;
        padding-right: 8px;
    }

    #profilenav ul li {
        display: inline-block;
padding: 5px;
    }


#pun-main > div.usertable > div > table > thead > tr > th.tc2.title,#pun-main > div.usertable > div > table > thead > tr > th.tc3.relation,#pun-main > div.usertable > div > table > thead > tr > th.tc3.posts,
#pun-main > div.usertable > div > table > tbody > tr > td.tcl.username > em.user-avatar,
div.usertable .user_title,#pun-main > div.usertable .relation, #pun-main > div.usertable .num_posts, 
#messages > fieldset > div > div > table > tbody > tr > td > em {display:none!important}


#pun-userlist .usertable .container {
    padding: 10px!important;
}


#pun-main.main.multipage > div.usertable > div > table > thead > tr {margin:10px 0}

.usertable tr {
display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: auto;
}

#pun-main > div.usertable .username,
#pun-main > div.usertable .registered,
#pun-main > div.usertable .last_visit {width:auto!important}

/*�����*/

 #html-header {height:auto; background: var(--grad);}

.bannner {background: var(--grad2);}

.mless #html-header {  filter: grayscale(1) }

#Logo {background:none!important;
filter:none!important;
height:160px;
}

#Logo:before {content: 'SEPTEMBER';font-size: 38px;font-family:var(--custom);color: var(--color-grey);display: flex;height: 82px;flex-direction: row;flex-wrap: nowrap;justify-content: center;align-items: flex-end;}

#Logo:after {
        content: 'your special day';
        font-size: 11px;
        color: var(--color-grey);
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        font-size: 10px;
        text-transform: lowercase;
        justify-content: center;
}

#BookmCntToggle {
    position: absolute!important;
    left: 10px;}

#chfontsize {
    position: absolute!important;}

#pun-stats, .punbb .category,
#stylelist {margin:0!important}


/*������ �������� ����*/


#pun-navlinks.fixed, #pun-navlinks {background:var(--color-black2)!important}
#pun-ulinks {background:var(--color-back)}

#pun-navlinks .container {
        padding: 0px !important;
        height: 40px;}

#pun-ulinks .container {padding:5px 5px 10px 5px!important;
        flex-wrap: wrap;
        height: auto !important;
        align-items: flex-start !important;
        justify-content: flex-start;
        display: flex;
        gap: 5px;
}

#pun-ulinks {top: 40px!important; 
        flex-wrap: wrap;
        height: auto !important;
        align-items: flex-start !important;
        justify-content: flex-start;
        display: flex;
        gap: 5px;
        padding: 0 !important;
}


#pun-navlinks {margin:0!important}

#pun-navlinks > ul {
        display: flex;
        align-items: baseline;
        align-content: center;
        justify-content: center;
        gap: 9px;
}


#pun-navlinks a, #pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
display: block;
        margin: 6px 0px;
        font-size: 20px;
        text-transform: lowercase;
        font-weight: normal !important;
        color: var(--color-grey) !important;
}


#navindex a:before {content:"\e88a"!important;     font-family: "Material Symbols Outlined"; } 
#navuserlist a:before {content:"\e653"!important;     font-family: "Material Symbols Outlined";} 
#navsearch a:before {content:"\e8b6"!important;     font-family: "Material Symbols Outlined";} 
#navpm a:before {content:"\e158"!important;     font-family: "Material Symbols Outlined";} 
#navprofile a:before {content:"\e853"!important;     font-family: "Material Symbols Outlined";} 
#navadmin a:before {content:"\e8b8"!important;     font-family: "Material Symbols Outlined";} 
#navlogin a:before {content:"\ea77"!important;     font-family: "Material Symbols Outlined";}
#navlogout a:before {content:"\e9ba"!important;     font-family: "Material Symbols Outlined";} 
#navregister a:before {content:"\e7fe"!important;     font-family: "Material Symbols Outlined";} 
#navpr_1 a:before {content:"\f0f3"!important;     font-family: "Material Symbols Outlined";}
#navpr_2 a:before {content:"\e8f4"!important;     font-family: "Material Symbols Outlined";}

input[type="range"] {
    top: 145px!important;
    right: 12px!important;
}

#stylelist a:before{
        color: var(--color-grey) !important;
}

    #pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner {
        width: auto !important;
        margin-left: -47vw !important;
        height: auto;
    }

    #profile>.container {
        padding-left: 10px !important;
        margin-top: 0px !important;
    }

}


input[type="range"] {
    -webkit-appearance: none;
    appearance: none;
    width: 103px;
    height: 2px;
    background: var(--color-grey);
    outline: none;
    cursor: pointer;
    position: absolute;
    top: 65px;
    z-index: 1;
opacity:0.85;
  }

        /* ������ (��������)  */
 input[type="range"]::-webkit-slider-thumb {
           appearance: none;
            width: 7px;
            height: 7px;
            background: var(--color-green);
            cursor: pointer;
        }

input[type="range"]::-moz-range-thumb {          
            width: 7px;
            height: 7px;
            background: var(--color-green);
            cursor: pointer;
        }

div .post-rating p>a, div.post-vote p>a {
    position: relative;
    z-index: 10;
    width: 28px;
    height: 28px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    align-content: center;
    letter-spacing: -1px;
    cursor: pointer;
}

/* Bingo
------------------������� ������ �� �����---------------------------------------- */

.p_bingo {
    display: grid;
    grid-template: repeat(3, 1fr) / repeat(3, 1fr);
    grid-gap: 6px;
    position: relative;
overflow-x:auto;
}

.p_bingo .task {
    border: 1px dashed var(--color-green);
    padding: 10px 15px;
    display: flex;
    flex-direction: row;
    position: relative;
    aspect-ratio: 1;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.p_bingo .task > p {
    text-align: center;
    margin: auto 0;
}

.p_bingo .task.done {
    background: var(--color-blue);
    border-color: transparent;'
}

.p_bingo .task .proof {
    position: absolute;
    background: var(--color-green);
    width: 100%;
    height: 100%;
    padding: 10px 15px;
    display: flex;
    box-sizing: border-box;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-direction: column;
opacity:0;
    transition-duration: 0.25s;
    -moz-transition-duration: 0.25s;
    -webkit-transition-duration: 0.25s;
    -o-transition-duration: 0.25s;
}

.p_bingo .task:hover .proof {
opacity:1;
}

second

mybb@mybb.ru (Ladislav Klimt) — Sat, 10 May 2025 23:58:48 +0300

#2f2b20

7th

mybb@mybb.ru (Ladislav Klimt) — Mon, 24 Mar 2025 19:15:51 +0300

��:

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

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

:root {
    --color-hz: #914db1;  
   --color-nice: #e16e6e;
--color-nice2: #a5a5a5;

--color-back: #e7e7e7;
    --color-white: #e7e7e7;
    --color-black2: #000;
    --color-black: #363636;

--color-green:#565656;
--color-green2: #898989; 

--color-grey: rgb(151 151 151 / 20%); /*����� ��� ����� ������*/
--color-grey2: #bdbdbd;

--color-blue: #90d8d2;/*��������� ������*/

--wide: 1040px;

--color-trans: rgb(0 0 0 / 60%);

--color-grad: linear-gradient(0deg, var(--color-green2) 0%, #00000000 49%);

--color-grad2: linear-gradient(270deg, var(--color-nice), var(--color-hz), var(--color-black)) border-box;

--color-grad-text:linear-gradient(90deg, var(--color-hz), var(--color-green));


--html-bg: #333 url(https://forumstatic.ru/files/001a/eb/a8/87916.jpg) top center repeat-y fixed;
--logo: url(https://forumstatic.ru/files/001a/eb/a8/17072.png);
--logo2: url(https://forumstatic.ru/files/001a/eb/a8/22814.png);
--footer: url(https://forumstatic.ru/files/001a/eb/a8/53578.png);

--custom: Leotaro;
--custom2: Verdana;
--custom3: Comfortaa;
}
/*-------�����-----------*/
.street {
--color-back:#242424;
--color-black:#aaa;
--color-white:#aaa;
--color-green:#4d917b;
--color-nice: #4d917b;
--color-blue:#13729a;
--logo: url(https://forumstatic.ru/files/001a/eb/a8/95050.png);
--footer: url(https://forumstatic.ru/files/001a/eb/a8/17867.png);
--html-bg: #333 url(https://forumstatic.ru/files/001a/eb/a8/61603.jpg) top center repeat-y fixed;
}

.street img {filter:brightness(0.95)}
.street #Logo2 {filter: brightness(0.75);}

.street .pa-title, .street .pa-fld5 {background: #333}

/*--------------������---------------*/
.light{
--html-bg: #333 url(https://forumstatic.ru/files/001a/eb/a8/53466.jpg) top center repeat-y fixed;
--logo: url(https://forumstatic.ru/files/001a/eb/a8/56584.png);
--logo2: url(https://forumstatic.ru/files/001a/eb/a8/81788.png);
--footer:url();
--color-white: #dedede;
--color-back: #dedede;
--color-grey2: #888;
--color-nice: #6b7984;
--color-blue: #66c181; 

--color-grad-text:linear-gradient(90deg, var(--color-grey2), var(--color-grey2));
    --color-grad2: linear-gradient(270deg, var(--color-grey2), var(--color-grey2)) border-box;
}
.light blockquote a, .light .punbb .post-content > p > a {    color: var(--color-nice)!important;}

/*------------������-----------------*/
.meds{
--html-bg: #6b6b6b url(https://forumstatic.ru/files/001a/eb/a8/70899.png) repeat fixed;
--logo: url(https://forumstatic.ru/files/001a/eb/a8/48048.png);
--logo2: url(https://forumstatic.ru/files/001a/eb/a8/49898.png);
--footer:url();

--color-hz:#b77082;
--color-black: #282828;
--color-white: #dedede;
--color-blue: #ff7b9c;
--color-nice: #0083ab;
--color-grey2: #9d9d9d;
--color-green2:#757575;

--color-grad-text:linear-gradient(90deg, var(--color-green), var(--color-green));
    --color-grad2: linear-gradient(270deg, var(--color-black2), var(--color-blue), var(--color-black2)) border-box;
}

.meds #Logo {border-bottom: 10px solid var(--color-black);
filter: saturate(0.85);}
.meds {background-size: auto!important;}
.meds #pun-status .container, .meds #wat > a, .meds #wat, .meds #genre {color: var(--color-back);}

.meds blockquote a, .meds .punbb .post-content > p > a {    color: var(--color-hz)!important;}

.meds .pa-title, .meds .pa-fld5 {background:var(--color-green2)}

.meds ul > li.pa-fld1 > a:nth-child(1),
.meds ul > li.pa-fld1 > a:nth-child(1):hover,
.meds ul > li.pa-fld1 > a:nth-child(1):visited,
.meds li.pa-fld1 > a:nth-child(2), 
.meds li.pa-fld1 > a:nth-child(2):hover, 
.meds li.pa-fld1 > a:nth-child(2):visited,
.meds .pa-fld1 a, 
.meds .pa-fld1 a:hover, 
.meds .pa-fld1 a:visited {
    color: var(--color-green2)!important;
}

/*--------------������������---------------*/
.mless{
--html-bg: var(--color-grad3) fixed;
--color-nice: #a5abad; 
--color-blue: #8f9095;/*��������� ������*/
--color-hz: #a18686;
--color-green2: #b7bec0;

--color-grad: linear-gradient(0deg, #b7bec0 0%, rgba(0, 0, 0, 1) 49%);
--color-grad2:linear-gradient(270deg, #b7bec0 0%, rgba(0, 0, 0, 1) 49%) border-box;

--color-grad3:linear-gradient(330deg, #b7bec0 0%, #111111 49%) border-box;

--color-grad-text:linear-gradient(90deg, var(--color-hz), var(--color-green));

--logo: url(https://forumstatic.ru/files/001a/eb/a8/56030.png);
--logo2: url(https://forumstatic.ru/files/001a/eb/a8/80902.png);
--footer:url();
}

.mless #Logo2 { filter: brightness(0.95);}

/*-----------------------------*/

body {
    min-width: 600px!important;
}

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

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


#html-header {
width: var(--wide);
    background: var(--html-bg);
background-size: cover;
}

#Logo {
    background: var(--logo) center no-repeat;
    width: var(--wide);
    height: 320px;
    text-align: center;
    margin-left: 0px;
    border-bottom: 10px solid var(--color-back);
}

#Logo2 {
    background: var(--logo2);
    width: 565px;
    height: 95px;
    bottom: -25px;
    margin-left: 395px;
    position: absolute;
}

#wat {top: 168px;
    width: 150px;
    left: 660px;
}

#wat > a {color:var(--black2)!important;}

#genre  {  bottom: -45px;
    width: 260px;
    right: -15px;
}

#wat, #genre {     font-size: 10px;
    font-style: italic;
    color: var(--color-black);
    letter-spacing: 0.5px;
    position: absolute;
}

#ZACHTO {
position: absolute;
    width: var(--wide);
    height: 260px;
    top: 35px;
}

#NEWS {
    bottom: -90px;
    left: 10px;
    position: relative;
    width: 210px;
    text-align: left;
    font-size: 13px;
    display: block;
    display: flex;
    justify-content: flex-end;
    gap: 0px;
    flex-wrap: wrap;
}

#NEWS > a {
margin: 2px!important;
    text-transform: lowercase;
    color: var(--color-white);
    background: var(--color-black2);
    padding: 2px 10px 4px;
}

#RANDOM {background: var(--color-black2);
    position: absolute;
    left: 240px;
    width: 370px;
    height: 145px;
    top: 77px;
    padding: 0 0 0 0;
    opacity: 1;
    text-align: center;
    -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;
}

#KontentRotator { font-size: 10px;
    text-align: right;
    color: var(--color-white);
    overflow-y: auto;
    padding: 18px 25px 20px;
    margin: 0px 0px 0px 35px;
    height: 75px;
    line-height: 125%;
    width: 285px;
    outline: 1px dotted var(--color-white);
    outline-offset: 11px;
}


#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(--custom2);
    color: var(--color-hz);
    letter-spacing: 1px;
}   

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

#KontentRotator1 > p > img, #KontentRotator2 > p > img, #KontentRotator3 > p > img, #KontentRotator4 > p > img, #KontentRotator1 > p, #KontentRotator2 > p, #KontentRotator3 > p, #KontentRotator4 > p { 
    width: 90px;
    height: 90px;
    position: absolute;
opacity:0.85;
    border-radius: 10px;}



#dot { position: absolute;
    color: var(--color-white);
    font-size: 15px;
    top: 180px;
    right: 0px;
    width: 50px;
    height: 20px;
    text-align: right;
}

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

/* ����� */
#pun-about .container {
    height: 0px;
    width: var(--wide);
}

#html-footer {height: 20px;
}

#html-footer > div > div {margin-bottom:20px}

#html-footer p {
    position: relative;
    display: block;
    width: var(--wide);
    background: var(--color-back);
    text-align: center;
    color: var(--color-grey2);
    border-top: 1px dotted var(--color-grey2);
    font-family: var(--custom2);
    text-transform: lowercase;
    font-size: 8px;
    font-style: italic;
    text-align: center;
    padding: 0.25em 0;
    letter-spacing: 1px;
    line-height: 1.5;
}

/* 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 {
  color: var(--color-black);
  }

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


/* 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-green)
  }

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



/* 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-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, #pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active  {
    color: var(--color-white);
    margin: 0px !important;
    font-size: 38px;
    font-family: var(--custom2);
    text-transform: lowercase;
  }

/* CS3.4 */

#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: -13px;
    margin-top: -7px!important;
}

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


div.icon {
    margin-top: 13px;
    margin-left: -15px;
    position: absolute;
    width: 24px;
    height: 24px;
}

div.icon:before {
    position: absolute;
    width: 24px;
    height: 24px;
    font-size: 24px;
    content: '+';
    font-size: 20px;
    color: var(--color-grey2);
}


.inew Div.icon:before {
    color: var(--color-nice);
    content: "+";
    font-size: 20px!important;
}

.isticky Div.icon:before {
    color: var(--color-blue);
    content: "!!"!important;
    font-size: 18px!important;
    top: 2px!important;
}

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

.iclosed Div.icon:before {
    color: var(--color-grey2);
    content: "x"!important;
    font-size: 18px!important;
    top: 2px!important;
    left: 2px!important;
}

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

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: 0px!important;
}

div.post-vote p {
    float: right !important;
    border: 0 !important;
    padding: 0px !important;
    margin-right: 15px !important;
}

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

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

::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

::-webkit-scrollbar-track {
  background: var(--color-grey2);
}
::-webkit-scrollbar-thumb {
  background: var(--color-nice);
}

/* ����� ������ ��� � ������ */
#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 {
 }

/*��� ������ ���������*/
#pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner {
    margin: -131px 0 0 -451px!important;
    width: 900px!important;
    height: 165px;
    right: 12px!important;
    font-size: 10px;
    background-color: var(--color-back)!important;
}

#reputationText {width: 96%;
    border: none;
    margin: 10px 0;
border:1px solid var(--color-black);
    background-color: var(--color-white)!important;
}

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


/*����� ���, ������������*/
#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;}


/*ARROWS*/
.go-up, .go-down {
    position: fixed;
    margin-left: 1130px!important;
    z-index: 9997;
    cursor: pointer;
    opacity: 1;
}

.day .go-up, .day .go-down {
filter: brightness(0.9);}

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

.go-up:before, .go-down:before{
    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;
    font-family: var(--custom);
    font-size: 24px;
    color: var(--color-white);
    text-transform: uppercase;
    letter-spacing: 1px;
}

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

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


.banr{     height: 50px;
    overflow-y: auto;
    padding: 5px 0 !important;
    width: var(--wide);
margin: 3px 0px !important;
    position: absolute;}

.bannner {
    width: var(--wide);
    height: 80px;
    text-align: center;
background: var(--footer);
}

.bannner a {
    opacity: 0.85;
    -moz-opacity: 0.85;
    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;}

#html-footer > div > div > div.bannner > div > a > img {
    border-radius: 5px;
}

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

#pun-main > div > h1 > span {display: block;}

#pun-statistic .tc-username {width:15%!important}

.punbb .main .tcr a {
    font-family: var(--custom2);
    font-size: 11px;
    color: var(--color-green);
    text-transform: lowercase;
    font-style: italic;
    letter-spacing: 0.5px;
   }


ul > li.pa-fld1 > a:nth-child(1):before,
li.pa-fld1 > a:nth-child(2):before,
.punbb .main .tcr a.lastpost-link:before {content:'['}

ul > li.pa-fld1 > a:nth-child(1):after,
li.pa-fld1 > a:nth-child(2):after,
.punbb .main .tcr a.lastpost-link:after {content:']'}

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


.pun-modal .modal-inner {
    border: 1px double var(--color-green2) !important;
    background: var(--color-back) !important;
}


/* ������������ */
#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;}


/* ������� */


ul > li.pa-fld1 > a:nth-child(1),
ul > li.pa-fld1 > a:nth-child(1):hover,
ul > li.pa-fld1 > a:nth-child(1):visited,
li.pa-fld1 > a:nth-child(2), 
li.pa-fld1 > a:nth-child(2):hover, 
li.pa-fld1 > a:nth-child(2):visited
{ 
    text-transform: lowercase;
    color: var(--color-nice) !important;
    font-size: 11px;
    font-family: var(--custom2);
    font-style: italic;
    letter-spacing: 0.5px;
}

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


.pa-fld1 {
    text-align: left;
    font-size: 9px;
    margin-top: 0px !important;
    margin: -10px 8px 5px !important;
    padding: 5px 10px 8px !important;
    overflow-y: auto;
    line-height: 1.5;
    border-radius: 10px;
    border: 2px solid;
    border-image: var(--color-grad);
    border-image-slice: 1;
}

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

.pa-fld1, .post .pa-fld2, .pa-fld4, .pa-fld3, .pa-respect, .pa-time-visit, .pa-last-visit, .pa-ip  {
    color: var(--color-white);
}

.post .pa-fld2 {
    text-align: center;
    text-transform: lowercase;
    letter-spacing: 1px;
    padding: 0.1em;
    line-height: 1.5;
    margin: 0px 20px 6px;
    font-family: var(--custom2);
    font-size: 11px;
}

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

.pa-fld4, .pa-respect {
    font-size: 9px;
    width: 57px;
    margin:10px 2px!important;
    display: inline-block;
    text-align: center;
}

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

.pa-time-visit, .pa-last-visit, .pa-ip {
    font-size: 9px;
    text-transform: lowercase;
    text-align: center;
}
.pa-time-visit br, .pa-last-visit br {display:none}

.pa-ip {padding:10px 0!important}

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

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


/* ������ ������� */
#pun-index .user-avatar {top: -5px;}

#pun-modviewforum .user-avatar, #pun-searchtopics .user-avatar {
    top: -11px !important;
    margin: 0px 10px 0px 25px!important;
}

#pun-viewforum .user-avatar {
    top: -13px!important;
}

#pun-viewforum .user-avatar, #pun-index .user-avatar, #pun-modviewforum .user-avatar, #pun-searchtopics .user-avatar {
    margin: 0px 20px 0px 10px;
    width: 35px!important;
    height: 35px!important;
    border-radius: 0px!important;
    }

.punbb .user-avatar .avatar-image {
    width: 35px !important;
    height: 35px !important;
    opacity: 1 !important;
    border-radius: 0px !important;
}

#messages > fieldset > div > div > table > tbody > tr > td > em {  margin-top: -15px;
    border-radius: 0px!important;
    width: 35px!important;
    height: 35px!important;
}

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


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

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

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

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

#MyBookmarks > h2 > span, #MyBookmarks h2 {
    margin: 0!important;
    background: var(--color-blue)!important;
    font-family: var(--custom2)!important;
    color: var(--color-white)!important;
font-size:10px;
letter-spacing:0.5px;
text-transform:lowercase!important;
text-shadow:none!important;
}

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

.isonline {
    margin-top: 0px!important;
background: var(--color-blue)!important;
    top: 2px!important;
    right: 2px!important;
z-index:1!important
}


/* ������ */

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

.post .bookmark {right: -40px!important;}

#main-reply {
text-align: justify;
    margin-bottom: 5px;
    border: 1px solid var(--color-black);
    padding: 5px 10px;
    line-height: 150%;
width:97%!important;
    min-height: 250px;
    background: var(--color-back);
color:var(--color-black);
}

.punbb .datafield br, #pun-title h1 span, #pun-break4, li.pa-gifts, #messages > fieldset > legend, td.tcl > div > div.tclcon > div.subforums,.pa-fld3 .fld-name, .pa-fld4 .fld-name, #pun-main div.catleft, #pun-main div.catright,
.punbb #post-form fieldset legend span, div.post-links > ul > li.pl-share {display: none!important}

/*-----------------------------*/
.reveal-modal-bg { 
	position: fixed; 
	height: 100%;
	width: 100%;
	background: rgba(0,0,0,.8);
	z-index: 100;
	display: none;
	top: 0;
	left: 0; 
	}
.reveal-modal {
	visibility: hidden;
	top: 100px; 
	left: 50%;
	margin-left: -300px;
	width: 520px;
	position: absolute;
	z-index: 101;
	padding: 30px 40px 34px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	}
.reveal-modal.small     { width: 200px; margin-left: -140px;}
.reveal-modal.medium     { width: 400px; margin-left: -240px;}
.reveal-modal.large     { width: 600px; margin-left: -340px;}
.reveal-modal.xlarge     { width: 800px; margin-left: -440px;}
	
.reveal-modal .close-reveal-modal {
    font-size: 22px;
    line-height: .5;
    position: absolute;
    top: 12px;
    right: 40px;
    color: var(--color-blue);
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
}

.menu span {
cursor: pointer;
    margin: 0px 0 10px;
    padding: 10px 15px 10px 15px;
    font-family: var(--custom2);
    font-size: 13px;
letter-spacing:1;
    text-align: center;
    display: flex;
    align-items: center;
    color: var(--color-black);
}
.menu-links {
    float: left;
    margin-right: 15px!important;
}

#submenu, .menu span {
background: var(--color-back);
    border-radius: 10px;
}

.menu .tabactive {
    filter: brightness(0.8);
}

#submenu {    display: inline-block;
	padding: 7px;
	font-size: 12px;
	width: 610px;
}    
.submenutext {
	display: none; 
	height: 0px;
}

#sm1, #sm2, #sm3, #sm20, #sm99, #sm4 {height: 600px; overflow-y:auto;overflow-x:hidden;}

div.face {
    background-repeat: no-repeat !important;
    background-position: center center !important;
    position: relative;
    width: 180px;
    height: 180px;
    margin: 0 15px;
}

#sm1 > div > div.about { width: 310px;
    height: 160px;
    align-items: center;
    display: flow;
    padding: 10px 15px;
    margin: 0px 2px 0 0;
    background: var(--color-grey);
    overflow-y: auto;
    font-size: 11px;
}

div.collection > h1,
.submenutext > h1 {
    font-family: var(--custom2);
    font-size: 12px;
    letter-spacing: 1px;
    text-align: right;
    border-bottom: 1px dotted var(--color-nice);
margin:10px;
}

div.pers, div.ach  {    position: relative;
    display: inline-flex;
    justify-content: space-between;
    width: 575px;
    height: 40px;
    margin: 10px;}

div.collection { position: relative;
    display: flow;
    height: auto;
    padding: 1px 0 20px 0px;
    margin: 10px 25px 10px 25px;
    background: var(--color-grey);
}

div.lock, div.unlock { background: var(--color-grey2);
width: 100px;
    height: 36px;
    display: grid;
    align-items: center;
    text-align: center;
font-size: 10px;
padding: 0 4px;
color: var(--color-black2);
}

div.unlock {    background: var(--color-black2);
    color: var(--color-blue);
}

div.unlock:hover:after {content:'achievement unlocked';}
div.lock:hover:after {content:'in progress';}

div.unlock:hover:after, div.lock:hover:after{
position:absolute;
background:var(--color-black);
font-size:10px;
color:var(--color-back);
width: 108px;
    margin-left: -4px;
    height: 36px;
    display: grid;
    align-items: center;
    text-align: center;
font-size: 10px;
    -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;
}

#sm1 > div > div.about > a {color:var(--color-nice)}

/*-----������� � nycity.fun------*/
.ico {
    background: var(--color-grey);
    display: flex !important;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    border-radius: 50px;
    padding: 0px;
}

.ico img {
	max-width: 24px;
	max-height: 24px;
}

.lspl pl {
display: flex;
    flex-wrap: wrap;
    gap: 10px;
    text-align: center;
    justify-content: flex-end;
    overflow: auto;
    margin-top: 5px;
    margin-right: 15px;
    overflow-y: auto;
    overflow-x: hidden;
}

div.lspl > pl > .plsh {background:#333;
width: 226px;
    background-size: cover !important;
    height: 36px;
    line-height: 1.5;}

.lsic ic {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: right;
    align-items: center;
    min-height: 70px;
height:auto;
    margin-right: 15px;
    overflow-y: auto;
    overflow-x: hidden;
    color: var(--color-back);
    font-size: 13px;
    font-family: var(--custom2);
}

.hdr hd {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    justify-content: right;
    align-items: center;
    min-height: 150px;
height:auto;
    margin: 10px 10px 10px 15px;
    overflow-y: auto;
    overflow-x: hidden;
}

.hdr hd > .head {background-size: contain !important;
    background-position: center !important;
    width: 150px;
    height: 268px;
    border-radius: 15px;}

.hdr hd > .head > .header {    position: relative;
    background: var(--color-black2);
    margin: 15px 10px;
    border-radius: 12px;
    width: 130px;
    height: 210px;}

.punbb .post-content > div.collection {margin:0!important; background: var(--color-back);}

to do lkbyyjt yfpdfybt lkz ghjdthrb fybvfwbb

mybb@mybb.ru (Dieter Hessen) — Wed, 19 Mar 2025 20:29:26 +0300

�� 
�� .�� .
- �� ,
- �� ,
- �� , �� , ��.
�� ? ��.

�� 2

mybb@mybb.ru (Ladislav Klimt) — Tue, 18 Mar 2025 14:47:40 +0300

��:

<!-- https://codepen.io/glitchworker-->

<div class="gradient-bg" style="visibility: visible;">
  <rect width="100%" height="100%" preserveaspectratio="xMidYMid meet" filter="url(#noiseFilterBg)">
  <svg xmlns="http://www.w3.org/2000/svg" class="svgBlur">
    <defs>
      <filter id="goo">
        <feGaussianBlur in="SourceGraphic" stdDeviation="10" result="blur"></feGaussianBlur>
        <feColorMatrix in="blur" mode="matrix" values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 18 -8" result="goo"></feColorMatrix>
        <feBlend in="SourceGraphic" in2="goo"></feBlend>
      </filter>
    </defs>
  </svg>
  <div class="gradients-container">
    <div class="g1"></div>
    <div class="g2"></div>
    <div class="g3"></div>
    <div class="g4"></div>
    <div class="g5"></div>
    <div class="interactive" style="transform: translate(434px, 446px);"></div>
  </div>
</rect></div>


<script type="text/javascript">document.addEventListener('DOMContentLoaded', () => {
    const interBubble = document.querySelector('.interactive');
    let curX = 0;
    let curY = 0;
    let tgX = 0;
    let tgY = 0;

    const move = () => {
        curX += (tgX - curX) / 20;
        curY += (tgY - curY) / 20;
        interBubble.style.transform = `translate(${Math.round(curX)}px, ${Math.round(curY)}px)`;
        requestAnimationFrame(move);
    };

    window.addEventListener('mousemove', (event) => {
        tgX = event.clientX;
        tgY = event.clientY;
    });

    move();
});</script>

<div class="checkgrad"><div class="checkbox-container" title="�� �������, �������..."><input type="checkbox" id="hideGradientCheckbox"><label for="hideGradientCheckbox">#��������</label></div></div>

<script>
document.addEventListener('DOMContentLoaded', function() {
    const checkbox = document.getElementById('hideGradientCheckbox');
    const gradientBg = document.querySelector('.gradient-bg');

    function toggleGradient(hidden) {
        gradientBg.style.visibility = hidden ? 'hidden' : 'visible';
        localStorage.setItem('hideGradient', hidden);
    }

    // ������������� ��������� ���������
    const isHidden = localStorage.getItem('hideGradient') === 'true';
    checkbox.checked = isHidden;
    toggleGradient(isHidden);

    // ��������� ���������� �������
    checkbox.addEventListener('change', () => toggleGradient(checkbox.checked));
});
</script>


<!-- ����� �����, (�) ForumD.ru, satsana -->
<script type="text/javascript">
var styleList = [
{
    class: 'night',
    name: '����'
},{
    class: 'street',
    name: '�����'
},{
    class: 'light',
    name: '������'
},{
    class: 'meds',
    name: '������'
},{
    class: 'mless',
    name: '������������� � ������� ����'
}];

function getCookie(a){return(a=document.cookie.match(new RegExp("(?:^|; )"+a.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g,"\\$1")+"=([^;]*)")))?decodeURIComponent(a[1]):void 0}function setStyle(a){$("body").attr("class",a);$("#stylelist li").removeClass("active");$('#stylelist li[data="'+a+'"]').addClass("active");selStyle=a;document.cookie="selStyle="+a+"; max-age=2592000"}var selStyle=getCookie("selStyle");selStyle&&setStyle(selStyle);
$(document).pun_mainReady(function(){$("#stylelist").length||$("body").prepend('<ul id="stylelist"></ul>');for(i=0;i<styleList.length;i++)$("#stylelist").append('<li data="'+styleList[i]["class"]+'"'+(selStyle==styleList[i]["class"]?' class="active"':"")+'><a href="/" onclick="setStyle($(this.parentNode).attr(\'data\'));return false">'+styleList[i].name+"</a></li>")});
</script> <!-- ����� ����� - END -->

<ul id="stylelist"></ul>

<!--��������� "������ ������������", ���������� ������ "������ � ����������", ��������� ������� "����"-->
<script type="text/javascript">
rusffLive.enable = false;
RusffCore.sets.show_reportBtn = 0;
RusffCore.sets.tags = false;
ReactionsPlugin.setConfig({
  elemSelector: '.clearer',
   customEmojis: [
    {
      id: '_custmem1',
      url: 'https://i.imgur.com/S0mWKgc.png',
    },
    {
      id: '_custmem2',
      url: 'https://i.imgur.com/8hSleup.png',
    },
    {
      id: '_custmem3',
      url: 'https://i.imgur.com/YCcbtfj.png',
    },
    {
      id: '_custmem4',
      url: 'https://i.imgur.com/TSCxKAg.png',
    },
    {
      id: '_custmem5',
      url: 'https://i.imgur.com/EivvruP.png',
    },
    {
      id: '_custmem6',
      url: 'https://i.imgur.com/21BFzW7.png',
    },
    {
      id: '_custmem7',
      url: 'https://i.imgur.com/lLYVKdG.png',
    },
    {
      id: '_custmem8',
      url: 'https://i.imgur.com/enFZuGr.png',
    },
    {
      id: '_custmem9',
      url: 'https://upforme.ru/uploads/001a/eb/a8/2/223641.webp',
    },
    {
      id: '_custmem10',
      url: 'https://upforme.ru/uploads/0013/63/cd/2/521958.png',
    },
    {
      id: '_littlestar',
      url: 'https://upforme.ru/uploads/001b/e4/bf/4/958300.gif',
    },
    {
      id: '_uuu',
      url: 'https://upforme.ru/uploads/001a/eb/a8/2/281113.jpg',
    },
    {
      id: '_satan',
      url: 'https://upforme.ru/uploads/001a/eb/a8/2/441041.png',
    },
   {
      id: '_queen',
      url: 'https://upforme.ru/uploads/001a/eb/a8/2/933309.webp',
    },
   {
      id: '_banan',
      url: 'https://upforme.ru/uploads/001a/eb/a8/2/930046.webp',
    },
   {
      id: '_yes',
      url: 'https://upforme.ru/uploads/001a/eb/a8/2/698535.webp',
    },
   {
      id: '_no',
      url: 'https://upforme.ru/uploads/001a/eb/a8/2/478663.webp',
    },
   {
      id: '_hmm',
      url: 'https://upforme.ru/uploads/001a/eb/a8/2/994580.webp',
    },
   {
      id: '_sunglasses',
      url: 'https://upforme.ru/uploads/001a/eb/a8/2/788025.webp',
    },
   {
      id: '_coffee',
      url: 'https://upforme.ru/uploads/001a/eb/a8/2/845771.webp',
    },
   {
      id: '_lightning',
      url: 'https://upforme.ru/uploads/001a/eb/a8/2/667945.webp',
    }
  ]
});
</script>

<!-- *************************************************************** -->
<div id="Logo"></div>

<!-- C������ ������� ������ -->
<script type="text/javascript">
/***************************
        ���������!
***************************/
FORUM._NUMpa_fld = 4;    // �����.���.����,
FORUM._color_fld = "inherit";	// ���� ������,
FORUM.includeFirstPost = 0;	// 0 - �� ���������,1 - ��������� ��������� ������ � ������� �����,
FORUM.AddOrSlash = 0;    //0 - ���� ��������, 1 - ����� ����� c ���. ������ ���������,
FORUM.Number_winners = [7,[1]];	// ��������� ����� ������������ ������ � ������� � ������ ������� ������;
FORUM.Subscription_Code = "f87f9524f52b3f15cd458b2bf2a95a906ca5a960";	//��� ��������!!;
/**** ��������� ������� ������� ****/
function ad_ (){/*!~!FORUM.ForArrAy = {
//�����  //���� (����������, ��� �����������)

f7	:-[0],  //������ �������
f8	:-[0], //������������
f24	:-[0] //������ - �������  //��������� ������� ��� �������!
}
!~!*/}ad_ = ad_.toString().split('!~!')[1];//alert(ad_);
</script>
<script type="text/javascript" src="https://forumstatic.ru/files/0013/44/56/77707.js"></script>
<style>.Form-Table{}.punbb .table_GamePosts tbody th{text-align: center;color:#fff}
#pre_placement>a {top:3px;right:3px;}.punbb .GamePst{padding:0!important;}
.punbb #profile-right li#pa-fld2 strong.GamePst2 {}</style>
<!--//END C������ ������� ������ � Deff-->


<!--������ ����� ����-->
<div class="go-up" id='ToTop'></div>
<div class="go-down" id='OnBottom'></div>

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



<div id="ZACHTO">

<div id="NEWS">
<a href="https://sept3rd.rusff.me/viewtopic.php?id=12&action=last" target="_blank">#�������� ����</a>
<a href="https://sept3rd.rusff.me/viewtopic.php?id=482#p64321" target="_blank">#������ ���� ����� Vol.8</a>
<a href="https://sept3rd.rusff.me/viewtopic.php?id=425&p=4#p64322" target="_blank">#�������� Vol.24</a>
<a href="https://sept3rd.rusff.me/viewtopic.php?id=554#p64295" target="_blank">#� 8 �����!</a>


</div>

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

<p>�� ��������� ������������, ��� �� ������� ��������. � �� ��� �� ���������.
<br><br>
� ������. ��� �� �������...
<br><br>
� <i>���</i> �� ������? �����������, ���-�� ��������. ���-��, ���� �� ������ ������ ������� �������.
<br><br>
��������.
<br><a href='https://sept3rd.rusff.me/viewtopic.php?pid=64146#p64146'>[������ ������]</a>
</p>

<p>���� ��������� ������ ������� � ������� �������������� ��������, �������, ��������, ������ ������. ������-�� ������? �������, ����� �� ���� ������ ���� ����������� ����������� ������������ � ����� ������������� ������� <i>�������</i> (���� � ������) ������� ������ ���. ������ ���� ������ ���� ������������ ������� �� ���� � ��������� ��������. ��������, ���� ������, �����. ������������� �������� ��������� ��.
<br><a href='https://sept3rd.rusff.me/viewtopic.php?pid=59036#p59036'>[������ ������]</a>
</p>


<p>� � �� ����������� ��� ��� ����� ���������, �� � �������� � ��� ����������. �� ������ ��������, � ������� ��, ���� � ����� ���� ���������, ��� �� ���������. ���-����� ��� ������ ��������� �� �������, ��� ��, �� ����� ����� ������ � ������ ����� ������ � ����� �����������.
<br><a href='https://sept3rd.rusff.me/viewtopic.php?pid=63322#p63322'>[������ ������]</a>
</p>

<p>
������� � ��������, ������ ��������� ������� �������� ���� �������� �������, ������� ������������ ���������� ������������ ��-�� ������������� �����. ������� ���� �����������: � ������� � ��������� ��� ����� ��������� �������.
<br><a href='https://sept3rd.rusff.me/viewtopic.php?pid=63026#p63026'>[������ ������]</a>
</p>

<p>
� ������� ��������� ��� �� ��������, �... ��������, ��� �����-�� ������ "�������� �������" (� ����������� ������ ���������, ���?), �� �����������, ���������, ��������� ������� ������� � ������� � ���������� ��������� ����� �������. � ������ ����� (� �������� �������� �������, �� ��� ��� � <i>���</i>, ��� �������� ���������, �� �����) ������������ ������ � ��� ����� �������, �� �����, ��� "���������������". ����� ��� ����������� �������. � ����������� ����� ����� � � ������� �������� "������������" ����, ��� ������� ������ ��� ����� � ������� �����, � �� ��� � ���������� ����������� ������ "���� ����������" � �� ������� ����� �������� ������� "Raffaello" � ������� �� ���������� ��������.
<br><a href='https://sept3rd.rusff.me/viewtopic.php?pid=58755#p58755'>[������ ������]</a>
</p>

<p>
���� ���� �������� �������������� ������ �� ������� �������, �� �� ��� ���� ������ ������, ��� ���� �� �� ������ ���� ���� �����-�� ������� ������. � ������ ������ �������� �������� �� ������� �����. ����� � �����, ������������ �� ���� ����������, ������ ����� ������������ ������ � ��������� ������� ����� ������ ����� ���������� � ��������� ����� ��� ���������� ����. ��� ���, � ��� ��� � ����� ������� ���� ���������?
<br><a href='https://sept3rd.rusff.me/viewtopic.php?pid=61223#p61223'>[������ ������]</a>
</p>

</div>
</div>

<div id="wat"><a href="https://sept3rd.rusff.me/viewtopic.php?id=8#p11" title="����� ����">#��� ����������?</a></div>

<div id="Logo2"></div>

<div id="genre">[�������������� ���������� - 2023 / 4]</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>
</div>


<!-- *************************************************************** -->
<!-- ��������� ���� � ����� "���" // � Alex_63, ������ 2017�. -->
<script type="text/javascript" src="https://forumstatic.ru/files/0015/c4/3f/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>

<script>
// ���������� ������ ������ � �������� �����
if (!FORUM.editor) window.changeVisibility = function(id) { $('#' + id).toggle() };
</script>


<!-- ��������� ������ �����/������ --><style type="text/css">
.post-content p{clear:both}.post-content abbr[title^="float:"]{text-decoration:none;pointer-events:none;margin:.5em}
.post-content abbr[title="float:left"]{float:left}.post-content abbr[title="float:right"]{float:right}
</style>
<script type="text/javascript">
FORUM.set('editor.addition.tags.float_left', {name:'��������� �����',onclick:function(){bbcode('[abbr="float:left"]','[/abbr]');}});
FORUM.set('editor.addition.tags.float_right', {name:'��������� ������',onclick:function(){bbcode('[abbr="float:right"]','[/abbr]');}});
</script>

<!--/ ���������� ����������� � Alex_63, Deff 2019 /-->
<link rel="stylesheet" type="text/css" href="//forumstatic.ru/f/ru/bestbb/notifications.css" />
<style>.punbb #pun-main .pun-modal.unread-notifications .section h2{text-align:center!important}</style>
<script type="text/javascript" src="//forumstatic.ru/f/ru/bestbb/notifications.js"></script>
<script type="text/javascript">
notifications.token = '981d0de358850f3b3b54008ce1d52d8e711ab674'; // Forum token
notifications.key = 'xjj93ak6jdr7'; // Subscription key
<!--FALSE ������ ������� -->
RusffCore.sets.notifications = false
</script>
<!--+ ���������� �����������: �������� �� �����/���� � Alex_63, 2019 -->
<script>notifications.load('subscriptions');</script>
<!--+ ���������� �����������: ����� ����� �� ������ ��� � Alex_63, 2019 -->
<script type="text/javascript">
notifications.load('common', {});
notifications.load('important', {topics: [12,17]}); // ID ������ ��� (����� �������)
</script>
<!-�+ ���������� �����������: ����������� � ��������� ��� �������������  Alex_63, 2019 -->
<script>notifications.load('reputation');</script>
<!--+ ���������� �����������: ���������� � Alex_63, 2020 -->
<script>notifications.load('mentions');</script>
<!--// ����� //-->

<!-- ************************************************************-->
<script type="text/javascript">$('#ChangeStyle td').each(function(i){$(this).attr("alt",i)});function setcookie(a,b,c){if(c){var d=new Date();d.setDate(d.getDate()+c)}if(a&&b)document.cookie=a+'='+b+(c?'; expires='+d.toUTCString():'');else return false}function getcookie(a){var b=new RegExp(a+'=([^;]){1,}');var c=b.exec(document.cookie);if(c)c=c[0].split('=');else return false;return c[1]?c[1]:false}function clearSet(L){if(L){setcookie("#ChangeStyle",L,30);$("span.StyleChang").html('<style>'+$("#ChangeStyle td[alt='"+L+"']").find("i").html()+'</style>')}};$('#ChangeStyle td').click(function(){clearSet($(this).attr("alt"))});var Lmem=getcookie("#ChangeStyle");clearSet(Lmem);</script>
<!-- ************************************************************-->


<!-- Yandex.Metrika counter -->
<script type="text/javascript" >
   (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
   m[i].l=1*new Date();
   for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }}
   k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
   (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");

   ym(93928845, "init", {
        clickmap:true,
        trackLinks:true,
        accurateTrackBounce:true
   });
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/93928845" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter -->

<script type="text/javascript" src="https://forumstatic.ru/files/0012/d8/04/58219.js?v5" addcomment="1"></script>

<!-- ����� �� ��������� ����� V.3 -->
<script type="text/javascript" src="https://forumstatic.ru/files/0017/b2/f5/47120.js"></script>

<!-- ��������� ������ �����/������ --><style type="text/css">
.post-content p{clear:both}.post-content abbr[title^="float:"]{text-decoration:none;pointer-events:none;margin:.5em}
.post-content abbr[title="float:left"]{float:left}.post-content abbr[title="float:right"]{float:right}
</style>
<script type="text/javascript">
FORUM.set('editor.addition.tags.float_left', {name:'��������� �����',onclick:function(){bbcode('[abbr="float:left"]','[/abbr]');}});
FORUM.set('editor.addition.tags.float_right', {name:'��������� ������',onclick:function(){bbcode('[abbr="float:right"]','[/abbr]');}});
</script>


<!-- Dice (c) Spiritus Tergi, �1 � ����-����; ��������� automatisch -->
<script type="text/javascript" src="https://forumstatic.ru/files/001a/eb/a8/42785.js" charset="UTF-8"></script>

<!-- ��������� ������� ������ (�) satsana, forumd.ru; ��������� automatisch-->
<div id="chfontsize" title="������ ������">
<div class="fsizeplus"></div>
<div class="fsize"></div>
<div class="fsizeminus"></div>
</div>
<script type="text/javascript">
var chfsize;
if (!localStorage.fontsize) localStorage.setItem('fontsize', 13);
chfsize = +localStorage.getItem('fontsize');
function setfsize (f) {
  localStorage.setItem('fontsize', f);
  $('.fsize').text(f);
  $('.post-content p').css('font-size', f+'px');
  $('.punbb textarea').css('font-size', f+'px');
  $('#post-preview .fs-box .post-content').css('font-size', f+'px');
}
$('.fsizeplus').on('click', function() {
  chfsize += 1;
  if (chfsize > 72) chfsize = 72;
  setfsize (chfsize);
});
$('.fsizeminus').on('click', function() {
  chfsize -= 1;
  if (chfsize < 6) chfsize = 6;
  setfsize (chfsize);
});
$(document).pun_mainReady(function() {
  setfsize (chfsize);
});
</script><!-- ��������� ������� ������ (�����) (�) satsana, forumd.ru -->

<script type="text/javascript">
if(GroupID==2)
document.write('<style>.pa-ip{display: none;}</style>')
</script>

<!-- ����-���� v.2 -->
<script src="https://forumstatic.ru/files/0015/c4/3f/26781.js"></script><script src="http://forumstatic.ru/f/info/mforum/pr_login.compressed.js?18566"></script>
<script type="text/javascript">
PR.nick = 'PR'; //��� PR-��������
PR.pass = '1111'; //������ PR-��������
PR.btn_text = '�������'; //������� �� ������ PR-�����(��� ������ �� ��������);
PR.set();</script>

22/02

mybb@mybb.ru (Ladislav Klimt) — Sun, 16 Mar 2025 18:04:08 +0300

��:

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

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

:root {
    --color-hz: #914db1;
    --color-nice: #62bfa7;
    --color-nice2: #a5a5a5;

    --color-back: #dadada;
    --color-white: #dadada;
    --color-back2: #dfdfdf;

--color-fon: #241d2e;

    --color-black2: #1c1c1c;
    --color-black: #1c1c1c;

    --color-green:#a2a2a2; /*�������*/
    --color-green2: #a2a2a2;
    --color-grey: rgb(151 151 151 / 20%); /*����� ��� ����� ������*/
    --color-grey2: #a2a2a2;
    --color-blue: #90d8d2;/*��������� ������*/
    --wide: 1040px;
    --color-trans: rgb(0 0 0 / 60%);
    --color-grad: linear-gradient(0deg, var(--color-green2) 0%, #00000000 49%);
    --color-grad2: linear-gradient(270deg, var(--color-nice), var(--color-hz), var(--color-black));
    --color-grad-text:linear-gradient(90deg, var(--color-hz), var(--color-green));
    --html-bg: #333 url(https://forumstatic.ru/files/001a/eb/a8/87916.jpg) top center repeat-y fixed;

    --logo: url(https://forumstatic.ru/files/001a/eb/a8/78270.png);

    --custom: /*Vetrino;*/ /*Eugusto;*/ Leotaro;
    --custom2: Verdana;
    --custom3: Roboto;
    --color-bg1: rgb(108, 0, 162);
    --color-bg2: rgb(0, 17, 82);
    --color1: 0, 109, 167;
    --color2: 161, 0, 197;
    --color3: 64, 192, 226;
    --color4: 200, 70, 70;
    --color5: 226, 219, 114; /*124, 128, 0;*/
    --color-interactive: 78, 167, 179; /*140, 100, 255;*/
    --circle-size: 80%;
    --blending: hard-light;
}

@keyframes moveInCircle {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes moveVertical {
  0% {
    transform: translateY(-50%);
  }
  50% {
    transform: translateY(50%);
  }
  100% {
    transform: translateY(-50%);
  }
}

@keyframes moveHorizontal {
  0% {
    transform: translateX(-50%) translateY(-10%);
  }
  50% {
    transform: translateX(50%) translateY(10%);
  }
  100% {
    transform: translateX(-50%) translateY(-10%);
  }
}


.gradient-bg {
  width: 100vw;
  height: 100vh;
  position: fixed;
  overflow: hidden;
  top: 0;
  left: 0;
  z-index:-1;
  filter: brightness(0.85);
}

.gradients-container {
    filter: url(#goo) blur(40px) ;
    width: 100%;
    height: 100%;
  }

  .g1 {
    position: absolute;
    background: radial-gradient(circle at center, rgba(var(--color1), 0.8) 0, rgba(var(--color1), 0) 50%) no-repeat;
    mix-blend-mode: var(--blending);

    width: var(--circle-size);
    height: var(--circle-size);
    top: calc(50% - var(--circle-size) / 2);
    left: calc(50% - var(--circle-size) / 2);

    transform-origin: center center;
    animation: moveVertical 30s ease infinite;

    opacity: 1;
  }

  .g2 {
    position: absolute;
    background: radial-gradient(circle at center, rgba(var(--color2), 0.8) 0, rgba(var(--color2), 0) 50%) no-repeat;
    mix-blend-mode: var(--blending);

    width: var(--circle-size);
    height: var(--circle-size);
    top: calc(50% - var(--circle-size) / 2);
    left: calc(50% - var(--circle-size) / 2);

    transform-origin: calc(50% - 400px);
    animation: moveInCircle 20s reverse infinite;

    opacity: 1;
  }

  .g3 {
    position: absolute;
    background: radial-gradient(circle at center, rgba(var(--color3), 0.8) 0, rgba(var(--color3), 0) 50%) no-repeat;
    mix-blend-mode: var(--blending);

    width: var(--circle-size);
    height: var(--circle-size);
    top: calc(50% - var(--circle-size) / 2 + 200px);
    left: calc(50% - var(--circle-size) / 2 - 500px);

    transform-origin: calc(50% + 400px);
    animation: moveInCircle 40s linear infinite;

    opacity: 1;
  }

  .g4 {
    position: absolute;
    background: radial-gradient(circle at center, rgba(var(--color4), 0.8) 0, rgba(var(--color4), 0) 50%) no-repeat;
    mix-blend-mode: var(--blending);

    width: var(--circle-size);
    height: var(--circle-size);
    top: calc(50% - var(--circle-size) / 2);
    left: calc(50% - var(--circle-size) / 2);

    transform-origin: calc(50% - 200px);
    animation: moveHorizontal 40s ease infinite;

    opacity: 0.7;
  }

  .g5 {
    position: absolute;
    background: radial-gradient(circle at center, rgba(var(--color5), 0.8) 0, rgba(var(--color5), 0) 50%) no-repeat;
    mix-blend-mode: var(--blending);

    width: calc(var(--circle-size) * 2);
    height: calc(var(--circle-size) * 2);
    top: calc(50% - var(--circle-size));
    left: calc(50% - var(--circle-size));

    transform-origin: calc(50% - 800px) calc(50% + 200px);
    animation: moveInCircle 20s ease infinite;

    opacity: 1;
  }

  .interactive {
    position: absolute;
    background: radial-gradient(circle at center, rgba(var(--color-interactive), 0.8) 0, rgba(var(--color-interactive), 0) 50%) no-repeat;
    mix-blend-mode: var(--blending);
    width: 100%;
    height: 100%;
    top: -50%;
    left: -50%;
    opacity: 0.7;
}



}
/*-------�����-----------*/
.street {
--color-back:#242424;
--color-black:#aaa;
--color-white:#aaa;
--color-green:#4d917b;
--color-nice: #4d917b;
--color-blue:#13729a;
--logo: url(https://forumstatic.ru/files/001a/eb/a8/95050.png);

--footer: url(https://forumstatic.ru/files/001a/eb/a8/17867.png);
--html-bg: #333 url(https://forumstatic.ru/files/001a/eb/a8/61603.jpg) top center repeat-y fixed;
}

.street img {filter:brightness(0.95)}
.street #Logo2 {filter: brightness(0.75);}

.street .pa-title, .street .pa-fld5 {background: #333}

/*--------------������---------------*/
.light{
--html-bg: #333 url(https://forumstatic.ru/files/001a/eb/a8/53466.jpg) top center repeat-y fixed;
--logo: url(https://forumstatic.ru/files/001a/eb/a8/56584.png);
--logo2: url(https://forumstatic.ru/files/001a/eb/a8/81788.png);
--footer:url();
--color-white: #dedede;
--color-back: #dedede;
--color-grey2: #888;
--color-nice: #6b7984;
--color-blue: #66c181; 

--color-grad-text:linear-gradient(90deg, var(--color-grey2), var(--color-grey2));
    --color-grad2: linear-gradient(270deg, var(--color-grey2), var(--color-grey2)) border-box;
}
.light blockquote a, .light .punbb .post-content > p > a {    color: var(--color-nice)!important;}

/*------------������-----------------*/
.meds{
--html-bg: #6b6b6b url(https://forumstatic.ru/files/001a/eb/a8/70899.png) repeat fixed;
--logo: url(https://forumstatic.ru/files/001a/eb/a8/48048.png);
--logo2: url(https://forumstatic.ru/files/001a/eb/a8/49898.png);
--footer:url();

--color-hz:#b77082;
--color-black: #282828;
--color-white: #dedede;
--color-blue: #ff7b9c;
--color-nice: #0083ab;
--color-grey2: #9d9d9d;
--color-green2:#757575;

--color-grad-text:linear-gradient(90deg, var(--color-green), var(--color-green));
    --color-grad2: linear-gradient(270deg, var(--color-black2), var(--color-blue), var(--color-black2)) border-box;
}

.meds #Logo {border-bottom: 10px solid var(--color-black);
filter: saturate(0.85);}
.meds {background-size: auto!important;}
.meds #pun-status .container, .meds #wat > a, .meds #wat, .meds #genre {color: var(--color-back);}

.meds blockquote a, .meds .punbb .post-content > p > a {    color: var(--color-hz)!important;}

.meds .pa-title, .meds .pa-fld5 {background:var(--color-green2)}

.meds ul > li.pa-fld1 > a:nth-child(1),
.meds ul > li.pa-fld1 > a:nth-child(1):hover,
.meds ul > li.pa-fld1 > a:nth-child(1):visited,
.meds li.pa-fld1 > a:nth-child(2), 
.meds li.pa-fld1 > a:nth-child(2):hover, 
.meds li.pa-fld1 > a:nth-child(2):visited,
.meds .pa-fld1 a, 
.meds .pa-fld1 a:hover, 
.meds .pa-fld1 a:visited {
    color: var(--color-green2)!important;
}

/*--------------������������---------------*/
.mless{
--html-bg: var(--color-grad3) fixed;
--color-nice: #a5abad; 
--color-blue: #8f9095;/*��������� ������*/
--color-hz: #a18686;
--color-green2: #b7bec0;

--color-grad: linear-gradient(0deg, #b7bec0 0%, rgba(0, 0, 0, 1) 49%);
--color-grad2:linear-gradient(270deg, #b7bec0 0%, rgba(0, 0, 0, 1) 49%) border-box;

--color-grad3:linear-gradient(330deg, #b7bec0 0%, #111111 49%) border-box;

--color-grad-text:linear-gradient(90deg, var(--color-hz), var(--color-green));

--logo: url(https://forumstatic.ru/files/001a/eb/a8/56030.png);
--logo2: url(https://forumstatic.ru/files/001a/eb/a8/80902.png);
--footer:url();
}

.mless #Logo2 { filter: brightness(0.95);}

/*-----------------------------*/

body {
    min-width: 600px!important;
}

/*���*/
body {
  background: var(--color-fon);
background-size: cover;
}

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


#html-header {
height:0px;
}

#Logo {
    background: var(--logo) center no-repeat;
    width: var(--wide);
    height: 340px;
    text-align: center;
    margin-left: 0px;
    position: absolute;
    top: 0px;
    border-bottom-left-radius: 80px;
}

.punbb {
    border-top-left-radius: 80px;
}

#Logo2 {display:none;
    background: var(--logo2);
    width: 565px;
    height: 95px;
    bottom: -25px;
    margin-left: 395px;
    position: absolute;
}

#wat {
    top: -27px;
    width: 150px;
    left: 265px;
}

#hideGradientCheckbox {visibility: hidden;}

#html-header > div.checkgrad {
    bottom: 86px;
    width: 150px;
    left: 546px;
    z-index: 1;
}

#html-header > div.checkgrad > div > label:hover {cursor: pointer;}


#genre  {display:none;
  bottom: -45px;
    width: 260px;
    right: -15px;
}

#wat > a, #wat, #genre, #html-header > div.checkgrad {
    font-size: 10px;
    font-style: italic;
    color: var(--color-white);
    letter-spacing: 0.5px;
    position: relative;
}



#ZACHTO {
position: absolute;
    width: var(--wide);
    height: 260px;
    top: 35px;
}

#NEWS {
    bottom: -110px;
    left: 657px;
    position: relative;
    width: 210px;
    text-align: left;
    font-size: 11px;
    letter-spacing: 1px;
    text-transform: lowercase;
    display: block;
    display: flex;
    gap: 0px;
    flex-wrap: wrap;
}

#NEWS > a {margin: 2px!important;text-transform: lowercase;color: var(--color-white);background: var(--color-black2);padding: 2px 10px 4px;}

#RANDOM {
    background: var(--color-black2);
    position: absolute;
    left: 240px;
    width: 370px;
    height: 145px;
    top: 105px;
    padding: 0 0 0px 0px;
    opacity: 1;
    text-align: center;
    -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;
}

#KontentRotator { font-size: 10px;
    text-align: right;
    color: var(--color-white);
    overflow-y: auto;
    padding: 18px 25px 20px;
    margin: 0px 0px 0px 35px;
    height: 75px;
    line-height: 125%;
    width: 285px;
    outline: 1px dotted var(--color-white);
    outline-offset: 11px;
}


#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(--custom2);
    color: var(--color-hz);
    letter-spacing: 1px;
}   

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

#KontentRotator1 > p > img, #KontentRotator2 > p > img, #KontentRotator3 > p > img, #KontentRotator4 > p > img, #KontentRotator1 > p, #KontentRotator2 > p, #KontentRotator3 > p, #KontentRotator4 > p { 
    width: 90px;
    height: 90px;
    position: absolute;
opacity:0.85;
    border-radius: 10px;}



#dot { position: absolute;
    color: var(--color-white);
    font-size: 15px;
    top: 180px;
    right: 0px;
    width: 50px;
    height: 20px;
    text-align: right;
}

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

/* ����� */
#pun-about .container {
    height: 0px;
    width: var(--wide);
}

#html-footer {height: 20px;
}

#html-footer > div > div {margin-bottom:20px}

#html-footer p {
    position: relative;
    display: block;
    width: var(--wide);
    background: var(--color-back);
    text-align: center;
    color: var(--color-grey2);
    border-top: 1px dotted var(--color-grey2);
    font-family: var(--custom2);
    text-transform: lowercase;
    font-size: 8px;
    font-style: italic;
    text-align: center;
    padding: 0.25em 0;
    letter-spacing: 1px;
    line-height: 1.5;
}

/* 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 {
  color: var(--color-black);
  }

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


/* 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-green)
  }

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



/* 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-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, #pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active  {
    color: var(--color-white);
    margin: 0px !important;
    font-size: 38px;
    font-family: var(--custom2);
    text-transform: lowercase;
  }

/* CS3.4 */

#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: -13px;
    margin-top: -7px!important;
}

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


div.icon {
    margin-top: 14px;
    margin-left: -14px;
    position: absolute;
    width: 24px;
    height: 24px;
}

div.icon:before {
    position: absolute;
    width: 24px;
    height: 24px;
    font-size: 24px;
    content: '\2726';
    font-size: 19px;
    color: var(--color-grey2);
}


.inew Div.icon:before {
    color: var(--color-nice);
    content: '\2726';
}

.isticky Div.icon:before {
    color: var(--color-grey2);
    content: '\2739'!important;
}

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

.iclosed Div.icon:before {
    color: var(--color-grey2);
    content: '\2727'!important;
}

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

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: 0px!important;
}

div.post-vote p {
    float: right !important;
    border: 0 !important;
    padding: 0px !important;
    margin-right: 15px !important;
}

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

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

::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

::-webkit-scrollbar-track {
  background: var(--color-grey2);
}
::-webkit-scrollbar-thumb {
  background: var(--color-nice);
}

/* ����� ������ ��� � ������ */
#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 {
 }

/*��� ������ ���������*/
#pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner {
    margin: -131px 0 0 -451px!important;
    width: 900px!important;
    height: 165px;
    right: 12px!important;
    font-size: 10px;
    background-color: var(--color-back)!important;
}

#reputationText {width: 96%;
    border: none;
    margin: 10px 0;
border:1px solid var(--color-black);
    background-color: var(--color-white)!important;
}

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


/*����� ���, ������������*/
#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;}


/*ARROWS*/
.go-up, .go-down {
    position: fixed;
    margin-left: 1130px!important;
    z-index: 9997;
    cursor: pointer;
    opacity: 1;
}

.day .go-up, .day .go-down {
filter: brightness(0.9);}

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

.go-up:before, .go-down:before{
    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;
    font-family: var(--custom);
    font-size: 24px;
    color: var(--color-white);
    text-transform: uppercase;
    letter-spacing: 1px;
}

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

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


.banr{     height: 50px;
    overflow-y: auto;
    padding: 5px 0 !important;
    width: var(--wide);
margin: 3px 0px !important;
    position: absolute;}

.bannner {
    width: var(--wide);
    height: 80px;
    text-align: center;
background: var(--footer);
}

.bannner a {
    opacity: 0.85;
    -moz-opacity: 0.85;
    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;}

#html-footer > div > div > div.bannner > div > a > img {
    border-radius: 5px;
}

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

#pun-main > div > h1 > span {display: block;}

#pun-statistic .tc-username {width:15%!important}

.punbb .main .tcr a {
    font-family: var(--custom2);
    color: var(--color-green);
    text-transform: lowercase;
    font-style: italic;
    letter-spacing: 0.5px;
    background: var(--color-grad-text);
    -webkit-text-fill-color: transparent;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -moz-background-clip: text !important;
    -o-background-clip: text !important;
   }


/*ul > li.pa-fld1 > a:nth-child(1):before,
li.pa-fld1 > a:nth-child(2):before,*/
.punbb .main .tcr a.lastpost-link:before {/* content:'['; */}

/*ul > li.pa-fld1 > a:nth-child(1):after,
li.pa-fld1 > a:nth-child(2):after,*/
.punbb .main .tcr a.lastpost-link:after {/* content:']'; */}


.pun-modal .modal-inner {
    border: 1px double var(--color-green2) !important;
    background: var(--color-back) !important;
}


/* ������������ */
#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;}


/* ������� */


ul > li.pa-fld1 > a:nth-child(1), ul > li.pa-fld1 > a:nth-child(1):hover, ul > li.pa-fld1 > a:nth-child(1):visited, li.pa-fld1 > a:nth-child(2), li.pa-fld1 > a:nth-child(2):hover, li.pa-fld1 > a:nth-child(2):visited
{
    text-transform: lowercase;
    color: var(--color-nice) !important;
    font-size: 11px;
    font-style: italic;
    letter-spacing: 0.5px;
}

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


.pa-fld1 {
    text-align: left;
    font-size: 9px;
    margin-top: 0px !important;
    margin: -10px 7px 5px !important;
    padding: 9px 10px 13px !important;
    overflow-y: auto;
    line-height: 1.5;
    border-bottom: 1px solid;
    border-image: var(--color-grad);
    border-image-slice: 1;
}

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

.pa-fld1, .post .pa-fld2, .pa-fld4, .pa-fld3, .pa-respect, .pa-time-visit, .pa-last-visit, .pa-ip  {
    color: var(--color-white);
}

.post .pa-fld2 {
    text-align: center;
    text-transform: lowercase;
    letter-spacing: 1px;
    padding: 0.1em;
    line-height: 1.5;
    margin: 0px 20px 6px;
    font-family: var(--custom2);
    font-size: 11px;
}

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

.pa-fld4, .pa-respect {
    font-size: 9px;
    width: 57px;
    margin:10px 2px!important;
    display: inline-block;
    text-align: center;
}

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

.pa-time-visit, .pa-last-visit, .pa-ip {
    font-size: 9px;
    text-transform: lowercase;
    text-align: center;
}
.pa-time-visit br, .pa-last-visit br {display:none}

.pa-ip {padding:10px 0!important}

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

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


/* ������ ������� */
#pun-index .user-avatar {top: -5px;}

#pun-modviewforum .user-avatar, #pun-searchtopics .user-avatar {
    top: -11px !important;
    margin: 0px 10px 0px 25px!important;
}

#pun-viewforum .user-avatar {
    top: -13px!important;
}

#pun-viewforum .user-avatar, #pun-index .user-avatar, #pun-modviewforum .user-avatar, #pun-searchtopics .user-avatar {
    margin: 0px 20px 0px 10px;
    width: 35px!important;
    height: 35px!important;
    border-radius: 0px!important;
    }

.punbb .user-avatar .avatar-image {
    width: 35px !important;
    height: 35px !important;
    opacity: 1 !important;
    border-radius: 0px !important;
}

#messages > fieldset > div > div > table > tbody > tr > td > em {  margin-top: -15px;
    border-radius: 0px!important;
    width: 35px!important;
    height: 35px!important;
}

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


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

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

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

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

#MyBookmarks > h2 > span, #MyBookmarks h2 {
    margin: 0!important;
    background: var(--color-blue)!important;
    font-family: var(--custom2)!important;
    color: var(--color-white)!important;
font-size:10px;
letter-spacing:0.5px;
text-transform:lowercase!important;
text-shadow:none!important;
}

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

.isonline {
    margin-top: 0px!important;
background: var(--color-blue)!important;
    top: 2px!important;
    right: 2px!important;
z-index:1!important
}


/* ������ */

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

.post .bookmark {right: -40px!important;}

#main-reply {text-align: justify;margin-bottom: 5px;border: 1px solid var(--color-green);padding: 5px 10px;line-height: 150%;width:97%!important;min-height: 250px;background: var(--color-back2);color:var(--color-black);}

.punbb .datafield br, #pun-title h1 span, #pun-break4, li.pa-gifts, #messages > fieldset > legend, td.tcl > div > div.tclcon > div.subforums,.pa-fld3 .fld-name, .pa-fld4 .fld-name, 
.punbb #post-form fieldset legend span, div.post-links > ul > li.pl-share {display: none!important}

/*-----------------------------*/
.reveal-modal-bg { 
	position: fixed; 
	height: 100%;
	width: 100%;
	background: rgba(0,0,0,.8);
	z-index: 100;
	display: none;
	top: 0;
	left: 0; 
	}
.reveal-modal {
	visibility: hidden;
	top: 100px; 
	left: 50%;
	margin-left: -300px;
	width: 520px;
	position: absolute;
	z-index: 101;
	padding: 30px 40px 34px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	}
.reveal-modal.small     { width: 200px; margin-left: -140px;}
.reveal-modal.medium     { width: 400px; margin-left: -240px;}
.reveal-modal.large     { width: 600px; margin-left: -340px;}
.reveal-modal.xlarge     { width: 800px; margin-left: -440px;}
	
.reveal-modal .close-reveal-modal {
    font-size: 22px;
    line-height: .5;
    position: absolute;
    top: 12px;
    right: 40px;
    color: var(--color-blue);
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
}

.menu span {
cursor: pointer;
    margin: 0px 0 10px;
    padding: 10px 15px 10px 15px;
    font-family: var(--custom2);
    font-size: 13px;
letter-spacing:1;
    text-align: center;
    display: flex;
    align-items: center;
    color: var(--color-black);
}
.menu-links {
    float: left;
    margin-right: 15px!important;
}

#submenu, .menu span {
background: var(--color-back);
    border-radius: 10px;
}

.menu .tabactive {
    filter: brightness(0.8);
}

#submenu {    display: inline-block;
	padding: 7px;
	font-size: 12px;
	width: 610px;
}    
.submenutext {
	display: none; 
	height: 0px;
}

#sm1, #sm2, #sm3, #sm20, #sm99, #sm4 {height: 600px; overflow-y:auto;overflow-x:hidden;}

div.face {
    background-repeat: no-repeat !important;
    background-position: center center !important;
    position: relative;
    width: 180px;
    height: 180px;
    margin: 0 15px;
}

#sm1 > div > div.about { width: 310px;
    height: 160px;
    align-items: center;
    display: flow;
    padding: 10px 15px;
    margin: 0px 2px 0 0;
    background: var(--color-grey);
    overflow-y: auto;
    font-size: 11px;
}

div.collection > h1,
.submenutext > h1 {
    font-family: var(--custom2);
    font-size: 12px;
    letter-spacing: 1px;
    text-align: right;
    border-bottom: 1px dotted var(--color-nice);
margin:10px;
}

div.pers, div.ach  {    position: relative;
    display: inline-flex;
    justify-content: space-between;
    width: 575px;
    height: 40px;
    margin: 10px;}

div.collection { position: relative;
    display: flow;
    height: auto;
    padding: 1px 0 20px 0px;
    margin: 10px 25px 10px 25px;
    background: var(--color-grey);
}

div.lock, div.unlock { background: var(--color-grey2);
width: 100px;
    height: 36px;
    display: grid;
    align-items: center;
    text-align: center;
font-size: 10px;
padding: 0 4px;
color: var(--color-black2);
}

div.unlock {    background: var(--color-black2);
    color: var(--color-blue);
}

div.unlock:hover:after {content:'achievement unlocked';}
div.lock:hover:after {content:'in progress';}

div.unlock:hover:after, div.lock:hover:after{
position:absolute;
background:var(--color-black);
font-size:10px;
color:var(--color-back);
width: 108px;
    margin-left: -4px;
    height: 36px;
    display: grid;
    align-items: center;
    text-align: center;
font-size: 10px;
    -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;
}

#sm1 > div > div.about > a {color:var(--color-nice)}

/*-----������� � nycity.fun------*/
.ico {
    background: var(--color-grey);
    display: flex !important;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    border-radius: 50px;
    padding: 0px;
}

.ico img {
	max-width: 24px;
	max-height: 24px;
}

.lspl pl {
display: flex;
    flex-wrap: wrap;
    gap: 10px;
    text-align: center;
    justify-content: flex-end;
    overflow: auto;
    margin-top: 5px;
    margin-right: 15px;
    overflow-y: auto;
    overflow-x: hidden;
}

div.lspl > pl > .plsh {background:#333;
width: 226px;
    background-size: cover !important;
    height: 36px;
    line-height: 1.5;}

.lsic ic {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: right;
    align-items: center;
    min-height: 70px;
height:auto;
    margin-right: 15px;
    overflow-y: auto;
    overflow-x: hidden;
    color: var(--color-back);
    font-size: 13px;
    font-family: var(--custom2);
}

.hdr hd {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    justify-content: right;
    align-items: center;
    min-height: 150px;
height:auto;
    margin: 10px 10px 10px 15px;
    overflow-y: auto;
    overflow-x: hidden;
}

.hdr hd > .head {background-size: contain !important;
    background-position: center !important;
    width: 150px;
    height: 268px;
    border-radius: 15px;}

.hdr hd > .head > .header {    position: relative;
    background: var(--color-black2);
    margin: 15px 10px;
    border-radius: 12px;
    width: 130px;
    height: 210px;}

.punbb .post-content > div.collection {margin:0!important; background: var(--color-back);}

��

mybb@mybb.ru (Ladislav Klimt) — Fri, 14 Mar 2025 17:56:03 +0300

��:

<!-- *******************�������� � ftr404*****https://pcvector.net/scripts/other/482-snowfall-animaciya-padayuschego-snega.html*************************************** -->

<div id="snow-animation-container"></div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.20.3/TweenMax.min.js"></script>
<script type="text/javascript">
$('body').prepend('<div id="snow-animation-container"></div>');
$(document).ready(documentReady);

function documentReady() {
  var MAX_SNOW = 160;
  var MAX_SNOW_SIZE = 6;
  var MAX_SNOW_SPEED = 7;

  snowStart();

  function snowStart() {
    // console.log("// Snow animation start");
    createSnows();
  }

  function createSnows() {

    var container = $("#snow-animation-container");

    for (var i = 0; i < MAX_SNOW; i++) {
      var appendItem = getRandomItem(i);
              container.append(appendItem);
      var animateItem = $(".snow" + String(i));
      var randomTime = Math.random() * MAX_SNOW_SPEED;
      goAnimate(animateItem, i, randomTime);
      goAnimate2(animateItem);
    };

    // console.log("// Create snows");
  }

  function goAnimate(item, id, randomTime) {
    TweenMax.to(item, randomTime, {
      css: {
        marginTop: "+=100"
      },
      ease: Linear.easeNone,
      onComplete: function() {
        var topPosition = item.css("margin-top").replace("px", "");
        if (topPosition > $(window).height()) {
          changePosition(item);
          randomTime = Math.random() * MAX_SNOW_SPEED;
          goAnimate(item, id, randomTime);
        } else {
          goAnimate(item, id, randomTime);
        }

      }
    });
  }

  function goAnimate2(item) {

    var directionTime = 1 + Math.floor(Math.random() * 5);
    var randomDirection = 1 + Math.floor(Math.random() * 4);
    var delayTime = 1 + Math.floor(Math.random() * 3);

    if (randomDirection == 1) {

      TweenMax.to(item, directionTime, {
        css: {
          marginLeft: "+=100"
        },
        ease: Linear.easeOut,
        onComplete: function() {

          TweenMax.to(item, directionTime, {
            css: {
              marginLeft: "-=100"
            },
            delay: delayTime,
            ease: Linear.easeOut,
            onComplete: function() {
              goAnimate2(item);
            }
          });
        }
      });
    } else if (randomDirection == 2) {

      TweenMax.to(item, directionTime, {
        css: {
          marginLeft: "-=100"
        },
        ease: Linear.easeOut,
        onComplete: function() {
          TweenMax.to(item, directionTime, {
            css: {
              marginLeft: "+=100"
            },
            delay: delayTime,
            ease: Linear.easeOut,
            onComplete: function() {

              goAnimate2(item);

            }
          });
        }
      });
    } else if (randomDirection == 3) {

      TweenMax.to(item, directionTime, {
        css: {
          marginLeft: "+=100"
        },
        ease: Linear.easeOut,
        onComplete: function() {
          goAnimate2(item);
        }
      });
    } else if (randomDirection == 4) {

      TweenMax.to(item, directionTime, {
        css: {
          marginLeft: "-=100"
        },
        ease: Linear.easeOut,
        onComplete: function() {
          goAnimate2(item);
        }
      });
    }
  }

  function changePosition(item) {
    var _width = Math.floor(Math.random() * MAX_SNOW_SIZE);
    var _height = _width;
    var _blur = Math.floor(Math.random() * 5 + 2);
    var _left = Math.floor(Math.random() * ($(window).width() - _width));
    var _top = -$(window).height() + Math.floor(Math.random() * ($(window).height() - _height));

    item.css("width", _width);
    item.css("height", _height);
    item.css("margin-left", _left);
    item.css("margin-top", _top);
    item.css("-webkit-filter", "blur(" + String(_blur) + "px)");
    item.css("-moz-filter", "blur(" + String(_blur) + "px)");
    item.css("-o-filter", "blur(" + String(_blur) + "px)");
    item.css("-ms-filter", "blur(" + String(_blur) + "px)");
    item.css("filter", "blur(" + String(_blur) + "px)");
  }

  function getRandomItem(id) {
    var _width = Math.floor(Math.random() * MAX_SNOW_SIZE);
    var _height = _width;
    var _blur = Math.floor(Math.random() * 5 + 2);
    var _left = Math.floor(Math.random() * ($(window).width() - _width));
    var _top = -$(window).height() + Math.floor(Math.random() * ($(window).height() - _height));
    var _id = id;

    return getSmallSnow(_width, _height, _blur, _left, _top, _id);
  }

  function getSmallSnow(width, height, blur, left, top, id) {
    var item = "<div class='snow" + id + "' style='position:absolute; margin-left: " + left + "px; margin-top: " + top + "px; width: " + width + "px; height: " + height + "px; border-radius: 50%; background-color: white; -webkit-filter: blur(" + blur + "px); -moz-filter: blur(" + blur + "px); -o-filter: blur(" + blur + "px); -ms-filter: blur(" + blur + "px); filter: blur(" + blur + "px);'></div>"
    return item;
  }

}
</script>
<style>
body {
    overflow-x: hidden;
}
#snow-animation-container {
overflow:hidden;
position: fixed;
width:90%;
height:95%;
z-index:-1
}
</style>

��

mybb@mybb.ru (Ladislav Klimt) — Tue, 04 Mar 2025 20:43:56 +0300

��:

<div class="checkgrad"><div class="checkbox-container"><input type="checkbox" id="hideGradientCheckbox"><label for="hideGradientCheckbox">������ ��������</label></div></div>

<script>
document.addEventListener('DOMContentLoaded', function() {
    const checkbox = document.getElementById('hideGradientCheckbox');
    const gradientBg = document.querySelector('.gradient-bg');

    function toggleGradient(hidden) {
        gradientBg.style.visibility = hidden ? 'hidden' : 'visible';
        localStorage.setItem('hideGradient', hidden);
    }

    // ������������� ��������� ���������
    const isHidden = localStorage.getItem('hideGradient') === 'true';
    checkbox.checked = isHidden;
    toggleGradient(isHidden);

    // ��������� ���������� �������
    checkbox.addEventListener('change', () => toggleGradient(checkbox.checked));
});
</script>

5th

mybb@mybb.ru (Ladislav Klimt) — Sat, 14 Sep 2024 22:12:14 +0300

��:

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

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

:root {
    --color-hz: #ae86c9; /*���������*/
    --color-nice: #862ec2; /*����� ������� � ftr404.rusff.me*/ 

    --color-white: #ededed;
    --color-black2: #000;
    --color-black: #363636;

--color-green:#777;

--color-grey: rgb(151 151 151 / 20%); /*����� ��� ����� ������*/
--color-grey2: #bdbdbd;

--color-blue: #90d8d2;/*��������� ������*/

--html-bg: #333 url(https://forumstatic.ru/files/001a/eb/a8/13565.jpg) top center repeat-y fixed;
--wide: 1040px;

--color-trans: rgb(0 0 0 / 60%);
--color-grad: linear-gradient(0deg, rgba(134, 46, 194, 1) 0%, rgba(0, 0, 0, 1) 49%);
--color-grad2:linear-gradient(270deg, rgba(134, 46, 194, 1) 0%, rgba(0, 0, 0, 1) 49%) border-box;

--logo: url(https://forumstatic.ru/files/001a/eb/a8/40182.png);

--custom: MV;
--custom2: Verdana;
}
/*-------�����-----------*/
.street {
--html-bg: #333 url(https://forumstatic.ru/files/001a/eb/a8/93892.jpg) top center repeat-y fixed;
--logo: url(https://forumstatic.ru/files/001a/eb/a8/42974.png);
--color-white: #dedede;
    --color-black: #111;
--color-nice: #a6314a;
--color-grad: linear-gradient(0deg, #a6314a 0%, rgba(0, 0, 0, 1) 49%);
--color-grad2:linear-gradient(270deg, #a6314a 0%, rgba(0, 0, 0, 1) 49%) border-box;
--color-blue: #d1c851; /*#94b5cc;*/
--color-grey2: #9d9d9d;
}

.street #logo {filter: brightness(0.95)}
.street img {filter:brightness(0.95)}


/*--------------������---------------*/
.light{
--html-bg: #333 url(https://forumstatic.ru/files/001a/eb/a8/52238.jpg) center center repeat-y fixed;
--logo: url(https://forumstatic.ru/files/001a/eb/a8/73836.png);
--color-nice: #6b7984;
--color-grad: linear-gradient(0deg, #6b7984 0%, rgba(0, 0, 0, 1) 49%);
--color-grad2:linear-gradient(270deg, #6b7984 0%, rgba(0, 0, 0, 1) 49%) border-box;
--color-blue: #66c181; /*#48a365;*/
}


/*------------������-----------------*/
.meds{
--html-bg: #333 url(https://forumstatic.ru/files/001a/eb/a8/54514.jpg) center center repeat-y fixed;
--logo: url(https://forumstatic.ru/files/001a/eb/a8/67965.png);

--color-white: #dedede;
--color-blue: #ff7b9c;
    --color-black: #111;
--color-nice: #0083ab;
--color-grad: linear-gradient(0deg, #0083ab 0%, rgba(0, 0, 0, 1) 49%);
--color-grad2:linear-gradient(270deg, #0083ab 0%, rgba(0, 0, 0, 1) 49%) border-box;
--color-grey2: #9d9d9d;
}

.meds #logo {filter: brightness(0.95)}
.meds img {filter:brightness(0.95)}


/*--------------������������---------------*/
.mless{
--html-bg: var(--color-grad3) fixed;
--logo: url(https://forumstatic.ru/files/001a/eb/a8/81251.png);
--color-nice: #a5abad; 
--color-blue: #8f9095;/*��������� ������*/

--color-grad: linear-gradient(0deg, #b7bec0 0%, rgba(0, 0, 0, 1) 49%);
--color-grad2:linear-gradient(270deg, #b7bec0 0%, rgba(0, 0, 0, 1) 49%) border-box;

--color-grad3:linear-gradient(330deg, #b7bec0 0%, #111111 49%) border-box;
}

/*-----------------------------*/

body {
    min-width: 600px!important;
}

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

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


#html-header {
width: var(--wide);
    background: var(--html-bg);
background-size: cover;
}

#Logo {
    background: var(--logo) center no-repeat;
    width: var(--wide) +10px;
    height: 200px;
    text-align: center;
    margin-left: -10px;
}

#ZACHTO {
position: absolute;
    width: var(--wide);
    height: 160px;
    top: 35px;
}

#act {
position: absolute;
    width: var(--wide);
    top: 55px;
    text-align: right;
    font-size: 10px;
}

#NEWS {
    top: 183px;
    position: relative;
    width: var(--wide);
    text-align: left;
    font-size: 10px;
}

#act>a, #NEWS > a {
margin: 2px!important;
    text-transform: lowercase;
    color: var(--color-white);
}

#RANDOM {    position: absolute;
    left: 490px;
    width: 300px;
    border: 2px dotted var(--color-white);
    height: 95px;
    top: 77px;
    padding: 0 0 0 0;
    opacity: 1;
    text-align: center;
    -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-white);
    overflow-y: auto;
    padding: 2px 5px;
    margin: 7px 7px;
    height: 76px;
    width: 275px;
}


#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(--custom3);
    color: var(--color-hz);
    letter-spacing: 1px;
}   

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

#KontentRotator1 > p > img, #KontentRotator2 > p > img, #KontentRotator3 > p > img, #KontentRotator4 > p > img, #KontentRotator1 > p, #KontentRotator2 > p, #KontentRotator3 > p, #KontentRotator4 > p { 
    width: 90px;
    height: 90px;
    position: absolute;
opacity:0.85;
    border-radius: 10px;}



#dot { position: absolute;
    color: var(--color-white);
    font-size: 15px;
    top: 180px;
    right: 0px;
    width: 50px;
    height: 20px;
    text-align: right;
}

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

/* ����� */
#pun-about .container {
    height: 0px;
    width: var(--wide);
}

#html-footer {height: 20px;
}

#html-footer > div > div {margin-bottom:20px}

#html-footer p {
    position: relative;
    display: block;
    width: var(--wide);
    background: var(--color-white);
    text-align: center;
    color: var(--color-grey2);
    border-top: 1px dotted var(--color-grey2);
    font-family: var(--custom2);
    text-transform: lowercase;
    font-size: 8px;
    font-style: italic;
    text-align: center;
    padding: 0.25em 0;
    letter-spacing: 1px;
    line-height: 1.5;
}

/* 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 {
  color: var(--color-black);
  }

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


/* 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-green)
  }

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



/* 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, #pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active  {
    color: var(--color-white);
    margin: 0px !important;
    font-size: 38px;
    font-family: var(--custom3);
    text-transform: lowercase;
  }

/* CS3.4 */

#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: -13px;
    margin-top: -7px!important;
}

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


div.icon {
    margin-top: 13px;
    margin-left: -15px;
    position: absolute;
    width: 24px;
    height: 24px;
}

div.icon:before {
    position: absolute;
    width: 24px;
    height: 24px;
    font-size: 24px;
    content: '+';
    font-size: 20px;
    color: var(--color-grey2);
}


.inew Div.icon:before {
    color: var(--color-nice);
    content: "+";
    font-size: 20px!important;
}

.isticky Div.icon:before {
    color: var(--color-blue);
    content: "!!"!important;
    font-size: 18px!important;
    top: 2px!important;
}

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

.iclosed Div.icon:before {
    color: var(--color-grey2);
    content: "x"!important;
    font-size: 18px!important;
    top: 2px!important;
    left: 2px!important;
}

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

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: 0px!important;
}

div.post-vote p {
    float: right !important;
    border: 0 !important;
    padding: 0px !important;
    margin-right: 15px !important;
}

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

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

::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

::-webkit-scrollbar-track {
  background: var(--color-grey2);
}
::-webkit-scrollbar-thumb {
  background: var(--color-nice);
}

/* ����� ������ ��� � ������ */
#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 {
 }

/*��� ������ ���������*/
#pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner {
    margin: -131px 0 0 -451px!important;
    width: 900px!important;
    height: 165px;
    right: 12px!important;
    font-size: 10px;
    background-color: var(--color-white)!important;
}

#reputationText {width: 96%;
    border: none;
    margin: 10px 0;
border:1px solid var(--color-black);
    background-color: var(--color-white)!important;
}

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


/*����� ���, ������������*/
#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;}


/*ARROWS*/
.go-up, .go-down {
    position: fixed;
    margin-left: 1130px!important;
    z-index: 9997;
    cursor: pointer;
    opacity: 1;
}

.day .go-up, .day .go-down {
filter: brightness(0.9);}

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

.go-up:before, .go-down:before{
    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;
    font-family: var(--custom);
    font-size: 24px;
    color: var(--color-white);
    text-transform: uppercase;
    letter-spacing: 1px;
}

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

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


.banr{     height: 50px;
    overflow-y: auto;
    padding-right: 0px !important;
    width: var(--wide);
    padding-top: 5px;
    margin: 9px 0px !important;
    position: absolute;}

.bannner {
    width: var(--wide);
    height: 80px;
    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;}

#html-footer > div > div > div.bannner > div > a > img {
    border-radius: 5px;
}

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

#pun-main > div > h1 > span {display: block;}

#pun-statistic .tc-username {width:15%!important}

.punbb .main .tcr a {
    font-family: var(--custom2);
    font-size: 11px;
    color: var(--color-nice);
    text-transform: lowercase;
   }


ul > li.pa-fld1 > a:nth-child(1):before,
li.pa-fld1 > a:nth-child(2):before,
.punbb .main .tcr a.lastpost-link:before {content:'['}

ul > li.pa-fld1 > a:nth-child(1):after,
li.pa-fld1 > a:nth-child(2):after,
.punbb .main .tcr a.lastpost-link:after {content:']'}


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


/* ������������ */
#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;}


/* ������� */


ul > li.pa-fld1 > a:nth-child(1),
ul > li.pa-fld1 > a:nth-child(1):hover,
ul > li.pa-fld1 > a:nth-child(1):visited,
li.pa-fld1 > a:nth-child(2), 
li.pa-fld1 > a:nth-child(2):hover, 
li.pa-fld1 > a:nth-child(2):visited
{ 
text-transform: lowercase;
    color: var(--color-nice)!important;
    font-size: 11px;
    font-family: var(--custom2);
    font-style: normal;
    letter-spacing: 0.5px;
}

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


.pa-fld1 {
    text-align: left;
    font-size: 9px;
    margin-top: 0px !important;
    margin: 0px 18px 5px !important;
    padding: 5px 10px 8px !important;
    overflow-y: auto;
    background: var(--color-back);
    line-height: 1.5;
    border-radius: 10px;
    border: 2px solid;
    border-image: var(--color-grad);
    border-image-slice: 1;
}

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

.pa-fld1, .post .pa-fld2, .pa-fld4, .pa-fld3, .pa-respect, .pa-time-visit, .pa-last-visit, .pa-ip  {
    color: var(--color-white);
}

.post .pa-fld2 {
    text-align: center;
    text-transform: lowercase;
    letter-spacing: 1px;
    padding: 0.1em;
    line-height: 1.5;
    margin: 0px 20px 6px;
    font-family: var(--custom2);
    font-size: 11px;
}

.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;
    width: 57px;
    margin:10px 2px!important;
    display: inline-block;
    text-align: center;
}

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

.pa-time-visit, .pa-last-visit, .pa-ip {
    font-size: 9px;
    text-transform: lowercase;
    text-align: center;
}
.pa-time-visit br, .pa-last-visit br {display:none}

.pa-ip {margin:10px 0!important}

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

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


/* ������ ������� */
#pun-index .user-avatar {top: -5px;}

#pun-modviewforum .user-avatar, #pun-searchtopics .user-avatar {
    top: -11px !important;
    margin: 0px 10px 0px 25px!important;
}

#pun-viewforum .user-avatar {
    top: -13px!important;
}

#pun-viewforum .user-avatar, #pun-index .user-avatar, #pun-modviewforum .user-avatar, #pun-searchtopics .user-avatar {
    margin: 0px 20px 0px 10px;
    width: 35px!important;
    height: 35px!important;
    border-radius: 0px!important;
    }

.punbb .user-avatar .avatar-image {
    width: 35px !important;
    height: 35px !important;
    opacity: 1 !important;
    border-radius: 0px !important;
}

#messages > fieldset > div > div > table > tbody > tr > td > em {  margin-top: -15px;
    border-radius: 0px!important;
    width: 35px!important;
    height: 35px!important;
}

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


.post-content hr {
    background: var(--color-grad2);
    height: 1px;
    box-shadow: none !important;
    border: none !important;
    margin: 5px 0px !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 > span, #MyBookmarks h2 {
    margin: 0!important;
    background: var(--color-blue)!important;
    font-family: var(--custom2)!important;
    color: var(--color-white)!important;
font-size:10px;
letter-spacing:0.5px;
text-transform:lowercase!important;
text-shadow:none!important;
}

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

.isonline {
    margin-top: 0px!important;
background: var(--color-blue)!important;
    top: 2px!important;
    right: 2px!important;
z-index:1!important
}


/* ������ */

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

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

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

.post .bookmark {right: -35px!important;}

#main-reply {
text-align: justify;
    margin-bottom: 5px;
    border: 1px solid var(--color-black);
    padding: 5px 10px;
    line-height: 150%;
width:97%!important;
    min-height: 250px;
    background: var(--color-white);
}

.punbb .datafield br, #pun-title h1 span, #pun-break4, #pun-navlinks a span, li.pa-gifts, #messages > fieldset > legend, td.tcl > div > div.tclcon > div.subforums,.pa-fld3 .fld-name, .pa-fld4 .fld-name, #pun-main div.catleft, #pun-main div.catright,
#pun-navlinks a span, .punbb #post-form fieldset legend span, div.post-links > ul > li.pl-share {display: none!important}

/*.pa-respect .fld-name {position: absolute;
    margin: -18px 0 0 -1px;
    font-size: 12px;
    letter-spacing: -3px;
    opacity: 0;}*/

4th �� Vol.3

mybb@mybb.ru (Ladislav Klimt) — Sun, 19 May 2024 01:11:49 +0300

��:

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

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

:root {
    --color-hz: #b54d7f; /*���������*/
    --color-nice: #9589c9; 

    --color-white: #f4f4f4;
    --color-black: #202020;

--color-green:#777;

--color-grey: rgb(151 151 151 / 20%); /*����� ��� ����� ������*/
--color-grey2: #bdbdbd;

--color-blue: #79bdb7;/*��������� ������*/

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

--color-trans: rgb(0 0 0 / 60%);

--logo: url(https://forumstatic.ru/files/001a/eb/a8/45410.png);

--custom2: Soyuz;
}

/*-----------------------------*/
.night {
--color-white: #e6e6e6;
--color-grey2: #bfbfbf;
--color-black: #000000;
--color-green:#4a4a4a;
--color-nice: #6d9793;
}

.night img {filter:brightness(0.85)}

.night plashka, .night .go-up, .night .go-down {filter: saturate(0.75);}

.night {
--html-bg: #000;
--logo: url(https://forumstatic.ru/files/001a/eb/a8/36101.png);
--color-trans: rgb(197 197 197 / 20%);
}

.night #pun {outline: 1px solid var(--color-blue);
    outline-offset: 10px;
}

.night .punbb {
      margin-top: 50px;
}

.night #act {
      top: 171px;
  }

.night #dot {
    top: 364px;}

.night .slide_block  {background: var(--color-nice)}

.night #RANDOM {top: 136px;}

.night #RANDOM:before {
    content: ",,";
color: var(--color-blue);
    top: -76px;
    left: -11px;
    font-size: 74px;
    font-family: 'Soyuz';
background:none;
}

.night #RANDOM:after {
    content: ",,";
color: var(--color-blue);
    bottom: 15px;
    right: -11px;
    font-size: 74px;
    font-family: 'Soyuz';
background:none;
}

.night .plashka {background: var(--color-black)}

.night div.post-author > p.pa-author, .night li.pa-author, .night #html-footer p {
font-family:'Girlo';
font-size: 11px;
letter-spacing: 0px;
line-height: 2.5;
background: var(--color-black);
color: var(--color-white);
}

.night #html-footer p {border-bottom: 1px solid var(--color-blue);}

.night div.post-author > p.pa-author, .night li.pa-author, .night .pa-author a, .night .pa-author a:hover, .night .pa-author a:active,
.night .punbb .post-content .code-box > strong > a, .night .punbb .post-content .code-box > strong > a:hover, .night div > cite > a, .night div > cite > a:hover 
 {color: var(--color-white)!important;}

.night .punbb .quote-box cite, .night .punbb .code-box strong.legend {background: var(--color-black); color:var(--color-white)}

.night .hvStickerPackModalTab,
.night .post .pa-fld2, .night .plsh, 
.night #dice-form > button, .night .button, .night sub4, .night #plng, .night #pun-stats li.item1, .night #pun-stats li.item2, .night #pun-stats li.item3, .night #pun-stats li.item4, .night div.dice-box 
{border-image: linear-gradient(120deg, var(--color-blue),var(--color-black));
border-image-slice: 1;}

.night #act1 > a > img, .night #act2 > a > img, .night #act3 > a > img, .night #act4 > a > img,
.night #pun-viewforum .user-avatar, .night #pun-index .user-avatar, .night #pun-modviewforum .user-avatar, .night #pun-searchtopics .user-avatar, .night .post-content hr {background: linear-gradient(120deg, var(--color-blue),var(--color-black)) border-box;}

.night .punbb h2 span {    font-size: 16px;
    padding: 8px;
letter-spacing:0px;
    font-family: 'Girlo';
background:none;
color:var(--color-white);
}

.night #pun-main h2 {
background:var(--color-black);
}


.night #html-footer {height: 110px;}

.night #pun-navlinks .container {    margin-left: 546px;}

/*ARROWS*/
.night .go-up, .night .go-down {
    color: var(--color-blue);
    position: fixed;
    z-index: 9997;
    cursor: pointer;
    opacity: 1;
}

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

.night .go-up:before, .night .go-down:before{
font-family: Girlo;
    font-size: 35px;
    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;}

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

.night .go-down:before{content: 'dn';
}

.night #messages > fieldset > div > div > table > tbody > tr > td > em
{background: linear-gradient(120deg, var(--color-blue),var(--color-black)) border-box}

/*-----------------------------*/

.city {
--html-bg: #222 url(https://forumstatic.ru/files/001a/eb/a8/89344.jpg) top center repeat-y fixed;
--custom:DymaxionScript;
--custom2: VerPro;

    --color-hz: #b54d7f; /*���������*/
    --color-nice: #b8b4c9; /*���������*/
    --color-white: #f0f0f0;
    --color-black: #2f2f30;

--color-green:#979797;
--color-grey: rgb(151 151 151 / 20%); /*����� ��� ����� ������*/
--color-grey2: #d5d5d5;

--color-blue: #d9c661;/*��������� ������*/
    --color-trans: rgb(197 197 197 / 20%);
}

.city .guestblock {background: var(--color-grey);
border-radius:5px;
border:none!important;}

.city #Logo {
width: 1060px;
    height: 150px;
    text-align: center;
    top: 63px;
    position: absolute;}

.city #Logo, .city .bannner {    background: var(--color-trans);}

.city #ZACHTO {
    position: absolute;
    z-index: 2;
    width: 1060px;
    height: 180px;
    top: 50px;
    background: url(https://forumstatic.ru/files/001a/eb/a8/41546.png) top center no-repeat;
}

.city #act {top: 60px;}

.city #act1 {
    left: 90px;
}
.city #act2 {
    left: 230px;
}
.city #act3 {
    right: 230px;
}
.city #act4 {
    right: 90px;
}

.city #act1, .city #act2, .city #act3, .city #act4 {    width: 50px;
    height: 50px;}
.city #act1 > a > img, .city #act2 > a > img, .city #act3 > a > img, .city #act4 > a > img {
    top: 0px;
    left: 0px;
    position: absolute;
    background-size: contain!important;
    border-radius: 10px;
    -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: 50px;
    height: 50px;
    border: 0px;
    box-shadow: 0 0 20px var(--color-black);
}

.city #RANDOM {position: absolute;
    left: 350px;
    width: 360px;
    height: 80px;
    top: 41px;
    padding: 10px 0 0 0;
    opacity: 0;
    background: var(--color-grey2);
    text-align: center;
    border-radius: 10px;
}

.city #RANDOM:before, .city #RANDOM:after {display:none}

.city #KontentRotator {font-size: 10px;
    text-align: justify;
    color: var(--color-shadow);
    overflow-y: auto;
    padding: 0px 6px 0px 6px;
    margin: 0px 0px 5px 5px;
    height: 70px;
    width: 335px;
}

.city #dot {    top: 167px;}
.city .slide_block {    top: 23px;
    border-radius: 10px;
    background: var(--color-nice);}

.city #pun-status .container {    top: 25px;}

.city .punbb {
    margin-top: 240px;
}

.city .bannner, .city .punbb, .city #Logo {    border-radius: 20px;}

.city #pun-stats, .city .punbb .category {    margin: 10px 15px; }

.city #pun-main h2, .city .punbb .section h2 {   text-align: right!important;}

.city #pun-main h2 {
    margin-top: -18px;
    margin-bottom: 10px;
background:none;
}

.city .punbb h2 span {
    color: var(--color-grey2);
    font-size: 26px;
    text-transform: lowercase;
    font-family: var(--custom);
    padding: 0 7px!important;
    background: var(--color-white);
}

.city .punbb .post {    margin: 5px 5px;
    border-bottom: 1px solid var(--color-grey);
}

.city .punbb .category {
    border-top: 1px solid var(--color-grey);
} 

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

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

.city div.icon {
    margin-top: -5px;
    margin-left: -10px;
    position: absolute;
    width: 24px;
    height: 40px;  
}

.city div.icon:before {
    position: absolute;
    width: 24px;
    height: 24px;
    font-family: var(--custom);
    rotate: -10deg;
    font-size: 24px!important;
    content: ' ';
}


.city .inew Div.icon:before, .city .inew.isticky Div.icon:before, .city .inew.iclosed Div.icon:before, .city .inew.isticky.iclosed Div.icon:before {
    color: var(--color-blue)!important;
    content: "new"!important;
    font-size: 24px!important;
}

.city .isticky Div.icon:before {
    color: var(--color-hz)!important;
    opacity: 0.7;
    content: "imp"!important;
    font-size: 24px!important;
}

.city .iclosed Div.icon:before {
    color: var(--color-nice)!important;
    opacity: 1;
    content: "cls"!important;
    font-size: 24px!important;
}

.city .for-a {color:transparent!important; }

.city .for-a > a {color: var(--color-hz)!important;
font-size: 10px;}

.city #pun-ulinks > ul > li> a:before, .city .for-a > a:before {content: '#';}

.city #pun-ulinks a {   color: var(--color-hz);  }

.city #post-form > h2 > span, .city .punbb h1 span, .city #pun-index .tcl h3 a {    font-size: 14px;}

.city #plng {
    color: var(--color-black)!important;
    padding: 2px 5px 3px;
    border: 1px var(--color-nice) solid;
    margin: 2px 0 10px!important;
    width: fit-content;
    border-radius: 5px;
}

.city #pun-stats li.item1, .city #pun-stats li.item2, .city #pun-stats li.item3, .city #pun-stats li.item4 {
    background: var(--color-grey2);
    border-radius: 5px;
    box-shadow: 0px 0px 4px var(--color-grey) inset;
border: 0px solid transparent;
}

.city .punbb .user-avatar .avatar-image {
    background-color: var(--color-mda2)!important;
    border-radius: 5px!important;}

.city #pun-viewforum .user-avatar, .city #pun-index .user-avatar, .city #pun-modviewforum .user-avatar, .city #pun-searchtopics .user-avatar {    margin: 0px 10px 0px 20px;
    border-radius: 5px!important;
    border: 0px solid transparent;
    background: none;
}

.city #pun-index .user-avatar {   margin: 0px 10px 0px 25px;   }
.city .punbb em.user-avatar { float:right !important; }

.city .punbb .main .tcr {
    text-align: right;
    color: var(--color-black);
}

.city .punbb .main .tcr a {color:var(--color-green); font-size: 11px;}

.city .punbb .post .post-author {
padding: 10px 10px 10px 5px;
    margin-top: -20px;
    background: var(--color-grey);
    border-radius: 7px;
    margin-left: -25px;
    border: 0px solid;
    border-left: 10px solid var(--color-nice)!important;
    box-shadow: 0px 0px 4px var(--color-grey) inset;
}

.city div.post-author > p.pa-author, .city li.pa-author {
    padding: 7px 5px;
    line-height: 0.5;
    text-transform: capitalize;
    margin: 0px 0 0;
    border-bottom: 1px solid var(--color-nice);
    border-radius: 0;
    width: 210px;
    font-family: var(--custom2);
}

.city li.pa-avatar.item2 img {
    margin-top: 0px;
    border-radius: 7px;
}

.city .post .pa-fld2 {
    color: var(--color-mda);
    text-align: center;
    text-transform: lowercase;
    letter-spacing: 1px;
    padding: 5px;
    height: 15px;
    margin: 0px 16px;
    border-top: 1px solid var(--color-nice);
    font-family: var(--custom2);
    font-size: 9px;
border-image: none;
}

.city .plsh {
    width: 160px;
    padding: 0px 10px 0px 10px !important;
    height: 36px;
    position: relative;
    background: var(--color-grey);
    border-radius: 5px;
    box-shadow: 0px 0px 4px var(--color-grey) inset;
border: 0px;
}

.city div.post-author > p.pa-author, .city li.pa-author, .city .pa-author a, .city .pa-author a:hover, .city .pa-author a:active {
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    color: var(--color-black)!important;
    letter-spacing: 0.15px;
}

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

.city .punbb .quote-box, .city .punbb .code-box {
    border-radius: 7px;
    background: var(--color-grey);
    box-shadow: 0px 0px 4px var(--color-grey) inset;
border: none;
}


.city.pa-time-visit, .city.pa-last-visit, .city.pa-ip {margin-right: 5px!important;}

.city .punbb .quote-box cite, .city .punbb .code-box strong.legend {
    display: block;
    padding: 2px 0px 4px;
    font-size: 11px;
    letter-spacing: 0.2px;
    font-weight: normal;
    font-style: normal;
margin: 0px 0px 4px!important;
    color: var(--color-black);
border:none;
    border-bottom: 1px solid var(--color-nice);
    font-family: var(--custom2);
    width: auto;
text-align: left;
}

.city .post-content hr {
    background: var(--color-nice);
}

.city #main-reply {
    background: var(--color-grey);
    border-radius: 10px;
border:0px solid;
    box-shadow: 0px 0px 4px var(--color-grey) inset;
}

.city .hvStickerPackModal {border-radius:7px;}

.city .plashka,
.city .hvStickerPackModalTab,
.city .button, .city sub4, .city #dice-form > button{
    font-size: 10px;
    border: none!important;
    background: var(--color-blue)!important;
    color: var(--color-black);
    margin: 2px 6px 0 0;
    font-family: var(--custom2);
    letter-spacing: 0.5px;
    border-radius: 5px!important;
}

.city div.dice-box {
    background: var(--color-grey);
    border-radius: 5px;
    box-shadow: 0px 0px 4px var(--color-grey) inset;
    border-image: none;
    border: 0px;
}

.city #html-footer p {
    border: none;
    font-family: var(--custom2);
    color: var(--color-nice);
    text-transform: lowercase;
    font-size: 10px;
    text-align: center;
    padding: 0 0 10px;
    letter-spacing: 1px;
    line-height: 1.5;
   border-radius: 0 0 20px 20px;
margin-bottom:10px;
}

.city #stylelist {
    position: relative;
    z-index: 100;
    right: 15px;
    top: -217px;
    height: 20px;
    float: right;
    display: flex;
}

/*ARROWS*/
.city .go-up, .city .go-down {
    color: var(--color-white);
    position: fixed;
    z-index: 9997;
    cursor: pointer;
    opacity: 1;
opacity:0.7;
}

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

.city .go-up:before, .city .go-down:before{
font-family: var(--custom);
    font-size: 65px;
    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;}

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

.city .go-down:before{content: 'dn';
}

.city #pun-navlinks, .city #pun-navlinks .container {margin-top: -90px;
    position: fixed;
    margin-left: 537px;}

.city #pun-report .inner, .city #pun-reputation .inner, .city #pun-admin-award-form .inner {
    background-color: var(--color-white)!important;
    border-radius: 7px;
}

.city #rep_form > table > tbody > tr > td.tc2 {
    border: none!important;
}

.city #reputationText {
background: var(--color-grey)!important;
    border-radius: 10px;
    border: 0px solid;
    box-shadow: 0px 0px 4px var(--color-grey) inset;
}

.city .punbb tbody.hasicon td.tcl {padding: 5px 20px 5px 15px;}
.city .punbb .main .tcr {padding-right: 5px;}
.city #pun-stats {
    padding: 15px 10px;
}

.city div.lock, .city div.unlock, .city div.unlock:hover:after, .city div.lock:hover:after,
.city #submenu, .city .menu span {border-radius: 5px;}

.city #sm1 > div > div.about,
.city div.face {border-radius: 10px;}

.city #pun-ulinks > ul {    margin-left: 120px;}

.city .Tems_And_messages {    left: -33px;}

.city #messages > fieldset > div > div > table > tbody > tr > td > em {
   background: none;}

/*-----------------------------*/

body {
    min-width: 600px!important;
}

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

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

#title-logo-tbody {
}

#html-header {
width: 1060px;
    background: var(--html-bg);
background-size: cover;
}

/*#pun {outline: 1px solid var(--color-black);
    outline-offset: 10px;}*/

#Logo {
    background: var(--logo) center no-repeat;
    width: 1060px;
    height: 380px;
    text-align: center;
}

#ZACHTO {
position: absolute;
    z-index: 2;
    width: 1060px;
    height: 160px;
    top: 35px;
}

#act {
    position: absolute;
    width: 1060px;
    top: 161px;
    height: 64px;
}

#act1, #act2, #act3, #act4 {
    position: absolute;
    width: 54px;
    height: 54px;
    top: 0px;
    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;
}

#act1:hover, #act2:hover, #act3:hover, #act4:hover {opacity:1}

#act1 {left: 65px;}
#act2 {left: 180px;}

#act3 {right: 180px;}
#act4 {right: 65px;}


#act1 > a > img, #act2 > a > img, #act3 > a > img, #act4 > a > img {
    position: absolute;
    background-size: contain!important;
    border-radius: 10px;
    -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: 50px;
    height: 50px;
    border-radius: 30px;
    border: 2px solid transparent;
    background: linear-gradient(120deg, #00cbcb, #3686c0, #cc3399, #dc9522) border-box;
    } 


#RANDOM {     position: absolute;
    left: 280px;
    width: 500px;
    height: 110px;
    top: 126px;
    padding: 10px 0 0 0;
    opacity: 0;
    background: var(--color-white);
    text-align: center;
    -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;}

#RANDOM:before {    position: absolute;
content: "";
  background:url(https://forumstatic.ru/files/001a/eb/a8/40769.png) center no-repeat;
    width: 87px;
    height: 60px;
    top: -45px;
    left: 10px;
}

#RANDOM:after {     position: absolute;
content: "";
  background:url(https://forumstatic.ru/files/001a/eb/a8/55978.png) center no-repeat;
    width: 87px;
    height: 60px;
    bottom: -45px;
    right: 10px;
}

#KontentRotator {    font-size: 10px;
    text-align: justify;
    color: var(--color-shadow);
    overflow-y: auto;
    padding: 0px 20px 0px 25px;
    margin: 10px 0px 5px 5px;
    height: 75px;
    width: 440px;
}


#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(--custom3);
    color: var(--color-hz);
    letter-spacing: 1px;
}   

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

#KontentRotator1 > p > img, #KontentRotator2 > p > img, #KontentRotator3 > p > img, #KontentRotator4 > p > img, #KontentRotator1 > p, #KontentRotator2 > p, #KontentRotator3 > p, #KontentRotator4 > p { 
    width: 90px;
    height: 90px;
    position: absolute;
opacity:0.85;
    border-radius: 10px;}

#img-4, #img-3, #img-2, #img-1 {
    position: absolute;
    height: 90px;
    width: 90px;
    -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;
}

#img-4 {right: 50px;}

#img-3 {right: 175px; }

#img-2 {left: 175px;}

#img-1 {left: 50px;}

#NEWS {
    top: 10px;
left: 12px;
    position: relative;
    width: 800px;
    text-align: left;
    color: var(--color-hz);
    font-size: 10px;
}

#NEWS > a {
margin: 2px!important;
    text-transform: lowercase;
    color: var(--color-white);
}

#dot {     position: absolute;
    color: var(--color-white);
    font-size: 15px;
    top: 354px;
    width: 1060px;
    height: 20px;
    text-align: center;
}

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

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

#html-footer {height: 20px;
}

#html-footer > div > div {margin-bottom:20px}

#html-footer p {
    position: relative;
    display: block;
    width: 1060px;
    background: var(--color-white);
    text-align: center;
    color: var(--color-grey2);
    border-top: 1px solid var(--color-grey2);
    font-family: 'Palace';
    text-transform: uppercase;
    font-size: 13px;
    text-align: center;
    padding: 0.25em 0;
    letter-spacing: 3px;
    line-height: 1.5;
}

/* 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 {

  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-black);
}



/* 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, #pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active  {
    color: var(--color-white);
    margin: 0px !important;
    font-size: 38px;
    font-family: var(--custom3);
    text-transform: lowercase;
  }

/* CS3.4 */

#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: -13px;
    margin-top: -7px!important;
}

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


div.icon {
    margin-top: 15px;
    margin-left: -15px;
    position: absolute;
    width: 24px;
    height: 24px;
}

div.icon:before {
    position: absolute;
    width: 24px;
    height: 24px;
    font-size: 24px;
    content: '+';
    font-size: 20px;
    color: var(--color-grey2);
}


.inew Div.icon:before {
    color: var(--color-nice);
    content: "+";
    font-size: 20px!important;
}

.isticky Div.icon:before {
    color: var(--color-hz);
    content: "!!"!important;
    font-size: 18px!important;
    top: 2px!important;
}

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

.iclosed Div.icon:before {
    color: var(--color-grey2);
    content: "x"!important;
    font-size: 18px!important;
    top: 2px!important;
    left: 2px!important;
}

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

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: 0.5;
    text-decoration:none!important
} 

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

* {
scrollbar-width: thin;
scrollbar-color: var(--color-nice) var(--color-grey2);    
}

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

/* ����� ������ ��� � ������ */
#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 {
 }

/*��� ������ ���������*/
#pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner {
    margin: -131px 0 0 -451px!important;
    width: 900px!important;
    height: 165px;
    right: 12px!important;
    font-size: 10px;
    background-color: var(--color-white)!important;
}

#reputationText {width: 96%;
    border: none;
    margin: 10px 0;
border:1px solid var(--color-black);
    background-color: var(--color-white)!important;
}

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


/*����� ���, ������������*/
#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;}


/*ARROWS*/
.go-up, .go-down {
    position: fixed;
    margin-left: 1140px!important;
    z-index: 9997;
    cursor: pointer;
    opacity: 1;
}

.day .go-up, .day .go-down {
filter: brightness(0.9);}

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

.go-up:before, .go-down:before{
    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: url(https://forumstatic.ru/files/001a/eb/a8/14279.png);}

.go-down:before{content: url(https://forumstatic.ru/files/001a/eb/a8/55803.png);}


.banr{     height: 50px;
    overflow-y: auto;
    padding-right: 0px!important;
    width: 1010px;
    padding-top: 5px;
    margin: 9px 25px!important;
    position: absolute;}

.bannner {
    width: 1060px;
    height: 80px;
    text-align: center;
    background: var(--logo) top center no-repeat;
}

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

#html-footer > div > div > div.bannner > div > a > img {
    border-radius: 5px;
}

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

#pun-main > div > h1 > span {display: block;}

#pun-statistic .tc-username {width:15%!important}

.punbb .main .tcr a {
    font-family: var(--custom2);
    font-size: 12px;
    color: var(--color-nice);
   }

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


/* ������������ */
#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-black)!important;
    font-size: 12px;
    font-family: var(--custom2);
    font-style: normal;
    letter-spacing: 0.5px;
}

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-black);
    text-align: center;
    text-transform: lowercase;
    letter-spacing: 1px;
    padding: 0.1em;
    line-height: 1.5;
    margin: 0px 20px 6px;
    border-top: 1px solid;
    border-image: linear-gradient(120deg, #00cbcb, #3686c0, #cc3399, #dc9522);
    border-image-slice: 1;
    font-family: var(--custom2);
    font-size: 11px;
}

.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;
    width: 57px;
    color: var(--color-black);
    margin:7px 2px!important;
    display: inline-block;
    text-align: center;
}


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;
}
.pa-time-visit br, .pa-last-visit br {display:none}

.pa-ip {margin:10px 0!important}

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

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


/* ������ ������� */
#pun-index .user-avatar {top: -5px;}

#pun-modviewforum .user-avatar, #pun-searchtopics .user-avatar {
    top: -11px !important;
    margin: 0px 10px 0px 25px!important;
}

#pun-viewforum .user-avatar {
    top: -13px!important;
}

#pun-viewforum .user-avatar, #pun-index .user-avatar, #pun-modviewforum .user-avatar, #pun-searchtopics .user-avatar {
    margin: 0px 20px 0px 10px;
    width: 38px!important;
    height: 38px!important;
    border-radius: 30px!important;
    border: 2px solid transparent;
    background: linear-gradient(120deg, #00cbcb, #3686c0, #cc3399, #dc9522) border-box;
    }

.punbb .user-avatar .avatar-image {
    width: 38px!important;
    height: 38px!important;
    opacity: 1!important;
    border-radius: 30px!important;
}

#messages > fieldset > div > div > table > tbody > tr > td > em {  margin-top: -15px;
    border-radius: 30px!important;
    border: 2px solid transparent;
    background: linear-gradient(120deg, #00cbcb, #3686c0, #cc3399, #dc9522) border-box;
    width: 38px!important;
    height: 38px!important;
}

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


.post-content hr {
background: linear-gradient(120deg, #00cbcb, #3686c0, #cc3399, #dc9522) border-box;
height: 1px;
box-shadow: none !important;
border: none !important;
opacity:1!important;
    margin: 0 10px;
}

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 > span, #MyBookmarks h2 {
    margin: 0!important;
    background: var(--color-blue)!important;
    font-family: var(--custom2)!important;
    color: var(--color-white)!important;
font-size:10px;
letter-spacing:0.5px;
text-transform:lowercase!important;
text-shadow:none!important;
}

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

.isonline {
    margin-top: 0px!important;
background: var(--color-blue)!important;
    top: 2px!important;
    right: 2px!important;
z-index:1!important
}


/* ������ */

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

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

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

.post .bookmark {right: -26px!important;}

#main-reply {
text-align: justify;
    margin-bottom: 5px;
    border: 1px solid var(--color-black);
    padding: 5px 10px;
width:97%!important;
    min-height: 250px;
    background: var(--color-white);
}

.punbb .datafield br, #pun-title h1 span, #pun-break4, #pun-navlinks a span, li.pa-gifts, #messages > fieldset > legend, td.tcl > div > div.tclcon > div.subforums,.pa-fld3 .fld-name, .pa-fld4 .fld-name, #pun-main div.catleft, #pun-main div.catright,
#pun-navlinks a span, .punbb #post-form fieldset legend span, div.post-links > ul > li.pl-share {display: none!important}

/*.pa-respect .fld-name {position: absolute;
    margin: -18px 0 0 -1px;
    font-size: 12px;
    letter-spacing: -3px;
    opacity: 0;}*/

4th �� Vol.2

mybb@mybb.ru (Ladislav Klimt) — Fri, 23 Feb 2024 17:30:53 +0300

��:

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

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

:root {
    --color-hz: #b54d7f; /*���������*/
    --color-nice: #9589c9; 

    --color-white: #f4f4f4;
    --color-black: #202020;

--color-green:#777;

--color-grey: rgb(151 151 151 / 20%); /*����� ��� ����� ������*/
--color-grey2: #d5d5d5;

--color-blue: #79bdb7;/*��������� ������*/

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

--color-trans: rgb(0 0 0 / 60%);

--logo: url(https://forumstatic.ru/files/001a/eb/a8/90528.png);

--custom2: Soyuz;
}

/*-----------------------------*/
.night {
--color-white: #e6e6e6;
--color-grey2: #bfbfbf;
--color-black: #000000;
--color-green:#4a4a4a;
}

.night img, .night #Logo {filter:brightness(0.9)}

.night plashka, .night .go-up, .night .go-down {filter: saturate(0.75);}

.night {
--html-bg: #222 url(https://forumstatic.ru/files/001a/eb/a8/15335.jpg) top center repeat-y fixed;
--logo: url(https://forumstatic.ru/files/001a/eb/a8/84896.png);
--color-trans: rgb(197 197 197 / 20%);
}

.night div.post-author > p.pa-author, .night li.pa-author, .night #html-footer p {
font-family:'Girlo';
font-size: 11px;
letter-spacing: 0px;
line-height: 2.5;
background: var(--color-black);
color: var(--color-white);
}

.night div.post-author > p.pa-author, .night li.pa-author, .night .pa-author a, .night .pa-author a:hover, .night .pa-author a:active,
.night .punbb .post-content .code-box > strong > a, .night .punbb .post-content .code-box > strong > a:hover, .night div > cite > a, .night div > cite > a:hover 
 {color: var(--color-white)!important;}

.night .punbb .quote-box cite, .night .punbb .code-box strong.legend {background: var(--color-black);}

.night .post .pa-fld2, .night .plsh, 
.night #dice-form > button, .night .button, .night sub4, .night #plng, .night #pun-stats li.item1, .night #pun-stats li.item2, .night #pun-stats li.item3, .night #pun-stats li.item4, .night div.dice-box 
{border-image: linear-gradient(120deg, #1194cd,#cc3399);
border-image-slice: 1;}

.night #act1 > a > img, .night #act2 > a > img, .night #act3 > a > img, .night #act4 > a > img,
.night #pun-viewforum .user-avatar, .night #pun-index .user-avatar, .night #pun-modviewforum .user-avatar, .night #pun-searchtopics .user-avatar, .night .post-content hr {background: linear-gradient(120deg, #1194cd,#cc3399) border-box;}

.night .punbb h2 span {    font-size: 16px;
    padding: 8px;
letter-spacing:0px;
    font-family: 'Girlo';
}

/*-----------------------------*/

.city {
--html-bg: #222 url(https://forumstatic.ru/files/001a/eb/a8/89344.jpg) top center repeat-y fixed;
--custom:DymaxionScript;
--custom2: VerPro;

    --color-hz: #b54d7f; /*���������*/
    --color-nice: #b8b4c9; /*���������*/
    --color-white: #f0f0f0;
    --color-black: #2f2f30;

--color-green:#979797;
--color-grey: rgb(151 151 151 / 20%); /*����� ��� ����� ������*/
--color-grey2: #d5d5d5;

--color-blue: #d9c661;/*��������� ������*/
    --color-trans: rgb(197 197 197 / 20%);
}

.city #Logo {
    width: 1060px;
    height: 150px;
    text-align: center;
    position: absolute;
    top: 63px;}

.city #Logo, .city .bannner {    background: var(--color-trans);}

.city #ZACHTO {
    position: absolute;
    z-index: 2;
    width: 1060px;
    height: 180px;
    top: 50px;
    background: url(https://forumstatic.ru/files/001a/eb/a8/57166.png) top center no-repeat;
}

.city #act {top: 60px;}

.city #act1 {
    left: 88px;
}
.city #act2 {
    left: 226px;
}
.city #act3 {
    right: 226px;
}
.city #act4 {
    right: 88px;
}

.city #act1 > a > img, .city #act2 > a > img, .city #act3 > a > img, .city #act4 > a > img {
    top: 0px;
    left: 0px;
    position: absolute;
    background-size: contain!important;
    border-radius: 10px;
    -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: 50px;
    height: 50px;
    border: 0px;
    box-shadow: 0 0 20px var(--color-black);
}

.city #RANDOM {position: absolute;
    left: 350px;
    width: 360px;
    height: 80px;
    top: 41px;
    padding: 10px 0 0 0;
    opacity: 0;
    background: var(--color-grey2);
    text-align: center;
    border-radius: 10px;
}

.city #RANDOM:before, .city #RANDOM:after {display:none}

.city #KontentRotator {font-size: 10px;
    text-align: justify;
    color: var(--color-shadow);
    overflow-y: auto;
    padding: 0px 6px 0px 6px;
    margin: 0px 0px 5px 5px;
    height: 70px;
    width: 335px;
}

.city #dot {    top: 167px;}
.city .slide_block {    top: 23px;
    border-radius: 10px;
    background: var(--color-nice);}

.city #pun-status .container {    top: 25px;}

.city .punbb {
    margin-top: 240px;
}

.city #html-footer > div > div {    margin-top: 10px;}

.city #html-footer p {    border-radius: 0 0 20px 20px;}
.city .bannner, .city .punbb, .city #Logo {    border-radius: 20px;}

.city #pun-stats, .city .punbb .category {    margin: 10px 15px; }

.city #pun-main h2, .city .punbb .section h2 {   text-align: right!important;}

.city #pun-main h2 {
    margin-top: -18px;
    margin-bottom: 10px;
background:none;
}

.city .punbb h2 span {
    color: var(--color-grey2);
    font-size: 26px;
    text-transform: lowercase;
    font-family: var(--custom);
    padding: 0 7px!important;
    background: var(--color-white);
}

.city .punbb .post {
    border-bottom: 1px solid var(--color-grey);
}
.city .punbb .category {
    border-top: 1px solid var(--color-grey);
} 

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

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

.city div.icon {
margin-top: -12px;
    margin-left: -18px;
    position: absolute;
    width: 24px;
    height: 40px;  
}

.city div.icon:before {
    position: absolute;
    width: 24px;
    height: 24px;
    font-family: var(--custom);
    rotate: -10deg;
    font-size: 24px!important;
    content: ' ';
}


.city .inew Div.icon:before, .inew.isticky Div.icon:before, .inew.iclosed Div.icon:before, .inew.isticky.iclosed Div.icon:before {
    color: var(--color-blue);
    content: "new";
    font-size: 24px;
}

.city .isticky Div.icon:before {
    color: var(--color-hz);
    opacity: 0.7;
    content: "imp";
}

.city .iclosed Div.icon:before {
    color: var(--color-nice);
    opacity: 1;
    content: "cls";
}

.city .for-a {color:transparent!important; }

.city .for-a > a {color: var(--color-hz)!important;
font-size: 10px;}

.city #pun-ulinks > ul > li> a:before, .city .for-a > a:before {content: '#';}

.city #pun-ulinks a {   color: var(--color-hz);  }


.city #plng {
    color: var(--color-black)!important;
    padding: 2px 5px 3px;
    border: 1px var(--color-nice) solid;
    margin: 2px 0 10px!important;
    width: fit-content;
    border-radius: 5px;
}

.city #pun-stats li.item1, .city #pun-stats li.item2, .city #pun-stats li.item3, .city #pun-stats li.item4 {
    background: var(--color-grey2);
    border-radius: 5px;
    box-shadow: 0px 0px 4px var(--color-grey) inset;
border: 0px solid transparent;
}

.city .punbb .user-avatar .avatar-image {
    background-color: var(--color-mda2)!important;
    border-radius: 5px!important;}

.city #pun-viewforum .user-avatar, .city #pun-index .user-avatar, .city #pun-modviewforum .user-avatar, .city #pun-searchtopics .user-avatar {
    border-radius: 5px!important;
    border: 0px solid transparent;
    background: none;
}

.city #pun-index .user-avatar {   margin: 0px 10px 0px 25px;   }
.city .punbb em.user-avatar { float:right !important; }

.city .punbb .main .tcr {
    text-align: right;
    color: var(--color-black);
}

.city .punbb .main .tcr a {color:var(--color-green); font-size: 11px;}

.city .punbb .post .post-author {
padding: 10px 10px 10px 5px;
    margin-top: -20px;
    background: var(--color-grey);
    border-radius: 7px;
    margin-left: -25px;
    border: 0px solid;
    border-left: 10px solid var(--color-nice)!important;
    box-shadow: 0px 0px 4px var(--color-grey) inset;
}

.city div.post-author > p.pa-author, .city li.pa-author {
    padding: 7px 5px;
    line-height: 0.5;
    text-transform: capitalize;
    margin: 0px 0 0;
    border-bottom: 1px solid var(--color-nice);
    border-radius: 0;
    width: 210px;
    font-family: var(--custom2);
}

.city li.pa-avatar.item2 img {
    margin-top: 0px;
    border-radius: 7px;
}

.city .post .pa-fld2 {
    color: var(--color-mda);
    text-align: center;
    text-transform: lowercase;
    letter-spacing: 1px;
    padding: 5px;
    height: 15px;
    margin: 0px 16px;
    border-top: 1px solid var(--color-nice);
    font-family: var(--custom2);
    font-size: 9px;
border-image: none;
}

.city .plsh {
    width: 160px;
    padding: 0px 10px 0px 10px !important;
    height: 36px;
    position: relative;
    background: var(--color-grey);
    border-radius: 5px;
    box-shadow: 0px 0px 4px var(--color-grey) inset;
border: 0px;
}

.city div.post-author > p.pa-author, .city li.pa-author, .city .pa-author a, .city .pa-author a:hover, .city .pa-author a:active {
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    color: var(--color-black)!important;
    letter-spacing: 0.15px;
}

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

.city .punbb .quote-box, .city .punbb .code-box {
    border-radius: 7px;
    background: var(--color-grey);
    box-shadow: 0px 0px 4px var(--color-grey) inset;
border: none;
}

.city .punbb .quote-box cite, .city .punbb .code-box strong.legend {
    display: block;
    padding: 2px 0px 4px;
    font-size: 11px;
    letter-spacing: 0.2px;
    font-weight: normal;
    font-style: normal;
margin: 0px 0px 4px!important;
    color: var(--color-black);
border:none;
    border-bottom: 1px solid var(--color-nice);
    font-family: var(--custom2);
    width: auto;
}

.city .post-content hr {
    background: var(--color-nice);
}

.city #main-reply {
    background: var(--color-grey);
    border-radius: 10px;
border:0px solid;
    box-shadow: 0px 0px 4px var(--color-grey) inset;
}

.city .hvStickerPackModal {border-radius:7px;}

.city .plashka,
.city .hvStickerPackModalTab,
.city .button, .city sub4, .city #dice-form > button{
    font-size: 10px;
    border: none!important;
    background: var(--color-blue)!important;
    color: var(--color-black);
    margin: 2px 6px 0 0;
    font-family: var(--custom2);
    letter-spacing: 0.5px;
    border-radius: 5px!important;
}

.city div.dice-box {
    background: var(--color-grey);
    border-radius: 5px;
    box-shadow: 0px 0px 4px var(--color-grey) inset;
    border-image: none;
    border: 0px;
}

.city #html-footer p {
    border: none;
    font-family: var(--custom2);
    color: var(--color-nice);
    text-transform: lowercase;
    font-size: 10px;
    text-align: center;
    padding: 0 0 10px;
    letter-spacing: 1px;
    line-height: 1.5;
}

.city #stylelist {
    position: relative;
    z-index: 100;
    right: 15px;
    top: -217px;
    height: 20px;
    float: right;
    display: flex;
}

/*ARROWS*/
.city .go-up, .city .go-down {
    color: var(--color-white);
    position: fixed;
    z-index: 9997;
    cursor: pointer;
    opacity: 1;
opacity:0.7;
}

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

.city .go-up:before, .city .go-down:before{
font-family: var(--custom);
    font-size: 65px;
    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;}

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

.city .go-down:before{content: 'dn';
}

.city #pun-navlinks, .city #pun-navlinks .container {margin-top: -90px;
    position: fixed;
    margin-left: 537px;}

.city #pun-report .inner, .city #pun-reputation .inner, .city #pun-admin-award-form .inner {
    background-color: var(--color-white)!important;
    border-radius: 7px;
}

.city #rep_form > table > tbody > tr > td.tc2 {
    border: none!important;
}

.city #reputationText {
background: var(--color-grey)!important;
    border-radius: 10px;
    border: 0px solid;
    box-shadow: 0px 0px 4px var(--color-grey) inset;
}

.city .punbb tbody.hasicon td.tcl {padding: 5px 20px 5px 15px;}
.city .punbb .main .tcr {padding-right: 5px;}
.city #pun-stats {
    padding: 15px 10px;
}

.city div.lock, .city div.unlock,
.city #submenu, .city .menu span {border-radius: 5px;}

.city div.face {border-radius: 10px;}

/*-----------------------------*/

body {
    min-width: 600px!important;
}

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

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

#title-logo-tbody {
}

#html-header {
width: 1060px;
}

#Logo {
    background: var(--logo) center no-repeat;
    width: 1060px;
    height: 380px;
    text-align: center;
    position: absolute;
top: 40px;
}

#ZACHTO {
position: absolute;
    z-index: 2;
    width: 1060px;
    height: 160px;
    top: 35px;
}

#act {
    position: absolute;
    width: 1060px;
    top: 161px;
    height: 64px;
}

#act1, #act2, #act3, #act4 {
    position: absolute;
    width: 54px;
    height: 54px;
    top: 0px;
    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;
}

#act1:hover, #act2:hover, #act3:hover, #act4:hover {opacity:1}

#act1 {left: 65px;}
#act2 {left: 180px;}

#act3 {right: 180px;}
#act4 {right: 65px;}


#act1 > a > img, #act2 > a > img, #act3 > a > img, #act4 > a > img {
    position: absolute;
    background-size: contain!important;
    border-radius: 10px;
    -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: 50px;
    height: 50px;
    border-radius: 30px;
    border: 2px solid transparent;
    background: linear-gradient(120deg, #00cbcb, #3686c0, #cc3399, #dc9522) border-box;
    } 


#RANDOM {     position: absolute;
    left: 280px;
    width: 500px;
    height: 110px;
    top: 126px;
    padding: 10px 0 0 0;
    opacity: 0;
    background: var(--color-white);
    text-align: center;
    -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;}

#RANDOM:before {    position: absolute;
content: "";
  background:url(https://forumstatic.ru/files/001a/eb/a8/40769.png) center no-repeat;
    width: 87px;
    height: 60px;
    top: -45px;
    left: 10px;
}

#RANDOM:after {     position: absolute;
content: "";
  background:url(https://forumstatic.ru/files/001a/eb/a8/55978.png) center no-repeat;
    width: 87px;
    height: 60px;
    bottom: -45px;
    right: 10px;
}

#KontentRotator {    font-size: 10px;
    text-align: justify;
    color: var(--color-shadow);
    overflow-y: auto;
    padding: 0px 20px 0px 25px;
    margin: 10px 0px 5px 5px;
    height: 70px;
    width: 440px;
}


#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(--custom3);
    color: var(--color-hz);
    letter-spacing: 1px;
}   

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

#KontentRotator1 > p > img, #KontentRotator2 > p > img, #KontentRotator3 > p > img, #KontentRotator4 > p > img, #KontentRotator1 > p, #KontentRotator2 > p, #KontentRotator3 > p, #KontentRotator4 > p { 
    width: 90px;
    height: 90px;
    position: absolute;
opacity:0.85;
    border-radius: 10px;}

#img-4, #img-3, #img-2, #img-1 {
    position: absolute;
    height: 90px;
    width: 90px;
    -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;
}

#img-4 {right: 50px;}

#img-3 {right: 175px; }

#img-2 {left: 175px;}

#img-1 {left: 50px;}

#NEWS {
    top: 10px;
left: 12px;
    position: relative;
    width: 800px;
    text-align: left;
    color: var(--color-hz);
    font-size: 10px;
}

#NEWS > a {
margin: 2px!important;
    text-transform: lowercase;
    color: var(--color-white);
}

#dot {     position: absolute;
    color: var(--color-white);
    font-size: 15px;
    top: 354px;
    width: 1060px;
    height: 20px;
    text-align: center;
}

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

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

#html-footer {height: 20px;
}

#html-footer > div > div {margin-bottom:20px}

#html-footer p {
    position: relative;
    display: block;
    width: 1060px;
    background: var(--color-white);
    text-align: center;
    color: var(--color-black);
    border-top: 1px solid var(--color-black);
    font-family: 'Palace';
    text-transform: uppercase;
    font-size: 16px;
    text-align: center;
    padding: 0.25em 0;
    letter-spacing: 1px;
    line-height: 1.5;
}

/* 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 {

  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-black);
}



/* 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, #pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active  {
    color: var(--color-white);
    margin: 0px !important;
    font-size: 38px;
    font-family: var(--custom3);
    text-transform: lowercase;
  }

/* CS3.4 */

#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: -13px;
    margin-top: -7px!important;
}

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


div.icon {
    margin-top: 15px;
    margin-left: -15px;
    position: absolute;
    width: 24px;
    height: 24px;
}

div.icon:before {
    position: absolute;
    width: 24px;
    height: 24px;
    font-size: 24px;
    content: '+';
    font-size: 20px;
    color: var(--color-grey2);
}


.inew Div.icon:before, .inew.isticky Div.icon:before, .inew.iclosed Div.icon:before, .inew.isticky.iclosed Div.icon:before {
    color: var(--color-nice);
    content: "+";
    font-size: 20px;
}

.isticky Div.icon:before, isticky.iclosed Div.icon:before {
    color: var(--color-hz);
    content: "!!";
    font-size: 18px;
    top: 2px;
}

.iclosed Div.icon:before {
    color: var(--color-grey2);
    content: "x";
    font-size: 18px;
    top: 2px;
    left: 2px;
}

#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: 0.5;
    text-decoration:none!important
} 

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

* {
scrollbar-width: thin;
scrollbar-color: var(--color-nice) var(--color-grey2);    
}

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

/* ����� ������ ��� � ������ */
#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 {
 }

/*��� ������ ���������*/
#pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner {
    margin: -131px 0 0 -451px!important;
    width: 900px!important;
    height: 165px;
    right: 12px!important;
    font-size: 10px;
    background-color: var(--color-white)!important;
}

#reputationText {width: 96%;
    border: none;
    margin: 10px 0;
border:1px solid var(--color-black);
    background-color: var(--color-white)!important;
}

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


/*����� ���, ������������*/
#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;}


/*ARROWS*/
.go-up, .go-down {
    position: fixed;
    margin-left: 1140px!important;
    z-index: 9997;
    cursor: pointer;
    opacity: 1;
}

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

.go-up:before, .go-down:before{
    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: url(https://forumstatic.ru/files/001a/eb/a8/14279.png);}

.go-down:before{content: url(https://forumstatic.ru/files/001a/eb/a8/55803.png);}


.banr{     height: 50px;
    overflow-y: auto;
    padding-right: 0px!important;
    width: 1010px;
    padding-top: 5px;
    margin: 9px 25px!important;
    position: absolute;}

.bannner {
    width: 1060px;
    height: 80px;
    text-align: center;
    background: var(--logo) top center no-repeat;
}

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

#html-footer > div > div > div.bannner > div > a > img {
    border-radius: 5px;
}

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

#pun-main > div > h1 > span {display: block;}

#pun-statistic .tc-username {width:15%!important}

.punbb .main .tcr a {
    font-family: var(--custom2);
    font-size: 12px;
    color: var(--color-nice);
   }

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


/* ������������ */
#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-black)!important;
    font-size: 12px;
    font-family: var(--custom2);
    font-style: normal;
    letter-spacing: 0.5px;
}

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-black);
    text-align: center;
    text-transform: lowercase;
    letter-spacing: 1px;
    padding: 0.1em;
    line-height: 1.5;
    margin: 0px 16px;
    border-top: 1px solid;
    border-image: linear-gradient(120deg, #00cbcb, #3686c0, #cc3399, #dc9522);
    border-image-slice: 1;
    font-family: var(--custom2);
    font-size: 11px;
}

.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;
width: 57px;
    color: var(--color-black);
    margin-top: 5px!important;
    margin-bottom: 10px!important;
    display: inline-block;
    text-align: center;
    margin: 2px;
}


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 {top: -5px;}

#pun-modviewforum .user-avatar, #pun-searchtopics .user-avatar {
    top: -11px !important;
    margin: 0px 10px 0px 25px!important;
}

#pun-viewforum .user-avatar {
    top: -13px!important;
}

#pun-viewforum .user-avatar, #pun-index .user-avatar, #pun-modviewforum .user-avatar, #pun-searchtopics .user-avatar {
    margin: 0px 20px 0px 10px;
    width: 38px!important;
    height: 38px!important;
    border-radius: 30px!important;
    border: 2px solid transparent;
    background: linear-gradient(120deg, #00cbcb, #3686c0, #cc3399, #dc9522) border-box;
    }

.punbb .user-avatar .avatar-image {
    width: 38px!important;
    height: 38px!important;
    opacity: 1!important;
    border-radius: 30px!important;
}

#messages > fieldset > div > div > table > tbody > tr > td > em {  margin-top: -15px;
    border-radius: 30px!important;
    border: 2px solid transparent;
    background: linear-gradient(120deg, #00cbcb, #3686c0, #cc3399, #dc9522) border-box;
    width: 38px!important;
    height: 38px!important;
}

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


.post-content hr {
background: linear-gradient(120deg, #00cbcb, #3686c0, #cc3399, #dc9522) border-box;
height: 1px;
box-shadow: none !important;
border: none !important;
opacity:1!important;
    margin: 0 10px;
}

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 > span, #MyBookmarks h2 {
    margin: 0!important;
    background: var(--color-blue)!important;
    font-family: var(--custom2)!important;
    color: var(--color-white)!important;
font-size:10px;
letter-spacing:0.5px;
text-transform:lowercase!important;
text-shadow:none!important;
}

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

.isonline {
    margin-top: 0px!important;
background: var(--color-blue)!important;
    top: 2px!important;
    right: 2px!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: none;}

.post .bookmark {right: -26px!important;}

#main-reply {
text-align: justify;
    margin-bottom: 5px;
    border: 1px solid var(--color-black);
    padding: 5px 10px;
    line-height: 1.1;
width:97%!important;
    min-height: 250px;
    background: var(--color-white);
}


.punbb #post-form fieldset legend span {
    display: none;
}

third

mybb@mybb.ru (Ladislav Klimt) — Wed, 21 Feb 2024 13:01:57 +0300

��:

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

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

:root {
    --color-hz: #b54d7f; /*���������*/
    --color-nice: #b8b4c9; /*���������*/

    --color-white: #f0f0f0;
    --color-black: #2f2f30;

--color-green:#979797;
--color-grey: rgb(151 151 151 / 20%); /*����� ��� ����� ������*/
--color-grey2: #d5d5d5;

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

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

--color-trans: rgb(0 0 0 / 37%);

--custom: DymaxionScript;
--custom2: VerPro;
--custom3: Creat;
}


.dday, .dnight {
--color-white: #ddd;
--color-grey2: #bfbfbf;
--color-nice: #8a8797;
--color-hz:#883a5f;
--color-blue:#c4b35b;
}

.dday img, .dnight img {filter:brightness(0.9)}

.night, .dnight {
--html-bg: #222 url(https://forumstatic.ru/files/001a/eb/a8/89344.jpg) top center repeat-y fixed;
--color-trans: rgb(197 197 197 / 20%);
}

body {
    min-width: 600px!important;
}

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

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

#title-logo-tbody {
}

#html-header {
width: 960px;
}

#Logo {
    background: var(--color-trans);
    width: 960px;
    height: 125px;
    text-align: center;
    position: absolute;
top: 63px;
    border-radius: 20px
}

#ZACHTO {
position: absolute;
    z-index: 2;
    width: 960px;
    height: 160px;
    top: 35px;
}

#act {
    position: absolute;
    width: 960px;
    top: 45px;
    height: 90px;}

#act1, #act2, #act3, #act4 {
    position: absolute;
    width: 90px;
    height: 90px;
    top: 0px;
    background: #f0f0f066;
    border-radius: 10px;
    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;
}

#act1:hover, #act2:hover, #act3:hover, #act4:hover {opacity:1}

#act4 {right: 50px;}

#act3 {right: 175px;}

#act2 {left: 175px;}

#act1 {left: 50px;}


#act1 > a > img, #act2 > a > img, #act3 > a > img, #act4 > a > img {
top: 20px;
    left: 20px;
    position: absolute;
    background-size: contain!important;
    border-radius: 10px;
    -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: 50px;
    height: 50px;
    border-radius: 5px;
    } 

#RANDOM0 {position: absolute;
    left: 300px;
    width: 359px;
    height: 80px;
    top: 45px;
    padding: 4px 0 0 0;
    opacity: 1;
    font-family: var(--custom);
    font-size: 65px;
    color: var(--color-white);
    text-align: center;
}

/*#RANDOM:before {    top: -174px;
    left: 9px;
    content: ",,";
    font-family: var(--custom);
    position: absolute;
    font-size: 200px;
    color: var(--color-nice);
}*/

#RANDOM {    position: absolute;
    left: 300px;
    width: 359px;
    height: 80px;
    top: 45px;
    padding: 10px 0 0 0;
    opacity: 0;
    background: var(--color-grey2);
    text-align: center;
    border-radius: 10px;

    -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-shadow);
    overflow-y: auto;
    padding: 0px 6px 0px 6px;
    margin: 0px 0px 5px 5px;
    height: 70px;
    width: 335px;
}


#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(--custom3);
    color: var(--color-hz);
    letter-spacing: 1px;
}   

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

#KontentRotator1 > p > img, #KontentRotator2 > p > img, #KontentRotator3 > p > img, #KontentRotator4 > p > img, #KontentRotator1 > p, #KontentRotator2 > p, #KontentRotator3 > p, #KontentRotator4 > p { 
    width: 90px;
    height: 90px;
    position: absolute;
opacity:0.85;
    border-radius: 10px;}

#img-4, #img-3, #img-2, #img-1 {
    position: absolute;
    height: 90px;
    width: 90px;
    -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;
}

#img-4 {right: 50px;}

#img-3 {right: 175px; }

#img-2 {left: 175px;}

#img-1 {left: 50px;}

#NEWS {
    top: 10px;
left: 12px;
    position: relative;
    width: 800px;
    text-align: left;
    color: var(--color-hz);
    font-size: 10px;
}

#NEWS > a {
margin: 2px!important;
    text-transform: lowercase;
    color: var(--color-white);
}

#dot {    position: absolute;
    color: var(--color-white);
    font-size: 15px;
    top: 154px;
    width: 960px;
    height: 20px;
    text-align: center;
}

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

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

#html-footer {height: 20px;
}

#html-footer > div > div {margin-bottom:5px}

#html-footer p {
    position: relative;
    display: block;
    width: 960px;
    height: 20px;
    text-align: center;
    font-size: 10px;
    letter-spacing: 0px;
    color: var(--color-brown);
}

/* 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-radius: 7px;
    background: var(--color-grey);
box-shadow: 0px 0px 4px var(--color-grey) inset;
}



/* 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, #pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active  {
    color: var(--color-white);
    margin: 0px !important;
    font-size: 38px;
    font-family: var(--custom3);
    text-transform: lowercase;
  }

/* CS3.4 */

#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: -13px;
    margin-top: -24px!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: -1px!important;
}


div.icon {
margin-top: -12px;
    margin-left: -18px;
    position: absolute;
    width: 24px;
    height: 40px;  
}

div.icon:before {
    position: absolute;
    width: 24px;
    height: 24px;
    font-family: var(--custom);
    rotate: -10deg;
    font-size: 24px;
}


.inew Div.icon:before, .inew.isticky Div.icon:before, .inew.iclosed Div.icon:before, .inew.isticky.iclosed Div.icon:before {
    color: var(--color-blue);
    content: "new";
    font-size: 24px;
}

.isticky Div.icon:before {
    color: var(--color-hz);
    opacity: 0.7;
    content: "imp";
}

.iclosed Div.icon:before {
    color: var(--color-nice);
    opacity: 1;
    content: "cls";
}

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

* {
scrollbar-width: thin;
}

/* ����� ������ ��� � ������ */
#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 {
 }

/*��� ������ ���������*/
#pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner {
    margin: -131px 0 0 -451px!important;
    width: 900px!important;
    height: 165px;
    right: 12px!important;
    font-size: 10px;
    background-color: var(--color-white)!important;
    border-radius: 7px;
}

#reputationText {width: 96%;
    border-radius: 7px;
    border: none;
    margin: 10px 0;
}

#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: transparent;
    padding: 5px 10px;
    line-height: 1.1;
    border-radius: 10px;
    box-shadow: 0px 0px 4px var(--color-grey) inset;
}

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

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

.go-up:before, .go-down:before{
font-family: var(--custom);
    font-size: 65px;
    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: 'up';}

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


.banr{     height: 50px;
    overflow-y: auto;
    padding-right: 0px!important;
    width: 920px;
    padding-top: 5px;
    margin: 9px 25px!important;
    position: absolute;}

.bannner {
    margin-top: 10px !important;
    width: 960px;
    height: 70px;
    text-align: center;
    background: var(--color-trans);
    margin-bottom: 15px!important;
    border-radius: 20px;
}

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

#html-footer > div > div > div.bannner > div > a > img {
    border-radius: 5px;
}

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

#pun-main > div > h1 > span {display: block;}

#pun-statistic .tc-username {width:15%!important}

.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;
border-radius: 5px;
}



/* ������������ */
#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: 11px;
    font-family: var(--custom2);
    font-style: normal;
letter-spacing: 0.2px;
}

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-hz)!important;
    font-style: italic;
}

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

.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;
width: 57px;
    color: var(--color-black);
    margin-top: 5px!important;
    margin-bottom: 10px!important;
    display: inline-block;
    text-align: center;
    margin: 2px;
}


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 10px 0px 25px;
    }
.punbb em.user-avatar {
    float:right !important;
    }
.punbb .user-avatar img.ava {
    border-radius:0!important;

    }

.punbb .user-avatar .avatar-image {
    background-color: var(--color-mda2)!important;
    width: 38px!important;
    height: 38px!important;
    opacity: 1!important;
    border-radius: 5px!important;
}

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


.post-content hr {
background: var(--color-nice);
height: 1px;
box-shadow: none !important;
border: none !important;
opacity:1!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 > span, #MyBookmarks h2 {
    margin: 0!important;
    background: var(--color-blue)!important;
    font-family: var(--custom2)!important;
    color: var(--color-white)!important;
font-size:10px;
letter-spacing:0.5px;
text-transform:lowercase!important;
text-shadow:none!important;
}

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

.isonline {
    margin-top: 0px!important;
background: var(--color-blue)!important;
    top: 2px!important;
    right: 2px!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: none;}

#navpr_1 li span {
}

4th ��

mybb@mybb.ru (Ladislav Klimt) — Mon, 19 Feb 2024 14:03:06 +0300

��:

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

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

:root {
    --color-hz: #b54d7f; /*���������*/
    --color-nice: #9589c9; /*#ea0db9;*/

    --color-white: #f4f4f4;
    --color-black: #202020;

--color-green:#777;

--color-grey: rgb(151 151 151 / 20%); /*����� ��� ����� ������*/
--color-grey2: #d5d5d5;

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

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

--color-trans: rgb(0 0 0 / 37%);

--logo: url(https://forumstatic.ru/files/001a/eb/a8/90528.png);

--custom2: Soyuz;
}


.night {
--color-white: #ddd;
--color-grey2: #bfbfbf;
--color-black: #000000;
}

.night img, .night #Logo {filter:brightness(0.9)}

.night plashka, .night .go-up, .night .go-down {filter: saturate(0.75);}

.night {
--html-bg: #222 url(https://forumstatic.ru/files/001a/eb/a8/15335.jpg) top center repeat-y fixed;
--logo: url(https://forumstatic.ru/files/001a/eb/a8/84896.png);
--color-trans: rgb(197 197 197 / 20%);
}

.night div.post-author > p.pa-author, .night li.pa-author, .night #html-footer p {
font-family:'Girlo';
font-size: 11px;
letter-spacing: 0px;
line-height: 2.5;
background: var(--color-black);
color: var(--color-white);
}

.night div.post-author > p.pa-author, .night li.pa-author, .night .pa-author a, .night .pa-author a:hover, .night .pa-author a:active,
.night .punbb .post-content .code-box > strong > a, .night .punbb .post-content .code-box > strong > a:hover, .night div > cite > a, .night div > cite > a:hover 
 {color: var(--color-white)!important;}

.night .punbb .quote-box cite, .night .punbb .code-box strong.legend {background: var(--color-black);}

.night .post .pa-fld2, .night .plsh, 
.night #dice-form > button, .night .button, .night sub4, .night #plng, .night #pun-stats li.item1, .night #pun-stats li.item2, .night #pun-stats li.item3, .night #pun-stats li.item4 
{border-image: linear-gradient(120deg, #1194cd,#cc3399);
border-image-slice: 1;}

.night #act1 > a > img, .night #act2 > a > img, .night #act3 > a > img, .night #act4 > a > img,
.night #pun-viewforum .user-avatar, .night #pun-index .user-avatar, .night #pun-modviewforum .user-avatar, .night #pun-searchtopics .user-avatar, .night .post-content hr {background: linear-gradient(120deg, #1194cd,#cc3399) border-box;}


body {
    min-width: 600px!important;
}

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

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

#title-logo-tbody {
}

#html-header {
width: 1060px;
}

#Logo {
    background: var(--logo) center no-repeat;
    width: 1060px;
    height: 380px;
    text-align: center;
    position: absolute;
top: 40px;
}

#ZACHTO {
position: absolute;
    z-index: 2;
    width: 1060px;
    height: 160px;
    top: 35px;
}

#act {
    position: absolute;
    width: 1060px;
    top: 161px;
    height: 64px;
}

#act1, #act2, #act3, #act4 {
    position: absolute;
    width: 54px;
    height: 54px;
    top: 0px;
    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;
}

#act1:hover, #act2:hover, #act3:hover, #act4:hover {opacity:1}

#act1 {left: 65px;}
#act2 {left: 180px;}

#act3 {right: 180px;}
#act4 {right: 65px;}


#act1 > a > img, #act2 > a > img, #act3 > a > img, #act4 > a > img {
    position: absolute;
    background-size: contain!important;
    border-radius: 10px;
    -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: 50px;
    height: 50px;
    border-radius: 30px;
    border: 2px solid transparent;
    background: linear-gradient(120deg, #00cbcb, #3686c0, #cc3399, #dc9522) border-box;
    } 


#RANDOM {     position: absolute;
    left: 280px;
    width: 500px;
    height: 110px;
    top: 126px;
    padding: 10px 0 0 0;
    opacity: 0;
    background: var(--color-white);
    text-align: center;
    -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;}

#RANDOM:before {    position: absolute;
content: "";
  background:url(https://forumstatic.ru/files/001a/eb/a8/40769.png) center no-repeat;
    width: 87px;
    height: 60px;
    top: -45px;
    left: 10px;
}

#RANDOM:after {     position: absolute;
content: "";
  background:url(https://forumstatic.ru/files/001a/eb/a8/55978.png) center no-repeat;
    width: 87px;
    height: 60px;
    bottom: -45px;
    right: 10px;
}

#KontentRotator {    font-size: 10px;
    text-align: justify;
    color: var(--color-shadow);
    overflow-y: auto;
    padding: 0px 20px 0px 25px;
    margin: 10px 0px 5px 5px;
    height: 70px;
    width: 440px;
}


#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(--custom3);
    color: var(--color-hz);
    letter-spacing: 1px;
}   

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

#KontentRotator1 > p > img, #KontentRotator2 > p > img, #KontentRotator3 > p > img, #KontentRotator4 > p > img, #KontentRotator1 > p, #KontentRotator2 > p, #KontentRotator3 > p, #KontentRotator4 > p { 
    width: 90px;
    height: 90px;
    position: absolute;
opacity:0.85;
    border-radius: 10px;}

#img-4, #img-3, #img-2, #img-1 {
    position: absolute;
    height: 90px;
    width: 90px;
    -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;
}

#img-4 {right: 50px;}

#img-3 {right: 175px; }

#img-2 {left: 175px;}

#img-1 {left: 50px;}

#NEWS {
    top: 10px;
left: 12px;
    position: relative;
    width: 800px;
    text-align: left;
    color: var(--color-hz);
    font-size: 10px;
}

#NEWS > a {
margin: 2px!important;
    text-transform: lowercase;
    color: var(--color-white);
}

#dot {     position: absolute;
    color: var(--color-white);
    font-size: 15px;
    top: 354px;
    width: 1060px;
    height: 20px;
    text-align: center;
}

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

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

#html-footer {height: 20px;
}

#html-footer > div > div {margin-bottom:20px}

#html-footer p {
    position: relative;
    display: block;
    width: 1060px;
    background: var(--color-white);
    text-align: center;
    color: var(--color-black);
    border-top: 1px solid var(--color-black);
    font-family: 'Palace';
    text-transform: uppercase;
    font-size: 16px;
    text-align: center;
    padding: 0.25em 0;
    letter-spacing: 1px;
    line-height: 1.5;
}

/* 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 {

  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-black);
}



/* 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, #pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active  {
    color: var(--color-white);
    margin: 0px !important;
    font-size: 38px;
    font-family: var(--custom3);
    text-transform: lowercase;
  }

/* CS3.4 */

#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: -13px;
    margin-top: -7px!important;
}

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


div.icon {
    margin-top: 15px;
    margin-left: -15px;
    position: absolute;
    width: 24px;
    height: 24px;
}

div.icon:before {
    position: absolute;
    width: 24px;
    height: 24px;
    font-size: 24px;
    content: '+';
    font-size: 20px;
    color: var(--color-grey2);
}


.inew Div.icon:before, .inew.isticky Div.icon:before, .inew.iclosed Div.icon:before, .inew.isticky.iclosed Div.icon:before {
    color: var(--color-nice);
    content: "+";
    font-size: 20px;
}

.isticky Div.icon:before, isticky.iclosed Div.icon:before {
    color: var(--color-hz);
    content: "!!";
    font-size: 18px;
    top: 2px;
}

.iclosed Div.icon:before {
    color: var(--color-grey2);
    content: "x";
    font-size: 18px;
    top: 2px;
    left: 2px;
}

#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: 0.5;
    text-decoration:none!important
} 

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

* {
scrollbar-width: thin;
scrollbar-color: var(--color-nice) var(--color-grey2);    
}

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

/* ����� ������ ��� � ������ */
#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 {
 }

/*��� ������ ���������*/
#pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner {
    margin: -131px 0 0 -451px!important;
    width: 900px!important;
    height: 165px;
    right: 12px!important;
    font-size: 10px;
    background-color: var(--color-white)!important;
}

#reputationText {width: 96%;
    border: none;
    margin: 10px 0;
border:1px solid var(--color-black);
    background-color: var(--color-white)!important;
}

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


/*����� ���, ������������*/
#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;}


/*ARROWS*/
.go-up, .go-down {
    position: fixed;
    margin-left: 1140px!important;
    z-index: 9997;
    cursor: pointer;
    opacity: 1;
}

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

.go-up:before, .go-down:before{
    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: url(https://forumstatic.ru/files/001a/eb/a8/14279.png);}

.go-down:before{content: url(https://forumstatic.ru/files/001a/eb/a8/55803.png);}


.banr{     height: 50px;
    overflow-y: auto;
    padding-right: 0px!important;
    width: 1010px;
    padding-top: 5px;
    margin: 9px 25px!important;
    position: absolute;}

.bannner {
    width: 1060px;
    height: 80px;
    text-align: center;
    background: var(--logo) top center no-repeat;
}

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

#html-footer > div > div > div.bannner > div > a > img {
    border-radius: 5px;
}

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

#pun-main > div > h1 > span {display: block;}

#pun-statistic .tc-username {width:15%!important}

.punbb .main .tcr a {
    font-family: var(--custom2);
    font-size: 12px;
    color: var(--color-nice);
   }

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


/* ������������ */
#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-black)!important;
    font-size: 12px;
    font-family: var(--custom2);
    font-style: normal;
    letter-spacing: 0.5px;
}

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-black);
    text-align: center;
    text-transform: lowercase;
    letter-spacing: 1px;
    padding: 0.1em;
    line-height: 1.5;
    margin: 0px 16px;
    border-top: 1px solid;
    border-image: linear-gradient(120deg, #00cbcb, #3686c0, #cc3399, #dc9522);
    border-image-slice: 1;
    font-family: var(--custom2);
    font-size: 11px;
}

.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;
width: 57px;
    color: var(--color-black);
    margin-top: 5px!important;
    margin-bottom: 10px!important;
    display: inline-block;
    text-align: center;
    margin: 2px;
}


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 {top: -5px;}

#pun-modviewforum .user-avatar, #pun-searchtopics .user-avatar {
    top: -11px !important;
}

#pun-viewforum .user-avatar {
    top: -13px!important;
}

#pun-viewforum .user-avatar, #pun-index .user-avatar, #pun-modviewforum .user-avatar, #pun-searchtopics .user-avatar {
    margin: 0px 20px 0px 10px;
    width: 38px!important;
    height: 38px!important;
    border-radius: 30px!important;
    border: 2px solid transparent;
    background: linear-gradient(120deg, #00cbcb, #3686c0, #cc3399, #dc9522) border-box;
    }

.punbb .user-avatar .avatar-image {
    width: 38px!important;
    height: 38px!important;
    opacity: 1!important;
    border-radius: 30px!important;
}

#messages > fieldset > div > div > table > tbody > tr > td > em {  margin-top: -15px;
    border-radius: 30px!important;
    border: 2px solid transparent;
    background: linear-gradient(120deg, #00cbcb, #3686c0, #cc3399, #dc9522) border-box;
    width: 38px!important;
    height: 38px!important;
}

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


.post-content hr {
background: linear-gradient(120deg, #00cbcb, #3686c0, #cc3399, #dc9522) border-box;
height: 1px;
box-shadow: none !important;
border: none !important;
opacity:1!important;
    margin: 0 10px;
}

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 > span, #MyBookmarks h2 {
    margin: 0!important;
    background: var(--color-blue)!important;
    font-family: var(--custom2)!important;
    color: var(--color-white)!important;
font-size:10px;
letter-spacing:0.5px;
text-transform:lowercase!important;
text-shadow:none!important;
}

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

.isonline {
    margin-top: 0px!important;
background: var(--color-blue)!important;
    top: 2px!important;
    right: 2px!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: none;}

.post .bookmark {right: -26px!important;}

#main-reply {
text-align: justify;
    margin-bottom: 5px;
    border: 1px solid var(--color-black);
    padding: 5px 10px;
    line-height: 1.1;
width:940px!important;
    min-height: 250px;
    background: var(--color-white);
}

.punbb #post-form fieldset legend span {
    display: none;
}

first

mybb@mybb.ru (Ladislav Klimt) — Wed, 16 Aug 2023 09:44:30 +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: 1050px;
    height: 0;
    /* position: absolute; */
    top: 0px;
    left: 420px;
    /* background: url(https://forumstatic.ru/files/001a/eb/a8/42012.png) center center no-repeat; */
}

#Logo {
    background: url(https://forumstatic.ru/files/001a/eb/a8/42012.png) center center no-repeat;
    width: 1050px;
    height: 338px;
    text-align: center;
    position: relative;
    left: -39px;
    top: -160px;
}

#ZACHTO {
    position: absolute;
    z-index: 2;
    width: 970px;
    height: 260px;
    top: 106px;
    /* background: #47637c5c; */
}

#act {position: absolute;width: 600px;top: 180px;}

#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 {left: 345px;}

#act3 {left: 265px;}

#act2 {left: 185px;}

#act1 {left: 105px;}


#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: 0px;top: 10px;display: flex;align-items: center;}


#KontentRotator {font-size: 10px;text-align: justify;color: var(--color-grey);overflow-y: auto;padding: 0px 5px 0px 0px;margin: 5px 0 0 0;
height: 74px;
width: 247px;
}

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

#NEWS {
    left: 750px;
    top: 159px;
    position: absolute;
    display: grid;
    align-items: center;
    width: 200px;
    height: 81px;
    overflow-y: auto;
}

.plashka, .plashka2 {
    padding: 3px 7px 5px;
    margin: 2px!important;
    width: 165px !important;
    text-transform: lowercase;
    border: none!important;
    color: var(--color-hz);
    position: relative;
    border: 1px solid var(--color-white)!important;
    text-align: center;
}

.plashka {
    background: var(--color-black);
    }

.plashka2 {
    background: var(--color-black);}


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

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

/* ����� */
#pun-about .container {
/*    height: 15px;*/
    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, #pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active  {
    color: var(--color-green);
    margin: 4px 0px !important;
    font-size: 18px;
    letter-spacing: 1.5px;
    font-family: var(--custom);
    text-transform: lowercase;
  }

/* CS3.4 */

#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: 35px !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;
width: 57px;
    color: var(--color-black);
    margin-top: 5px!important;
    margin-bottom: 10px!important;
    display: inline-block;
    text-align: center;
    margin: 2px;
}


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}


/* ������ ������� */
#pun-index .user-avatar {
    margin: -5px 30px 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 (Ladislav Klimt) — Sun, 06 Aug 2023 12:42:04 +0300

��:

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

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

:root {
    --color-hz: #6cb0a1; /*������*/
    --color-nice: #bebebe; /*��������� �����*/

    --color-white: #f0f0f0;
    --color-black: #000000;
--color-shadow: #000000;

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

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

--color-brown: #2d2d2d; /*�����*/

--color-mda: #2d2d2d;
--color-mda2: #2d2d2d;

--color-blue: #e3a096; /*#f1947b;*/ /*��������� ������*/

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

--custom: Deco;
--custom2: VerPro;
--custom3: Bosch;
}


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


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

#title-logo-tbody {
}

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

#Logo {
    background: var(--logo);
    width: 970px;
    height: 180px;
    text-align: center;
    position: relative;
    left: 0px;
top: -11px;
}

#ZACHTO {
    position: absolute;
    z-index: 2;
    width: 970px;
    height: 180px;
    top: 100px;
}

#act {
    position: absolute;
    width: 400px;
    top: 62px;
    right: 0;
    height: 70px;}

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

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

#act4 {left: 307px;}

#act3 {left: 211px;}

#act2 {left: 116px;}

#act1 {left: 20px;}


#act1 > a > img, #act2 > a > img, #act3 > a > img, #act4 > a > img {
top: 0px;
    left: 0px;
    position: absolute;
    background-size: contain!important;

    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;
    width: 50px;
    height: 50px;
    } 

#RANDOM { position: absolute;
    left: 30px;
    top: 54px;
    display: flex;}

#KontentRotator {font-size: 10px;
    text-align: justify;
    color: var(--color-shadow);
    overflow-y: auto;
    padding: 0px 5px 0px 0px;
    margin: 5px 0 0 0;
    height: 55px;
    width: 340px;
}

#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-blue)!important}

#NEWS {
top: 10px;
    position: relative;
    width: 960px;
    text-align: right;
    color: var(--color-hz);
    font-size: 10px;
}

#NEWS > a {
margin: 2px!important;
    text-transform: lowercase;
    color: var(--color-white);
}

.punbb {float: none;width: auto;height: auto;margin: 0 auto;background: var(--color-white);margin-top: 55px;
    box-shadow: -20px 20px 0px var(--color-nice);}

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

#html-footer {height: 22px;
    border-right: 20px solid var(--color-black);}

#html-footer p {
position: absolute;
    display: block;
    width: 970px;
    height: 30px;
    text-align: center;
    font-size: 10px;
    letter-spacing: 0px;
    color: var(--color-brown);
    background: url(https://forumstatic.ru/files/001a/eb/a8/33802.png) top right no-repeat;
}

/* 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-brown);
}


/* 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, #pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active  {
    color: var(--color-white);
    margin: 0px !important;
    font-size: 38px;
    font-family: var(--custom);
    text-transform: lowercase;
  }

/* CS3.4 */

#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: -17px;
    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: -10px;
    margin-top: 18px!important;
}


div.icon {
margin-top: 13px;
    margin-left: -17px;
    position: absolute;
    width: 14px;
    height: 14px;
    border-radius: 50px;
}

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

.iclosed Div.icon {
    background: var(--color-nice);}

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

#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-nice);
    text-shadow: -7px 0px 0px var(--color-brown);
    position: fixed;
    margin-left: 1020px!important;
    z-index: 9997;
    cursor: pointer;
    opacity: 1;
}

.go-up {
bottom: 57%; 
}
.go-down {
bottom: 44%; 
transform: rotate(180deg);
    text-shadow: 7px 0px 0px var(--color-brown);
}

.go-up:before, .go-down:before{
font-family: var(--custom);
    font-size: 100px;
    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;
    padding-right: 5px!important;}

.bannner {
    position: absolute;
    margin-top: 45px !important;
    width: 970px;
    height: 70px;
    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: 11px;
    font-family: var(--custom2);
    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-blue)!important;
    font-style: italic;
}

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

.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;
width: 57px;
    color: var(--color-black);
    margin-top: 5px!important;
    margin-bottom: 10px!important;
    display: inline-block;
    text-align: center;
    margin: 2px;
}


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 30px 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: 0px!important;
    /* outline: 2px solid var(--color-hz); */
    /* outline-offset: 3px; */
    box-shadow: 4px -3px 0 var(--color-hz);
    /* border: 1px solid var(--color-white);*/
}

.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 > span, #MyBookmarks h2 {
    margin: 0!important;
    background: var(--color-blue)!important;
    font-family: var(--custom2)!important;
    color: var(--color-white)!important;
font-size:10px;
letter-spacing:0.5px;
text-transform:lowercase!important;
text-shadow:none!important;
}

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

.isonline {
    margin-top: 0px!important;
background: var(--color-blue)!important;
    top: 2px!important;
    right: 2px!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: none;}

#navpr_1 li span {
}

��

mybb@mybb.ru (Ladislav Klimt) — Thu, 03 Aug 2023 11:57:36 +0300

��1

mybb@mybb.ru (Ladislav Klimt) — Sun, 30 Jul 2023 10:22:22 +0300

��:

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

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

:root {
    --color-hz: #cf5c24; /*���������*/
    --color-nice: #c6bdb2; /*������*/

    --color-white: #f0f0f0;
    --color-black: #0a0a0a;
--color-shadow: #0a0a0a;

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

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

--color-brown: #0a0a0a; /*�����*/

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

--color-blue: #417d50; /*��������� ������*/
--color-arrow: #417d50; /*�������*/

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

--custom: Bosch;
--custom2: VerPro;
--custom3: Bosch;
}


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


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

#title-logo-tbody {
}

#html-header {
    width: 1050px;
    height: 0;
    top: 0px;
    left: 420px;
}

#Logo {
    background: url(https://forumstatic.ru/files/001a/eb/a8/58717.png) center center no-repeat;
    width: 990px;
    height: 186px;
    text-align: center;
    position: relative;
    left: -30px;
    top: -100px;
}

#ZACHTO {
    position: absolute;
    z-index: 2;
    width: 960px;
    height: 186px;
    top: 85px;
}

#act {position: absolute;
width: 990px;
top: 36px;
}

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

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

#act4 {right: 56px;}

#act3 {right: 152px;}

#act2 {right: 247px;}

#act1 {right: 343px;}


#act1 > a > img, #act2 > a > img, #act3 > a > img, #act4 > a > img {
    top: 0px;
    left: 0px;
    position: absolute;
    background-size: contain!important;
    border: 11px solid var(--color-black);
    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 {  position: absolute;
    left: 30px;
    top: 47px;
    display: flex;}

#KontentRotator {    font-size: 10px;
    text-align: justify;
    color: var(--color-grey);
    overflow-y: auto;
    padding: 0px 5px 0px 0px;
    margin: 5px 0 0 0;
    height: 43px;
    width: 330px;
}

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

#NEWS {
    top: -2px;
    position: relative;
    width: 945px;
    text-align: right;
    color: var(--color-black);
    font-weight: 600;
    font-size: 10px;
}

#NEWS > a {
    margin: 2px!important;
   text-transform: lowercase;
    color: var(--color-black);
}

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

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

#html-footer p {
    display: block;
    width: 960px;
    padding-top: 5px;
    height: 25px;
    text-align: center;
    font-size: 10px;
    letter-spacing: 0px;
    color: var(--color-brown);
    background: url(https://forumstatic.ru/files/001a/eb/a8/58717.png) top right no-repeat;
}

/* 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, #pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active  {
    color: var(--color-white);
    margin: 0px !important;
    font-size: 22px;
    font-family: var(--custom);
    text-transform: uppercase;
  }

/* CS3.4 */

#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
 -------------------------------------------------------------*/

/* ������*/

div.icon {
background-color: var(--color-green);
    margin-right: 15px;
    margin-top: 14px;
    margin-left: 17px;
    width: 12px;
    height: 12px;
    position: absolute;
}

.isticky Div.icon { /*+ bl*/
background-color: var(--color-hz);
}

/*+ or*/
.inew Div.icon, .inew.isticky Div.icon {
background-color: var(--color-blue);
}

/*x or*/
.inew.iclosed Div.icon {
background-color: var(--color-blue);} 

/*x*/
.iclosed Div.icon {
background-color:var(--color-mda)}

/*x bl*/
.isticky.iclosed Div.icon {
background-color: var(--color-hz);
}

/*x or*/
.inew.isticky.iclosed Div.icon {
   background-color: var(--color-blue);
}

#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-white);
    opacity: 1;
    text-decoration:none!important
} 

*::-moz-selection
{
    background: none repeat scroll 0 0 var(--color-blue);
    color: var(--color-white);
    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-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-arrow);
    text-shadow: 1px -1px 1px var(--color-black);
    position: fixed;
    margin-left: 1020px!important;
    z-index: 9997;
    cursor: pointer;
    opacity: 1;
    transform: rotate(90deg);
}

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

.go-up:before, .go-down:before{font-family: var(--custom3);
font-size: 125px;
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;
    padding-right: 5px!important;}

.bannner {
    position: absolute;
    margin-top: 4px !important;
    width: 960px;
    height: 70px;
    overflow-y: none;
    text-align: right;
}

.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: 11px;
    font-family: var(--custom2);
    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-hz)!important;
    font-style: italic;
}

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

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

.pa-fld4, .pa-fld3, .pa-respect, .pa-posts {
    font-size: 9px;
width: 57px;
    color: var(--color-black);
    display: inline-block;
    text-align: center;
    margin: 5px 10px 5px!important;
}


.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 25px 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: 0px!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: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 > span, #MyBookmarks h2 {
    margin: 0!important;
    background: var(--color-blue)!important;
    font-family: var(--custom2)!important;
    color: var(--color-white)!important;
font-size:10px;
letter-spacing:0.5px;
text-transform:lowercase!important;
text-shadow:none!important;
}

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

.isonline {
    margin-top: 0px!important;
background: var(--color-blue)!important;
    top: 2px!important;
    right: 2px!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: none;}

#navpr_1 li span {
}

�� (��)

mybb@mybb.ru (Ladislav Klimt) — Sat, 29 Jul 2023 14:45:35 +0300

��

mybb@mybb.ru (Ladislav Klimt) — Mon, 05 Jun 2023 07:55:30 +0300

- ��

�� 
�� .�� .
- �� ,
- �� ,
- �� , �� , ��.
�� ? ��.

�� FAQ

mybb@mybb.ru (Ladislav Klimt) — Sun, 04 Jun 2023 00:04:18 +0300

�� 
�� ?
�� , ��. 2023 ��.

�� 3 ��?
�� 3 �� 2000 ��. � � �� �� 3 �� (� �� ).

�� COVID-19?
��, �� . � �� , � �� , �� , �� .

�� ?
��-��. �� - �� , �� .
��-�� , �� .
��-�� , �� .
��-�� (� �� ) �� , �� -�� .

�� ? � ��?
��, �� . �� , � ��, �� "�� ", �� . �� . � �� , �� , �� , � ��, �� . ��, � �� .
�� , �� , �� , �� - �� , �� . � ��, ��, �� .

� �� ?
� ��, ��. �� , �� , �� , � �� . � �� , �� , �� . ��, �� , �� , �� , �� .

�� , �� - ��?
��. �� . �� -�� "��".
� �� . � �� .

�� ?
��, �� ...
� �� , �� , �� . � �� - �� .

�� ?
��. ��, ��, ��, ��, ��, ��, ��, ��, ��. ��, �� -�� -�� . �� "��", ��, �� .
�� #1: �� . �� , �� . �� .
�� #2: ��, �� , �� . �� - �� , �� , �� Netflix. �� - �� . �� .

�� /��/�� etc.?
��, ��. � �� -�� -�� , �� .

�� ?
��. �� , �� . �� .

�� ?
��, ��.

�� ?
�� . � �� , �� . �� , �� . � 2023 �� , �� .

��

mybb@mybb.ru (Ladislav Klimt) — Sat, 03 Jun 2023 23:32:16 +0300

�� 
�� . �� , �� , �� . �� , �� .
�� 
�� "�� " - ��, �� . �� , ��, �� , �� . ��, �� -��. �� , �� -�� .
�� 
��, ��, �� (� �.�. � �.�.), �� (�� -�� ...), ��, �� , �� , �� . ��-�� . ��-�� .
�� "�� "
�� . �� , �� "�� ". �� , �� . �� , �� , �� -�� . �� , �� . �� , �� , �� . �� .

��

mybb@mybb.ru (princess) — Sat, 03 Jun 2023 16:44:28 +0300

�� .��, �� .
�� . �� , �� . �� -�� ...

[html]
<link href='http://fonts.googleapis.com/css?family=Oswald:300' rel='stylesheet' type='text/css'>

<center><div class="b-facepad">
<section class="facetabl">
<div><input id="ac-22" name="accordion-1" type="radio" checked/>
<label for="ac-22"><div class="b-fctitle">CLAIMED</div></label><article class="ac-face"><div class="b-fcpad"><table cellpadding="0" cellspacing="0"><TR><td>
<div class="b-smttl"> THE LADIES </div>
<div class="b-face01">

<br><a href="LINK">name listed however you please</a>
<br><a href="LINK">celeb name </a>
<br><a href="LINK">celeb name </a>
<br><a href="LINK">celeb name </a>
<br><a href="LINK">celeb name </a>
<br><br>
</div></td>
<td>
<div class="b-smttl"> THE GENTS </div>
<div class="b-face02">

<br><a href="LINK">name listed however you please</a>
<br><a href="LINK">celeb name </a>
<br><a href="LINK">celeb name </a>
<br><a href="LINK">celeb name </a>
<br><a href="LINK">celeb name </a>

<br><br>
</div></td></TR></table></div></article></div><div>
<input id="ac-21" name="accordion-1" type="radio" />
<article class="ac-face"><div class="b-fcpad"><table cellpadding="0" cellspacing="0"><TR><td>
<div class="b-smttl"> requested </div>
<div class="b-face03">

<br> <a href="LINK TO ADVERT">celeb name </a>
<br>- for member -

</div></td>
<td>
<div class="b-smttl"> reserved </div>
<div class="b-face03">

<br> <a href="LINK TO PROFILE">celeb name </a>
<br>- for member, 3 days -

</div></td></TR></table></div></article><label for="ac-21"><div class="b-fctitle">PENDING</div></label></div>
<br>
<div><input id="ac-23" name="accordion-1" type="checkbox" />
<label for="ac-23"><div class="b-fctitle" style="font-size: 18px; padding: 20px 30px 20px 30px;">CODES</div></label><article class="ac-code"><div class="b-fcpad" style="height: 200px; padding: 0px; border: 10px solid #fff; overflow: auto;">

<div class="b-smtitle2"> to claim </div>
[**CODE]<br><a href="LINK TO PROFILE">celeb last, first</a>[/CODE**]
<br><br>

<div class="b-smtitle2"> to reserve </div>
[**CODE]<a href="LINK TO ACCOUNT">last, first name </a>
<br>- name, 3 days -[/CODE**]
<br><br>

<div class="b-smtitle2"> to request </div>
[**CODE]<br> <a href="lLINK TO WANT AD">celeb last, celeb first</a>
<br>- for member name - [/CODE**]
<br>
</div></article></div>
</section>

</div><div style="padding-left: 380px; font-family: trebuchet ms; font-size: 8px;">
<a href="http://shine.b1.jcink.com/index.php?showuser=3621">❥ bee</a></div></center>

.facetabl article{ background: fff; margin: -0px; overflow: hidden; height: 0px; position: relative; z-index: 10;
-webkit-transition: height 0.5s ease-in-out, box-shadow 0.6s linear; -moz-transition: height 0.5s ease-in-out, box-shadow 0.6s linear; -o-transition: height 0.5s ease-in-out, box-shadow 0.6s linear; -ms-transition: height 0.5s ease-in-out, box-shadow 0.6s linear; transition: height 0.5s ease-in-out, box-shadow 0.6s linear; }

.facetabl input:checked ~ article{ -webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear; -moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear; -o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear; -ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear; transition: height 0.5s ease-in-out, box-shadow 0.1s linear; }
.facetabl article p{ font-family: courier new; color: black; font-size: 14px; padding: 0px; }

.facetabl input:checked ~ article.ac-face{ height: 290px; }
.facetabl input:checked ~ article.ac-code{ height: 220px; }

.b-facepad { background: #f8f8f8; width: 430px; padding: 10px; margin-top: 10px;}
.b-fctitle { background: #000; width: 370px; height: 10px; padding: 30px 30px 30px 30px; color: #fff; font-family: oswald; text-transform: uppercase; font-size: 20px; letter-spacing: 2px; }
.b-fctitle:hover { background: #323232; }

.b-face01 { width:160px; height:220px; padding-left: 30px; overflow:auto; text-align: left; line-height:120%; overflow: auto; trebuchet ms; font-size: 9px; border-top: 5px solid #fff; text-transform: uppercase; padding-top: -5px; }
.b-face02 { width:160px; height:220px; padding-left: 30px; overflow:auto; text-align: left; line-height:120%; overflow: auto; trebuchet ms; font-size: 9px; border-top: 5px solid #fff; text-transform: uppercase; }
.b-face03 { width:190px; height:220px; overflow:auto; text-align: center; line-height:120%; overflow: auto; font-family: trebuchet ms; font-size: 9px; border-top: 5px solid #fff; text-transform: uppercase; }

.b-fcpad { width: 380px; height: 280px; padding: 0px 10px; background-color: #fff; border-top: 15px solid #fff; overflow:auto; }
.b-fcpad ::-webkit-scrollbar { background:#eaeaea; width: 3px; }
.b-fcpad ::-webkit-scrollbar-thumb { background: #800000; width: 3px; }
.b-fcpad ::-webkit-scrollbar-track { background:#eaeaea}

.b-smttl { width: 170px; height: 30px; font-family: 'oswald'; text-transform: uppercase; font-size: 20px; color: #000; border-bottom: 5px solid #800000; line-height: 100%; text-align: center; padding-left: 10px; }

.b-smtitle2 { width: 380px; font-family: oswald; text-transform: uppercase; font-size: 15px; color: #000; text-align: center; letter-spacing: 2px; padding-top: 10px; }

.b-face01 a:link, .b-face01 a:active, .b-face01 a:visited {
text-transform: uppercase;
color: #a50e18; }
.b-face02 a:link, .b-face02 a:active, .b-face02 a:visited {
text-transform: uppercase;
color: #0e75a5; }
.b-face03 a:link, .b-face03 a:active, .b-face03 a:visited {
text-transform: uppercase;
color: #a5670e; }

</style>[/html]

���� �����

#9

������ ������

������

vogue

second

7th

to do lkbyyjt yfpdfybt lkz ghjdthrb fybvfwbb

���� ������ 2

22/02

����

������

5th

4th ������������� Vol.3

4th ������������� Vol.2

third

4th �������������

first

�����

������� ��������

����1

������ (����)

����� ������

������� FAQ

������� ������

������� ������� ����������

��

��

��

�� 2

��

��

4th �� Vol.3

4th �� Vol.2

4th ��

��

��

��1

�� (��)

��

�� FAQ

��

��