AllDebrid.com Material/Flat dark userstyle

alldebrid.com.userstyle.css

@import url('https://use.fontawesome.com/releases/v5.8.1/css/all.css');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');

body {
    font-family: 'Open Sans';
}

:root {
    --color-white: #ecf0f1;
    --color-darkblue: #2c3e50;
    --color-lightblue: #34495e;
    --color-gray: #bdc3c7;
    --color-purple: #8e44ad;
    --color-green: #2ecc71;
}

/* CONTAINER */

#container_header,
#container_index {
    background: var(--color-lightblue);
}

#container_index {
    padding-bottom: 1rem;
}

/* HEADER */

.twitter {
    display: none;
}

#balloon {
    opacity: 0;
    font-size: 0!important;
}

#menu,
#ariane {
    background: var(--color-darkblue);
}

#menu *,
#ariane * {
    color: var(--color-white);
    text-shadow: none;
}

#menu * {
    opacity: 0.8;
    transition: opacity 0.5s;
}

#menu a:hover {
    opacity: 1;
}

#ariane * {
    font-weight: normal;
    font-style: normal;
    opacity: 0.6;
    font-family: 'Open Sans';
}

.title_big {
    font-size: 20px;
    color: var(--color-white);
    font-family: 'Open Sans';
}

.lostpassword_yellowborder {
    height: 30px!important;
    transform: translateY(25px)
}

/* FOOTER */

#container_footer {
    height: auto;
    margin-top: 0;
}

#footer {
    display: none;
}

#toolbar {
    background-color: var(--color-purple);
    z-index: 1;
}

#toolbar * {
    color: var(--color-white)!important;
    font-style: normal;
}

.toolbar_facebook,
.toolbar_spacing,
.toolbar_country,
.toolbar_welcome strong,
.toolbar_welcome a {
    display: none;
}

.toolbar_welcome {
/*     font-size: 0; */
}

.toolbar_welcome span,
.toolbar_welcome:before,
.toolbar_welcome:after {
    font-size: 13px;
}

.toolbar_welcome:before {
    content: '\f017';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-right: 0.25rem;
}

.toolbar_welcome:after {
    content: '.';
}

.toolbar_disconnect {
    opacity: 0.5;
    transition: opacity 0.5s;
    font-size: 0;
}

.toolbar_disconnect:before {
    content: '\f2f5';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: initial;
}

.toolbar_disconnect:hover {
    opacity: 1;
}

/* BUTTONS */

.greenBtn,
#download_all,
#remove_all,
#giveMeMyLinks span {
    border-radius: 0;
    border: 2px solid var(--color-green);
    box-shadow: none;
    background: var(--color-green)!important;
    transition: color 0.5s, background 0.5s;
    text-shadow: none;
    color: var(--color-white);
}

.greenBtn:hover,
#download_all:hover,
#remove_all:hover,
#giveMeMyLinks span:hover {
    background: none!important;
    color: var(--color-green)!important;
}

/* TEXT INPUTS */

input[type=text] {
    background-color: var(--color-gray);
    border: none;
    color: var(--color-darkblue);
}

/* TORRENT PAGE */

/* Banner */

#lostpassword > center:nth-child(5) > img {
    height: 120px;
    opacity: 0.75;
}

/* Torrent input */

.torrent_input {
    color: var(--color-white);
}

.torrent_input center,
.torrent_input center * {
    font-family: 'Open Sans'!important;
    font-style: normal!important;
}

.torrent_left center {
    margin-bottom: 12px!important;
}

.submit_button {
    margin-top: 70px;
}

/* Useful text */

#lostpassword > center:nth-child(12) > i > small {
    font-style: normal;
    color: var(--color-white);
    font-size: 12px;
    opacity: 0.6;
}

/* Useless text */

#lostpassword > br:nth-child(13),
#lostpassword > br:nth-child(14),
.title_upload,
#lostpassword > br:nth-child(16),
#lostpassword > center:nth-child(17),
#lostpassword > center:nth-child(18),
#lostpassword > h3 {
    display: none;
}

/* Table */

#lostpassword {
    width: 95%;
}

#torrent,
#torrent th {
    border: none;
}

#torrent * {
    font-family: 'Open Sans';
}

#torrent th {
    background-color: var(--color-purple);
    color: var(--color-white);
}

#torrent th:nth-child(8):after {
    content: 's';
}

