[PATCH v5 0/2] Change all CSS files indentation to 4 spaces
This is the difference between this and the previous patchset (v4): - Rebased to a6a4999. Crístian Viana (2): CSS: Do not allow lines longer than 79 characters CSS: Change all CSS files indentation to 4 spaces ui/css/theme-default/button.css | 167 ++++++++++++++++++++---------- ui/css/theme-default/error.css | 15 ++- ui/css/theme-default/grid.css | 36 ++++--- ui/css/theme-default/host.css | 6 +- ui/css/theme-default/jquery-ui.custom.css | 27 +++-- ui/css/theme-default/line-chart.css | 6 +- ui/css/theme-default/list.css | 15 ++- ui/css/theme-default/nav-tree.css | 12 ++- ui/css/theme-default/network.css | 12 ++- ui/css/theme-default/popover.css | 39 ++++--- ui/css/theme-default/report-add.css | 3 +- ui/css/theme-default/reset.css | 8 +- ui/css/theme-default/storage.css | 18 ++-- ui/css/theme-default/template-edit.css | 9 +- ui/css/theme-default/template_add.css | 20 ++-- ui/css/theme-default/template_list.css | 24 +++-- ui/css/theme-default/toolbar.css | 6 +- ui/css/theme-default/topbar.css | 29 ++++-- ui/css/theme-default/window.css | 3 +- 19 files changed, 296 insertions(+), 159 deletions(-) -- 1.8.5.3
In order to make the code more consistent, set a maximum of 79 characters per line in CSS files. If the CSS properties line is longer than 79, break it and align the second line to the beginning of the properties of the first line. If the CSS filter line is longer than 79, break it and do not indent the second line (so it also keeps aligned to the first line as well). Signed-off-by: Crístian Viana <vianac@linux.vnet.ibm.com> --- ui/css/theme-default/button.css | 163 ++++++++++++++++++++---------- ui/css/theme-default/error.css | 15 ++- ui/css/theme-default/grid.css | 36 ++++--- ui/css/theme-default/host.css | 6 +- ui/css/theme-default/jquery-ui.custom.css | 27 +++-- ui/css/theme-default/list.css | 15 ++- ui/css/theme-default/nav-tree.css | 12 ++- ui/css/theme-default/network.css | 12 ++- ui/css/theme-default/popover.css | 39 ++++--- ui/css/theme-default/report-add.css | 3 +- ui/css/theme-default/reset.css | 8 +- ui/css/theme-default/storage.css | 18 ++-- ui/css/theme-default/template-edit.css | 9 +- ui/css/theme-default/template_add.css | 18 ++-- ui/css/theme-default/template_list.css | 24 +++-- ui/css/theme-default/toolbar.css | 6 +- ui/css/theme-default/topbar.css | 29 ++++-- ui/css/theme-default/window.css | 3 +- 18 files changed, 290 insertions(+), 153 deletions(-) diff --git a/ui/css/theme-default/button.css b/ui/css/theme-default/button.css index 4d1a808..274c438 100644 --- a/ui/css/theme-default/button.css +++ b/ui/css/theme-default/button.css @@ -31,15 +31,18 @@ border-radius: 5px; -moz-box-sizing: content-box; box-sizing: content-box; - box-shadow: -2px -2px 2px #eaeaea, 2px 2px 2px #fff, 3px 3px 3px white inset, -3px -3px 3px rgba(0, 0, 0, .25) inset; + box-shadow: -2px -2px 2px #eaeaea, 2px 2px 2px #fff, 3px 3px 3px white + inset, -3px -3px 3px rgba(0, 0, 0, .25) inset; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e5e5e5)); + background: -webkit-gradient(linear, left top, left bottom, + color-stop(0%, #ffffff), color-stop(100%, #e5e5e5)); background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); background: -o-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); background: -ms-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', + endColorstr='#e5e5e5', GradientType=0); line-height: 42px; color: #333; font-size: 13px; @@ -51,27 +54,33 @@ } .btn:not([disabled]):hover { - box-shadow: -2px -2px 2px #dadada, 2px 2px 2px #fff, 3px 3px 3px white inset, -3px -3px 3px rgba(0, 0, 0, .25) inset; + box-shadow: -2px -2px 2px #dadada, 2px 2px 2px #fff, 3px 3px 3px white + inset, -3px -3px 3px rgba(0, 0, 0, .25) inset; background: #d5d5d5; background: -moz-linear-gradient(top, #d5d5d5 0%, #eeeeee 100%); - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d5d5d5), color-stop(100%, #eeeeee)); + background: -webkit-gradient(linear, left top, left bottom, + color-stop(0%, #d5d5d5), color-stop(100%, #eeeeee)); background: -webkit-linear-gradient(top, #d5d5d5 0%, #eeeeee 100%); background: -o-linear-gradient(top, #d5d5d5 0%, #eeeeee 100%); background: -ms-linear-gradient(top, #d5d5d5 0%, #eeeeee 100%); background: linear-gradient(to bottom, #d5d5d5 0%, #eeeeee 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d5d5d5', endColorstr='#eeeeee', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d5d5d5', + endColorstr='#eeeeee', GradientType=0); } .btn:not([disabled]):active { - box-shadow: -2px -2px 2px #eaeaea, 2px 2px 2px #fff, 3px 3px 3px rgba(0, 0, 0, .25) inset, -3px -3px 3px white inset; + box-shadow: -2px -2px 2px #eaeaea, 2px 2px 2px #fff, 3px 3px 3px + rgba(0, 0, 0, .25) inset, -3px -3px 3px white inset; background: #ffffff; background: -moz-linear-gradient(top, #e5e5e5 0%, #ffffff 100%); - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5e5e5), color-stop(100%, #ffffff)); + background: -webkit-gradient(linear, left top, left bottom, + color-stop(0%, #e5e5e5), color-stop(100%, #ffffff)); background: -webkit-linear-gradient(top, #e5e5e5 0%, #ffffff 100%); background: -o-linear-gradient(top, #e5e5e5 0%, #ffffff 100%); background: -ms-linear-gradient(top, #e5e5e5 0%, #ffffff 100%); background: linear-gradient(to bottom, #e5e5e5 0%, #ffffff 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#ffffff', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', + endColorstr='#ffffff', GradientType=0); } .btn.loading { @@ -80,7 +89,8 @@ } .btn.loading .icon { - background: url(../images/theme-default/icon-load.png) center center no-repeat; + background: url(../images/theme-default/icon-load.png) center + center no-repeat; } .btn .text { @@ -106,7 +116,8 @@ line-height: 42px; top: 0; right: 10px; - background: url(../images/theme-default/arrow-down-black.png) no-repeat center center; + background: url(../images/theme-default/arrow-down-black.png) no-repeat + center center; right: 10px; } @@ -121,23 +132,32 @@ border-radius: 5px; -moz-box-sizing: content-box; box-sizing: content-box; - box-shadow: -1px -1px 1px #777, 1px 1px 1px #eee, 2px 2px 2px #ddd inset, -3px -3px 3px rgba(0, 0, 0, .25) inset; + box-shadow: -1px -1px 1px #777, 1px 1px 1px #eee, 2px 2px 2px #ddd inset, + -3px -3px 3px rgba(0, 0, 0, .25) inset; background: #f3f3f3; - background: -moz-linear-gradient(top, #f3f3f3 0%, #dddddd 50%, #d8d8d8 51%, #cccccc 100%); - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f3f3), color-stop(50%, #dddddd), - color-stop(51%, #d8d8d8), color-stop(100%, #cccccc)); - background: -webkit-linear-gradient(top, #f3f3f3 0%, #dddddd 50%, #d8d8d8 51%, #cccccc 100%); - background: -o-linear-gradient(top, #f3f3f3 0%, #dddddd 50%, #d8d8d8 51%, #cccccc 100%); - background: -ms-linear-gradient(top, #f3f3f3 0%, #dddddd 50%, #d8d8d8 51%, #cccccc 100%); - background: linear-gradient(to bottom, #f3f3f3 0%, #dddddd 50%, #d8d8d8 51%, #cccccc 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#cccccc', GradientType=0); + background: -moz-linear-gradient(top, #f3f3f3 0%, #dddddd 50%, #d8d8d8 51%, + #cccccc 100%); + background: -webkit-gradient(linear, left top, left bottom, + color-stop(0%, #f3f3f3), color-stop(50%, #dddddd), + color-stop(51%, #d8d8d8), color-stop(100%, #cccccc)); + background: -webkit-linear-gradient(top, #f3f3f3 0%, #dddddd 50%, #d8d8d8 + 51%, #cccccc 100%); + background: -o-linear-gradient(top, #f3f3f3 0%, #dddddd 50%, #d8d8d8 51%, + #cccccc 100%); + background: -ms-linear-gradient(top, #f3f3f3 0%, #dddddd 50%, #d8d8d8 51%, + #cccccc 100%); + background: linear-gradient(to bottom, #f3f3f3 0%, #dddddd 50%, + #d8d8d8 51%, #cccccc 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', + endColorstr='#cccccc', GradientType=0); overflow: hidden; cursor: pointer; } .btn-tool:hover { - box-shadow: -1px -1px 1px #777, 1px 1px 1px #eee, 2px 2px 2px rgba(0, 0, 0, .25) inset, -3px -3px 3px rgba(0, 0, 0, .25) - inset; + box-shadow: -1px -1px 1px #777, 1px 1px 1px #eee, 2px 2px 2px + rgba(0, 0, 0, .25) inset, -3px -3px 3px + rgba(0, 0, 0, .25) inset; } /* Generated at http://colorzilla.com/gradient-editor/ */ @@ -147,16 +167,19 @@ border-radius: 0; background: #dddddd; background: -moz-linear-gradient(top, #dddddd 0%, #999999 100%); - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dddddd), color-stop(100%, #999999)); + background: -webkit-gradient(linear, left top, left bottom, + color-stop(0%, #dddddd), color-stop(100%, #999999)); background: -webkit-linear-gradient(top, #dddddd 0%, #999999 100%); background: -o-linear-gradient(top, #dddddd 0%, #999999 100%); background: -ms-linear-gradient(top, #dddddd 0%, #999999 100%); background: linear-gradient(to bottom, #dddddd 0%, #999999 100%); - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#999999', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', + endColorstr='#999999', GradientType=0); } .btn-tool:active,.btn-tool.active { - box-shadow: -1px -1px 1px #777, 1px 1px 1px #eee, 3px 3px 3px rgba(0, 0, 0, .35) inset; + box-shadow: -1px -1px 1px #777, 1px 1px 1px #eee, 3px 3px 3px + rgba(0, 0, 0, .35) inset; } .btn-tool.left { @@ -184,35 +207,43 @@ } .icon.reset { - background: url(../images/theme-default/icon-reset.png) center center no-repeat; + background: url(../images/theme-default/icon-reset.png) center + center no-repeat; } .icon.power-up { - background: url(../images/theme-default/icon-power-up.png) center center no-repeat; + background: url(../images/theme-default/icon-power-up.png) center + center no-repeat; } .icon.power-down { - background: url(../images/theme-default/icon-power-down.png) center center no-repeat; + background: url(../images/theme-default/icon-power-down.png) center + center no-repeat; } .icon.search { - background: url(../images/theme-default/icon-search.png) no-repeat center center; + background: url(../images/theme-default/icon-search.png) no-repeat + center center; } .icon.sort { - background: url(../images/theme-default/icon-sort.png) no-repeat center center; + background: url(../images/theme-default/icon-sort.png) no-repeat + center center; } .icon.design { - background: url(../images/theme-default/icon-design.png) no-repeat center center; + background: url(../images/theme-default/icon-design.png) no-repeat + center center; } .icon.list { - background: url(../images/theme-default/icon-list.png) no-repeat center center; + background: url(../images/theme-default/icon-list.png) no-repeat + center center; } .icon.detail { - background: url(../images/theme-default/icon-detail.png) no-repeat center center; + background: url(../images/theme-default/icon-detail.png) no-repeat + center center; } .icon.add { @@ -226,7 +257,8 @@ .icon.tree { width: 42px; - background: url(../images/theme-default/icon-tree.png) no-repeat center center; + background: url(../images/theme-default/icon-tree.png) no-repeat + center center; } /* Generated at http://colorzilla.com/gradient-editor/ */ @@ -235,13 +267,16 @@ margin: 5px 10px; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e5e5e5)); + background: -webkit-gradient(linear, left top, left bottom, + color-stop(0%, #ffffff), color-stop(100%, #e5e5e5)); background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); background: -o-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); background: -ms-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0); - box-shadow: -1px -1px 1px #03385c, 1px 1px 1px #09F, 3px 3px 3px white inset, -3px -3px 3px rgba(0, 0, 0, .25) inset; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', + endColorstr='#e5e5e5', GradientType=0); + box-shadow: -1px -1px 1px #03385c, 1px 1px 1px #09F, 3px 3px 3px white + inset, -3px -3px 3px rgba(0, 0, 0, .25) inset; } .btn-select { @@ -253,7 +288,8 @@ -webkit-border-radius: 5px; -moz-border-radius: 5px; background: #fff; - box-shadow: -1px -1px 1px #666, 1px 1px 1px #fff, 1px 1px 1px rgba(0, 0, 0, .15) inset; + box-shadow: -1px -1px 1px #666, 1px 1px 1px #fff, 1px 1px 1px + rgba(0, 0, 0, .15) inset; font-size: 13px; line-height: 30px; text-align: left; @@ -281,7 +317,8 @@ line-height: 30px; top: 0; right: 5px; - background: url(../images/theme-default/arrow-down-black.png) no-repeat center center; + background: url(../images/theme-default/arrow-down-black.png) no-repeat + center center; } /* Generated at http://colorzilla.com/gradient-editor/ */ @@ -296,12 +333,14 @@ border-radius: 05px; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e5e5e5)); + background: -webkit-gradient(linear, left top, left bottom, + color-stop(0%, #ffffff), color-stop(100%, #e5e5e5)); background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); background: -o-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); background: -ms-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%); - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', + endColorstr='#e5e5e5', GradientType=0); text-align: center; font-size: 13px; line-height: 38px; @@ -312,23 +351,28 @@ box-shadow: -1px -1px 1px #bbb, 1px 1px 1px #ddd; background: #eeeeee; background: -moz-linear-gradient(top, #eeeeee 0%, #d5d5d5 100%); - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #d5d5d5)); + background: -webkit-gradient(linear, left top, left bottom, + color-stop(0%, #eeeeee), color-stop(100%, #d5d5d5)); background: -webkit-linear-gradient(top, #eeeeee 0%, #d5d5d5 100%); background: -o-linear-gradient(top, #eeeeee 0%, #d5d5d5 100%); background: -ms-linear-gradient(top, #eeeeee 0%, #d5d5d5 100%); background: linear-gradient(to bottom, #eeeeee 0%, #d5d5d5 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#d5d5d5', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', + endColorstr='#d5d5d5', GradientType=0); } .button-big:not([disabled]):active { - box-shadow: -1px -1px 1px #eee, 1px 1px 1px #ccc, 2px 2px 2px #ccc inset, -2px -2px 2px #aaa inset; + box-shadow: -1px -1px 1px #eee, 1px 1px 1px #ccc, 2px 2px 2px #ccc inset, + -2px -2px 2px #aaa inset; background: -moz-linear-gradient(top, #e5e5e5 0%, #ffffff 100%); - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5e5e5), color-stop(100%, #ffffff)); + background: -webkit-gradient(linear, left top, left bottom, + color-stop(0%, #e5e5e5), color-stop(100%, #ffffff)); background: -webkit-linear-gradient(top, #e5e5e5 0%, #ffffff 100%); background: -o-linear-gradient(top, #e5e5e5 0%, #ffffff 100%); background: -ms-linear-gradient(top, #e5e5e5 0%, #ffffff 100%); background: linear-gradient(to bottom, #e5e5e5 0%, #ffffff 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#ffffff', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', + endColorstr='#ffffff', GradientType=0); } /* Generated at http://colorzilla.com/gradient-editor/ */ @@ -337,35 +381,41 @@ border: 1px solid #b10f14; background: #ff3019; background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%); - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff3019), color-stop(100%, #cf0404)); + background: -webkit-gradient(linear, left top, left bottom, + color-stop(0%, #ff3019), color-stop(100%, #cf0404)); background: -webkit-linear-gradient(top, #ff3019 0%, #cf0404 100%); background: -o-linear-gradient(top, #ff3019 0%, #cf0404 100%); background: -ms-linear-gradient(top, #ff3019 0%, #cf0404 100%); background: linear-gradient(to bottom, #ff3019 0%, #cf0404 100%); - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3019', + endColorstr='#cf0404', GradientType=0); color: #fff; } .button-big.red:not([disabled]):hover { background: #ef2009; background: -moz-linear-gradient(top, #ef2009 0%, #bf0404 100%); - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ef2009), color-stop(100%, #bf0404)); + background: -webkit-gradient(linear, left top, left bottom, + color-stop(0%, #ef2009), color-stop(100%, #bf0404)); background: -webkit-linear-gradient(top, #ef2009 0%, #bf0404 100%); background: -o-linear-gradient(top, #ef2009 0%, #bf0404 100%); background: -ms-linear-gradient(top, #ef2009 0%, #bf0404 100%); background: linear-gradient(to bottom, #ef2009 0%, #bf0404 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ef2009', endColorstr='#bf0404', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ef2009', + endColorstr='#bf0404', GradientType=0); color: #fff; } .button-big.red:not([disabled]):active { background: -moz-linear-gradient(top, #cf0404 0%, #ff3019 100%); - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cf0404), color-stop(100%, #ff3019)); + background: -webkit-gradient(linear, left top, left bottom, + color-stop(0%, #cf0404), color-stop(100%, #ff3019)); background: -webkit-linear-gradient(top, #cf0404 0%, #ff3019 100%); background: -o-linear-gradient(top, #cf0404 0%, #ff3019 100%); background: -ms-linear-gradient(top, #cf0404 0%, #ff3019 100%); background: linear-gradient(to bottom, #cf0404 0%, #ff3019 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cf0404', endColorstr='#ff3019', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cf0404', + endColorstr='#ff3019', GradientType=0); } .button-big.disable { @@ -390,14 +440,17 @@ } .btn-normal:not([disabled]):active { - box-shadow: -1px -1px 1px #eee, 1px 1px 1px #ccc, 2px 2px 2px #ccc inset, -2px -2px 2px #aaa inset; + box-shadow: -1px -1px 1px #eee, 1px 1px 1px #ccc, 2px 2px 2px #ccc inset, + -2px -2px 2px #aaa inset; background: -moz-linear-gradient(top, #04d 0%, #06f 100%); - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #04d), color-stop(100%, #06f)); + background: -webkit-gradient(linear, left top, left bottom, + color-stop(0%, #04d), color-stop(100%, #06f)); background: -webkit-linear-gradient(top, #04d 0%, #ff3019 100%); background: -o-linear-gradient(top, #04d 0%, #06f 100%); background: -ms-linear-gradient(top, #04d 0%, #06f 100%); background: linear-gradient(to bottom, #04d 0%, #06f 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#04d', endColorstr='#06f', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#04d', + endColorstr='#06f', GradientType=0); } .btn-normal[disabled] { diff --git a/ui/css/theme-default/error.css b/ui/css/theme-default/error.css index e483ece..46b4326 100644 --- a/ui/css/theme-default/error.css +++ b/ui/css/theme-default/error.css @@ -20,7 +20,8 @@ */ .error-background { - background: linear-gradient(to bottom, #4A4A4A 0%, #272727 100%) repeat scroll 0 0 transparent; + background: linear-gradient(to bottom, #4A4A4A 0%, #272727 100%) repeat + scroll 0 0 transparent; border-top: 1px solid #6B6868; color: #EEEEEE; text-shadow: -1px -1px 1px #000000, 1px 1px 1px #555555; @@ -35,7 +36,8 @@ } .error-icon { - background: linear-gradient(to bottom, #FFFFFF 0%, #E5E5E5 100%) repeat scroll 0 0 transparent; + background: linear-gradient(to bottom, #FFFFFF 0%, #E5E5E5 100%) repeat + scroll 0 0 transparent; border: 1px solid #CCCCCC; border-radius: 8px 8px 8px 8px; color: #333333; @@ -75,12 +77,15 @@ } .error-msg>a.btn-normal:active { - box-shadow: -1px -1px 1px #eee, 1px 1px 1px #ccc, 1px 1px 1px #ccc inset, -1px -1px 1px #aaa inset; + box-shadow: -1px -1px 1px #eee, 1px 1px 1px #ccc, 1px 1px 1px #ccc inset, + -1px -1px 1px #aaa inset; background: -moz-linear-gradient(top, black 0%, #888 100%); - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, #888)); + background: -webkit-gradient(linear, left top, left bottom, + color-stop(0%, black), color-stop(100%, #888)); background: -webkit-linear-gradient(top, black 0%, #888 100%); background: -o-linear-gradient(top, black 0%, #888 100%); background: -ms-linear-gradient(top, black 0%, #888 100%); background: linear-gradient(to bottom, black 0%, #888 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='black', endColorstr='#888', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='black', + endColorstr='#888', GradientType=0); } diff --git a/ui/css/theme-default/grid.css b/ui/css/theme-default/grid.css index c5aa8e6..bff787f 100644 --- a/ui/css/theme-default/grid.css +++ b/ui/css/theme-default/grid.css @@ -80,12 +80,18 @@ .grid-header { background: #f0f0f0; - background: -moz-linear-gradient(top, #f0f0f0 0%, #ddd 50%, #d0d0d0 51%, #e0e0e0 100%); - background: -webkit-linear-gradient(top, #f0f0f0 0%, #ddd 50%, #d0d0d0 51%, #e0e0e0 100%); - background: -o-linear-gradient(top, #f0f0f0 0%, #ddd 50%, #d0d0d0 51%, #e0e0e0 100%); - background: -ms-linear-gradient(top, #f0f0f0 0%, #ddd 50%, #d0d0d0 51%, #e0e0e0 100%); - background: linear-gradient(to bottom, #f0f0f0 0%, #ddd 50%, #d0d0d0 51%, #e0e0e0 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#e0e0e0', GradientType=0); + background: -moz-linear-gradient(top, #f0f0f0 0%, #ddd 50%, #d0d0d0 51%, + #e0e0e0 100%); + background: -webkit-linear-gradient(top, #f0f0f0 0%, #ddd 50%, #d0d0d0 51%, + #e0e0e0 100%); + background: -o-linear-gradient(top, #f0f0f0 0%, #ddd 50%, #d0d0d0 51%, + #e0e0e0 100%); + background: -ms-linear-gradient(top, #f0f0f0 0%, #ddd 50%, #d0d0d0 51%, + #e0e0e0 100%); + background: linear-gradient(to bottom, #f0f0f0 0%, #ddd 50%, #d0d0d0 51%, + #e0e0e0 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', + endColorstr='#e0e0e0', GradientType=0); border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; height: 29px; @@ -187,12 +193,18 @@ .grid-body tr.selected { background: #b0d0f0; - background: -moz-linear-gradient(top, #b0d0f0 0%, #acf 50%, #a0c0ff 51%, #b0d0f0 100%); - background: -webkit-linear-gradient(top, #b0d0f0 0%, #acf 50%, #a0c0ff 51%, #b0d0f0 100%); - background: -o-linear-gradient(top, #b0d0f0 0%, #acf 50%, #a0c0ff 51%, #b0d0f0 100%); - background: -ms-linear-gradient(top, #b0d0f0 0%, #acf 50%, #a0c0ff 51%, #b0d0f0 100%); - background: linear-gradient(to bottom, #b0d0f0 0%, #acf 50%, #a0c0ff 51%, #b0d0f0 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b0d0f0', endColorstr='#bef', GradientType=0); + background: -moz-linear-gradient(top, #b0d0f0 0%, #acf 50%, #a0c0ff 51%, + #b0d0f0 100%); + background: -webkit-linear-gradient(top, #b0d0f0 0%, #acf 50%, #a0c0ff 51%, + #b0d0f0 100%); + background: -o-linear-gradient(top, #b0d0f0 0%, #acf 50%, #a0c0ff 51%, + #b0d0f0 100%); + background: -ms-linear-gradient(top, #b0d0f0 0%, #acf 50%, #a0c0ff 51%, + #b0d0f0 100%); + background: linear-gradient(to bottom, #b0d0f0 0%, #acf 50%, #a0c0ff 51%, + #b0d0f0 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b0d0f0', + endColorstr='#bef', GradientType=0); } .grid-resizer-leftmost, diff --git a/ui/css/theme-default/host.css b/ui/css/theme-default/host.css index 0ef8b10..67daeaf 100644 --- a/ui/css/theme-default/host.css +++ b/ui/css/theme-default/host.css @@ -51,7 +51,8 @@ } .host-panel .button-icon { - background: url("../images/theme-default/host-icon-sprite.png") no-repeat left top; + background: url("../images/theme-default/host-icon-sprite.png") no-repeat + left top; display: inline-block; height: 12px; width: 12px; @@ -186,7 +187,8 @@ #container-chart-disk-io, #container-chart-network-io { border: 1px solid white; - box-shadow: 2px 2px 2px gray, 2px -2px 2px gray, -2px -2px 2px gray, -2px 2px 2px gray; + box-shadow: 2px 2px 2px gray, 2px -2px 2px gray, -2px -2px 2px gray, -2px + 2px 2px gray; height: 100px; width: 500px; } diff --git a/ui/css/theme-default/jquery-ui.custom.css b/ui/css/theme-default/jquery-ui.custom.css index ce5a02a..fab6a95 100644 --- a/ui/css/theme-default/jquery-ui.custom.css +++ b/ui/css/theme-default/jquery-ui.custom.css @@ -50,13 +50,16 @@ } .ui-button-secondary.ui-state-default { - background: linear-gradient(to bottom, #FFFFFF 0%, #E5E5E5 100%) repeat scroll 0 0 transparent; - box-shadow: -2px -2px 2px #EAEAEA, 2px 2px 2px #FFFFFF, 3px 3px 3px white inset, -3px -3px 3px rgba(0, 0, 0, 0.25) inset; + background: linear-gradient(to bottom, #FFFFFF 0%, #E5E5E5 100%) repeat + scroll 0 0 transparent; + box-shadow: -2px -2px 2px #EAEAEA, 2px 2px 2px #FFFFFF, 3px 3px 3px white + inset, -3px -3px 3px rgba(0, 0, 0, 0.25) inset; } .ui-button-secondary.ui-state-hover { background: linear-gradient(to bottom, #d5d5d5 0%, #eeeeee 100%); - box-shadow: -2px -2px 2px #dadada, 2px 2px 2px #fff, 3px 3px 3px white inset, -3px -3px 3px rgba(0, 0, 0, .25) inset; + box-shadow: -2px -2px 2px #dadada, 2px 2px 2px #fff, 3px 3px 3px white + inset, -3px -3px 3px rgba(0, 0, 0, .25) inset; } .ui-button-secondary .ui-button-text { @@ -82,13 +85,15 @@ } .ui-menu { - background: linear-gradient(to bottom, #EEEEEE 0%, #CCCCCC 10px, #CCCCCC 96%, #A5A5A5 100%) repeat scroll 0 0 transparent; + background: linear-gradient(to bottom, #EEEEEE 0%, #CCCCCC 10px, #CCCCCC + 96%, #A5A5A5 100%) repeat scroll 0 0 transparent; padding: 10px 10px 0; width: 250px; } .ui-menu .ui-menu-item a { - background: linear-gradient(to bottom, #FFFFFF 0%, #E5E5E5 100%) repeat scroll 0 0 transparent; + background: linear-gradient(to bottom, #FFFFFF 0%, #E5E5E5 100%) repeat + scroll 0 0 transparent; border: 1px solid #CCCCCC; border-radius: 5px 5px 5px 5px; box-shadow: -1px -1px 1px #CCCCCC, 1px 1px 1px #EEEEEE; @@ -102,20 +107,23 @@ } .ui-menu .ui-menu-item a.ui-state-focus { - background: linear-gradient(to bottom, #EEEEEE 0%, #D5D5D5 100%) repeat scroll 0 0 transparent; + background: linear-gradient(to bottom, #EEEEEE 0%, #D5D5D5 100%) repeat + scroll 0 0 transparent; box-shadow: -1px -1px 1px #BBBBBB, 1px 1px 1px #DDDDDD; margin: 0px 0px 10px 0px; } .ui-menu .ui-menu-item a.red:not([disabled]) { - background: linear-gradient(to bottom, #FF3019 0%, #CF0404 100%) repeat scroll 0 0 transparent; + background: linear-gradient(to bottom, #FF3019 0%, #CF0404 100%) repeat + scroll 0 0 transparent; border: 1px solid #B10F14; color: #FFFFFF; text-shadow: -1px -1px 1px #9E0505, 1px 1px 1px #FC5D4C; } .ui-menu .ui-menu-item a.red:hover:not([disabled]) { - background: linear-gradient(to bottom, #EF2009 0%, #BF0404 100%) repeat scroll 0 0 transparent; + background: linear-gradient(to bottom, #EF2009 0%, #BF0404 100%) repeat + scroll 0 0 transparent; } .ui-menu .ui-state-disabled { @@ -127,7 +135,8 @@ } .ui-widget-overlay { - background: url("../images/theme-default/bg-mask.png") repeat scroll 0 0 transparent; + background: url("../images/theme-default/bg-mask.png") repeat scroll + 0 0 transparent; opacity: 1; } diff --git a/ui/css/theme-default/list.css b/ui/css/theme-default/list.css index 468361f..c435261 100644 --- a/ui/css/theme-default/list.css +++ b/ui/css/theme-default/list.css @@ -27,12 +27,14 @@ margin-bottom: 10px; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e5e5e5)); + background: -webkit-gradient(linear, left top, left bottom, + color-stop(0%, #ffffff), color-stop(100%, #e5e5e5)); background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); background: -o-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); background: -ms-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', + endColorstr='#e5e5e5', GradientType=0); border: 1px solid #ccc; color: #333; -webkit-border-radius: 8px; @@ -68,7 +70,8 @@ height: 130px; box-sizing: border-box; box-shadow: inset 4px 4px 4px #0289e2, inset -4px -4px 4px #04385d; - background: #0b6bad url(../images/theme-default/arrow_out.png) center center no-repeat; + background: #0b6bad url(../images/theme-default/arrow_out.png) center + center no-repeat; border-top-right: 1px solid #CCC; -webkit-border-top-right-radius: 8px; -moz-border-top-right-radius: 8px; @@ -179,7 +182,8 @@ .guest-users .users { height: 45px; line-height: 45px; - background: url(../images/theme-default/icon-user.png) left center no-repeat; + background: url(../images/theme-default/icon-user.png) left + center no-repeat; padding-left: 50px; font-size: 36px; font-weight: bold; @@ -188,7 +192,8 @@ .guest-users .snapshots { height: 40px; line-height: 40px; - background: url(../images/theme-default/icon-camera.png) left center no-repeat; + background: url(../images/theme-default/icon-camera.png) left + center no-repeat; padding-left: 50px; font-size: 36px; font-weight: bold; diff --git a/ui/css/theme-default/nav-tree.css b/ui/css/theme-default/nav-tree.css index 52c0506..31f675b 100644 --- a/ui/css/theme-default/nav-tree.css +++ b/ui/css/theme-default/nav-tree.css @@ -36,11 +36,13 @@ width: 42px; height: 48px; border-right: 1px solid #000; - background: transparent url("../images/theme-default/folder-arrow-right.png") center center no-repeat; + background: transparent center center no-repeat + url("../images/theme-default/folder-arrow-right.png"); } .nav-tree .item.on .arrow { - background: transparent url("../images/theme-default/folder-arrow-down.png") center center no-repeat; + background: transparent center center no-repeat + url("../images/theme-default/folder-arrow-down.png"); } .nav-tree .item.nochild .arrow { @@ -108,9 +110,11 @@ } .nav-tree .item-link .thumb.host { - background: url("../images/theme-default/thumb-host.png") center center no-repeat; + background: center center no-repeat + url("../images/theme-default/thumb-host.png"); } .nav-tree .item-link .thumb.guest { - background: url("../images/theme-default/thumb-guest.png") center center no-repeat; + background: center center no-repeat + url("../images/theme-default/thumb-guest.png"); } diff --git a/ui/css/theme-default/network.css b/ui/css/theme-default/network.css index 58c228b..fdbd2d5 100644 --- a/ui/css/theme-default/network.css +++ b/ui/css/theme-default/network.css @@ -36,7 +36,8 @@ .network .list .item { margin-bottom: 10px; border-radius: 8px 8px 8px 8px; - background: linear-gradient(to bottom, #FFFFFF 0%, #E5E5E5 100%) repeat scroll 0 0 transparent; + background: linear-gradient(to bottom, #FFFFFF 0%, #E5E5E5 100%) repeat + scroll 0 0 transparent; border: 1px solid #CCCCCC; position: relative; height: 54px; @@ -118,7 +119,8 @@ } .network .list .action-button-icon { - background: url("../images/theme-default/arrow-down-black.png") no-repeat scroll center center transparent; + background: url("../images/theme-default/arrow-down-black.png") no-repeat + scroll center center transparent; } .network .list .ui-state-disabled { @@ -134,11 +136,13 @@ } .network .list .up { - background: linear-gradient(to bottom, #BFD255 0%, #8EB92A 50%, #72AA00 51%, #9ECB2D 100%) repeat scroll 0 0 transparent; + background: linear-gradient(to bottom, #BFD255 0%, #8EB92A 50%, + #72AA00 51%, #9ECB2D 100%) repeat scroll 0 0 transparent; } .network .list .down { - background: linear-gradient(to bottom, #AFAFAF 0%, #AFAFAF 50%, #AFAFAF 51%, #AFAFAF 100%) repeat scroll 0 0 transparent; + background: linear-gradient(to bottom, #AFAFAF 0%, #AFAFAF 50%, + #AFAFAF 51%, #AFAFAF 100%) repeat scroll 0 0 transparent; } .network-config { diff --git a/ui/css/theme-default/popover.css b/ui/css/theme-default/popover.css index e91ccc0..295f8f9 100644 --- a/ui/css/theme-default/popover.css +++ b/ui/css/theme-default/popover.css @@ -75,19 +75,26 @@ /* Generated at http://colorzilla.com/gradient-editor/ */ .actionsheet { background: rgb(238, 238, 238); - background: -moz-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(204, 204, 204, 1) 10px, rgba(204, 204, 204, 1) 96%, - rgba(165, 165, 165, 1) 100%); - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(238, 238, 238, 1)), - color-stop(10px, rgba(204, 204, 204, 1)), color-stop(96%, rgba(204, 204, 204, 1)), - color-stop(100%, rgba(165, 165, 165, 1))); - background: -webkit-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(204, 204, 204, 1) 10px, rgba(204, 204, 204, 1) - 96%, rgba(165, 165, 165, 1) 100%); - background: -o-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(204, 204, 204, 1) 10px, rgba(204, 204, 204, 1) 96%, - rgba(165, 165, 165, 1) 100%); - background: -ms-linear-gradient(top, rgba(238, 238, 238, 1) 0%, rgba(204, 204, 204, 1) 10px, rgba(204, 204, 204, 1) 96%, - rgba(165, 165, 165, 1) 100%); - background: linear-gradient(to bottom, rgba(238, 238, 238, 1) 0%, rgba(204, 204, 204, 1) 10px, rgba(204, 204, 204, 1) - 96%, rgba(165, 165, 165, 1) 100%); + background: -moz-linear-gradient(top, rgba(238, 238, 238, 1) 0%, + rgba(204, 204, 204, 1) 10px, rgba(204, 204, 204, 1) 96%, + rgba(165, 165, 165, 1) 100%); + background: -webkit-gradient(linear, left top, left bottom, + color-stop(0%, rgba(238, 238, 238, 1)), color-stop(10px, + rgba(204, 204, 204, 1)), color-stop(96%, + rgba(204, 204, 204, 1)), color-stop(100%, + rgba(165, 165, 165, 1))); + background: -webkit-linear-gradient(top, rgba(238, 238, 238, 1) 0%, + rgba(204, 204, 204, 1) 10px, rgba(204, 204, 204, 1) 96%, + rgba(165, 165, 165, 1) 100%); + background: -o-linear-gradient(top, rgba(238, 238, 238, 1) 0%, + rgba(204, 204, 204, 1) 10px, rgba(204, 204, 204, 1) 96%, + rgba(165, 165, 165, 1) 100%); + background: -ms-linear-gradient(top, rgba(238, 238, 238, 1) 0%, + rgba(204, 204, 204, 1) 10px, rgba(204, 204, 204, 1) 96%, + rgba(165, 165, 165, 1) 100%); + background: linear-gradient(to bottom, rgba(238, 238, 238, 1) 0%, + rgba(204, 204, 204, 1) 10px, rgba(204, 204, 204, 1) 96%, + rgba(165, 165, 165, 1) 100%); padding: 10px 10px 0 10px; } @@ -113,9 +120,11 @@ } .select-list>li:hover { - background: #f8f8f8 url(../images/theme-default/check-grey.png) no-repeat 10px center; + background: #f8f8f8 url(../images/theme-default/check-grey.png) no-repeat + 10px center; } .select-list>li.active { - background: #f8f8f8 url(../images/theme-default/check-green.png) no-repeat 10px center; + background: #f8f8f8 url(../images/theme-default/check-green.png) no-repeat + 10px center; } diff --git a/ui/css/theme-default/report-add.css b/ui/css/theme-default/report-add.css index 189e914..753f100 100644 --- a/ui/css/theme-default/report-add.css +++ b/ui/css/theme-default/report-add.css @@ -19,7 +19,8 @@ } #button-report-add[disabled] { - background: #c0c0c0 url(../../images/theme-default/loading.gif) 7px center no-repeat; + background: #c0c0c0 url(../../images/theme-default/loading.gif) 7px + center no-repeat; color: #DDD; padding-left: 26px; } diff --git a/ui/css/theme-default/reset.css b/ui/css/theme-default/reset.css index 05b4836..760300f 100644 --- a/ui/css/theme-default/reset.css +++ b/ui/css/theme-default/reset.css @@ -18,8 +18,12 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,button - { +html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr, +address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub, +sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table, +caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure, +figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark, +audio,video,button { margin: 0; padding: 0; border: 0; diff --git a/ui/css/theme-default/storage.css b/ui/css/theme-default/storage.css index 62e1540..dde7f5a 100644 --- a/ui/css/theme-default/storage.css +++ b/ui/css/theme-default/storage.css @@ -65,8 +65,8 @@ margin-top: 10px; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), - color-stop(100%, #e5e5e5)); + background: -webkit-gradient(linear, left top, left bottom, + color-stop(0%, #ffffff), color-stop(100%, #e5e5e5)); background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); background: -o-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); background: -ms-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); @@ -211,8 +211,8 @@ .status-dot { background: #72AA00; - background: linear-gradient(to bottom, #BFD255 0%, #8EB92A 50%, #72AA00 51%, #9ECB2D - 100%) repeat scroll 0 0 transparent; + background: linear-gradient(to bottom, #BFD255 0%, #8EB92A 50%, + #72AA00 51%, #9ECB2D 100%) repeat scroll 0 0 transparent; border: 1px solid #72AA00; border-radius: 13px; box-shadow: 3px 3px 3px #FFFFFF, -3px -3px 3px #DDDDDD; @@ -281,8 +281,8 @@ .inactive { background: #E80501; - background: linear-gradient(to bottom, #E88692 0%, #E84845 50%, #E80501 51%, #E84845 - 100%) repeat scroll 0 0 transparent; + background: linear-gradient(to bottom, #E88692 0%, #E84845 50%, + #E80501 51%, #E84845 100%) repeat scroll 0 0 transparent; border: 1px solid #FF340C; } @@ -464,8 +464,8 @@ } .list-storage .storage-li[data-stat="inactive"]>.handle>.arrow-down { - background: url(../images/theme-default/arrow-down-disable.png) no-repeat center - center; + background: url(../images/theme-default/arrow-down-disable.png) no-repeat + center center; height: 52px; width: 45px; } @@ -580,4 +580,4 @@ .storage-auth-width { width: 150px; -} \ No newline at end of file +} diff --git a/ui/css/theme-default/template-edit.css b/ui/css/theme-default/template-edit.css index ecc9106..fee273f 100644 --- a/ui/css/theme-default/template-edit.css +++ b/ui/css/theme-default/template-edit.css @@ -86,7 +86,8 @@ display: block; } -.template-edit-wrapper-controls .select-list-box>li>label>input[type="checkbox"] { +.template-edit-wrapper-controls .select-list-box>li>label> +input[type="checkbox"] { display: none; } @@ -102,6 +103,8 @@ font-size: 12px; } -.template-edit-wrapper-controls .select-list-box>li>label>input[type="checkbox"]:CHECKED+.item { - background: #f8f8f8 url(../images/theme-default/check-green.png) no-repeat 10px center; +.template-edit-wrapper-controls .select-list-box>li>label> +input[type="checkbox"]:CHECKED+.item { + background: #f8f8f8 url(../images/theme-default/check-green.png) no-repeat + 10px center; } diff --git a/ui/css/theme-default/template_add.css b/ui/css/theme-default/template_add.css index 46cf56b..7ab8a40 100644 --- a/ui/css/theme-default/template_add.css +++ b/ui/css/theme-default/template_add.css @@ -44,7 +44,8 @@ float: left; display : block; width: 50px; height: 52px; - background: url(../../images/theme-default/icon-back.png) center center no-repeat; + background: url(../../images/theme-default/icon-back.png) center + center no-repeat; cursor: pointer; display: block; } @@ -61,7 +62,8 @@ margin: 0 10px 10px; padding: 20px 10px 20px 65px; border: 2px solid #ccc; - background: url(../../images/theme-default/icon-local.png) 15px center no-repeat; + background: url(../../images/theme-default/icon-local.png) 15px + center no-repeat; cursor: pointer; } @@ -137,12 +139,14 @@ .box { background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e5e5e5)); + background: -webkit-gradient(linear, left top, left bottom, + color-stop(0%, #ffffff), color-stop(100%, #e5e5e5)); background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); background: -o-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); background: -ms-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', + endColorstr='#e5e5e5', GradientType=0); border: 1px solid #ccc; color: #333; text-shadow: -1px -1px 1px #ccc, 1px 1px 1px #fff; @@ -279,11 +283,13 @@ #iso-search-loading { margin: 10px 15px; - background: #C0C0C0 url(../../images/theme-default/loading.gif) 7px center no-repeat; + background: #C0C0C0 url(../../images/theme-default/loading.gif) 7px + center no-repeat; padding: 0 20px 0 26px; } #iso-more-loading { - background: #C0C0C0 url(../../images/theme-default/loading.gif) 7px center no-repeat; + background: #C0C0C0 url(../../images/theme-default/loading.gif) 7px + center no-repeat; padding: 0 20px 0 26px; } diff --git a/ui/css/theme-default/template_list.css b/ui/css/theme-default/template_list.css index bd250a9..72e88ad 100644 --- a/ui/css/theme-default/template_list.css +++ b/ui/css/theme-default/template_list.css @@ -66,12 +66,14 @@ .white-box { background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e5e5e5)); + background: -webkit-gradient(linear, left top, left bottom, + color-stop(0%, #ffffff), color-stop(100%, #e5e5e5)); background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); background: -o-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); background: -ms-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', + endColorstr='#e5e5e5', GradientType=0); border: 1px solid #CCCCCC; color: #333333; text-shadow: -1px -1px 1px #CCCCCC, 1px 1px 1px #FFFFFF; @@ -82,7 +84,8 @@ -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; - background: linear-gradient(to bottom, #FFFFFF 0%, #E5E5E5 100%) repeat scroll 0 0 transparent; + background: linear-gradient(to bottom, #FFFFFF 0%, #E5E5E5 100%) repeat + scroll 0 0 transparent; border-color: #999999 #AAAAAA #AAAAAA #999999; border-image: none; border-radius: 5px 5px 5px 5px; @@ -101,7 +104,8 @@ } .bevel3 { - box-shadow: -2px -2px 2px #EAEAEA, 2px 2px 2px #FFFFFF, 3px 3px 3px white inset, -3px -3px 3px rgba(0, 0, 0, 0.25) inset; + box-shadow: -2px -2px 2px #EAEAEA, 2px 2px 2px #FFFFFF, 3px 3px 3px white + inset, -3px -3px 3px rgba(0, 0, 0, 0.25) inset; color: #333333; } @@ -138,7 +142,8 @@ template-hidden { } .button-drop { - background: linear-gradient(to bottom, #EEEEEE 0%, #CCCCCC 10px, #CCCCCC 96%, #A5A5A5 100%) repeat scroll 0 0 transparent; + background: linear-gradient(to bottom, #EEEEEE 0%, #CCCCCC 10px, #CCCCCC + 96%, #A5A5A5 100%) repeat scroll 0 0 transparent; } .action-bevel { @@ -198,7 +203,8 @@ template-hidden { } .template-results { - background: linear-gradient(to bottom, #FFFFFF 35px, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0 transparent; + background: linear-gradient(to bottom, #FFFFFF 35px, rgba(255, 255, 255, 0) + 100%) repeat scroll 0 0 transparent; float: left; height: 60px; margin-bottom: -22px; @@ -207,7 +213,8 @@ template-hidden { } .select-row-action { - background: linear-gradient(to bottom, #FFFFFF 0%, #E5E5E5 100%) repeat scroll 0 0 transparent; + background: linear-gradient(to bottom, #FFFFFF 0%, #E5E5E5 100%) repeat + scroll 0 0 transparent; border: 1px solid #CCCCCC; border-radius: 5px 5px 5px 5px; float: left; @@ -221,7 +228,8 @@ template-hidden { } .select-row-delete { - background: linear-gradient(to bottom, #FF3019 0%, #CF0404 100%) repeat scroll 0 0 transparent; + background: linear-gradient(to bottom, #FF3019 0%, #CF0404 100%) repeat + scroll 0 0 transparent; border: 1px solid #B10F14; border-radius: 5px 5px 5px 5px; color: #FFFFFF; diff --git a/ui/css/theme-default/toolbar.css b/ui/css/theme-default/toolbar.css index 5f47ed8..4f668b6 100644 --- a/ui/css/theme-default/toolbar.css +++ b/ui/css/theme-default/toolbar.css @@ -27,12 +27,14 @@ overflow: hidden; background: #e5e5e5; background: -moz-linear-gradient(top, #e5e5e5 0%, #c4c4c4 100%); - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5e5e5), color-stop(100%, #c4c4c4)); + background: -webkit-gradient(linear, left top, left bottom, + color-stop(0%, #e5e5e5), color-stop(100%, #c4c4c4)); background: -webkit-linear-gradient(top, #e5e5e5 0%, #c4c4c4 100%); background: -o-linear-gradient(top, #e5e5e5 0%, #c4c4c4 100%); background: -ms-linear-gradient(top, #e5e5e5 0%, #c4c4c4 100%); background: linear-gradient(to bottom, #e5e5e5 0%, #c4c4c4 100%); - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#c4c4c4', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', + endColorstr='#c4c4c4', GradientType=0); border-bottom: 1px solid #aaa; } diff --git a/ui/css/theme-default/topbar.css b/ui/css/theme-default/topbar.css index 6a5aec6..c273c70 100644 --- a/ui/css/theme-default/topbar.css +++ b/ui/css/theme-default/topbar.css @@ -23,14 +23,19 @@ .topbar { height: 48px; background: #4a4a4a; /* Old browsers */ - background: -moz-linear-gradient(top, #4a4a4a 0%, #272727 100%); /* FF3.6+ */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4a4a4a), color-stop(100%, #272727)); - /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, #4a4a4a 0%, #272727 100%); /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(top, #4a4a4a 0%, #272727 100%); /* Opera 11.10+ */ + background: -moz-linear-gradient(top, #4a4a4a 0%, + #272727 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, + color-stop(0%, #4a4a4a), + color-stop(100%, #272727)); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, #4a4a4a 0%, + #272727 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, #4a4a4a 0%, + #272727 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #4a4a4a 0%, #272727 100%); /* IE10+ */ background: linear-gradient(to bottom, #4a4a4a 0%, #272727 100%); /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4a4a4a', endColorstr='#272727', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4a4a4a', + endColorstr='#272727', GradientType=0); border-top: 1px solid #6b6868; boder-bottom: 1px solid #151718; position: relative; @@ -88,19 +93,23 @@ } .icon.setting { - background: url(../images/theme-default/icon-setting.png) no-repeat center center; + background: url(../images/theme-default/icon-setting.png) no-repeat + center center; } .icon.tool { - background: url(../images/theme-default/icon-tool.png) no-repeat center center; + background: url(../images/theme-default/icon-tool.png) no-repeat + center center; } .icon.event { - background: url(../images/theme-default/icon-event.png) no-repeat center center; + background: url(../images/theme-default/icon-event.png) no-repeat + center center; } .icon.alert { - background: url(../images/theme-default/icon-alert.png) no-repeat center center; + background: url(../images/theme-default/icon-alert.png) no-repeat + center center; } #user { diff --git a/ui/css/theme-default/window.css b/ui/css/theme-default/window.css index 0a95dce..5709f16 100644 --- a/ui/css/theme-default/window.css +++ b/ui/css/theme-default/window.css @@ -59,7 +59,8 @@ top: 0; height: 48px; z-index: 100; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.05); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15), inset 0 -1px 0 + rgba(0, 0, 0, 0.05); } .window footer { -- 1.8.5.3
In order to make the code more consistent, all CSS files should use the same indentation level. Use 4 spaces to indent the CSS properties. Signed-off-by: Crístian Viana <vianac@linux.vnet.ibm.com> --- ui/css/theme-default/button.css | 8 ++++---- ui/css/theme-default/line-chart.css | 6 +++--- ui/css/theme-default/template_add.css | 6 +++--- 3 files changed, 10 insertions(+), 10 deletions(-) diff --git a/ui/css/theme-default/button.css b/ui/css/theme-default/button.css index 274c438..014ad20 100644 --- a/ui/css/theme-default/button.css +++ b/ui/css/theme-default/button.css @@ -89,8 +89,8 @@ } .btn.loading .icon { - background: url(../images/theme-default/icon-load.png) center - center no-repeat; + background: url(../images/theme-default/icon-load.png) center + center no-repeat; } .btn .text { @@ -431,8 +431,8 @@ line-height: 38px; padding: 0 20px; color: #EEE; - border-radius: 8px; - font-size: 13px; + border-radius: 8px; + font-size: 13px; } .btn-normal:not([disabled]):hover { diff --git a/ui/css/theme-default/line-chart.css b/ui/css/theme-default/line-chart.css index e1d8cb9..0a0155a 100644 --- a/ui/css/theme-default/line-chart.css +++ b/ui/css/theme-default/line-chart.css @@ -19,15 +19,15 @@ * limitations under the License. */ .chart-container { - background: black; + background: black; } .line-chart { - overflow: hidden; + overflow: hidden; } .line-chart .background { - fill: black; + fill: black; } .line-chart text { diff --git a/ui/css/theme-default/template_add.css b/ui/css/theme-default/template_add.css index 7ab8a40..6a999f9 100644 --- a/ui/css/theme-default/template_add.css +++ b/ui/css/theme-default/template_add.css @@ -289,7 +289,7 @@ } #iso-more-loading { - background: #C0C0C0 url(../../images/theme-default/loading.gif) 7px - center no-repeat; - padding: 0 20px 0 26px; + background: #C0C0C0 url(../../images/theme-default/loading.gif) 7px + center no-repeat; + padding: 0 20px 0 26px; } -- 1.8.5.3
Reviewed-by: Aline Manera <alinefm@linux.vnet.ibm.com> On 01/29/2014 05:53 PM, Crístian Viana wrote:
This is the difference between this and the previous patchset (v4):
- Rebased to a6a4999.
Crístian Viana (2): CSS: Do not allow lines longer than 79 characters CSS: Change all CSS files indentation to 4 spaces
ui/css/theme-default/button.css | 167 ++++++++++++++++++++---------- ui/css/theme-default/error.css | 15 ++- ui/css/theme-default/grid.css | 36 ++++--- ui/css/theme-default/host.css | 6 +- ui/css/theme-default/jquery-ui.custom.css | 27 +++-- ui/css/theme-default/line-chart.css | 6 +- ui/css/theme-default/list.css | 15 ++- ui/css/theme-default/nav-tree.css | 12 ++- ui/css/theme-default/network.css | 12 ++- ui/css/theme-default/popover.css | 39 ++++--- ui/css/theme-default/report-add.css | 3 +- ui/css/theme-default/reset.css | 8 +- ui/css/theme-default/storage.css | 18 ++-- ui/css/theme-default/template-edit.css | 9 +- ui/css/theme-default/template_add.css | 20 ++-- ui/css/theme-default/template_list.css | 24 +++-- ui/css/theme-default/toolbar.css | 6 +- ui/css/theme-default/topbar.css | 29 ++++-- ui/css/theme-default/window.css | 3 +- 19 files changed, 296 insertions(+), 159 deletions(-)
participants (2)
-
Aline Manera -
Crístian Viana