diff --git a/core/misc/icons/333333/caret-down.png b/core/misc/icons/333333/caret-down.png new file mode 100755 index 0000000..253db47 --- /dev/null +++ b/core/misc/icons/333333/caret-down.png @@ -0,0 +1,3 @@ +‰PNG + + IHDRóÿa7IDAT8Ocd 0R¨Ÿa¸``` ÀÌÌlð÷ïßhaóàÂ… °…×p rÒÄh0 ‚¼5$ |¦¿ IEND®B`‚ \ No newline at end of file diff --git a/core/misc/icons/333333/caret-down.svg b/core/misc/icons/333333/caret-down.svg new file mode 100755 index 0000000..0b4b83a --- /dev/null +++ b/core/misc/icons/333333/caret-down.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/core/themes/seven/style.css b/core/themes/seven/style.css index aa699e0..5c9e34b 100644 --- a/core/themes/seven/style.css +++ b/core/themes/seven/style.css @@ -803,8 +803,7 @@ input.form-search, input.form-number, input.form-color, input.form-file, -textarea.form-textarea, -select.form-select { +textarea.form-textarea{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; @@ -835,6 +834,63 @@ select.form-select:focus { } /** + * Select elements - Webkit only + */ +@media screen and (-webkit-min-device-pixel-ratio: 0) { + select { + cursor: pointer; + -webkit-appearance: none; + padding: 1px 1.571em 2px 0.714em; /* LTR */ + border: 1px solid #a6a6a6; + border-radius: 0.143em; + background-color: #f2f1eb; + background: + url("../../misc/icons/333333/caret-down.svg") no-repeat 99% 63%, + -webkit-linear-gradient(top, #f6f6f3, #e7e7df); /* LTR */ + color: #333333; + text-decoration: none; + text-shadow: 0 1px hsla(0, 0%, 100%, 0.6); + font-weight: 600; + font-size: 14px; + font-size: 0.875rem; + -webkit-transition: all 0.1s; + -moz-transition: all 0.1s; + -o-transition: all 0.1s; + transition: all 0.1s; + -webkit-font-smoothing: antialiased; + } + [dir="rtl"] select { + padding: 1px 0.714em 2px 1.571em; + background: + url("../../misc/icons/333333/caret-down.svg") no-repeat 1% 63%, + -webkit-linear-gradient(top, #f6f6f3, #e7e7df); + } + .no-svg select { + background: url("../../misc/icons/333333/caret-down.png"), + -webkit-linear-gradient(top, #f6f6f3, #e7e7df); + } + select:focus, + select:hover { + background-color: #f9f8f6; + background: + url("../../misc/icons/333333/caret-down.svg") no-repeat 99% 63%, + -webkit-linear-gradient(top, #fcfcfa, #e9e9dd); /* LTR */ + color: #1a1a1a; + text-decoration: none; + outline: none; + } + [dir="rtl"] select:focus, + [dir="rtl"] select:hover { + background: + url("../../misc/icons/333333/caret-down.svg") no-repeat 1% 63%, + -webkit-linear-gradient(top, #fcfcfa, #e9e9dd); + } + select:hover { + box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.125); + } +} + +/** * Improve spacing of cancel link. */ #edit-cancel {