Browse Source

init adaptive color scheme for private WebUI

adaptive-webui-private-19844
d47081 1 year ago
parent
commit
e54de75c27
  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. 105
      src/webui/www/private/css/Layout.css
  8. 46
      src/webui/www/private/css/Tabs.css
  9. 54
      src/webui/www/private/css/Window.css
  10. 30
      src/webui/www/private/css/dynamicTable.css
  11. 47
      src/webui/www/private/css/palette.css
  12. 132
      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. 1
      src/webui/www/private/index.html
  17. 1
      src/webui/www/private/newcategory.html
  18. 1
      src/webui/www/private/newfeed.html
  19. 1
      src/webui/www/private/newfolder.html
  20. 1
      src/webui/www/private/newrule.html
  21. 1
      src/webui/www/private/newtag.html
  22. 1
      src/webui/www/private/rename.html
  23. 1
      src/webui/www/private/rename_feed.html
  24. 1
      src/webui/www/private/rename_file.html
  25. 3
      src/webui/www/private/rename_files.html
  26. 1
      src/webui/www/private/rename_rule.html
  27. 1
      src/webui/www/private/setlocation.html
  28. 1
      src/webui/www/private/shareratio.html
  29. 1
      src/webui/www/private/upload.html
  30. 1
      src/webui/www/private/uploadlimit.html
  31. 7
      src/webui/www/private/views/search.html
  32. 1
      src/webui/www/webui.qrc

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

@ -4,6 +4,7 @@
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<title>QBT_TR(Add Peers)QBT_TR[CONTEXT=PeersAdditionDialog]</title> <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" /> <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-Core-1.6.0-compat-compressed.js"></script>
<script src="scripts/lib/MooTools-More-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 @@
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<title>QBT_TR(Add trackers)QBT_TR[CONTEXT=TrackersAdditionDialog]</title> <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" /> <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-Core-1.6.0-compat-compressed.js"></script>
<script src="scripts/lib/MooTools-More-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 @@
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<title>QBT_TR(Remove torrent(s))QBT_TR[CONTEXT=confirmDeletionDlg]</title> <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" /> <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-Core-1.6.0-compat-compressed.js"></script>
<script src="scripts/lib/MooTools-More-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 @@
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<title>QBT_TR(Deletion confirmation)QBT_TR[CONTEXT=RSSWidget]</title> <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" /> <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-Core-1.6.0-compat-compressed.js"></script>
<script src="scripts/lib/MooTools-More-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 @@
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<title>QBT_TR(Clear downloaded episodes)QBT_TR[CONTEXT=AutomatedRssDownloader]</title> <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" /> <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-Core-1.6.0-compat-compressed.js"></script>
<script src="scripts/lib/MooTools-More-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 @@
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<title>QBT_TR(Rule deletion confirmation)QBT_TR[CONTEXT=AutomatedRssDownloader]</title> <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" /> <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-Core-1.6.0-compat-compressed.js"></script>
<script src="scripts/lib/MooTools-More-1.6.0-compat-compressed.js"></script> <script src="scripts/lib/MooTools-More-1.6.0-compat-compressed.js"></script>

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

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

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

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

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

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

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

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

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

@ -0,0 +1,47 @@
/* Adaptive color palette #19844 */
/* Default rules */
* {
--color-text-blue: hsl(210, 100%, 55%);
--color-text-orange: hsl(26, 100%, 45%);
--color-text-red: hsl(0, 100%, 65%);
--color-text-green: hsl(110, 94%, 27%);
--color-text-white: hsl(0, 0%, 100%);
--color-text-disabled: hsl(0, 0%, 60%);
--color-text-default: hsl(0, 0%, 33%);
--color-background-blue: hsl(210, 42%, 48%);
--color-background-popup: hsl(0, 0%, 100%);
--color-background-default: hsl(0, 0%, 94%);
--color-border-default: hsl(0, 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(0, 0%, 90%);
--color-background-popup: hsl(0, 0%, 20%);
--color-background-default: hsl(0, 0%, 30%);
--color-border-default: hsl(0, 0%, 33%);
}
}

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

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

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

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

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

