added qbitorrent, still WIP!!

6 years ago · f4a55b5e56
8 changed files with 495 additions and 7 deletions
--- a/CSS/themes/qbittorrenet/aquamarine.css
+++ b/CSS/themes/qbittorrenet/aquamarine.css
@ -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;
+}
--- a/CSS/themes/qbittorrenet/dark.css
+++ b/CSS/themes/qbittorrenet/dark.css
@ -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;
+  }
--- a/CSS/themes/qbittorrenet/hotline.css
+++ b/CSS/themes/qbittorrenet/hotline.css
@ -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;
+}
--- a/CSS/themes/qbittorrenet/plex.css
+++ b/CSS/themes/qbittorrenet/plex.css
@ -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;
+  }
--- a/CSS/themes/qbittorrenet/qbittorrent-base.css
+++ b/CSS/themes/qbittorrenet/qbittorrent-base.css
@ -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;
+  }
+  
--- a/CSS/themes/qbittorrenet/space-gray.css
+++ b/CSS/themes/qbittorrenet/space-gray.css
@ -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;
+}
--- a/CSS/themes/radarr/aquamarine.css
+++ b/CSS/themes/radarr/aquamarine.css
@ -16,11 +16,5 @@
 :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;
-
-  --calendar-in-cinemas: #35c5f4;
-  --calendar-missing: #d9534f;
-  --calendar-announced: #337ab7;
-  --calendar-downloaded: #5cb85c;
-  --calendar-downloading: #7932ea;
-  --calendar-unmonitored: grey;
+  --progress-color: #607D8B;
 }
--- a/Resources/qbittorrent/collapse-expand.gif
+++ b/Resources/qbittorrent/collapse-expand.gif