exhentai.org by kuckaracho

/* ==UserStyle==
@name         exhentai.org
@version      20220205.01.39
@namespace    userstyles.world/user/kuckaracho
@description  ewe
@author       kuckaracho
@license      No License
==/UserStyle== */

@-moz-document domain("exhentai.org") {
* {
    box-sizing: border-box;
    margin: 0px;
    padding: 0px !important;
}
body {
    background: #131313;
}
.ido,
.itg,
.idi,
.ptt,
.ptb,
.ido .nosel {
    width: 100% !important;
    max-width: 100% !important;
}
.idi {
    margin: 0px !important;
}
.ih,
.ip,
#dmo,
.ptb,
#i4,
#i2 div:nth-child(2),
#i7,
#i6 *,
.gpc,
#gdo,
#frontpage,
#gright,
.ido h1,
#favoritelink img,
#nb img,
#nb > div:nth-child(3),
#nb > div:nth-child(4),
#nb > div:nth-child(7),
#nb > div:nth-child(9),
.id4,
#advdiv {
    display: none !important;
}
#nb {
    max-width: 100% !important;
    padding: 0px !important;
    width: 100% !important;
    margin: auto !important;
    display: table;
    background-color: #1b1c1d !important;
    top: 0px !important;
}
#nb div {
    display: table-cell;
    border: 1px solid black;
    color: #969696 !important;
    background: none !important;
}
#nb div a {
    width: 100% !important;
    height: 100% !important;
    padding: 5px 100px !important;
    display: block;
    transition: all 0.25s;
}
#nb div a:hover {
    background-color: #3a3a3a;
}
.itc {
    width: 100% !important;
    float: right;
    height: 38px;
    opacity: 0.25;
}
.itc tr:nth-child(1) {
    float: left;
}
.itc tr:nth-child(2) {
    float: right;
}
.itc td {
    margin: 0px !important;
    padding: 0px !important;
}
.nopm {
    position: relative !important;
    top: -40px !important;
    display: inline;
}
.nopm input[type=submit],
.nopm input[type=button],
.ido input[type=submit],
.ido input[type=button] {
    padding: 5px 20px!important;
    border: 1px solid black !important;
}
.nopm input[type=text],
.ido input[type=text] {
    padding: 3px!important;
    border: 1px solid black !important;
}
.ptt,
.ptb {
    height: 35px;
    border: none;
    top: 74px;
    z-index: 200 !important;
}
#searchbox {
    position: absolute;
    padding: 10px!important;
    border: none;
    height: 29px !important;
}
#searchbox form {
    height: 29px;
}
#nb,
#toppane,
.ido .ptt,
.ido > .nosel,
.ido > div[style*="width:825px; margin:10px auto 5px; text-align:center"] {
    position: fixed !important;
    z-index: 100;
}
#toppane {
    background-color: #1b1b1b;
    top: 28px;
    height: 48px;
    width: 100%!important;
}
.itg,
.stuffbox {
    position: relative;
    top: 60px;
    border: none !important;
}
.ido {
    background: transparent !important;
    border: none !important;
    margin: 0px !important;
    padding: 0px !important;
}
.gld {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
}
#i1 {
    background: transparent !important;
    border: none !important;
}
table.ptt td,
table.ptb td {
    border: 1px solid black !important;
    background-color: #1b1b1b !important;
    transition: all 0.25s;
}
table.ptt td:hover {
    background-color: #3a3a3a !important;
}
table.ptt td.ptds {
    background-color: #292929 !important;
}
.gl1t {
    margin: 5px !important;
    min-height: auto !important;
    max-width: 267px !important;
    min-width: auto !important;
    padding: 10px !important;
    background: #1a1a1a00 !important;
    border: none !important;
    transition: all 0.25s;
    opacity: 0.75;
    /**flex: 1 1 40%;**/
    position: relative;
    user-select: none;
}

.gl1t:hover {
    opacity: 1;
    /**transform: scale(1.3);**/
    z-index: 1000;
}
.gl5t {
    transition: all 0.5s;
    position: absolute;
    bottom: 10px;
    right: 40px;
    font-size: 15px;
}
.gl5t > div {
    max-width: none !important;
    min-width: 0 !important;
}
.gl5t > div:nth-child(1) {
    display: none !important;
}
.gl5t > div:nth-child(2) > div:nth-child(1),
.gl5t > div:nth-child(2) > div:nth-child(3) {
    display: none !important;
}
.gl5t > div:nth-child(2) > div:nth-child(2) {
    color: #8a8a8a;
    width: 30px;
    height: 15px;
    overflow: hidden;
}
.gl1t:hover > .gl5t {
    height: 46px;
    opacity: 1;
}
.gl6t {
    margin-top: 10px;
    opacity: 0.5;
}
#i1 {
    margin-top: 0px !important;
}
#gdo {
    margin-top: 50px !important;
}
#cdiv {
    position: fixed !important;
    top: 10px;
    right: 0px;
    width: 30% !important;
    min-width: 30% !important;
    height: calc(100% - 35px) !important;
    overflow-X: hidden;
    overflow-Y: scroll;
}
.gdtl {
    margin: auto !important;
    vertical-align: middle !important;
}
.gtb table.ptt,
#gdt,
.gm {
    width: 70% !important;
    max-width: 70% !important;
    margin: 0px !important;
    background-color: transparent !important;
    border: none !important;
}
#gdt {
    padding: 10px !important;
}
.gm {
    padding: 10px !important;
    min-height: 400px !important;
    border: none !important;
    margin-top: 20px !important;
}
.gm > div {
    float: left !important;
    margin-left: 10px !important;
    border: none !important;
}
#gd2 {
    margin-bottom: 10px !important;
    width: calc(100% - 300px) !important;
    border: none !important;
}
#gj {
    border: none !important;
}
#gd3 {
    width: 25% !important;
}
#gd4 {
    width: 70% !important;
    border: none !important;
}
#gd2,
#gmid {
    width: calc(100% - 300px) !important;
    background-color: transparent !important;
}
#gleft {
    position: relative !important;
    width: 270px !important;
}
#gdf {
    float: none !important;
    margin: auto !important;
}
#tagmenu_new {
    display: none;
}
#tagmenu_act {
    margin-top: 10px !important;
}

