Side Icons

@import url('http://1119s.wdfiles.com/local--code_/side-icons/1');
.side-block .menu-item img + a::before,
.side-block ul.menu-item li::before,
.side-block .collapsible-block-folded a.collapsible-block-link::before {
    filter: hue-rotate(190deg) saturate(0.8);
}

+ code

/* @@@ NEUTRALIZATION @@@ */
.side-block .menu-item img:not([src*="twitter" i]):not([src*="discord" i]) {
    display: none;
}
/* For Sandbox */
#side-bar .side-block ul.menu-item {
    margin-left: 0;
    padding: 0;
}
.side-block ul.menu-item li {
    list-style-image: none !important;
}
/* For Collapsible */
#side-bar .collapsible-block-folded,
.side-block .collapsible-block-folded {
    background: none;
}
#side-bar a.collapsible-block-link,
.side-block a.collapsible-block-link {
    margin-left: 0;
}
.side-block .collapsible-block-unfolded a.collapsible-block-link {
    margin-left: 15px;
}
 
/* @@@ Set Icons @@@ */
.side-block .menu-item img + a::before,
.side-block ul.menu-item li::before,
.side-block .collapsible-block-folded a.collapsible-block-link::before {
    content: "";
    display: inline-block;
    width: 13px;
    height: 13px;
    margin-right: 2px;
    transform: translateY(2px);
}
.side-block .menu-item img[src*="home"] + a::before,
.side-block ul.menu-item li.home::before {
    background: url('http://scp-jp.wikidot.com/local--files/nav:side/home.png') 0 0 no-repeat;
}
.side-block .menu-item img[src*="series"] + a::before {
    background: url('http://scp-jp.wikidot.com/local--files/nav:side/series.png') 0 0 no-repeat;
}
.side-block .menu-item img[src*="main"] + a::before,
.side-block ul.menu-item li.main::before {
    background: url('http://scp-jp.wikidot.com/local--files/nav:side/main.png') 0 0 no-repeat;
}
.side-block .menu-item img[src*="default"] + a::before,
.side-block ul.menu-item li.default::before {
    background: url('http://scp-jp.wikidot.com/local--files/nav:side/default.png') 0 0 no-repeat;
}
.side-block .menu-item img[src*="help"] + a::before,
.side-block ul.menu-item li.help::before {
    background: url('http://scp-jp.wikidot.com/local--files/nav:side/help.png') 0 0 no-repeat;
}
.side-block .menu-item img[src*="forum"] + a::before,
.side-block ul.menu-item li.forum::before {
    background: url('http://scp-jp.wikidot.com/local--files/nav:side/forum.png') 0 0 no-repeat;
}
.side-block .collapsible-block-folded a.collapsible-block-link::before {
    background: url('http://scp-jp.wikidot.com/local--files/nav:side/expand.png') 0 0 no-repeat;
}
 
/* SNS */
.side-block .menu-item div a[href*="twitter" i] > img,
.side-block .menu-item div a[href*="discord" i] > img {
    display: none;
}
.side-block .menu-item div a[href*="twitter" i]::before,
.side-block .menu-item div a[href*="discord" i]::before {
    content: "";
    display: inline-block;
    width: 40px;
    height: 40px;
}
.side-block .menu-item div a[href*="twitter" i]::before {
    background: url(http://1119s.wdfiles.com/local--files/nav:side/Twitter-icon-50.png) center / 42px;
    transform: translateY(3px);
}
.side-block .menu-item div a[href*="discord" i]::before {
    background: url(http://1119s.wdfiles.com/local--files/nav:side/discord_icon.png) center / 40px;
    transform: translateY(2px);
}