[Kimchi-devel] [PATCH 1/2] CSS: Do not allow lines longer than 79 characters

Aline Manera alinefm at linux.vnet.ibm.com
Sun Jan 26 00:19:52 UTC 2014


Reviewed-by: Aline Manera <alinefm at linux.vnet.ibm.com>

On 01/22/2014 11:28 AM, Crístian Viana wrote:
> 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 at 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 c7ed3f6..641230f 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 {
> @@ -255,7 +290,8 @@
>       -moz-border-radius: 5px;
>       border-radius: 5px;
>       background: #eee;
> -    box-shadow: -1px -1px 1px #666, 1px 1px 1px #fff, 2px 2px 2px rgba(0, 0, 0, .15) inset;
> +    box-shadow: -1px -1px 1px #666, 1px 1px 1px #fff, 2px 2px 2px
> +                rgba(0, 0, 0, .15) inset;
>       font-size: 13px;
>       line-height: 38px;
>       text-align: left;
> @@ -273,7 +309,8 @@
>       line-height: 38px;
>       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/ */
> @@ -288,12 +325,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;
> @@ -304,23 +343,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/ */
> @@ -329,35 +373,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 {
> @@ -382,14 +432,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 2704fee..fb3c643 100644
> --- a/ui/css/theme-default/grid.css
> +++ b/ui/css/theme-default/grid.css
> @@ -60,12 +60,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;
> @@ -167,12 +173,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 457c4ef..ab1359f 100644
> --- a/ui/css/theme-default/host.css
> +++ b/ui/css/theme-default/host.css
> @@ -31,7 +31,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;
> @@ -166,7 +167,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 95eb183..547e1e0 100644
> --- a/ui/css/theme-default/popover.css
> +++ b/ui/css/theme-default/popover.css
> @@ -74,19 +74,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;
>   }
>   
> @@ -112,9 +119,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 d81dc75..c6cd7e4 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;
>   }
> @@ -555,4 +555,4 @@
>       color: #bbb;
>       background-color: #fafafa;
>       cursor: not-allowed;
> -}
> \ 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 {




More information about the Kimchi-devel mailing list