hacktoberfestdark-themesonarrradarrplexorganizrnginxthemethemes-csssubfilterguacamoleskinsombilidarrdocker-modsdark-themesdark-modecustom-csscssthemes-custom
		
		
		
		
			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.
		
		
		
		
		
			
		
			
				
					
					
						
							423 lines
						
					
					
						
							11 KiB
						
					
					
				
			
		
		
		
			
			
			
				
					
				
				
					
				
			
		
		
	
	
							423 lines
						
					
					
						
							11 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			 */ | |
| 
 | |
| body { | |
| 	background: var(--main-bg-color) !important; | |
| 	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; | |
| 	background-color: rgba(0,0,0,.0); | |
| 	color:#FFFFFF !important; | |
| } | |
| 
 | |
| /* scroller */ | |
| ::-webkit-scrollbar-corner { | |
|     background-color:  rgba(0, 0, 0, .25); | |
| } | |
| ::-webkit-scrollbar { | |
|     width: 10px; | |
|     height: 10px; | |
|     background: #0c1218; | |
| 
 | |
| } | |
| ::-webkit-scrollbar-thumb { | |
|     -webkit-border-radius: 2px; | |
|     border-radius: 2px; | |
|     background-color: hsla(0,0%,100%,.08); | |
| } | |
| .modal { | |
| 	background: var(--modal-bg-color) !important; | |
| 	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; | |
| 	background-color: rgba(0,0,0,.0) !important; | |
| 	color:#FFFFFF !important; | |
| } | |
| .modal-footer { | |
|     background-color: transparent; | |
|     border-top: none; | |
| } | |
| 
 | |
| /* TABLES */ | |
| .table a { | |
|     color: #ffffff; | |
| } | |
| .table a:hover { | |
|     color: #e5a00d; | |
| } | |
| .table-striped tbody tr:nth-child(odd) { | |
|     background-color: rgba(0, 0, 0, 0.25); | |
| } | |
| .table-striped tbody tr:nth-child(odd) td, .table-striped tbody tr:nth-child(odd) th { | |
|     background-color: transparent; | |
| } | |
| .table tbody tr:hover, .table tbody tr:hover td, .table tbody tr:hover a  { | |
|     color: white; | |
| 	background-color: hsla(0,0%,100%,.08); | |
| } | |
| .table-striped tbody tr.checked:nth-child(2n+1) td, .checked .progress { | |
|     background-color: hsla(0,0%,100%,.08); | |
| } | |
| tr.checked, tr.checked td, tr.checked:nth-child(odd) .progress { | |
|     background-color: hsla(0,0%,100%,.08); | |
| } | |
| .table tbody tr.checked:hover, .table tbody tr.checked:hover td { | |
|     background-color: hsla(0,0%,100%,.08); | |
| } | |
| .table tbody tr.checked:hover, .table tbody tr.checked:hover td { | |
|     background-color: hsla(0,0%,100%,.08); | |
| } | |
| .table th, .table td { | |
|     border-top: none; | |
| } | |
| .table-bordered { | |
|     border-left: none; | |
| 	border: none; | |
| } | |
| 
 | |
| .pagination a { | |
|     border: none; | |
|     background: rgba(0, 0, 0, .25); | |
| } | |
| .pagination a:hover, .pagination .active a { | |
|     background-color: hsla(0,0%,100%,.08); | |
| } | |
| .pagination .active a { | |
|     color: #ffffff; | |
| } | |
| 
 | |
| /* PROGRESS BAR */ | |
| .progress { | |
|     background: hsla(0,0%,100%,.08); | |
| } | |
| .progress-warning.progress-striped .bar { | |
|     background-color: #cc7b19; | |
| } | |
| .progress-success.progress-striped .bar { | |
|     background-color: #51a351; | |
| } | |
| 
 | |
| /* NAVBAR */ | |
| .navbar-fixed-top .navbar-inner { | |
|     color: #fff !important; | |
| } | |
| .navbar-inner {   | |
| 	background-image: none; | |
| 	background-color: transparent; | |
| } | |
| .navbar-container { | |
|     background: var(--main-bg-color); | |
| } | |
| .navbar .nav > li > a:hover { | |
|     color: var(--accent-color); | |
| } | |
| .navbar .nav .active > a, .navbar .nav .active > a:hover { | |
|     background: hsla(0,0%,100%,.08); | |
|     color: var(--accent-color); | |
| } | |
| 
 | |