@ -4,6 +4,7 @@
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<title>QBT_TR(Torrent Download Speed Limiting)QBT_TR[CONTEXT=TransferListWidget]</title> <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" /> <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-Core-1.6.0-compat-compressed.js"></script>
<script src="scripts/lib/MooTools-More-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 @@
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<title>QBT_TR(Tracker editing)QBT_TR[CONTEXT=TrackerListWidget]</title> <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" /> <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-Core-1.6.0-compat-compressed.js"></script>
<script src="scripts/lib/MooTools-More-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/index.html

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

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

@ -4,6 +4,7 @@
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<title>QBT_TR(New Category)QBT_TR[CONTEXT=TransferListWidget]</title> <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" /> <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-Core-1.6.0-compat-compressed.js"></script>
<script src="scripts/lib/MooTools-More-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 @@
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<title>QBT_TR(Please type a RSS feed URL)QBT_TR[CONTEXT=RSSWidget]</title> <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" /> <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-Core-1.6.0-compat-compressed.js"></script>
<script src="scripts/lib/MooTools-More-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 @@
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<title>QBT_TR(Please choose a folder name)QBT_TR[CONTEXT=RSSWidget]</title> <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" /> <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-Core-1.6.0-compat-compressed.js"></script>
<script src="scripts/lib/MooTools-More-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 @@
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<title>QBT_TR(New rule name)QBT_TR[CONTEXT=AutomatedRssDownloader]</title> <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" /> <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-Core-1.6.0-compat-compressed.js"></script>
<script src="scripts/lib/MooTools-More-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 @@
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<title>QBT_TR(Add Tags)QBT_TR[CONTEXT=TransferListWidget]</title> <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" /> <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-Core-1.6.0-compat-compressed.js"></script>
<script src="scripts/lib/MooTools-More-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 @@
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<title>QBT_TR(Rename)QBT_TR[CONTEXT=TransferListWidget]</title> <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" /> <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-Core-1.6.0-compat-compressed.js"></script>
<script src="scripts/lib/MooTools-More-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 @@
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<title>QBT_TR(Please choose a new name for this RSS feed)QBT_TR[CONTEXT=RSSWidget]</title> <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" /> <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-Core-1.6.0-compat-compressed.js"></script>
<script src="scripts/lib/MooTools-More-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 @@
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<title>QBT_TR(Renaming)QBT_TR[CONTEXT=TorrentContentTreeView]</title> <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" /> <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-Core-1.6.0-compat-compressed.js"></script>
<script src="scripts/lib/MooTools-More-1.6.0-compat-compressed.js"></script> <script src="scripts/lib/MooTools-More-1.6.0-compat-compressed.js"></script>

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

@ -3,7 +3,8 @@
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<title>QBT_TR(Renaming))QBT_TR[CONTEXT=TorrentContentTreeView]</title> <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-Core-1.6.0-compat-compressed.js"></script>
<script src="scripts/lib/MooTools-More-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> <script src="scripts/filesystem.js?v=${CACHEID}"></script>

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

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

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

@ -4,6 +4,7 @@
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<title>QBT_TR(Torrent Upload Speed Limiting)QBT_TR[CONTEXT=TransferListWidget]</title> <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" /> <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-Core-1.6.0-compat-compressed.js"></script>
<script src="scripts/lib/MooTools-More-1.6.0-compat-compressed.js"></script> <script src="scripts/lib/MooTools-More-1.6.0-compat-compressed.js"></script>

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

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

1
src/webui/www/webui.qrc

@ -7,6 +7,7 @@
<file>private/confirmruleclear.html</file> <file>private/confirmruleclear.html</file>
<file>private/confirmruledeletion.html</file> <file>private/confirmruledeletion.html</file>
<file>private/css/Core.css</file> <file>private/css/Core.css</file>
<file>private/css/palette.css</file>
<file>private/css/dynamicTable.css</file> <file>private/css/dynamicTable.css</file>
<file>private/css/Layout.css</file> <file>private/css/Layout.css</file>
<file>private/css/noscript.css</file> <file>private/css/noscript.css</file>

Loading…
Cancel
Save