9ANIME THEME FOR HIANIME by griffenhiggins

/* ==UserStyle==
@name         9ANIME THEME FOR HIANIME
@version      20240831.04.07
@namespace    https://userstyles.world/user/griffenhiggins
@description  Makes HiAnime look like 9anime
@author       griffenhiggins
@license      No License
==/UserStyle== */

@-moz-document domain("hianime.to") {
body {
background: #0e0e0e;
scrollbar-color: #777 #1c1c1c;
font-size: 13px;
font-family: Nunito,Archivo,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"
}
}

@-moz-document url("https://hianime.to/") {
.zr-connect, .xhashtag, .share-buttons .share-buttons-block .sbb-title, .mw-body .mwb-left ul, #xfooter-about .copyright {
display: none;
}
#mw-top .mwh-logo .mwh-logo-div img {
visibility: hidden;
}
body {
background: #050505 !important;
}
#mw-top .mwh-logo .mwh-logo-div {
visibility: visible;
background: url("https://web.archive.org/web/20230802025156im_/https://s2.bunnycdn.ru/assets/sites/9anime/logo.png");
background-size: contain;
background-repeat: no-repeat;
width: 250px;
height: 60px;
cursor: initial;
position: absolute;
margin-top: -80px;
margin-left: -110px
}
#mw-top {
background-image: url(https://web.archive.org/web/20220902171841im_/https://s2.bunnycdn.ru/assets/_9anime/imagesv2/bg-index2.jpg);
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
display: block;
min-height: 695px;
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
position: relative;
z-index: 1;
margin-top: -3.1%;
margin-left: 1.1px;
}
#mw-top .mwt-content .mwt-icon {
content: url(https://web.archive.org/web/20220902212130im_/https://s2.bunnycdn.ru/assets/_9anime/imagesv2/bg-index-top1.png);
height: 450px;
object-fit: scale-down;
margin-top: 172px;
right: 340.5px;
}
#xheader_menu ul.header_menu-list {
position: absolute;
z-index: 10;
margin-top: 89px;
margin-left: 290px;
width: 610px;
}
#xheader_menu ul.header_menu-list .nav-item > a {
color: #ddd;
font-weight: bold;
font-size: 14px;
padding: 3px 12px;
display: block;
letter-spacing: 0px;
}
#xheader_menu ul.header_menu-list .nav-item > a:hover {
color: #c694ff;
}
#xheader_menu ul.header_menu-list .nav-item {
margin: 0 0 0;
}
#mw-top .mwt-content {
background-color: rgba(255, 255, 255, 0);
}
#xsearch.home-search .search-input {
position: relative;
display: flex;
background-color: #141414;
font-size: 1rem;
padding: 0 10px;
height: 37px;
width: 601px;
line-height: 36px;
border-radius: .4rem;
padding-left: 60px;
color: #aaa;
z-index: 3;
}
#xsearch.home-search .search-content .search-submit {
position: absolute;
z-index: 5;
background: #fff0;
}
#xsearch.home-search .search-content .search-submit .search-icon i {
color: #666;
margin-left: -853px;
margin-top: -3px;
}
#xsearch.home-search .search-content .search-submit .search-icon i:hover {
color: #969696;
}
#xsearch.home-search {
margin-left: 283px;
margin-top: 45px;
}
#action-button .btn {
background: #fbc32e !important;
height: 60px;
line-height: 60px;
padding: 0 20px;
border-radius: 50rem;
font-size: 1.5rem;
color: #222;
font-weight: 600;
position: absolute;
margin-top: 360px;
margin-left: 185px;
}
#action-button .btn .fa, .fas {
font-size: 30px;
}
.mwb-left {
margin-left: 170px;
margin-top: -35px;
}
.mw-heading, .mw-body .mwb-left h2 {
color: #ddd;
font-size: 1.4rem;
}
.mw-heading, .mw-body .mwb-left h2 {
visibility: hidden;
width: 800px;
margin-top: -5px;
}
.mw-heading:before {
visibility: visible;
content: "9anime - Redefine the best website to watch anime online for free";
cursor: text;
width: 100px;
}
.mw-body .mwb-left p {
visibility: hidden;
font-size: 12px;
color: #aaa;
font-weight: 600;
}
.mw-body .mwb-left p:nth-of-type(1) {
margin-top: -47px;
}
.mw-body .mwb-left p:nth-of-type(1):before {
visibility: visible;
content: "Near the end of 2016, after checking popular free anime streaming sites, we found most sites lacked a good user interface (UI) and did not provide a good user experience (UX). So, our product development team created 9anime to provide anime fans with a better one.";
cursor: text;
}
.mw-body .mwb-left p:nth-of-type(2) {
margin-top: -27px;
}
.mw-body .mwb-left p:nth-of-type(2):before {
visibility: visible;
content: "Nearly 6 years later we decided to rewrite all of 9anime again. Our goal is to take 9anime to the next level.";
cursor: text;
}
.mw-body .mwb-left h2:nth-of-type(1) {
visibility: hidden;
width: 800px;
margin-top: -25px;
}
.mw-body .mwb-left h2:nth-of-type(1):before {
visibility: visible;
content: "1/ What's 9anime?";
cursor: text;
width: 100px;
}
.mw-body .mwb-left p:nth-of-type(3) {
margin-top: -5px;
}
.mw-body .mwb-left p:nth-of-type(3):before {
visibility: visible;
content: "9anime is an anime streaming site where you can watch anime online in HD quality for free with English subtitles or dubbing. You can also download any anime you want without registration or payment required. Everything is free!";
cursor: text;
}
.mw-body .mwb-left h2:nth-of-type(2) {
visibility: hidden;
width: 800px;
margin-top: -25px;
}
.mw-body .mwb-left h2:nth-of-type(2):before {
visibility: visible;
content: "2/ Is 9anime safe?";
cursor: text;
width: 100px;
}
.mw-body .mwb-left p:nth-of-type(4) {
margin-top: -5px;
}
.mw-body .mwb-left p:nth-of-type(4):before {
visibility: visible;
content: "Yes. We started this site to improve UX and are committed to keeping our users safe. We encourage all our users to notify us if anything looks suspicious. Please understand that we do have to run advertisements to maintain the site.";
cursor: text;
}
.mw-body .mwb-left h2:nth-of-type(3) {
visibility: hidden;
width: 800px;
margin-top: -25px;
}
.mw-body .mwb-left h2:nth-of-type(3):before {
visibility: visible;
content: "3/ What's real 9anime?";
cursor: text;
width: 100px;
}
.mw-body .mwb-left p:nth-of-type(5) {
margin-top: -35px;
}
.mw-body .mwb-left p:nth-of-type(5):before {
visibility: visible;
content: "There are many fake/clones of 9anime sites. These sites may collect your information without consent. Please make sure you use 9anime.to or some mirrors listed on our sub reddit (check here).";
cursor: text;
}
}

