gilbN
5 years ago
8 changed files with 495 additions and 7 deletions
@ -0,0 +1,20 @@ |
|||
|
|||
/* 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 */ |
|||
|
|||
/* QBITTORRENT AQUAMARINE THEME */ |
|||
@import url(https://gilbn.github.io/theme.park/CSS/themes/qbittorrent/qbittorrent-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; |
|||
--progress-color: #607D8B; |
|||
} |
@ -0,0 +1,20 @@ |
|||
|
|||
/* 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 */ |
|||
|
|||
/* QBITTORRENT DARK THEME */ |
|||
@import url(https://gilbn.github.io/theme.park/CSS/themes/qbittorrent/qbittorrent-base.css); |
|||
:root { |
|||
--main-bg-color: #1f1f1f; |
|||
--modal-bg-color: radial-gradient(ellipse at top, #272727 50%, #1f1f1f 100%) center center/cover no-repeat fixed; |
|||
--progress-color: #607D8B; |
|||
} |
@ -0,0 +1,20 @@ |
|||
|
|||
/* 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 */ |
|||
|
|||
/* QBITTORRENT HOTLINE THEME */ |
|||
@import url(https://gilbn.github.io/theme.park/CSS/themes/qbittorrent/qbittorrent-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; |
|||
--progress-color: #607D8B; |
|||
} |
@ -0,0 +1,20 @@ |
|||
|
|||
/* 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 */ |
|||
|
|||
/* QBITTORRENT PLEX THEME */ |
|||
@import url(https://gilbn.github.io/theme.park/CSS/themes/qbittorrent/qbittorrent-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; |
|||
--progress-color: #cc7b19; |
|||
} |
@ -0,0 +1,394 @@ |
|||
|
|||
/* 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 */ |
|||
|
|||
::-webkit-scrollbar { |
|||
width: 10px; |
|||
height: 10px; |
|||
} |
|||
::-webkit-scrollbar-corner { |
|||
background-color: hsla(0,0%,100%,.08); |
|||
} |
|||
::-webkit-scrollbar-thumb { |
|||
-webkit-border-radius: 5px; |
|||
border-radius: 5px; |
|||
background-color: hsla(0,0%,100%,.08); |
|||
} |
|||
|
|||
html, body { |
|||
color: #FFF; |
|||
} |
|||
body { |
|||
background: var(--main-bg-color); |
|||
} |
|||
#desktop { |
|||
background: var(--main-bg-color); |
|||
} |
|||
input:disabled { |
|||
color: rgb(84, 84, 84); |
|||
cursor: default; |
|||
background-color: rgb(255, 255, 255, .05) !important; |
|||
border: none !important; |
|||
} |
|||
input[type="text" i] { |
|||
color: #FFF; |
|||
background-color: rgba(0,0,0,.25); |
|||
border-width: 0px; |
|||
outline: none; |
|||
border: none; |
|||
} |
|||
input[type="password" i] { |
|||
color: #FFF; |
|||
background-color: rgba(0,0,0,.25); |
|||
border-width: 0px; |
|||
outline: none; |
|||
border: none; |
|||
} |
|||
input[type="number" i] { |
|||
color: #FFF; |
|||
background-color: rgba(0,0,0,.25); |
|||
border-width: 0px; |
|||
outline: none; |
|||
border: none; |
|||
} |
|||
input[type="file" i] { |
|||
color: #FFF; |
|||
background-color: rgba(0,0,0,.25); |
|||
border-width: 0px; |
|||
outline: none; |
|||
border: none; |
|||
} |
|||
input[name="category" i] { |
|||
color: #000; |
|||
background-color: #fff; |
|||
border-width: 0px; |
|||
outline: none; |
|||
border: none; |
|||
} |
|||
input[type="file" i] { |
|||
border: none; |
|||
} |
|||
select { |
|||
border: none !important; |
|||
} |
|||
|
|||
a, h2, h3, h4, .mochaTitlebar h3 { |
|||
color: #fff; |
|||
} |
|||
/* Login */ |
|||
#main { |
|||
margin-left: auto; |
|||
margin-right: auto; |
|||
text-align: center; |
|||
position: absolute; |
|||
left: 50%; |
|||
top: 50%; |
|||
transform: translate(-50%, -50%); |
|||
-ms-transform: translate(-50%, -50%); |
|||
-webkit-transform: translate(-50%, -50%); |
|||
padding-top: 0; |
|||
/* background: rgba(0, 0, 0, 0.25); */ |
|||
width: 400px; |
|||
height: 350px; |
|||
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); |
|||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.6); |
|||
} |
|||
|
|||
#logo img { |
|||
height: 11em; |
|||
position: absolute; |
|||
left: 50%; |
|||
/* top: 50%; */ |
|||
transform: translate(-50%, -50%); |
|||
-ms-transform: translate(-50%, -50%); |
|||
-webkit-transform: translate(-50%, -160%); |
|||
} |
|||
|
|||
#formplace { |
|||
text-align: left; |
|||
padding: 10px; |
|||
position: absolute; |
|||
left: 50%; |
|||
top: 50%; |
|||
transform: translate(-50%, -50%); |
|||
-ms-transform: translate(-50%, -50%); |
|||
-webkit-transform: translate(-50%, -50%); |
|||
zoom: 1.5; |
|||
} |
|||
|
|||
|
|||
#desktopNavbar { |
|||
background: rgba(0, 0, 0, 0.25); |
|||
height: 20px; |
|||
border-bottom: 1px solid transparent; |
|||
} |
|||
#desktopNavbar ul li a { |
|||
color: #fff; |
|||
} |
|||
#desktopNavbar ul li a:hover { |
|||
color: #fff; |
|||
background-color: rgba(255, 255, 255, 0.08); |
|||
} |
|||
#desktopNavbar li ul li a:hover { |
|||
background: rgba(255, 255, 255, .08); |
|||
color: #fff; |
|||
} |
|||
#desktopNavbar li ul { |
|||
border: 1px solid transparent; |
|||
background: var(--modal-bg-color); |
|||
} |
|||
#desktopNavbar li ul li a { |
|||
color: #fff; |
|||
} |
|||
#desktopHeader { |
|||
background: var(--main-bg-color); |
|||
} |
|||
#desktopFooter { |
|||
background: transparent; |
|||
} |
|||
#mochaToolbar .divider { |
|||
background-image: none; |
|||
} |
|||
|
|||
.dynamicTable th { |
|||
background-color: rgba(0, 0, 0, 0.25) !important; |
|||
border-right-color: rgba(255, 255, 255, .08) !important; |
|||
} |
|||
|
|||
.dynamicTable thead tr { |
|||
background-color: transparent !important; |
|||
} |
|||
.dynamicTable thead tr { |
|||
background-color: transparent !important; |
|||
} |
|||
.dynamicTable { |
|||
background: rgba(0, 0, 0, 0.25); |
|||
} |
|||
.dynamicTable tbody tr { |
|||
background-color: rgba(0, 0, 0, 0.08) !important; |
|||
} |
|||
.dynamicTable tbody tr:nth-child(even), .dynamicTable tbody tr.alt { |
|||
background-color: rgba(255, 255, 255, 0.08) !important; |
|||
} |
|||
.dynamicTable tbody tr:hover { |
|||
background-color: rgba(255, 255, 255, 0.15) !important; |
|||
} |
|||
.dynamicTable tbody tr.selected { |
|||
background-color: rgba(0, 0, 0, 0.45) !important; |
|||
} |
|||
.panel { |
|||
background: var(--main-bg-color); |
|||
border-bottom: 1px solid transparent; |
|||
} |
|||
#pageWrapper { |
|||
border-top: 1px solid transparent; |
|||
border-bottom: 1px solid transparent; |
|||
} |
|||
li.divider { |
|||
border-top: 1px solid rgba(255, 255, 255, .25) !important; |
|||
} |
|||
|
|||
/*right click menu */ |
|||
.contextMenu { |
|||
border: 1px solid transparent; |
|||
background: var(--modal-bg-color); |
|||
} |
|||
.contextMenu li a { |
|||
color: #fff; |
|||
} |
|||
.contextMenu li a:hover { |
|||
background-color: rgba(255, 255, 255, .08) !important; |
|||
} |
|||
.contextMenu li ul { |
|||
border: 1px solid transparent; |
|||
background: var(--modal-bg-color); |
|||
} |
|||
.contextMenu .separator { |
|||
border-top: 1px solid rgba(255, 255, 255, 0.08); |
|||
} |
|||
/* Sidemenu */ |
|||
.selectedFilter { |
|||
background-color: rgba(0, 0, 0, 0.25); |
|||
color: #FFF; |
|||
} |
|||
ul.filterList li:hover { |
|||
background-color: rgba(255, 255, 255, 0.08); |
|||
} |
|||
.columnHandle { |
|||
background: rgba(0, 0, 0, 0.45); |
|||
border: 1px solid transparent; |
|||
} |
|||
#filtersColumn_handle { |
|||
margin-left: 0; |
|||
} |
|||
|
|||
/*Sidemenu - Bottom menu*/ |
|||
.bottomPanel { |
|||
background: rgba(0, 0, 0, 0.25) !important; |
|||
} |
|||
|
|||
/* Bottom menu */ |
|||
.panel-headerContent.tabs { |
|||
background: none !important; |
|||
} |
|||
.panel-header { |
|||
background: rgba(0, 0, 0, 0.25) !important; |
|||
border-bottom: 1px solid transparent !important; |
|||
} |
|||
.horizontalHandle { |
|||
background: none !important; |
|||
} |
|||
.tab-menu li.selected a { |
|||
color: #fff !important; |
|||
background: transparent !important; |
|||
font-weight: normal !important; |
|||
} |
|||
.tab-menu li a { |
|||
color: #fff !important; |
|||
background: transparent !important; |
|||
} |
|||
.tab-menu li.selected { |
|||
background: none !important; |
|||
} |
|||
.tab-menu li { |
|||
background: none !important; |
|||
} |
|||
.tab-menu li a:hover { |
|||
background: rgba(255, 255, 255, 0.08) !important; |
|||
} |
|||
.toolbarTabs { |
|||
background: rgba(0, 0, 0, 0.25) !important; |
|||
} |
|||
.progressbar_dark { |
|||
background: var(--progress-color) !important; |
|||
} |
|||
.progressbar_light { |
|||
background: rgba(0, 0, 0, 0.25) !important; |
|||
color: #fff !important; |
|||
} |
|||
.progressbar_wrapper { |
|||
border: 1px solid transparent!important; |
|||
} |
|||
.stateIcon { |
|||
background-image: red !important; |
|||
} |
|||
.panel-collapse { |
|||
background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/qbittorrent/collapse-expand.gif) left top no-repeat; |
|||
} |
|||
.panel-expand { |
|||
background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/qbittorrent/collapse-expand.gif) left -16px no-repeat; |
|||
} |
|||
fieldset { |
|||
border-width: 1px !important; |
|||
border-style: solid !important; |
|||
border-color: rgba(255, 255, 255, 0.25) !important; |
|||
|
|||
} |
|||
/*Modal */ |
|||
.mochaTitlebar { |
|||
width: 100%; |
|||
overflow: hidden; |
|||
background: none !important; |
|||
} |
|||
.mochaToolButton { |
|||
margin-right: 10px; |
|||
background: rgba(0, 0, 0, .25); |
|||
border-radius: 5px; |
|||
} |
|||
.mochaToolButton:hover { |
|||
margin-right: 10px; |
|||
background: rgba(255, 255, 255, .25); |
|||
border-radius: 5px; |
|||
} |
|||
.mochaOverlay { |
|||
position: absolute; |
|||
top: 0; |
|||
left: 0; |
|||
background: var(--modal-bg-color) !important; |
|||
} |
|||
.mochaToolbarWrapper { |
|||
width: 100%; |
|||
position: relative; |
|||
height: 29px; |
|||
background: rgba(0, 0, 0, 0.25) !important; |
|||
overflow: hidden; |
|||
border-top: none !important; |
|||
} |
|||
|
|||
.mochaToolbar { |
|||
width: 100%; |
|||
border-top: none !important; |
|||
} |
|||
.mochaContentBorder { |
|||
border-top: 1px solid rgba(255, 255, 255, .25) !important; |
|||
border-bottom: 1px solid rgba(255, 255, 255, .25) !important; |
|||
} |
|||
.mocha.isFocused .mochaTitlebar h3 { |
|||
color: #fff; |
|||
} |
|||
.mochaContentWrapper { |
|||
font-size: 12px; |
|||
overflow: auto; |
|||
background: transparent !important; |
|||
} |
|||
fieldset.settings { |
|||
border: solid 1px rgba(255, 255, 255, 0.25) !important; |
|||
border-radius: 8px; |
|||
-webkit-border-radius: 8px; |
|||
-moz-border-radius: 8px; |
|||
padding: 4px 4px 4px 10px; |
|||
} |
|||
textarea:disabled { |
|||
color: rgb(84, 84, 84); |
|||
cursor: default; |
|||
background-color: rgb(255, 255, 255, .05) !important; |
|||
border: none !important; |
|||
} |
|||
textarea { |
|||
color: #fff !important; |
|||
cursor: default; |
|||
background-color: rgb(0, 0, 0, .25) !important; |
|||
border: none !important; |
|||
} |
|||
#watched_folders_tab td, #watched_folders_tab th { |
|||
padding: 2px 4px; |
|||
border: 1px solid rgba(255, 255, 255, 0.25) !important; |
|||
} |
|||
input[type="button" i]:hover { |
|||
background-color: rgb(255, 255, 255, .05) !important; |
|||
padding: 6px 15px; |
|||
cursor: pointer; |
|||
} |
|||
input[type="button" i] { |
|||
padding: 6px 15px !important; |
|||
} |
|||
input[type="submit" i] { |
|||
padding: 6px 15px !important; |
|||
width: 100%; |
|||
margin-top: 15px; |
|||
background-color: rgba(0, 0, 0, 0.25) !important; |
|||
border: none; |
|||
color: #fff; |
|||
outline: none; |
|||
text-transform: uppercase; |
|||
} |
|||
input[type="submit" i]:hover { |
|||
padding: 6px 15px !important; |
|||
background-color: rgba(0, 0, 0, 0.45) !important; |
|||
width: 100%; |
|||
cursor: pointer; |
|||
border: none; |
|||
color: #fff; |
|||
outline: none; |
|||
text-transform: uppercase; |
|||
} |
|||
|
@ -0,0 +1,20 @@ |
|||
|
|||
/* 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 */ |
|||
|
|||
/* RADARR SPACE GRAY THEME */ |
|||
@import url(https://gilbn.github.io/theme.park/CSS/themes/qbittorrent/qbittorrent-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; |
|||
--progress-color: #607D8B; |
|||
} |
After Width: | Height: | Size: 118 B |
Loading…
Reference in new issue