#taglist {
    height: 280px;
    overflow-x: hidden;
}
#taglist td > div {
    border-color: #676262;
}
.c1,
.c1 * {
    background-color: #222226 !important;
}
#cdiv .c1 {
    border-radius: 10px;
    padding: 10px !important;
    margin: 5px 0px !important;
}
#cdiv > .c1:nth-child(2),
#cdiv > .c1:nth-child(2) * {
    background-color: #2e2e33 !important;
}
.c2 {
    border: none !important;
}
.ido .nosel,
.c2 .c4,
.c2 .c4 *,
.c2 .c5,
.c7 {
    color: #54555b;
}
.c6 {
    margin: 5px 20px;
    color: #878789 !important;
}
.c8 {
    color: #42424a !important;
}
.ido .nosel {
    color: #b9b9b9;
    display: table;
    margin-top: 27px !important;
    z-index: 101 !important;
    background-color: #34353b;
    margin: 0px !important;
    padding: 0px !important;
    top: 26px;
}

.nosel .fp {
    border: 1px solid black;
    border-radius: 0px !important;
    transition: all 0.5s;
    width: 10% !important;
    height: 20px !important;
    padding: 2px!important;
    display: table-cell !important;
    background-color: #191919 !important;
}
.nosel .fp > div {
    margin: 0px 10px !important;
}
.nosel .fp > div:nth-child(2) {
    display: none;
}
.nosel .fp:nth-last-child(1) {
    height: 5px!important;
    vertical-align: bottom !important;
}
.ido > div[style*="width:825px; margin:10px auto 5px; text-align:center"] {
    background-color: #171717;
    width: 100% !important;
    position: fixed;
    line-height: 10px !important;
    top: 43px;
    margin: 0px !important;
    padding: 0px !important;
    padding-bottom: 2px !important;
    height: 40px;
}
.ido > div[style*="width:825px; margin:10px auto 5px; text-align:center"] table {
    display: none;
}
.ido > form > div > input {
    margin: 0px !important;
    padding: 0px !important;
}
.ido > form > div:nth-child(1) {
    position: fixed !important;
    z-index: 110;
    top: 70px;
    left: 5px;
    width: 400px !important;
    color: #4e4e4e;
}
.ido > form > div:nth-child(2) {
    position: fixed !important;
    z-index: 110;
    top: 60px;
    left: 0px;
}
.ido > form > div select {
    padding: 0px 10px!important;
    border: 1px solid black !important;
}
.gt,
.gtl {
    padding: 2px 10px !important;
    background: transparent !important;
}
.gt:hover,
.gtl:hover {
    background: #997c7c !important;
}

#e-HentaiPopup {
    background-color: black !important;
    z-index: 1000 !important;
}
#i1 h1 {
    position: fixed;
    right: 40px;
    top: 10%;
    margin: 0px !important;
    font-size: 2em;
    width: 15%;
    opacity: 0.1;
    z-index: 100;
}
#i2 {
    height: 0px !important;
}
.sn > div {
    position: fixed;
    right: 5%;
    top: 50%;
    font-size: 5em;
    opacity: 0.1;
    user-select: none;
}
#prev,
#next {
    position: fixed;
    top: 300px;
    height: 100%;
    user-select: none;
    background-color: #f000;
    opacity: 0.1;
}
#prev {
    width: 40%;
    left: 0px !important;
}
#next {
    width: 60%;
    right: 0px !important;
}
.sn > a:nth-child(5),
.sn > a:nth-child(1),
#i5 > .sb > a,
#loadfail {
    position: fixed;
    left: 50px;
    width: 10%;
    height: 15%;
    border-radius: 100px;
    border: 1px solid white;
    opacity: 0.1;
    z-index: 100;
    background-color: #4e4e4e00;
    transition: all 0.5s;
    font-size: 4em !important;
    color: #818181;
}

.sn img,
#i5 img {
    display: none;
}

.sn > a:nth-child(5) {
    top: 10%;
    text-decoration: none;
}
.sn > a:nth-child(5)::after {
    content: ">";
    font-size: 150px;
}
.sn > a:nth-child(1) {
    top: 30%;
    text-decoration: none;
}
.sn > a:nth-child(1)::after {
    content: "<";
    font-size: 150px;
}

#i5 > .sb > a {
    top: 50%;
    text-decoration: none;
}
#i5 > .sb > a::after {
    content: "↓";
    font-size: 150px;
}

#loadfail {
    display: block !important;
    top: 70%;
    font-size: 40px !important;
    color: #fff;
    padding: 20px !important;
    text-decoration: none;
}
.sn > a:nth-child(5):hover,
.sn > a:nth-child(1):hover,
#i5 > .sb > a:hover,
#loadfail:hover {
    opacity: 0.5;
}
div[style*="position:absolute; top:-21px; width:100%; height:30px"] > div:nth-child(1) {
    position: fixed !important;
    top: 55px !important;
    right: 260px;
    z-index: 1000 !important;
}
div[style*="position:absolute; top:-21px; width:100%; height:30px"] > div:nth-child(2) {
    position: fixed !important;
    top: 50px !important;
    r...