#torrent tr {
    background-color: var(--color-darkblue);
}

#torrent td {
    color: var(--color-gray);
    text-align: center;
}

#torrent tr:hover td {
    background-color: var(--color-lightblue);
    color: var(--color-white);
}

#torrent td:nth-child(11) {
    font-size: 0;
}

#torrent td:nth-child(11) *:not(img) {
    opacity: 0.7;
    transition: opacity 0.5s;
}

#torrent td:nth-child(11) *:hover {
    text-decoration: none;
    opacity: 1;
}

.display_link:before {
    content: '\f0c1';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 13px;
    color: var(--color-white);
}

#torrent td:nth-child(11) img {
    content: url('https://gph.to/2FI9cFb');
}

#torrent td:nth-child(12) a {
    font-size: 0;
    opacity: 0.7;
    transition: opacity 0.5s;
}

#torrent td:nth-child(12) a:hover {
    opacity: 1;
}

#torrent td:nth-child(12) a:before {
    content: '\f2ed';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 13px;
    color: var(--color-white);
}

/* Pagination */

#torrent_info,
#torrent_paginate * {
    background-color: var(--color-gray);
    color: var(--color-darkblue);
}

#torrent_info {
    padding-top: 0.3rem!important;
    width: 93%;
}

#torrent_paginate * {
    padding-top: 0.2rem!important;
    padding-bottom: 0.1rem;
    font-size: 0;
}

#torrent_paginate *:before {
    font-size: initial;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    opacity: 0.7;
    transition: opacity 0.5s;
}

#torrent_paginate *:before:hover {
    opacity: 1;
}

#torrent_previous:before {
    content: '\f0a8';
}

#torrent_next:before {
    content: '\f0a9';
}

/* Download links */

#download_all,
#remove_all {
    display: inline-block;
    margin: 1rem;
    transform: translateX(-100%)
}

#download_all {
    margin-left: 50%;
}

#displaydllink fieldset{
    background-color: var(--color-darkblue);
}

#displaydllink legend,
#displaydllink .torrent_left,
#displaydllink .torrent_left *:not(a) {
    color: var(--color-white)!important;
}

#displaydllink legend {
    transform: translateY(-1.5px);
    padding: 0 0.7rem;
}

#displaydllink .torrent_left {
    padding-bottom: 0.5rem;
}

#displaydllink .torrent_left a {
    color: var(--color-green);
}

#displaydllink .torrent_right {
    padding-bottom: 0.5rem;
}

/* GENERATOR PAGE */

.downloaders_title2,
.downloaders_text2,
.downloaders_arrow,
#createPlaylist,
.link-center span,
.displaylinksdiv.validlink p:not(.link-center),
.picture-left {
    display: none!important;
}

#downloaders_left_col > form > div > div.function,
#deleteLinks,
#downloaders_left_col > form > div > span:nth-child(13) > span,
#downloaders_left_col > form > div > span:nth-child(13) > span > span {
    font-size: 0!important;
}

#deleteLinks:before {
    content: '\f2ed';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 13px;
    color: var(--color-white);
}

#links {
    background-color: var(--color-darkblue);
    border-color: var(--color-gray);
    font-family: 'Open Sans';
    font-style: normal;
    font-size: 13px;
    color: var(--color-gray);
}

#downloaders_left_col > form > div > span:nth-child(13) {
    margin-top: 10px;
}

#giveMeMyLinks,
#giveMeMyLinks span,
#giveMeMyLinks span:hover {
    background: none;
}

#giveMeMyLinks span,
.dlLink,
.filesize {
    font-size: 14px;
}

#giveMeMyLinks span {
    margin-top: 10px;
    padding-left: 20px;
}

.downloaders_module label > *,
#downloaders_right_col > *,
.function,
#sortLinks,
.displaylinksdiv.validlink > *,
.dlLink {
    color: var(--color-gray)!important;
}

.displaylinksdiv.validlink {
    border: none;
    background: none;
    font-size: 0;
}

.filesize {
    position: inherit;
    text-decoration: none!important;
}

#downloaders_left_col > form > div > span:nth-child(13) > span > span:before {
    content: '\f023';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 15px;
    color: var(--color-white);
    margin-right: 10px;
}

#downloaders_right_col > div:nth-child(4),
#downloaders_right_col > br:nth-child(5) {
    display: none;
}