@-moz-document url-prefix("https://hianime.to/") {
.anw-group, .hs-toggles .hst-item .hst-icon i, .deslide-item .desi-sub-text, .deslide-wrap .swiper-navigation, .tick-item.tick-dub, #slider .sc-detail .scd-item:nth-of-type(1), #slider .sc-detail .scd-item:nth-of-type(2), .tick-item.tick-eps, .deslide-item .btn-secondary, #totop.active, .share-buttons .share-buttons-block, .dt-comment {
display: none !important;
}
#header.header-home, #header, #header.fixed {
background: #1c1c1c !important;
height: 65px;
}
#header #logo img, #footer .footer-logo img {
content: url("https://web.archive.org/web/20230802025156im_/https://s2.bunnycdn.ru/assets/sites/9anime/logo.png");
margin-top: -5px;
margin-left: 1px;
}
#mobile_menu i {
margin-top: -3px;
margin-left: 1px;
}
.search-content input.search-input {
position: relative;
display: flex;
background-color: #141414;
font-size: .9rem;
padding: 0 10px;
height: 36px;
line-height: 36px;
border-radius: .4rem;
color: #aaa;
font-weight: 500;
padding-left: 60px;
width: 630px;
}
.search-content .search-icon {
color: #666;
position: absolute;
right: 88%;
margin-top: -3px;
}
.search-content .search-icon:hover {
color: #969696;
}
.search-content .filter-icon {
background-color: #141414;
font-size: .9rem;
color: #525252;
margin-top: -2px;
right: -55%;
}
.search-content .filter-icon:hover {
background-color: #141414 !important;
color: #525252;
cursor: initial;
}
.header-setting {
margin-left: 240px;
margin-top: -20px;
padding: 3px 12px;
}
.hs-toggles .hst-item .name {
color: #aaa;
font-weight: 501;
font-size: 0.93rem;
}
.hs-toggles .hst-item .name:hover {
color: #c694ff;
}
.toggle-lang > span.en, .toggle-lang.off > span.jp {
color: #1c1c1c;
background-color: #aaa;
}
.toggle-lang.off > span.en, .toggle-lang > span, .header_right-user.logged .dropdown-menu {
background-color: #292929;
}
.btn-focus, .btn-primary, .btn-tab.active, .nli-select .custom-select, .os-list .os-item.active, .search-content .search-result-pop .nav-bottom {
background-color: #5a2e98 !important;
color: #fff !important;
border-color: #ffbade00 !important;
}
.btn-focus:hover,
.btn-primary:hover,
.btn-tab.active:hover {
background-color: #5a2e98 !important;
border-color: #ffbade00 !important;
}
#slider .swiper-slide {
background: #201f3100;
cursor: grab;
}
.deslide-item .deslide-cover {
mask-image: linear-gradient(270deg,rgb(255, 255, 255) 0,rgb(255, 255, 255) 30%,rgb(255, 255, 255) 70%,rgb(255, 255, 255));
}
.deslide-item .deslide-cover .deslide-cover-img::after {
background: linear-gradient(0deg,#fff0 0,rgba(32,31,49,0) 50%,#201f3100 100%);
}
.deslide-item .deslide-cover .deslide-cover-img img {
border-radius: 1.5rem;
width: 88%;
height: 82%;
margin-top: 80px;
margin-left: 140px;
}
.deslide-item .desi-head-title {
font-size: 3.5rem;
line-height: 3.5rem;
margin-bottom: 10px;
width: 650px;
}
.deslide-item .desi-description {
font-size: 1rem;
color: #777;
margin-bottom: 110px;
width: 650px;
}
#slider .sc-detail .scd-item .quality, .tick-item.tick-sub, .tick-item.tick-quality {
font-weight: 700;
background: #aaa;
color: #0e0e0e;
border-radius: .2em;
}
#slider .sc-detail .scd-item:nth-of-type(3) {
position: absolute;
margin-left: 90px;
color: #777;
font-size: 1.2rem;
}
.block_area .block_area-header .cat-heading {
font-size: 2rem;
font-weight: 600;
color: #ddd;
}
.anif-block .anif-block-header {
text-transform: uppercase;
font-size: 1.5rem;
color: #aaa;
}
.trending-list .item .number span, .share-buttons .share-buttons-block .sbb-title span, .dwl-ul .dwl-item .on-chapt a, .table_schedule .table_schedule-list li .tsl-link:hover, .pre-qtip-line a:hover, .dynamic-name:hover, .anif-block .more a:hover, .per-info .pi-name a:hover, .anis-content .anisc-info .item-list a:hover, .link-highlight, .rep-more .btn, .anw-tabs .nav-item .nav-link:hover, .table_schedule .table_sch...