mirror of
https://github.com/gilbN/theme.park.git
synced 2024-11-20 10:02:32 +01:00
982 lines
26 KiB
CSS
982 lines
26 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);
|
|
|
|
* {
|
|
outline: none !important;
|
|
}
|
|
|
|
a {
|
|
color: var(--link-color);
|
|
}
|
|
|
|
a:hover {
|
|
color: var(--link-color-hover);
|
|
}
|
|
|
|
body {
|
|
background: var(--main-bg-color);
|
|
background-repeat: repeat, no-repeat;
|
|
background-attachment: fixed, fixed;
|
|
background-position: center center, center center;
|
|
background-size: auto, cover;
|
|
-webkit-background-size: auto, cover;
|
|
-moz-background-size: auto, cover;
|
|
-o-background-size: auto, cover;
|
|
color: var(--text);
|
|
}
|
|
|
|
/* 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);
|
|
background-repeat: repeat, no-repeat;
|
|
background-attachment: fixed, fixed;
|
|
background-position: center center, center center;
|
|
background-size: auto, cover;
|
|
-webkit-background-size: auto, cover;
|
|
-moz-background-size: auto, cover;
|
|
-o-background-size: auto, cover;
|
|
}
|
|
}
|
|
|
|
::-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);
|
|
background-repeat: repeat, no-repeat;
|
|
background-attachment: fixed, fixed;
|
|
background-position: center center, center center;
|
|
background-size: auto, cover;
|
|
-webkit-background-size: auto, cover;
|
|
-moz-background-size: auto, cover;
|
|
-o-background-size: auto, cover;
|
|
}
|
|
|
|
div#torrent_inspector #inspector_header #torrent_inspector_name,
|
|
.prefs-section .title {
|
|
color: var(--text-hover);
|
|
}
|
|
|
|
/* 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: var(--accent-color-hover);
|
|
}
|
|
|
|
div#toolbar>div#toolbar-open:before {
|
|
font-family: "Font Awesome 5 Free";
|
|
font-size: 33px;
|
|
content: "\f07c";
|
|
font-weight: 900;
|
|
display: inline-block;
|
|
color: rgb(var(--accent-color));
|
|
margin-right: 5px;
|
|
}
|
|
|
|
/* Stop Icon */
|
|
div#toolbar>div#toolbar-remove {
|
|
background-image: none;
|
|
}
|
|
|
|
div#toolbar>div#toolbar-remove:hover:before {
|
|
color: var(--accent-color-hover);
|
|
}
|
|
|
|
div#toolbar>div#toolbar-remove:before {
|
|
font-family: "Font Awesome 5 Free";
|
|
font-size: 33px;
|
|
content: "\f28d";
|
|
font-weight: 900;
|
|
display: inline-block;
|
|
color: rgb(var(--accent-color));
|
|
margin-left: 5px;
|
|
}
|
|
|
|
/* Start Icon */
|
|
div#toolbar>div#toolbar-start {
|
|
background-image: none;
|
|
}
|
|
|
|
div#toolbar>div#toolbar-start:hover:before {
|
|
color: var(--accent-color-hover);
|
|
}
|
|
|
|
div#toolbar>div#toolbar-start:before {
|
|
font-family: "Font Awesome 5 Free";
|
|
font-size: 33px;
|
|
content: "\f152";
|
|
font-weight: 900;
|
|
display: inline-block;
|
|
color: rgb(var(--accent-color));
|
|
margin-left: 5px;
|
|
}
|
|
|
|
/* Pause Icon */
|
|
div#toolbar>div#toolbar-pause {
|
|
background-image: none;
|
|
}
|
|
|
|
div#toolbar>div#toolbar-pause:hover:before {
|
|
color: var(--accent-color-hover);
|
|
}
|
|
|
|
div#toolbar>div#toolbar-pause:before {
|
|
font-family: "Font Awesome 5 Free";
|
|
font-size: 33px;
|
|
content: "\f04c";
|
|
font-weight: 900;
|
|
display: inline-block;
|
|
color: rgb(var(--accent-color));
|
|
margin-left: 5px;
|
|
}
|
|
|
|
/* Start-all Icon */
|
|
div#toolbar>div#toolbar-start-all {
|
|
background-image: none;
|
|
}
|
|
|
|
div#toolbar>div#toolbar-start-all:hover:before {
|
|
color: var(--accent-color-hover);
|
|
}
|
|
|
|
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: rgb(var(--accent-color));
|
|
margin-left: 5px;
|
|
}
|
|
|
|
/* Pause-all Icon */
|
|
div#toolbar>div#toolbar-pause-all {
|
|
background-image: none;
|
|
}
|
|
|
|
div#toolbar>div#toolbar-pause-all:hover:before {
|
|
color: var(--accent-color-hover);
|
|
}
|
|
|
|
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: rgb(var(--accent-color));
|
|
}
|
|
|
|
/* Info Icon */
|
|
div#toolbar>div#toolbar-inspector {
|
|
background-image: none;
|
|
}
|
|
|
|
div#toolbar>div#toolbar-inspector:hover:before {
|
|
color: var(--accent-color-hover);
|
|
}
|
|
|
|
div#toolbar>div#toolbar-inspector:before {
|
|
font-family: "Font Awesome 5 Free";
|
|
font-size: 33px;
|
|
content: "\f05a";
|
|
font-weight: 900;
|
|
display: inline-block;
|
|
color: rgb(var(--accent-color));
|
|
}
|
|
|
|
/* 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: "\f0d7";
|
|
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: "\f0d8";
|
|
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: var(--text-hover);
|
|
}
|
|
|
|
ul.torrent_list li.torrent.selected {
|
|
background-color: rgba(0, 0, 0, 0.25);
|
|
}
|
|
|
|
ul.torrent_list li.torrent {
|
|
border-bottom: 1px solid rgba(204, 204, 204, 0.1);
|
|
padding: 4px 30px 5px 14px;
|
|
color: var(--text);
|
|
background-color: rgba(255, 255, 255, 0.08);
|
|
}
|
|
|
|
/* Modal */
|
|
div.dialog_container div.dialog_window {
|
|
background: var(--modal-bg-color);
|
|
background-repeat: repeat, no-repeat;
|
|
background-attachment: fixed, fixed;
|
|
background-position: center center, center center;
|
|
background-size: auto, cover;
|
|
-webkit-background-size: auto, cover;
|
|
-moz-background-size: auto, cover;
|
|
-o-background-size: auto, cover;
|
|
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: var(--text-hover);
|
|
background: rgba(0, 0, 0, .25)
|
|
}
|
|
|
|
#add-dialog-folder-input,
|
|
#torrent_upload_url {
|
|
color: var(--text-hover);
|
|
outline: none;
|
|
}
|
|
|
|
div.dialog_container div.dialog_window div.dialog_message {
|
|
color: #dedede;
|
|
}
|
|
|
|
/* Button*/
|
|
div.dialog_container div.dialog_window a {
|
|
background-color: var(--button-color);
|
|
border: 1px solid var(--button-color);
|
|
color: var(--button-text);
|
|
}
|
|
|
|
div.dialog_container div.dialog_window a:hover,
|
|
div.dialog_container div.dialog_window a:active {
|
|
background: none;
|
|
background-color: var(--button-color-hover);
|
|
border: 1px solid var(--button-color-hover);
|
|
}
|
|
|
|
/* ul.torrent_list div.torrent_progress_bar.complete.leeching {
|
|
background-position: left 0px;
|
|
background: var(--progress-color);
|
|
border-color: var(--progress-color);
|
|
} */
|
|
|
|
/* ul.torrent_list div.torrent_progress_bar {
|
|
height: 100%;
|
|
position: absolute;
|
|
top: 0px;
|
|
left: 0px;
|
|
background-image: none;
|
|
background-repeat: repeat-x;
|
|
border: 1px solid #888;
|
|
} */
|
|
|
|
.ui-widget-content {
|
|
border: 1px solid transparent;
|
|
background: var(--drop-down-menu-bg);
|
|
background-repeat: repeat, no-repeat;
|
|
background-attachment: fixed, fixed;
|
|
background-position: center center, center center;
|
|
background-size: auto, cover;
|
|
-webkit-background-size: auto, cover;
|
|
-moz-background-size: auto, cover;
|
|
-o-background-size: auto, cover;
|
|
color: var(--text);
|
|
}
|
|
|
|
.ui-widget-header {
|
|
color: var(--text-hover) !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: var(--text-hover);
|
|
}
|
|
|
|
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: var(--text);
|
|
}
|
|
|
|
/*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: var(--text-hover);
|
|
}
|
|
|
|
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: var(--text);
|
|
}
|
|
|
|
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: var(--text-hover);
|
|
}
|
|
|
|
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: var(--text);
|
|
}
|
|
|
|
/*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: var(--text-hover);
|
|
}
|
|
|
|
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: var(--text);
|
|
}
|
|
|
|
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: var(--text-hover);
|
|
}
|
|
|
|
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: var(--text);
|
|
}
|
|
|
|
/*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: var(--text-hover);
|
|
}
|
|
|
|
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: var(--text);
|
|
}
|
|
|
|
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: var(--text-hover);
|
|
}
|
|
|
|
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: var(--text);
|
|
}
|
|
|
|
/*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: var(--text-hover);
|
|
}
|
|
|
|
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: var(--text);
|
|
}
|
|
|
|
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: var(--text-hover);
|
|
}
|
|
|
|
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: var(--text);
|
|
}
|
|
|
|
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: var(--text-hover);
|
|
}
|
|
|
|
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: var(--text);
|
|
}
|
|
|
|
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: var(--text-hover);
|
|
}
|
|
|
|
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: var(--text);
|
|
}
|
|
|
|
/*Normal pri*/
|
|
div.file-priority-radiobox>div.normal {
|
|
background-color: transparent;
|
|
background-image: none;
|
|
}
|
|
|
|
div.file-priority-radiobox>div.normal:hover:before {
|
|
color: var(--text-hover);
|
|
}
|
|
|
|
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: var(--text);
|
|
}
|
|
|
|
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: var(--text-hover);
|
|
}
|
|
|
|
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: var(--text);
|
|
}
|
|
|
|
/*High pri*/
|
|
div.file-priority-radiobox>div.high {
|
|
background-color: transparent;
|
|
background-image: none;
|
|
}
|
|
|
|
div.file-priority-radiobox>div.high:hover:before {
|
|
color: var(--text-hover);
|
|
}
|
|
|
|
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: var(--text);
|
|
}
|
|
|
|
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: var(--text-hover);
|
|
}
|
|
|
|
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: var(--text);
|
|
}
|
|
|
|
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: var(--text-hover);
|
|
}
|
|
|
|
div.torrent_footer #settings_menu:before {
|
|
font-family: "Font Awesome 5 Free";
|
|
font-size: 20px;
|
|
content: "\f013";
|
|
font-weight: 900;
|
|
display: inline-block;
|
|
color: var(--text);
|
|
}
|
|
|
|
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: var(--text-hover);
|
|
}
|
|
|
|
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: var(--text);
|
|
}
|
|
|
|
/* Prefs Icon */
|
|
div.torrent_footer #prefs-button {
|
|
background-color: transparent;
|
|
background-image: none;
|
|
}
|
|
|
|
div.torrent_footer #prefs-button:hover:before {
|
|
color: var(--text-hover);
|
|
}
|
|
|
|
div.torrent_footer #prefs-button:before {
|
|
font-family: "Font Awesome 5 Free";
|
|
font-size: 20px;
|
|
content: "\f0ad";
|
|
font-weight: 900;
|
|
display: inline-block;
|
|
color: var(--text);
|
|
}
|
|
|
|
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: var(--text-hover);
|
|
}
|
|
|
|
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: var(--text);
|
|
}
|
|
|
|
/* Turtle Icon */
|
|
div.torrent_footer #turtle-button {
|
|
background-color: transparent;
|
|
background-image: none;
|
|
}
|
|
|
|
div.torrent_footer #turtle-button:hover:before {
|
|
color: var(--text-hover);
|
|
}
|
|
|
|
div.torrent_footer #turtle-button:before {
|
|
font-family: "Font Awesome 5 Free";
|
|
font-size: 20px;
|
|
content: "\f3fd";
|
|
font-weight: 900;
|
|
display: inline-block;
|
|
color: var(--text);
|
|
}
|
|
|
|
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: var(--text-hover);
|
|
}
|
|
|
|
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: var(--text-hover);
|
|
}
|
|
|
|
div.torrent_footer #compact-button:before {
|
|
font-family: "Font Awesome 5 Free";
|
|
font-size: 20px;
|
|
content: "\f0ca";
|
|
font-weight: 900;
|
|
display: inline-block;
|
|
color: var(--text);
|
|
}
|
|
|
|
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: var(--text-hover);
|
|
}
|
|
|
|
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: var(--text);
|
|
}
|
|
|
|
/*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: var(--text-hover);
|
|
outline: none;
|
|
}
|
|
|
|
.ui-icon,
|
|
.ui-widget-content .ui-icon {
|
|
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/resources/transmission/icons.png);
|
|
} |