Rev 12723 | Rev 18321 | Go to most recent revision | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed
Rev 12723 | Rev 12845 | ||
---|---|---|---|
Line 1... | Line 1... | ||
1 | /** |
1 | /** Grouped input styles */ |
2 | .input-group{ |
2 | .input-group{ |
3 | justify-content: center; |
3 | justify-content: center; |
4 | } |
4 | } |
- | 5 | ||
- | 6 | div.input-group>:first-child {border-radius: 5px 0 0 5px;} |
|
- | 7 | div.input-group>:last-child>button {border-radius: 0 5px 5px 0;} |
|
- | 8 | ||
5 | 9 | ||
6 | /* from Foundation for Sites by ZURB |
10 | /* from Foundation for Sites by ZURB |
7 | * Version 6.4.3 |
11 | * Version 6.4.3 |
8 | * foundation.zurb.com |
12 | * foundation.zurb.com |
9 | */ |
13 | */ |
10 | 14 | ||
11 | 15 | ||
12 | /* select box */ |
16 | /* select box */ |
13 | 17 | ||
14 | .input-group>select{ |
18 | .input-group>select{ |
15 | border-radius: 0 5px 5px 0; |
19 | border-radius: 0 5px 5px 0; |
16 | } |
20 | } |
17 | - | ||
18 | select { |
- | |
19 | padding: 0.5rem; |
- | |
20 | -webkit-appearance: none; |
- | |
21 | -moz-appearance: none; |
- | |
22 | - | ||
23 | border: 1px solid #cacaca; |
- | |
24 | border-radius: 0 2px; |
- | |
25 | - | ||
26 | background-image: url("img/triangle.svg"); |
- | |
27 | background-origin: content-box; |
- | |
28 | background-position: right -1rem center; |
- | |
29 | background-repeat: no-repeat; |
- | |
30 | background-size: 9px 6px; |
- | |
31 | padding-right: 1.5rem; |
- | |
32 | transition: box-shadow 0.5s, border-color 0.25s ease-in-out; |
- | |
33 | } |
- | |
34 | @media screen and (min-width: 0\0) { |
- | |
35 | select { |
- | |
36 | background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg=="); } } |
- | |
37 | select:focus { |
- | |
38 | outline: none; |
- | |
39 | border: 1px solid #8a8a8a; |
- | |
40 | - | ||
41 | box-shadow: 0 0 5px #cacaca; |
- | |
42 | transition: border-color .25s ease-in-out, -webkit-box-shadow .5s; |
- | |
43 | transition: box-shadow .5s, border-color .25s ease-in-out; } |
- | |
44 | select:disabled { |
- | |
45 | background-color: #e6e6e6; |
- | |
46 | cursor: not-allowed; } |
- | |
47 | select::-ms-expand { |
- | |
48 | display: none; } |
- | |
49 | select[multiple] { |
- | |
50 | height: auto; |
- | |
51 | background-image: none; } |
- | |
52 | 21 | ||
53 | /* input groups */ |
22 | /* input groups */ |
54 | .input-group { |
23 | .input-group { |
55 | display: -webkit-box; |
24 | display: -webkit-box; |
56 | display: -ms-flexbox; |
25 | display: -ms-flexbox; |