/* фон*/

body {
background-color: #131313;
background-image:url(https://i.imgur.com/XT69spI.png);
background-attachment: fixed; 
background-position: top center;
}


/* шапка */
#pun-title table {
background: url(https://i.imgur.com/NgTPJbH.png);
background-color: transparent;
background-repeat: no-repeat;
background-position: top center;
width: 1003px;
height: 459px;
margin-left: -10px;
margin-top:60px;
}

.purple #pun-title table {
background: url(https://i.imgur.com/9W5XGmw.png);
background-color: transparent;
background-repeat: no-repeat;
background-position: top center;
width: 1003px;
height: 459px;
margin-left: -10px;
margin-top:60px;
}

.red #pun-title table {
background: url(https://i.imgur.com/N7eUvT3.png);
background-color: transparent;
background-repeat: no-repeat;
background-position: top center;
width: 1003px;
height: 459px;
margin-left: -10px;
margin-top:60px;
}


/* тело */
#pun {
width: 1003px; 
background: #f5f5f5;
border-radius:55px!important;
}

#pun-viewtopic {
margin-left: 10px;
}

.punbb {
margin-left: 10px;
}

/* низ */
#pun-about p.container {
background-color: transparent;
background-repeat: no-repeat;
background-position: top center;
margin-top: 50px;
margin-left:3px; padding-bottom: 1px;
}

/* фон и цвет текста */
.punbb .post-body, .punbb .post-links, #pun-navlinks .container,
.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-stats h2, .punbb .main h2, #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, #pun-navlinks .container  {background-color: transpanent;color: #241e28;font-weight: normal;font-style: normal;}

.punbb .post-body, .punbb .post-links, #pun-navlinks .container,
.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-stats h2, .punbb .main h2, #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, #pun-navlinks .container  {background-color: transpanent;color: #241e28;font-weight: normal;font-style: normal;}

.punbb .section .container {
color: #000000;
}

.punbb td.tc2,  .punbb td.tc3 {
color:#cacaca;
font-size: 8px;
}

#pun-admain .adformal, #pun-admain .adcontainer {
border: none;
border-color:  transparent;
}

#punbb .main h1, pun-debug h2, .punbb-admin #pun-admain h2 {
background-color: transparent;
color: #c7ccce;
font-style: normal;
margin-right: 4px;
text-transform: uppercase;
margin-left: 2px;
font-family: arial;
}

/* цитата и выделить код */
.punbb .quote-box {background-color: #f5f5f5;color: #3c3c3c;font-size: 12px;border: 1px solid #b5b5b259;border-radius:15px;font-family: 'Jost';padding: 8px!important;}

.punbb .code-box {background-color: #f5f5f5;color: #3c3c3c;font-size: 11px;border: 1px solid #b5b5b259;border-radius:15px;font-family: 'Jost';padding: 8px!important;}

.post-content .spoiler-box > div {
    background: url(https://i.imgur.com/8K3Lz3M.png) no-repeat left center!important;
    cursor: pointer!important;
    padding-left: 17px!important;
}

/* текст в форме ответа и админке */
.punbb textarea, .punbb select, .punbb input {background-color: #f3f3f3!important;border: 1px solid #0000000f;}

/* отправить, просмотреть */
input {
position: relative!important;
z-index: 800!important;
}

input.button {
font-family: jost!important;
text-transform: lowercase;
font-size: 12px!important;
background-image: none;
color: #464646;
padding: 3px;
background-color: #eee!important;
border: 1px solid #dcdcdc;
border-radius: 10px!important;
padding-left: 10px;
padding-right: 10px;
margin-bottom: 17px;
}

input[type="submit" i] {
background-color: #eeeeee!important;
border-radius:10px!important;
}

input[type="submit" i]:hover {
background-color: #303030!important;
color: #eee;
border-radius: 10px!important;
}

/* переключение раскладки */
#button-transL {
background-image: url('https://forumstatic.ru/files/001a/0a/42/17473.png');
}

/* тень и закругление */
.punbb .quote-box, .punbb .code-box, .punbb textarea, .punbb select  {
/* border-bottom-left-radius: 15px; */
/* border-bottom-right-radius: 15px; */
/* border-top-left-radius: 15px; */
/* border-top-right-radius: 15px; */
}

.punbb input {
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}

/* фон окна наград и репутации */
#pun-popup_awards div, #pun-reputation div {
/* background-image: url(https://i.imgur.com/cSdL16b.png); */
background-color: #e3e3e3;
}


/*ссылки*/

/* CS2.1 */
.punbb a, .punbb a:link {
color: #000;
text-decoration: none;
}

.punbb a:visited {
color: #000;
text-decoration: none;
transition: all 0.6s ease;
}

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited, #pun-ulinks a, .punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {color:  #363636;  
 -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
    text-decoration: none;
  }

#pun-navlinks a {
  color: #010101;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s cubic-bezier(0.25, 0.1, 0.21, 1.28);
  text-decoration: none;
}

