Show More
| @@ -0,0 +1,115 b'' | |||
|
|
1 | /** | |
|
|
2 | * Select2 Bootstrap CSS 1.0 | |
|
|
3 | * Compatible with select2 3.3.2 and bootstrap 2.3.1 | |
|
|
4 | * MIT License | |
|
|
5 | */ | |
|
|
6 | .select2-container { | |
|
|
7 | vertical-align: middle; | |
|
|
8 | } | |
|
|
9 | .select2-container.input-mini { | |
|
|
10 | width: 60px; | |
|
|
11 | } | |
|
|
12 | .select2-container.input-small { | |
|
|
13 | width: 90px; | |
|
|
14 | } | |
|
|
15 | .select2-container.input-medium { | |
|
|
16 | width: 150px; | |
|
|
17 | } | |
|
|
18 | .select2-container.input-large { | |
|
|
19 | width: 210px; | |
|
|
20 | } | |
|
|
21 | .select2-container.input-xlarge { | |
|
|
22 | width: 270px; | |
|
|
23 | } | |
|
|
24 | .select2-container.input-xxlarge { | |
|
|
25 | width: 530px; | |
|
|
26 | } | |
|
|
27 | .select2-container.input-default { | |
|
|
28 | width: 220px; | |
|
|
29 | } | |
|
|
30 | .select2-container[class*="span"] { | |
|
|
31 | float: none; | |
|
|
32 | margin-left: 0; | |
|
|
33 | } | |
|
|
34 | ||
|
|
35 | .select2-container .select2-choice, | |
|
|
36 | .select2-container-multi .select2-choices { | |
|
|
37 | height: 28px; | |
|
|
38 | line-height: 29px; | |
|
|
39 | border: 1px solid #cccccc; | |
|
|
40 | -webkit-border-radius: 4px; | |
|
|
41 | -moz-border-radius: 4px; | |
|
|
42 | border-radius: 4px; | |
|
|
43 | background: none; | |
|
|
44 | background-color: white; | |
|
|
45 | filter: none; | |
|
|
46 | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
|
|
47 | -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
|
|
48 | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
|
|
49 | } | |
|
|
50 | ||
|
|
51 | .select2-container .select2-choice div, .select2-container .select2-choice .select2-arrow, | |
|
|
52 | .select2-container.select2-container-disabled .select2-choice div, | |
|
|
53 | .select2-container.select2-container-disabled .select2-choice .select2-arrow { | |
|
|
54 | border-left: none; | |
|
|
55 | background: none; | |
|
|
56 | filter: none; | |
|
|
57 | } | |
|
|
58 | ||
|
|
59 | .control-group.error [class^="select2-choice"] { | |
|
|
60 | border-color: #b94a48; | |
|
|
61 | } | |
|
|
62 | ||
|
|
63 | .select2-container-multi .select2-choices .select2-search-field { | |
|
|
64 | height: 28px; | |
|
|
65 | line-height: 27px; | |
|
|
66 | } | |
|
|
67 | ||
|
|
68 | .select2-drop.select2-drop-active, | |
|
|
69 | .select2-container-active .select2-choice, | |
|
|
70 | .select2-container-multi.select2-container-active .select2-choices { | |
|
|
71 | border-color: rgba(82, 168, 236, 0.8); | |
|
|
72 | border-color: #ccc\0; | |
|
|
73 | outline: none; | |
|
|
74 | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); | |
|
|
75 | -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); | |
|
|
76 | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); | |
|
|
77 | } | |
|
|
78 | ||
|
|
79 | [class^="input-"] .select2-container { | |
|
|
80 | font-size: 14px; | |
|
|
81 | } | |
|
|
82 | ||
|
|
83 | .input-prepend [class^="select2-choice"] { | |
|
|
84 | border-top-left-radius: 0; | |
|
|
85 | border-bottom-left-radius: 0; | |
|
|
86 | } | |
|
|
87 | ||
|
|
88 | .input-append [class^="select2-choice"] { | |
|
|
89 | border-top-right-radius: 0; | |
|
|
90 | border-bottom-right-radius: 0; | |
|
|
91 | } | |
|
|
92 | ||
|
|
93 | .select2-dropdown-open [class^="select2-choice"] { | |
|
|
94 | border-bottom-left-radius: 0; | |
|
|
95 | border-bottom-right-radius: 0; | |
|
|
96 | } | |
|
|
97 | ||
|
|
98 | .select2-dropdown-open.select2-drop-above [class^="select2-choice"] { | |
|
|
99 | border-top-left-radius: 0; | |
|
|
100 | border-top-right-radius: 0; | |
|
|
101 | } | |
|
|
102 | ||
|
|
103 | [class^="input-"] .select2-offscreen { | |
|
|
104 | position: absolute; | |
|
|
105 | } | |
|
|
106 | ||
|
|
107 | /** | |
|
|
108 | * This stops the quick flash when a native selectbox is shown and | |
|
|
109 | * then replaced by a select2 input when javascript kicks in. This can be | |
|
|
110 | * removed if javascript is not present | |
|
|
111 | */ | |
|
|
112 | select.select2 { | |
|
|
113 | height: 28px; | |
|
|
114 | visibility: hidden; | |
|
|
115 | } | |
| @@ -107,4 +107,18 b" Kallithea is GPLv3'd." | |||
|
|
107 | 107 | |
|
|
108 | 108 | |
|
|
109 | 109 | |
|
|
110 | Select2-Bootstrap-CSS | |
|
|
111 | --------------------- | |
|
|
112 | ||
|
|
113 | Kallithea incorporates some CSS from a system called | |
|
|
114 | [Select2-bootstrap-css](https://github.com/t0m/select2-bootstrap-css), which | |
|
|
115 | is: | |
|
|
116 | ||
|
|
117 | Copyright © 2013 Tom Terrace (and likely others) | |
|
|
118 | ||
|
|
119 | and licensed under the MIT-permissive license, which is | |
|
|
120 | [included in this distribution](MIT-Permissive-License.txt). | |
|
|
121 | ||
|
|
122 | ||
|
|
123 | ||
|
|
110 | 124 | EOF |
General Comments 0
You need to be logged in to leave comments.
Login now