topaLE
/
theme.park
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

added qbitorrent, still WIP!!

pull/16/head
gilbN 6 years ago
parent
d1f0003e7c
commit
f4a55b5e56
8 changed files with 495 additions and 7 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 20
      CSS/themes/qbittorrenet/aquamarine.css
  2. 20
      CSS/themes/qbittorrenet/dark.css
  3. 20
      CSS/themes/qbittorrenet/hotline.css
  4. 20
      CSS/themes/qbittorrenet/plex.css
  5. 394
      CSS/themes/qbittorrenet/qbittorrent-base.css
  6. 20
      CSS/themes/qbittorrenet/space-gray.css
  7. 8
      CSS/themes/radarr/aquamarine.css
  8. BIN
      Resources/qbittorrent/collapse-expand.gif

20
CSS/themes/qbittorrenet/aquamarine.css
View File

@ -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;
}

20
CSS/themes/qbittorrenet/dark.css
View File

@ -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;
}

20
CSS/themes/qbittorrenet/hotline.css
View File

@ -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;
}

20
CSS/themes/qbittorrenet/plex.css
View File

@ -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;
}

394
CSS/themes/qbittorrenet/qbittorrent-base.css
View File

@ -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;
}

20
CSS/themes/qbittorrenet/space-gray.css
View File

@ -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;
}

8
CSS/themes/radarr/aquamarine.css
View File

@ -16,11 +16,5 @@
:root { :root {
--main-bg-color: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed; --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; --modal-bg-color: radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
--progress-color: #607D8B;
--calendar-in-cinemas: #35c5f4;
--calendar-missing: #d9534f;
--calendar-announced: #337ab7;
--calendar-downloaded: #5cb85c;
--calendar-downloading: #7932ea;
--calendar-unmonitored: grey;
} }

BIN
Resources/qbittorrent/collapse-expand.gif
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 118 B

Write Preview
Loading…
Cancel
Save