shiki-theme

main.css

body{
    font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif;
    background:url(https://raw.githubusercontent.com/GeliosMK2/Shikimori-GMK2/master/img/GMK2-bg.jpg) 0 0/cover fixed
}
.l-page{
    background-color:rgba(255,255,255,.8);
    box-shadow:0 0 9px 3px rgba(0,0,0,.25)
}
.l-top_menu-v2 .global-search input{
    background-color:#f0fffc
}
.b-collection_search .field input:focus,.l-top_menu-v2 .global-search input:focus{
    background-color:#fff
}
.tooltip-inner{
    background-color:#f5fffc
}
.headline,.midheadline,.subheadline{
    background-color:rgba(242,179,237,.5);
    border:none;
    border-radius:10px;
    box-shadow:0 2px 6px 2px rgba(28,28,28,.07)
}
.b-link,.p-profiles .profile-head .c-history .entry .title .name-ru::before{
    color:#416fb3
}
.b-achievement .c-about .title{
    color:#416fb3!important
}
.b-achievement .c-about .progress{
    background-color:#dedede
}
.b-achievement .c-about .hint{
    color:#8b969c
}
.b-feedback,.b-input.page_border,.b-input.sticky_menu,.body_background,.hotkey-marker,.page_background_color,.prepared-backgrounds{
    display:none
}
h2.headline.blue.m10{
    font-size:15px;
    border-left:4px solid #a9cfe5
}
h2.subheadline.orange.m10{
    border-left:4px solid #e5bfa5
}
h2.subheadline.green.m10{
    border-left:4px solid #c1d7af
}
.b-comments .comments-hider,.collapsed,.collapsed+.spoiler .hide-expanded,.comments-expander,.comments-loader{
    background-color:#dec3f7ab!important;
    border-radius:10px;
    border:none!important;
    box-shadow:0 2px 6px 2px rgba(30,30,30,.04)
}
.b-comments .comments-hider:hover,.collapsed+.spoiler .hide-expanded:hover,.collapsed:hover,.comments-expander:hover,.comments-loader:hover{
    -webkit-box-shadow:0 0 9px -2px rgba(34,60,80,.17) inset;
    -moz-box-shadow:0 0 9px -2px rgba(34,60,80,.17) inset;
    box-shadow:0 0 9px -2px rgba(34,60,80,.17) inset;
    background-color:#dec3f7c4!important
}
span.other-names{
    background-color:#bce6ff!important;
    border:1px solid #bce6ff!important;
    border-radius:10px;
    margin-top:3px!important
}
span.other-names:hover{
    background-color:#8fd3fd!important
}
.avatar img,.b-club .logo,.b-comment>.inner header img,.b-comments-notifier,.b-dialog>.inner header img,.b-message>.inner header img,.b-user16 img,.l-top_menu-v2 .menu-dropdown.profile>span img{
    border-radius:50%
}
.b-catalog_entry .cover,.b-catalog_entry .cover .image-decor,.image-decor img,.p-profiles .profile-head .c-history .entry img{
    border-radius:8px
}
#profiles_show .achievements .cc-franchises .b-badge{
    border-radius:5px;
    border:1px solid #d3d3d36e
}
.b-badge img{
    border-radius:5px
}
.activity .bar.simple .bar{
    border-radius:7px 7px 0 0
}
.bar-container .bar.min{
    border-radius:2px 6px 6px 2px
}
.b-collection_search .field{
    display:flex;
    justify-content:center;
    margin:15px 0
}
.b-collection_search .field input{
    background-color:#f4fffd;
    border-radius:10px;
    width:850px
}
.p-user_rates-index .list-lines .selectable:hover{
    background-color:rgba(242,179,237,.26)
}
.p-userlist_comparer .comparer table .selectable{
    transition:transform 150ms
}
.p-userlist_comparer .comparer table .selectable:hover{
    background-color:rgba(80,75,125,.3);
    transform:scale(1.02)
}
.p-profiles .profile-head .c-brief header h1{
    color:#6e4a6b;
    text-shadow:purple 0 0 3px;
    pointer-events:none
}
.b-tag[href$="/9-Ecchi"],.b-tag[href$="/r_plus"],.b-tooltipped[original-title*="R+"]{
    border-bottom-color:#ffd1d1;
    text-shadow:0 1px 3px rgba(255,209,209,.85),1px 0 3px rgba(255,209,209,.85),0 -1px 3px rgba(255,209,209,.85),-1px 0 3px rgba(255,209,209,.85),0 2px 3px rgba(255,209,209,.7),2px 0 3px rgba(255,209,209,.7),0 -2px 3px rgba(255,209,209,.7),-2px 0 3px rgba(255,209,209,.7)
}
.b-tag[href$="/9-Ecchi"]:hover,.b-tag[href$="/r_plus"]:hover{
    background-color:#ffd1d1
}
.b-tag[href$="/12-Hentai"],.b-tag[href$="/rx"],.b-tooltipped[original-title*=Rx]{
    border-bottom-color:#ff8585;
    text-shadow:0 1px 3px rgba(255,185,185,.75),1px 0 3px rgba(255,185,185,.75),0 -1px 3px rgba(255,185,185,.75),-1px 0 3px rgba(255,185,185,.75),0 2px 3px rgba(255,185,185,.6),2px 0 3px rgba(255,185,185,.6),0 -2px 3px rgba(255,185,185,.6),-2px 0 3px rgba(255,185,185,.6)
}
.b-tag[href$="/12-Hentai"]:hover,.b-tag[href$="/rx"]:hover{
    background-color:#ff8585
}
.tooltip-inner .close{
    background-color:#a8ebff;
    border-radius:5px
}
.b-stats_bar .stat_names,.l-footer{
    text-align:center
}
.l-footer:before{
    content:"Shikimori-GMK2";
    color:#555;
    font-size:11px;
    float:left
}
.l-footer a{
    outline:0
}
#profiles_show .l-page{
    margin-top:65px;
    border-radius:15px
}
.headline>a:before,.midheadline>a:before,.subheadline>a:before{
    color:#c47df1
}
.l-top_menu-v2,.l-top_menu-v2 .submenu,.l-top_menu-v2 .submenu-triangle{
    background-color:rgba(130,85,130,.9)!important
}
.l-top_menu-v2 .submenu{
    border:none;
    border-radius:0 0 10px 10px;
    overflow-y:auto;
    max-height:calc(100vh - 144px)
}
.l-top_menu-v2 .submenu a:hover{
    color:#ffd5b8;
    background-color:#a082a3
}
.l-top_menu-v2 .submenu>.legend{
    border:solid pink;
    border-width:1px 0;
    border-radius:15px;
    margin-bottom:4px;
    background-color:rgba(225,225,225,.25)
}
.l-top_menu-v2 .menu-icon.mail:after{
    background-color:#b5e7ff;
    color:#ff4f80
}
.l-top_menu-v2 .menu-icon.contest:hover,.l-top_menu-v2 .menu-icon.forum:hover,.l-top_menu-v2 .menu-icon.mail:hover,.l-top_menu-v2 .menu-icon.sign_in:hover{
    background-color:rgba(230,165,225,.25)
}
.l-top_menu-v2 .menu-icon.contest:focus,.l-top_menu-v2 .menu-icon.forum:focus,.l-top_menu-v2 .menu-icon.mail:focus,.l-top_menu-v2 .menu-icon.sign_in:focus{
    background-color:rgba(206,131,200,.25)
}
.l-top_menu-v2 .menu-icon.contest:active,.l-top_menu-v2 .menu-icon.forum:active,.l-top_menu-v2 .menu-icon.mail:active,.l-top_menu-v2 .menu-icon.sign_in:active{
    background-color:rgba(224,151,218,.25)
}
.l-top_menu-v2 .menu-icon.contest,.l-top_menu-v2 .menu-icon.contest:hover,.l-top_menu-v2 .menu-icon.forum,.l-top_menu-v2 .menu-icon.forum:hover,.l-top_menu-v2 .menu-icon.mail,.l-top_menu-v2 .menu-icon.mail:hover,.l-top_menu-v2 .menu-icon.sign_in,.l-top_menu-v2 .menu-icon.sign_in:hover{
    transition:250ms
}
::-webkit-scrollbar-button{
    background-repeat:no-repeat;
    width:5px;
    height:0
}
::-webkit-scrollbar-track{
    background-color:#00000000
}
::-webkit-scrollbar-thumb{
    -webkit-border-radius:10px;
    border-radius:10px;
    background-color:#f3c2a1
}
::-webkit-scrollbar-thumb:hover{
    background-color:#e2b08d
}
::-webkit-scrollbar{
    width:6px
}
.b-message .b-anime_status_tag{
    border-radius:6px
}
.b-message .b-anime_status_tag.episode{
    background-color:#dec3f7ed
}
.p-profiles-show .lifetime .bar{
    overflow:visible
}
.p-profiles-show .lifetime .cuts .cut{
    width:10px;
    height:10px;
    background-color:#8eefc5;
    border:1px solid #663399;
    border-radius:50%;
    position:absolute;
    top:-1px
}
::selection{
    background-color:#fbecc3
}
::-moz-selection{
    background-color:#fbecc3
}
.b-stats_bar .bar,.p-profiles-show .achievements .cc-achievements .b-achievement{
    border-radius:3px
}
.b-stats_bar.lifetime .bar .first{
    background:#ff5db1;
    background:-moz-linear-gradient(left,#ff5db1 0,#f45151 100%);
    background:-webkit-gradient(left top,right top,color-stop(0,#ff5db1),color-stop(100%,#f45151));
    background:-webkit-linear-gradient(left,#ff5db1 0,#f45151 100%);
    background:-o-linear-gradient(left,#ff5db1 0,#f45151 100%);
    background:-ms-linear-gradient(left,#ff5db1 0,#f45151 100%);
    background:linear-gradient(to right,#ff5db1 0,#f45151 100%)
}
.p-profiles-show .lifetime .times .time.checked:before{
    color:#2ecc83
}
.p-profiles-show .achievements .cc-franchises .b-badge:before{
    background-color:rgba(17,34,51,.6);
    border-radius:0 5px 0 1px
}
.p-profiles-show .profile-content .activity .title{
    font-size:0
}
.p-profiles-show .profile-content .activity .title::after{
    content:"График активности";
    vertical-align:top;
    font-size:13px
}
.p-profiles .profile-head .c-history .entry:hover{
    background-color:rgba(223,181,255,.25);
    border-radius:8px
}
#clubs_show .m8 .b-link,.b-add_to_list .option .text:hover,.b-stats_bar a.title:hover,.p-profiles .profile-head .c-history .entry:hover .title{
    text-decoration:none
}
.p-profiles .profile-head .c-history .entry:hover .name-ru:before{
    color:#340088!important
}
#profiles_show .b-catalog_entry .cover,#profiles_show .b-catalog_entry .cover:hover,.b-badge img,.b-badge img:hover,.b-club .logo,.b-club .logo:hover,.b-user.avatar img,.b-user.avatar img:hover,.b-user.avatar_fixed_margin img,.b-user.avatar_fixed_margin img:hover,.b-user.named_avatar img,.b-user.named_avatar img:hover,.p-profiles .profile-head .c-history .entry,.p-profiles .profile-head .c-history .entry .name-ru,.p-profiles .profile-head .c-history .entry .name-ru:before,.p-profiles .profile-head .c-history .entry:hover{
    transition:85ms
}
.b-offtopic_marker:before,.b-summary_marker:before{
    border-radius:3px;
    transition:115ms
}
.b-club .logo,.b-user.avatar img,.b-user.avatar_fixed_margin img,.b-user.named_avatar img{
    box-shadow:0 0 3px 1px rgba(30,30,50,.16)
}
.p-profiles .profile-head .c-brief .avatar img,.p-user_rates-index .l-menu .avatar img{
    box-shadow:0 0 3px 1px rgba(30,30,30,.12)
}
#profiles_show .b-catalog_entry .cover:hover,.b-badge img:hover,.b-club .logo:hover,.b-user.avatar img:hover,.b-user.avatar_fixed_margin img:hover,.b-user.named_avatar img:hover{
    box-shadow:0 0 3px 2px rgba(25,25,105,.41)
}
.b-block_list li:hover,.p-contests .match-day .match-link:hover{
    background-color:rgba(209,179,242,.3)
}
.b-block_list li.selected,.p-contests .match-day .match-link.active{
    background-color:rgba(230,184,247,.47)
}
.b-button,.b-form input[type=submit]{
    border-radius:5px;
    background-color:#604263
}
.b-button:hover,.b-form input[type=submit]:hover{
    background-color:#915c96
}
.b-button:focus,.b-form input[type=submit]:focus{
    outline:0;
    background-color:#915c96;
    -webkit-box-shadow:inset 0 0 6px 1px rgba(245,245,245,.48);
    -moz-box-shadow:inset 0 0 6px 1px rgba(245,245,245,.48);
    box-shadow:inset 0 0 6px 1px rgba(245,245,245,.48)
}
#profiles_show .l-page{
    box-shadow:none;
    animation-name:l-page-shadow;
    animation-duration:5s;
    animation-iteration-count:infinite;
    animation-timing-function:ease
}
@keyframes l-page-shadow{
    0%{
        box-shadow:0 0 12px 4px rgba(181,53,172,.6)
    }
    10%{
        box-shadow:0 0 12px 4px rgba(181,53,112,.6)
    }
    20%{
        box-shadow:0 0 12px 4px rgba(208,60,198,.6)
    }
    30%{
        box-shadow:0 0 12px 4px rgba(53,171,181,.6)
    }
    40%{
        box-shadow:0 0 12px 4px rgba(208,60,129,.6)
    }
    50%{
        box-shadow:0 0 12px 4px rgba(53,181,114,.6)
    }
    60%{
        box-shadow:0 0 12px 4px rgba(60,197,208,.6)
    }
    70%{
        box-shadow:0 0 12px 4px rgba(53,77,181,.6)
    }
    80%{
        box-shadow:0 0 12px 4px rgba(60,208,131,.6)
    }
    90%{
        box-shadow:0 0 12px 4px rgba(181,53,137,.6)
    }
    100%{
        box-shadow:0 0 12px 4px rgba(60,89,208,.6)
    }
}
.b-to-top.active .slide{
    width:60px
}
.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar .compatibility a{
    margin-top:11px!important
}
.p-profiles .profile-head .c-brief header{
    margin-bottom:0
}
.p-profiles .profile-head .c-info .c-lists-info .b-stats_bar{
    margin-bottom:10px
}
.b-stats_bar a.title{
    margin-left:289px;
    margin-bottom:2px;
    padding:5px;
    transition:150ms;
    border-radius:5px
}
.b-stats_bar.anime a.title{
    color:#006400
}
.b-stats_bar.manga a.title{
    color:purple
}
.b-stats_bar.anime a.title:hover{
    background-color:rgba(120,173,164,.25);
    color:#008e00
}
.b-stats_bar.manga a.title:hover{
    background-color:rgba(143,120,173,.23);
    color:#b718b7
}
.b-stats_bar.anime a.title:focus{
    box-shadow:inset 0 0 6px 3px rgba(120,173,164,.3)
}
.b-stats_bar.manga a.title:focus{
    box-shadow:inset 0 0 6px 3px rgba(143,120,173,.3)
}
.p-contests .match-day .match-link:active{
    background-color:rgba(230,164,247,.47)!important
}
.b-shiki_editor .body .editor textarea{
    background-color:#f4fff9ab;
    border-radius:5px!important
}
.b-shiki_editor .body .editor textarea:focus{
    border-color:#15496d
}
.b-offtopic_marker.off:before{
    color:#7b8084!important;
    border-color:#acb1b4!important;
    background-color:transparent!important
}
.b-offtopic_marker.off:hover:before{
    color:#ff4295!important;
    border-color:#ff92c2!important;
    background-color:#fdedf8!important
}
.b-offtopic_marker:before{
    color:#6aca5f!important;
    border-color:#8ee48a!important;
    background-color:#f1fded!important
}
.b-offtopic_marker:hover:before{
    background-color:#e3ffda!important
}
.b-offtopic_marker:active:before{
    box-shadow:0 0 7px 2px rgba(140,165,185,.15) inset
}
aside.buttons .editor-controls .b-tooltipped{
    border:1px solid #d3d3d3;
    border-radius:5px;
    background-color:#d3d3d35c;
    transition:105ms
}
aside.buttons .editor-controls .b-tooltipped:hover{
    color:#dd5202;
    border-color:#eca378!important;
    background-color:#dd52023d!important
}
aside.buttons .editor-controls .b-tooltipped:active{
    background-color:#dd52024f!important
}
.b-table tr.border{
    border-color:#b0c4de
}
.bar.vertical .line .x_label{
    font-family:Arial,sans-serif
}
.p-userlist_comparer .comparer table .exact-same,.p-userlist_comparer .legend .exact-same{
    background:rgba(90,255,0,.2)
}
.p-userlist_comparer .comparer table .almost-same,.p-userlist_comparer .legend .almost-same{
    background:rgba(120,200,90,.2)
}
.p-userlist_comparer .comparer table .abslt-difr,.p-userlist_comparer .legend .abslt-difr{
    background:rgba(255,0,0,.2)
}
.p-userlist_comparer .comparer table .slightly-difr,.p-userlist_comparer .legend .slightly-difr{
    background:rgba(255,145,145,.2)
}
span[style="background: #f2fff2;
 padding: 0 2px;
"]{
    background-color:rgba(120,200,90,.2)!important
}
span[style="background: #fff2f2;
 padding: 0 2px;
"]{
    background-color:rgba(255,145,145,.2)!important
}
span[style="background: #e6ffe6;
 padding: 0 2px;
"]{
    background-color:rgba(90,255,0,.2)!important
}
span[style="background: #ffe6e6;
 padding: 0 2px;
"]{
    background-color:rgba(255,0,0,.2)!important
}
.profile-actions .fav-remove{
    color:green
}
.b-add_to_list .option,.b-add_to_list .trigger{
    padding:0 0 0 5px
}
.b-add_to_list .trigger-arrow{
    padding:0 5px
}
.b-add_to_list .option,.b-add_to_list .trigger-arrow{
    transition:background 120ms
}
.b-add_to_list .option:hover,.b-add_to_list .trigger-arrow:hover{
    background-color:#bce6ff
}
.b-add_to_list.completed .option:hover,.b-add_to_list.completed .trigger-arrow:hover{
    background-color:#e0efc0
}
.b-add_to_list.dropped .option:hover,.b-add_to_list.dropped .trigger-arrow:hover{
    background-color:#fec2c5
}
.b-add_to_list.on_hold .option:hover,.b-add_to_list.on_hold .trigger-arrow:hover{
    background-color:#dbe0e6
}
.b-db_entry-variant-list_item>.info .b-user_rate .b-add_to_list .option,.b-db_entry-variant-list_item>.info .b-user_rate .b-add_to_list .trigger{
    padding:0
}
.p-profiles .profile-head .c-brief .avatar .profile-actions{
    border-radius:5px;
    background:#0000000a
}
body.p-animes_collection .b-catalog_entry .cover .image-decor{
    box-shadow:0 0 8px 4px #000
}
body.p-animes_collection .b-catalog_entry .cover .image-decor:hover{
    box-shadow:0 0 6px 4px #400000
}
body.p-animes .b-catalog_entry .cover .image-decor{
    box-shadow:0 0 6px 3px #400000
}
body.p-animes .b-catalog_entry .cover .image-decor:hover{
    box-shadow:0 0 4px 3px #400000
}
body.p-animes .b-db_entry>.c-image img{
    box-shadow:0 0 3px 1px #000
}
.p-profiles .profile-head .c-history.x3>div:nth-child(2){
    background:url(https://i.imgur.com/t6QPIdk.jpeg) center center/cover;
    transition:.45s
}
.p-profiles .profile-head .c-history.x3>div:nth-child(2) .entry{
    opacity:0;
    transition:opacity .45s,background .15s;
    border-top:none
}
.p-profiles .profile-head .c-history.x3>div:nth-child(2):hover .entry{
    opacity:1;
    transition:opacity .5s,background .15s
}
.p-profiles .profile-head .c-history.x3>div:nth-child(2):hover{
    background:0 0;
    transition:.45s
}