From 21d72c4a80fe2937d0c4ddd20624b27adbcd989b Mon Sep 17 00:00:00 2001 From: lizi00164331 Date: Mon, 7 Aug 2017 11:39:39 +0800 Subject: Upload the ESR GUI seed code Issue-ID: AAI-68 Change-Id: Ia50ce0570c2fabecd77199d4e8454f56fe587c4e Signed-off-by: lizi00164331 --- .../thirdparty/uniform/css/uniform.default.css | 366 +++++++++++++++++++++ .../thirdparty/uniform/css/uniform.default.min.css | 1 + .../thirdparty/uniform/css/uniform.default.scss | 150 +++++++++ 3 files changed, 517 insertions(+) create mode 100644 common/src/main/webapp/thirdparty/uniform/css/uniform.default.css create mode 100644 common/src/main/webapp/thirdparty/uniform/css/uniform.default.min.css create mode 100644 common/src/main/webapp/thirdparty/uniform/css/uniform.default.scss (limited to 'common/src/main/webapp/thirdparty/uniform/css') diff --git a/common/src/main/webapp/thirdparty/uniform/css/uniform.default.css b/common/src/main/webapp/thirdparty/uniform/css/uniform.default.css new file mode 100644 index 0000000..2e7fd20 --- /dev/null +++ b/common/src/main/webapp/thirdparty/uniform/css/uniform.default.css @@ -0,0 +1,366 @@ +/* + +Uniform Theme: Uniform Default +Version: 1.8 +By: Josh Pyles +License: MIT License +--- +For use with the Uniform plugin: +http://uniformjs.com/ + +*/ +/* General settings */ +div.selector, div.selector span, div.checker span, div.radio span, div.uploader, div.uploader span.action, div.button, div.button span { + background-image: url("../images/sprite.png"); + background-repeat: no-repeat; + -webkit-font-smoothing: antialiased; } +div.selector, div.checker, div.button, div.radio, div.uploader { + display: -moz-inline-box; + display: inline-block; + *display: inline; + zoom: 1; + vertical-align: middle; + /* Keeping this as :focus to remove browser styles */ } + div.selector:focus, div.checker:focus, div.button:focus, div.radio:focus, div.uploader:focus { + outline: 0; } +div.selector, div.selector *, div.radio, div.radio *, div.checker, div.checker *, div.uploader, div.uploader *, div.button, div.button * { + margin: 0; + padding: 0; } + +.highContrastDetect { + background: url("../images/bg-input.png") repeat-x 0 0; + width: 0px; + height: 0px; } + +/* Input & Textarea */ +input.uniform-input, +select.uniform-multiselect, +textarea.uniform { + padding: 3px; + background: url("../images/bg-input.png") repeat-x 0 0; + outline: 0; } + input.uniform-input.active, + select.uniform-multiselect.active, + textarea.uniform.active { + background: url("../images/bg-input-focus.png") repeat-x 0 0; } + +/* Remove default webkit and possible mozilla .search styles. + * Keeping this as :active to remove browser styles */ +div.checker input, +input[type="search"], +input[type="search"]:active { + -moz-appearance: none; + -webkit-appearance: none; } + +/* Select */ +div.selector { + background-position: 0 -130px; + line-height: 26px; + height: 26px; + padding: 0 0 0 10px; + position: relative; + overflow: hidden; } + div.selector span { + text-overflow: ellipsis; + display: block; + overflow: hidden; + white-space: nowrap; + background-position: right 0; + height: 26px; + line-height: 26px; + padding-right: 25px; + cursor: pointer; + width: 100%; + display: block; } + div.selector.fixedWidth { + width: 190px; } + div.selector.fixedWidth span { + width: 155px; } + div.selector select { + opacity: 0; + filter: alpha(opacity=0); + -moz-opacity: 0; + border: none; + background: none; + position: absolute; + height: 22px; + top: 2px; + left: 0px; + width: 100%; } + div.selector.active { + background-position: 0 -156px; } + div.selector.active span { + background-position: right -26px; } + div.selector.hover, div.selector.focus { + background-position: 0 -182px; } + div.selector.hover span, div.selector.focus span { + background-position: right -52px; } + div.selector.hover.active, div.selector.focus.active { + background-position: 0 -208px; } + div.selector.hover.active span, div.selector.focus.active span { + background-position: right -78px; } + div.selector.disabled, div.selector.disabled.active { + background-position: 0 -234px; } + div.selector.disabled span, div.selector.disabled.active span { + background-position: right -104px; } + +/* Checkbox */ +div.checker { + position: relative; } + div.checker, div.checker span, div.checker input { + width: 19px; + height: 19px; } + div.checker span { + display: -moz-inline-box; + display: inline-block; + *display: inline; + zoom: 1; + text-align: center; + background-position: 0 -260px; } + div.checker span.checked { + background-position: -76px -260px; } + div.checker input { + opacity: 0; + filter: alpha(opacity=0); + -moz-opacity: 0; + border: none; + background: none; + display: -moz-inline-box; + display: inline-block; + *display: inline; + zoom: 1; } + div.checker.active span { + background-position: -19px -260px; } + div.checker.active span.checked { + background-position: -95px -260px; } + div.checker.hover span, div.checker.focus span { + background-position: -38px -260px; } + div.checker.hover span.checked, div.checker.focus span.checked { + background-position: -114px -260px; } + div.checker.hover.active span, div.checker.focus.active span { + background-position: -57px -260px; } + div.checker.hover.active span.checked, div.checker.focus.active span.checked { + background-position: -133px -260px; } + div.checker.disabled, div.checker.disabled.active { + background-position: -152px -260px; } + div.checker.disabled span.checked, div.checker.disabled.active span.checked { + background-position: -171px -260px; } + +/* Radio */ +div.radio { + position: relative; } + div.radio, div.radio span, div.radio input { + width: 18px; + height: 18px; } + div.radio span { + display: -moz-inline-box; + display: inline-block; + *display: inline; + zoom: 1; + text-align: center; + background-position: 0 -279px; } + div.radio span.checked { + background-position: -72px -279px; } + div.radio input { + opacity: 0; + filter: alpha(opacity=0); + -moz-opacity: 0; + border: none; + background: none; + display: -moz-inline-box; + display: inline-block; + *display: inline; + zoom: 1; + text-align: center; } + div.radio.active span { + background-position: -18px -18px -279px; } + div.radio.active span.checked { + background-position: -90px -279px; } + div.radio.hover span, div.radio.focus span { + background-position: -36px -36px -279px; } + div.radio.hover span.checked, div.radio.focus span.checked { + background-position: -108px -279px; } + div.radio.hover.active span, div.radio.focus.active span { + background-position: -54px -279px; } + div.radio.hover.active span.checked, div.radio.focus.active span.checked { + background-position: -126px -279px; } + div.radio.disabled span, div.radio.disabled.active span { + background-position: -144px -279px; } + div.radio.disabled span.checked, div.radio.disabled.active span.checked { + background-position: -162px -279px; } + +/* Uploader */ +div.uploader { + background-position: 0 -297px; + height: 28px; + width: 190px; + cursor: pointer; + position: relative; + overflow: hidden; } + div.uploader span.action { + background-position: right -409px; + height: 28px; + line-height: 28px; + width: 82px; + text-align: center; + float: left; + display: inline; + overflow: hidden; + cursor: pointer; } + div.uploader span.filename { + text-overflow: ellipsis; + display: block; + overflow: hidden; + white-space: nowrap; + float: left; + cursor: default; + height: 24px; + margin: 2px 0 2px 2px; + line-height: 24px; + width: 85px; + padding: 0 10px; } + div.uploader input { + opacity: 0; + filter: alpha(opacity=0); + -moz-opacity: 0; + border: none; + background: none; + position: absolute; + top: 0; + right: 0; + float: right; + cursor: default; + width: 100%; + height: 100%; } + div.uploader.active span.action { + background-position: right -465px; } + div.uploader.hover, div.uploader.focus { + background-position: 0 -353px; } + div.uploader.hover span.action, div.uploader.focus span.action { + background-position: right -437px; } + div.uploader.hover.active span.action, div.uploader.focus.active span.action { + background-position: right -493px; } + div.uploader.disabled, div.uploader.disabled.active { + background-position: 0 -325px; } + div.uploader.disabled span.action, div.uploader.disabled.active span.action { + background-position: right -381px; } + +/* Buttons */ +div.button { + background-position: 0 -641px; + height: 30px; + cursor: pointer; + position: relative; + /* Keep buttons barely visible so they can get focus */ } + div.button a, div.button button, div.button input { + opacity: 0.01; + filter: alpha(opacity=1); + -moz-opacity: 0.01; + display: block; + top: 0; + left: 0; + right: 0; + bottom: 0; + position: absolute; } + div.button span { + display: -moz-inline-box; + display: inline-block; + *display: inline; + zoom: 1; + line-height: 22px; + text-align: center; + background-position: right -521px; + height: 22px; + margin-left: 13px; + padding: 8px 15px 0 2px; } + div.button.active { + background-position: 0 -671px; } + div.button.active span { + background-position: right -551px; + cursor: default; } + div.button.hover, div.button.focus { + background-position: 0 -701px; } + div.button.hover span, div.button.focus span { + background-position: right -581px; } + div.button.disabled, div.button.disabled.active { + background-position: 0 -731px; } + div.button.disabled span, div.button.disabled.active span { + background-position: right -611px; + cursor: default; } + +/* INPUT & TEXTAREA */ +input.uniform-input, +select.uniform-multiselect, +textarea.uniform { + font-size: 12px; + font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; + font-weight: normal; + color: #777; + border-top: solid 1px #aaaaaa; + border-left: solid 1px #aaaaaa; + border-bottom: solid 1px #cccccc; + border-right: solid 1px #cccccc; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; } + input.uniform-input.hover, input.uniform-input.focus, + select.uniform-multiselect.hover, + select.uniform-multiselect.focus, + textarea.uniform.hover, + textarea.uniform.focus { + -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3); + -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3); + box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3); + border-color: #999; } + +/* PRESENTATION */ +/* Buttons */ +div.button span { + font-weight: bold; + font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; + font-size: 12px; + letter-spacing: 1px; + text-transform: uppercase; } +div.button.hover span, div.button.focus span { + color: #555; } +div.button.disabled span, div.button.disabled.active span { + color: #bbb; } + +/* Select */ +div.selector { + font-size: 12px; } + div.selector span { + color: #666; + text-shadow: 0 1px 0 white; } + div.selector select { + font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; + font-size: 12px; } + div.selector.disabled span, div.selector.disabled.active span { + color: #bbb; } + +/* Checker */ +div.checker { + margin-right: 5px; } + +/* Radio */ +div.radio { + margin-right: 3px; } + +/* Uploader */ +div.uploader span.action { + text-shadow: white 0px 1px 0px; + background-color: #fff; + font-size: 11px; + font-weight: bold; } +div.uploader span.filename { + color: #777; + border-right: solid 1px #bbbbbb; + font-size: 11px; } +div.uploader.disabled span.action, div.uploader.disabled.active span.action { + color: #aaa; } +div.uploader.disabled span.filename, div.uploader.disabled.active span.filename { + border-color: #ddd; + color: #aaa; } + +input.uniform-input, input.uniform-input:focus { + background-color: #fff; } diff --git a/common/src/main/webapp/thirdparty/uniform/css/uniform.default.min.css b/common/src/main/webapp/thirdparty/uniform/css/uniform.default.min.css new file mode 100644 index 0000000..ef4ee10 --- /dev/null +++ b/common/src/main/webapp/thirdparty/uniform/css/uniform.default.min.css @@ -0,0 +1 @@ +div.selector,div.selector span,div.checker span,div.radio span,div.uploader,div.uploader span.action,div.button,div.button span{background-image:url("../images/sprite.png");background-repeat:no-repeat;-webkit-font-smoothing:antialiased}div.selector,div.checker,div.button,div.radio,div.uploader{display:-moz-inline-box;display:inline-block;*display:inline;zoom:1;vertical-align:middle}div.selector:focus,div.checker:focus,div.button:focus,div.radio:focus,div.uploader:focus{outline:0}div.selector,div.selector *,div.radio,div.radio *,div.checker,div.checker *,div.uploader,div.uploader *,div.button,div.button *{margin:0;padding:0}.highContrastDetect{background:url("../images/bg-input.png") repeat-x 0 0;width:0px;height:0px}input.uniform-input,select.uniform-multiselect,textarea.uniform{padding:3px;background:url("../images/bg-input.png") repeat-x 0 0;outline:0}input.uniform-input.active,select.uniform-multiselect.active,textarea.uniform.active{background:url("../images/bg-input-focus.png") repeat-x 0 0}div.checker input,input[type="search"],input[type="search"]:active{-moz-appearance:none;-webkit-appearance:none}div.selector{background-position:0 -130px;line-height:26px;height:26px;padding:0 0 0 10px;position:relative;overflow:hidden}div.selector span{text-overflow:ellipsis;display:block;overflow:hidden;white-space:nowrap;background-position:right 0;height:26px;line-height:26px;padding-right:25px;cursor:pointer;width:100%;display:block}div.selector.fixedWidth{width:190px}div.selector.fixedWidth span{width:155px}div.selector select{opacity:0;filter:alpha(opacity=0);-moz-opacity:0;border:none;background:none;position:absolute;height:22px;top:2px;left:0px;width:100%}div.selector.active{background-position:0 -156px}div.selector.active span{background-position:right -26px}div.selector.hover,div.selector.focus{background-position:0 -182px}div.selector.hover span,div.selector.focus span{background-position:right -52px}div.selector.hover.active,div.selector.focus.active{background-position:0 -208px}div.selector.hover.active span,div.selector.focus.active span{background-position:right -78px}div.selector.disabled,div.selector.disabled.active{background-position:0 -234px}div.selector.disabled span,div.selector.disabled.active span{background-position:right -104px}div.checker{position:relative}div.checker,div.checker span,div.checker input{width:19px;height:19px}div.checker span{display:-moz-inline-box;display:inline-block;*display:inline;zoom:1;text-align:center;background-position:0 -260px}div.checker span.checked{background-position:-76px -260px}div.checker input{opacity:0;filter:alpha(opacity=0);-moz-opacity:0;border:none;background:none;display:-moz-inline-box;display:inline-block;*display:inline;zoom:1}div.checker.active span{background-position:-19px -260px}div.checker.active span.checked{background-position:-95px -260px}div.checker.hover span,div.checker.focus span{background-position:-38px -260px}div.checker.hover span.checked,div.checker.focus span.checked{background-position:-114px -260px}div.checker.hover.active span,div.checker.focus.active span{background-position:-57px -260px}div.checker.hover.active span.checked,div.checker.focus.active span.checked{background-position:-133px -260px}div.checker.disabled,div.checker.disabled.active{background-position:-152px -260px}div.checker.disabled span.checked,div.checker.disabled.active span.checked{background-position:-171px -260px}div.radio{position:relative}div.radio,div.radio span,div.radio input{width:18px;height:18px}div.radio span{display:-moz-inline-box;display:inline-block;*display:inline;zoom:1;text-align:center;background-position:0 -279px}div.radio span.checked{background-position:-72px -279px}div.radio input{opacity:0;filter:alpha(opacity=0);-moz-opacity:0;border:none;background:none;display:-moz-inline-box;display:inline-block;*display:inline;zoom:1;text-align:center}div.radio.active span{background-position:-18px -18px -279px}div.radio.active span.checked{background-position:-90px -279px}div.radio.hover span,div.radio.focus span{background-position:-36px -36px -279px}div.radio.hover span.checked,div.radio.focus span.checked{background-position:-108px -279px}div.radio.hover.active span,div.radio.focus.active span{background-position:-54px -279px}div.radio.hover.active span.checked,div.radio.focus.active span.checked{background-position:-126px -279px}div.radio.disabled span,div.radio.disabled.active span{background-position:-144px -279px}div.radio.disabled span.checked,div.radio.disabled.active span.checked{background-position:-162px -279px}div.uploader{background-position:0 -297px;height:28px;width:190px;cursor:pointer;position:relative;overflow:hidden}div.uploader span.action{background-position:right -409px;height:28px;line-height:28px;width:82px;text-align:center;float:left;display:inline;overflow:hidden;cursor:pointer}div.uploader span.filename{text-overflow:ellipsis;display:block;overflow:hidden;white-space:nowrap;float:left;cursor:default;height:24px;margin:2px 0 2px 2px;line-height:24px;width:85px;padding:0 10px}div.uploader input{opacity:0;filter:alpha(opacity=0);-moz-opacity:0;border:none;background:none;position:absolute;top:0;right:0;float:right;cursor:default;width:100%;height:100%}div.uploader.active span.action{background-position:right -465px}div.uploader.hover,div.uploader.focus{background-position:0 -353px}div.uploader.hover span.action,div.uploader.focus span.action{background-position:right -437px}div.uploader.hover.active span.action,div.uploader.focus.active span.action{background-position:right -493px}div.uploader.disabled,div.uploader.disabled.active{background-position:0 -325px}div.uploader.disabled span.action,div.uploader.disabled.active span.action{background-position:right -381px}div.button{background-position:0 -641px;height:30px;cursor:pointer;position:relative}div.button a,div.button button,div.button input{opacity:0.01;filter:alpha(opacity=1);-moz-opacity:0.01;display:block;top:0;left:0;right:0;bottom:0;position:absolute}div.button span{display:-moz-inline-box;display:inline-block;*display:inline;zoom:1;line-height:22px;text-align:center;background-position:right -521px;height:22px;margin-left:13px;padding:8px 15px 0 2px}div.button.active{background-position:0 -671px}div.button.active span{background-position:right -551px;cursor:default}div.button.hover,div.button.focus{background-position:0 -701px}div.button.hover span,div.button.focus span{background-position:right -581px}div.button.disabled,div.button.disabled.active{background-position:0 -731px}div.button.disabled span,div.button.disabled.active span{background-position:right -611px;cursor:default}input.uniform-input,select.uniform-multiselect,textarea.uniform{font-size:12px;font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;font-weight:normal;color:#777;border-top:solid 1px #aaa;border-left:solid 1px #aaa;border-bottom:solid 1px #ccc;border-right:solid 1px #ccc;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}input.uniform-input.hover,input.uniform-input.focus,select.uniform-multiselect.hover,select.uniform-multiselect.focus,textarea.uniform.hover,textarea.uniform.focus{-webkit-box-shadow:0px 0px 4px rgba(0,0,0,0.3);-moz-box-shadow:0px 0px 4px rgba(0,0,0,0.3);box-shadow:0px 0px 4px rgba(0,0,0,0.3);border-color:#999}div.button span{font-weight:bold;font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;font-size:12px;letter-spacing:1px;text-transform:uppercase}div.button.hover span,div.button.focus span{color:#555}div.button.disabled span,div.button.disabled.active span{color:#bbb}div.selector{font-size:12px}div.selector span{color:#666;text-shadow:0 1px 0 #fff}div.selector select{font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;font-size:12px}div.selector.disabled span,div.selector.disabled.active span{color:#bbb}div.checker{margin-right:5px}div.radio{margin-right:3px}div.uploader span.action{text-shadow:#fff 0px 1px 0px;background-color:#fff;font-size:11px;font-weight:bold}div.uploader span.filename{color:#777;border-right:solid 1px #bbb;font-size:11px}div.uploader.disabled span.action,div.uploader.disabled.active span.action{color:#aaa}div.uploader.disabled span.filename,div.uploader.disabled.active span.filename{border-color:#ddd;color:#aaa}input.uniform-input,input.uniform-input:focus{background-color:#fff} diff --git a/common/src/main/webapp/thirdparty/uniform/css/uniform.default.scss b/common/src/main/webapp/thirdparty/uniform/css/uniform.default.scss new file mode 100644 index 0000000..a32e348 --- /dev/null +++ b/common/src/main/webapp/thirdparty/uniform/css/uniform.default.scss @@ -0,0 +1,150 @@ +/* + +Uniform Theme: Uniform Default +Version: 1.8 +By: Josh Pyles +License: MIT License +--- +For use with the Uniform plugin: +http://uniformjs.com/ + +*/ + +$button-height: 30px; +$button-margin-left: 13px; +$button-padding: 8px 15px 0 2px; +$button-span-height: 22px; +$checkbox-height: 19px; +$checkbox-width: 19px; +$input-padding: 3px; +$radio-height: 18px; +$radio-width: 18px; +$select-fixed-width: 190px; +$select-height: 26px; +$select-margin-left: 10px; +$select-margin-right: 25px; +$select-select-height: 22px; +$select-select-top: 2px; +$upload-action-width: 82px; +$upload-filename-margin-top: 2px; +$upload-filename-margin-bottom: 2px; +$upload-filename-margin-left: 2px; +$upload-filename-width: 85px; +$upload-filename-padding: 0 10px; +$upload-height: 28px; +$upload-width: 190px; + +@import "../../_base/css/uniform._base.scss"; + +/* INPUT & TEXTAREA */ + +#{$class-wrapper-element}#{$class-wrapper} input#{$class-input}, +#{$class-wrapper-element}#{$class-wrapper} select#{$class-multiselect}, +#{$class-wrapper-element}#{$class-wrapper} textarea#{$class-textarea} { + font-size: 12px; + font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; + font-weight: normal; + color: #777; + border-top: solid 1px #aaa; + border-left: solid 1px #aaa; + border-bottom: solid 1px #ccc; + border-right: solid 1px #ccc; + @include border-radius($input-padding); + + @include whenHover { + @include box-shadow(0px 0px 4px rgba(0,0,0,0.3)); + border-color: #999; + } +} + +/* PRESENTATION */ + +/* Buttons */ + +div#{$class-wrapper}#{$class-button} { + span { + font-weight: bold; + font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; + font-size: 12px; + letter-spacing: 1px; + text-transform: uppercase; + } + + @include whenHover { + span { + color: #555; + } + } + + @include whenDisabled { + span { + color: #bbb; + } + } +} + + +/* Select */ + +div#{$class-wrapper}#{$class-select} { + font-size: 12px; + + span { + color: #666; + text-shadow: 0 1px 0 #fff; + } + + select { + font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; + font-size: 12px; + } + + @include whenDisabled { + span { + color: #bbb; + } + } +} + +/* Checker */ +div#{$class-wrapper}#{$class-checkbox} { + margin-right: 5px; +} + +/* Radio */ +div#{$class-wrapper}#{$class-radio} { + margin-right: 3px; +} + +/* Uploader */ +div#{$class-wrapper}#{$class-upload} { + span#{$class-action} { + text-shadow: #fff 0px 1px 0px; + background-color: #fff; + font-size: 11px; + font-weight: bold; + } + + span#{$class-filename} { + color: #777; + border-right: solid 1px #bbb; + font-size: 11px; + } + + @include whenDisabled { + span#{$class-action} { + color: #aaa; + } + + span#{$class-filename} { + border-color: #ddd; + color: #aaa; + } + } +} + +#{$class-wrapper-element}#{$class-wrapper} input#{$class-input} { + &, &:focus { + background-color: #fff; + } +} -- cgit 1.2.3-korg