|
|
|
|
@ -15,7 +15,8 @@ a img,
@@ -15,7 +15,8 @@ a img,
|
|
|
|
|
/* Structure */ |
|
|
|
|
|
|
|
|
|
body { |
|
|
|
|
color: #555; |
|
|
|
|
/*color: #555;#19844*/ |
|
|
|
|
color: var(--color-text-default); |
|
|
|
|
font-family: Arial, Helvetica, sans-serif; |
|
|
|
|
font-size: 12px; |
|
|
|
|
line-height: 18px; |
|
|
|
|
@ -36,7 +37,7 @@ body {
@@ -36,7 +37,7 @@ body {
|
|
|
|
|
h2, |
|
|
|
|
h3, |
|
|
|
|
h4 { |
|
|
|
|
color: #333; |
|
|
|
|
/*color: #333;#19844*/ |
|
|
|
|
font-size: 12px; |
|
|
|
|
font-weight: bold; |
|
|
|
|
margin: 0; |
|
|
|
|
@ -44,13 +45,15 @@ h4 {
@@ -44,13 +45,15 @@ h4 {
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
h2 { |
|
|
|
|
color: #555; |
|
|
|
|
/*color: #555;#19844*/ |
|
|
|
|
color: var(--color-text-default); |
|
|
|
|
font-size: 14px; |
|
|
|
|
font-weight: bold; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
#mochaPage h3 { |
|
|
|
|
border-bottom: 1px solid #bbb; |
|
|
|
|
/*border-bottom: 1px solid #bbb;#19844*/ |
|
|
|
|
border-bottom: 1px solid var(--color-border-default); |
|
|
|
|
display: block; |
|
|
|
|
font-size: 12px; |
|
|
|
|
margin: 0 0 8px; |
|
|
|
|
@ -59,7 +62,8 @@ h2 {
@@ -59,7 +62,8 @@ h2 {
|
|
|
|
|
|
|
|
|
|
#error_div, |
|
|
|
|
#rename_error { |
|
|
|
|
color: #f00; |
|
|
|
|
/*color: #f00;#19844*/ |
|
|
|
|
color: var(--color-text-red); |
|
|
|
|
float: left; |
|
|
|
|
font-size: 14px; |
|
|
|
|
font-weight: bold; |
|
|
|
|
@ -70,7 +74,8 @@ h4 {
@@ -70,7 +74,8 @@ h4 {
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
a { |
|
|
|
|
color: #e60; |
|
|
|
|
/*color: #e60;#19844*/ |
|
|
|
|
color: var(--color-text-orange); |
|
|
|
|
cursor: pointer; |
|
|
|
|
text-decoration: none; |
|
|
|
|
} |
|
|
|
|
@ -99,12 +104,22 @@ dd {
@@ -99,12 +104,22 @@ dd {
|
|
|
|
|
padding: 0 0 9px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
/* Forms */ |
|
|
|
|
|
|
|
|
|
fieldset { |
|
|
|
|
border: 1px solid var(--color-border-default); |
|
|
|
|
border-radius: 5px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
/* Code */ |
|
|
|
|
|
|
|
|
|
pre { |
|
|
|
|
background-color: #f6f6f6; |
|
|
|
|
border: 1px solid #d1d7dc; |
|
|
|
|
color: #006600; |
|
|
|
|
/*background-color: #f6f6f6;#19844*/ |
|
|
|
|
/*border: 1px solid #d1d7dc;#19844*/ |
|
|
|
|
/*color: #006600;#19844*/ |
|
|
|
|
background-color: var(--color-background-default); |
|
|
|
|
border: 1px solid var(--color-border-default); |
|
|
|
|
color: var(--color-text-green); |
|
|
|
|
display: block; |
|
|
|
|
font-family: "Courier New", Courier, monospace; |
|
|
|
|
font-size: 11px; |
|
|
|
|
@ -117,9 +132,11 @@ pre {
@@ -117,9 +132,11 @@ pre {
|
|
|
|
|
/* Dividers */ |
|
|
|
|
|
|
|
|
|
hr { |
|
|
|
|
background-color: #ddd; |
|
|
|
|
/*background-color: #ddd;#19844*/ |
|
|
|
|
/*color: #ccc;#19844*/ |
|
|
|
|
background-color: var(--color-background-default); |
|
|
|
|
color: var(--color-text-default); |
|
|
|
|
border: 0px; |
|
|
|
|
color: #ccc; |
|
|
|
|
height: 1px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
@ -147,22 +164,27 @@ hr {
@@ -147,22 +164,27 @@ hr {
|
|
|
|
|
|
|
|
|
|
#Filters ul img { |
|
|
|
|
height: 16px; |
|
|
|
|
padding: 2px 4px; |
|
|
|
|
/*padding: 2px 4px;#19844*/ |
|
|
|
|
padding: 0 4px; |
|
|
|
|
vertical-align: middle; |
|
|
|
|
width: 16px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.selectedFilter { |
|
|
|
|
background-color: #415a8d; |
|
|
|
|
color: #ffffff; |
|
|
|
|
/*background-color: #415a8d;#19844*/ |
|
|
|
|
/*color: #ffffff;#19844*/ |
|
|
|
|
background-color: var(--color-background-blue)!important; /* important prevents hover effect on click, @TODO CSS optimization */ |
|
|
|
|
color: var(--color-text-white)!important; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.selectedFilter a { |
|
|
|
|
color: #ffffff; |
|
|
|
|
/*color: #ffffff;#19844*/ |
|
|
|
|
color: var(--color-text-white)!important; /* @TODO original re-definition below */ |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
#properties { |
|
|
|
|
background-color: #e5e5e5; |
|
|
|
|
/*background-color: #e5e5e5;#19844*/ |
|
|
|
|
background-color: var(--color-background-default); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
a.propButton { |
|
|
|
|
@ -184,15 +206,18 @@ a.propButton img {
@@ -184,15 +206,18 @@ a.propButton img {
|
|
|
|
|
/* context menu specific */ |
|
|
|
|
|
|
|
|
|
.contextMenu { |
|
|
|
|
background: #eee; |
|
|
|
|
border: 1px solid #999; |
|
|
|
|
/*background: #eee;#19844*/ |
|
|
|
|
/*border: 1px solid #999;*/ |
|
|
|
|
background-color: var(--color-background-default); |
|
|
|
|
border: 1px solid var(--color-border-default); |
|
|
|
|
display: none; |
|
|
|
|
list-style-type: none; |
|
|
|
|
padding: 0; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.contextMenu .separator { |
|
|
|
|
border-top: 1px solid #999; |
|
|
|
|
/*border-top: 1px solid #999;#19844*/ |
|
|
|
|
border-top: 1px solid var(--color-border-default); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.contextMenu li { |
|
|
|
|
@ -201,7 +226,8 @@ a.propButton img {
@@ -201,7 +226,8 @@ a.propButton img {
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.contextMenu li a { |
|
|
|
|
color: #000; |
|
|
|
|
/*color: #000;#19844*/ |
|
|
|
|
color: var(--color-text-default); |
|
|
|
|
display: block; |
|
|
|
|
font-family: tahoma, arial, sans-serif; |
|
|
|
|
font-size: 12px; |
|
|
|
|
@ -211,21 +237,26 @@ a.propButton img {
@@ -211,21 +237,26 @@ a.propButton img {
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.contextMenu li a:hover { |
|
|
|
|
background-color: #ddd; |
|
|
|
|
/*background-color: #ddd;#19844*/ |
|
|
|
|
background-color: var(--color-background-blue); |
|
|
|
|
color: var(--color-text-white); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.contextMenu li a.disabled { |
|
|
|
|
color: #ccc; |
|
|
|
|
/*color: #ccc;#19844*/ |
|
|
|
|
font-style: italic; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.contextMenu li a.disabled:hover { |
|
|
|
|
background-color: #eee; |
|
|
|
|
/*background-color: #eee;#19844*/ |
|
|
|
|
color: var(--color-text-disabled); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.contextMenu li ul { |
|
|
|
|
background: #eee; |
|
|
|
|
border: 1px solid #999; |
|
|
|
|
/*background: #eee;#19844*/ |
|
|
|
|
/*border: 1px solid #999;#19844*/ |
|
|
|
|
background: var(--color-background-default); |
|
|
|
|
border: 1px solid var(--color-border-default); |
|
|
|
|
left: -999em; |
|
|
|
|
list-style-type: none; |
|
|
|
|
margin: -29px 0 0 100%; |
|
|
|
|
@ -260,6 +291,7 @@ a.propButton img {
@@ -260,6 +291,7 @@ a.propButton img {
|
|
|
|
|
height: 16px; |
|
|
|
|
margin-bottom: -4px; |
|
|
|
|
width: 16px; |
|
|
|
|
margin-right: 0.5em; /*#19844 return missed padding */ |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.contextMenu li input[type="checkbox"] { |
|
|
|
|
@ -328,7 +360,8 @@ a.propButton img {
@@ -328,7 +360,8 @@ a.propButton img {
|
|
|
|
|
/* Mocha Customization */ |
|
|
|
|
|
|
|
|
|
#mochaToolbar { |
|
|
|
|
height: 29px; |
|
|
|
|
/*height: 29px;#19844*/ |
|
|
|
|
height: auto !important; |
|
|
|
|
margin-top: 5px; |
|
|
|
|
overflow-y: hidden; |
|
|
|
|
position: relative; |
|
|
|
|
@ -354,8 +387,10 @@ a.propButton img {
@@ -354,8 +387,10 @@ a.propButton img {
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
#torrentsFilterToolbar { |
|
|
|
|
float: right; |
|
|
|
|
margin-right: 30px; |
|
|
|
|
/*float: right;#19844*/ |
|
|
|
|
/*margin-right: 30px;#19844*/ |
|
|
|
|
display: inline-block; |
|
|
|
|
vertical-align: top; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
#torrentsFilterInput { |
|
|
|
|
@ -363,8 +398,13 @@ a.propButton img {
@@ -363,8 +398,13 @@ a.propButton img {
|
|
|
|
|
background-position: left; |
|
|
|
|
background-repeat: no-repeat; |
|
|
|
|
background-size: 1.5em; |
|
|
|
|
padding-left: 2em; |
|
|
|
|
width: 160px; |
|
|
|
|
background-color: var(--color-background-default); |
|
|
|
|
border: 1px solid var(--color-border-default); |
|
|
|
|
border-radius: 3px; |
|
|
|
|
padding: 4px 4px 4px 25px; |
|
|
|
|
/*padding-left: 2em;#19844*/ |
|
|
|
|
/*width: 160px;#19844*/ |
|
|
|
|
min-width: 160px; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
#torrentFilesFilterToolbar { |
|
|
|
|
@ -403,7 +443,8 @@ label.partial {
@@ -403,7 +443,8 @@ label.partial {
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
fieldset.settings { |
|
|
|
|
border: solid 1px black; |
|
|
|
|
/*border: solid 1px black;#19844*/ |
|
|
|
|
border: 1px solid var(--color-border-default); |
|
|
|
|
border-radius: 8px; |
|
|
|
|
padding: 4px 4px 4px 10px; |
|
|
|
|
} |
|
|
|
|
@ -455,7 +496,9 @@ ul.filterList {
@@ -455,7 +496,9 @@ ul.filterList {
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
ul.filterList a { |
|
|
|
|
color: inherit; |
|
|
|
|
/*color: inherit;#19844*/ |
|
|
|
|
color: var(--color-text-default); |
|
|
|
|
padding: 4px 6px; |
|
|
|
|
display: block; |
|
|
|
|
overflow: hidden; |
|
|
|
|
text-overflow: ellipsis; |
|
|
|
|
@ -463,11 +506,12 @@ ul.filterList a {
@@ -463,11 +506,12 @@ ul.filterList a {
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
ul.filterList li:hover { |
|
|
|
|
background-color: #e60; |
|
|
|
|
/*background-color: #e60;#19844*/ |
|
|
|
|
background-color: var(--color-background-default); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
ul.filterList li:hover a { |
|
|
|
|
color: white; |
|
|
|
|
/*color: white;#19844*/ |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
td.generalLabel { |
|
|
|
|
@ -532,7 +576,7 @@ td.generalLabel {
@@ -532,7 +576,7 @@ td.generalLabel {
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.select-watched-folder-editable { |
|
|
|
|
background-color: white; |
|
|
|
|
/*background-color: white;#19844*/ |
|
|
|
|
border: solid grey 1px; |
|
|
|
|
height: 20px; |
|
|
|
|
position: relative; |
|
|
|
|
@ -623,11 +667,13 @@ td.statusBarSeparator {
@@ -623,11 +667,13 @@ td.statusBarSeparator {
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.red { |
|
|
|
|
color: red; |
|
|
|
|
/*color: red;#19844*/ |
|
|
|
|
color: var(--color-text-red); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.green { |
|
|
|
|
color: green; |
|
|
|
|
/*color: green;#19844*/ |
|
|
|
|
color: var(--color-text-green); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.searchPluginsTableRow { |
|
|
|
|
@ -635,15 +681,17 @@ td.statusBarSeparator {
@@ -635,15 +681,17 @@ td.statusBarSeparator {
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
#torrentFilesTableDiv .dynamicTable tr.nonAlt { |
|
|
|
|
background-color: #fff; |
|
|
|
|
/*background-color: #fff;#19844*/ |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
#torrentFilesTableDiv .dynamicTable tr.nonAlt.selected { |
|
|
|
|
background-color: #354158; |
|
|
|
|
color: #fff; |
|
|
|
|
/*background-color: #354158;#19844*/ |
|
|
|
|
/*color: #fff;#19844*/ |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
#torrentFilesTableDiv .dynamicTable tr.nonAlt:hover { |
|
|
|
|
background-color: #ee6600; |
|
|
|
|
color: #fff; |
|
|
|
|
/*background-color: #ee6600;#19844*/ |
|
|
|
|
/*color: #fff;#19844*/ |
|
|
|
|
background-color: var(--color-background-blue); |
|
|
|
|
color: var(--color-text-white); |
|
|
|
|
} |
|
|
|
|
|
d47081
1 year ago