Browse Source

Merge pull request #2 from d47081/adaptive-webui-private-19844

Adaptive webui private 19844
adaptive-webui
d47081 1 year ago committed by GitHub
parent
commit
72deeb58ff
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
  1. 1
      src/webui/www/private/addpeers.html
  2. 1
      src/webui/www/private/addtrackers.html
  3. 1
      src/webui/www/private/confirmdeletion.html
  4. 1
      src/webui/www/private/confirmfeeddeletion.html
  5. 1
      src/webui/www/private/confirmruleclear.html
  6. 1
      src/webui/www/private/confirmruledeletion.html
  7. 85
      src/webui/www/private/css/Layout.css
  8. 24
      src/webui/www/private/css/Tabs.css
  9. 39
      src/webui/www/private/css/Window.css
  10. 26
      src/webui/www/private/css/dynamicTable.css
  11. 41
      src/webui/www/private/css/palette.css
  12. 99
      src/webui/www/private/css/style.css
  13. 1
      src/webui/www/private/download.html
  14. 1
      src/webui/www/private/downloadlimit.html
  15. 1
      src/webui/www/private/edittracker.html
  16. BIN
      src/webui/www/private/images/bg-dropdown.gif
  17. BIN
      src/webui/www/private/images/bg-handle-horizontal.gif
  18. BIN
      src/webui/www/private/images/bg-header.gif
  19. BIN
      src/webui/www/private/images/bg-panel-header.gif
  20. BIN
      src/webui/www/private/images/tabs.gif
  21. 1
      src/webui/www/private/index.html
  22. 1
      src/webui/www/private/newcategory.html
  23. 1
      src/webui/www/private/newfeed.html
  24. 1
      src/webui/www/private/newfolder.html
  25. 1
      src/webui/www/private/newrule.html
  26. 1
      src/webui/www/private/newtag.html
  27. 1
      src/webui/www/private/rename.html
  28. 1
      src/webui/www/private/rename_feed.html
  29. 1
      src/webui/www/private/rename_file.html
  30. 1
      src/webui/www/private/rename_files.html
  31. 1
      src/webui/www/private/rename_rule.html
  32. 1
      src/webui/www/private/setlocation.html
  33. 1
      src/webui/www/private/shareratio.html
  34. 1
      src/webui/www/private/upload.html
  35. 1
      src/webui/www/private/uploadlimit.html
  36. 5
      src/webui/www/private/views/search.html
  37. 6
      src/webui/www/webui.qrc

1
src/webui/www/private/addpeers.html

@ -4,6 +4,7 @@ @@ -4,6 +4,7 @@
<head>
<meta charset="UTF-8" />
<title>QBT_TR(Add Peers)QBT_TR[CONTEXT=PeersAdditionDialog]</title>
<link rel="stylesheet" href="css/palette.css?v=${CACHEID}" type="text/css" />
<link rel="stylesheet" href="css/style.css?v=${CACHEID}" type="text/css" />
<script src="scripts/lib/MooTools-Core-1.6.0-compat-compressed.js"></script>
<script src="scripts/lib/MooTools-More-1.6.0-compat-compressed.js"></script>

1
src/webui/www/private/addtrackers.html

@ -4,6 +4,7 @@ @@ -4,6 +4,7 @@
<head>
<meta charset="UTF-8" />
<title>QBT_TR(Add trackers)QBT_TR[CONTEXT=TrackersAdditionDialog]</title>
<link rel="stylesheet" href="css/palette.css?v=${CACHEID}" type="text/css" />
<link rel="stylesheet" href="css/style.css?v=${CACHEID}" type="text/css" />
<script src="scripts/lib/MooTools-Core-1.6.0-compat-compressed.js"></script>
<script src="scripts/lib/MooTools-More-1.6.0-compat-compressed.js"></script>

1
src/webui/www/private/confirmdeletion.html

@ -4,6 +4,7 @@ @@ -4,6 +4,7 @@
<head>
<meta charset="UTF-8" />
<title>QBT_TR(Remove torrent(s))QBT_TR[CONTEXT=confirmDeletionDlg]</title>
<link rel="stylesheet" href="css/palette.css?v=${CACHEID}" type="text/css" />
<link rel="stylesheet" href="css/style.css?v=${CACHEID}" type="text/css" />
<script src="scripts/lib/MooTools-Core-1.6.0-compat-compressed.js"></script>
<script src="scripts/lib/MooTools-More-1.6.0-compat-compressed.js"></script>

1
src/webui/www/private/confirmfeeddeletion.html

@ -4,6 +4,7 @@ @@ -4,6 +4,7 @@
<head>
<meta charset="UTF-8" />
<title>QBT_TR(Deletion confirmation)QBT_TR[CONTEXT=RSSWidget]</title>
<link rel="stylesheet" href="css/palette.css?v=${CACHEID}" type="text/css" />
<link rel="stylesheet" href="css/style.css?v=${CACHEID}" type="text/css" />
<script src="scripts/lib/MooTools-Core-1.6.0-compat-compressed.js"></script>
<script src="scripts/lib/MooTools-More-1.6.0-compat-compressed.js"></script>

1
src/webui/www/private/confirmruleclear.html

