ANIWAVE THEME FOR HIANIME by griffenhiggins

/* ==UserStyle==
@name         ANIWAVE THEME FOR HIANIME
@version      20240908.21.19
@namespace    https://userstyles.world/user/griffenhiggins
@description  Makes HiAnime look like AniWave
@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/20231206112217im_/https://s2.bunnycdn.ru/assets/sites/aniwave/logo3.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: "Aniwave.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: "Because of DMCA issues and multiple ISPs blocking our domain, by the end of 2023, we decided to rebrand 9anime as AniWave. This new wave aims to bring even better things to anime fans.";
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 Aniwave?";
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: "Aniwave is a free 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 Aniwave.to 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 make Aniwave.to the best site to watch anime free online?";
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: "- Content library: We were only a few hundred of old animes behind kisanime when it was around. We have been adding new and old animes every hour to our library. You can find almost everything here. After the closing of kissanime, we become the largest anime library on the web.";
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/20231206112217im_/https://s2.bunnycdn.ru/assets/sites/aniwave/logo3.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, .header_right-user.logged .dropdown-menu {
color: #1c1c1c;
background-color: #aaa;
}
.toggle-lang.off > span.en, .toggle-lang > span {
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, ....