diff options
Diffstat (limited to 'src/main/resources/static/css/nice-select.css')
-rw-r--r-- | src/main/resources/static/css/nice-select.css | 140 |
1 files changed, 140 insertions, 0 deletions
diff --git a/src/main/resources/static/css/nice-select.css b/src/main/resources/static/css/nice-select.css new file mode 100644 index 0000000..9fb7798 --- /dev/null +++ b/src/main/resources/static/css/nice-select.css @@ -0,0 +1,140 @@ +.nice-select { + -webkit-tap-highlight-color: transparent; + background-color: #fff; + border-radius: 5px; + border: solid 1px #e8e8e8; + box-sizing: border-box; + clear: both; + cursor: pointer; + display: block; + float: left; + font-family: inherit; + font-size: 14px; + font-weight: normal; + height: 42px; + line-height: 40px; + outline: none; + padding-left: 18px; + padding-right: 30px; + position: relative; + text-align: left !important; + -webkit-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + white-space: nowrap; + width: auto; } + .nice-select:hover { + border-color: #dbdbdb; } + .nice-select:active, .nice-select.open, .nice-select:focus { + border-color: #999; } + + + .nice-select.disabled { + border-color: #ededed; + color: #999; + pointer-events: none; } + .nice-select.disabled:after { + border-color: #cccccc; } + .nice-select.wide { + width: 100%; } + .nice-select.wide .list { + left: 0 !important; + right: 0 !important; } + .nice-select.right { + float: right; } + .nice-select.right .list { + left: auto; + right: 0; } + .nice-select.small { + font-size: 12px; + height: 36px; + line-height: 34px; } + .nice-select.small:after { + height: 4px; + width: 4px; } + .nice-select.small .option { + line-height: 34px; + min-height: 34px; } + .nice-select .list { + background-color: #fff; + border-radius: 5px; + box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11); + box-sizing: border-box; + margin-top: 4px; + opacity: 0; + overflow: hidden; + padding: 0; + pointer-events: none; + position: absolute; + top: 100%; + left: 0; + -webkit-transform-origin: 50% 0; + -ms-transform-origin: 50% 0; + transform-origin: 50% 0; + -webkit-transform: scale(0.75) translateY(-21px); + -ms-transform: scale(0.75) translateY(-21px); + transform: scale(0.75) translateY(-21px); + -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; + transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; + z-index: 9; } + .nice-select .list:hover .option:not(:hover) { + background-color: transparent !important; } + .nice-select .option { + cursor: pointer; + font-weight: 400; + line-height: 40px; + list-style: none; + min-height: 40px; + outline: none; + padding-left: 18px; + padding-right: 29px; + text-align: left; + -webkit-transition: all 0.2s; + transition: all 0.2s; } + .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus { + background-color: #f6f6f6; } + .nice-select .option.selected { + font-weight: bold; } + .nice-select .option.disabled { + background-color: transparent; + color: #999; + cursor: default; } + +.no-csspointerevents .nice-select .list { + display: none; } + +.no-csspointerevents .nice-select.open .list { + display: block; } + + + + + + /* ,,,,,,,,,,,,,,,, */ + + + .nice-select:after { + content: "\e64b"; + display: block; + height: 5px; + margin-top: -5px; + pointer-events: none; + position: absolute; + right: 30px; + top: 8px; + transition: all 0.15s ease-in-out; + width: 5px; + font-family: 'themify'; + color: #ddd; } + + .nice-select.open:after { + } + .nice-select.open .list { + opacity: 1; + pointer-events: auto; + -webkit-transform: scale(1) translateY(0); + -ms-transform: scale(1) translateY(0); + transform: scale(1) translateY(0); }
\ No newline at end of file |