diff --git a/src/Icons/skin/bg-handle-horizontal.gif b/src/Icons/skin/bg-handle-horizontal.gif new file mode 100644 index 000000000..27fd405ba Binary files /dev/null and b/src/Icons/skin/bg-handle-horizontal.gif differ diff --git a/src/Icons/skin/handle-icon-horizontal.gif b/src/Icons/skin/handle-icon-horizontal.gif new file mode 100644 index 000000000..fb7dff199 Binary files /dev/null and b/src/Icons/skin/handle-icon-horizontal.gif differ diff --git a/src/Icons/skin/handle-icon.gif b/src/Icons/skin/handle-icon.gif new file mode 100644 index 000000000..42412517c Binary files /dev/null and b/src/Icons/skin/handle-icon.gif differ diff --git a/src/icons.qrc b/src/icons.qrc index 65d03e0bf..67d239c0b 100644 --- a/src/icons.qrc +++ b/src/icons.qrc @@ -11,6 +11,7 @@ Icons/uparrow.png Icons/rss16.png Icons/skin/checkingUP.png + Icons/skin/bg-handle-horizontal.gif Icons/skin/play.png Icons/skin/qbittorrent22.png Icons/skin/queuedDL.png @@ -19,6 +20,8 @@ Icons/skin/preview.png Icons/skin/stalled.png Icons/skin/delete.png + Icons/skin/handle-icon-horizontal.gif + Icons/skin/handle-icon.gif Icons/skin/url.png Icons/skin/stalledUP.png Icons/skin/filteractive.png diff --git a/src/webui/css/mocha.css b/src/webui/css/mocha.css index 113aafdbc..bc9793fbc 100644 --- a/src/webui/css/mocha.css +++ b/src/webui/css/mocha.css @@ -372,7 +372,7 @@ li.divider { top: 0; left: 0; right: 0; - padding: 8px; + padding: 0; overflow: hidden; } @@ -394,7 +394,7 @@ li.divider { } .panel-headerContent.tabs { - background: url(../images/tabs.gif) repeat-x; + background: url(../images/skin/tabs.gif) repeat-x; background-position: left -68px; } @@ -454,7 +454,7 @@ li.divider { line-height: 1px; font-size: 1px; overflow: hidden; - background: #d1d1d1 url(../images/bg-handle-horizontal.gif) repeat-x; + background: #d1d1d1 url(../images/skin/bg-handle-horizontal.gif) repeat-x; } .horizontalHandle.detached .handleIcon { @@ -467,7 +467,7 @@ li.divider { line-height: 1px; font-size: 1px; overflow: hidden; - background: url(../images/handle-icon-horizontal.gif) center center no-repeat; + background: url(../images/skin/handle-icon-horizontal.gif) center center no-repeat; } .columnHandle { @@ -475,7 +475,7 @@ li.divider { float: left; width: 4px; overflow: hidden; - background: #bbb url(../images/handle-icon.gif) center center no-repeat; + background: #bbb url(../images/skin/handle-icon.gif) center center no-repeat; border: 1px solid #9a9a9a; border-top: 0; } @@ -764,7 +764,7 @@ div.mochaToolbarWrapper.bottom { .toolbarTabs { padding: 0 5px 2px 2px; - background: url(../images/tabs.gif) repeat-x; + background: url(../images/skin/tabs.gif) repeat-x; background-position: left -70px; overflow: visible; } @@ -783,12 +783,12 @@ div.mochaToolbarWrapper.bottom { float: left; margin: 0 0 5px 0; cursor: pointer; - background: url(../images/tabs.gif) repeat-x; + background: url(../images/skin/tabs.gif) repeat-x; background-position: left -35px; } .tab-menu li.selected { - background: url(../images/tabs.gif) repeat-x; + background: url(../images/skin/tabs.gif) repeat-x; background-position: left 0; } @@ -799,14 +799,14 @@ div.mochaToolbarWrapper.bottom { text-align: center; font-weight: normal; color: #141414; - background: url(../images/tabs.gif) repeat-x; + background: url(../images/skin/tabs.gif) repeat-x; background-position: right -35px; } .tab-menu li.selected a { color: #141414; font-weight: bold; - background: url(../images/tabs.gif) repeat-x; + background: url(../images/skin/tabs.gif) repeat-x; background-position: right 0; } diff --git a/src/webui/scripts/mocha.js b/src/webui/scripts/mocha.js index 170a7b871..0fa4ff6d1 100644 --- a/src/webui/scripts/mocha.js +++ b/src/webui/scripts/mocha.js @@ -3420,7 +3420,7 @@ MochaUI.Panel = new Class({ height: 125, addClass: '', scrollbars: true, - padding: { top: 8, right: 8, bottom: 8, left: 8 }, + padding: { top: 0, right: 0, bottom: 0, left: 0 }, // Color options: panelBackground: '#f8f8f8',