/* CS2.2 */
.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,  #pun-ulinks a:focus, #pun-ulink  a:active {
  color: #363636; 
 -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
  text-decoration: none;
  }
.punbb a:hover, #pun-navlinks a:hover, #pun-ulinks a:hover {
    color: #363636;
    text-decoration: none;
 -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
  text-decoration: none;
}

#pun-ulinks a {font-size: 7px;font-family: jost;letter-spacing: 0.5px;margin-left: 2px;font-weight: 700;color: #000000;}

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

/* остальное */

/*иконки*/

div.icon {
        background: url(https://i.imgur.com/BbnkziY.png) no-repeat;
}

tr.inew div.icon {
        background: url(https://i.imgur.com/BbnkziY.png) no-repeat;
}

tr.iclosed div.icon {
        background: url(https://i.imgur.com/BbnkziY.png) no-repeat;
}

tr.isticky div.icon {
        background: url(https://i.imgur.com/BbnkziY.png) no-repeat;
}


/*всякое*/
#pun-main div.catleft, #pun-main div.catright {display: none;}
#pun-main .post-author ul {text-align: center;}
ul.post-ul-Sp, .post-img-Sp {text-align:center;}
#pun th, #pun-main h2 {text-align: center;color: #f5f5f5;font-size: 12px;}
#pun-navlinks .container, #pun-ulinks .container {text-align: center;}
.modlist {font-size: 95.05%;}
#pun-announcement .container {font-size: 101%; font-family: "Arial";}
.category h2 span{display: none;}
#pun-stats h2 span {visibility: hidden;}
#pun td .modlist{display:none;}
.lastedit {display:none}
#pun-announcement h2 {display: none}
#pun-navlinks #navawards{display:none}


/* список тем */
#pun-main .forum  .tcl .tclcon {
    text-align: justify;
}

/* автор темы */
#pun-main .forum .tcl .byuser {
    display: block;
    font-size: 11px;
    font-family: jost;
    text-transform: lowercase;
}

#pun-main .forum .tcl .byuser:before {
    content: "— ";
    font-size: 10px;
    font-family: arial;
}

/* прокрутка */
::-webkit-scrollbar-thumb:vertical {
background-color: #cbcbcbd1; height: 5px; border: 1px solid #cbcbcbd1;
}

::-webkit-scrollbar-thumb:horizontal {
background-color: #cbcbcbd1; height: 5px; border: 1px solid #cbcbcbd1;
}

::-webkit-scrollbar {
    background-color: #cbcbcb73;
    height: 5px;
    width: 5px;
}

::selection {
    background: #000!important;
    color: #fcfcfc;
}

#pun-viewforum.punbb div.icon {
    margin-top: 0 !important;
}

.category .container thead {display: none;}

/* аватар */
.punbb .pa-avatar img {
    max-width: 180px !important;
    margin-bottom: 0px;
}

