Dark - IQDB

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("iqdb.org") {

  html {
    color: #999 !important;
    font-family: Raleway, sans-serif;
  }

  body {
    background-color: #1B1B1B;
      /* background: url('chrome://global/skin/media/imagedoc-darknoise.png') repeat fixed top left !important; */
    margin: 30px auto 30px;
    text-align: center;
  }
    body p:first-of-type {
      font-size: 13pt !important;
      margin-bottom: 14pt;
    }
    body form>*, body>:not(.pages):not(#more1) {
      text-align: center;
      margin-left: auto;
      margin-right: auto;
    }

  h1 {
    font-size: 26.5pt;
    text-transform: lowercase;
  }
    h1::before {
      content: "iqdb - ";
      color: #FFF;
      text-transform: uppercase;
    }

  h2 {
    margin: 8px 0px 3px;
    font-size: 18pt;
  }

  a {
    color: #FFF;
    text-decoration: none;
  }
    a[href="/"] {
      font-size: 26pt;
    }

  br:nth-of-type(2) {
    display: none !important;
  }

  .notice {
    width: 580.5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .notice:hover {
    white-space: normal;
    text-overflow: clip;
  }

  #queue {
    color: #FFF;
  }

  #pages {
    background: #282828;
    border-top: 2px solid #131313;
    border-bottom: 2px solid #131313;
    min-height: 0px;
    height: 0px;
    max-height: 665px;
    overflow-y: hidden;
    animation: Pages 1.2s ease 1;
    animation-delay: 0.5s;
    animation-fill-mode: forwards;
  }
    #pages div {
      text-align: center !important;
    }
    #pages div:first-of-type, #pages div:nth-of-type(2) {
      margin: 15px 3px 10px !important;
    }
    #pages div:first-of-type tr:nth-of-type(3) td {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    #pages div:nth-of-type(2) {
        /*background: linear-gradient(45deg, #71caef 0%, #8881b9 20%, #ec99ba 40%, #f1977a 60%, #fdf19a 80%, #83c59a 100%);*/
      background: linear-gradient(0deg, #71caef 0%, #8881b9 10%, #ec99ba 20%, #f1977a 30%, #fdf19a 40%, #83c59a 50%, #fdf19a 60%, #f1977a 70%, #ec99ba 80%, #8881b9 90%, #71caef 100%);
      background-size: 100% 200%;
      animation: BestMatch 5s linear infinite;
    }

  .pages table {
    background: #1B1B1B;
    border: 2px solid #131313 !important;
    padding-bottom: 10px;
    margin: 3px;
    width: 175px !important;
  }
    .pages table th {
      color: #FFF;
      padding: 10px 0 !important;
      text-align: center;
      vertical-align: middle;
    }
    .pages table tr:nth-of-type(2) img {
      padding-bottom: 10px;
    }
    .pages table tr:nth-last-of-type(2) td {
      padding-top: 6px;
    }
    .pages table td.image {
      height: auto !important;
    }

  #show1, .flow {
    display: none !important;
  }

  #url {
    padding-left: 6px;
    color: #FFF;
  }

  input[value="submit"] {
    text-transform: capitalize;
    color: #999;
  }

  #url, input[value="submit"], #file {
    background: #282828;
    border: 1px solid #131313;
    height: 30px;
  }

  .form {
    background-color: #282882;
    background: url('chrome://global/skin/media/imagedoc-darknoise.png') repeat fixed top left !important;
    border: 2px solid #131313 !important;
    padding: 5px 15px !important;
    margin: 0 auto !important;
    width: 600px !important;
  }

  form table:last-of-type {
    text-align: left;
    padding: 5px 15px 15px !important;
  }

  table th {
    padding: 8px 50px 8px 0px !important;
  }


  @font-face {
    font-family: Raleway;
    font-style: normal;
    font-weight: 400;
    src: local('Raleway'), local('Raleway-Regular'), url(https://fonts.gstatic.com/s/raleway/v11/yQiAaD56cjx1AooMTSghGfY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
  }

  @font-face {
    font-family: Raleway;
    font-style: normal;
    font-weight: 400;
    src: local('Raleway'), local('Raleway-Regular'), url(https://fonts.gstatic.com/s/raleway/v11/0dTEPzkLWceF7z0koJaX1A.woff2) format('woff2');
  }

  @keyframes Pages {
    from { height: 0px }
    to { height: 665px }
  }

  @keyframes BestMatch {
    0% { background-position: 50% 200% }
    100% { background-position: 50% 0% }
  }

}