@ -4,6 +4,7 @@ @@ -4,6 +4,7 @@
<head>
<meta charset="UTF-8" />
<title>QBT_TR(Clear downloaded episodes)QBT_TR[CONTEXT=AutomatedRssDownloader]</title>
<link rel="stylesheet" href="css/palette.css?v=${CACHEID}" type="text/css" />
<link rel="stylesheet" href="css/style.css?v=${CACHEID}" type="text/css" />
<script src="scripts/lib/MooTools-Core-1.6.0-compat-compressed.js"></script>
<script src="scripts/lib/MooTools-More-1.6.0-compat-compressed.js"></script>

1
src/webui/www/private/confirmruledeletion.html

@ -4,6 +4,7 @@ @@ -4,6 +4,7 @@
<head>
<meta charset="UTF-8" />
<title>QBT_TR(Rule deletion confirmation)QBT_TR[CONTEXT=AutomatedRssDownloader]</title>
<link rel="stylesheet" href="css/palette.css?v=${CACHEID}" type="text/css" />
<link rel="stylesheet" href="css/style.css?v=${CACHEID}" type="text/css" />
<script src="scripts/lib/MooTools-Core-1.6.0-compat-compressed.js"></script>
<script src="scripts/lib/MooTools-More-1.6.0-compat-compressed.js"></script>

85
src/webui/www/private/css/Layout.css

