/* ==UserStyle==
@name           Bulldog's Nyaa
@description    A simple rounded dark blue theme for Nyaa.si
@author         Bulldög#0533
@version        1.0
@namespace      github.com/Bulldog3321
@homepageURL    https://github.com/Bulldog3321/Bulldogs-Nyaa
@updateURL      https://bulldog3321.github.io/Bulldogs-Nyaa/Bulldogs-Nyaa.user.css
@preprocessor   stylus
==/UserStyle== */

@-moz-document domain("nyaa.si") {

  :root {
    --background: rgba(0, 0, 0, 0.6);
    --primary: rgb(24, 28, 37);
    --secondary: rgb(20, 23, 31);
    --tertiary: rgb(12, 14, 19);
    --hover: rgba(79, 84, 92, 0.5);
    --radius: 10px;
    --transition: background-color 0.25s;
  }

  /* background */
  body {
    background-color: var(--tertiary);
  }

  /* universal */
  .btn {
    border-radius: var(--radius);
  }
  .form-control:focus {
    box-shadow: 0 0 0 1px #247fcc !important;
  }
  .nav-tabs {
    margin-bottom: 16px;
    border: none;
  }
  .nav-tabs > li > a {
    background-color: var(--secondary);
    border-radius: var(--radius);
    border: none !important;
    margin-right: 8px;
    margin-bottom: 0;
    transition: var(--transition);
  }
  .nav-tabs > li > a:hover {
    background-color: var(--hover);
  }
  .nav-tabs > li.active > a {
    background-color: var(--primary) !important;
  }

  /* ----------------------------------------HOME---------------------------------------- */

  /* navbar */
  .navbar {
    position: sticky;
    background: none !important;
    border: none;
    min-height: 32px;
    top: 16px;
    margin-bottom: 32px;
    margin-left: auto;
    margin-right: auto;
  }
  .container {
    padding: 0;
  }
  .navbar .navbar-form {
    padding: 0 4px;
    margin: 0;
  }
  .navbar .navbar-right {
    margin: 0;
  }
  .navbar .navbar-brand,
  .navbar .nav li,
  .navbar .bootstrap-select button,
  #navFilter-criteria > .bootstrap-select:first-child > button,
  .navbar .form-control,
  .navbar .btn-primary {
    border-radius: var(--radius) !important;
    border: none !important;
    height: 32px;
    transition: var(--transition);
  }
  .navbar .navbar-brand,
  .navbar .nav li,
  .navbar .bootstrap-select,
  .navbar .search-bar,
  .navbar .search-btn button {
    margin: 0 2px !important;
  }
  .navbar .search-btn {
    left: 4px;
  }
  .navbar .navbar-brand,
  .navbar .nav li,
  .navbar .btn:not(.btn-primary),
  .navbar .form-control {
    background-color: var(--background);
  }
  .navbar .navbar-brand:hover,
  .navbar .nav li:hover,
  .navbar .btn:not(.btn-primary):hover,
  .navbar .form-control:hover {
    background-color: var(--hover) !important;
  }
  .navbar .navbar-brand,
  .navbar .navbar-nav li a {
    color: #e2e2e2 !important;
    height: 32px;
    padding: 6px 12px;
  }
  .navbar .pull-left,
  .navbar .form-control {
    color: #e2e2e2 !important;
  }
  .navbar .bootstrap-select {
    border: none !important;
  }

  /* dropdown menu */
  .navbar .dropdown-menu {
    background-color: var(--background);
    border-radius: var(--radius) !important;
    border: none;
    box-shadow: none;
    padding: 0;
    margin: 0;
    margin-top: 4px !important;
    overflow: hidden;
  }
  .navbar .dropdown-menu .inner {
    background: none !important;
    margin-top: 0 !important;
  }
  .navbar .dropdown-menu li {
    background: none;
    border-radius: 0 !important;
    margin: 0 !important;
    transition: var(--transition);
  }
  .navbar .dropdown-menu li:hover {
    background-color: var(--hover) !important;
  }
  .navbar .dropdown-menu li a {
    background: none !important;
    padding: 6px 12px;
  }

  /* search by username alert */
  .alert {
    border-radius: var(--radius);
    border: none;
    padding: 10px;
    margin-bottom: 16px;
  }

  /* page bar */
  .center,
  .center nav {
    position: sticky;
    width: fit-content;
    margin: 16px auto 0;
    bottom: 0;
  }
  .center .pagination,
  .center .pagination-page-info {
    background-color: var(--background);
    border-radius: var(--radius);
    padding: 10px;
    margin: 0 0 16px;
  }
  .center .pagination li a,
  .center .pagination li span {
    border-radius: var(--radius) !important;
    border: none;
    margin: 0 2px;
    transition: var(--transition);
  }
  .center .pagination li a:not(.active a, .disabled a) {
    background-color: rgba(35, 35, 35, 0.6);
  }
  .center .pagination li a:not(.active a, .disabled a):hover {
    background-color: var(--hover);
  }
  .center .pagination .disabled a,
  .center .pagination .disabled a:hover {
    background-color: rgba(20, 20, 20, 0.6);
  }
  .center .pagination li::after {
    display: none;
  }
  footer p {
    margin-top: -6px;
    margin-bottom: 16px;
  }

  /* torrent list */
  .table-responsive {
    border-radius: var(--radius);
  }
  .table-responsive .table {
    background-color: var(--primary);
    border: none;
    margin-bottom: 0;
    transition: var(--transition);
  }
  .table-responsive thead tr th,
  .table-responsive  tbody tr td {
    border: 1px solid var(--tertiary) !important;
  }
  .table-responsive thead tr th {
    border-top: none !important;
  }
  .table-responsive thead tr th:first-child {
    border-top: none !important;
    border-left: none !important;
  }
  .table-responsive thead tr th:last-child {
    border-top: none !important;
    border-right: none !important;
  }
  .table-responsive  tbody tr td {
    border-bottom: none !important;
  }
  .table-responsive  tbody tr td:first-child {
    border-left: none !important;
    border-bottom: none !important;
  }
  .table-responsive  tbody tr td:last-child {
    border-right: none !important;
    border-bottom:  none !important;
  }
  .table-responsive tbody tr {
    background-color: var(--primary) !important;
    border-radius: var(--radius) !important;
    transition: var(--transition);
  }
  .table-responsive tbody tr:hover {
    background-color: rgba(79, 84, 92, 0.25) !important;
  }
  .table-responsive a,
  .table-responsive a:hover {
    color: rgb(20, 120, 200);
  }
  .table-responsive tbody tr td a:visited {
    color: rgb(15, 90, 150) !important;
  }
  .table-responsive tbody tr .comments {
    background-color: var(--secondary) !important;
    border-radius: var(--radius);
    border: none;
  }
  table.torrent-list td:nth-child(6) {
    color: green !important;
  }
  table.torrent-list td:nth-child(7) {
    color: red !important;
  }
  
  /* ----------------------------------------TORRENT VIEW---------------------------------------- */

  /* torrent view */
  .panel {
    background-color: var(--primary);
    border-radius: var(--radius);
    border: none;
  }
  .panel-body {
    padding: 16px;
  }
  .panel .panel-heading {
    background-color: var(--secondary);
    border-radius: var(--radius) var(--radius) 0 0;
    border: none;
  }
  .panel .panel-footer {
    background-color: var(--secondary);
    border-radius: 0 0 var(--radius) var(--radius);
    border: none;
  }
  .h1, .h2, .h3, h1, h2, h3 {
    margin-top: 0;
  }

  /* comments body */
  .panel .collapse.in {
    padding-bottom: 16px;
  }
  .panel .comment-panel {
    margin: 0 auto;
  }
  .panel .panel-body {
    padding: 16px;
  }
  .panel .comment-box {
    margin: 16px auto;
  }
  .panel .form-group {
    margin-bottom: 16px;
  }
  .panel .form-control {
    background-color: var(--secondary) !important;
    border-radius: var(--radius);
    border: none;
  }

  /* comments */
  .avatar {
    width: 74px;
    border-radius: var(--radius);
  }
  .col-md-2 {
    display: flex;
    flex-direction: row-reverse;
    padding-left: 0px;
    width: auto;
  }
  .col-md-2 > p {
    white-space: nowrap;
    width: 0;
  }
  .col-md-2 > p > a {
    padding-left: 16px;
    padding-right: 8px !important;
  }
  .comment {
    display: flex;
    flex-direction: column-reverse;
    padding: 0 16px;
    margin-top: 24px;
  }
  .comment-details {
    margin-bottom: 0;    
  }

  /* table */
  .panel .table,
  .panel .table tbody tr {
    background-color: var(--secondary) !important;
    border-radius: var(--radius);
    border: none;
    margin-bottom: 10px;
    overflow: hidden;
  }
  .panel .table thead tr th,
  .panel .table tbody tr td {
    border: 1px solid var(--tertiary) !important;
  }
  .panel .table thead tr th {
    border-top: none !important;
  }
  .panel .table thead tr th:first-child {
    border-top: none !important;
    border-left: none !important;
  }
  .panel .table thead tr th:last-child {
    border-top: none !important;
    border-right: none !important;
  }
  .panel .table tbody tr td {
    border-bottom: none !important;
  }
  .panel .table tbody tr td:first-child {
    border-left: none !important;
    border-bottom: none !important;
  }
  .panel .table tbody tr td:last-child {
    border-right: none !important;
    border-bottom:  none !important;
  }

  /* codeblock */
  pre {
    background-color: var(--secondary);
    border-radius: var(--radius);
    border: none;
    color: #afafaf;
  }

  /* ----------------------------------------UPLOAD PAGE---------------------------------------- */

  .form-group {
    margin-bottom: 16px;
  }
  .form-group .btn-default,
  .form-group .form-control {
    background-color: var(--primary);
    border-radius: var(--radius);
    border: none;
    height: 34px;
  }
  .form-group .input-group-btn:first-child {
    border-right: 1px solid var(--tertiary);
    margin-right: 0;
  }
  .well {
    background-color: var(--primary);
    border-radius: var(--radius);
    border: none;
  }
}