Okoun Dark Custom by leknin

/* ==UserStyle==
@name           Okoun Dark Custom
@namespace      userstyles.world/user/leknin
@version        1.0.0
@description    Customizable dark theme for Okoun
@author         Leknin

@advanced color mainbk "Main backgroungd" #1c1f26
@advanced color scnbk "Second background" #16181d
@advanced color maintxt "Main text" #8a94a8
@advanced color dimtxt "Dimmer text" #576175
@advanced color firsthl "First highlight" #33b3cc
@advanced color scnhl "Second highlight" #298fa3
@advanced color acc "Accent" #eee
@advanced color link "Links" #0dccf2
@advanced color vislink "Visited links" #0997b3

==/UserStyle== */
@-moz-document domain("okoun.cz") {

    :root {
        --mainbk: /*[[mainbk]]*/;
        --scnbk: /*[[scnbk]]*/;
        --maintxt: /*[[maintxt]]*/;
        --dimtxt: /*[[dimtxt]]*/;
        --firsthl: /*[[firsthl]]*/;
        --scnhl: /*[[scnhl]]*/;
        --acc: /*[[acc]]*/;
        --link: /*[[link]]*/;
        --vislink: /*[[vislink]]*/;
    }

/* Pozadí */
#body {
background-color: var(--mainbk);
}
body {
    background-color: var(--scnbk)
}
.index .news .yui-g.first .yui-u {
    background-color: var(--mainbk);
}
html {
background: var(--scnbk);
}   

/* Nápisy*/
a,h2 a:visited {
    color: var(--dimtxt);
}
a:visited {
    color: var(--maintxt);
}
a:hover {
    color: var(--firsthl);}
body,
.item.hover .actions span.prev {
    color: var(--dimtxt)}
  
h2, body.form input.text.name {
    color: var(--maintxt)}
h4 {
    color: var(--maintxt);}   
h3 {
    color: var(--dimtxt);
    font-family: verdana !important;
    
        }

a {
    text-decoration: none;}
        
  h2>a,h2>a:visited
    {
        color: var(--firsthl) !important;
                font-family: verdana;

    }       
h2
    {
        color: var(--firsthl) !important;
                font-family: verdana;

    }   
/*Zahlavi a zapati*/
  
.head .menu a, .head .menu a:visited, .head .user a, .head .user a:visited, .footer a, .footer a:visited, .item.hover .actions a, .item.hover .actions span.prev a.prev
        {color: var(--maintxt)
        }
  
.head .menu a:hover, .head .user a:hover 
        {color: var(--firsthl)
        }

.item.hover .actions a{
    color: var(--firsthl);
}
.footer a:hover {color: var(--firsthl)}
  

.head {
  border-bottom: 1px solid var(--dimtxt);
}

.footer {
    border-top: 1px solid var(--dimtxt);
}
.user b {color: var(--scnhl)}
        
/* Logo okouna */
.head h1 a {
    color: var(--maintxt) !important;
   }
.head h1 a:hover {
    color: var(--firsthl)!important;
   }

.head h1 a {
    background-image: none;
   }

.head h1 a:before {
    content: " <°)))>< ";
    visibility: visible;
    display: block !important;
    font-family: georgia;
    font-size: 11pt !important;
    position: absolute !important;
    float: right !important;

    margin-top: 22px !important;
    z-index: 10 !important;
    color: var(--maintxt) !important;
}
        
/* Vzkazník */
.head .menu .new a {
    color: var(--acc) !important;
    background-color: var(--firsthl) !important;
}
    .item.old {
    color: var(--maintxt);
}
   
/*popisek klubu*/
    .boardlist .item .descr {
    color: var(--dimtxt);}
 /*moje kluby menu*/
     select, input, button, textarea {
  background: var(--scnbk);
    color: var(--dimtxt);
    border: 1px solid var(--dimtxt);
}   
/* vítací zpráva */
.messages,
#errorBox.messages,
#sysmsgBox.messages {
    background-color: var(--mainbk);
    color: var(--dimtxt);
    border: 1px solid var(--dimtxt);
} 
 #errorBox.messages, .errorsBox.messages {
  background-color: var(--mainbk) !important;
  border: 2px solid var(--dimtxt) !important;
}       
/*Zahlavi klubu*/
    .welcome, .item .content .confirm.reply {
    background-color: var(--scnbk);
    border: none;
}
    
    div.legend {
    border-top: 1px dotted var(--scnbk);
    background-color: var(--scnbk);
}
    body.form .new {
    border-left: 1px solid var(--dimtxt);
}  
 .ctx > a {
    color: var(--dimtxt) !important;
}         
 .ctx > a:visited {
    color: var(--maintxt) !important;
} 
  .ctx > a:hover {
    color: var(--firsthl) !important;
}
      
.ctx ul li a {
    color: var(--dimtxt) ;
}        
.ctx ul li a:visited {
    color: var(--maintxt) ;
}
.ctx ul li a:hover {
    color: var(--firsthl) ;
}          
        
/*Zalozit*/
 #infosBox.messages, .infosBox.messages {
  background-color: var(--mainbk);
  border: 2px solid var(--scnhl);
}   
/*Aktualizuji uvitaci zpravu pryc*/
span.loading {
	display: none !important
}   
     
/* Zmena barev tlacitka Prispet */

 .expbutton .hd a {
    
    background-color: var(--scnbk);
    font-family: verdana !important;
    color: var(--firsthl) !important;  }
  
.expbutton .hd {
   border: 1px solid var(--scnbk);
}      
        
/*Strankovatko*/
    
.pager ul li,
.pager ul li.older,
.pager ul li.oldest,
.pager ul li.newer,
.pager ul li.newest,
.index.yui-u {
    background-color: var(--scnbk);
    background-image: none
        }    