@ -18,11 +18,6 @@ Required by: @@ -18,11 +18,6 @@ Required by:
/* Layout
---------------------------------------------------------------- */
html,
body {
background: #fff;
}
body {
margin: 0; /* Required */
}
@ -36,12 +31,7 @@ body { @@ -36,12 +31,7 @@ body {
position: relative;
}
#desktopHeader {
background: #f2f2f2;
}
#desktopTitlebarWrapper {
background: #718ba6 url("../images/bg-header.gif") repeat-x;
height: 45px;
overflow: hidden;
position: relative;
@ -55,7 +45,6 @@ body { @@ -55,7 +45,6 @@ body {
}
#desktopTitlebar h1.applicationTitle {
color: #fff;
display: none;
font-size: 20px;
font-weight: bold;
@ -65,7 +54,6 @@ body { @@ -65,7 +54,6 @@ body {
}
#desktopTitlebar h2.tagline {
color: #d4dce4;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
@ -75,12 +63,10 @@ body { @@ -75,12 +63,10 @@ body {
}
#desktopTitlebar h2.tagline .taglineEm {
color: #fff;
font-weight: bold;
}
#topNav {
color: #d4dce4;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
padding: 13px 10px 0 0;
@ -91,7 +77,6 @@ body { @@ -91,7 +77,6 @@ body {
}
#topNav a {
color: #fff;
font-weight: normal;
}
@ -101,11 +86,12 @@ body { @@ -101,11 +86,12 @@ body {
/* Navbar */
#Filters_pad {
padding: 0 1px!important;
}
#desktopNavbar {
background: #f2f2f2;
/*background-color: #ccc;*/
border-bottom: 1px solid #3f3f3f;
height: 20px;
background-color: var(--color-background-default);
margin: 0 0px;
overflow: hidden; /* Remove this line if you want the menu to be backward compatible with Firefox 2 */
}
@ -126,14 +112,14 @@ body { @@ -126,14 +112,14 @@ body {
}
#desktopNavbar ul li a {
color: #333;
color: var(--color-text-default);
font-weight: normal;
padding: 2px 10px 6px;
padding: 4px 10px;
}
#desktopNavbar ul li a:hover {
background-color: #fff;
color: #333;
background-color: var(--color-background-blue);
color: var(--color-text-white);
}
#desktopNavbar ul li a.arrow-right,
@ -144,10 +130,9 @@ body { @@ -144,10 +130,9 @@ body {
}
#desktopNavbar li ul {
background: #fff url("../images/bg-dropdown.gif") repeat-y;
border: 1px solid #3f3f3f;
background-color: var(--color-background-default);
border: 1px solid var(--color-border-default);
left: -999em;
margin-top: -6px;
position: absolute;
z-index: 8000;
}
@ -165,7 +150,6 @@ body { @@ -165,7 +150,6 @@ body {
}
#desktopNavbar li ul li .check {
background: #555;
font-size: 1px;
height: 5px;
left: 6px;
@ -177,21 +161,16 @@ body { @@ -177,21 +161,16 @@ body {
}
#desktopNavbar li ul li a {
color: #3f3f3f;
color: var(--color-text-default);
font-weight: normal;
min-width: 120px;
padding: 1px 10px 1px 20px;
padding: 4px 10px 4px 25px;
position: relative;
}
#desktopNavbar li ul li a:hover {
background: #6c98d9;
border-radius: 2px;
color: #fff;
}
#desktopNavbar li ul li a:hover .check {
background: #fff;
background-color: var(--color-background-blue);
color: var(--color-text-white);
}
/* lists nested under hovered list items */
@ -210,14 +189,14 @@ body { @@ -210,14 +189,14 @@ body {
}
li.divider {
border-top: 1px solid #ebebeb;
border-top: 1px solid var(--color-border-default);
margin-top: 2px;
padding-top: 3px;
}
#pageWrapper {
border-bottom: 1px solid #909090;
border-top: 1px solid #909090;
border-bottom: 1px solid var(--color-border-default);
border-top: 1px solid var(--color-border-default);
overflow: hidden; /* This can be set to hidden or auto */
position: relative;
/*height: 100%;*/
@ -235,7 +214,6 @@ li.divider { @@ -235,7 +214,6 @@ li.divider {
}
#desktopFooter {
background: #f2f2f2;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
height: 24px;
@ -256,8 +234,7 @@ li.divider { @@ -256,8 +234,7 @@ li.divider {
/* Panels */
.panel {
background: #f8f8f8;
border-bottom: 1px solid #b9b9b9;
border-bottom: 1px solid var(--color-border-default);
overflow: auto;
position: relative;
}
@ -266,10 +243,6 @@ li.divider { @@ -266,10 +243,6 @@ li.divider {
border-bottom: 0;
}
.panelAlt {
background: #f2f2f2;
}
.bottomPanel {
border-bottom: 0;
}
@ -278,14 +251,8 @@ li.divider { @@ -278,14 +251,8 @@ li.divider {
padding: 8px;
}
#mainPanel {
background: #fff;
}
.panel-header {
background: #f1f1f1 url("../images/bg-panel-header.gif") repeat-x;
border-bottom: 1px solid #d3d3d3;
height: 30px;
border-bottom: 1px solid var(--color-border-default);
overflow: hidden;
position: relative;
}
@ -294,13 +261,7 @@ li.divider { @@ -294,13 +261,7 @@ li.divider {
padding-top: 2px;
}
.panel-headerContent.tabs {
background: url("../images/tabs.gif") repeat-x;
background-position: left -68px;
}
.panel-header h2 {
color: #333;
display: inline-block;
font-size: 12px;
height: 22px;
@ -326,7 +287,6 @@ li.divider { @@ -326,7 +287,6 @@ li.divider {
/* Column and Panel Handles */
.horizontalHandle {
background: #eee url("../images/bg-handle-horizontal.gif") repeat-x;
font-size: 1px;
height: 4px;
line-height: 1px;
@ -348,8 +308,9 @@ li.divider { @@ -348,8 +308,9 @@ li.divider {
}
.columnHandle {
background: #c3c3c3 url("../images/handle-icon.gif") center center no-repeat;
border: 1px solid #909090;
background: url("../images/handle-icon.gif") center center no-repeat;
/*border: 1px solid #909090;*/
border: 1px solid var(--color-border-default);
border-bottom: 0;
border-top: 0;
float: left;

24
src/webui/www/private/css/Tabs.css

@ -18,10 +18,7 @@ Required by: @@ -18,10 +18,7 @@ Required by:
/* Toolbar Tabs */
.toolbarTabs {
background: url("../images/tabs.gif") repeat-x;
background-position: left -70px;
overflow: visible;
padding: 0 5px 2px 2px;
}
.tab-menu {
@ -33,32 +30,23 @@ Required by: @@ -33,32 +30,23 @@ Required by:
}
.tab-menu li {
background: url("../images/tabs.gif") repeat-x;
background-position: left -35px;
cursor: pointer;
float: left;
margin: 0 0 5px;
}
.tab-menu li.selected {
background: url("../images/tabs.gif") repeat-x;
background-position: left 0;
}
.tab-menu li a {
background: url("../images/tabs.gif") repeat-x;
background-position: right -35px;
color: #181818;
background-color: var(--color-background-default);
border-radius: 5px 5px 0 0;
color: var(--color-text-default);
display: block;
font-weight: normal;
margin-left: 8px;
padding: 6px 15px 5px 9px;
padding: 5px 16px;
text-align: center;
}
.tab-menu li.selected a {
background: url("../images/tabs.gif") repeat-x;
background-position: right 0;
color: #181818;
background-color: var(--color-background-blue);
color: var(--color-text-white);
font-weight: bold;
}

39
src/webui/www/private/css/Window.css

@ -19,12 +19,15 @@ Required by: @@ -19,12 +19,15 @@ Required by:
---------------------------------------------------------------- */
.mocha {
background-color: #e5e5e5;
background-color: var(--color-background-default);
display: none;
overflow: hidden;
}
.mochaOverlay {
background-color: var(--color-background-default);
border-radius: 5px;
height: auto!important; /* #19844 also fixes out of block issue */
left: 0;
position: absolute; /* This is also set in theme.js in order to make theme transitions smoother */
top: 0;
@ -42,13 +45,13 @@ Required by: @@ -42,13 +45,13 @@ Required by:
*/
.mochaTitlebar {
background: url("../images/spacer.gif?from=fafafa&to=e5e5e5");
background-color: var(--color-background-default);
border-radius: 5px;
overflow: hidden;
width: 100%;
}
.mochaTitlebar h3 {
color: #888;
font-size: 12px;
font-weight: bold;
line-height: 15px;
@ -56,14 +59,9 @@ Required by: @@ -56,14 +59,9 @@ Required by:
padding: 5px 10px 4px 12px;
}
.mocha.isFocused .mochaTitlebar h3 {
color: #181818;
}
.mochaToolbarWrapper {
background: #f1f1f1;
border-top: 1px solid #d9d9d9;
height: 29px;
background-color: var(--color-background-popup);
height: auto !important;
overflow: hidden;
position: relative;
width: 100%; /* For IE */
@ -71,22 +69,24 @@ Required by: @@ -71,22 +69,24 @@ Required by:
div.mochaToolbarWrapper.bottom {
border: 0;
border-bottom: 1px solid #d9d9d9;
border-bottom: 1px solid var(--color-border-default);
}
.mochaToolbar {
border-top: 1px solid #fff;
border-top: 1px solid var(--color-border-default);
height: auto !important;
padding-top: 4px;
width: 100%; /* For IE */
}
.mochaContentBorder {
border-bottom: 1px solid #dadada;
border-top: 1px solid #dadada;
border-bottom: 1px solid var(--color-border-default);
border-top: 1px solid var(--color-border-default);
}
/* Has a fixed height and scrollbars if required. */
.mochaContentWrapper {
background: #fff;
background-color: var(--color-background-popup);
font-size: 12px;
overflow: auto;
}
@ -115,13 +115,12 @@ div.mochaToolbarWrapper.bottom { @@ -115,13 +115,12 @@ div.mochaToolbarWrapper.bottom {
/* Bottom right resize handle */
.mocha .cornerSE {
background: #fefefe; /* This is the color of the visible resize handle */
background-color: var(--color-background-default);
height: 20px;
width: 20px;
}
.mochaCanvasHeader {
background: transparent;
left: 0;
overflow: hidden;
position: absolute;
@ -131,7 +130,6 @@ div.mochaToolbarWrapper.bottom { @@ -131,7 +130,6 @@ div.mochaToolbarWrapper.bottom {
}
.mochaControls {
background: transparent;
height: 14px;
position: absolute;
right: 8px;
@ -141,7 +139,6 @@ div.mochaToolbarWrapper.bottom { @@ -141,7 +139,6 @@ div.mochaToolbarWrapper.bottom {
}
.mochaCanvasControls {
background: transparent;
position: absolute;
right: 8px;
top: 8px;
@ -159,8 +156,8 @@ div.mochaToolbarWrapper.bottom { @@ -159,8 +156,8 @@ div.mochaToolbarWrapper.bottom {
.mochaMinimizeButton,
.mochaMaximizeButton,
.mochaCloseButton {
background-color: #fff;
color: #666;
background-color: var(--color-background-default);
color: var(--color-text-default);
cursor: pointer;
float: right;
font-size: 1px;

26
src/webui/www/private/css/dynamicTable.css

@ -5,27 +5,23 @@ @@ -5,27 +5,23 @@
**************************************************************/
.dynamicTable tbody tr {
background-color: #fff;
}
.dynamicTable tbody tr:nth-child(even),
.dynamicTable tbody tr.alt {
background-color: #eee;
background-color: var(--color-background-default);
}
#transferList .dynamicTable td {
padding: 0 2px;
padding: 2px;
}
.dynamicTable tbody tr.selected {
background-color: #354158;
color: #fff;
background-color: var(--color-background-blue);
color: var(--color-text-white);
}
.dynamicTable tbody tr:hover {
background-color: #ee6600;
color: #fff;
background-color: var(--color-background-blue);
color: var(--color-text-white);
}
#transferList tr:hover {
@ -50,22 +46,18 @@ tr.dynamicTableHeader { @@ -50,22 +46,18 @@ tr.dynamicTableHeader {
}
.dynamicTable th {
background-color: #eee;
border-right: 1px solid #ccc;
border-right: 1px solid var(--color-border-default);
box-sizing: border-box;
padding: 4px;
white-space: nowrap;
}
.dynamicTable td {
padding: 0px 4px;
border-bottom: 1px solid transparent;
padding: 0 4px;
white-space: nowrap;
}
.dynamicTable thead tr {
background-color: #eee;
}
.dynamicTable th,
.dynamicTable td {
overflow: hidden;

41
src/webui/www/private/css/palette.css

@ -0,0 +1,41 @@ @@ -0,0 +1,41 @@
/* Adaptive color palette #19844 */
/* Default rules */
* {
--color-text-blue: hsl(210deg 100% 55%);
--color-text-orange: hsl(26deg 100% 45%);
--color-text-red: hsl(0deg 100% 65%);
--color-text-green: hsl(110deg 94% 27%);
--color-text-white: hsl(0deg 0% 100%);
--color-text-disabled: hsl(0deg 0% 60%);
--color-text-default: hsl(0deg 0% 33%);
--color-background-blue: hsl(210deg 42% 48%);
--color-background-popup: hsl(0deg 0% 100%);
--color-background-default: hsl(0deg 0% 94%);
--color-border-default: hsl(0deg 0% 85%);
}
:root {
color-scheme: light dark;
}
/* Light corrections */
@media (prefers-color-scheme: light) {
:root {
color-scheme: light;
}
}
/* Dark corrections */
@media (prefers-color-scheme: dark) {
:root {
color-scheme: dark;
}
* {
--color-text-default: hsl(0deg 0% 90%);
--color-background-popup: hsl(0deg 0% 20%);
--color-background-default: hsl(0deg 0% 30%);
--color-border-default: hsl(0deg 0% 33%);
}
}

99
src/webui/www/private/css/style.css

@ -15,7 +15,7 @@ a img, @@ -15,7 +15,7 @@ a img,
/* Structure */
body {
color: #555;
color: var(--color-text-default);
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
@ -36,7 +36,6 @@ body { @@ -36,7 +36,6 @@ body {
h2,
h3,
h4 {
color: #333;
font-size: 12px;
font-weight: bold;
margin: 0;
@ -44,13 +43,13 @@ h4 { @@ -44,13 +43,13 @@ h4 {
}
h2 {
color: #555;
color: var(--color-text-default);
font-size: 14px;
font-weight: bold;
}
#mochaPage h3 {
border-bottom: 1px solid #bbb;
border-bottom: 1px solid var(--color-border-default);
display: block;
font-size: 12px;
margin: 0 0 8px;
@ -59,7 +58,7 @@ h2 { @@ -59,7 +58,7 @@ h2 {
#error_div,
#rename_error {
color: #f00;
color: var(--color-text-red);
float: left;
font-size: 14px;
font-weight: bold;
@ -70,7 +69,7 @@ h4 { @@ -70,7 +69,7 @@ h4 {
}
a {
color: #e60;
color: var(--color-text-orange);
cursor: pointer;
text-decoration: none;
}
@ -99,12 +98,19 @@ dd { @@ -99,12 +98,19 @@ 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: 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 +123,9 @@ pre { @@ -117,9 +123,9 @@ pre {
/* Dividers */
hr {
background-color: #ddd;
background-color: var(--color-background-default);
border: 0px;
color: #ccc;
color: var(--color-text-default);
height: 1px;
}
@ -147,22 +153,22 @@ hr { @@ -147,22 +153,22 @@ hr {
#Filters ul img {
height: 16px;
padding: 2px 4px;
padding: 0 4px;
vertical-align: middle;
width: 16px;
}
.selectedFilter {
background-color: #415a8d;
color: #ffffff;
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: var(--color-text-white)!important; /* @TODO original re-definition below */
}
#properties {
background-color: #e5e5e5;
background-color: var(--color-background-default);
}
a.propButton {
@ -184,15 +190,15 @@ a.propButton img { @@ -184,15 +190,15 @@ a.propButton img {
/* context menu specific */
.contextMenu {
background: #eee;
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 var(--color-border-default);
}
.contextMenu li {
@ -201,7 +207,7 @@ a.propButton img { @@ -201,7 +207,7 @@ a.propButton img {
}
.contextMenu li a {
color: #000;
color: var(--color-text-default);
display: block;
font-family: tahoma, arial, sans-serif;
font-size: 12px;
@ -211,21 +217,21 @@ a.propButton img { @@ -211,21 +217,21 @@ a.propButton img {
}
.contextMenu li a:hover {
background-color: #ddd;
background-color: var(--color-background-blue);
color: var(--color-text-white);
}
.contextMenu li a.disabled {
color: #ccc;
font-style: italic;
}
.contextMenu li a.disabled:hover {
background-color: #eee;
color: var(--color-text-disabled);
}
.contextMenu li ul {
background: #eee;
border: 1px solid #999;
background: var(--color-background-default);
border: 1px solid var(--color-border-default);
left: -999em;
list-style-type: none;
margin: -29px 0 0 100%;
@ -259,6 +265,7 @@ a.propButton img { @@ -259,6 +265,7 @@ a.propButton img {
.contextMenu li img {
height: 16px;
margin-bottom: -4px;
margin-right: 0.5em; /*#19844 return missed padding */
width: 16px;
}
@ -328,7 +335,7 @@ a.propButton img { @@ -328,7 +335,7 @@ a.propButton img {
/* Mocha Customization */
#mochaToolbar {
height: 29px;
height: auto !important;
margin-top: 5px;
overflow-y: hidden;
position: relative;
@ -354,17 +361,20 @@ a.propButton img { @@ -354,17 +361,20 @@ a.propButton img {
}
#torrentsFilterToolbar {
float: right;
margin-right: 30px;
display: inline-block;
vertical-align: top;
}
#torrentsFilterInput {
background-color: var(--color-background-default);
background-image: url("../images/edit-find.svg");
background-position: left;
background-repeat: no-repeat;
background-size: 1.5em;
padding-left: 2em;
width: 160px;
border: 1px solid var(--color-border-default);
border-radius: 3px;
min-width: 160px;
padding: 4px 4px 4px 25px;
}
#torrentFilesFilterToolbar {
@ -403,7 +413,7 @@ label.partial { @@ -403,7 +413,7 @@ label.partial {
}
fieldset.settings {
border: solid 1px black;
border: 1px solid var(--color-border-default);
border-radius: 8px;
padding: 4px 4px 4px 10px;
}
@ -455,19 +465,16 @@ ul.filterList { @@ -455,19 +465,16 @@ ul.filterList {
}
ul.filterList a {
color: inherit;
color: var(--color-text-default);
display: block;
overflow: hidden;
padding: 4px 6px;
text-overflow: ellipsis;
white-space: nowrap;
}
ul.filterList li:hover {
background-color: #e60;
}
ul.filterList li:hover a {
color: white;
background-color: var(--color-background-default);
}
td.generalLabel {
@ -532,7 +539,6 @@ td.generalLabel { @@ -532,7 +539,6 @@ td.generalLabel {
}
.select-watched-folder-editable {
background-color: white;
border: solid grey 1px;
height: 20px;
position: relative;
@ -623,27 +629,18 @@ td.statusBarSeparator { @@ -623,27 +629,18 @@ td.statusBarSeparator {
}
.red {
color: red;
color: var(--color-text-red);
}
.green {
color: green;
color: var(--color-text-green);
}
.searchPluginsTableRow {
cursor: pointer;
}
#torrentFilesTableDiv .dynamicTable tr.nonAlt {
background-color: #fff;
}
#torrentFilesTableDiv .dynamicTable tr.nonAlt.selected {
background-color: #354158;
color: #fff;
}
#torrentFilesTableDiv .dynamicTable tr.nonAlt:hover {
background-color: #ee6600;
color: #fff;
background-color: var(--color-background-blue);
color: var(--color-text-white);
}

1
src/webui/www/private/download.html

@ -4,6 +4,7 @@ @@ -4,6 +4,7 @@
<head>
<meta charset="UTF-8" />
<title>QBT_TR(Add Torrent Links)QBT_TR[CONTEXT=downloadFromURL]</title>
<link rel="stylesheet" href="css/palette.css?v=${CACHEID}" type="text/css" />
<link rel="stylesheet" href="css/style.css?v=${CACHEID}" type="text/css" />
<link rel="stylesheet" href="css/Window.css?v=${CACHEID}" type="text/css" />
<script src="scripts/lib/MooTools-Core-1.6.0-compat-compressed.js"></script>

1
src/webui/www/private/downloadlimit.html

@ -4,6 +4,7 @@ @@ -4,6 +4,7 @@
<head>
<meta charset="UTF-8" />
<title>QBT_TR(Torrent Download Speed Limiting)QBT_TR[CONTEXT=TransferListWidget]</title>
<link rel="stylesheet" href="css/palette.css?v=${CACHEID}" type="text/css" />
<link rel="stylesheet" href="css/style.css?v=${CACHEID}" type="text/css" />
<script src="scripts/lib/MooTools-Core-1.6.0-compat-compressed.js"></script>
<script src="scripts/lib/MooTools-More-1.6.0-compat-compressed.js"></script>

1
src/webui/www/private/edittracker.html

@ -4,6 +4,7 @@ @@ -4,6 +4,7 @@
<head>
<meta charset="UTF-8" />
<title>QBT_TR(Tracker editing)QBT_TR[CONTEXT=TrackerListWidget]</title>
<link rel="stylesheet" href="css/palette.css?v=${CACHEID}" type="text/css" />
<link rel="stylesheet" href="css/style.css?v=${CACHEID}" type="text/css" />
<script src="scripts/lib/MooTools-Core-1.6.0-compat-compressed.js"></script>
<script src="scripts/lib/MooTools-More-1.6.0-compat-compressed.js"></script>

BIN
src/webui/www/private/images/bg-dropdown.gif

Binary file not shown.

Before

Width:  |  Height:  |  Size: 53 B

BIN
src/webui/www/private/images/bg-handle-horizontal.gif

Binary file not shown.

Before

Width:  |  Height:  |  Size: 57 B

BIN
src/webui/www/private/images/bg-header.gif

Binary file not shown.

Before

Width:  |  Height:  |  Size: 91 B

BIN
src/webui/www/private/images/bg-panel-header.gif

Binary file not shown.

Before

Width:  |  Height:  |  Size: 229 B

BIN
src/webui/www/private/images/tabs.gif

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.0 KiB

1
src/webui/www/private/index.html

@ -8,6 +8,7 @@ @@ -8,6 +8,7 @@
<title>qBittorrent Web UI</title>
<link rel="icon" type="image/png" href="images/qbittorrent32.png" sizes="32x32" />
<link rel="icon" type="image/svg+xml" href="images/qbittorrent-tray.svg" sizes="any" />
<link rel="stylesheet" type="text/css" href="css/palette.css?v=${CACHEID}" />
<link rel="stylesheet" type="text/css" href="css/dynamicTable.css?v=${CACHEID}" />
<link rel="stylesheet" type="text/css" href="css/style.css?v=${CACHEID}" />
<!--<link rel="stylesheet" type="text/css" href="css/Content.css" />-->

1
src/webui/www/private/newcategory.html

@ -4,6 +4,7 @@ @@ -4,6 +4,7 @@
<head>
<meta charset="UTF-8" />
<title>QBT_TR(New Category)QBT_TR[CONTEXT=TransferListWidget]</title>
<link rel="stylesheet" href="css/palette.css?v=${CACHEID}" type="text/css" />
<link rel="stylesheet" href="css/style.css?v=${CACHEID}" type="text/css" />
<script src="scripts/lib/MooTools-Core-1.6.0-compat-compressed.js"></script>
<script src="scripts/lib/MooTools-More-1.6.0-compat-compressed.js"></script>

1
src/webui/www/private/newfeed.html

@ -4,6 +4,7 @@ @@ -4,6 +4,7 @@
<head>
<meta charset="UTF-8" />
<title>QBT_TR(Please type a RSS feed URL)QBT_TR[CONTEXT=RSSWidget]</title>
<link rel="stylesheet" href="css/palette.css?v=${CACHEID}" type="text/css" />
<link rel="stylesheet" href="css/style.css?v=${CACHEID}" type="text/css" />
<script src="scripts/lib/MooTools-Core-1.6.0-compat-compressed.js"></script>
<script src="scripts/lib/MooTools-More-1.6.0-compat-compressed.js"></script>

1
src/webui/www/private/newfolder.html

@ -4,6 +4,7 @@ @@ -4,6 +4,7 @@
<head>
<meta charset="UTF-8" />
<title>QBT_TR(Please choose a folder name)QBT_TR[CONTEXT=RSSWidget]</title>
<link rel="stylesheet" href="css/palette.css?v=${CACHEID}" type="text/css" />
<link rel="stylesheet" href="css/style.css?v=${CACHEID}" type="text/css" />
<script src="scripts/lib/MooTools-Core-1.6.0-compat-compressed.js"></script>
<script src="scripts/lib/MooTools-More-1.6.0-compat-compressed.js"></script>

1
src/webui/www/private/newrule.html

@ -4,6 +4,7 @@ @@ -4,6 +4,7 @@
<head>
<meta charset="UTF-8" />
<title>QBT_TR(New rule name)QBT_TR[CONTEXT=AutomatedRssDownloader]</title>
<link rel="stylesheet" href="css/palette.css?v=${CACHEID}" type="text/css" />
<link rel="stylesheet" href="css/style.css?v=${CACHEID}" type="text/css" />
<script src="scripts/lib/MooTools-Core-1.6.0-compat-compressed.js"></script>
<script src="scripts/lib/MooTools-More-1.6.0-compat-compressed.js"></script>

1
src/webui/www/private/newtag.html

@ -4,6 +4,7 @@ @@ -4,6 +4,7 @@
<head>
<meta charset="UTF-8" />
<title>QBT_TR(Add Tags)QBT_TR[CONTEXT=TransferListWidget]</title>
<link rel="stylesheet" href="css/palette.css?v=${CACHEID}" type="text/css" />
<link rel="stylesheet" href="css/style.css?v=${CACHEID}" type="text/css" />
<script src="scripts/lib/MooTools-Core-1.6.0-compat-compressed.js"></script>
<script src="scripts/lib/MooTools-More-1.6.0-compat-compressed.js"></script>

1
src/webui/www/private/rename.html

@ -4,6 +4,7 @@ @@ -4,6 +4,7 @@
<head>
<meta charset="UTF-8" />
<title>QBT_TR(Rename)QBT_TR[CONTEXT=TransferListWidget]</title>
<link rel="stylesheet" href="css/palette.css?v=${CACHEID}" type="text/css" />
<link rel="stylesheet" href="css/style.css?v=${CACHEID}" type="text/css" />
<script src="scripts/lib/MooTools-Core-1.6.0-compat-compressed.js"></script>
<script src="scripts/lib/MooTools-More-1.6.0-compat-compressed.js"></script>

1
src/webui/www/private/rename_feed.html

@ -4,6 +4,7 @@ @@ -4,6 +4,7 @@
<head>
<meta charset="UTF-8" />
<title>QBT_TR(Please choose a new name for this RSS feed)QBT_TR[CONTEXT=RSSWidget]</title>
<link rel="stylesheet" href="css/palette.css?v=${CACHEID}" type="text/css" />
<link rel="stylesheet" href="css/style.css?v=${CACHEID}" type="text/css" />
<script src="scripts/lib/MooTools-Core-1.6.0-compat-compressed.js"></script>
<script src="scripts/lib/MooTools-More-1.6.0-compat-compressed.js"></script>

1
src/webui/www/private/rename_file.html

@ -4,6 +4,7 @@ @@ -4,6 +4,7 @@
<head>
<meta charset="UTF-8" />
<title>QBT_TR(Renaming)QBT_TR[CONTEXT=TorrentContentTreeView]</title>
<link rel="stylesheet" href="css/palette.css?v=${CACHEID}" type="text/css" />
<link rel="stylesheet" href="css/style.css?v=${CACHEID}" type="text/css" />
<script src="scripts/lib/MooTools-Core-1.6.0-compat-compressed.js"></script>
<script src="scripts/lib/MooTools-More-1.6.0-compat-compressed.js"></script>

1
src/webui/www/private/rename_files.html

@ -4,6 +4,7 @@ @@ -4,6 +4,7 @@
<head>
<meta charset="UTF-8" />
<title>QBT_TR(Renaming)QBT_TR[CONTEXT=TorrentContentTreeView]</title>
<link rel="stylesheet" href="css/palette.css?v=${CACHEID}" type="text/css" />
<script src="scripts/lib/MooTools-Core-1.6.0-compat-compressed.js"></script>
<script src="scripts/lib/MooTools-More-1.6.0-compat-compressed.js"></script>
<script src="scripts/filesystem.js?v=${CACHEID}"></script>

1
src/webui/www/private/rename_rule.html

@ -4,6 +4,7 @@ @@ -4,6 +4,7 @@
<head>
<meta charset="UTF-8" />
<title>QBT_TR(Rule renaming)QBT_TR[CONTEXT=AutomatedRssDownloader]</title>
<link rel="stylesheet" href="css/palette.css?v=${CACHEID}" type="text/css" />
<link rel="stylesheet" href="css/style.css?v=${CACHEID}" type="text/css" />
<script src="scripts/lib/MooTools-Core-1.6.0-compat-compressed.js"></script>
<script src="scripts/lib/MooTools-More-1.6.0-compat-compressed.js"></script>

1
src/webui/www/private/setlocation.html

@ -4,6 +4,7 @@ @@ -4,6 +4,7 @@
<head>
<meta charset="UTF-8" />
<title>QBT_TR(Set location)QBT_TR[CONTEXT=HttpServer]</title>
<link rel="stylesheet" href="css/palette.css?v=${CACHEID}" type="text/css" />
<link rel="stylesheet" href="css/style.css?v=${CACHEID}" type="text/css" />
<script src="scripts/lib/MooTools-Core-1.6.0-compat-compressed.js"></script>
<script src="scripts/lib/MooTools-More-1.6.0-compat-compressed.js"></script>

1
src/webui/www/private/shareratio.html

@ -4,6 +4,7 @@ @@ -4,6 +4,7 @@
<head>
<meta charset="UTF-8" />
<title>QBT_TR(Torrent Upload/Download Ratio Limiting)QBT_TR[CONTEXT=UpDownRatioDialog]</title>
<link rel="stylesheet" href="css/palette.css?v=${CACHEID}" type="text/css" />
<link rel="stylesheet" href="css/style.css?v=${CACHEID}" type="text/css" />
<script src="scripts/lib/MooTools-Core-1.6.0-compat-compressed.js"></script>
<script src="scripts/lib/MooTools-More-1.6.0-compat-compressed.js"></script>

1
src/webui/www/private/upload.html

@ -4,6 +4,7 @@ @@ -4,6 +4,7 @@
<head>
<meta charset="UTF-8" />
<title>QBT_TR(Upload local torrent)QBT_TR[CONTEXT=HttpServer]</title>
<link rel="stylesheet" href="css/palette.css?v=${CACHEID}" type="text/css" />
<link rel="stylesheet" href="css/style.css?v=${CACHEID}" type="text/css" />
<link rel="stylesheet" href="css/Window.css?v=${CACHEID}" type="text/css" />
<script src="scripts/lib/MooTools-Core-1.6.0-compat-compressed.js"></script>

1
src/webui/www/private/uploadlimit.html

@ -4,6 +4,7 @@ @@ -4,6 +4,7 @@
<head>
<meta charset="UTF-8" />
<title>QBT_TR(Torrent Upload Speed Limiting)QBT_TR[CONTEXT=TransferListWidget]</title>
<link rel="stylesheet" href="css/palette.css?v=${CACHEID}" type="text/css" />
<link rel="stylesheet" href="css/style.css?v=${CACHEID}" type="text/css" />
<script src="scripts/lib/MooTools-Core-1.6.0-compat-compressed.js"></script>
<script src="scripts/lib/MooTools-More-1.6.0-compat-compressed.js"></script>

5
src/webui/www/private/views/search.html

@ -1,12 +1,13 @@ @@ -1,12 +1,13 @@
<style>
#searchPattern {
width: 300px;
line-height: 2em;
padding: 1px 5px 1px 2em;
background-image: url("images/edit-find.svg");
background-repeat: no-repeat;
background-size: 1.5em;
background-position: left;
border: 1px solid var(--color-border-default);
border-radius: 3px;
padding: 2px 2px 2px 25px;
}
#categorySelect {

6
src/webui/www/webui.qrc

@ -7,6 +7,7 @@ @@ -7,6 +7,7 @@
<file>private/confirmruleclear.html</file>
<file>private/confirmruledeletion.html</file>
<file>private/css/Core.css</file>
<file>private/css/palette.css</file>
<file>private/css/dynamicTable.css</file>
<file>private/css/Layout.css</file>
<file>private/css/noscript.css</file>
@ -22,10 +23,6 @@ @@ -22,10 +23,6 @@
<file>private/images/application-rss.svg</file>
<file>private/images/application-url.svg</file>
<file>private/images/arrow-right.gif</file>
<file>private/images/bg-dropdown.gif</file>
<file>private/images/bg-handle-horizontal.gif</file>
<file>private/images/bg-header.gif</file>
<file>private/images/bg-panel-header.gif</file>
<file>private/images/checked-completed.svg</file>
<file>private/images/collapse.svg</file>
<file>private/images/configure.svg</file>
@ -351,7 +348,6 @@ @@ -351,7 +348,6 @@
<file>private/images/stalledUP.svg</file>
<file>private/images/stopped.svg</file>
<file>private/images/system-log-out.svg</file>
<file>private/images/tabs.gif</file>
<file>private/images/tags.svg</file>
<file>private/images/task-complete.svg</file>
<file>private/images/task-reject.svg</file>

Loading…
Cancel
Save