/* 
============================================
破碎的世界 多语言框样式
33333333333333333333333333333333333333333
============================================
*/
:root {  
   --ironhide-image: url("/api/css-proxy?url=https%3A%2F%2Fscp-wiki.wikidot.com%2Flocal--files%2Ftheme%3Abroken-world%2FICON_iron-sheet.png");
   --gradient-sidebar-cover: linear-gradient(150deg,#2e2c2c 0%, #333 20%, #000 100%);     
   --gradient-sidebar-line: repeating-linear-gradient(60deg,hsla(0,0%,90%,0),hsla(0,0%,100%,0) .25vh,rgba(88,88,88,0.1) .35vh,rgba(88,88,88,0.2) .6vh); 
   --gradient-sidebar-btn: linear-gradient(10deg, rgba(44,46,46,0.1),rgba(88,76,26,0.2),rgba(0,0,0,0.6));    
  --gradient-sidebar-txt-line:repeating-linear-gradient(20deg,hsla(0,0%,90%,0),hsla(0,0%,100%,0) .25vh,rgba(88,88,88,0.1) .35vh,rgba(88,88,88,0.2) .6vh);  
      
    --bright-accent: 0,0,0;
    --medium-accent: 250,250,250;
    --sidebar-links-text: 255,250,255;
    --swatch-menutxt-general-color:200,200,200;
    
}

.side-block {
    margin: 0rem 0rem 0 0rem;
    border: 1rem ridge #555 !important;
    background-image: var(--ironhide-image), var(--gradient-sidebar-cover);  
    background-blend-mode: overlay, normal;
    background-size: cover, 100% 260%;    
}

/* 菜单链接 */

.heading {
    color: #600;
    border: groove 0.5rem #4D4D4D;
    background-color:#2c2e2e;
    background-image:var(--gradient-sidebar-txt-line);  
}

.heading p{
     width: 100%;
     text-align: center ;
    font-size: 120% !important;
}

.side-block div.menu-item a:first-of-type{
}

.side-block div.menu-item{
    margin: 0.2rem 0;
}

 div.menu-item a{
   background-image:  var(--gradient-sidebar-btn);
   filter: brightness(1) drop-shadow(2px 3px 1px #000);
   border: 0.2rem outset #2c2e2e;
}
 
div.menu-item a:hover{
   filter: brightness(2) drop-shadow(2px 2px 1px #000);
   border: 0.2rem inset #2c2e2e;
   top: 0.2rem;
}
