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

qbit base reformat

pull/110/head^2
Marius 5 years ago
parent
fa42fe9b8c
commit
72f2974f8c
1 changed files with 896 additions and 758 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 152
      CSS/themes/qbittorrent/qbittorrent-base.css

152
CSS/themes/qbittorrent/qbittorrent-base.css
View File

@ -1,4 +1,3 @@
/* dP dP dP */
/* 88 88 88 */
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
@ -12,35 +11,43 @@
/* https://github.com/gilbN/theme.park */
@import url(https://use.fontawesome.com/releases/v5.0.7/css/all.css);
::-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 {
html,
body {
color: #FFF;
background: transparent;
}
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);
@ -49,6 +56,7 @@ input[type="text" i] {
border: none;
border-radius: 3px;
}
input[type="password"i] {
color: #FFF;
background-color: rgba(0, 0, 0, .25);
@ -57,6 +65,7 @@ input[type="password" i] {
border: none;
border-radius: 3px;
}
input[type="number"i] {
color: #FFF;
background-color: rgba(0, 0, 0, .25);
@ -64,6 +73,7 @@ input[type="number" i] {
outline: none;
border: none;
}
input[type="file"i] {
color: #FFF;
background-color: rgba(0, 0, 0, .25);
@ -71,6 +81,7 @@ input[type="file" i] {
outline: none;
border: none;
}
input[name="category"i] {
color: #000;
background-color: #fff;
@ -78,16 +89,23 @@ input[name="category" i] {
outline: none;
border: none;
}
input[type="file"i] {
border: none;
}
select {
border: none !important;
}
a, h2, h3, h4, .mochaTitlebar h3 {
a,
h2,
h3,
h4,
.mochaTitlebar h3 {
color: #fff;
}
/* Login */
#main h1 {
display: block;
@ -98,6 +116,7 @@ a, h2, h3, h4, .mochaTitlebar h3 {
margin-inline-end: 0px;
font-weight: bold;
}
#error_msg {
text-transform: uppercase;
color: #D8000C;
@ -157,6 +176,7 @@ a, h2, h3, h4, .mochaTitlebar h3 {
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
}
label {
cursor: default;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
@ -171,39 +191,49 @@ label {
overflow: hidden;
background: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/qbittorrent/dots.png) center center no-repeat;
}
#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;
padding-left: 0px;
}
#mochaToolbar {
margin-bottom: 5px;
}
@ -216,32 +246,42 @@ label {
.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 {
.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;
}
@ -258,9 +298,11 @@ li.divider {
height: 24px;
padding: 7px 12px;
}
#main input[type="text"i]:focus {
background-color: rgba(0, 0, 0, .45);
}
#main input[type="password"i] {
color: #FFF;
background-color: rgba(0, 0, 0, .25);
@ -272,9 +314,11 @@ li.divider {
height: 24px;
padding: 7px 12px;
}
#main input[type="password"i] {
background-color: rgba(0, 0, 0, .45);
}
#loginform #login {
padding: 6px 15px !important;
width: 100%;
@ -290,6 +334,7 @@ li.divider {
height: 44px;
line-height: 1.3333333;
}
#loginform #login:hover {
background-color: var(--button-color-hover) !important;
padding: 6px 15px;
@ -305,27 +350,34 @@ li.divider {
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;
@ -340,53 +392,68 @@ ul.filterList li:hover {
.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;
@ -400,22 +467,26 @@ fieldset {
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;
@ -429,18 +500,22 @@ fieldset {
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;
@ -448,22 +523,27 @@ fieldset.settings {
-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 {
#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: var(--button-color-hover);
padding: 6px 15px;
@ -471,6 +551,7 @@ input[type="button" i]:hover {
border: none;
color: var(--button-text);
}
input[type="button"i] {
padding: 6px 15px !important;
background-color: var(--button-color);
@ -478,18 +559,21 @@ input[type="button" i] {
border: none;
color: var(--button-text);
}
button {
background-color: var(--button-color) !important;
cursor: pointer;
border: 2px solid transparent;
color: var(--button-text);
}
button:hover {
background-color: var(--button-color-hover) !important;
cursor: pointer;
border: 2px solid transparent;
color: var(--button-text);
}
input[type="submit"i] {
padding: 6px 15px !important;
width: 100%;
@ -500,6 +584,7 @@ input[type="submit" i] {
outline: none;
text-transform: uppercase;
}
input[type="submit"i]:hover {
padding: 6px 15px !important;
background-color: var(--button-color-hover) !important;
@ -517,6 +602,7 @@ input[type="submit" i]:hover {
#downloadButton>img.mochaToolButton {
display: none;
}
#downloadButton:before {
font-family: "Font Awesome 5 Free";
font-size: 24px;
@ -545,6 +631,7 @@ input[type="submit" i]:hover {
#uploadButton>img.mochaToolButton {
display: none;
}
#uploadButton:before {
font-family: "Font Awesome 5 Free";
font-size: 24px;
@ -572,6 +659,7 @@ input[type="submit" i]:hover {
#deleteButton>img.mochaToolButton {
display: none;
}
#deleteButton:before {
font-family: "Font Awesome 5 Free";
font-size: 24px;
@ -599,6 +687,7 @@ input[type="submit" i]:hover {
#resumeButton>img.mochaToolButton {
display: none;
}
#resumeButton:before {
font-family: "Font Awesome 5 Free";
font-size: 24px;
@ -626,6 +715,7 @@ input[type="submit" i]:hover {
#pauseButton>img.mochaToolButton {
display: none;
}
#pauseButton:before {
font-family: "Font Awesome 5 Free";
font-size: 24px;
@ -653,6 +743,7 @@ input[type="submit" i]:hover {
#topPrioButton>img.mochaToolButton {
display: none;
}
#topPrioButton:before {
font-family: "Font Awesome 5 Free";
font-size: 24px;
@ -680,6 +771,7 @@ input[type="submit" i]:hover {
#increasePrioButton>img.mochaToolButton {
display: none;
}
#increasePrioButton:before {
font-family: "Font Awesome 5 Free";
font-size: 24px;
@ -707,6 +799,7 @@ input[type="submit" i]:hover {
#decreasePrioButton>img.mochaToolButton {
display: none;
}
#decreasePrioButton:before {
font-family: "Font Awesome 5 Free";
font-size: 24px;
@ -734,6 +827,7 @@ input[type="submit" i]:hover {
#bottomPrioButton>img.mochaToolButton {
display: none;
}
#bottomPrioButton:before {
font-family: "Font Awesome 5 Free";
font-size: 24px;
@ -761,6 +855,7 @@ input[type="submit" i]:hover {
#preferencesButton>img.mochaToolButton {
display: none;
}
#preferencesButton:before {
font-family: "Font Awesome 5 Free";
font-size: 24px;
@ -804,6 +899,7 @@ input[type="submit" i]:hover {
#uploadLink>img.MyMenuIcon {
display: none;
}
#uploadLink:before {
font-family: "Font Awesome 5 Free";
font-size: 14px;
@ -818,6 +914,7 @@ input[type="submit" i]:hover {
#downloadLink>img.MyMenuIcon {
display: none;
}
#downloadLink:before {
font-family: "Font Awesome 5 Free";
font-size: 14px;
@ -832,6 +929,7 @@ input[type="submit" i]:hover {
#logoutLink>img.MyMenuIcon {
display: none;
}
#logoutLink:before {
font-family: "Font Awesome 5 Free";
font-size: 14px;
@ -846,6 +944,7 @@ input[type="submit" i]:hover {
#shutdownLink>img.MyMenuIcon {
display: none;
}
#shutdownLink:before {
font-family: "Font Awesome 5 Free";
font-size: 14px;
@ -862,6 +961,7 @@ input[type="submit" i]:hover {
#resumeAllLink>img.MyMenuIcon {
display: none;
}
#resumeAllLink:before {
font-family: "Font Awesome 5 Free";
font-size: 14px;
@ -876,6 +976,7 @@ input[type="submit" i]:hover {
#pauseAllLink>img.MyMenuIcon {
display: none;
}
#pauseAllLink:before {
font-family: "Font Awesome 5 Free";
font-size: 14px;
@ -890,6 +991,7 @@ input[type="submit" i]:hover {
#resumeLink>img.MyMenuIcon {
display: none;
}
#resumeLink:before {
font-family: "Font Awesome 5 Free";
font-size: 14px;
@ -904,6 +1006,7 @@ input[type="submit" i]:hover {
#pauseLink>img.MyMenuIcon {
display: none;
}
#pauseLink:before {
font-family: "Font Awesome 5 Free";
font-size: 14px;
@ -918,6 +1021,7 @@ input[type="submit" i]:hover {
#deleteLink>img.MyMenuIcon {
display: none;
}
#deleteLink:before {
font-family: "Font Awesome 5 Free";
font-size: 14px;
@ -932,6 +1036,7 @@ input[type="submit" i]:hover {
#topPrioLink>img.MyMenuIcon {
display: none;
}
#topPrioLink:before {
font-family: "Font Awesome 5 Free";
font-size: 14px;
@ -946,6 +1051,7 @@ input[type="submit" i]:hover {
#increasePrioLink>img.MyMenuIcon {
display: none;
}
#increasePrioLink:before {
font-family: "Font Awesome 5 Free";
font-size: 14px;
@ -960,6 +1066,7 @@ input[type="submit" i]:hover {
#decreasePrioLink>img.MyMenuIcon {
display: none;
}
#decreasePrioLink:before {
font-family: "Font Awesome 5 Free";
font-size: 14px;
@ -974,6 +1081,7 @@ input[type="submit" i]:hover {
#bottomPrioLink>img.MyMenuIcon {
display: none;
}
#bottomPrioLink:before {
font-family: "Font Awesome 5 Free";
font-size: 14px;
@ -988,6 +1096,7 @@ input[type="submit" i]:hover {
#recheckLink>img.MyMenuIcon {
display: none;
}
#recheckLink:before {
font-family: "Font Awesome 5 Free";
font-size: 14px;
@ -1016,6 +1125,7 @@ input[type="submit" i]:hover {
color: rgba(255, 255, 255, 0.7);
padding-left: 5px;
}
#showTopToolbarLink:active:focus:visited:before {
font-family: "Font Awesome 5 Free";
font-size: 14px;
@ -1126,6 +1236,7 @@ input[type="submit" i]:hover {
color: white;
opacity: 0;
}
#showRssReaderLink:active:focus:visited:before {
font-family: "Font Awesome 5 Free";
font-size: 14px;
@ -1136,6 +1247,7 @@ input[type="submit" i]:hover {
color: white;
opacity: 0;
}
#StatisticsLink>img.MyMenuIcon {
display: none;
}
@ -1239,6 +1351,7 @@ ul.filterList a {
#all_filter>a img {
display: none;
}
#all_filter:before {
font-family: "Font Awesome 5 Free";
font-size: 14px;
@ -1253,6 +1366,7 @@ ul.filterList a {
#downloading_filter>a img {
display: none;
}
#downloading_filter:before {
font-family: "Font Awesome 5 Free";
font-size: 14px;
@ -1267,6 +1381,7 @@ ul.filterList a {
#seeding_filter>a img {
display: none;
}
#seeding_filter:before {
font-family: "Font Awesome 5 Free";
font-size: 14px;
@ -1281,6 +1396,7 @@ ul.filterList a {
#completed_filter>a img {
display: none;
}
#completed_filter:before {
font-family: "Font Awesome 5 Free";
font-size: 14px;
@ -1295,6 +1411,7 @@ ul.filterList a {
#resumed_filter>a img {
display: none;
}
#resumed_filter:before {
font-family: "Font Awesome 5 Free";
font-size: 14px;
@ -1309,6 +1426,7 @@ ul.filterList a {
#paused_filter>a img {
display: none;
}
#paused_filter:before {
font-family: "Font Awesome 5 Free";
font-size: 14px;
@ -1323,6 +1441,7 @@ ul.filterList a {
#active_filter>a img {
display: none;
}
#active_filter:before {
font-family: "Font Awesome 5 Free";
font-size: 14px;
@ -1337,6 +1456,7 @@ ul.filterList a {
#inactive_filter>a img {
display: none;
}
#inactive_filter:before {
font-family: "Font Awesome 5 Free";
font-size: 14px;
@ -1351,6 +1471,7 @@ ul.filterList a {
#stalled_filter>a img {
display: none;
}
#stalled_filter:before {
font-family: "Font Awesome 5 Free";
font-size: 14px;
@ -1365,6 +1486,7 @@ ul.filterList a {
#stalled_uploading_filter>a img {
display: none;
}
#stalled_uploading_filter:before {
font-family: "Font Awesome 5 Free";
font-size: 14px;
@ -1379,6 +1501,7 @@ ul.filterList a {
#stalled_downloading_filter>a img {
display: none;
}
#stalled_downloading_filter:before {
font-family: "Font Awesome 5 Free";
font-size: 14px;
@ -1389,6 +1512,7 @@ ul.filterList a {
color: rgba(255, 255, 255, 0.4);
padding-left: 5px;
}
img[src="icons/inode-directory.svg"] {
background: url(https://gilbn.github.io/theme.park/Resources/qbittorrent/folder-open-solid.svg);
background-size: contain;
@ -1397,6 +1521,7 @@ img[src="icons/inode-directory.svg"] {
object-position: -999999px 999999px;
filter: invert(79%) sepia(20%) saturate(0%) hue-rotate(135deg) brightness(87%) contrast(108%);
}
img[src="icons/network-server.svg"] {
background: url(https://gilbn.github.io/theme.park/Resources/qbittorrent/network-wired-solid.svg);
background-size: contain;
@ -1405,6 +1530,7 @@ img[src="icons/network-server.svg"] {
object-position: -999999px 999999px;
filter: invert(79%) sepia(20%) saturate(0%) hue-rotate(135deg) brightness(87%) contrast(108%);
}
img[src="icons/mail-folder-inbox.svg"] {
background: url(https://gilbn.github.io/theme.park/Resources/qbittorrent/inbox-solid.svg);
background-size: contain;
@ -1418,6 +1544,7 @@ img[src="icons/downloading_small.svg"],
img[src="icons/seeding.svg"] {
filter: invert(79%) sepia(20%) saturate(0%) hue-rotate(135deg) brightness(87%) contrast(108%);
}
#searchPattern {
width: 300px;
line-height: 2em;
@ -1427,13 +1554,16 @@ img[src="icons/seeding.svg"] {
background-size: 1.5em;
background-position: left;
}
#connectionStatus,
#alternativeSpeedLimits {
filter: invert(79%) sepia(20%) saturate(0%) hue-rotate(135deg) brightness(87%) contrast(108%);
}
#errored_filter>a img {
display: none;
}
#errored_filter:before {
font-family: "Font Awesome 5 Free";
font-size: 14px;
@ -1450,6 +1580,7 @@ img[src="icons/seeding.svg"] {
.filterTitle img {
display: none;
}
.filterTitle:before {
font-family: "Font Awesome 5 Free";
font-size: 14px;
@ -1466,6 +1597,7 @@ display: none;
#categoriesFilterMenu>li img {
display: none;
}
.contextMenu li>#CreateCategory:before {
font-family: "Font Awesome 5 Free";
font-size: 14px;
@ -1482,9 +1614,12 @@ display: none;
#torrentsTableMenu>li img {
display: none;
}
.contextMenu, #contextCategoryList {
.contextMenu,
#contextCategoryList {
box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
/* Filter torrents */
#torrentsFilterInput {
@ -1495,7 +1630,9 @@ display: none;
background-size: 1em;
background-position: left;
}
.contextMenu li a.arrow-right, .contextMenu li a:hover.arrow-right {
.contextMenu li a.arrow-right,
.contextMenu li a:hover.arrow-right {
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/qbittorrent/arrow-right.gif);
background-repeat: no-repeat;
background-position: right center;
@ -1506,6 +1643,7 @@ display: none;
#alternativeSpeedLimits td img {
display: none;
}
#alternativeSpeedLimits:before {
font-family: "Font Awesome 5 Free";
font-size: 14px;

Write Preview
Loading…
Cancel
Save