diff options
author | 2017-08-07 11:39:39 +0800 | |
---|---|---|
committer | 2017-08-07 11:39:39 +0800 | |
commit | 21d72c4a80fe2937d0c4ddd20624b27adbcd989b (patch) | |
tree | e5013ee12f74f8452e01cbff16e7b0158bc456cb /common/src/main/webapp/thirdparty/uniform/css/uniform.default.css | |
parent | f533e73e2ae32e010b16abdcf7985abaf31ab843 (diff) |
Upload the ESR GUI seed code
Issue-ID: AAI-68
Change-Id: Ia50ce0570c2fabecd77199d4e8454f56fe587c4e
Signed-off-by: lizi00164331 <li.zi30@zte.com.cn>
Diffstat (limited to 'common/src/main/webapp/thirdparty/uniform/css/uniform.default.css')
-rw-r--r-- | common/src/main/webapp/thirdparty/uniform/css/uniform.default.css | 366 |
1 files changed, 366 insertions, 0 deletions
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; } |