动漫花园暗色主题 by kasuie

/* ==UserStyle==
@name         动漫花园暗色主题
@version      1.1.0
@namespace    userstyles.world/user/kasuie
@description  在不改变原来的功能的情况下，实现暗色主题，都是一些主观上的美化，如果你也喜欢，欢迎使用~
@author       kasuie kasuie.cc
@license      MIT
==/UserStyle== */

@-moz-document url-prefix("https://share.dmhy.org/") {
body {
  background: #000;

  > div a {
    color: rgba(96, 166, 227, 0.7);

    &:hover {
      color: rgba(96, 166, 227, 0.9);
    }
  }

  .ac_results {
    background-color: #000;
    color: #eee;

    > ul > li {
      cursor: pointer;

      &.ac_odd {
        background-color: #1a1a1a;
      }

      &.ac_over {
        background-color: rgba(96, 166, 227, 0.7);
      }
    }
  }
}
body::-webkit-scrollbar {
  width: 4px;
  height: 1px;
  transition: all ease-in-out 0.2s;
}
body::-webkit-scrollbar-thumb {
  border-radius: 7px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
  background: rgba(255, 255, 255, 0.3);
}
body::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px transparent;
  background: rgba(0, 0, 0, 1);
}
body::-webkit-scrollbar:hover {
  width: 7px;
}
.container .bg {
  margin: 0;

  > div.header {
    background: linear-gradient(to right, #14243f 10%, #000 100%);

    .headerleft {
      height: 100px;
      a {
        position: relative;
        display: inline-block;
        height: 100%;
        width: 300px;

        > img {
          display: none;
        }
      }
    }

    .headerleft a::after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: transparent url("/images/sitelogo.gif") center center
        no-repeat;
      filter: brightness(0.5);
      background-size: cover;
    }

    .headerright .links {
      background: transparent;

      > a {
        color: #eee;
      }
    }

    .headerright .ad {
      display: none;
    }

    .top_sort {
      background: #000;
      padding-top: 5px;

      .menu {
        background: transparent;

        > ul.nav {
          > li {
            > a {
              &:hover {
                background: transparent;
              }
            }

            > ul {
              > li > a {
                background: #000;
              }
            }

            &:last-child {
              > a > font {
                color: #eee !important;
              }
            }
          }
        }
      }
    }
  }

  > div.main {
    background: #000;

    #mini_jmd {
      background: transparent;
      border-radius: 10px;

      > div.nav_title {
        background: transparent;
      }

      > table.jmd tbody {
        > tr.odd {
          background-color: #000 !important;
        }

        > tr.even {
          background-color: #000 !important;
        }

        > tr > th {
          background: transparent;
        }

        > tr > td {
          padding: 3px 0;
          > a {
            color: rgba(96, 166, 227, 0.7);
            border-color: transparent;
            transition: all ease-in-out 0.3s;
            /*border-radius: 5px; */
            /*background-color: #fff; */

            &:hover {
              color: rgba(96, 166, 227, 1);
            }
          }
        }

        > tr.today {
          background-color: rgba(96, 166, 227, 0.2) !important;

          > td a {
            color: rgba(96, 166, 227, 0.9);
          }
        }
      }
    }

    > div.quick_search {
      background: rgba(44, 46, 47, 0.8);
      border-color: rgba(44, 46, 47, 1);
      padding: 3px;
      border-radius: 7px;
      transition: all ease-in-out 0.3s;
      margin-top: 7px;
      margin-bottom: 5px;

      &:hover {
        border-color: rgba(255, 255, 255, 0.4);
      }

      .quick_input {
        background: transparent;
        border-color: transparent;
        outline: none;
        caret-color: #eee;
        color: #eee;

        &:focus {
          border-color: transparent;
        }
      }

      .formButton {
        background: transparent;
        cursor: pointer;
        border-radius: 5px;
        color: rgba(96, 166, 227, 0.7);
        border-color: rgba(96, 166, 227, 0.7);
        transition: all ease-in-out 0.2s;

        &:hover {
          color: #eee;
          background: rgba(96, 166, 227, 0.3);
          border-color: transparent;
        }
      }

      > form {
        display: inline-block;
        width: 100%;

        > a {
          color: #eee;
        }

        #AdvSearch:has(p) {
          padding: 5px 0 2px 0;
          margin-top: 5px;
          border-top: 1px dashed #eee;

          > p > select {
            color: #eee;
            background: #000;
            border-color: transparent;

            > option {
              color: #eee;
              background: #000;
            }
          }

          > p > a {
            color: #60a6e3;
          }
        }
      }
    }

    .announce {
      margin: 0 10px;
      #announce_marquee > a {
        color: rgba(96, 166, 227, 0.7);
      }
    }

    > div.table:not(.clear) {
      background: transparent;
      border-radius: 5px;

      .nav_title {
        background: transparent;
      }

      .content {
        color: #999;
      }
    }

    > div.clear:not(.table):has(.announce) > div:first-child {
      width: unset !important;
      display: none;
    }

    > div.table.clear {
      background: transparent;
      border-radius: 10px;
      margin-top: 12px;

      .nav_title {
        background: transparent;
        padding: 5px;
      }

      .tablesorter {
        background: transparent;
        border-spacing: 0;
        padding: 0 3px;

        > thead > tr > th {
          background-color: #2a2828 !important;
          padding: 7px 5px;
        }

        > tbody {
          > tr.odd {
            background-color: #181818 !important;

            :hover {
              background-color: #292929 !important;
            }

            > td {
              background-color: inherit !important;
            }
          }

          > tr.even {
            background-color: #000 !important;

            > td {
              background-color: inherit !important;
            }
          }

          > tr {
            &:hover {
              background-color: #292929 !important;
            }

            & > td {
              color: #ccc;
              padding: 7px 5px;

              &:first-child {
                border-radius: 12px 0 0 12px;
              }

              &:last-child {
                border-radius: 0 12px 12px 0;
              }

              &.title {
                position: relative;
                padding-right: 55px;

                &:hover {
                  > a {
                    color: rgba(96, 166, 227, 1);
                  }

                  > span.tag {
                    /*background-color: rgba(96, 166, 227, 0.5) !important;*/
                    background-image: linear-gradient(
                      to top,
                      #637099 0%,
                      #459db3 100%
                    ) !important;
                  }
                }

                > a {
                  border-color: rgba(96, 166, 227, 0.9);
                  color: rgba(96, 166, 227, 0.9) !important;
                }

                > span.tag {
                  border: 1px solid transparent !important;
                  background-color: #292929 !important;
                  border-radius: 30px !important;
                  padding: 0px 8px !important;
                  color: white !important;
                  line-height: 20px !important;
                  display: inline-block !important;
                  margin: 2px;
                  transition: all ease-in-out 0.1s;

                  > a {
                    color: rgb(255, 255, 255, 80%);

                    &:hover {
                      color: rgb(255, 255, 255, 90%);
                      background-color: transparent !important;
                      border-color: #eee;
                    }
                  }
                }

                > span:not(.tag) {
                  position: absolute;
                  right: 0;
                  top: 0;
                  bottom: 0;
                  display: flex;
                  align-items: center;
                }
              }

              > a.download-pp {
                opacity: 0.8;
                width: 33px;
                border-radius: 5px;
              }

              > a.sort-1 > font {
                color: #958282;
              }
            }
          }
        }
      }
    }

    /* 详情 */
    > div.topics_bk {
      background: #000;

      .user-sidebar .box {
        background: transparent;
        border-color: #4d4d4d;

        > p a {
          color: rgba(96, 166, 227, 0.7);
        }

        &.topics_cult {
          > div a {
            color: rgba(96, 166, 227, 0.7);
          }
        }
      }

      .topic-main .box {
        background: transparent;
        border-color: #4d4d4d;

        &.topic-title {
          > h3 {
            color: #eee;
            border-color: #4d4d4d;
          }

          .resource-info {
            color: #b3b3b3;
            text-shadow: none;

            > ul > li > a {
              color: rgba(96, 166, 227, 0.7);
            }
          }
        }

        &.topic-nfo {
          color: #b3b3b3;

          > p a,
          a {
            color: rgba(96, 166, 227, 0.7);
          }

          > p strong,
          strong,
          div strong {
           ...