| [class^="icon-"], [class*=" icon-"], [class^="img-"], [class*=" img-"] { | |
|     background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/nzbget/icons.png); | |
| } | |
| .navbar-search .search-query { | |
|     color: #ffffff; | |
|     background-color: rgba(0, 0, 0, 0.25) !important; | |
|     border: 0px solid #151515; | |
| 
 | |
| } | |
| .navbar-search .search-query:focus, .navbar-search .search-query.focused { | |
|     color: #000 !important; | |
|     text-shadow: none; | |
|     background-color: white !important; | |
| } | |
| .search-caret-button { | |
|     outline: none; | |
| } | |
| .menu-header { | |
|     color: #ffffff; | |
| } | |
| .dropdown-menu { | |
|     background-color: #191a1c; | |
| 	background: var(--modal-bg-color); | |
| 	color: #FFF; | |
| } | |
| .dropdown-menu a { | |
|     color: #ffffff; | |
| } | |
| .dropdown-menu li > a:hover, .dropdown-menu .active > a, .dropdown-menu .active > a:hover { | |
|     color: #ffffff; | |
|     background-color: hsla(0,0%,100%,.05); | |
| } | |
| .dropdown-menu .divider { | |
|     height: 0px; | |
|     border-bottom: none; | |
| } | |
| 
 | |
| /* BUTTONS */ | |
| .btn-group > .dropdown-toggle { | |
| 	box-shadow: none; | |
| } | |
| 
 | |
| .config-header .btn{ | |
|   background:#FFF; | |
|   color:#adb1b1; | |
|   text-shadow:unset; | |
|   } | |
| 
 | |
| #ConfigData > div > button.btn{ | |
|   background: rgba(0, 0, 0, .25) !important; | |
|   color: #FFF !important; | |
|   font-weight:bold; | |
|   text-shadow:unset; | |
| } | |
| #ConfigData > div > button.btn:hover{ | |
|   background: hsla(0,0%,100%,.08) !important; | |
|   color: #FFF !important; | |
|   font-weight:bold; | |
|   text-shadow:unset; | |
| } | |
| 
 | |
| #ConfigData > div > div > table > tbody > tr > td>.btn{ | |
|   background:#414141; | |
|   color:#adb1b1; | |
|   text-shadow:unset; | |
|   font-weight:bold; | |
| } | |
| #Config_Save:hover{ | |
|   background-color:#51a351; | |
|   color:#FFF; | |
| } | |
| #Config_Save { | |
|   background:rgba(0, 0, 0, 0.25); | |
|   color:#FFF; | |
|   margin:auto; | |
| } | |
| #ConfigData > div> div > button.btn.btn-danger { | |
|   background:#ad292c; | |
|   text-shadow:unset; | |
| } | |
| #ConfigData > div> div > button.btn.btn-danger:hover { | |
|   background:#d33a3e; | |
|   text-shadow:unset; | |
| } | |
| #ConfigData > div:nth-child(3) > div > button, | |
| #ConfigData > div:nth-child(4) > div > button, | |
| #ConfigData > div:nth-child(5) > div > button { | |
|   text-shadow:unset; | |
|   background: rgba(0, 0, 0, 0.25); | |
|   color:white; | |
| } | |
| #ConfigData > div:nth-child(3) > div > button:hover, | |
| #ConfigData > div:nth-child(4) > div > button:hover, | |
| #ConfigData > div:nth-child(5) > div > button:hover { | |
|   text-shadow:unset; | |
|   background: hsla(0,0%,100%,.08); | |
|   color:white; | |
| } | |
| #ConfigData input.btn.btn-primary{ | |
|   background: var(--button-color) !important; | |
|   text-shadow:unset; | |
|   color:white; | |
| } | |
| #ConfigData input.btn{ | |
|   background: rgba(0, 0, 0, 0.25) !important; | |
|   text-shadow:unset; | |
|   color:#a8a8a8; | |
| } | |
| #Config_ViewButton{ | |
|   background:rgba(0, 0, 0, 0.25); | |
|   color:#FFF; | |
| } | |
| 
 | |
| #Config_ViewButton:hover{ | |
|   background: hsla(0,0%,100%,.08); | |
|   color:#FFF; | |
| } | |
| 
 | |
| 	.btn { | |
|     color: #ffffff; | |
|     text-shadow: none; | |
| 	background-color: rgba(0, 0, 0, 0.25); | |
| 
 | |
|     background-image: none; | |
|     border-color: transparent; | |
|     border-bottom-color: transparent; | |
|     -webkit-box-shadow: none; | |
|     -moz-box-shadow: none; | |
|     box-shadow: none; | |
| } | |
| .btn:hover { | |
|     color: #FFF; | |
| 	background-color: hsla(0,0%,100%,.08); | |
| 
 | |
| } | |
| 
 | |
