diff --git a/src/webui/www/private/css/Core.css b/src/webui/www/private/css/Core.css index 8ce1c8a41..173bd64b5 100644 --- a/src/webui/www/private/css/Core.css +++ b/src/webui/www/private/css/Core.css @@ -43,7 +43,6 @@ Notes: margin-top: 2px; } - /* Theme Specific Adjustments to Default Plugin Styles ---------------------------------------------------------------- */ diff --git a/src/webui/www/private/css/Layout.css b/src/webui/www/private/css/Layout.css index 03372b07c..f8da1f073 100644 --- a/src/webui/www/private/css/Layout.css +++ b/src/webui/www/private/css/Layout.css @@ -18,21 +18,22 @@ Required by: /* Layout ---------------------------------------------------------------- */ -html, body { +html, +body { background: #fff; } body { - margin: 0; /* Required */ + margin: 0; /* Required */ } #desktop { position: relative; - min-width: 400px; /* Helps keep header content from wrapping */ + min-width: 400px; /* Helps keep header content from wrapping */ height: 100%; min-height: 100%; overflow: hidden; - cursor: default; /* Fix for issue in IE7. IE7 wants to use the I-bar text cursor */ + cursor: default; /* Fix for issue in IE7. IE7 wants to use the I-bar text cursor */ } #desktopHeader { @@ -43,7 +44,7 @@ body { position: relative; height: 45px; overflow: hidden; - background: #718BA6 url(../images/bg-header.gif) repeat-x; + background: #718ba6 url(../images/bg-header.gif) repeat-x; } #desktopTitlebar { @@ -104,7 +105,7 @@ body { background: #f2f2f2; /*height: 30px;*/ 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 */ /* Fixes by Chris */ /*background-color: #ccc;*/ height: 20px; @@ -118,7 +119,7 @@ body { font-size: 12px; } -#desktopNavbar>ul>li { +#desktopNavbar > ul > li { float: left; } @@ -140,7 +141,8 @@ body { background-color: #fff; } -#desktopNavbar ul li a.arrow-right, #desktopNavbar ul li a:hover.arrow-right { +#desktopNavbar ul li a.arrow-right, +#desktopNavbar ul li a:hover.arrow-right { background-image: url(../images/arrow-right.gif); background-repeat: no-repeat; background-position: right 7px; @@ -163,7 +165,8 @@ body { left: -999em; } -#desktopNavbar li ul ul { /* third-and-above-level lists */ +#desktopNavbar li ul ul { + /* third-and-above-level lists */ margin: -22px 0 0 163px; } @@ -191,7 +194,7 @@ body { } #desktopNavbar li ul li a:hover { - background: #6C98D9; + background: #6c98d9; color: #fff; -moz-border-radius: 2px; } @@ -200,16 +203,18 @@ body { background: #fff; } +/* lists nested under hovered list items */ #desktopNavbar li:hover ul, #desktopNavbar li.ieHover ul, #desktopNavbar li li.ieHover ul, #desktopNavbar li li li.ieHover ul, #desktopNavbar li li:hover ul, -#desktopNavbar li li li:hover ul { /* lists nested under hovered list items */ +#desktopNavbar li li li:hover ul { left: auto; } -#desktopNavbar li:hover { /* For IE7 */ +/* For IE7 */ +#desktopNavbar li:hover { position: static; } @@ -221,7 +226,7 @@ li.divider { #pageWrapper { position: relative; - overflow: hidden; /* This can be set to hidden or auto */ + overflow: hidden; /* This can be set to hidden or auto */ border-top: 1px solid #909090; border-bottom: 1px solid #909090; /*height: 100%;*/ @@ -246,8 +251,6 @@ li.divider { background: #f2f2f2; } - - /* Panel Layout ---------------------------------------------------------------- */ @@ -256,7 +259,7 @@ li.divider { .column { position: relative; float: left; - overflow: hidden; /* Required by IE6 */ + overflow: hidden; /* Required by IE6 */ } /* Panels */ @@ -349,7 +352,8 @@ li.divider { line-height: 1px; font-size: 1px; overflow: hidden; - background: url(../images/handle-icon-horizontal.gif) center center no-repeat; + background: url(../images/handle-icon-horizontal.gif) center center + no-repeat; } .columnHandle { @@ -377,7 +381,8 @@ li.divider { .panel-header-toolbox { } -div.toolbox.divider { /* Have to specify div here for IE6's sake */ +/* Have to specify div here for IE6's sake */ +div.toolbox.divider { background: url(../images/toolbox-divider.gif) repeat-y; padding-left: 8px; } diff --git a/src/webui/www/private/css/Window.css b/src/webui/www/private/css/Window.css index 3f6291d70..bbfbd7c21 100644 --- a/src/webui/www/private/css/Window.css +++ b/src/webui/www/private/css/Window.css @@ -24,10 +24,11 @@ Required by: background-color: #e5e5e5; } -.mocha.isFocused {} +.mocha.isFocused { +} .mochaOverlay { - 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; left: 0; } @@ -63,7 +64,7 @@ Required by: } .mochaToolbarWrapper { - width: 100%; /* For IE */ + width: 100%; /* For IE */ position: relative; height: 29px; background: #f1f1f1; @@ -77,7 +78,7 @@ div.mochaToolbarWrapper.bottom { } .mochaToolbar { - width: 100%; /* For IE */ + width: 100%; /* For IE */ border-top: 1px solid #fff; } @@ -86,7 +87,8 @@ div.mochaToolbarWrapper.bottom { border-bottom: 1px solid #dadada; } -.mochaContentWrapper { /* Has a fixed height and scrollbars if required. */ +/* Has a fixed height and scrollbars if required. */ +.mochaContentWrapper { font-size: 12px; overflow: auto; background: #fff; @@ -102,24 +104,26 @@ div.mochaToolbarWrapper.bottom { width: 3px; height: 3px; z-index: 2; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE8 */ - filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); /* IE6 and 7*/ - opacity: .0; - -moz-opacity: .0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE8 */ + filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); /* IE6 and 7*/ + opacity: 0; + -moz-opacity: 0; overflow: hidden; - font-size: 1px; /* For IE6 */ + font-size: 1px; /* For IE6 */ } -.mocha .corner { /* Corner resize handles */ +/* Corner resize handles */ +.mocha .corner { width: 10px; height: 10px; background: #f00; } -.mocha .cornerSE { /* Bottom right resize handle */ +/* Bottom right resize handle */ +.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 */ } .mochaCanvasHeader { @@ -158,7 +162,9 @@ div.mochaToolbarWrapper.bottom { 2. Replcac the background-color with a background-image for each button. */ -.mochaMinimizeButton, .mochaMaximizeButton, .mochaCloseButton { +.mochaMinimizeButton, +.mochaMaximizeButton, +.mochaCloseButton { float: right; width: 14px; height: 14px; @@ -217,8 +223,8 @@ div.mochaToolbarWrapper.bottom { left: 0; width: 100%; background: #000; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE8 */ - filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); /* IE6 and 7*/ + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE8 */ + filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); /* IE6 and 7*/ opacity: 0; -moz-opacity: 0; z-index: 10000; @@ -231,8 +237,8 @@ div.mochaToolbarWrapper.bottom { top: 0; left: 0; width: 100%; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE8 */ - filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); /* IE6 and 7*/ + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE8 */ + filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); /* IE6 and 7*/ opacity: 0; -moz-opacity: 0; z-index: 9999; @@ -254,8 +260,11 @@ div.mochaToolbarWrapper.bottom { /* The replaced class is used internally when converting CSS values to Canvas. These classes should not be removed. */ -.mocha.replaced, .mochaTitlebar.replaced, .mochaMinimizeButton.replaced, -.mochaMaximizeButton.replaced, .mochaCloseButton.replaced { +.mocha.replaced, +.mochaTitlebar.replaced, +.mochaMinimizeButton.replaced, +.mochaMaximizeButton.replaced, +.mochaCloseButton.replaced { background-color: transparent !important; } @@ -269,8 +278,10 @@ div.mochaToolbarWrapper.bottom { overflow: hidden; } -.windowClosed .mochaContentBorder, .windowClosed .mochaToolbarWrapper, -.windowClosed .mochaTitlebar, .windowClosed .mochaControls, +.windowClosed .mochaContentBorder, +.windowClosed .mochaToolbarWrapper, +.windowClosed .mochaTitlebar, +.windowClosed .mochaControls, .windowClosed .mochaCanvasControls { position: absolute; top: 0; @@ -315,9 +326,9 @@ div.mochaToolbarWrapper.bottom { } .mocha.notification .mochaTitlebar { - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE8 */ - filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); /* IE6 and 7*/ - opacity: .0; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE8 */ + filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); /* IE6 and 7*/ + opacity: 0; -moz-opacity: 0; } diff --git a/src/webui/www/private/css/style.css b/src/webui/www/private/css/style.css index 3b4a04543..8817eca00 100644 --- a/src/webui/www/private/css/style.css +++ b/src/webui/www/private/css/style.css @@ -2,7 +2,9 @@ /*ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,object,iframe { margin: 0; padding: 0; }*/ -a img, :link img, :visited img { +a img, +:link img, +:visited img { border: none; } @@ -33,7 +35,9 @@ body { /* Typography */ -h2, h3, h4 { +h2, +h3, +h4 { margin: 0; padding: 0 0 5px 0; font-size: 12px; @@ -100,7 +104,7 @@ pre { background-color: #f6f6f6; color: #006600; display: block; - font-family: 'Courier New', Courier, monospace; + font-family: "Courier New", Courier, monospace; font-size: 11px; max-height: 250px; overflow: auto; @@ -148,12 +152,12 @@ hr { } .selectedFilter { - background-color: #415A8D; - color: #FFFFFF; + background-color: #415a8d; + color: #ffffff; } .selectedFilter a { - color: #FFFFFF; + color: #ffffff; } #properties { @@ -236,7 +240,8 @@ a.propButton img { position: relative; } -.contextMenu li a.arrow-right, .contextMenu li a:hover.arrow-right { +.contextMenu li a.arrow-right, +.contextMenu li a:hover.arrow-right { background-image: url(../images/arrow-right.gif); background-repeat: no-repeat; background-position: right center; @@ -247,7 +252,8 @@ a.propButton img { .contextMenu li li.ieHover ul, .contextMenu li li li.ieHover ul, .contextMenu li li:hover ul, -.contextMenu li li li:hover ul { /* lists nested under hovered list items */ +.contextMenu li li li:hover ul { + /* lists nested under hovered list items */ left: auto; } @@ -258,7 +264,7 @@ a.propButton img { -ms-interpolation-mode: bicubic; } -.contextMenu li input[type=checkbox] { +.contextMenu li input[type="checkbox"] { position: relative; top: 3px; } @@ -384,7 +390,7 @@ label.tristate { display: block; float: left; height: 13px; - margin: .15em 8px 5px 0px; + margin: 0.15em 8px 5px 0px; overflow: hidden; text-indent: -999em; width: 13px; @@ -514,7 +520,8 @@ td.generalLabel { border-collapse: collapse; } -#watched_folders_tab td, #watched_folders_tab th { +#watched_folders_tab td, +#watched_folders_tab th { padding: 2px 4px; border: 1px solid black; } @@ -546,7 +553,8 @@ td.generalLabel { border: none; } -.select-watched-folder-editable select:focus, .select-editable input:focus { +.select-watched-folder-editable select:focus, +.select-editable input:focus { outline: none; } @@ -569,7 +577,7 @@ td.generalLabel { 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-size: 2px 18px; @@ -582,7 +590,9 @@ td.statusBarSeparator { /* Search tab */ -#SearchPanel, #SearchPanel_wrapper, #SearchPanel_pad { +#SearchPanel, +#SearchPanel_wrapper, +#SearchPanel_pad { height: inherit; }