cleanup deprecated graphics and comments

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

@@ -18,11 +18,6 @@ Required by:
 /* Layout
 ---------------------------------------------------------------- */
 
-html,
-body {
-    /*background: #fff;#19844*/
-}
-
 body {
     margin: 0; /* Required */
 }
@@ -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 {
 }
 
 #desktopTitlebar h1.applicationTitle {
-    /*color: #fff;#19844*/
     display: none;
     font-size: 20px;
     font-weight: bold;
@@ -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 {
 }
 
 #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 {
 }
 
 #topNav a {
-    /*color: #fff;#19844*/
     font-weight: normal;
 }
 
@@ -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 {
 }
 
 #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 {
 }
 
 #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 {
 }
 
 #desktopNavbar li ul li .check {
-    /*background: #555;#19844*/
     font-size: 1px;
     height: 5px;
     left: 6px;
@@ -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 {
 }
 
 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 {
 }
 
 #desktopFooter {
-    /*background: #f2f2f2;#19844*/
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 11px;
     height: 24px;
@@ -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 {
     border-bottom: 0;
 }
 
-.panelAlt {
-    /*background: #f2f2f2;#19844*/
-}
-
 .bottomPanel {
     border-bottom: 0;
 }
@@ -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 {
     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 {
 /* 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 {
 }
 
 .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;

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

@@ -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:
 }
 
 .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;
-    padding: 5px 16px;/*#19844*/
     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);
 

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

@@ -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:
 */
 
 .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:
     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:
 
 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 {
 }
 
 .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 {
 
 /* 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 {
 }
 
 .mochaControls {
-    /*background: transparent;#19844*/
     height: 14px;
     position: absolute;
     right: 8px;
@@ -157,7 +139,6 @@ div.mochaToolbarWrapper.bottom {
 }
 
 .mochaCanvasControls {
-    /*background: transparent;#19844*/
     position: absolute;
     right: 8px;
     top: 8px;
@@ -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;

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

@@ -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 {
 }
 
 .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 {
     white-space: nowrap;
 }
 
-.dynamicTable thead tr {
-    /*background-color: #eee;#19844*/
-}
-
 .dynamicTable th,
 .dynamicTable td {
     overflow: hidden;

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

@@ -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 {
 h2,
 h3,
 h4 {
-    /*color: #333;#19844*/
     font-size: 12px;
     font-weight: bold;
     margin: 0;
@@ -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 {
 
 #error_div,
 #rename_error {
-    /*color: #f00;#19844*/
     color: var(--color-text-red);
     float: left;
     font-size: 14px;
@@ -74,7 +69,6 @@ h4 {
 }
 
 a {
-    /*color: #e60;#19844*/
     color: var(--color-text-orange);
     cursor: pointer;
     text-decoration: none;
@@ -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 {
 /* 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 {
 
 #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 {
 /* 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 {
 }
 
 .contextMenu .separator {
-    /*border-top: 1px solid #999;#19844*/
     border-top: 1px solid var(--color-border-default);
 }
 
@@ -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 {
 }
 
 .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 {
 /* Mocha Customization */
 
 #mochaToolbar {
-    /*height: 29px;#19844*/
     height: auto !important;
     margin-top: 5px;
     overflow-y: hidden;
@@ -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 {
     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 {
 }
 
 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 {
 }
 
 ul.filterList a {
-    /*color: inherit;#19844*/
     color: var(--color-text-default);
     padding: 4px 6px;
     display: block;
@@ -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 {
 }
 
 .select-watched-folder-editable {
-    /*background-color: white;#19844*/
     border: solid grey 1px;
     height: 20px;
     position: relative;
@@ -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 {
     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);
 }

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

@@ -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;

src/webui/www/webui.qrc

@@ -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 @@
         <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>