d4708
/
qBittorrent
mirror of https://github.com/d47081/qBittorrent.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

Sort CSS properties

adaptive-webui-19844
Chocobo1 4 years ago
parent
b2081faf87
commit
af49a4dd5a
No known key found for this signature in database
GPG Key ID: 210D9C873253A68C
6 changed files with 259 additions and 268 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 155
      src/webui/www/private/css/Layout.css
  2. 24
      src/webui/www/private/css/Tabs.css
  3. 138
      src/webui/www/private/css/Window.css
  4. 18
      src/webui/www/private/css/dynamicTable.css
  5. 182
      src/webui/www/private/css/style.css
  6. 10
      src/webui/www/public/css/login.css

155
src/webui/www/private/css/Layout.css
Unescape View File

@ -28,12 +28,12 @@ body {
} }
#desktop { #desktop {
position: relative; cursor: default; /* Fix for issue in IE7. IE7 wants to use the I-bar text cursor */
min-width: 400px; /* Helps keep header content from wrapping */
height: 100%; height: 100%;
min-height: 100%; min-height: 100%;
min-width: 400px; /* Helps keep header content from wrapping */
overflow: hidden; overflow: hidden;
cursor: default; /* Fix for issue in IE7. IE7 wants to use the I-bar text cursor */ position: relative;
} }
#desktopHeader { #desktopHeader {
@ -41,35 +41,35 @@ body {
} }
#desktopTitlebarWrapper { #desktopTitlebarWrapper {
position: relative; background: #718ba6 url(../images/bg-header.gif) repeat-x;
height: 45px; height: 45px;
overflow: hidden; overflow: hidden;
background: #718ba6 url(../images/bg-header.gif) repeat-x; position: relative;
} }
#desktopTitlebar { #desktopTitlebar {
padding: 7px 8px 6px 8px;
height: 32px;
background: url(../images/logo.gif) no-repeat; background: url(../images/logo.gif) no-repeat;
background-position: left 0; background-position: left 0;
height: 32px;
padding: 7px 8px 6px 8px;
} }
#desktopTitlebar h1.applicationTitle { #desktopTitlebar h1.applicationTitle {
color: #fff;
display: none; display: none;
margin: 0;
padding: 0 5px 0 0;
font-size: 20px; font-size: 20px;
line-height: 25px;
font-weight: bold; font-weight: bold;
color: #fff; line-height: 25px;
margin: 0;
padding: 0 5px 0 0;
} }
#desktopTitlebar h2.tagline { #desktopTitlebar h2.tagline {
padding: 7px 0 0 0; color: #d4dce4;
font-family: Verdana, Arial, Helvetica, sans-serif; font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px; font-size: 10px;
color: #d4dce4;
font-weight: bold; font-weight: bold;
padding: 7px 0 0 0;
text-align: center; text-align: center;
text-transform: uppercase; text-transform: uppercase;
} }
@ -80,14 +80,14 @@ body {
} }
#topNav { #topNav {
color: #d4dce4;
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;
position: absolute; position: absolute;
right: 0; right: 0;
top: 0;
color: #d4dce4;
text-align: right; text-align: right;
padding: 13px 10px 0 0; top: 0;
} }
#topNav a { #topNav a {
@ -103,20 +103,18 @@ body {
#desktopNavbar { #desktopNavbar {
background: #f2f2f2; background: #f2f2f2;
/*height: 30px;*/
margin: 0 0px;
overflow: hidden; /* Remove this line if you want the menu to be backward compatible with Firefox 2 */
/* Fixes by Chris */
/*background-color: #ccc;*/ /*background-color: #ccc;*/
height: 20px;
border-bottom: 1px solid #3f3f3f; border-bottom: 1px solid #3f3f3f;
height: 20px;
margin: 0 0px;
overflow: hidden; /* Remove this line if you want the menu to be backward compatible with Firefox 2 */
} }
#desktopNavbar ul { #desktopNavbar ul {
padding: 0;
margin: 0;
list-style: none;
font-size: 12px; font-size: 12px;
list-style: none;
margin: 0;
padding: 0;
} }
#desktopNavbar > ul > li { #desktopNavbar > ul > li {
@ -128,34 +126,30 @@ body {
} }
#desktopNavbar ul li a { #desktopNavbar ul li a {
/*padding: 6px 10px 6px 10px;*/
color: #333; color: #333;
font-weight: normal; font-weight: normal;
/* Fix by Chris */
padding: 2px 10px 6px 10px; padding: 2px 10px 6px 10px;
} }
#desktopNavbar ul li a:hover { #desktopNavbar ul li a:hover {
color: #333;
/* Fix By Chris */
background-color: #fff; background-color: #fff;
color: #333;
} }
#desktopNavbar ul li a.arrow-right, #desktopNavbar ul li a.arrow-right,
#desktopNavbar ul li a:hover.arrow-right { #desktopNavbar ul li a:hover.arrow-right {
background-image: url(../images/arrow-right.gif); background-image: url(../images/arrow-right.gif);
background-repeat: no-repeat;
background-position: right 7px; background-position: right 7px;
background-repeat: no-repeat;
} }
#desktopNavbar li ul { #desktopNavbar li ul {
border: 1px solid #3f3f3f;
background: #fff url(../images/bg-dropdown.gif) repeat-y; background: #fff url(../images/bg-dropdown.gif) repeat-y;
position: absolute; border: 1px solid #3f3f3f;
left: -999em; left: -999em;
z-index: 8000;
/* Fix by Chris */
margin-top: -6px; margin-top: -6px;
position: absolute;
z-index: 8000;
} }
#desktopNavbar li:hover ul ul, #desktopNavbar li:hover ul ul,
@ -171,32 +165,29 @@ body {
} }
#desktopNavbar li ul li .check { #desktopNavbar li ul li .check {
background: #555;
font-size: 1px;
height: 5px;
left: 6px;
line-height: 1px;
overflow: hidden;
position: absolute; position: absolute;
top: 8px; top: 8px;
left: 6px;
width: 5px; width: 5px;
height: 5px;
background: #555;
overflow: hidden;
line-height: 1px;
font-size: 1px;
} }
#desktopNavbar li ul li a { #desktopNavbar li ul li a {
position: relative;
/*padding: 1px 9px 1px 25px;*/
min-width: 120px;
color: #3f3f3f; color: #3f3f3f;
font-weight: normal; font-weight: normal;
/* Fix By Chris */ min-width: 120px;
padding: 1px 10px 1px 20px; padding: 1px 10px 1px 20px;
/* Reduce left padding */ position: relative;
} }
#desktopNavbar li ul li a:hover { #desktopNavbar li ul li a:hover {
background: #6c98d9; background: #6c98d9;
color: #fff;
-moz-border-radius: 2px; -moz-border-radius: 2px;
color: #fff;
} }
#desktopNavbar li ul li a:hover .check { #desktopNavbar li ul li a:hover .check {
@ -219,36 +210,36 @@ body {
} }
li.divider { li.divider {
border-top: 1px solid #ebebeb;
margin-top: 2px; margin-top: 2px;
padding-top: 3px; padding-top: 3px;
border-top: 1px solid #ebebeb;
} }
#pageWrapper { #pageWrapper {
position: relative;
overflow: hidden; /* This can be set to hidden or auto */
border-top: 1px solid #909090;
border-bottom: 1px solid #909090; border-bottom: 1px solid #909090;
border-top: 1px solid #909090;
overflow: hidden; /* This can be set to hidden or auto */
position: relative;
/*height: 100%;*/ /*height: 100%;*/
} }
/* Footer */ /* Footer */
#desktopFooterWrapper { #desktopFooterWrapper {
position: absolute;
left: 0;
bottom: 0; bottom: 0;
width: 100%;
height: 30px; height: 30px;
left: 0;
overflow: hidden; overflow: hidden;
position: absolute;
width: 100%;
} }
#desktopFooter { #desktopFooter {
background: #f2f2f2;
font-family: Verdana, Arial, Helvetica, sans-serif; font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px; font-size: 11px;
height: 24px; height: 24px;
padding: 6px 8px 0 8px; padding: 6px 8px 0 8px;
background: #f2f2f2;
} }
/* Panel Layout /* Panel Layout
@ -257,18 +248,18 @@ li.divider {
/* Columns */ /* Columns */
.column { .column {
position: relative;
float: left; float: left;
overflow: hidden; /* Required by IE6 */ overflow: hidden; /* Required by IE6 */
position: relative;
} }
/* Panels */ /* Panels */
.panel { .panel {
position: relative;
overflow: auto;
background: #f8f8f8; background: #f8f8f8;
border-bottom: 1px solid #b9b9b9; border-bottom: 1px solid #b9b9b9;
overflow: auto;
position: relative;
} }
.panelWrapper.collapsed .panel-header { .panelWrapper.collapsed .panel-header {
@ -292,11 +283,11 @@ li.divider {
} }
.panel-header { .panel-header {
position: relative;
background: #f1f1f1 url(../images/bg-panel-header.gif) repeat-x; background: #f1f1f1 url(../images/bg-panel-header.gif) repeat-x;
border-bottom: 1px solid #d3d3d3;
height: 30px; height: 30px;
overflow: hidden; overflow: hidden;
border-bottom: 1px solid #d3d3d3; position: relative;
} }
.panel-headerContent { .panel-headerContent {
@ -309,13 +300,13 @@ li.divider {
} }
.panel-header h2 { .panel-header h2 {
color: #333;
display: inline-block; display: inline-block;
font-size: 12px; font-size: 12px;
margin: 0;
padding: 3px 8px 0 8px;
height: 22px; height: 22px;
margin: 0;
overflow: hidden; overflow: hidden;
color: #333; padding: 3px 8px 0 8px;
} }
.panel-collapse { .panel-collapse {
@ -328,18 +319,18 @@ li.divider {
} }
.icon16 { .icon16 {
margin: 4px 0 0 2px;
cursor: pointer; cursor: pointer;
margin: 4px 0 0 2px;
} }
/* Column and Panel Handles */ /* Column and Panel Handles */
.horizontalHandle { .horizontalHandle {
background: #eee url(../images/bg-handle-horizontal.gif) repeat-x;
font-size: 1px;
height: 4px; height: 4px;
line-height: 1px; line-height: 1px;
font-size: 1px;
overflow: hidden; overflow: hidden;
background: #eee url(../images/bg-handle-horizontal.gif) repeat-x;
} }
.horizontalHandle.detached .handleIcon { .horizontalHandle.detached .handleIcon {
@ -347,34 +338,34 @@ li.divider {
} }
.horizontalHandle .handleIcon { .horizontalHandle .handleIcon {
margin: 0 auto; background: url(../images/handle-icon-horizontal.gif) center center
no-repeat;
font-size: 1px;
height: 4px; height: 4px;
line-height: 1px; line-height: 1px;
font-size: 1px; margin: 0 auto;
overflow: hidden; overflow: hidden;
background: url(../images/handle-icon-horizontal.gif) center center
no-repeat;
} }
.columnHandle { .columnHandle {
min-height: 10px;
float: left;
width: 4px;
overflow: hidden;
background: #c3c3c3 url(../images/handle-icon.gif) center center no-repeat; background: #c3c3c3 url(../images/handle-icon.gif) center center no-repeat;
border: 1px solid #909090; border: 1px solid #909090;
border-top: 0;
border-bottom: 0; border-bottom: 0;
border-top: 0;
float: left;
min-height: 10px;
overflow: hidden;
width: 4px;
} }
/* Toolboxes */ /* Toolboxes */
.toolbox { .toolbox {
float: right; float: right;
margin-top: 3px;
padding: 0 5px;
height: 24px; height: 24px;
margin-top: 3px;
overflow: hidden; overflow: hidden;
padding: 0 5px;
text-align: right; text-align: right;
} }
@ -389,16 +380,16 @@ div.toolbox.divider {
} }
.iconWrapper { .iconWrapper {
border: 1px solid transparent;
display: inline-block; display: inline-block;
height: 22px; height: 22px;
min-width: 22px; min-width: 22px;
overflow: hidden; overflow: hidden;
border: 1px solid transparent;
} }
* html .iconWrapper { * html .iconWrapper {
padding: 1px;
border: 0; border: 0;
padding: 1px;
} }
.iconWrapper img { .iconWrapper img {
@ -413,22 +404,22 @@ div.toolbox.divider {
} }
#spinnerWrapper { #spinnerWrapper {
width: 16px;
height: 16px;
background: url(../images/spinner-placeholder.gif) no-repeat; background: url(../images/spinner-placeholder.gif) no-repeat;
height: 16px;
margin: 4px 5px 0 5px; margin: 4px 5px 0 5px;
width: 16px;
} }
#spinner { #spinner {
display: none;
background: url(../images/spinner.gif) no-repeat; background: url(../images/spinner.gif) no-repeat;
width: 16px; display: none;
height: 16px; height: 16px;
width: 16px;
} }
#desktopFooter td { #desktopFooter td {
vertical-align: top;
text-align: left; text-align: left;
vertical-align: top;
} }
td.speedLabel { td.speedLabel {

24
src/webui/www/private/css/Tabs.css
Unescape View File

@ -18,26 +18,26 @@ Required by:
/* Toolbar Tabs */ /* Toolbar Tabs */
.toolbarTabs { .toolbarTabs {
padding: 0 5px 2px 2px;
background: url(../images/tabs.gif) repeat-x; background: url(../images/tabs.gif) repeat-x;
background-position: left -70px; background-position: left -70px;
overflow: visible; overflow: visible;
padding: 0 5px 2px 2px;
} }
.tab-menu { .tab-menu {
font-size: 11px;
line-height: 16px;
list-style: none; list-style: none;
margin: 0; margin: 0;
padding: 0; padding: 0;
line-height: 16px;
font-size: 11px;
} }
.tab-menu li { .tab-menu li {
float: left;
margin: 0 0 5px 0;
cursor: pointer;
background: url(../images/tabs.gif) repeat-x; background: url(../images/tabs.gif) repeat-x;
background-position: left -35px; background-position: left -35px;
cursor: pointer;
float: left;
margin: 0 0 5px 0;
} }
.tab-menu li.selected { .tab-menu li.selected {
@ -46,19 +46,19 @@ Required by:
} }
.tab-menu li a { .tab-menu li a {
background: url(../images/tabs.gif) repeat-x;
background-position: right -35px;
color: #181818;
display: block; display: block;
font-weight: normal;
margin-left: 8px; margin-left: 8px;
padding: 6px 15px 5px 9px; padding: 6px 15px 5px 9px;
text-align: center; text-align: center;
font-weight: normal;
color: #181818;
background: url(../images/tabs.gif) repeat-x;
background-position: right -35px;
} }
.tab-menu li.selected a { .tab-menu li.selected a {
color: #181818;
font-weight: bold;
background: url(../images/tabs.gif) repeat-x; background: url(../images/tabs.gif) repeat-x;
background-position: right 0; background-position: right 0;
color: #181818;
font-weight: bold;
} }

138
src/webui/www/private/css/Window.css
Unescape View File

@ -19,15 +19,15 @@ Required by:
---------------------------------------------------------------- */ ---------------------------------------------------------------- */
.mocha { .mocha {
background-color: #e5e5e5;
display: none; display: none;
overflow: hidden; overflow: hidden;
background-color: #e5e5e5;
} }
.mochaOverlay { .mochaOverlay {
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;
left: 0;
} }
/* /*
@ -42,18 +42,18 @@ Required by:
*/ */
.mochaTitlebar { .mochaTitlebar {
width: 100%;
overflow: hidden;
background: url(../images/spacer.gif?from=fafafa&to=e5e5e5); background: url(../images/spacer.gif?from=fafafa&to=e5e5e5);
overflow: hidden;
width: 100%;
} }
.mochaTitlebar h3 { .mochaTitlebar h3 {
color: #888;
font-size: 12px; font-size: 12px;
line-height: 15px;
font-weight: bold; font-weight: bold;
line-height: 15px;
margin: 0; margin: 0;
padding: 5px 10px 4px 12px; padding: 5px 10px 4px 12px;
color: #888;
} }
.mocha.isFocused .mochaTitlebar h3 { .mocha.isFocused .mochaTitlebar h3 {
@ -61,12 +61,12 @@ Required by:
} }
.mochaToolbarWrapper { .mochaToolbarWrapper {
width: 100%; /* For IE */
position: relative;
height: 29px;
background: #f1f1f1; background: #f1f1f1;
overflow: hidden;
border-top: 1px solid #d9d9d9; border-top: 1px solid #d9d9d9;
height: 29px;
overflow: hidden;
position: relative;
width: 100%; /* For IE */
} }
div.mochaToolbarWrapper.bottom { div.mochaToolbarWrapper.bottom {
@ -75,20 +75,20 @@ div.mochaToolbarWrapper.bottom {
} }
.mochaToolbar { .mochaToolbar {
width: 100%; /* For IE */
border-top: 1px solid #fff; border-top: 1px solid #fff;
width: 100%; /* For IE */
} }
.mochaContentBorder { .mochaContentBorder {
border-top: 1px solid #dadada;
border-bottom: 1px solid #dadada; border-bottom: 1px solid #dadada;
border-top: 1px solid #dadada;
} }
/* Has a fixed height and scrollbars if required. */ /* Has a fixed height and scrollbars if required. */
.mochaContentWrapper { .mochaContentWrapper {
background: #fff;
font-size: 12px; font-size: 12px;
overflow: auto; overflow: auto;
background: #fff;
} }
.mochaContent { .mochaContent {
@ -96,59 +96,59 @@ div.mochaToolbarWrapper.bottom {
} }
.mocha .handle { .mocha .handle {
position: absolute;
background: #0f0; background: #0f0;
width: 3px;
height: 3px;
z-index: 2;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE8 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); /* IE6 and 7*/ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); /* IE6 and 7*/
opacity: 0; font-size: 1px; /* For IE6 */
height: 3px;
-moz-opacity: 0; -moz-opacity: 0;
opacity: 0;
overflow: hidden; overflow: hidden;
font-size: 1px; /* For IE6 */ position: absolute;
width: 3px;
z-index: 2;
} }
/* Corner resize handles */ /* Corner resize handles */
.mocha .corner { .mocha .corner {
width: 10px;
height: 10px;
background: #f00; background: #f00;
height: 10px;
width: 10px;
} }
/* Bottom right resize handle */ /* Bottom right resize handle */
.mocha .cornerSE { .mocha .cornerSE {
width: 20px;
height: 20px;
background: #fefefe; /* This is the color of the visible resize handle */ background: #fefefe; /* This is the color of the visible resize handle */
height: 20px;
width: 20px;
} }
.mochaCanvasHeader { .mochaCanvasHeader {
background: transparent;
left: 0;
overflow: hidden;
position: absolute; position: absolute;
top: 0; top: 0;
left: 0;
background: transparent;
z-index: -1;
visibility: hidden; visibility: hidden;
overflow: hidden; z-index: -1;
} }
.mochaControls { .mochaControls {
background: transparent;
height: 14px;
position: absolute; position: absolute;
width: 52px;
top: 8px;
right: 8px; right: 8px;
height: 14px; top: 8px;
width: 52px;
z-index: 4; z-index: 4;
background: transparent;
} }
.mochaCanvasControls { .mochaCanvasControls {
background: transparent;
position: absolute; position: absolute;
top: 8px;
right: 8px; right: 8px;
top: 8px;
z-index: 3; z-index: 3;
background: transparent;
} }
/* /*
@ -162,15 +162,15 @@ div.mochaToolbarWrapper.bottom {
.mochaMinimizeButton, .mochaMinimizeButton,
.mochaMaximizeButton, .mochaMaximizeButton,
.mochaCloseButton { .mochaCloseButton {
background-color: #fff;
color: #666;
cursor: pointer;
float: right; float: right;
width: 14px;
height: 14px;
font-size: 1px; font-size: 1px;
cursor: pointer; height: 14px;
z-index: 4;
color: #666;
background-color: #fff;
margin-left: 5px; margin-left: 5px;
width: 14px;
z-index: 4;
} }
.mochaMinimizeButton { .mochaMinimizeButton {
@ -178,13 +178,13 @@ div.mochaToolbarWrapper.bottom {
} }
.mochaSpinner { .mochaSpinner {
display: none; background: url(../images/spinner.gif) no-repeat;
position: absolute;
bottom: 7px; bottom: 7px;
display: none;
height: 16px;
left: 6px; left: 6px;
position: absolute;
width: 16px; width: 16px;
height: 16px;
background: url(../images/spinner.gif) no-repeat;
} }
.mochaIframe { .mochaIframe {
@ -193,56 +193,56 @@ div.mochaToolbarWrapper.bottom {
/* Fix for IE6 select z-index issue */ /* Fix for IE6 select z-index issue */
.zIndexFix { .zIndexFix {
border: 1px solid transparent;
display: block; display: block;
filter: mask();
height: 100px;
left: 0;
position: absolute; position: absolute;
top: 0; top: 0;
left: 0;
z-index: -1;
filter: mask();
width: 100px; width: 100px;
height: 100px; z-index: -1;
border: 1px solid transparent;
} }
/* Viewport overlays /* Viewport overlays
---------------------------------------------------------------- */ ---------------------------------------------------------------- */
#modalOverlay { #modalOverlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
background: #000; background: #000;
display: none;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE8 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); /* IE6 and 7*/ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); /* IE6 and 7*/
opacity: 0; left: 0;
-moz-opacity: 0; -moz-opacity: 0;
opacity: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 10000; z-index: 10000;
} }
/* Fix for IE6 select z-index issue */ /* Fix for IE6 select z-index issue */
#modalFix { #modalFix {
display: none; display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE8 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); /* IE6 and 7*/ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); /* IE6 and 7*/
opacity: 0; left: 0;
-moz-opacity: 0; -moz-opacity: 0;
opacity: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 9999; z-index: 9999;
} }
/* Underlay */ /* Underlay */
#windowUnderlay { #windowUnderlay {
background: #fff;
left: 0;
position: fixed; position: fixed;
top: 0; top: 0;
left: 0;
width: 100%; width: 100%;
background: #fff;
} }
* html #windowUnderlay { * html #windowUnderlay {
@ -260,13 +260,13 @@ div.mochaToolbarWrapper.bottom {
} }
.windowClosed { .windowClosed {
visibility: hidden;
display: none; display: none;
left: -20000px;
overflow: hidden;
position: absolute; position: absolute;
top: -20000px; top: -20000px;
left: -20000px; visibility: hidden;
z-index: -1; z-index: -1;
overflow: hidden;
} }
.windowClosed .mochaContentBorder, .windowClosed .mochaContentBorder,
@ -274,11 +274,11 @@ div.mochaToolbarWrapper.bottom {
.windowClosed .mochaTitlebar, .windowClosed .mochaTitlebar,
.windowClosed .mochaControls, .windowClosed .mochaControls,
.windowClosed .mochaCanvasControls { .windowClosed .mochaCanvasControls {
display: none;
left: 0;
position: absolute; position: absolute;
top: 0; top: 0;
left: 0;
visibility: hidden; visibility: hidden;
display: none;
z-index: -1; z-index: -1;
} }
@ -319,8 +319,8 @@ div.mochaToolbarWrapper.bottom {
.mocha.notification .mochaTitlebar { .mocha.notification .mochaTitlebar {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE8 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); /* IE6 and 7*/ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); /* IE6 and 7*/
opacity: 0;
-moz-opacity: 0; -moz-opacity: 0;
opacity: 0;
} }
.mocha.notification .mochaContentBorder { .mocha.notification .mochaContentBorder {
@ -328,10 +328,10 @@ div.mochaToolbarWrapper.bottom {
} }
.mocha.notification .mochaContentWrapper { .mocha.notification .mochaContentWrapper {
text-align: center; background: transparent;
font-size: 12px; font-size: 12px;
font-weight: bold; font-weight: bold;
background: transparent; text-align: center;
} }
/* Example Window Themes */ /* Example Window Themes */

18
src/webui/www/private/css/dynamicTable.css
Unescape View File

@ -34,8 +34,8 @@
#transferList img.stateIcon { #transferList img.stateIcon {
height: 1.3em; height: 1.3em;
vertical-align: middle;
margin-bottom: -1px; margin-bottom: -1px;
vertical-align: middle;
} }
tr.dynamicTableHeader { tr.dynamicTableHeader {
@ -43,22 +43,22 @@ tr.dynamicTableHeader {
} }
.dynamicTable { .dynamicTable {
border-spacing: 0;
padding: 0;
table-layout: fixed; table-layout: fixed;
width: 1%; width: 1%;
padding: 0;
border-spacing: 0;
} }
.dynamicTable th { .dynamicTable th {
background-color: #eee; background-color: #eee;
padding: 4px;
white-space: nowrap;
border-right-color: #ccc; border-right-color: #ccc;
border-right-style: solid; border-right-style: solid;
border-right-width: 1px; border-right-width: 1px;
box-sizing: border-box;
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 4px;
white-space: nowrap;
} }
.dynamicTable td { .dynamicTable td {
@ -72,8 +72,8 @@ tr.dynamicTableHeader {
.dynamicTable th, .dynamicTable th,
.dynamicTable td { .dynamicTable td {
text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
} }
@ -102,8 +102,8 @@ tr.dynamicTableHeader {
} }
.dynamicTableDiv thead th { .dynamicTableDiv thead th {
line-height: 0px !important;
height: 0px !important; height: 0px !important;
padding-top: 0px !important; line-height: 0px !important;
padding-bottom: 0px !important; padding-bottom: 0px !important;
padding-top: 0px !important;
} }

182
src/webui/www/private/css/style.css
Unescape View File

@ -17,12 +17,12 @@ a img,
/* Structure */ /* Structure */
body { body {
margin: 0; color: #555;
text-align: left;
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
font-size: 12px; font-size: 12px;
line-height: 18px; line-height: 18px;
color: #555; margin: 0;
text-align: left;
} }
.aside { .aside {
@ -38,25 +38,25 @@ body {
h2, h2,
h3, h3,
h4 { h4 {
margin: 0; color: #333;
padding: 0 0 5px 0;
font-size: 12px; font-size: 12px;
font-weight: bold; font-weight: bold;
color: #333; margin: 0;
padding: 0 0 5px 0;
} }
h2 { h2 {
font-size: 14px;
color: #555; color: #555;
font-size: 14px;
font-weight: bold; font-weight: bold;
} }
#mochaPage h3 { #mochaPage h3 {
border-bottom: 1px solid #bbb;
display: block; display: block;
font-size: 12px; font-size: 12px;
padding: 6px 0 6px 0;
margin: 0 0 8px 0; margin: 0 0 8px 0;
border-bottom: 1px solid #bbb; padding: 6px 0 6px 0;
} }
#error_div { #error_div {
@ -72,8 +72,8 @@ h4 {
a { a {
color: #e60; color: #e60;
text-decoration: none;
cursor: pointer; cursor: pointer;
text-decoration: none;
} }
a:hover { a:hover {
@ -104,24 +104,24 @@ dd {
pre { pre {
background-color: #f6f6f6; background-color: #f6f6f6;
border: 1px solid #d1d7dc;
color: #006600; color: #006600;
display: block; display: block;
font-family: "Courier New", Courier, monospace; font-family: "Courier New", Courier, monospace;
font-size: 11px; font-size: 11px;
margin: 0 0 10px 0;
max-height: 250px; max-height: 250px;
overflow: auto; overflow: auto;
margin: 0 0 10px 0;
padding: 10px; padding: 10px;
border: 1px solid #d1d7dc;
} }
/* Dividers */ /* Dividers */
hr { hr {
background-color: #ddd; background-color: #ddd;
border: 0px;
color: #ccc; color: #ccc;
height: 1px; height: 1px;
border: 0px;
} }
.vcenter { .vcenter {
@ -129,13 +129,13 @@ hr {
} }
#urls { #urls {
width: 90%;
height: 100%; height: 100%;
width: 90%;
} }
#trackersUrls { #trackersUrls {
width: 90%;
height: 100%; height: 100%;
width: 90%;
} }
#Filters ul { #Filters ul {
@ -147,10 +147,10 @@ hr {
} }
#Filters ul img { #Filters ul img {
height: 16px;
padding: 2px 4px; padding: 2px 4px;
vertical-align: middle; vertical-align: middle;
width: 16px; width: 16px;
height: 16px;
} }
.selectedFilter { .selectedFilter {
@ -168,10 +168,10 @@ hr {
a.propButton { a.propButton {
border: 1px solid rgb(85, 81, 91); border: 1px solid rgb(85, 81, 91);
/*border-radius: 3px;*/
padding: 2px;
margin-left: 3px; margin-left: 3px;
margin-right: 3px; margin-right: 3px;
/*border-radius: 3px;*/
padding: 2px;
} }
a.propButton img { a.propButton img {
@ -179,18 +179,18 @@ a.propButton img {
} }
.scrollableMenu { .scrollableMenu {
overflow-y: auto;
overflow-x: hidden; overflow-x: hidden;
overflow-y: auto;
} }
/* context menu specific */ /* context menu specific */
.contextMenu { .contextMenu {
border: 1px solid #999;
padding: 0;
background: #eee; background: #eee;
list-style-type: none; border: 1px solid #999;
display: none; display: none;
list-style-type: none;
padding: 0;
} }
.contextMenu .separator { .contextMenu .separator {
@ -203,12 +203,12 @@ a.propButton img {
} }
.contextMenu li a { .contextMenu li a {
color: #000;
display: block; display: block;
padding: 5px 20px 5px 5px; font-family: tahoma, arial, sans-serif;
font-size: 12px; font-size: 12px;
padding: 5px 20px 5px 5px;
text-decoration: none; text-decoration: none;
font-family: tahoma, arial, sans-serif;
color: #000;
white-space: nowrap; white-space: nowrap;
} }
@ -226,15 +226,15 @@ a.propButton img {
} }
.contextMenu li ul { .contextMenu li ul {
padding: 0;
border: 1px solid #999;
background: #eee; background: #eee;
list-style-type: none; border: 1px solid #999;
position: absolute;
left: -999em; left: -999em;
z-index: 8000; list-style-type: none;
margin: -29px 0 0 100%; margin: -29px 0 0 100%;
padding: 0;
position: absolute;
width: 164px; width: 164px;
z-index: 8000;
} }
.contextMenu li ul li a { .contextMenu li ul li a {
@ -244,8 +244,8 @@ a.propButton img {
.contextMenu li a.arrow-right, .contextMenu li a.arrow-right,
.contextMenu li a:hover.arrow-right { .contextMenu li a:hover.arrow-right {
background-image: url(../images/arrow-right.gif); background-image: url(../images/arrow-right.gif);
background-repeat: no-repeat;
background-position: right center; background-position: right center;
background-repeat: no-repeat;
} }
.contextMenu li:hover ul, .contextMenu li:hover ul,
@ -259,10 +259,10 @@ a.propButton img {
} }
.contextMenu li img { .contextMenu li img {
width: 16px;
height: 16px; height: 16px;
margin-bottom: -4px;
-ms-interpolation-mode: bicubic; -ms-interpolation-mode: bicubic;
margin-bottom: -4px;
width: 16px;
} }
.contextMenu li input[type="checkbox"] { .contextMenu li input[type="checkbox"] {
@ -274,49 +274,49 @@ a.propButton img {
.slider { .slider {
clear: both; clear: both;
position: relative;
font-size: 12px; font-size: 12px;
font-weight: bold; font-weight: bold;
width: 400px;
margin-bottom: 15px; margin-bottom: 15px;
position: relative;
width: 400px;
} }
.sliderWrapper { .sliderWrapper {
position: relative;
font-size: 1px; font-size: 1px;
line-height: 1px;
height: 9px; height: 9px;
line-height: 1px;
position: relative;
width: 422px; width: 422px;
} }
.sliderarea { .sliderarea {
position: absolute;
top: 0;
left: 0;
height: 7px;
width: 420px;
font-size: 1px;
line-height: 1px;
background: #f2f2f2 url(../images/slider-area.gif) repeat-x; background: #f2f2f2 url(../images/slider-area.gif) repeat-x;
border: 1px solid #a3a3a3; border: 1px solid #a3a3a3;
border-bottom: 1px solid #ccc; border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc; border-left: 1px solid #ccc;
font-size: 1px;
height: 7px;
left: 0;
line-height: 1px;
margin: 0; margin: 0;
padding: 0;
overflow: hidden; overflow: hidden;
padding: 0;
position: absolute;
top: 0;
width: 420px;
} }
.sliderknob { .sliderknob {
position: absolute;
top: 0;
left: 0;
height: 9px;
width: 19px;
font-size: 1px;
line-height: 1px;
background: url(../images/knob.gif) no-repeat; background: url(../images/knob.gif) no-repeat;
cursor: pointer; cursor: pointer;
font-size: 1px;
height: 9px;
left: 0;
line-height: 1px;
overflow: hidden; overflow: hidden;
position: absolute;
top: 0;
width: 19px;
z-index: 2; z-index: 2;
} }
@ -331,23 +331,23 @@ a.propButton img {
/* Mocha Customization */ /* Mocha Customization */
#mochaToolbar { #mochaToolbar {
margin-top: 5px;
position: relative;
height: 29px; height: 29px;
margin-top: 5px;
overflow-y: hidden; overflow-y: hidden;
position: relative;
} }
#mochaToolbar .divider { #mochaToolbar .divider {
background-image: url(../images/toolbox-divider.gif); background-image: url(../images/toolbox-divider.gif);
background-repeat: no-repeat;
background-position: left center; background-position: left center;
background-repeat: no-repeat;
padding-left: 14px; padding-left: 14px;
padding-top: 15px; padding-top: 15px;
} }
.MyMenuIcon { .MyMenuIcon {
margin-left: -18px;
margin-bottom: -3px; margin-bottom: -3px;
margin-left: -18px;
padding-right: 5px; padding-right: 5px;
} }
@ -362,12 +362,12 @@ a.propButton img {
} }
#torrentsFilterInput { #torrentsFilterInput {
width: 160px;
padding-left: 2em;
background-image: url("../icons/edit-find.svg"); background-image: url("../icons/edit-find.svg");
background-position: left;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 1.5em; background-size: 1.5em;
background-position: left; padding-left: 2em;
width: 160px;
} }
#torrentFilesFilterToolbar { #torrentFilesFilterToolbar {
@ -376,12 +376,12 @@ a.propButton img {
} }
#torrentFilesFilterInput { #torrentFilesFilterInput {
width: 160px;
padding-left: 2em;
background-image: url("../icons/edit-find.svg"); background-image: url("../icons/edit-find.svg");
background-position: left;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 1.5em; background-size: 1.5em;
background-position: left; padding-left: 2em;
width: 160px;
} }
/* Tri-state checkbox */ /* Tri-state checkbox */
@ -407,16 +407,16 @@ label.partial {
fieldset.settings { fieldset.settings {
border: solid 1px black; border: solid 1px black;
border-radius: 8px;
-webkit-border-radius: 8px; -webkit-border-radius: 8px;
-moz-border-radius: 8px; -moz-border-radius: 8px;
border-radius: 8px;
padding: 4px 4px 4px 10px; padding: 4px 4px 4px 10px;
} }
fieldset.settings legend { fieldset.settings legend {
font-weight: bold;
margin-left: 8px; margin-left: 8px;
padding: 4px; padding: 4px;
font-weight: bold;
} }
fieldset.settings label { fieldset.settings label {
@ -433,21 +433,21 @@ div.formRow {
} }
.filterTitle { .filterTitle {
display: block;
font-weight: bold; font-weight: bold;
text-transform: uppercase; overflow: hidden;
padding-left: 5px; padding-left: 5px;
padding-top: 5px; padding-top: 5px;
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
text-transform: uppercase;
white-space: nowrap;
} }
.filterTitle img { .filterTitle img {
width: 16px;
height: 16px; height: 16px;
margin-bottom: -3px; margin-bottom: -3px;
padding: 0 5px; padding: 0 5px;
width: 16px;
} }
.filterTitle img.rotate { .filterTitle img.rotate {
@ -460,11 +460,11 @@ ul.filterList {
} }
ul.filterList a { ul.filterList a {
color: inherit;
display: block; display: block;
overflow: hidden; overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
color: inherit; white-space: nowrap;
} }
ul.filterList li:hover { ul.filterList li:hover {
@ -476,10 +476,10 @@ ul.filterList li:hover a {
} }
td.generalLabel { td.generalLabel {
white-space: nowrap;
text-align: right; text-align: right;
width: 1px;
vertical-align: top; vertical-align: top;
white-space: nowrap;
width: 1px;
} }
#torrentFilesTableDiv { #torrentFilesTableDiv {
@ -492,16 +492,16 @@ td.generalLabel {
} }
.filesTableCollapseIcon { .filesTableCollapseIcon {
width: 15px;
height: 15px;
cursor: pointer; cursor: pointer;
height: 15px;
margin-bottom: -3px; margin-bottom: -3px;
padding-right: 5px; padding-right: 5px;
width: 15px;
} }
.filesTableCollapseIcon.rotate { .filesTableCollapseIcon.rotate {
transform: rotate(270deg);
margin-bottom: -1px; margin-bottom: -1px;
transform: rotate(270deg);
} }
.unselectable { .unselectable {
@ -523,35 +523,35 @@ td.generalLabel {
#watched_folders_tab td, #watched_folders_tab td,
#watched_folders_tab th { #watched_folders_tab th {
padding: 2px 4px;
border: 1px solid black; border: 1px solid black;
padding: 2px 4px;
} }
.select-watched-folder-editable { .select-watched-folder-editable {
position: relative;
background-color: white; background-color: white;
border: solid grey 1px; border: solid grey 1px;
width: 160px;
height: 20px; height: 20px;
position: relative;
width: 160px;
} }
.select-watched-folder-editable select { .select-watched-folder-editable select {
position: absolute; border: none;
top: 0px;
bottom: 0px; bottom: 0px;
left: 0px; left: 0px;
border: none;
width: 160px;
margin: 0; margin: 0;
position: absolute;
top: 0px;
width: 160px;
} }
.select-watched-folder-editable input { .select-watched-folder-editable input {
border: none;
left: 0px;
padding: 1px;
position: absolute; position: absolute;
top: 0px; top: 0px;
left: 0px;
width: 140px; width: 140px;
padding: 1px;
border: none;
} }
.select-watched-folder-editable select:focus, .select-watched-folder-editable select:focus,
@ -572,11 +572,11 @@ td.generalLabel {
} }
td.statusBarSeparator { td.statusBarSeparator {
width: 22px;
background-image: url("../images/toolbox-divider.gif"); background-image: url("../images/toolbox-divider.gif");
background-repeat: no-repeat;
background-position: center 1px; background-position: center 1px;
background-repeat: no-repeat;
background-size: 2px 18px; background-size: 2px 18px;
width: 22px;
} }
/* Statistics window */ /* Statistics window */
@ -593,21 +593,21 @@ td.statusBarSeparator {
} }
#searchResults { #searchResults {
padding: 0 20px;
height: 100%; height: 100%;
padding: 0 20px;
} }
#searchResultsTableContainer { #searchResultsTableContainer {
height: calc(100% - 140px);
-moz-height: calc(100% - 140px); -moz-height: calc(100% - 140px);
-webkit-height: calc(100% - 140px); -webkit-height: calc(100% - 140px);
height: calc(100% - 140px);
overflow: auto; overflow: auto;
} }
#searchResultsTableDiv { #searchResultsTableDiv {
height: calc(100% - 26px) !important;
-moz-height: calc(100% - 26px) !important; -moz-height: calc(100% - 26px) !important;
-webkit-height: calc(100% - 26px) !important; -webkit-height: calc(100% - 26px) !important;
height: calc(100% - 26px) !important;
} }
#searchResults .dynamicTable { #searchResults .dynamicTable {

10
src/webui/www/public/css/login.css
Unescape View File

@ -1,10 +1,10 @@
body { body {
margin: 0; color: #555;
text-align: left;
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
font-size: 12px; font-size: 12px;
line-height: 18px; line-height: 18px;
color: #555; margin: 0;
text-align: left;
} }
.col { .col {
@ -19,13 +19,13 @@ body {
#main { #main {
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
text-align: center;
padding-top: 5em; padding-top: 5em;
text-align: center;
} }
#formplace { #formplace {
text-align: left;
padding: 10px; padding: 10px;
text-align: left;
} }
#error_msg { #error_msg {

Write Preview
Loading…
Cancel
Save