hacktoberfestthemedark-themesonarrradarrplexorganizrnginxthemes-customthemes-csssubfilterguacamoleskinsombilidarrdocker-modsdark-themesdark-modecustom-csscss
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.
394 lines
9.9 KiB
394 lines
9.9 KiB
5 years ago
|
|
||
|
/* 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;
|
||
|
}
|
||
|
|