hacktoberfestsonarrradarrplexorganizrnginxthemedark-themeombilidarrdocker-modsdark-themesdark-modecustom-csscssthemes-customthemes-csssubfilterguacamoleskins
		
		
		
		
			You can not select more than 25 topics
			Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
		
		
		
		
		
			
		
			
				
					
					
						
							546 lines
						
					
					
						
							23 KiB
						
					
					
				
			
		
		
		
			
			
			
				
					
				
				
					
				
			
		
		
	
	
							546 lines
						
					
					
						
							23 KiB
						
					
					
				| 
 | |
| /*    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); | |
|     } | |
|     
 | |
| 
 |