.index.news.yui-g.first {
    background-color: var(--scnbk);
    background-image: none;
}
div.pager,
div.legend,
div.yui-u.first > h2 {
    color: var(--firsthl) !important;
}
.pager ul li.curr {
    font-weight: bold;
    padding: 2px 8px 2px 8px;
    background-color: var(--scnbk);
    border: 1px var(--scnbk);
} 
   .pager ul li.newest, .pager ul li.newer, .pager ul li.older, .pager ul li.oldest {
     background-image: url(https://opu.peklo.biz/p/23/05/28/1685281720-a8011.png)
       
    }      
.pager ul li.newest a, .pager ul li.newer a, .pager ul li.older a, .pager ul li.oldest a {
  color: var(--dimtxt) !important;
}     
.pager ul li a {
  color: var(--dimtxt) !important;
}
.pager ul li a:hover {
  color: var(--firsthl) !important;
}          
 /* fix odkazu na nastaveni klubu */
div.yui-u.settings {
color: var(--firsthl) !important;
}

div.yui-u.settings > a,
div.yui-u.settings > a:visited {
    color: var(--firsthl) !important;
    background-color: transparent !important;
    border: none !important;
}

div.yui-u.settings > a:hover {
    text-decoration: none !important;
    color: var(--maintxt) !important;
}       
        
     /*Prispevky*/
    .item .user {
  color: var(--firsthl) !important;
}
    
    .item .date {
    color: var(--dimtxt) !important;
   }
   .item .permalink a:hover {
    color: var(--firsthl) !important;
   }     
    .item .meta a {
    color: var(--maintxt);}
    
     .item .meta a:hover {
         color: var(--firsthl);
         text-decoration:none}
    
    .item .actions {
    color: var(--dimtxt);
    border-top: none}
    
    .item .actions a {
    color: var(--dimtxt);
    }
    
    .room .item {
    border: 0px;
    border-bottom: 1px solid var(--dimtxt);}
    
    .articles {
    border-top: 1px solid var(--dimtxt);
}
     .articles {
    border-top: 1px solid var(--dimtxt);
}
    body {
    color: var(--maintxt);}
    
    span.descr {
      color: var(--dimtxt) !important;} 
        
        .post.content .tools select {
    background: var(--scnbk);
    color: var(--dimtxt);
    border: 1px solid var(--dimtxt);
   
}
 /*Zalamovaní v prispevku*/
 .content, .item .meta, body.userlist .main .main, body.boardlist .main .main {
    overflow-wrap: break-word !important;
    word-wrap: break-word !important;
}
        
a {
    overflow-wrap: break-word !important;
    word-wrap: break-word !important;
}           
.nobr {
    white-space: break-spaces !important;
        } 
        
/* facebook pryc */
.actions .share {
    display: none !important
}


/*odkazovany prispevek*/
    .room .item.hilited {margin-left: -0px; ;
    border: solid var(--firsthl) 1px !important;
}    
/*Okolo ikonek*/
    .user.ico, .user .ico {
    border: none;
    background-color: inherit;
}
       
/* novy post svetlesi pozadi, */
.room .item.new,
.room .item.new.o-first {
    background-color: var(--scnbk);
    border: solid 1px transparent; 
    border-bottom: solid 1px var(--scnhl);
    border-top: solid 1px transparent}

        .room .item.new.o-first {
border-top: solid 1px var(--scnhl)}

        .item.new .actions {
    color: var(--dimtxt);
    border-top: none}
       
/*Napsat novy prispevek*/
    .expbutton .post.content,
        .item .actions.replyForm a.reply,
        .actions.replyForm .post.content
        {
    background-color: var(--scnbk);
    border: 1px solid var(--scnbk);
}
input, textarea {
  background-color: var(--scnbk);
  color: var(--maintxt);
  border: none;
}

.preview .item,
.preview .item:hover {
    background-color: var(--scnbk);
}  
        
/*Tlacitka*/        
.yui-skin-sam .yui-button .first-child {
    
    border-color: var(--scnbk);}

.yui-skin-sam .yui-button {
    
    border-color: var(--scnbk);
}

.yui-skin-sam .yui-button button, .yui-skin-sam .yui-button a {
    
    color: var(--dimtxt);
}

.yui-button button {
    background-color: var(--scnbk);
}
/* reklamy fuc */
  #adwrapper-lb, #adwrapper-bs {display:none !important}
        
/* Ikonka u akcí */
.item .actions a,
.item .actions span.prev a.prev {
    padding-left: 16px;
    margin-right: 0.4em;
    background-image: url(https://opu.peklo.biz/p/22/03/25/1648242007.png);
    background-position: 0 -31px;
    background-repeat: no-repeat;
}
.item a.link {
    padding-left: 16px;
    background-image: url(https://opu.peklo.biz/p/22/03/25/1648241472.png);
    background-position: 0 4px;
    background-repeat: no-repeat;
}

 /*Plus-Minus značka*/       
        .col .ico {
    background-position: 0 -0px;
}
.expcol .ico {
    
    width: 16px;
    height: 16px;
    left: -18px;
    background-image: url(https://opu.peklo.biz/p/23/05/30/1685477900-738b8.png);
    
}
.exp .ico {
    background-position: 0 -50px;
}
.expcol .ico {
    
    width: 16px;
    height: 16px;
    left: -18px;
    background-image: url(https://opu.peklo.biz/p/23/05/30/1685477900-738b8.png);
    
}
/* hvezdicka */
.board .bmk a {
    background-image: url(https://opu.peklo.biz/p/23/05/30/1685478074-09382.png);
    }        
        
/*Changed text highlig...