/* 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: "\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: #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); }