Browse Source

cleanup deprecated graphics and comments

adaptive-webui-private-19844
d47081 1 year ago
parent
commit
e150689bfe
  1. 66
      src/webui/www/private/css/Layout.css
  2. 29
      src/webui/www/private/css/Tabs.css
  3. 23
      src/webui/www/private/css/Window.css
  4. 16
      src/webui/www/private/css/dynamicTable.css
  5. 51
      src/webui/www/private/css/style.css
  6. BIN
      src/webui/www/private/images/bg-dropdown.gif
  7. BIN
      src/webui/www/private/images/bg-handle-horizontal.gif
  8. BIN
      src/webui/www/private/images/bg-header.gif
  9. BIN
      src/webui/www/private/images/bg-panel-header.gif
  10. BIN
      src/webui/www/private/images/tabs.gif
  11. 2
      src/webui/www/private/views/search.html
  12. 5
      src/webui/www/webui.qrc

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

@ -18,11 +18,6 @@ Required by: @@ -18,11 +18,6 @@ Required by:
/* Layout
---------------------------------------------------------------- */
html,
body {
/*background: #fff;#19844*/
}
body {
margin: 0; /* Required */
}
@ -36,12 +31,7 @@ body { @@ -36,12 +31,7 @@ body {
position: relative;
}
#desktopHeader {
/*background: #f2f2f2;#19844*/
}
#desktopTitlebarWrapper {
/*background: #718ba6 url("../images/bg-header.gif") repeat-x;#19844*/
height: 45px;
overflow: hidden;
position: relative;
@ -55,7 +45,6 @@ body { @@ -55,7 +45,6 @@ body {
}
#desktopTitlebar h1.applicationTitle {
/*color: #fff;#19844*/
display: none;
font-size: 20px;
font-weight: bold;
@ -65,7 +54,6 @@ body { @@ -65,7 +54,6 @@ body {
}
#desktopTitlebar h2.tagline {
/*color: #d4dce4;#19844*/
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;#19844*/
font-weight: bold;
}
#topNav {
/*color: #d4dce4;#19844*/
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;#19844*/
font-weight: normal;
}
@ -101,16 +86,12 @@ body { @@ -101,16 +86,12 @@ body {
/* Navbar */
#Filters_pad {/*#19844 @TODO element fix wanted*/
#Filters_pad {
padding: 0 1px!important;
}
#desktopNavbar {
/*background: #f2f2f2;#19844*/
/*background-color: #ccc;*/
/*border-bottom: 1px solid #3f3f3f;#19844*/
background-color: var(--color-background-default);
/*height: 20px;#19844*/
margin: 0 0px;
overflow: hidden; /* Remove this line if you want the menu to be backward compatible with Firefox 2 */
}
@ -131,16 +112,12 @@ body { @@ -131,16 +112,12 @@ body {
}
#desktopNavbar ul li a {
/*color: #333;#19844*/
color: var(--color-text-default);
font-weight: normal;
/*padding: 2px 10px 6px;#19844*/
padding: 4px 10px;
}
#desktopNavbar ul li a:hover {
/*background-color: #fff;#19844*/
/*color: #333;#19844*/
background-color: var(--color-background-blue);
color: var(--color-text-white);
}
@ -153,12 +130,9 @@ body { @@ -153,12 +130,9 @@ body {
}
#desktopNavbar li ul {
/*background: #fff url("../images/bg-dropdown.gif") repeat-y;#19844*/
/*border: 1px solid #3f3f3f;#19844*/
background-color: var(--color-background-default);
border: 1px solid var(--color-border-default);
left: -999em;
/*margin-top: -6px;#19844*/
position: absolute;
z-index: 8000;
}
@ -176,7 +150,6 @@ body { @@ -176,7 +150,6 @@ body {
}
#desktopNavbar li ul li .check {
/*background: #555;#19844*/
font-size: 1px;
height: 5px;
left: 6px;
@ -188,27 +161,18 @@ body { @@ -188,27 +161,18 @@ body {
}
#desktopNavbar li ul li a {
/*color: #3f3f3f;#19844*/
color: var(--color-text-default);
font-weight: normal;
min-width: 120px;
/*padding: 1px 10px 1px 20px;#19844*/
padding: 4px 10px 4px 25px;
position: relative;
}
#desktopNavbar li ul li a:hover {
/*background: #6c98d9;#19844*/
/*border-radius: 2px;#19844*/
/*color: #fff;#19844*/
background-color: var(--color-background-blue);
color: var(--color-text-white);
}
#desktopNavbar li ul li a:hover .check {
/*background: #fff;#19844*/
}
/* lists nested under hovered list items */
#desktopNavbar li:hover ul,
#desktopNavbar li.ieHover ul,
@ -225,17 +189,14 @@ body { @@ -225,17 +189,14 @@ body {
}
li.divider {
/*border-top: 1px solid #ebebeb;#19844*/
border-top: 1px solid var(--color-border-default);
margin-top: 2px;
padding-top: 3px;
}
#pageWrapper {
/*border-bottom: 1px solid #909090;#19844*/
/* border-top: 1px solid #909090;#19844*/
border-top: 1px solid var(--color-border-default);
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%;*/
@ -253,7 +214,6 @@ li.divider { @@ -253,7 +214,6 @@ li.divider {
}
#desktopFooter {
/*background: #f2f2f2;#19844*/
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
height: 24px;
@ -274,8 +234,6 @@ li.divider { @@ -274,8 +234,6 @@ li.divider {
/* Panels */
.panel {
/*background: #f8f8f8;#19844*/
/*border-bottom: 1px solid #b9b9b9;*/
border-bottom: 1px solid var(--color-border-default);
overflow: auto;
position: relative;
@ -285,10 +243,6 @@ li.divider { @@ -285,10 +243,6 @@ li.divider {
border-bottom: 0;
}
.panelAlt {
/*background: #f2f2f2;#19844*/
}
.bottomPanel {
border-bottom: 0;
}
@ -297,14 +251,7 @@ li.divider { @@ -297,14 +251,7 @@ li.divider {
padding: 8px;
}
#mainPanel {
/*background: #fff;#19844*/
}
.panel-header {
/*background: #f1f1f1 url("../images/bg-panel-header.gif") repeat-x;#19844*/
/*border-bottom: 1px solid #d3d3d3;#19844*/
/*height: 30px;#19844*/
border-bottom: 1px solid var(--color-border-default);
overflow: hidden;
position: relative;
@ -314,13 +261,7 @@ li.divider { @@ -314,13 +261,7 @@ li.divider {
padding-top: 2px;
}
.panel-headerContent.tabs {
/*background: url("../images/tabs.gif") repeat-x;#19844*/
/*background-position: left -68px;#19844*/
}
.panel-header h2 {
/*color: #333;#19844*/
display: inline-block;
font-size: 12px;
height: 22px;
@ -346,7 +287,6 @@ li.divider { @@ -346,7 +287,6 @@ li.divider {
/* Column and Panel Handles */
.horizontalHandle {
/*background: #eee url("../images/bg-handle-horizontal.gif") repeat-x;#19844*/
font-size: 1px;
height: 4px;
line-height: 1px;
@ -368,7 +308,7 @@ li.divider { @@ -368,7 +308,7 @@ li.divider {
}
.columnHandle {
background: /*#c3c3c3#19844*/ url("../images/handle-icon.gif") center center no-repeat;
background: url("../images/handle-icon.gif") center center no-repeat;
/*border: 1px solid #909090;*/
border: 1px solid var(--color-border-default);
border-bottom: 0;

29
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;#19844*/
/*background-position: left -70px;#19844*/
overflow: visible;
/*padding: 0 5px 2px 2px;#19844*/
}
.tab-menu {
@ -33,46 +30,22 @@ Required by: @@ -33,46 +30,22 @@ Required by:
}
.tab-menu li {
/*background: url("../images/tabs.gif") repeat-x;#19844*/
/*background-position: left -35px;#19844*/
cursor: pointer;
float: left;
/*margin: 0 0 5px;#19844*/
}
.tab-menu li.selected {
/*background: url("../images/tabs.gif") repeat-x;#19844*/
/*background-position: left 0;#19844*/
}
.tab-menu li a {
/*background: url("../images/tabs.gif") repeat-x;#19844*/
/*background-position: right -35px;#19844*/
/*color: #181818;#19844*/
background-color: var(--color-background-default);
color: var(--color-text-default);
border-radius: 5px 5px 0 0;
display: block;
font-weight: normal;
margin-left: 8px;
/*padding: 6px 15px 5px 9px;#19844 replace GIF backgrounds with CSS*/
padding: 5px 16px;/*#19844*/
padding: 5px 16px;
text-align: center;
}
.tab-menu li.selected a {
/*background: url("../images/tabs.gif") repeat-x;#19844*/
/*background-position: right 0;#19844*/
/*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);

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

@ -19,7 +19,6 @@ Required by: @@ -19,7 +19,6 @@ Required by:
---------------------------------------------------------------- */
.mocha {
/*background-color: #e5e5e5;#19844*/
background-color: var(--color-background-default);
display: none;
overflow: hidden;
@ -46,15 +45,13 @@ Required by: @@ -46,15 +45,13 @@ Required by:
*/
.mochaTitlebar {
/*background: url("../images/spacer.gif?from=fafafa&to=e5e5e5");#19844*/
background-color: var(--color-background-default);
border-radius: 5px;
background-color: var(--color-background-default);
overflow: hidden;
width: 100%;
}
.mochaTitlebar h3 {
/*color: #888;#19844*/
font-size: 12px;
font-weight: bold;
line-height: 15px;
@ -62,15 +59,8 @@ Required by: @@ -62,15 +59,8 @@ Required by:
padding: 5px 10px 4px 12px;
}
.mocha.isFocused .mochaTitlebar h3 {
/*color: #181818;#19844*/
}
.mochaToolbarWrapper {
/*background: #f1f1f1;#19844*/
/*border-top: 1px solid #d9d9d9;#19844*/
background-color: var(--color-background-popup);
/*height: 29px;#19844*/
height: auto !important;
overflow: hidden;
position: relative;
@ -79,12 +69,10 @@ Required by: @@ -79,12 +69,10 @@ Required by:
div.mochaToolbarWrapper.bottom {
border: 0;
/*border-bottom: 1px solid #d9d9d9;#19844*/
border-bottom: 1px solid var(--color-border-default);
}
.mochaToolbar {
/*border-top: 1px solid #fff;#19844*/
border-top: 1px solid var(--color-border-default);
padding-top: 4px;
height: auto !important;
@ -92,15 +80,12 @@ div.mochaToolbarWrapper.bottom { @@ -92,15 +80,12 @@ div.mochaToolbarWrapper.bottom {
}
.mochaContentBorder {
/*border-bottom: 1px solid #dadada;#19844*/
/*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. */
.mochaContentWrapper {
/*background: #fff;#19844*/
background-color: var(--color-background-popup);
font-size: 12px;
overflow: auto;
@ -130,14 +115,12 @@ div.mochaToolbarWrapper.bottom { @@ -130,14 +115,12 @@ div.mochaToolbarWrapper.bottom {
/* Bottom right resize handle */
.mocha .cornerSE {
/*background: #fefefe;#19844*/ /* This is the color of the visible resize handle */
background-color: var(--color-background-default);
height: 20px;
width: 20px;
}
.mochaCanvasHeader {
/*background: transparent;#19844*/
left: 0;
overflow: hidden;
position: absolute;
@ -147,7 +130,6 @@ div.mochaToolbarWrapper.bottom { @@ -147,7 +130,6 @@ div.mochaToolbarWrapper.bottom {
}
.mochaControls {
/*background: transparent;#19844*/
height: 14px;
position: absolute;
right: 8px;
@ -157,7 +139,6 @@ div.mochaToolbarWrapper.bottom { @@ -157,7 +139,6 @@ div.mochaToolbarWrapper.bottom {
}
.mochaCanvasControls {
/*background: transparent;#19844*/
position: absolute;
right: 8px;
top: 8px;
@ -175,9 +156,7 @@ div.mochaToolbarWrapper.bottom { @@ -175,9 +156,7 @@ div.mochaToolbarWrapper.bottom {
.mochaMinimizeButton,
.mochaMaximizeButton,
.mochaCloseButton {
/*background-color: #fff;#19844*/
background-color: var(--color-background-default);
/*color: #666;#19844*/
color: var(--color-text-default);
cursor: pointer;
float: right;

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

@ -5,31 +5,21 @@ @@ -5,31 +5,21 @@
**************************************************************/
.dynamicTable tbody tr {
/*background-color: #fff;#19844*/
}
.dynamicTable tbody tr:nth-child(even),
.dynamicTable tbody tr.alt {
/*background-color: #eee;#19844*/
background-color: var(--color-background-default);
}
#transferList .dynamicTable td {
/*padding: 0 2px;#19844*/
padding: 2px;
}
.dynamicTable tbody tr.selected {
/*background-color: #354158;#19844*/
/*color: #fff;#19844*/
background-color: var(--color-background-blue);
color: var(--color-text-white);
}
.dynamicTable tbody tr:hover {
/*background-color: #ee6600;#19844*/
/*color: #fff;#19844*/
background-color: var(--color-background-blue);
color: var(--color-text-white);
}
@ -56,8 +46,6 @@ tr.dynamicTableHeader { @@ -56,8 +46,6 @@ tr.dynamicTableHeader {
}
.dynamicTable th {
/*background-color: #eee;#19844*/
/*border-right: 1px solid #ccc;#19844*/
border-right: 1px solid var(--color-border-default);
box-sizing: border-box;
padding: 4px;
@ -70,10 +58,6 @@ tr.dynamicTableHeader { @@ -70,10 +58,6 @@ tr.dynamicTableHeader {
white-space: nowrap;
}
.dynamicTable thead tr {
/*background-color: #eee;#19844*/
}
.dynamicTable th,
.dynamicTable td {
overflow: hidden;

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

@ -15,7 +15,6 @@ a img, @@ -15,7 +15,6 @@ a img,
/* Structure */
body {
/*color: #555;#19844*/
color: var(--color-text-default);
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
@ -37,7 +36,6 @@ body { @@ -37,7 +36,6 @@ body {
h2,
h3,
h4 {
/*color: #333;#19844*/
font-size: 12px;
font-weight: bold;
margin: 0;
@ -45,14 +43,12 @@ h4 { @@ -45,14 +43,12 @@ h4 {
}
h2 {
/*color: #555;#19844*/
color: var(--color-text-default);
font-size: 14px;
font-weight: bold;
}
#mochaPage h3 {
/*border-bottom: 1px solid #bbb;#19844*/
border-bottom: 1px solid var(--color-border-default);
display: block;
font-size: 12px;
@ -62,7 +58,6 @@ h2 { @@ -62,7 +58,6 @@ h2 {
#error_div,
#rename_error {
/*color: #f00;#19844*/
color: var(--color-text-red);
float: left;
font-size: 14px;
@ -74,7 +69,6 @@ h4 { @@ -74,7 +69,6 @@ h4 {
}
a {
/*color: #e60;#19844*/
color: var(--color-text-orange);
cursor: pointer;
text-decoration: none;
@ -114,9 +108,6 @@ fieldset { @@ -114,9 +108,6 @@ fieldset {
/* Code */
pre {
/*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);
@ -132,8 +123,6 @@ pre { @@ -132,8 +123,6 @@ pre {
/* Dividers */
hr {
/*background-color: #ddd;#19844*/
/*color: #ccc;#19844*/
background-color: var(--color-background-default);
color: var(--color-text-default);
border: 0px;
@ -164,26 +153,21 @@ hr { @@ -164,26 +153,21 @@ hr {
#Filters ul img {
height: 16px;
/*padding: 2px 4px;#19844*/
padding: 0 4px;
vertical-align: middle;
width: 16px;
}
.selectedFilter {
/*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;#19844*/
color: var(--color-text-white)!important; /* @TODO original re-definition below */
}
#properties {
/*background-color: #e5e5e5;#19844*/
background-color: var(--color-background-default);
}
@ -206,8 +190,6 @@ a.propButton img { @@ -206,8 +190,6 @@ a.propButton img {
/* context menu specific */
.contextMenu {
/*background: #eee;#19844*/
/*border: 1px solid #999;*/
background-color: var(--color-background-default);
border: 1px solid var(--color-border-default);
display: none;
@ -216,7 +198,6 @@ a.propButton img { @@ -216,7 +198,6 @@ a.propButton img {
}
.contextMenu .separator {
/*border-top: 1px solid #999;#19844*/
border-top: 1px solid var(--color-border-default);
}
@ -226,7 +207,6 @@ a.propButton img { @@ -226,7 +207,6 @@ a.propButton img {
}
.contextMenu li a {
/*color: #000;#19844*/
color: var(--color-text-default);
display: block;
font-family: tahoma, arial, sans-serif;
@ -237,24 +217,19 @@ a.propButton img { @@ -237,24 +217,19 @@ a.propButton img {
}
.contextMenu li a:hover {
/*background-color: #ddd;#19844*/
background-color: var(--color-background-blue);
color: var(--color-text-white);
}
.contextMenu li a.disabled {
/*color: #ccc;#19844*/
font-style: italic;
}
.contextMenu li a.disabled:hover {
/*background-color: #eee;#19844*/
color: var(--color-text-disabled);
}
.contextMenu li ul {
/*background: #eee;#19844*/
/*border: 1px solid #999;#19844*/
background: var(--color-background-default);
border: 1px solid var(--color-border-default);
left: -999em;
@ -360,7 +335,6 @@ a.propButton img { @@ -360,7 +335,6 @@ a.propButton img {
/* Mocha Customization */
#mochaToolbar {
/*height: 29px;#19844*/
height: auto !important;
margin-top: 5px;
overflow-y: hidden;
@ -387,8 +361,6 @@ a.propButton img { @@ -387,8 +361,6 @@ a.propButton img {
}
#torrentsFilterToolbar {
/*float: right;#19844*/
/*margin-right: 30px;#19844*/
display: inline-block;
vertical-align: top;
}
@ -402,8 +374,6 @@ a.propButton img { @@ -402,8 +374,6 @@ a.propButton img {
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;
}
@ -443,7 +413,6 @@ label.partial { @@ -443,7 +413,6 @@ label.partial {
}
fieldset.settings {
/*border: solid 1px black;#19844*/
border: 1px solid var(--color-border-default);
border-radius: 8px;
padding: 4px 4px 4px 10px;
@ -496,7 +465,6 @@ ul.filterList { @@ -496,7 +465,6 @@ ul.filterList {
}
ul.filterList a {
/*color: inherit;#19844*/
color: var(--color-text-default);
padding: 4px 6px;
display: block;
@ -506,14 +474,9 @@ ul.filterList a { @@ -506,14 +474,9 @@ ul.filterList a {
}
ul.filterList li:hover {
/*background-color: #e60;#19844*/
background-color: var(--color-background-default);
}
ul.filterList li:hover a {
/*color: white;#19844*/
}
td.generalLabel {
text-align: right;
vertical-align: top;
@ -576,7 +539,6 @@ td.generalLabel { @@ -576,7 +539,6 @@ td.generalLabel {
}
.select-watched-folder-editable {
/*background-color: white;#19844*/
border: solid grey 1px;
height: 20px;
position: relative;
@ -667,12 +629,10 @@ td.statusBarSeparator { @@ -667,12 +629,10 @@ td.statusBarSeparator {
}
.red {
/*color: red;#19844*/
color: var(--color-text-red);
}
.green {
/*color: green;#19844*/
color: var(--color-text-green);
}
@ -680,18 +640,7 @@ td.statusBarSeparator { @@ -680,18 +640,7 @@ td.statusBarSeparator {
cursor: pointer;
}
#torrentFilesTableDiv .dynamicTable tr.nonAlt {
/*background-color: #fff;#19844*/
}
#torrentFilesTableDiv .dynamicTable tr.nonAlt.selected {
/*background-color: #354158;#19844*/
/*color: #fff;#19844*/
}
#torrentFilesTableDiv .dynamicTable tr.nonAlt:hover {
/*background-color: #ee6600;#19844*/
/*color: #fff;#19844*/
background-color: var(--color-background-blue);
color: var(--color-text-white);
}

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

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

@ -1,8 +1,6 @@ @@ -1,8 +1,6 @@
<style>
#searchPattern {
width: 300px;
/*line-height: 2em;#19844*/
/*padding: 1px 5px 1px 2em;#19844*/
background-image: url("images/edit-find.svg");
background-repeat: no-repeat;
background-size: 1.5em;

5
src/webui/www/webui.qrc

@ -23,10 +23,6 @@ @@ -23,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>
@ -352,7 +348,6 @@ @@ -352,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