Hako custom theme by spdream99

/* ==UserStyle==
@name         Hako custom theme
@version      20210912.06.57
@namespace    userstyles.world/user/spdream99
@description  Customize Hako page with your favorite color and image!
@author       spdream99
@license      CC-BY-NC-4.0
@advanced dropdown CC "Custom Cursor (Test only)(Image from custom-cursor.com)" {
Disable "Disable" <<<EOT 
 EOT;
	Enable "Enable*" <<<EOT 
*{cursor: url('data:image/png;base64,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') , auto!important}
EOT;
}
@advanced dropdown Round "Round border" {
	Enable "Enable" <<<EOT 
.series-users .series-owner img,.feature-section .series-type,.series-users .series-owner{
    border-radius:30px!important;
    background-color:/*[[U-Color]]*\/!important
}
.img-in-ratio{
    border-radius:15px!important;
}
.index-top_notification{
    border-radius:15px!important;
} EOT;
Disable "Disable" <<<EOT 
.series-users .series-owner img,.feature-section .series-type,.series-users .series-owner{
    border-radius:30px!important;
    background-color:/*[[U-Color]]*\/!important
} EOT;
}
@advanced dropdown Image "Image" {
Default "Default" <<<EOT 
.index-background {
    background-image: url(https://i.ibb.co/RBC5Gh4/anime-girl-loli-blonde-teddy-bear-kimono-ribbon-1.jpg)!important;
    background-position:/*[[Numx]]*\/px /*[[Numy]]*\/px !important;
    background-size:1920px 1080px!important
} EOT;
Normal "Normal" <<<EOT 
 EOT;
Custom "Custom" <<<EOT 
.index-background {
    background-image: url(/*[[Image-custom]]*\/)!important;
    background-position:/*[[Numx]]*\/px /*[[Numy]]*\/px;
    background-size:1920px 1080px
} EOT;
}
@advanced text Image-custom "Image Url (1920x1080) (Change Image to Custom first)" "https://i.ibb.co/RBC5Gh4/anime-girl-loli-blonde-teddy-bear-kimono-ribbon-1.jpg"
@advanced text Numx "Image-x" "0"
@advanced text Numy "Image-y" "-200"
@advanced color N-Color "Navigation-bar color" #0000007a
@advanced color S-Color "Star color" #fafffe
@advanced color I-Color "Icon color" #a2ffea
@advanced color U-Color "User-icon color" #00cddb
@advanced color B-Color "Already read button color" #006eae
@advanced color O-Color "Another UI color" #00d5be
@advanced color O2-Color "Another UI color" #65fff7
==/UserStyle== */

@-moz-document url-prefix("ln.hako.re"), domain("ln.hako.re"), domain("docln.net"), url-prefix("docln.net"), url-prefix("ln.hako.vn"), domain("ln.hako.vn") {
body #navbar {
    background-color: /*[[N-Color]]*/;
}
.user-pm .mail-list{
    background-color: /*[[O-Color]]*/!important;
}
/*[[Image]]*/
#noti-icon i, #series-unread-icon i,button, input, optgroup, select, textarea,.button-follow .feature-value, .button-follow.followed .feature-value, .fas,.action-link,table.listext-table tr td small.type-translation,.right
{color:/*[[I-Color]]*/ ;}
.series-rating .feature-value, .star-1:hover, .star-2:hover, .star-2:hover ~ .star-1, .star-3:hover, .star-3:hover ~ .star-1, .star-3:hover ~ .star-2, .star-4:hover, .star-4:hover ~ .star-1, .star-4:hover ~ .star-2, .star-4:hover ~ .star-3, .star-5:hover, .star-5:hover ~ .star-1, .star-5:hover ~ .star-2, .star-5:hover ~ .star-3, .star-5:hover ~ .star-4, .star-evaluate-item.rated{
    color:/*[[S-Color]]*/ !important;
}
/*[[Round]]*/
/*[[CC]]*/
.a6-ratio{
    background-color:#fff0!important;
}
.daily-recent_views .top-tab_title{
    color:#fff!important;
}
.daily-recent_views .top-tab_title.title-active,.sts-bold{
    background-color:/*[[O-Color]]*/!important;
}
.pagination_wrap .current{background-color:/*[[O2-Color]]*/!important;}
.button.mark-read{
    background-color:/*[[B-Color]]*/!important;
}
table.listext-table .update-status.unread-chapters{
    background-color:/*[[O-Color]]*/!important;
}
.rd-basic_icon {
    background-color: /*[[N-Color]]*/;
    border: 1px solid /*[[O2-Color]]*/;
}
}