| .config-header .btn { | |
|     background-color: rgba(0, 0, 0, 0.25); | |
| } | |
| 
 | |
| .btn-group.open .btn.dropdown-toggle { | |
|     background-color: #FFF; | |
| 	background-color: hsla(0,0%,100%,.08); | |
| } | |
| 
 | |
| #ConfigData > div > div > table > tbody > tr > td>.btn{ | |
|   background:rgba(0, 0, 0, 0.25); | |
|   color:#FFF; | |
|   text-shadow:unset; | |
|   font-weight:bold; | |
| } | |
| #ConfigData > div > div > table > tbody > tr > td>.btn:hover{ | |
|   background: hsla(0,0%,100%,.08); | |
|   color:#FFF; | |
| } | |
| 
 | |
| input, textarea, select, .uneditable-input { | |
|     color: #ffffff; | |
|     background-color: rgb(0, 0, 0); | |
|     background-image: var(main-bg-color) !important; | |
|     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; | |
|     background-color: rgba(0, 0, 0, 0.25) !important; | |
|     color: #FFFFFF !important; | |
|     border: none; | |
| } | |
| select:focus { | |
| 	background: #191a1c !important; | |
| 	color: #FFF !important; | |
| } | |
| input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus, select:focus { | |
|     outline: thin dotted #333; | |
|     outline: none; | |
|     outline-offset: -2px; | |
|     -webkit-box-shadow: none; | |
|     -moz-box-shadow: none; | |
|     box-shadow: none; | |
| } | |
| input:focus, textarea:focus { | |
|     -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.6); | |
|     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.6); | |
|     box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.6); | |
| } | |
| .alert-info { | |
| 	font-weight: bold; | |
|      border-radius: unset; | |
|      border-bottom-left-radius: 0px; | |
|      border-bottom-right-radius: 0px; | |
|      border:0px; | |
|      background-color:hsla(0,0%,100%,.05); | |
|      text-shadow:unset; | |
|      color:#FFF; | |
|      text-transform:capitalize; | |
| } | |
| .alert-inverse { | |
| 	background-color: #414141; | |
|     background-image: var(--main-bg-color) !important; | |
|     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-color: transparent; | |
| 	opacity: 1; | |
| 
 | |
| } | |
| 
 | |
| /* SETTINGS */ | |
| 
 | |
| label { | |
|     color: #FFF; | |
| } | |
| 
 | |
| #ConfigNav { | |
| 	border: 1px solid rgba(0, 0, 0, .25); | |
|     background-color: rgba(0, 0, 0, .25); | |
| } | |
| #ConfigNav.nav-list a { | |
|     color: #fff; | |
|     text-decoration: none; | |
| } | |
| .nav-list > li > a, .nav-list .nav-header { | |
|     text-shadow: none; | |
| } | |
| .nav-list > .active > a, .nav-list > .active > a:hover { | |
|     color: #ffffff; | |
|     text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); | |
|     background-color: #0088cc; | |
| } | |
| .nav-list > .active > a, .nav-list > .active > a:hover { | |
|     color: var(--accent-color) !important; | |
|     background-color: transparent; | |
| } | |
| .nav > li > a:hover { | |
|     background-color: hsla(0,0%,100%,.08); | |
| } | |
| span.help-option-title { | |
|     color: #eee; | |
| } | |
| .help-block, .help-inline { | |
|     color: #eee; | |
| } | |
| .confirm-help-block { | |
|     color: #eee; | |
|     font-size: 13px; | |
|     line-height: 16px; | |
|     margin-bottom: 0; | |
| } | |
| .input-prepend .add-on, .input-append .add-on { | |
|     background-color: rgba(0, 0, 0, 0.25); | |
|     background-image: var(--main-bg-color) !important; | |
|     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; | |
|     background-color: transparent; | |
|     color: #FFFFFF !important; | |
|     border: none; | |
| } | |
| .config-settitle { | |
|     background-color: rgba(0, 0, 0, 0.25); | |
|     border-bottom: none; | |
| } | |
| a { | |
|     color: var(--accent-color); | |
|     text-decoration: none; | |
| } | |
| a:hover { | |
|     color: #fff; | |
|     text-decoration: underline; | |
| } | |
| .label-warning, .badge-warning { | |
|     background-color: var(--button-color); | |
| } | |
| .caret { | |
|     border-top: 4px solid #ffffff; | |
| }
 | |
| 
 |