Gigglehd DarkMode by JUSTIVE

/* ==UserStyle==
@name         Gigglehd DarkMode
@description  darkmode for gigglehd
@namespace    gigglehd.com
@version      1.0.2
@author       JUSTIVE
@license      MIT
@preprocessor stylus
==UserStyle== */

@-moz-document domain("gigglehd.com") {
  .bd_lst .tmb {
    width: 70px !important;
  }

  .masonry {
    width: 100% !important;
  }

  .masonry-brick {
    background: #242424 !important;
    border: solid 1px #424242 !important;
    border-radius: 4px;
  }
  .masonry-brick .tmb {
    width: 100% !important;
    object-fit: cover;
    margin: 0px;
  }

  body,
  #gnb_wrp,
  ul.cTab.clear li,
  .top_area.ngeb,
  table.et_vars td,
  table tr,
  .gsc-input-box {
    background: #080808 !important;
  }
  *:not(img) {
    /*     background:#222!important; */
    color: #e8e8e8dd !important;
  }

  #hd h1 .home img {
    filter: invert(1);
    mix-blend-mode: exclusion;
  }

  .bd_zine.zine li {
    border: solid 1px #424242;
    border-radius: 4px;
    background: #282828 !important;
    margin-bottom: 8px;
    transition:
      border 0.2s cubic-bezier(0.2, 0.8, 0.2, 1),
      background 0.2s cubic-bezier(0.2, 0.8, 0.2, 1);
    &:hover {
      background: #2f2f2f !important;
      border: solid 1px #565656;
      border-radius: 4px;
    }
    a {
      border: none;
      transition: none;
      &:hover {
        border: none;
      }
    }
    * {
      background: transparent !important;
    }
    &:first-child,
    &:last-child {
      border: solid 1px #424242;
    }

    .tmb_wrp.ribbon_v {
      img {
        border: none !important;
        border-radius: 8px;
      }
    }
    .info {
      span {
        border: none;
      }
      span:nth-child(1) {
        * {
          color: #60b442 !important;
        }
      }
      span:nth-child(1) {
        * {
          color: #60b442 !important;
        }
      }
    }
  }
  .btn_img.fl {
    background: #282828;
  }

  #hd .on {
    color: #fa7268 !important;
    text-shadow: none !important;
  }

  strong.board {
    background: #424242 !important;
    padding: 3px 6px;
    border-radius: 30px;
  }

  .cTab.clear {
    border: none;
    li {
      border: solid 1px #424242;
      a {
        border: none;
        color: #ffffff88 !important;
      }
    }
    .on {
      background: #424242 !important;
      border: solid 1px #424242;
      a {
        border: none;
        color: white !important;
      }
    }
  }
  #hd #site_srch {
    margin: 0px !important;
    float: none;
    position: initial;
    height: 28px;
    overflow: hidden;
    * {
      background: transparent !important;
    }

    .gsc-search-box {
      margin: 0px !important;
    }
    .gsc-input {
      padding: 0px !important;
    }
    .gsib_b {
      display: none;
    }
    .gsc-input-box {
      border-top-left-radius: 8px;
      border-bottom-left-radius: 8px;
      border: solid 1px #666 !important;
      border-right: none;
      overflow: hidden;
      td {
        padding: 0px;
      }
      input {
        height: 26px !important;
        background: #333333 !important;
        color: white;
        padding: 2px 4px !important;
        box-sizing: border-box;
        &::placeholder {
          color: #a2a2a2;
        }
        &:placeholder-shown {
          filter: invert(1);
        }
      }
    }
    .gsc-search-button {
      box-sizing: border-box;

      .gsc-search-button-v2 {
        box-sizing: border-box;
        height: 27px;
        margin: 0px;
        border-radius: 0px;
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px;
        outline: none;
        background: #222222;
        border: solid 1px #666;
        border-left: none;
        transition: background 0.2s cubic-bezier(0.2, 0.8, 0.2, 1);
        &:hover {
          background: #333333;
        }
      }
    }
  }

  #gnb_wrp {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    border: none;
    background: #282828 !important;
    padding: 2px 0px;
    padding-right: 16px;
    border-radius: 8px;
    #gnb {
      flex: 1;
      float: none;
      ul {
        background: #242424aa;
        backdrop-filter: blur(16px);
        border-radius: 4px;
      }
    }
  }

  .rd.rd_nav_style2 {
    padding: 0px;
    .rd_hd {
      margin: 0px !important;
      .board {
        border: solid 1px #424242;
        background: #333333;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        .top_area {
          background: transparent !important;
        }
        .top_area,
        .btm_area {
          border: none !important;
        }
      }
    }
    .et_vars.bd_tb {
      display: block;
      overflow: hidden;
      background: #161616 !important;
      border-bottom-left-radius: 8px;
      border-bottom-right-radius: 8px;
      border: solid 1px #424242;
      * {
        background: transparent !important;
      }
      th,
      td {
        border: none;
      }
    }
    .rd_body:not(:has(.et_vars)) {
      padding-top: 20px;
    }
  }

  .gsc-control-cse {
    background: #222222 !important;
  }

  .gsc-webResult.gsc-result {
    background: #222222 !important;
  }

  #site_login {
    background: #222 !important;
    border-radius: 8px;
    input {
      background: #222 !important;
      border: solid 1px #424242 !important;
    }
  }

  .section {
    .xe-widget-wrapper {
      background: #222222;
      padding: 8px;
      border-radius: 4px;
      border: solid 1px #424242 !important;
    }
  }
  .bd_lst.bd_tb_lst.bd_tb {
    .notice {
      * {
        background: #282828 !important;
      }
    }
    border-spacing: 0px !important;

    tr,
    tr td {
      border: none !important;
    }
    tr:not(thead) {
      transition: background 0.2s cubic-bezier(0.2, 0.8, 0.2, 1);

      &:nth-child(2n) {
        background: #141414 !important;
      }
      &:nth-child(2n - 1) {
        background: #202020 !important;
      }
      &:hover {
        cursor: pointer;
        background: #282828 !important;
      }
    }
  }

  #cmtPosition:has(div) {
    border: solid 1px #424242;
    border-radius: 8px;
    overflow: hidden;
    * {
      background: transparent !important;
    }
    .fdb_tag.bg_f_f9 {
      border: none;
      background: #242424 !important;
      border-bottom-left-radius: 0px;
      border-bottom-right-radius: 0px;
    }
    .fdb_lst_ul {
      li {
        &:nth-child(2n) {
          background: #141414 !important;
        }
        &:nth-child(2n - 1) {
          background: #202020 !important;
        }
        border: none;
      }
    }
  }

  #cmtPosition:not(:has(div)) {
    display: none !important;
  }

  .rd_ft_nav,
  .btm_mn {
    border: none;
    a,
    button,
    input {
      border: solid 1px #424242 !important;
      background: #242424 !important;
      box-shadow: none;
    }
  }

  .blamed {
    background: #560000;
    border: solid 1px #424242 !important;
    &:hover {
      background: #d72d2d;
    }
  }

  .cmt_editor {
    border: solid 1px #424242;
    border-radius: 8px;
    overflow: hidden;
    background: #242424 !important;
    * {
      background: transparent !important;
    }
    textarea,
    input {
      border: solid 1px #424242 !important;
      box-shadow: none;
    }
  }

  .bd_wrt {
    background: #242424 !important;
    border: #424242 !important;
    overflow: hidden !important;
    * {
      background: transparent !important;
      border: #424242 !important;
      color: white !important;
      box-shadow: none !important;
      text-shadow: none !important;
    }
    a {
      span {
        filter: invert(1);
      }
    }
  }
  .bd_pg {
    a,
    strong {
      border: solid 1px #424242 !important;
      &.this {
        background: #fa7268 !important;
        color: black !important;
      }
      &:hover {
        background: #fa726866 !important;
        color: black !important;
      }
    }
  }
}