td.tcr a {
    color: 797ca2 !important;
    background-repeat: no-repeat;
    background-position: left center;
    font-weight: normal;
    font-family: open sans;
    font-size: 11px;
}

/* разделитель */
#pun-viewtopic .post h3 {
width: 1003px;
    margin-bottom: 36px;
    margin-top: 15px;
    height: 25px;
    background-repeat: no-repeat;
    font-family: neue machina;
    font-size: 10px;
    margin-left: -10px;
}

/* аватар на главной */
#pun-index .user-avatar {
    width: 30px !important;
    height: 30px !important;
    margin-right: 15px !important;
    margin-top: -1px !important;
    filter: grayscale(1);
}

#pun .user-avatar .avatar-image {
    border: 1px solid #939393;
    border-radius: 0%;
    opacity: .8;
    width: 30px;
    height: 30px;
    filter: grayscale(1);
}

#pun .user-avatar .isonline {
  background: #EFF0E7;
  margin-right: -5px;
  border: 1px solid #A0A0A0;
  box-sizing: border-box
}

/* текст в подфоруме */
.podfl {
    margin-top: 7px !important;
    padding-left: 34px;
    padding-right: 131px!important;
    text-align: justify;
    color: #222222;
    text-transform: lowercase;
    font-size: 10px;
    font-family: jost;
width: 495px;}




.forumlinks {
    font-family: jost;
    font-weight: 600;
    font-size: 10px;
    text-transform: uppercase;
    word-spacing: 1px;
    padding-top: 4px;
    width: 489px;
    margin-left: 34px!important;
    text-align: left;
}

.adminlinks a:link {
color: #000000;
}


/*профиль*/
.punbb .post .post-author {
    background: url() 0 0 repeat-y;
background-color: transparent;
    overflow: visible!important;
    margin: 0px 0px 0px 0px!important;

}
.punbb .post .post-author {
    background: url() 0 top no-repeat, url() 0 bottom no-repeat;
background-color: transparent;
    margin: 0px 0px 0px 0!important;
    padding: 9px 9px 9px 9px!important;
}

.pa-fld5 {
width: 200px;
    text-transform: lowercase;
    font-size: 10px;
    font-family: jost;
    text-align: justify;
    letter-spacing: 0.2px;
    line-height: 12px;
    padding-bottom: 9px;
    border-bottom: 1px solid #e4e4e4;
}

.lzname {
text-transform: lowercase;
    font-size: 12px;
    font-family: jost;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 8px;
}

.pa-fld1 {
    float: left;
    margin-left: -15px!important;
    margin-top: -35px!important;}

.pa-fld2 {float: right;
    margin-top: -35px!important;
    margin-right: -35px!important;
    display: block;
    position: relative;}

.pa-fld4 {
    margin-left: 0px!important;
    margin-top: 8px!important;
    }

/*сообщения-репутация-деньги*/

  .pa-posts, .pa-respect, .pa-fld3  {
    vertical-align: text-top;
    
    float: none!important;
    margin-top: 3px!important;
    text-align: center;
    font-weight: 500;
    font-family: jost;
    font-size: 9px !important;
    color: #000000!important;
    display: inline-block;
    
    padding: 5px 10px !important;
    margin-top: 4px !important;
    width: auto;
    text-transform: lowercase;
    line-height: 13px;
    height: auto;
}

.pa-posts .fld-name, .pa-respect .fld-name, .pa-fld3 .fld-name {
    font-size: 0;
    display: block;
    height: 12px;
}

