1
0
mirror of https://github.com/gilbN/theme.park.git synced 2024-11-15 07:32:51 +01:00
theme.park/CSS/themes/transmission/transmission-base.css
2020-02-01 00:46:35 +01:00

547 lines
23 KiB
CSS

/* dP dP dP */
/* 88 88 88 */
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
/* 88 */
/* dP */
/* Made by @gilbN */
/* https://github.com/gilbN/theme.park */
@import url(https://use.fontawesome.com/releases/v5.0.7/css/all.css);
body {
background: var(--main-bg-color);
color: #dedede;
}
/* Scrollbar */
@media only screen and (min-width: 768px) {
html {
height: 100%;
width: 100%;
overflow: hidden;
}
body {
overflow-y: auto;
height: 100%;
background: var(--main-bg-color)
}
}
::-webkit-scrollbar {
width: 14px;
}
::-webkit-scrollbar-thumb {
min-height: 50px;
border: 3px solid transparent;
border-radius: 8px;
background-color: hsla(0,0%,100%,.2);
background-clip: padding-box;
}
::-webkit-scrollbar-track {
background-color: transparent;
}
::-webkit-scrollbar-thumb:hover {
min-height: 50px;
border: 3px solid transparent;
border-radius: 8px;
background-color: hsla(0,0%,100%,.5);
background-clip: padding-box;
}
div#torrent_container {background: var(--main-bg-color)}
/* Toolbar */
div#toolbar {
background: rgba(0, 0, 0, .25);
background-image: none;
border-bottom: 1px solid transparent;
}
div#toolbar > div#toolbar-separator { display:none}
/* Open torrent folder*/
div#toolbar > div#toolbar-open {background-image: none;}
div#toolbar > div#toolbar-open:hover:before {color: #fff;}
div#toolbar > div#toolbar-open:before {
font-family: "Font Awesome 5 Free";
font-size: 33px;
content: "\f07c";
font-weight: 900;
display: inline-block;
color: rgba(255, 255, 255, 0.7);
margin-right: 5px;
}
/* Stop Icon */
div#toolbar > div#toolbar-remove {background-image: none;}
div#toolbar > div#toolbar-remove:hover:before {color: #fff;}
div#toolbar > div#toolbar-remove:before {
font-family: "Font Awesome 5 Free";
font-size: 33px;
content: "\f28d";
font-weight: 900;
display: inline-block;
color: rgba(255, 255, 255, .7);
margin-left: 5px;
}
/* Start Icon */
div#toolbar > div#toolbar-start {background-image: none;}
div#toolbar > div#toolbar-start:hover:before {color: #fff;}
div#toolbar > div#toolbar-start:before {
font-family: "Font Awesome 5 Free";
font-size: 33px;
content: "\f152";
font-weight: 900;
display: inline-block;
color: rgba(255, 255, 255, .7);
margin-left: 5px;
}
/* Pause Icon */
div#toolbar > div#toolbar-pause {background-image: none;}
div#toolbar > div#toolbar-pause:hover:before {color: #fff;}
div#toolbar > div#toolbar-pause:before {
font-family: "Font Awesome 5 Free";
font-size: 33px;
content: "\f04c";
font-weight: 900;
display: inline-block;
color: rgba(255, 255, 255, .7);
margin-left: 5px;
}
/* Start-all Icon */
div#toolbar > div#toolbar-start-all {background-image: none;}
div#toolbar > div#toolbar-start-all:hover:before {color: #fff;}
div#toolbar > div#toolbar-start-all:before {
font-family: "Font Awesome 5 Free";
font-size: 33px;
content: "\f101";
font-weight: 900;
display: inline-block;
color: rgba(255, 255, 255, .7);
margin-left: 5px;
}
/* Pause-all Icon */
div#toolbar > div#toolbar-pause-all {background-image: none;}
div#toolbar > div#toolbar-pause-all:hover:before {color: #fff;}
div#toolbar > div#toolbar-pause-all:before {
font-family: "Font Awesome 5 Free";
font-size: 33px;
content: "\f28b";
font-weight: 900;
display: inline-block;
color: rgba(255, 255, 255, .7);
}
/* Info Icon */
div#toolbar > div#toolbar-inspector {background-image: none;}
div#toolbar > div#toolbar-inspector:hover:before {color: #fff;}
div#toolbar > div#toolbar-inspector:before {
font-family: "Font Awesome 5 Free";
font-size: 33px;
content: "\f05a";
font-weight: 900;
display: inline-block;
color: rgba(255, 255, 255, .7);
}
/* Statusbar */
#statusbar {border-bottom: 1px solid transparent;background-image:none; background-color:rgba(0, 0, 0, 0.25)}
#statusbar #filter input#torrent_search {
outline:none;
border: none;
border-radius: 2px;
}
#statusbar #filter input#torrent_search.blur {
color: #999;
outline: none;
border: none;
border-radius: 2px;
}
#statusbar #speed-info #speed-dn-icon {background: none;}
#statusbar #speed-info #speed-dn-icon:before {
font-family: "Font Awesome 5 Free";
font-size: 10px;
content: "\f0d8";
font-weight: 900;
}
#statusbar #speed-info #speed-up-icon {background: none;}
#statusbar #speed-info #speed-up-icon:before {
font-family: "Font Awesome 5 Free";
font-size: 10px;
content: "\f0d7";
font-weight: 900;
}
ul.torrent_list,ul.torrent_list li.torrent.even {background: rgba(0, 0, 0, 0.25);}
ul.torrent_list li.torrent div.torrent_name {color: #dedede;}
ul.torrent_list li.torrent.selected {background-color: rgba(0, 0, 0, .45);}
ul.torrent_list li.torrent {
border-bottom: 1px solid rgba(204, 204, 204, 0.1);
padding: 4px 30px 5px 14px;
color: #dedede;
background-color: rgba(255, 255, 255, 0.08);
}
/* Modal */
div.dialog_container div.dialog_window {
background: var(--modal-bg-color);
background-color: #eee;
border: none !important;
opacity: 1;
}
div.dialog_container div.dialog_window h2.dialog_heading,div#upload_container div.dialog_window div.dialog_message label {color: #dedede}
input {color:#dedede}
#add-dialog-folder-input,#torrent_upload_url {color:#000;outline:none;}
div.dialog_container div.dialog_window div.dialog_message {color: #dedede;}
/* Button*/
div.dialog_container div.dialog_window a {
background-color: var(--default-button-color);
border: 1px solid var(--default-button-color);
color: #dedede;
}
div.dialog_container div.dialog_window a:hover, div.dialog_container div.dialog_window a:active {
background: none;
background-color: var(--default-button-color-hover);
border: 1px solid var(--default-button-color-hover);
}
ul.torrent_list div.torrent_progress_bar.complete.leeching {
background-position: left 0px;
border-color: var(--progress-color);
}
.ui-widget-content {
border: 1px solid transparent;
background: var(--modal-bg-color);
color: #dedede;
}
.ui-widget-header {color: #dedede !important;}
.ui-widget .ui-widget {
box-shadow: none;
}
.ui-widget {
-moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.7);
-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.7);
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.7);
}
#download-dir,#seedRatioLimit,#idle-seeding-limit,#speed-limit-up,#speed-limit-down,#alt-speed-up,#alt-speed-down,#peer-limit-per-torrent,#peer-limit-global,#blocklist-url,#blocklist-update-button,#peer-port {color: black; outline:none;}
.ui-widget-header {
border: 1px solid transparent;
background: none;
color: #222;
font-weight: bold;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
border: 1px solid transparent;
background: rgba(255, 255, 255, .1) !important;
font-weight: normal;
color: #dedede;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
color: #dedede;
text-decoration: none;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
color: #dedede;
text-decoration: none;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
border: 1px solid transparent;
background: rgba(0, 0, 0, 0.25);
font-weight: normal;
color: #dedede;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
padding-bottom: 0px;
}
/*Close Icon*/
ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only ui-dialog-titlebar-close {background-image: none;}
ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only ui-dialog-titlebar-close:hover:before {color: #fff;}
ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only ui-dialog-titlebar-close:before {
font-family: "Font Awesome 5 Free";
font-size: 10px;
content: "\f00d";
font-weight: 900;
display: inline-block;
color: rgba(255, 255, 255, .7);
}
/*Inspector*/
div#torrent_inspector {
border-left: 1px solid transparent;
-moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.7);
-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.7);
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.7);
}
div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > * {
border-color: transparent;
height: auto;
background-color: rgba(0, 0, 0, 0.25);
}
div#torrent_inspector div.inspector_torrent_file_list_entry_name, div#torrent_inspector ul.tier_list .tracker_activity,div#torrent_inspector ul.tier_list table,div#torrent_inspector div.tracker_host {
color: #dedede;
}
/*Info button*/
div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-info {background-image: none;background-color: rgba(0, 0, 0, 0.25);}
div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-info:hover:before {color: #fff;}
div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-info:before {
font-family: "Font Awesome 5 Free";
font-size: 20px;
content: "\f05a";
font-weight: 900;
display: inline-block;
color: rgba(255, 255, 255, .7);
}
div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-info:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-info.selected {background-image: none;background-color: rgba(0, 0, 0, 0.25);}
div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-info:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-info.selected:hover:before {color: #fff;}
div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-info:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-info.selected:before {
font-family: "Font Awesome 5 Free";
font-size: 20px;
content: "\f05a";
font-weight: 900;
display: inline-block;
color: rgba(255, 255, 255, .7);
}
/*Peers Button*/
div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-peers {background-image: none;background-color: rgba(0, 0, 0, 0.25);}
div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-peers:hover:before {color: #fff;}
div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-peers:before {
font-family: "Font Awesome 5 Free";
font-size: 20px;
content: "\f0c0";
font-weight: 900;
display: inline-block;
color: rgba(255, 255, 255, .7);
}
div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-peers:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-peers.selected {background-image:none; background-color: rgba(0, 0, 0, 0.25);}
div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-peers:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-peers.selected:hover:before {color: #fff;}
div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-peers:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-peers.selected:before {
font-family: "Font Awesome 5 Free";
font-size: 20px;
content: "\f0c0";
font-weight: 900;
display: inline-block;
color: rgba(255, 255, 255, .7);
}
/*Tracker Button*/
div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-trackers {background-image: none;background-color: rgba(0, 0, 0, 0.25);}
div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-trackers:hover:before {color: #fff;}
div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-trackers:before {
font-family: "Font Awesome 5 Free";
font-size: 20px;
content: "\f233";
font-weight: 900;
display: inline-block;
color: rgba(255, 255, 255, .7);
}
div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-trackers:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-trackers.selected {background-image:none; background-color: rgba(0, 0, 0, 0.25);}
div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-trackers:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-trackers.selected:hover:before {color: #fff;}
div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-trackers:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-trackers.selected:before {
font-family: "Font Awesome 5 Free";
font-size: 20px;
content: "\f233";
font-weight: 900;
display: inline-block;
color: rgba(255, 255, 255, .7);
}
/*Files Button*/
div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-files {background-image: none;background-color: rgba(0, 0, 0, 0.25);}
div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-files:hover:before {color: #fff;}
div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-files:before {
font-family: "Font Awesome 5 Free";
font-size: 20px;
content: "\f0c5";
font-weight: 900;
display: inline-block;
color: rgba(255, 255, 255, .7);
}
div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-files:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-files.selected {background-image:none; background-color: rgba(0, 0, 0, 0.25);}
div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-files:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-files.selected:hover:before {color: #fff;}
div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-files:active, div#torrent_inspector #inspector-tabs-wrapper #inspector-tabs > #inspector-tab-files.selected:before {
font-family: "Font Awesome 5 Free";
font-size: 20px;
content: "\f0c5";
font-weight: 900;
display: inline-block;
color: rgba(255, 255, 255, .7);
}
tr.inspector_peer_entry.odd {
background-color: rgba(255, 255, 255, 0.1);
}
/* Priority buttons */
div.file-priority-radiobox > * {border-color: transparent; width: auto;}
/*Low pri*/
div.file-priority-radiobox > div.low {background-color: transparent;background-image: none;}
div.file-priority-radiobox > div.low:hover:before {color: #fff;}
div.file-priority-radiobox > div.low:before {
font-family: "Font Awesome 5 Free";
font-size: 30px;
content: "\f107";
font-weight: 900;
display: inline-block;
color: rgba(255, 255, 255, .7);
}
div.file-priority-radiobox > div.low:active, div.file-priority-radiobox > div.low.selected {background-color: transparent;background-image: none;}
div.file-priority-radiobox > div.low:active, div.file-priority-radiobox > div.low.selected:hover:before {color: #fff;}
div.file-priority-radiobox > div.low:active, div.file-priority-radiobox > div.low.selectedbefore {
font-family: "Font Awesome 5 Free";
font-size: 30px;
content: "\f107";
font-weight: 900;
display: inline-block;
color: rgba(255, 255, 255, .7);
}
/*Normal pri*/
div.file-priority-radiobox > div.normal {background-color: transparent;background-image: none;}
div.file-priority-radiobox > div.normal:hover:before {color: #fff;}
div.file-priority-radiobox > div.normal:before {
font-family: "Font Awesome 5 Free";
font-size: 30px;
content: "\f068";
font-weight: 900;
display: inline-block;
color: rgba(255, 255, 255, .7);
}
div.file-priority-radiobox > div.normal:active, div.file-priority-radiobox > div.normal.selected {background-color: transparent;background-image: none;}
div.file-priority-radiobox > div.normal:active, div.file-priority-radiobox > div.normal.selected:hover:before {color: #fff;}
div.file-priority-radiobox > div.normal:active, div.file-priority-radiobox > div.normal.selectedbefore {
font-family: "Font Awesome 5 Free";
font-size: 30px;
content: "\f068";
font-weight: 900;
display: inline-block;
color: rgba(255, 255, 255, .7);
}
/*High pri*/
div.file-priority-radiobox > div.high {background-color: transparent;background-image: none;}
div.file-priority-radiobox > div.high:hover:before {color: #fff;}
div.file-priority-radiobox > div.high:before {
font-family: "Font Awesome 5 Free";
font-size: 30px;
content: "\f106";
font-weight: 900;
display: inline-block;
color: rgba(255, 255, 255, .7);
}
div.file-priority-radiobox > div.high:active, div.file-priority-radiobox > div.high.selected {background-color: transparent;background-image: none;}
div.file-priority-radiobox > div.high:active, div.file-priority-radiobox > div.high.selected:hover:before {color: #fff;}
div.file-priority-radiobox > div.high:active, div.file-priority-radiobox > div.high.selectedbefore {
font-family: "Font Awesome 5 Free";
font-size: 30px;
content: "\f106";
font-weight: 900;
display: inline-block;
color: rgba(255, 255, 255, .7);
}
div#torrent_inspector li.inspector_tracker_entry.odd {
background-color: rgba(255, 255, 255, 0.1);
}
/*Bottom Toolbar*/
div.torrent_footer {
border-top: 1px solid transparent;
background-color: rgba(0, 0, 0, .25);
background-image: none;
height: 30px;
}
div.torrent_footer > div {
border: 1px solid transparent;
}
/* Settings Icon */
div.torrent_footer #settings_menu {background-color: transparent; background-image: none;}
div.torrent_footer #settings_menu:hover:before {color: #fff;}
div.torrent_footer #settings_menu:before {
font-family: "Font Awesome 5 Free";
font-size: 20px;
content: "\f013";
font-weight: 900;
display: inline-block;
color: rgba(255, 255, 255, .7);
}
div.torrent_footer #settings_menu:active, div.torrent_footer #settings_menu.selected {background-color: transparent; background-image: none;}
div.torrent_footer #settings_menu:active, div.torrent_footer #settings_menu.selected:hover:before {color: #fff;}
div.torrent_footer #settings_menu:active, div.torrent_footer #settings_menu.selected:before {
font-family: "Font Awesome 5 Free";
font-size: 20px;
content: "\f013";
font-weight: 900;
display: inline-block;
color: rgba(255, 255, 255, .7);
}
/* Prefs Icon */
div.torrent_footer #prefs-button {background-color: transparent; background-image: none;}
div.torrent_footer #prefs-button:hover:before {color: #fff;}
div.torrent_footer #prefs-button:before {
font-family: "Font Awesome 5 Free";
font-size: 20px;
content: "\f0ad";
font-weight: 900;
display: inline-block;
color: rgba(255, 255, 255, .7);
}
div.torrent_footer #prefs-button:active, div.torrent_footer #prefs-button.selected {background-color: transparent; background-image: none;}
div.torrent_footer #prefs-button:active, div.torrent_footer #prefs-button.selected:hover:before {color: #fff;}
div.torrent_footer #prefs-button:active, div.torrent_footer #prefs-button.selected:before {
font-family: "Font Awesome 5 Free";
font-size: 20px;
content: "\f0ad";
font-weight: 900;
display: inline-block;
color: rgba(255, 255, 255, .7);
}
/* Turtle Icon */
div.torrent_footer #turtle-button {background-color: transparent; background-image: none;}
div.torrent_footer #turtle-button:hover:before {color: #fff;}
div.torrent_footer #turtle-button:before {
font-family: "Font Awesome 5 Free";
font-size: 20px;
content: "\f3fd";
font-weight: 900;
display: inline-block;
color: rgba(255, 255, 255, .7);
}
div.torrent_footer #turtle-button:active, div.torrent_footer #turtle-button.selected {background-color: transparent; background-image: none;}
div.torrent_footer #turtle-button:active, div.torrent_footer #turtle-button.selected:hover:before {color: #fff;}
div.torrent_footer #turtle-button:active, div.torrent_footer #turtle-button.selected:before {
font-family: "Font Awesome 5 Free";
font-size: 20px;
content: "\f3fd";
font-weight: 900;
display: inline-block;
color: white;
}
/* Compact Icon */
div.torrent_footer #compact-button {background-color: transparent; background-image: none;}
div.torrent_footer #compact-button:hover:before {color: #fff;}
div.torrent_footer #compact-button:before {
font-family: "Font Awesome 5 Free";
font-size: 20px;
content: "\f0ca";
font-weight: 900;
display: inline-block;
color: rgba(255, 255, 255, .7);
}
div.torrent_footer #compact-button:active, div.torrent_footer #compact-button.selected {background-color: transparent; background-image: none;}
div.torrent_footer #compact-button:active, div.torrent_footer #compact-button.selected:hover:before {color: #fff;}
div.torrent_footer #compact-button:active, div.torrent_footer #compact-button.selected:before {
font-family: "Font Awesome 5 Free";
font-size: 20px;
content: "\f0ca";
font-weight: 900;
display: inline-block;
color: rgba(255, 255, 255, .7);
}
/*Compact mode*/
ul.torrent_list li.torrent div.torrent_name.paused,ul.torrent_list li.torrent.compact div.torrent_name {
color: #dedede;
}
/* Settings menu */
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
border: 1px solid transparent;
background:none;
background-color: rgba(255, 255, 255, 0.1);
color: #dedede;
outline:none;
}
.ui-icon, .ui-widget-content .ui-icon {
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/transmission/icons.png);
}