root/SPARQLBuilderWWW/web/select2.css @ 293

リビジョン 232, 16.0 KB (コミッタ: lenz, 10 年 前)

BH14.14の作業成果

新UIと埋め込み方式の変更、結果のダウンロードボタン

残タスク：サンプル関係。サンプルボタンもGETでいきなりオープンも指定結果のパーマリンク作成もまだ
  • 属性 svn:mime-type の設定値 text/plain
行番号 
1.select2-container {
2  box-sizing: border-box;
3  display: inline-block;
4  margin: 0;
5  position: relative;
6  vertical-align: middle; }
7  .select2-container .select2-selection--single {
8    box-sizing: border-box;
9    cursor: pointer;
10    display: block;
11    height: 28px;
12    user-select: none;
13    -webkit-user-select: none; }
14    .select2-container .select2-selection--single .select2-selection__rendered {
15      display: block;
16      overflow: hidden;
17      padding-left: 8px;
18      padding-right: 20px;
19      text-overflow: ellipsis; }
20  .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
21    padding-right: 8px;
22    padding-left: 20px; }
23  .select2-container .select2-selection--multiple {
24    box-sizing: border-box;
25    cursor: pointer;
26    display: block;
27    min-height: 32px;
28    user-select: none;
29    -webkit-user-select: none; }
30    .select2-container .select2-selection--multiple .select2-selection__rendered {
31      display: inline-block;
32      overflow: hidden;
33      padding-left: 8px;
34      text-overflow: ellipsis; }
35  .select2-container .select2-search--inline {
36    float: left; }
37    .select2-container .select2-search--inline .select2-search__field {
38      border: none;
39      font-size: 100%;
40      margin-top: 5px; }
41
42.select2-dropdown {
43  background-color: white;
44  border: 1px solid #aaa;
45  border-radius: 4px;
46  box-sizing: border-box;
47  display: block;
48  position: absolute;
49  left: -100000px;
50  width: 100%;
51  z-index: 1051; }
52
53.select2-results {
54  display: block; }
55
56.select2-results__options {
57  list-style: none;
58  margin: 0;
59  padding: 0; }
60
61.select2-results__option {
62  padding: 6px;
63  user-select: none;
64  -webkit-user-select: none; }
65  .select2-results__option[aria-selected] {
66    cursor: pointer; }
67
68.select2-container--open .select2-dropdown {
69  left: 0; }
70
71.select2-container--open .select2-dropdown--above {
72  border-bottom: none;
73  border-bottom-left-radius: 0;
74  border-bottom-right-radius: 0; }
75
76.select2-container--open .select2-dropdown--below {
77  border-top: none;
78  border-top-left-radius: 0;
79  border-top-right-radius: 0; }
80
81.select2-search--dropdown {
82  display: block;
83  padding: 4px; }
84  .select2-search--dropdown .select2-search__field {
85    padding: 4px;
86    width: 100%;
87    box-sizing: border-box; }
88  .select2-search--dropdown.select2-search--hide {
89    display: none; }
90
91.select2-close-mask {
92  border: 0;
93  margin: 0;
94  padding: 0;
95  display: block;
96  position: fixed;
97  left: 0;
98  top: 0;
99  min-height: 100%;
100  min-width: 100%;
101  height: auto;
102  width: auto;
103  opacity: 0;
104  z-index: 99;
105  background-color: #fff;
106  filter: alpha(opacity=0); }
107
108.select2-container--default .select2-selection--single {
109  background-color: #fff;
110  border: 1px solid #aaa;
111  border-radius: 4px; }
112  .select2-container--default .select2-selection--single .select2-selection__rendered {
113    color: #444;
114    line-height: 28px; }
115  .select2-container--default .select2-selection--single .select2-selection__clear {
116    cursor: pointer;
117    float: right;
118    font-weight: bold; }
119  .select2-container--default .select2-selection--single .select2-selection__placeholder {
120    color: #999; }
121  .select2-container--default .select2-selection--single .select2-selection__arrow {
122    height: 26px;
123    position: absolute;
124    top: 1px;
125    right: 1px;
126    width: 20px; }
127    .select2-container--default .select2-selection--single .select2-selection__arrow b {
128      border-color: #888 transparent transparent transparent;
129      border-style: solid;
130      border-width: 5px 4px 0 4px;
131      height: 0;
132      left: 50%;
133      margin-left: -4px;
134      margin-top: -2px;
135      position: absolute;
136      top: 50%;
137      width: 0; }
138.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
139  float: left; }
140.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
141  left: 1px;
142  right: auto; }
143.select2-container--default.select2-container--disabled .select2-selection--single {
144  background-color: #eee;
145  cursor: default; }
146  .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
147    display: none; }
148.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
149  border-color: transparent transparent #888 transparent;
150  border-width: 0 4px 5px 4px; }
151.select2-container--default .select2-selection--multiple {
152  background-color: white;
153  border: 1px solid #aaa;
154  border-radius: 4px;
155  cursor: text; }
156  .select2-container--default .select2-selection--multiple .select2-selection__rendered {
157    list-style: none;
158    margin: 0;
159    padding: 0 5px;
160    width: 100%; }
161  .select2-container--default .select2-selection--multiple .select2-selection__placeholder {
162    color: #999;
163    margin-top: 5px;
164    float: left; }
165  .select2-container--default .select2-selection--multiple .select2-selection__clear {
166    cursor: pointer;
167    float: right;
168    font-weight: bold;
169    margin-top: 5px;
170    margin-right: 10px; }
171  .select2-container--default .select2-selection--multiple .select2-selection__choice {
172    background-color: #e4e4e4;
173    border: 1px solid #aaa;
174    border-radius: 4px;
175    cursor: default;
176    float: left;
177    margin-right: 5px;
178    margin-top: 5px;
179    padding: 0 5px; }
180  .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
181    color: #999;
182    cursor: pointer;
183    display: inline-block;
184    font-weight: bold;
185    margin-right: 2px; }
186    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
187      color: #333; }
188.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder {
189  float: right; }
190.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
191  margin-left: 5px;
192  margin-right: auto; }
193.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
194  margin-left: 2px;
195  margin-right: auto; }
196.select2-container--default.select2-container--disabled .select2-selection--multiple {
197  background-color: #eee;
198  cursor: default; }
199.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
200  display: none; }
201.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
202  border-top-left-radius: 0;
203  border-top-right-radius: 0; }
204.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
205  border-bottom-left-radius: 0;
206  border-bottom-right-radius: 0; }
207.select2-container--default .select2-search--dropdown .select2-search__field {
208  border: 1px solid #aaa; }
209.select2-container--default .select2-search--inline .select2-search__field {
210  background: transparent;
211  border: none;
212  outline: 0; }
213.select2-container--default .select2-results > .select2-results__options {
214  max-height: 200px;
215  overflow-y: auto; }
216.select2-container--default .select2-results__option[role=group] {
217  padding: 0; }
218.select2-container--default .select2-results__option[aria-disabled=true] {
219  color: #999; }
220.select2-container--default .select2-results__option[aria-selected=true] {
221  background-color: #ddd; }
222.select2-container--default .select2-results__option .select2-results__option {
223  padding-left: 1em; }
224  .select2-container--default .select2-results__option .select2-results__option .select2-results__group {
225    padding-left: 0; }
226  .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
227    margin-left: -1em;
228    padding-left: 2em; }
229    .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
230      margin-left: -2em;
231      padding-left: 3em; }
232      .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
233        margin-left: -3em;
234        padding-left: 4em; }
235        .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
236          margin-left: -4em;
237          padding-left: 5em; }
238          .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
239            margin-left: -5em;
240            padding-left: 6em; }
241.select2-container--default .select2-results__option--highlighted[aria-selected] {
242  background-color: #5897fb;
243  color: white; }
244.select2-container--default .select2-results__group {
245  cursor: default;
246  display: block;
247  padding: 6px; }
248
249.select2-container--classic .select2-selection--single {
250  background-color: #f6f6f6;
251  border: 1px solid #aaa;
252  border-radius: 4px;
253  outline: 0;
254  background-image: -webkit-linear-gradient(top, #ffffff 50%, #eeeeee 100%);
255  background-image: -o-linear-gradient(top, #ffffff 50%, #eeeeee 100%);
256  background-image: linear-gradient(to bottom, #ffffff 50%, #eeeeee 100%);
257  background-repeat: repeat-x;
258  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0); }
259  .select2-container--classic .select2-selection--single:focus {
260    border: 1px solid #5897fb; }
261  .select2-container--classic .select2-selection--single .select2-selection__rendered {
262    color: #444;
263    line-height: 28px; }
264  .select2-container--classic .select2-selection--single .select2-selection__clear {
265    cursor: pointer;
266    float: right;
267    font-weight: bold;
268    margin-right: 10px; }
269  .select2-container--classic .select2-selection--single .select2-selection__placeholder {
270    color: #999; }
271  .select2-container--classic .select2-selection--single .select2-selection__arrow {
272    background-color: #ddd;
273    border: none;
274    border-left: 1px solid #aaa;
275    border-top-right-radius: 4px;
276    border-bottom-right-radius: 4px;
277    height: 26px;
278    position: absolute;
279    top: 1px;
280    right: 1px;
281    width: 20px;
282    background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
283    background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
284    background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
285    background-repeat: repeat-x;
286    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0); }
287    .select2-container--classic .select2-selection--single .select2-selection__arrow b {
288      border-color: #888 transparent transparent transparent;
289      border-style: solid;
290      border-width: 5px 4px 0 4px;
291      height: 0;
292      left: 50%;
293      margin-left: -4px;
294      margin-top: -2px;
295      position: absolute;
296      top: 50%;
297      width: 0; }
298.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
299  float: left; }
300.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
301  border: none;
302  border-right: 1px solid #aaa;
303  border-radius: 0;
304  border-top-left-radius: 4px;
305  border-bottom-left-radius: 4px;
306  left: 1px;
307  right: auto; }
308.select2-container--classic.select2-container--open .select2-selection--single {
309  border: 1px solid #5897fb; }
310  .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
311    background: transparent;
312    border: none; }
313    .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
314      border-color: transparent transparent #888 transparent;
315      border-width: 0 4px 5px 4px; }
316.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
317  border-top: none;
318  border-top-left-radius: 0;
319  border-top-right-radius: 0;
320  background-image: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 50%);
321  background-image: -o-linear-gradient(top, #ffffff 0%, #eeeeee 50%);
322  background-image: linear-gradient(to bottom, #ffffff 0%, #eeeeee 50%);
323  background-repeat: repeat-x;
324  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0); }
325.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
326  border-bottom: none;
327  border-bottom-left-radius: 0;
328  border-bottom-right-radius: 0;
329  background-image: -webkit-linear-gradient(top, #eeeeee 50%, #ffffff 100%);
330  background-image: -o-linear-gradient(top, #eeeeee 50%, #ffffff 100%);
331  background-image: linear-gradient(to bottom, #eeeeee 50%, #ffffff 100%);
332  background-repeat: repeat-x;
333  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0); }
334.select2-container--classic .select2-selection--multiple {
335  background-color: white;
336  border: 1px solid #aaa;
337  border-radius: 4px;
338  cursor: text;
339  outline: 0; }
340  .select2-container--classic .select2-selection--multiple:focus {
341    border: 1px solid #5897fb; }
342  .select2-container--classic .select2-selection--multiple .select2-selection__rendered {
343    list-style: none;
344    margin: 0;
345    padding: 0 5px; }
346  .select2-container--classic .select2-selection--multiple .select2-selection__clear {
347    display: none; }
348  .select2-container--classic .select2-selection--multiple .select2-selection__choice {
349    background-color: #e4e4e4;
350    border: 1px solid #aaa;
351    border-radius: 4px;
352    cursor: default;
353    float: left;
354    margin-right: 5px;
355    margin-top: 5px;
356    padding: 0 5px; }
357  .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
358    color: #888;
359    cursor: pointer;
360    display: inline-block;
361    font-weight: bold;
362    margin-right: 2px; }
363    .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
364      color: #555; }
365.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
366  float: right; }
367.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
368  margin-left: 5px;
369  margin-right: auto; }
370.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
371  margin-left: 2px;
372  margin-right: auto; }
373.select2-container--classic.select2-container--open .select2-selection--multiple {
374  border: 1px solid #5897fb; }
375.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
376  border-top: none;
377  border-top-left-radius: 0;
378  border-top-right-radius: 0; }
379.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
380  border-bottom: none;
381  border-bottom-left-radius: 0;
382  border-bottom-right-radius: 0; }
383.select2-container--classic .select2-search--dropdown .select2-search__field {
384  border: 1px solid #aaa;
385  outline: 0; }
386.select2-container--classic .select2-search--inline .select2-search__field {
387  outline: 0; }
388.select2-container--classic .select2-dropdown {
389  background-color: white;
390  border: 1px solid transparent; }
391.select2-container--classic .select2-dropdown--above {
392  border-bottom: none; }
393.select2-container--classic .select2-dropdown--below {
394  border-top: none; }
395.select2-container--classic .select2-results > .select2-results__options {
396  max-height: 200px;
397  overflow-y: auto; }
398.select2-container--classic .select2-results__option[role=group] {
399  padding: 0; }
400.select2-container--classic .select2-results__option[aria-disabled=true] {
401  color: grey; }
402.select2-container--classic .select2-results__option--highlighted[aria-selected] {
403  background-color: #3875d7;
404  color: white; }
405.select2-container--classic .select2-results__group {
406  cursor: default;
407  display: block;
408  padding: 6px; }
409.select2-container--classic.select2-container--open .select2-dropdown {
410  border-color: #5897fb; }
Note: リポジトリブラウザについてのヘルプは TracBrowser を参照してください。