.pa-posts .fld-name:before {
    content: "";
    display: block;
    background: url(https://i.imgur.com/n3RNumq.png) no-repeat;
    width: 12px;
    height: 12px;
}

.pa-fld3 .fld-name:before {
    content: "";
    display: block;
    background: url(https://i.imgur.com/awW4caj.png) no-repeat;
    width: 12px;
    height: 12px;
margin-left: 2px;
}

.pa-respect .fld-name a:before, .gid3 .pa-respect .fld-name:before {
    content: "";
    display: block;
    background: url(https://i.imgur.com/YdqSQ8q.png) no-repeat;
    width: 12px;
    height: 12px; margin-left: 4px;
}

.pa-respect img {width: 7px;
}

/*категории*/

#pun-index div.category h2, #pun-index #pun-stats h2 {
    box-sizing: border-box;
    position: relative;
    z-index: 5;
    border: none;
    margin-left: 40px;
    margin-top: 23px;
    width: 1003px;
    padding-bottom: 32px;
}

.category.category-1 h2{
  background:url(https://i.imgur.com/AU1s64T.png) no-repeat left top;
  width:1003px;
  height:88px;
  margin-left:-27px;
  font-size: 0;
}

.purple .category.category-1 h2{
  background:url(https://i.imgur.com/FEalnGO.png) no-repeat left top;
  width:1003px;
  height:88px;
  margin-left:-27px;
  font-size: 0;
}

.red .category.category-1 h2{
  background:url(https://i.imgur.com/1ffVeuS.png) no-repeat left top;
  width:1003px;
  height:88px;
  margin-left:-27px;
  font-size: 0;
}

.category.category-2 h2{
  background:url(https://i.imgur.com/u4aJ43t.png) no-repeat left top;
  width:1003px;
  height:88px;
  margin-left:-27px;
  font-size: 0;
}

.purple .category.category-2 h2{
  background:url(https://i.imgur.com/dBqUtRn.png) no-repeat left top;
  width:1003px;
  height:88px;
  margin-left:-27px;
  font-size: 0;
}

.red .category.category-2 h2{
  background:url(https://i.imgur.com/xOtQDmo.png) no-repeat left top;
  width:1003px;
  height:88px;
  margin-left:-27px;
  font-size: 0;
}


.category.category-3 h2{
  background:url(https://i.imgur.com/uC1FJys.png) no-repeat left top;
  width:1003px;
  height:88px;
  margin-left:-27px;
  font-size: 0;
}

.purple .category.category-3 h2{
  background:url(https://i.imgur.com/6xsusgY.png) no-repeat left top;
  width:1003px;
  height:88px;
  margin-left:-27px;
  font-size: 0;
}

.red .category.category-3 h2{
  background:url(https://i.imgur.com/RZoz2ii.png) no-repeat left top;
  width:1003px;
  height:88px;
  margin-left:-27px;
  font-size: 0;
}

.category.category-4 h2{
  background:url(https://i.imgur.com/AElGUND.png) no-repeat left top;
  width:1003px;
  height:88px;
  margin-left:-27px;
  font-size: 0;
}

.purple .category.category-4 h2{
  background:url(https://i.imgur.com/P3vdMrL.png) no-repeat left top;
  width:1003px;
  height:88px;
  margin-left:-27px;
  font-size: 0;
}

.red .category.category-4 h2{
  background:url(https://i.imgur.com/Y6ygx61.png) no-repeat left top;
  width:1003px;
  height:88px;
  margin-left:-27px;
  font-size: 0;
}

.category.category-5 h2{
  background:url(https://i.imgur.com/FxsiPSp.png) no-repeat left top;
  width:1003px;
  height:88px;
  margin-left:-27px;
  font-size: 0;
}

.purple .category.category-5 h2{
  background:url(https://i.imgur.com/qyR29Uu.png) no-repeat left top;
  width:1003px;
  height:88px;
  margin-left:-27px;
  font-size: 0;
}

.red .category.category-5 h2{
  background:url(https://i.imgur.com/0wGf9dE.png) no-repeat left top;
  width:1003px;
  height:88px;
  margin-left:-27px;
  font-size: 0;
}

.category.category-6 h2{
  background:url(https://i.imgur.com/luLe6OV.png) no-repeat left top;
  width:1003px;
  height:88px;
  margin-left:-27px;
  font-size: 0;
}

.purple .category.category-6 h2{
  background:url(https://i.imgur.com/SuZOpGn.png) no-repeat left top;
  width:1003px;
  height:88px;
  margin-left:-27px;
  font-size: 0;
}

.red .category.category-6 h2{
  background:url(https://i.imgur.com/1DwDgO4.png) no-repeat left top;
  width:1003px;
  height:88px;
  margin-left:-27px;
  font-size: 0;
}

.subforlinks {
    text-align: center;
    margin-top: 3px !important;
}

.subforlink {
    margin: 0 2px 0 2px !IMPORTANT;
    padding: 1px 4px 1px 5px;
    text-transform: uppercase;
    font-size: 8px;
    font-family: tahoma;
    letter-spacing: 0.6px;
}

.subforlink:hover {
    margin: 0 2px 0 2px !IMPORTANT;
    padding: 1px 4px 1px 5px;
    text-transform: uppercase;
    font-size: 8px;
    font-family: tahoma;
    letter-spacing: 0.6px;
    background-color: #6e7291;
    color: #e2e3ea !important;
    transition-duration: 1s;
}


#size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {position: absolute;overflow-y: auto;background: #eeeeee;border: 1px solid #c7c2bd6e;border-radius: 10px;    margin-top: 9px;}

#font-area {    position: absolute;
    overflow-y: auto;
    background: #eeeeee;
    height: 180px;
    border: 1px solid #c7c2bd6e;
    border-radius: 10px;
    margin-top: 9px;}

button.st1 {
    padding: 5px 10px 5px 10px;
    border: 1px solid #e2e2e2!important;
    border-radius: 12px;
    background-color: #eeeeee;
    font: 11px jost;
    color: #464646;
}

/*темы*/

.hellogost {width: 666px; height: 400px; margin-left: 15px !important; position: relative; display: block;}

.gheader {
background-image:url(https://i.imgur.com/5l7hEsc.png);
width:666px;
height:207px;
background-repeat:no-repeat;
}
.gheadertext { font-family: jost;
    font-size: 10px;
    color: #e1e1e1;
    text-align: justify;
    width: 460px!important;
    height: auto;
    line-height: 11px;
    margin-left: 17px!important;
    margin-top: 147px!important;
    position: absolute;
    display: block;
}
.fcs {    width: 287px;
    height: 155px;
    font-family: jost;
    color: #010101;
    font-size: 10px;
    text-transform: lowercase;
    line-height: 12px;
    letter-spacing: 0.2px;
    overflow-y: auto;
    margin-left: 18px!important;
    position: relative;
    padding: 10px;
    top: 7px;
    float: left;}

.fcs header {
font-family:jost;
background:#000;
color:#fff;
border-radius:10px;
width:50px;
text-align:center;
font-size:12px;
padding:4px;
}

.infoblock {    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-top-left-radius: 37px;
    border-top-right-radius: 37px;
    border: 1px solid #e4e4e4;
    font-family: jost;
    text-transform: lowercase;
    font-size: 12px;   
    width: 666px;
    margin-left: 15px!important;
}

.infotext {font-family: jost;
    text-transform: lowercase;
    font-size: 11px;
    padding-top: 15px;
    padding-bottom: 10px;
    width: 664px;
    margin-left: 15px!important;}


.infoblock question {
font-size:14px;
font-weight:600;
}

.news {
border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border: 1px solid #e4e4e4;
    font-family: jost;
    text-transform: lowercase;
    font-size: 11px;
    padding-top: 27px;
    width: 660px;
    margin-left: 16px!important;
}
.news question {
font-size:14px;
font-weight:600;
}


/* убирает улучшить аккаунт */
#pun-status .item4 {display:none;}

/* настройки кнопки это интересно */
#pun-live-rusff {
z-index: 1 !important;
width: 440px;
height: 19px;
margin: auto 0px 0 auto;
background: transparent;

position: relative;
font-family: jost!important;
vertical-align: middle;
line-height: 24px !important;
text-transform: lowercase;
font-weight: 500;
color: #000000;
}

.cool1 {
width: 71px!important;
height: 16px;
padding-bottom: 9px!important;
background: #232323!important;
color: #e4e4e1!important;
font-family: jost!important;
text-align: center;
float: right;
margin-left: 4px !important;
margin-right: 4px !important;
border: 0px;
cursor: pointer;
box-shadow: none !important;
-moz-box-shadow: none;
-webkit-box-shadow: none;
-khtml-box-shadow: none;
text-shadow: none !important;
border-right: 0px !important;
border-radius: 20px;
font-weight: 400 !important;
}

.cool2 {
width: 16px;
    height: 16px;
    background: #232323!important;
    color: #e4e4e1;
    font-size: 11px;
    font-family: verdana;
    text-align: center;
    float: right;
    margin-right: 1px;
    padding: 3px!important;
    border-radius: 6px!important;
    border: 1px solid #333;
}

.cool3 {
width: 16px!important;
    height: 16px;
    padding: 4px!important;
    margin-left: 4px!important;
    background: #232323!important;
    color: #e4e4e1!important;
    font-size: 11px;
    font-family: jost!important;
    text-align: center;
    float: right;
    font-weight: bold;
    border: 0px;
    border-radius: 6px!important;
    cursor: pointer;
    box-shadow: inset 0 0 3px #000;
    -moz-box-shadow: inset 0 0 3px #000;
    -webkit-box-shadow: inset 0 0 3px #000;
    -khtml-box-shadow: inset 0 0 3px #000;
    text-shadow: 0 1px 2px #222;
    border-left: 1px solid #333;
}


/* оформа тем */

.hellothere { width: 660px; border-radius: 20px; border: 1px solid #e4e4e4; margin-left: 15px!important; padding: 3px;}

.hellohead { background: #000;  font-family: jost; text-transform: lowercase; font-size: 12px;  width: 667px; color: #fff;  margin-top: -3px !important;  text-align: center; border-top-right-radius: 20px; border-top-left-radius: 20px; margin-left: -4px!important; padding-top: 20px; display: block; position: relative;  padding-bottom: 20px;}

.hellotext { font-family: jost; text-transform: lowercase; font-size: 11px; margin-top: 20px !important; width: 610px; padding: 3px; margin-left: 22px !important; margin-bottom: 20px !important;}

.headzag {    font-family: jost; text-transform: lowercase; font-size: 12px;  color: #fff; text-align: center; width: 600px; margin-left: 34px !important;}

.headcit {    border-radius: 20px; border: 1px solid #e4e4e4; font-family: jost; text-transform: lowercase; font-size: 12px; width: 628px; margin-left: 15px!important; margin-bottom: 16px !important;}


#stylelist {
    position: absolute;
    z-index: 200;
    margin-left: 398px!important;
    padding: 19px;
    margin-top: -55px;display: grid;
    grid-template-columns: repeat(auto-fit, minmax(10px, 37px));
    grid-template-rows: auto;
    gap: 5px 8px;
    overflow: hidden;
    width: 130px;
    list-style-type: none;
}

#stylelist a {
    display: inline-block;
    width: 25px;
    height: 25px;
    color: transparent;
    /* margin-bottom: 8px; */
}

#stylelist [data="limegreen"] a {
    background-image:url(https://i.imgur.com/PP1NPpG.png);
}
#stylelist [data="purple"] a {
    background-image:url(https://i.imgur.com/5M9kTXw.png);
}
#stylelist [data="red"] a {
    background-image:url(https://i.imgur.com/DlbGh32.png);
}




/******************************************************************
  Cтиль:"таблица с вкладками"
******************************************************************/

/*Правки для Цвета фона и бордюров таблицы*/
.s-tabs>.stab,.s-tabs>span{
background:#F7F6D2;
border-color: #7E7E7E!important;
}
.s-tabs{
width:500px;  /*ширина таблицы*/
display:block;
}
.s-tabs>.stab{
height:200px; /*высота вкладки*/
}
/* Стиль "Ушка" вкладок */
.s-tabs>span{
position:relative;
z-index:100;
color:#626436;
cursor:pointer;
border: 1px solid;
display:inline-block;
padding:4px;
height: 17px;
margin:0;
margin-right:-1px;
text-align:left;
padding-right:6px;
text-shadow: 1px 1px 2px rgba(0,0,0,.4);
font: italic normal 400 13px/16.5px "Comic Sans Ms";
}
/* Активное "Ушко" */
.s-tabs>span.selected{
color:#fff;
background:#000;
border-bottom-color:transparent!important;
}
/* Стиль вкладки(LI)*/
.s-tabs>.stab{
width:100%;
margin:0;
display:none;
overflow-y:auto;
overflow-x:hidden; 
text-align:center;
vertical-align:middle;
border:  4px solid;
padding:4px 12px!important;
}

.go-up {
display:none;
right:37px; 
z-index:9999; 
cursor:pointer;
position:fixed; 
opacity:1; 
margin-bottom:40px; 
width:100px;
height:35px;
bottom:310px; /*положение от низа окна браузера верхняя кнопка*/
background-image:url(https://i.imgur.com/xquXcPZ.png);
}

.go-down {
display:none;
right:37px; 
z-index:9999; 
cursor:pointer;
position:fixed; 
opacity:1; 
margin-bottom:40px; 
width:100px;
height:35px;
bottom:240px; /*положение от низа окна браузера нижняя кнопка кнопка*/
background-image:url(https://i.imgur.com/yY34MXG.png);
}

.purple .go-up {
display:none;
right:60px; 
z-index:9999; 
cursor:pointer;
position:fixed; 
opacity:1; 
margin-bottom:40px; 
width:100px;
height:35px;
bottom:310px; /*положение от низа окна браузера верхняя кнопка*/
background-image:url(https://i.imgur.com/Q0sd12R.png);
}

.purple .go-down {
display:none;
right:60px; 
z-index:9999; 
cursor:pointer;
position:fixed; 
opacity:1; 
margin-bottom:40px; 
width:100px;
height:35px;
bottom:240px; /*положение от низа окна браузера нижняя кнопка кнопка*/
background-image:url(https://i.imgur.com/8UNFQIc.png);
}

.red .go-up {
display:none;
right:60px; 
z-index:9999; 
cursor:pointer;
position:fixed; 
opacity:1; 
margin-bottom:40px; 
width:100px;
height:35px;
bottom:310px; /*положение от низа окна браузера верхняя кнопка*/
background-image:url(https://i.imgur.com/ek9hd8D.png);
}

.red .go-down {
display:none;
right:60px; 
z-index:9999; 
cursor:pointer;
position:fixed; 
opacity:1; 
margin-bottom:40px; 
width:100px;
height:35px;
bottom:240px; /*положение от низа окна браузера нижняя кнопка кнопка*/
background-image:url(https://i.imgur.com/z30LeMt.png);
}


/* бегунок шрифта*/

.FNTslider {
  border-radius: 4px;
  position:relative;z-index:1000;
  background: #595959;
  width: 110px;
  height: 5px;
  margin: 3px 5px;
  border: solid 0px #;
  float: right;
  margin-top: 5px;
  margin-right: 7%;
}
.FNTslider .before {
  height: 6px;
  border: solid 0px transparent;
  border-right: none 0;
  border-radius: 4px 0 0 4px;
  position: absolute;
  background: #cacaca;
  margin-top: -1px;
  box-shadow: 0px 0px 2px 0px rgb(172, 168, 190) inset;
}
.FNTslider .thumb {
  width: 8px;
  height: 13px;
  border-radius: 3px;
  position: relative;
  top: -4px;
  background: #232323;
  cursor: pointer;
}