EH Dark Theme by internet-anon

/* ==UserStyle==
@name           EH Dark Theme
@namespace      Internet_Anon
@version        1.0.0
@description    Dark Theme for E-Hentai
@author         Internet_Anon
==/UserStyle== */

@-moz-document url-prefix("https://e-hentai.org") {
  /* Gallary and General Formatting */
  body{font-size:8pt;font-family:arial,helvetica,sans-serif;color:#f1f1f1;background:#34353b;padding:2px;margin:0;text-align:center}
  p{padding:3px 1px;margin:0}
  img{border:0}
  a{color:#DDDDDD}
  a:hover{color:#EEEEEE}
  map{cursor:pointer}
  
  /* input */
  label{user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none}
  input,select,option,optgroup,textarea{color:#f1f1f1;background-color:#34353b}
  input::-moz-focus-inner,button::-moz-focus-inner{border:0}
  input[type="button"],input[type="submit"]{min-height:26px;line-height:20px;padding:1px 5px 2px;margin:0 2px;border:2px solid #8d8d8d;border-radius:3px;font-size:9pt}
  input[type="button"]:enabled:hover,input[type="submit"]:enabled:hover,input[type="button"]:enabled:focus,input[type="submit"]:enabled:focus{background-color:#43464e !important;border-color:#aeaeae !important;outline:0}
  input[type="button"]:enabled:active,input[type="submit"]:enabled:active{background:radial-gradient(#1a1a1a,#43464e) !important;border-color:#c3c3c3 !important}
  input[type="text"],input[type="password"],select{line-height:17px}
  input[type="text"],input[type="password"],select,textarea{border:1px solid #8d8d8d;margin:3px 1px 0;padding:1px 3px 3px;border-radius:3px}
  input:disabled,select:disabled,textarea:disabled{color:#f1f1f1;-webkit-text-fill-color:#f1f1f1}
  input::placeholder,textarea::placeholder{color:#f1f1f1;-webkit-text-fill-color:#f1f1f1}
  input[type="text"]:enabled:hover,input[type="password"]:enabled:hover,select:enabled:hover,textarea:enabled:hover,input[type="text"]:enabled:focus,input[type="password"]:enabled:focus,select:enabled:focus,textarea:enabled:focus{background-color:#43464e}
  input[type="radio"]{position:relative;top:1px}
  input[type="checkbox"]{position:relative;top:2px}
  input[type="file"]{border:2px solid #8d8d8d;border-radius:3px;position:relative;top:1px;outline:0}
  .lc,.lr{display:block;position:relative;padding:0 0 0 30px;margin:0;cursor:pointer;vertical-align:middle;height:24px;line-height:24px}
  .lc *,.lr *{cursor:pointer}
  .lc>input,.lr>input{position:absolute !important;opacity:0;width:1px;height:1px}
  .lc:hover input:enabled ~ span,.lr:hover input:enabled ~ span,.lc input:enabled:focus ~ span,.lr input:enabled:focus ~ span{background-color:#43464e !important;border-color:#aeaeae !important}
  .lc input:disabled ~ span,.lr input:disabled ~ span{border-color:#5c5c5c !important}
  .lc>input:checked ~ span:after,.lr>input:checked ~ span:after{display:block}
  .lc>span{position:absolute;top:0;left:0;height:20px;width:20px;background-color:#34353b;border:2px solid #8d8d8d;border-radius:3px}
  .lc>span:after{content:"";position:absolute;display:none;left:6px;top:2px;width:5px;height:10px;border:solid #f1f1f1;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
  .lr>span{position:absolute;top:0;left:0;height:20px;width:20px;background-color:#34353b;border:2px solid #8d8d8d;border-radius:50%}
  .lr>span:after{content:"";position:absolute;display:none;top:5px;left:5px;width:10px;height:10px;border-radius:50%;background:#f1f1f1}
  
  /* misc */
  .br{color:#FF3333;font-weight:bold;text-align:center}
  .nopm{padding:0;margin:0}
  .stuffbox{background:#4f535b;border:1px solid #000000;border-radius:9px}
  p.ip{text-align:center;clear:both}
  
  /* rating */
  div.i{float:left;height:15px;width:15px;margin:0 1px;background-repeat:no-repeat}
  div.ir{width:80px;height:16px;background-repeat:no-repeat;background-image:url(https://ehgt.org/g/rt.png)}
  div.ir img{width:80px;height:16px}
  div.irr{background-image:url(https://ehgt.org/g/rtr.png)}
  div.irb{background-image:url(https://ehgt.org/g/rtb.png)}
  div.irg{background-image:url(https://ehgt.org/g/rtg.png)}
  
  img.th{border:1px solid #000000;margin:1px 0px 0px;padding:0px}
  img.mr{border:0;margin-left:10px;width:5px;height:7px}
  img.if{padding:0px;margin:1px 0;vertical-align:text-top;border:0;width:15px;height:13px}
  
  div.dp{width:495px;margin:0 auto 5px;text-align:center;font-size:8pt}
  div.ido{background:#4f535b;border:1px solid #000000;text-align:justify;min-width:740px;max-width:1200px;margin:10px auto 5px;padding:5px;position:relative;border-radius:9px}
  h1.ih{font-size:10pt;font-weight:bold;margin:2px auto;text-align:center;padding-bottom:6px}
  div.c{clear:both !important}
  
  /* navbar */
  #nb{margin:auto;padding:4px 10px 0;text-align:center;font-size:10pt;font-weight:bold;color:#AAAAAA;white-space:nowrap;overflow:hidden;min-width:630px;max-width:1100px;display:flex;flex-direction:row;justify-content:space-around;align-items:center;flex-wrap:wrap;line-height:19px;min-height:19px;max-height:19px}
  #nb:hover{max-height:38px}
  #nb>div{background-image:url(https://ehgt.org/g/mr.gif);background-repeat:no-repeat;background-position:left center;padding:0 14px 0 7px}
  #nb a{text-decoration:none;font-weight:bold}
  #lb{margin:4px auto 2px;text-align:center;font-size:9pt}
  #lb a{text-decoration:none}
  
  @media screen and (max-width:1020px) {
  	.nbw1{display:none}
  }
  
  @media screen and (max-width:920px) {
	.nbw2{display:none}
  }

  /* shared table stuff */
  div.itg{width:99%;border-collapse:collapse;margin:0 auto;padding:3px;border-top:2px ridge #3c3c3c; border-bottom:2px ridge #3c3c3c;}
    div.fp {height: 20px;cursor: pointer;border-radius: 9px;border: 1px solid transparent}
  div.fp:hover {background: #43464e;border: 1px solid #C2C1C1}
  div.fps {background: #43464e;border: 1px solid #C2C1C1}
  table.itg{max-width:1180px;width:99%;border-collapse:collapse;margin:0 auto;padding:3px;border:2px ridge #3c3c3c;font-size:9pt;text-align:left}
  table.itg>tbody>tr>th{font-weight:bold;padding:3px 4px;background:#40454b}
  table.itg>tbody>tr:nth-child(2n+1),table.itg>tbody>tr:nth-child(2n+1) .glthumb,table.itg>tbody>tr:nth-child(2n+1) .glcut{background:#363940}
  table.itg>tbody>tr:nth-child(2n+2),table.itg>tbody>tr:nth-child(2n+2) .glthumb,table.itg>tbody>tr:nth-child(2n+2) .glcut{background:#3c414b}
  .itg a{text-decoration:none}
  table.mt{border:1px solid #000000;background:#40454b;border-collapse:collapse}
  table.mt>tbody>tr:nth-child(2n+1){background:#363940}
  table.mt>tbody>tr:nth-child(2n+2){background:#3c414b}
  tr.gtr,table.mt>tbody>tr:first-child{background:#40454b !important}
  td.itd{text-align:left;padding:3px 4px;border-right:1px solid #6f6f6f4d}
  
  /* login boxes */
  div.d{margin:200px auto auto auto;width:400px;text-align:center;border:1px solid #000000;background:#4f535b;padding:10px}
  div.ds{margin:100px auto auto auto;width:300px;text-align:center;border:1px solid #000000;background:#4f535b;padding:10px}
  
  /* index */
  table.itc{margin:auto}
  table.itc td{padding:1px 5px}
  table.itss{margin:auto;text-align:left;margin-top:5px;width:94%}
  table.itsf{margin:auto;text-align:left;margin-top:5px;width:400px}
  table.itsr{margin:auto;text-align:left;margin-top:5px;width:260px}
  td.ic4{width:25%; height:25px}
  td.ic3{width:33%; height:25px}
  td.ic2{width:50%; height:25px}
  td.ic1{width:100%; height:25px}
  select.imr{margin-left:13px}
  div.idi{width:598px;border-collapse:collapse;margin:0px auto 8px auto;padding:5px;border:2px ridge #3c3c3c;text-align:center}
  div#toppane{margin:auto}
  div#iw{color:#FF3333;margin:2px auto 5px auto;text-align:center}
  
  /* gallery list */
  a:visited .glink,a:active .glink{color:#BBBBBB}
  a:hover .glink{color:#EEEEEE}
  .glname a :not(.glink),a .glname :not(.glink){color:#dddddd}
  .glcat{padding:0 1px 0 2px;border-right:1px solid #6f6f6f4d}
  .gldown>img{width:15px;height:15px}
  .gldown>img:not([onclick]){opacity:0.3}
  .glnew{font-weight:bold;font-style:italic}
  .glfav{width:34px;white-space:nowrap;text-align:center;border-right:0 !important}
  .glfav>p{padding:2px 1px}
  .glfnote{font-style:italic;clear:both;padding:4px 0 0 3px}
  
  .glcut{visibility:hidden;z-index:99;position:absolute;height:100%}
  .glthumb{visibility:hidden;z-index:98;position:absolute;width:258px;display:flex;flex-direction:column;padding:5px 0;font-size:8pt;border-radius:8px;border:2px solid #6f6f6f4d}
  .glthumb>div:nth-child(1){overflow:hidden;border-radius:5px;margin:0 auto;border:1px solid #000000}
  .glthumb>div:nth-child(2){height:46px;margin:auto;display:flex;flex-direction:row;justify-content:center}
  .glthumb>div:nth-child(2)>div{position:relative}
  .glthumb>div:nth-child(2)>div:nth-child(1){min-width:110px;max-width:110px;padding-right:10px}
  .glthumb>div:nth-child(2)>div:nth-child(1)>div:nth-child(1){position:absolute;top:4px;left:0;width:110px;height:18px;line-height:18px}
  .glthumb>div:nth-child(2)>div:nth-child(1)>div:nth-child(2){position:absolute;top:27px;left:3px;width:102px;text-align:center;white-space:nowrap;padding:1px 0;border:2px groove transparent;border-radius:4px;cursor:pointer}
  .glthumb>div:nth-child(2)>div:nth-child(2){min-width:80px;max-width:80px}
  .glthumb>div:nth-child(2)>div:nth-child(2)>div:nth-child(1){position:absolute;top:5px;left:0}
  .glthumb>div:nth-child(2)>div:nth-child(2)>div:nth-child(2){position:absolute;top:29px;left:0;width:80px;text-align:center}
  
  .gltc>tbody>tr>td,.glte>tbody>tr>td{position:relative;padding:3px 4px;border-right:1px solid #6f6f6f4d}
  .gltm>tbody>tr>td{position:relative;padding:2px 4px;border-right:1px solid #6f6f6f4d}
  .gltc a,.gltm a,.glte a,.glink a{outline:0}
  
  .gl1c,.gl2c,.gl3c,.gl4c,.glfc{border-top:1px solid #6f6f6f4d;border-bottom:1px solid #6f6f6f4d}
  .gl1c{width:110px}
  .gl2c{width:125px;position:relative}
  .gl2c>.glthumb{left:-130px}
  .gl2c>.glcut{top:0px;left:130px;width:5px}
  .gl2c>div:last-child{height:45px;position:relative}
  .gl2c>div:last-...