/* ôîí */
body {
    background: url(http://forumstatic.ru/files/001b/a7/18/29200.jpg) bottom center no-repeat fixed #ffffff;
    background-size: cover;
}

/* Ôóòåð */
#pun-about p.container {
    height: 115px;
    width: calc(var(--percentage)*90);
    margin: -50px 0 -135px; 
    margin-left: -4px;
}



/* öâåò òåêñòà */
.linkst .pagelink, .linksb .postlink, .linkst .postlink, .punbb .post-links ul, .punbb .modmenu .container, .punbb .modmenu .container, .subscribelink, .punbb fieldset legend span, .punbb .linksb,.punbb .post-box,.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, .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pun-title, #pun-title .container, .punbb .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl {
    color: #312121;
}

/* ïîëå ââîäà */
.punbb input, .punbb textarea, .punbb select {
    text-shadow: none;
    color:var(--color2);
    background: rgb(242, 240, 240);
    -webkit-border-radius: 10px 10px 10px 10px;
    border: var(--border);
}



/* âûïàäàþùèå ìåíþ â ôîðìå îòâåòà */
#font-area, .popup_graffiti, #size-area, #image-area, #color-area, #addition-area, #video-area, .inner .popup_graffiti, #table-area, #keyboard-area {
    padding: 15px 10px 10px 10px !important;
    border-radius: 2px;
    background-color: rgb(242, 240, 240);
    color: var(--color2);
    border: var(--border);
    
}

/* øèðèíà âûñîòà è ïðîêðóòêà â âûïàäàþùåì ìåíþ ôîðìû îòâåòà */
#font-area {height: 200px;
overflow-y: auto;
padding: 5px;
text-align: left;
width: calc(var(--percentage)*15)
}

/*ïåðåêðàñêà ïîäëîæêè âûïàäàþùåãî ìåíþ â ôîðìå îòâåòà*/

#tags .container
{
    background-color: rgb(242, 240, 240);
}

/* êíîïêè îòïðàâèòü ïîñìîòðåòü */
#post-form .formsubmit {
    text-align: center;
}

input.button, #post fieldset .hashelp div input, .button, #pun-admain input {
    font-size:var(--font-size)!important;
    background: rgb(242, 240, 240);
    border: var(--border)!important;
    color: #312121!important;
    padding: 3px 5px 3px 5px !important;
    cursor: pointer!important;
    -webkit-transition: .1s all;
    -moz-transition: .1s all;
    -ms-transition: .1s all;
    -o-transition: .1s all;
    transition: .1s all;
}

/* ÊÍÎÏÊÈ ÎÒÏÐÀÂÈÒÜ ÏÎÑÌÎÒÐÅÒÜ ÏÐÈ ÍÀÂÅÄÅÍÈÈ
-------------------------------------------------------------*/
input.button:hover, #post fieldset .hashelp div input:hover, .button:hover {
    background-color: #d0d0d0;
    border: var(--border);
  }

/* âíåøíèé âèä òåêñòà ïðè âûäåëåíèè */
::selection {   
    background: var(--color2);
    color:var(--color1);
}

/* øèðèíà ïðîêðóòêè */
::-webkit-scrollbar {
    width: 1%;
    height: 1%;}

/* áåãóíîê ïðîêðóòêè*/

::-webkit-scrollbar-thumb {
    background-color: #1d273d;
    box-shadow: inset 0 0 2px #1a233a;
}
/* ïîäëîæêà ïðîêðóòêè */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 2px #2d3951;
}


/* CS1 Background and text colours. .punbb .formal fieldset .post-box
-------------------------------------------------------------*/

  
/* CS1.1 */
 .punbb .post-body, .punbb .post-links, .punbb .formal fieldset .post-box,  #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
  color: #333;
  }
  
/* òåêñò íà ñòðàíèöå ïðîôèëÿ */
#viewprofile li strong, #viewprofile li span{
  text-transform: uppercase;
  font-family: var(--forum-font);
  letter-spacing: 2px;
  font-size:var(--font-size)!important;
  font-weight: lighter!important;
  color: #b8bdc9!important;
  }
  

/* CS1.3 */
 .punbb .main h1, #pun-debug h2, .punbb-admin #pun-admain h2 {
  color: #787878;
  }

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  color: #9b9a9a;
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  color: #686868
  }

/* CS1.6*/
 #viewprofile li, #setmods dl  {
  color: #6d6d6d
  }

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
  color: #333
  }

/* CS1.8 */

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

/* CS3 Links
-------------------------------------------------------------*/
/* íàçâàíèå ïîäôîðóìà íà ãëàâíîé*/
.punbb a, .punbb a:link, .punbb a:visited {
    transition: color 0.3s ease-in-out;
    color: var(--color3);
    text-shadow: 0 0 10px #fff, 0 0 5px #fff;
}

/* CS3.1 */
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
  color: #7b7b7b;
  text-decoration: none;
  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #d3d3d3;
  text-decoration: none;
  }

/* CS3.2 */
/* íàçâàíèå ïîäôîðóìà íà ãëàâíîå ïðè íàâåäåíèè*/
.punbb a:hover {
    color: #6880aa;
}

/* öâåò âðåìåíè ïîñòà â òåìå ñâåðõó*/
.punbb a.permalink{
    color: #d3d3d3;
}

.punbb a.permalink:hover{
    color: #d3d3d3;
}



.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: #172035;
  text-decoration: none;
  }

/* CS3.3 */
#pun-navlinks a {
  color: #eee;
  text-decoration: none;
  }

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

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #333;
  color: var(--color1);
  text-decoration: none;
  }


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



#form-buttons {
    background: #f2f0f0;
    border: var(--border);
    border-radius: 11px;
    padding: 2px 10px;
    margin: 0 0 10px;
    display: flex;
    box-sizing: border-box;
}

#symbol-counter {
    width: 5%;
    font-size: var(--font-size);
    letter-spacing: 0.08em;
    display: grid;
    place-items: center;
    border-right: var(--border);
    padding-right: 5px;
}

#symbol-counter span {
    font-weight: 700;
}

td#button-mask {
    background: url(https://forumupload.ru/uploads/001b/b2/f2/2/588869.png) no-repeat center;
}

#button-indent {
    background: url(http://s7.uploads.ru/t/mnkgq.png)no-repeat center 6px !important;
}

td#img-tag {
    background: url(/i/form_buttons.3.png) no-repeat 50% -281px !important;
    position: relative;
}

td#img-tag::after {
    transform: scale(.6);
    content: url(https://forumupload.ru/uploads/001b/ae/0f/3/t90205.png);
    position: absolute;
    right: 5px;
    width: 1%;
    height: 1%;
}

/* îïèñàíèå ïîäôîðóìîâ íà ãëàâíîé */
.podforum {
    position: relative;
    display: inline-block;
    width: 65%;
    left: 22vw;
    text-align: center;
}

.podforum-text {
padding-left: 1%;
color: #5d5d5d;
text-align: justify!important;
font-size: 8px;
line-height: 12px;
z-index: 50;
}

.podforum-links {
position: relative;
padding-left: 1%;
padding-bottom:5%;
display: flex;
justify-content: space-around;
align-items: center;
flex-wrap: wrap;
}