diff --git a/src/_h5ai/client/css/inc/bottombar.less b/src/_h5ai/client/css/inc/bottombar.less index 8603e04f..53ca8340 100644 --- a/src/_h5ai/client/css/inc/bottombar.less +++ b/src/_h5ai/client/css/inc/bottombar.less @@ -7,10 +7,8 @@ left: 0; bottom: 0; padding: 6px 0 8px 0; - // .vert-gradient(rgb(241,241,241), rgb(228,228,228)); background-color: @col-widget-back; border-top: @border-widget; - // .box-shadow(0 -2px 4px 0 rgba(0, 0, 0, 0.15); color: #999; text-align: center; diff --git a/src/_h5ai/client/css/inc/dropbox.less b/src/_h5ai/client/css/inc/dropbox.less index 785dc2b6..ed8dfefa 100644 --- a/src/_h5ai/client/css/inc/dropbox.less +++ b/src/_h5ai/client/css/inc/dropbox.less @@ -1,7 +1,7 @@ #content { border: 1px dashed #fff; - .border-radius(8px); + border-radius: 8px; .transition(border-color 0.2s ease-in-out); &.hint { diff --git a/src/_h5ai/client/css/inc/general.less b/src/_h5ai/client/css/inc/general.less index 8d2e140a..aa80c092 100644 --- a/src/_h5ai/client/css/inc/general.less +++ b/src/_h5ai/client/css/inc/general.less @@ -16,9 +16,6 @@ @col-widget-back-sel: rgba(255,255,255,0.8); @col-widget-sep: @col-border; -// @col-sb-back: rgb(210,210,210); -// @col-sb-thumb: rgb(180,180,180); -// @col-sb-thumb-active: rgb(150,150,150); @col-sb-back: rgba(0,0,0,0.08); @col-sb-thumb: rgba(0,0,0,0.15); @col-sb-thumb-active: rgba(0,0,0,0.25); @@ -38,7 +35,6 @@ html { overflow-y: auto; } body { font-family: @font-family; - // font-weight: 400; font-size: 13px; color: @col; background-color: @col-back; diff --git a/src/_h5ai/client/css/inc/h5ai-info.less b/src/_h5ai/client/css/inc/h5ai-info.less index f662d64e..d231be17 100644 --- a/src/_h5ai/client/css/inc/h5ai-info.less +++ b/src/_h5ai/client/css/inc/h5ai-info.less @@ -36,7 +36,7 @@ body#h5ai-info { code { margin: 0 0.2em; padding: 2px 4px; - .border-radius(4px); + border-radius: 4px; font-family: @font-family-mono; letter-spacing: 0.1em; background-color: @col-widget-back; diff --git a/src/_h5ai/client/css/inc/notify.less b/src/_h5ai/client/css/inc/notify.less index 4ac6545e..8c1b7867 100644 --- a/src/_h5ai/client/css/inc/notify.less +++ b/src/_h5ai/client/css/inc/notify.less @@ -9,6 +9,6 @@ padding: 2px 6px 2px 6px; color: #fff; background-color: rgba(0, 0, 0, 0.2); - .border-radius(4px); + border-radius: 4px; text-align: center; } diff --git a/src/_h5ai/client/css/inc/preview-img.less b/src/_h5ai/client/css/inc/preview-img.less index a4542c22..ce69d923 100644 --- a/src/_h5ai/client/css/inc/preview-img.less +++ b/src/_h5ai/client/css/inc/preview-img.less @@ -24,7 +24,7 @@ max-width: 100%; max-height: 100%; border: 2px solid #fff; - .border-radius(4px); + border-radius: 4px; background-color: @check-white; background-image: @@ -39,7 +39,7 @@ #pv-img-image { border: 0; - .border-radius(0); + border-radius: 0; } } @@ -124,7 +124,6 @@ height: 32px; left: 0; bottom: 0; - // .vert-gradient(rgb(27,27,27), rgb(14,14,14)); background-color: rgb(27,27,27); border-top: 1px solid rgb(45,45,45); } diff --git a/src/_h5ai/client/css/inc/preview-txt.less b/src/_h5ai/client/css/inc/preview-txt.less index bbbb893a..a236ff0a 100644 --- a/src/_h5ai/client/css/inc/preview-txt.less +++ b/src/_h5ai/client/css/inc/preview-txt.less @@ -19,7 +19,7 @@ padding: 10px; background-color: #fff; border: 2px solid #fff; - .border-radius(4px); + border-radius: 4px; text-align: left; overflow: auto; position: relative; @@ -227,6 +227,6 @@ height: 32px; left: 0; bottom: 0; - .vert-gradient(rgb(27,27,27), rgb(14,14,14)); + background-color: rgb(27,27,27); border-top: 1px solid rgb(45,45,45); } diff --git a/src/_h5ai/client/css/inc/topbar.less b/src/_h5ai/client/css/inc/topbar.less index 04b52559..e0da03c6 100644 --- a/src/_h5ai/client/css/inc/topbar.less +++ b/src/_h5ai/client/css/inc/topbar.less @@ -6,10 +6,8 @@ min-height: 30px; left: 0; top: 0; - // .vert-gradient(rgb(241,241,241), rgb(228,228,228)); background-color: @col-widget-back; border-bottom: @border-widget; - // .box-shadow(0 2px 4px 0 rgba(0, 0, 0, 0.15); } diff --git a/src/_h5ai/client/css/inc/tree.less b/src/_h5ai/client/css/inc/tree.less index 2f258b6f..be456672 100644 --- a/src/_h5ai/client/css/inc/tree.less +++ b/src/_h5ai/client/css/inc/tree.less @@ -12,15 +12,12 @@ border-right: @border-widget; .sp-scrollbar { - // margin: 8px 8px 8px 0; width: 6px; background-color: @col-sb-back; - // .border-radius(3px); cursor: pointer; .sp-thumb { background-color: @col-sb-thumb; - // .border-radius(3px); } &.active .sp-thumb { background-color: @col-sb-thumb-active; @@ -63,14 +60,13 @@ padding: 4px 6px; color: #555; border: 1px solid rgba(0,0,0,0); - .border-radius(3px); + border-radius: 3px; text-decoration: none; opacity: 0.7; &:hover, &.hover { color: @col-hover; background-color: @col-widget-back-hover; - // border-color: rgba(0,0,0,0.05); opacity: 1; } } diff --git a/src/_h5ai/client/css/inc/view.less b/src/_h5ai/client/css/inc/view.less index f75c44c7..14103a72 100644 --- a/src/_h5ai/client/css/inc/view.less +++ b/src/_h5ai/client/css/inc/view.less @@ -76,7 +76,6 @@ overflow: hidden; &:hover, &.hover { - // color: #e80; color: @col-hover; background-color: @item-background-col-hover; border-color: @item-border-col-hover; @@ -86,8 +85,6 @@ &.selected:not(.selecting), &.selecting:not(.selected) { a, a:active, a:visited { - // color: #000; - // color: @col-hover; background-color: @item-background-col-sel; border-color: @item-border-col-sel; @@ -105,7 +102,6 @@ color: #aaa; &:hover, &.hover { - // color: #e80; color: @col-hover; } } @@ -131,7 +127,7 @@ img { &.thumb { - .box-shadow(0 0 0 1px #ddd); + box-shadow: 0 0 0 1px #ddd; } } diff --git a/src/_h5ai/client/css/lib/mixins.less b/src/_h5ai/client/css/lib/mixins.less index e1ecd862..82978299 100644 --- a/src/_h5ai/client/css/lib/mixins.less +++ b/src/_h5ai/client/css/lib/mixins.less @@ -1,57 +1,12 @@ -.border-radius (@radius) { - -webkit-border-radius: @radius; /* Saf3-4, iOS 1-3.2, Android <1.6 */ - -moz-border-radius: @radius; /* FF1-3.6 */ - border-radius: @radius; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */ -} - - -.background-clip () { - -webkit-background-clip: padding-box; - -moz-background-clip: padding; - background-clip: padding-box; -} - - -.box-shadow (@shadow) { - -webkit-box-shadow: @shadow; /* Saf3-4 */ - -moz-box-shadow: @shadow; /* FF3.5 - 3.6 */ - box-shadow: @shadow; /* Opera 10.5, IE9, FF4+, Chrome 10+ */ -} - - .transition (@transition) { - -webkit-transition: @transition; /* Saf3.2+, Chrome */ - -moz-transition: @transition; /* FF4+ */ - -ms-transition: @transition; /* IE10? */ - -o-transition: @transition; /* Opera 10.5+ */ - transition: @transition; + -webkit-transition: @transition; + transition: @transition; } - .transform (@transform) { - -webkit-transform: @transform; /* Saf3.1+, Chrome */ - -moz-transform: @transform; /* FF3.5+ */ - -ms-transform: @transform; /* IE9 */ - -o-transform: @transform; /* Opera 10.5 */ - transform: @transform; - zoom: 1; -} - - -.vert-gradient (@top, @bottom) { - background-color: @top; - background-image: -webkit-gradient(linear, left top, left bottom, from(@top), to(@bottom)); /* Saf4+, Chrome */ - background-image: -webkit-linear-gradient(top, @top, @bottom); /* Chrome 10+, Saf5.1+, iOS 5+ */ - background-image: -moz-linear-gradient(top, @top, @bottom); /* FF3.6 */ - background-image: -ms-linear-gradient(top, @top, @bottom); /* IE10 */ - background-image: -o-linear-gradient(top, @top, @bottom); /* Opera 11.10+ */ - background-image: linear-gradient(top, @top, @bottom); -} - - -.background-size (@size) { - -webkit-background-size: @size; /* Saf3-4 */ - -moz-background-size: @size; /* FF3.6 */ - background-size: @size; /* Opera, IE9, Saf5, Chrome, FF4 */ + -webkit-transform: @transform; + -ms-transform: @transform; + transform: @transform; + zoom: 1; }