1
0
mirror of https://github.com/gilbN/theme.park.git synced 2024-07-15 09:31:39 +02:00

added Transmission

This commit is contained in:
gilbn 2020-02-01 00:46:35 +01:00
parent b648d6c528
commit e839c50050
15 changed files with 658 additions and 1 deletions

View File

@ -11,7 +11,7 @@
/* Made by @gilbN */
/* https://github.com/gilbN/theme.park */
/* SYNCLOUNGE AQUAMARINE THEME */
/* RUTORRENT AQUAMARINE THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/rutorrent/rutorrent-base.css);
:root {
--main-bg-color: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;

View File

@ -0,0 +1,22 @@
/* 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 */
/* TRANSMISSION AQUAMARINE THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/transmission/transmission-base.css);
:root {
--main-bg-color: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
--modal-bg-color: radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
--default-button-color: #009688;
--default-button-color-hover: #12afa0;
--progress-color: #009688;
}

View File

@ -0,0 +1,22 @@
/* 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 */
/* TRANSMISSION DARK THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/transmission/transmission-base.css);
:root {
--main-bg-color: radial-gradient(circle, #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
--modal-bg-color: radial-gradient(circle , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
--default-button-color: #3d3d3d;
--default-button-color-hover: #5a5a5a;
--progress-color: #3d3d3d;
}

View File

@ -0,0 +1,22 @@
/* 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 */
/* TRANSMISSION HOTLINE THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/transmission/transmission-base.css);
:root {
--main-bg-color: radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
--modal-bg-color: radial-gradient(ellipse at top, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
--default-button-color: #F44336;
--default-button-color-hover: rgb(247, 106, 96);
--progress-color: #F44336;
}

View File

@ -0,0 +1,22 @@
/* 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 */
/* TRANSMISSION PLEX THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/transmission/transmission-base.css);
:root {
--main-bg-color: url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"), url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/preset-light2.png") center center/cover no-repeat fixed;
--modal-bg-color: url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"), url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/preset-dark2.png") center center/cover no-repeat fixed;
--default-button-color: #cc7b19;
--default-button-color-hover: #e59029;
--progress-color: #cc7b19;
}

View File

@ -0,0 +1,22 @@
/* 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 */
/* TRANSMISSION SPACE GRAY THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/transmission/transmission-base.css);
:root {
--main-bg-color: radial-gradient( ellipse at center, rgba(87,108,117,1) 0%, rgba(37,50,55,1) 100.2% ) center center/cover no-repeat fixed;
--modal-bg-color: radial-gradient( ellipse at top, rgba(87,108,117,1) 0%, rgba(37,50,55,1) 100.2% ) center center/cover no-repeat fixed;
--default-button-color: #607D8B;
--default-button-color-hover: #81a6b7;
--progress-color: #607D8B;
}

View File

@ -0,0 +1,546 @@
/* 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);
}

View File

@ -58,6 +58,7 @@
<li><a href="https://github.com/gilbN/theme.park/wiki/Themes#portainer-themes">Portainer</a></li>
<li><a href="https://github.com/gilbN/theme.park/wiki/Themes#lazylibrarian-themes">Lazylibrarian</a></li>
<li><a href="https://github.com/gilbN/theme.park/wiki/Themes#calibre-web-themes">Calibre-Web</a></li>
<li><a href="https://github.com/gilbN/theme.park/wiki/Themes#transmission-themes">Transmission</a></li>
</ul>

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 638 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 331 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 894 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 582 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 344 KiB