|
1 /*! |
|
2 * Bootstrap v2.0.1 |
|
3 * |
|
4 * Copyright 2012 Twitter, Inc |
|
5 * Licensed under the Apache License v2.0 |
|
6 * http://www.apache.org/licenses/LICENSE-2.0 |
|
7 * |
|
8 * Designed and built with all the love in the world @twitter by @mdo and @fat. |
|
9 */ |
|
10 article, |
|
11 aside, |
|
12 details, |
|
13 figcaption, |
|
14 figure, |
|
15 footer, |
|
16 header, |
|
17 hgroup, |
|
18 nav, |
|
19 section { |
|
20 display: block; |
|
21 } |
|
22 audio, |
|
23 canvas, |
|
24 video { |
|
25 display: inline-block; |
|
26 *display: inline; |
|
27 *zoom: 1; |
|
28 } |
|
29 audio:not([controls]) { |
|
30 display: none; |
|
31 } |
|
32 html { |
|
33 font-size: 100%; |
|
34 -webkit-text-size-adjust: 100%; |
|
35 -ms-text-size-adjust: 100%; |
|
36 } |
|
37 a:focus { |
|
38 outline: thin dotted #333; |
|
39 outline: 5px auto -webkit-focus-ring-color; |
|
40 outline-offset: -2px; |
|
41 } |
|
42 a:hover, |
|
43 a:active { |
|
44 outline: 0; |
|
45 } |
|
46 sub, |
|
47 sup { |
|
48 position: relative; |
|
49 font-size: 75%; |
|
50 line-height: 0; |
|
51 vertical-align: baseline; |
|
52 } |
|
53 sup { |
|
54 top: -0.5em; |
|
55 } |
|
56 sub { |
|
57 bottom: -0.25em; |
|
58 } |
|
59 img { |
|
60 max-width: 100%; |
|
61 height: auto; |
|
62 border: 0; |
|
63 -ms-interpolation-mode: bicubic; |
|
64 } |
|
65 button, |
|
66 input, |
|
67 select, |
|
68 textarea { |
|
69 margin: 0; |
|
70 font-size: 100%; |
|
71 vertical-align: middle; |
|
72 } |
|
73 button, |
|
74 input { |
|
75 *overflow: visible; |
|
76 line-height: normal; |
|
77 } |
|
78 button::-moz-focus-inner, |
|
79 input::-moz-focus-inner { |
|
80 padding: 0; |
|
81 border: 0; |
|
82 } |
|
83 button, |
|
84 input[type="button"], |
|
85 input[type="reset"], |
|
86 input[type="submit"] { |
|
87 cursor: pointer; |
|
88 -webkit-appearance: button; |
|
89 } |
|
90 input[type="search"] { |
|
91 -webkit-appearance: textfield; |
|
92 -webkit-box-sizing: content-box; |
|
93 -moz-box-sizing: content-box; |
|
94 box-sizing: content-box; |
|
95 } |
|
96 input[type="search"]::-webkit-search-decoration, |
|
97 input[type="search"]::-webkit-search-cancel-button { |
|
98 -webkit-appearance: none; |
|
99 } |
|
100 textarea { |
|
101 overflow: auto; |
|
102 vertical-align: top; |
|
103 } |
|
104 .clearfix { |
|
105 *zoom: 1; |
|
106 } |
|
107 .clearfix:before, |
|
108 .clearfix:after { |
|
109 display: table; |
|
110 content: ""; |
|
111 } |
|
112 .clearfix:after { |
|
113 clear: both; |
|
114 } |
|
115 *:focus { outline: 0; } |
|
116 |
|
117 body { |
|
118 margin: 0; |
|
119 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; |
|
120 font-size: 13px; |
|
121 line-height: 18px; |
|
122 color: #333333; |
|
123 background-color: #ffffff; |
|
124 } |
|
125 a { |
|
126 color: #dd4814; |
|
127 text-decoration: none; |
|
128 } |
|
129 a:hover { |
|
130 color: #dd4814; |
|
131 text-decoration: underline; |
|
132 } |
|
133 .row { |
|
134 margin-left: -20px; |
|
135 *zoom: 1; |
|
136 } |
|
137 .row:before, |
|
138 .row:after { |
|
139 display: table; |
|
140 content: ""; |
|
141 } |
|
142 .row:after { |
|
143 clear: both; |
|
144 } |
|
145 [class*="span"] { |
|
146 float: left; |
|
147 margin-left: 20px; |
|
148 } |
|
149 .span1 { |
|
150 width: 60px; |
|
151 } |
|
152 .span2 { |
|
153 width: 140px; |
|
154 } |
|
155 .span3 { |
|
156 width: 220px; |
|
157 } |
|
158 .span4 { |
|
159 width: 300px; |
|
160 } |
|
161 .span5 { |
|
162 width: 380px; |
|
163 } |
|
164 .span6 { |
|
165 width: 460px; |
|
166 } |
|
167 .span7 { |
|
168 width: 540px; |
|
169 } |
|
170 .span8 { |
|
171 width: 620px; |
|
172 } |
|
173 .span9 { |
|
174 width: 700px; |
|
175 } |
|
176 .span10 { |
|
177 width: 780px; |
|
178 } |
|
179 .span11 { |
|
180 width: 860px; |
|
181 } |
|
182 .span12, |
|
183 .container { |
|
184 width: 940px; |
|
185 } |
|
186 .offset1 { |
|
187 margin-left: 100px; |
|
188 } |
|
189 .offset2 { |
|
190 margin-left: 180px; |
|
191 } |
|
192 .offset3 { |
|
193 margin-left: 260px; |
|
194 } |
|
195 .offset4 { |
|
196 margin-left: 340px; |
|
197 } |
|
198 .offset5 { |
|
199 margin-left: 420px; |
|
200 } |
|
201 .offset6 { |
|
202 margin-left: 500px; |
|
203 } |
|
204 .offset7 { |
|
205 margin-left: 580px; |
|
206 } |
|
207 .offset8 { |
|
208 margin-left: 660px; |
|
209 } |
|
210 .offset9 { |
|
211 margin-left: 740px; |
|
212 } |
|
213 .offset10 { |
|
214 margin-left: 820px; |
|
215 } |
|
216 .offset11 { |
|
217 margin-left: 900px; |
|
218 } |
|
219 .row-fluid { |
|
220 width: 100%; |
|
221 *zoom: 1; |
|
222 } |
|
223 .row-fluid:before, |
|
224 .row-fluid:after { |
|
225 display: table; |
|
226 content: ""; |
|
227 } |
|
228 .row-fluid:after { |
|
229 clear: both; |
|
230 } |
|
231 .row-fluid > [class*="span"] { |
|
232 float: left; |
|
233 margin-left: 2.127659574%; |
|
234 } |
|
235 .row-fluid > [class*="span"]:first-child { |
|
236 margin-left: 0; |
|
237 } |
|
238 .row-fluid > .span1 { |
|
239 width: 6.382978723%; |
|
240 } |
|
241 .row-fluid > .span2 { |
|
242 width: 14.89361702%; |
|
243 } |
|
244 .row-fluid > .span3 { |
|
245 width: 23.404255317%; |
|
246 } |
|
247 .row-fluid > .span4 { |
|
248 width: 31.914893614%; |
|
249 } |
|
250 .row-fluid > .span5 { |
|
251 width: 40.425531911%; |
|
252 } |
|
253 .row-fluid > .span6 { |
|
254 width: 48.93617020799999%; |
|
255 } |
|
256 .row-fluid > .span7 { |
|
257 width: 57.446808505%; |
|
258 } |
|
259 .row-fluid > .span8 { |
|
260 width: 65.95744680199999%; |
|
261 } |
|
262 .row-fluid > .span9 { |
|
263 width: 74.468085099%; |
|
264 } |
|
265 .row-fluid > .span10 { |
|
266 width: 82.97872339599999%; |
|
267 } |
|
268 .row-fluid > .span11 { |
|
269 width: 91.489361693%; |
|
270 } |
|
271 .row-fluid > .span12 { |
|
272 width: 99.99999998999999%; |
|
273 } |
|
274 .container { |
|
275 width: 940px; |
|
276 margin-left: auto; |
|
277 margin-right: auto; |
|
278 *zoom: 1; |
|
279 } |
|
280 .container:before, |
|
281 .container:after { |
|
282 display: table; |
|
283 content: ""; |
|
284 } |
|
285 .container:after { |
|
286 clear: both; |
|
287 } |
|
288 .container-fluid { |
|
289 padding-left: 20px; |
|
290 padding-right: 20px; |
|
291 *zoom: 1; |
|
292 } |
|
293 .container-fluid:before, |
|
294 .container-fluid:after { |
|
295 display: table; |
|
296 content: ""; |
|
297 } |
|
298 .container-fluid:after { |
|
299 clear: both; |
|
300 } |
|
301 p { |
|
302 margin: 0 0 9px; |
|
303 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; |
|
304 font-size: 13px; |
|
305 line-height: 18px; |
|
306 } |
|
307 p small { |
|
308 font-size: 11px; |
|
309 color: #999999; |
|
310 } |
|
311 .lead { |
|
312 margin-bottom: 18px; |
|
313 font-size: 20px; |
|
314 font-weight: 200; |
|
315 line-height: 27px; |
|
316 } |
|
317 h1, |
|
318 h2, |
|
319 h3, |
|
320 h4, |
|
321 h5, |
|
322 h6 { |
|
323 margin: 0; |
|
324 font-weight: bold; |
|
325 color: #333333; |
|
326 text-rendering: optimizelegibility; |
|
327 } |
|
328 h1 small, |
|
329 h2 small, |
|
330 h3 small, |
|
331 h4 small, |
|
332 h5 small, |
|
333 h6 small { |
|
334 font-weight: normal; |
|
335 color: #999999; |
|
336 } |
|
337 h1 { |
|
338 font-size: 30px; |
|
339 line-height: 36px; |
|
340 } |
|
341 h1 small { |
|
342 font-size: 18px; |
|
343 } |
|
344 h2 { |
|
345 font-size: 24px; |
|
346 line-height: 36px; |
|
347 } |
|
348 h2 small { |
|
349 font-size: 18px; |
|
350 } |
|
351 h3 { |
|
352 line-height: 27px; |
|
353 font-size: 18px; |
|
354 } |
|
355 h3 small { |
|
356 font-size: 14px; |
|
357 } |
|
358 h4, |
|
359 h5, |
|
360 h6 { |
|
361 line-height: 18px; |
|
362 } |
|
363 h4 { |
|
364 font-size: 14px; |
|
365 } |
|
366 h4 small { |
|
367 font-size: 12px; |
|
368 } |
|
369 h5 { |
|
370 font-size: 12px; |
|
371 } |
|
372 h6 { |
|
373 font-size: 11px; |
|
374 color: #999999; |
|
375 text-transform: uppercase; |
|
376 } |
|
377 .page-header { |
|
378 padding-bottom: 17px; |
|
379 margin: 18px 0; |
|
380 border-bottom: 1px solid #eeeeee; |
|
381 } |
|
382 .page-header h1 { |
|
383 line-height: 1; |
|
384 } |
|
385 ul, |
|
386 ol { |
|
387 padding: 0; |
|
388 margin: 0 0 9px 25px; |
|
389 } |
|
390 ul ul, |
|
391 ul ol, |
|
392 ol ol, |
|
393 ol ul { |
|
394 margin-bottom: 0; |
|
395 } |
|
396 ul { |
|
397 list-style: disc; |
|
398 } |
|
399 ol { |
|
400 list-style: decimal; |
|
401 } |
|
402 li { |
|
403 line-height: 18px; |
|
404 } |
|
405 ul.unstyled, |
|
406 ol.unstyled { |
|
407 margin-left: 0; |
|
408 list-style: none; |
|
409 } |
|
410 table ul { |
|
411 margin: 0; |
|
412 list-style-type: none; |
|
413 } |
|
414 dl { |
|
415 margin-bottom: 18px; |
|
416 } |
|
417 dt, |
|
418 dd { |
|
419 line-height: 18px; |
|
420 } |
|
421 dt { |
|
422 font-weight: bold; |
|
423 } |
|
424 dd { |
|
425 margin-left: 9px; |
|
426 } |
|
427 hr { |
|
428 margin: 18px 0; |
|
429 border: 0; |
|
430 border-top: 1px solid #eeeeee; |
|
431 border-bottom: 1px solid #ffffff; |
|
432 } |
|
433 strong { |
|
434 font-weight: bold; |
|
435 } |
|
436 em { |
|
437 font-style: italic; |
|
438 } |
|
439 .muted { |
|
440 color: #999999; |
|
441 } |
|
442 abbr { |
|
443 font-size: 90%; |
|
444 text-transform: uppercase; |
|
445 border-bottom: 1px dotted #ddd; |
|
446 cursor: help; |
|
447 } |
|
448 blockquote { |
|
449 padding: 0 0 0 15px; |
|
450 margin: 0 0 18px; |
|
451 border-left: 5px solid #eeeeee; |
|
452 } |
|
453 blockquote p { |
|
454 margin-bottom: 0; |
|
455 font-size: 16px; |
|
456 font-weight: 300; |
|
457 line-height: 22.5px; |
|
458 } |
|
459 blockquote small { |
|
460 display: block; |
|
461 line-height: 18px; |
|
462 color: #999999; |
|
463 } |
|
464 blockquote small:before { |
|
465 content: '\2014 \00A0'; |
|
466 } |
|
467 blockquote.pull-right { |
|
468 float: right; |
|
469 padding-left: 0; |
|
470 padding-right: 15px; |
|
471 border-left: 0; |
|
472 border-right: 5px solid #eeeeee; |
|
473 } |
|
474 blockquote.pull-right p, |
|
475 blockquote.pull-right small { |
|
476 text-align: right; |
|
477 } |
|
478 q:before, |
|
479 q:after, |
|
480 blockquote:before, |
|
481 blockquote:after { |
|
482 content: ""; |
|
483 } |
|
484 address { |
|
485 display: block; |
|
486 margin-bottom: 18px; |
|
487 line-height: 18px; |
|
488 font-style: normal; |
|
489 } |
|
490 small { |
|
491 font-size: 100%; |
|
492 } |
|
493 cite { |
|
494 font-style: normal; |
|
495 } |
|
496 code, |
|
497 pre { |
|
498 padding: 0 3px 2px; |
|
499 font-family: Menlo, Monaco, "Courier New", monospace; |
|
500 font-size: 12px; |
|
501 color: #333333; |
|
502 -webkit-border-radius: 0px; |
|
503 -moz-border-radius: 0px; |
|
504 border-radius: 0px; |
|
505 } |
|
506 code { |
|
507 padding: 3px 4px; |
|
508 color: #d14; |
|
509 background-color: #f7f7f9; |
|
510 border: 1px solid #e1e1e8; |
|
511 } |
|
512 pre { |
|
513 display: block; |
|
514 padding: 8.5px; |
|
515 margin: 0 0 9px; |
|
516 font-size: 12px; |
|
517 line-height: 18px; |
|
518 background-color: #f5f5f5; |
|
519 border: 1px solid #ccc; |
|
520 border: 1px solid rgba(0, 0, 0, 0.15); |
|
521 -webkit-border-radius: 0px; |
|
522 -moz-border-radius: 0px; |
|
523 border-radius: 0px; |
|
524 white-space: pre; |
|
525 white-space: pre-wrap; |
|
526 word-break: break-all; |
|
527 word-wrap: break-word; |
|
528 } |
|
529 pre.prettyprint { |
|
530 margin-bottom: 18px; |
|
531 } |
|
532 pre code { |
|
533 padding: 0; |
|
534 color: inherit; |
|
535 background-color: transparent; |
|
536 border: 0; |
|
537 } |
|
538 .pre-scrollable { |
|
539 max-height: 340px; |
|
540 overflow-y: scroll; |
|
541 } |
|
542 form { |
|
543 margin: 0 0 18px; |
|
544 } |
|
545 fieldset { |
|
546 padding: 0; |
|
547 margin: 0; |
|
548 border: 0; |
|
549 } |
|
550 legend { |
|
551 display: block; |
|
552 width: 100%; |
|
553 padding: 0; |
|
554 margin-bottom: 27px; |
|
555 font-size: 19.5px; |
|
556 line-height: 36px; |
|
557 color: #333333; |
|
558 border: 0; |
|
559 border-bottom: 1px solid #eee; |
|
560 } |
|
561 legend small { |
|
562 font-size: 13.5px; |
|
563 color: #999999; |
|
564 } |
|
565 label, |
|
566 input, |
|
567 button, |
|
568 select, |
|
569 textarea { |
|
570 font-size: 13px; |
|
571 font-weight: normal; |
|
572 line-height: 18px; |
|
573 } |
|
574 input, |
|
575 button, |
|
576 select, |
|
577 textarea { |
|
578 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; |
|
579 } |
|
580 label { |
|
581 display: block; |
|
582 margin-bottom: 5px; |
|
583 color: #333333; |
|
584 } |
|
585 input, |
|
586 textarea, |
|
587 select, |
|
588 .uneditable-input { |
|
589 display: inline-block; |
|
590 width: 210px; |
|
591 height: 18px; |
|
592 padding: 4px; |
|
593 margin-bottom: 9px; |
|
594 font-size: 13px; |
|
595 line-height: 18px; |
|
596 color: #555555; |
|
597 border: 1px solid #ccc; |
|
598 -webkit-border-radius: 0px; |
|
599 -moz-border-radius: 0px; |
|
600 border-radius: 0px; |
|
601 } |
|
602 .uneditable-textarea { |
|
603 width: auto; |
|
604 height: auto; |
|
605 } |
|
606 label input, |
|
607 label textarea, |
|
608 label select { |
|
609 display: block; |
|
610 } |
|
611 input[type="image"], |
|
612 input[type="checkbox"], |
|
613 input[type="radio"] { |
|
614 width: auto; |
|
615 height: auto; |
|
616 padding: 0; |
|
617 margin: 3px 0; |
|
618 *margin-top: 0; |
|
619 /* IE7 */ |
|
620 |
|
621 line-height: normal; |
|
622 cursor: pointer; |
|
623 -webkit-border-radius: 0; |
|
624 -moz-border-radius: 0; |
|
625 border-radius: 0; |
|
626 border: 0 \9; |
|
627 /* IE9 and down */ |
|
628 |
|
629 } |
|
630 input[type="image"] { |
|
631 border: 0; |
|
632 } |
|
633 input[type="file"] { |
|
634 width: auto; |
|
635 padding: initial; |
|
636 line-height: initial; |
|
637 border: initial; |
|
638 background-color: #ffffff; |
|
639 background-color: initial; |
|
640 -webkit-box-shadow: none; |
|
641 -moz-box-shadow: none; |
|
642 box-shadow: none; |
|
643 } |
|
644 input[type="button"], |
|
645 input[type="reset"], |
|
646 input[type="submit"] { |
|
647 width: auto; |
|
648 height: auto; |
|
649 } |
|
650 select, |
|
651 input[type="file"] { |
|
652 height: 28px; |
|
653 /* In IE7, the height of the select element cannot be changed by height, only font-size */ |
|
654 |
|
655 *margin-top: 4px; |
|
656 /* For IE7, add top margin to align select with labels */ |
|
657 |
|
658 line-height: 28px; |
|
659 } |
|
660 input[type="file"] { |
|
661 line-height: 18px \9; |
|
662 } |
|
663 select { |
|
664 width: 220px; |
|
665 background-color: #ffffff; |
|
666 } |
|
667 select[multiple], |
|
668 select[size] { |
|
669 height: auto; |
|
670 } |
|
671 input[type="image"] { |
|
672 -webkit-box-shadow: none; |
|
673 -moz-box-shadow: none; |
|
674 box-shadow: none; |
|
675 } |
|
676 textarea { |
|
677 height: auto; |
|
678 } |
|
679 input[type="hidden"] { |
|
680 display: none; |
|
681 } |
|
682 .radio, |
|
683 .checkbox { |
|
684 padding-left: 18px; |
|
685 } |
|
686 .radio input[type="radio"], |
|
687 .checkbox input[type="checkbox"] { |
|
688 float: left; |
|
689 margin-left: -18px; |
|
690 } |
|
691 .controls > .radio:first-child, |
|
692 .controls > .checkbox:first-child { |
|
693 padding-top: 5px; |
|
694 } |
|
695 .radio.inline, |
|
696 .checkbox.inline { |
|
697 display: inline-block; |
|
698 padding-top: 5px; |
|
699 margin-bottom: 0; |
|
700 vertical-align: middle; |
|
701 } |
|
702 .radio.inline + .radio.inline, |
|
703 .checkbox.inline + .checkbox.inline { |
|
704 margin-left: 10px; |
|
705 } |
|
706 input, |
|
707 textarea { |
|
708 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); |
|
709 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); |
|
710 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); |
|
711 -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; |
|
712 -moz-transition: border linear 0.2s, box-shadow linear 0.2s; |
|
713 -ms-transition: border linear 0.2s, box-shadow linear 0.2s; |
|
714 -o-transition: border linear 0.2s, box-shadow linear 0.2s; |
|
715 transition: border linear 0.2s, box-shadow linear 0.2s; |
|
716 } |
|
717 input:focus, |
|
718 textarea:focus { |
|
719 border-color: rgba(82, 168, 236, 0.8); |
|
720 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); |
|
721 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); |
|
722 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); |
|
723 outline: 0; |
|
724 outline: thin dotted \9; |
|
725 /* IE6-9 */ |
|
726 |
|
727 } |
|
728 input[type="file"]:focus, |
|
729 input[type="radio"]:focus, |
|
730 input[type="checkbox"]:focus, |
|
731 select:focus { |
|
732 -webkit-box-shadow: none; |
|
733 -moz-box-shadow: none; |
|
734 box-shadow: none; |
|
735 outline: thin dotted #333; |
|
736 outline: 5px auto -webkit-focus-ring-color; |
|
737 outline-offset: -2px; |
|
738 } |
|
739 .input-mini { |
|
740 width: 60px; |
|
741 } |
|
742 .input-small { |
|
743 width: 90px; |
|
744 } |
|
745 .input-medium { |
|
746 width: 150px; |
|
747 } |
|
748 .input-large { |
|
749 width: 210px; |
|
750 } |
|
751 .input-xlarge { |
|
752 width: 270px; |
|
753 } |
|
754 .input-xxlarge { |
|
755 width: 530px; |
|
756 } |
|
757 input[class*="span"], |
|
758 select[class*="span"], |
|
759 textarea[class*="span"], |
|
760 .uneditable-input { |
|
761 float: none; |
|
762 margin-left: 0; |
|
763 } |
|
764 input.span1, |
|
765 textarea.span1, |
|
766 .uneditable-input.span1 { |
|
767 width: 50px; |
|
768 } |
|
769 input.span2, |
|
770 textarea.span2, |
|
771 .uneditable-input.span2 { |
|
772 width: 130px; |
|
773 } |
|
774 input.span3, |
|
775 textarea.span3, |
|
776 .uneditable-input.span3 { |
|
777 width: 210px; |
|
778 } |
|
779 input.span4, |
|
780 textarea.span4, |
|
781 .uneditable-input.span4 { |
|
782 width: 290px; |
|
783 } |
|
784 input.span5, |
|
785 textarea.span5, |
|
786 .uneditable-input.span5 { |
|
787 width: 370px; |
|
788 } |
|
789 input.span6, |
|
790 textarea.span6, |
|
791 .uneditable-input.span6 { |
|
792 width: 450px; |
|
793 } |
|
794 input.span7, |
|
795 textarea.span7, |
|
796 .uneditable-input.span7 { |
|
797 width: 530px; |
|
798 } |
|
799 input.span8, |
|
800 textarea.span8, |
|
801 .uneditable-input.span8 { |
|
802 width: 610px; |
|
803 } |
|
804 input.span9, |
|
805 textarea.span9, |
|
806 .uneditable-input.span9 { |
|
807 width: 690px; |
|
808 } |
|
809 input.span10, |
|
810 textarea.span10, |
|
811 .uneditable-input.span10 { |
|
812 width: 770px; |
|
813 } |
|
814 input.span11, |
|
815 textarea.span11, |
|
816 .uneditable-input.span11 { |
|
817 width: 850px; |
|
818 } |
|
819 input.span12, |
|
820 textarea.span12, |
|
821 .uneditable-input.span12 { |
|
822 width: 930px; |
|
823 } |
|
824 input[disabled], |
|
825 select[disabled], |
|
826 textarea[disabled], |
|
827 input[readonly], |
|
828 select[readonly], |
|
829 textarea[readonly] { |
|
830 background-color: #f5f5f5; |
|
831 border-color: #ddd; |
|
832 cursor: not-allowed; |
|
833 } |
|
834 .control-group.warning > label, |
|
835 .control-group.warning .help-block, |
|
836 .control-group.warning .help-inline { |
|
837 color: #c09853; |
|
838 } |
|
839 .control-group.warning input, |
|
840 .control-group.warning select, |
|
841 .control-group.warning textarea { |
|
842 color: #c09853; |
|
843 border-color: #c09853; |
|
844 } |
|
845 .control-group.warning input:focus, |
|
846 .control-group.warning select:focus, |
|
847 .control-group.warning textarea:focus { |
|
848 border-color: #a47e3c; |
|
849 -webkit-box-shadow: 0 0 6px #dbc59e; |
|
850 -moz-box-shadow: 0 0 6px #dbc59e; |
|
851 box-shadow: 0 0 6px #dbc59e; |
|
852 } |
|
853 .control-group.warning .input-prepend .add-on, |
|
854 .control-group.warning .input-append .add-on { |
|
855 color: #c09853; |
|
856 background-color: #fcf8e3; |
|
857 border-color: #c09853; |
|
858 } |
|
859 .control-group.error > label, |
|
860 .control-group.error .help-block, |
|
861 .control-group.error .help-inline { |
|
862 color: #b94a48; |
|
863 } |
|
864 .control-group.error input, |
|
865 .control-group.error select, |
|
866 .control-group.error textarea { |
|
867 color: #b94a48; |
|
868 border-color: #b94a48; |
|
869 } |
|
870 .control-group.error input:focus, |
|
871 .control-group.error select:focus, |
|
872 .control-group.error textarea:focus { |
|
873 border-color: #953b39; |
|
874 -webkit-box-shadow: 0 0 6px #d59392; |
|
875 -moz-box-shadow: 0 0 6px #d59392; |
|
876 box-shadow: 0 0 6px #d59392; |
|
877 } |
|
878 .control-group.error .input-prepend .add-on, |
|
879 .control-group.error .input-append .add-on { |
|
880 color: #b94a48; |
|
881 background-color: #f2dede; |
|
882 border-color: #b94a48; |
|
883 } |
|
884 .control-group.success > label, |
|
885 .control-group.success .help-block, |
|
886 .control-group.success .help-inline { |
|
887 color: #468847; |
|
888 } |
|
889 .control-group.success input, |
|
890 .control-group.success select, |
|
891 .control-group.success textarea { |
|
892 color: #468847; |
|
893 border-color: #468847; |
|
894 } |
|
895 .control-group.success input:focus, |
|
896 .control-group.success select:focus, |
|
897 .control-group.success textarea:focus { |
|
898 border-color: #356635; |
|
899 -webkit-box-shadow: 0 0 6px #7aba7b; |
|
900 -moz-box-shadow: 0 0 6px #7aba7b; |
|
901 box-shadow: 0 0 6px #7aba7b; |
|
902 } |
|
903 .control-group.success .input-prepend .add-on, |
|
904 .control-group.success .input-append .add-on { |
|
905 color: #468847; |
|
906 background-color: #dff0d8; |
|
907 border-color: #468847; |
|
908 } |
|
909 input:focus:required:invalid, |
|
910 textarea:focus:required:invalid, |
|
911 select:focus:required:invalid { |
|
912 color: #b94a48; |
|
913 border-color: #ee5f5b; |
|
914 } |
|
915 input:focus:required:invalid:focus, |
|
916 textarea:focus:required:invalid:focus, |
|
917 select:focus:required:invalid:focus { |
|
918 border-color: #e9322d; |
|
919 -webkit-box-shadow: 0 0 6px #f8b9b7; |
|
920 -moz-box-shadow: 0 0 6px #f8b9b7; |
|
921 box-shadow: 0 0 6px #f8b9b7; |
|
922 } |
|
923 .form-actions { |
|
924 padding: 17px 20px 18px; |
|
925 margin-top: 18px; |
|
926 margin-bottom: 18px; |
|
927 background-color: #f5f5f5; |
|
928 border-top: 1px solid #ddd; |
|
929 } |
|
930 .uneditable-input { |
|
931 display: block; |
|
932 background-color: #ffffff; |
|
933 border-color: #eee; |
|
934 -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); |
|
935 -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); |
|
936 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); |
|
937 cursor: not-allowed; |
|
938 } |
|
939 :-moz-placeholder { |
|
940 color: #999999; |
|
941 } |
|
942 ::-webkit-input-placeholder { |
|
943 color: #999999; |
|
944 } |
|
945 .help-block { |
|
946 display: block; |
|
947 margin-top: 5px; |
|
948 margin-bottom: 0; |
|
949 color: #999999; |
|
950 } |
|
951 .help-inline { |
|
952 display: inline-block; |
|
953 *display: inline; |
|
954 /* IE7 inline-block hack */ |
|
955 |
|
956 *zoom: 1; |
|
957 margin-bottom: 9px; |
|
958 vertical-align: middle; |
|
959 padding-left: 5px; |
|
960 } |
|
961 .input-prepend, |
|
962 .input-append { |
|
963 margin-bottom: 5px; |
|
964 *zoom: 1; |
|
965 } |
|
966 .input-prepend:before, |
|
967 .input-append:before, |
|
968 .input-prepend:after, |
|
969 .input-append:after { |
|
970 display: table; |
|
971 content: ""; |
|
972 } |
|
973 .input-prepend:after, |
|
974 .input-append:after { |
|
975 clear: both; |
|
976 } |
|
977 .input-prepend input, |
|
978 .input-append input, |
|
979 .input-prepend .uneditable-input, |
|
980 .input-append .uneditable-input { |
|
981 -webkit-border-radius: 0 3px 3px 0; |
|
982 -moz-border-radius: 0 3px 3px 0; |
|
983 border-radius: 0 3px 3px 0; |
|
984 } |
|
985 .input-prepend input:focus, |
|
986 .input-append input:focus, |
|
987 .input-prepend .uneditable-input:focus, |
|
988 .input-append .uneditable-input:focus { |
|
989 position: relative; |
|
990 z-index: 2; |
|
991 } |
|
992 .input-prepend .uneditable-input, |
|
993 .input-append .uneditable-input { |
|
994 border-left-color: #ccc; |
|
995 } |
|
996 .input-prepend .add-on, |
|
997 .input-append .add-on { |
|
998 float: left; |
|
999 display: block; |
|
1000 width: auto; |
|
1001 min-width: 16px; |
|
1002 height: 18px; |
|
1003 margin-right: -1px; |
|
1004 padding: 4px 5px; |
|
1005 font-weight: normal; |
|
1006 line-height: 18px; |
|
1007 color: #999999; |
|
1008 text-align: center; |
|
1009 text-shadow: 0 1px 0 #ffffff; |
|
1010 background-color: #f5f5f5; |
|
1011 border: 1px solid #ccc; |
|
1012 -webkit-border-radius: 3px 0 0 3px; |
|
1013 -moz-border-radius: 3px 0 0 3px; |
|
1014 border-radius: 3px 0 0 3px; |
|
1015 } |
|
1016 .input-prepend .active, |
|
1017 .input-append .active { |
|
1018 background-color: #a9dba9; |
|
1019 border-color: #46a546; |
|
1020 } |
|
1021 .input-prepend .add-on { |
|
1022 *margin-top: 1px; |
|
1023 /* IE6-7 */ |
|
1024 |
|
1025 } |
|
1026 .input-append input, |
|
1027 .input-append .uneditable-input { |
|
1028 float: left; |
|
1029 -webkit-border-radius: 3px 0 0 3px; |
|
1030 -moz-border-radius: 3px 0 0 3px; |
|
1031 border-radius: 3px 0 0 3px; |
|
1032 } |
|
1033 .input-append .uneditable-input { |
|
1034 border-left-color: #eee; |
|
1035 border-right-color: #ccc; |
|
1036 } |
|
1037 .input-append .add-on { |
|
1038 margin-right: 0; |
|
1039 margin-left: -1px; |
|
1040 -webkit-border-radius: 0 3px 3px 0; |
|
1041 -moz-border-radius: 0 3px 3px 0; |
|
1042 border-radius: 0 3px 3px 0; |
|
1043 } |
|
1044 .input-append input:first-child { |
|
1045 *margin-left: -160px; |
|
1046 } |
|
1047 .input-append input:first-child + .add-on { |
|
1048 *margin-left: -21px; |
|
1049 } |
|
1050 .search-query { |
|
1051 padding-left: 14px; |
|
1052 padding-right: 14px; |
|
1053 margin-bottom: 0; |
|
1054 -webkit-border-radius: 14px; |
|
1055 -moz-border-radius: 14px; |
|
1056 border-radius: 14px; |
|
1057 } |
|
1058 .form-search input, |
|
1059 .form-inline input, |
|
1060 .form-horizontal input, |
|
1061 .form-search textarea, |
|
1062 .form-inline textarea, |
|
1063 .form-horizontal textarea, |
|
1064 .form-search select, |
|
1065 .form-inline select, |
|
1066 .form-horizontal select, |
|
1067 .form-search .help-inline, |
|
1068 .form-inline .help-inline, |
|
1069 .form-horizontal .help-inline, |
|
1070 .form-search .uneditable-input, |
|
1071 .form-inline .uneditable-input, |
|
1072 .form-horizontal .uneditable-input { |
|
1073 display: inline-block; |
|
1074 margin-bottom: 0; |
|
1075 } |
|
1076 .form-search .hide, |
|
1077 .form-inline .hide, |
|
1078 .form-horizontal .hide { |
|
1079 display: none; |
|
1080 } |
|
1081 .form-search label, |
|
1082 .form-inline label, |
|
1083 .form-search .input-append, |
|
1084 .form-inline .input-append, |
|
1085 .form-search .input-prepend, |
|
1086 .form-inline .input-prepend { |
|
1087 display: inline-block; |
|
1088 } |
|
1089 .form-search .input-append .add-on, |
|
1090 .form-inline .input-prepend .add-on, |
|
1091 .form-search .input-append .add-on, |
|
1092 .form-inline .input-prepend .add-on { |
|
1093 vertical-align: middle; |
|
1094 } |
|
1095 .form-search .radio, |
|
1096 .form-inline .radio, |
|
1097 .form-search .checkbox, |
|
1098 .form-inline .checkbox { |
|
1099 margin-bottom: 0; |
|
1100 vertical-align: middle; |
|
1101 } |
|
1102 .control-group { |
|
1103 margin-bottom: 9px; |
|
1104 } |
|
1105 legend + .control-group { |
|
1106 margin-top: 18px; |
|
1107 -webkit-margin-top-collapse: separate; |
|
1108 } |
|
1109 .form-horizontal .control-group { |
|
1110 margin-bottom: 18px; |
|
1111 *zoom: 1; |
|
1112 } |
|
1113 .form-horizontal .control-group:before, |
|
1114 .form-horizontal .control-group:after { |
|
1115 display: table; |
|
1116 content: ""; |
|
1117 } |
|
1118 .form-horizontal .control-group:after { |
|
1119 clear: both; |
|
1120 } |
|
1121 .form-horizontal .control-label { |
|
1122 float: left; |
|
1123 width: 140px; |
|
1124 padding-top: 5px; |
|
1125 text-align: right; |
|
1126 } |
|
1127 .form-horizontal .controls { |
|
1128 margin-left: 160px; |
|
1129 } |
|
1130 .form-horizontal .form-actions { |
|
1131 padding-left: 160px; |
|
1132 } |
|
1133 table { |
|
1134 max-width: 100%; |
|
1135 border-collapse: collapse; |
|
1136 border-spacing: 0; |
|
1137 } |
|
1138 .table { |
|
1139 width: 100%; |
|
1140 margin-bottom: 18px; |
|
1141 } |
|
1142 .table th, |
|
1143 .table td { |
|
1144 padding: 8px; |
|
1145 line-height: 18px; |
|
1146 text-align: left; |
|
1147 vertical-align: top; |
|
1148 border-bottom: 1px solid #EEEEEE; |
|
1149 } |
|
1150 .table th { |
|
1151 font-weight: bold; |
|
1152 } |
|
1153 .table thead th { |
|
1154 vertical-align: bottom; |
|
1155 } |
|
1156 .table thead:first-child tr th, |
|
1157 .table thead:first-child tr td { |
|
1158 border-top: 0; |
|
1159 } |
|
1160 .table tbody + tbody { |
|
1161 border-top: 2px solid #C4CED8; |
|
1162 } |
|
1163 .table-condensed th, |
|
1164 .table-condensed td { |
|
1165 padding: 4px 5px; |
|
1166 } |
|
1167 .table-bordered { |
|
1168 border: 1px solid #ddd; |
|
1169 border-collapse: separate; |
|
1170 *border-collapse: collapsed; |
|
1171 -webkit-border-radius: 0px; |
|
1172 -moz-border-radius: 0px; |
|
1173 border-radius: 0px; |
|
1174 } |
|
1175 .table-bordered th + th, |
|
1176 .table-bordered td + td, |
|
1177 .table-bordered th + td, |
|
1178 .table-bordered td + th { |
|
1179 /*border-left: 1px solid #D5DFE6;*/ |
|
1180 } |
|
1181 .table-bordered thead:first-child tr:first-child th, |
|
1182 .table-bordered tbody:first-child tr:first-child th, |
|
1183 .table-bordered tbody:first-child tr:first-child td { |
|
1184 border-top: 0; |
|
1185 } |
|
1186 .table-bordered thead:first-child tr:first-child th:first-child, |
|
1187 .table-bordered tbody:first-child tr:first-child td:first-child { |
|
1188 -webkit-border-radius: 0; |
|
1189 -moz-border-radius: 0; |
|
1190 border-radius: 0; |
|
1191 } |
|
1192 .table-bordered thead:first-child tr:first-child th:last-child, |
|
1193 .table-bordered tbody:first-child tr:first-child td:last-child { |
|
1194 -webkit-border-radius: 0; |
|
1195 -moz-border-radius: 0; |
|
1196 border-radius: 0; |
|
1197 } |
|
1198 .table-bordered thead:last-child tr:last-child th:first-child, |
|
1199 .table-bordered tbody:last-child tr:last-child td:first-child { |
|
1200 -webkit-border-radius: 0; |
|
1201 -moz-border-radius: 0; |
|
1202 border-radius: 0; |
|
1203 } |
|
1204 .table-bordered thead:last-child tr:last-child th:last-child, |
|
1205 .table-bordered tbody:last-child tr:last-child td:last-child { |
|
1206 -webkit-border-radius: 0; |
|
1207 -moz-border-radius: 0; |
|
1208 border-radius: 0; |
|
1209 } |
|
1210 .table-striped tbody tr:nth-child(odd) td, |
|
1211 .table-striped tbody tr:nth-child(odd) th { |
|
1212 background-color: #f9f9f9; |
|
1213 } |
|
1214 .table tbody tr:hover td, |
|
1215 .table tbody tr:hover th { |
|
1216 background-color: #EBECED; |
|
1217 } |
|
1218 table .span1 { |
|
1219 float: none; |
|
1220 width: 44px; |
|
1221 margin-left: 0; |
|
1222 } |
|
1223 table .span2 { |
|
1224 float: none; |
|
1225 width: 124px; |
|
1226 margin-left: 0; |
|
1227 } |
|
1228 table .span3 { |
|
1229 float: none; |
|
1230 width: 204px; |
|
1231 margin-left: 0; |
|
1232 } |
|
1233 table .span4 { |
|
1234 float: none; |
|
1235 width: 284px; |
|
1236 margin-left: 0; |
|
1237 } |
|
1238 table .span5 { |
|
1239 float: none; |
|
1240 width: 364px; |
|
1241 margin-left: 0; |
|
1242 } |
|
1243 table .span6 { |
|
1244 float: none; |
|
1245 width: 444px; |
|
1246 margin-left: 0; |
|
1247 } |
|
1248 table .span7 { |
|
1249 float: none; |
|
1250 width: 524px; |
|
1251 margin-left: 0; |
|
1252 } |
|
1253 table .span8 { |
|
1254 float: none; |
|
1255 width: 604px; |
|
1256 margin-left: 0; |
|
1257 } |
|
1258 table .span9 { |
|
1259 float: none; |
|
1260 width: 684px; |
|
1261 margin-left: 0; |
|
1262 } |
|
1263 table .span10 { |
|
1264 float: none; |
|
1265 width: 764px; |
|
1266 margin-left: 0; |
|
1267 } |
|
1268 table .span11 { |
|
1269 float: none; |
|
1270 width: 844px; |
|
1271 margin-left: 0; |
|
1272 } |
|
1273 table .span12 { |
|
1274 float: none; |
|
1275 width: 924px; |
|
1276 margin-left: 0; |
|
1277 } |
|
1278 [class^="icon-"], |
|
1279 [class*=" icon-"] { |
|
1280 display: inline-block; |
|
1281 width: 14px; |
|
1282 height: 14px; |
|
1283 line-height: 14px; |
|
1284 vertical-align: text-top; |
|
1285 xbackground-image: url('/static/bootstrap/img/glyphicons-halflings.png?531d4b607365'); |
|
1286 background-position: 14px 14px; |
|
1287 background-repeat: no-repeat; |
|
1288 *margin-right: .3em; |
|
1289 } |
|
1290 [class^="icon-"]:last-child, |
|
1291 [class*=" icon-"]:last-child { |
|
1292 *margin-left: 0; |
|
1293 } |
|
1294 .icon-white { |
|
1295 xbackground-image: url('/static/bootstrap/img/glyphicons-halflings-white.png?11118ae8db79'); |
|
1296 } |
|
1297 .icon-glass { |
|
1298 background-position: 0 0; |
|
1299 } |
|
1300 .icon-music { |
|
1301 background-position: -24px 0; |
|
1302 } |
|
1303 .icon-search { |
|
1304 background-position: -48px 0; |
|
1305 } |
|
1306 .icon-envelope { |
|
1307 background-position: -72px 0; |
|
1308 } |
|
1309 .icon-heart { |
|
1310 background-position: -96px 0; |
|
1311 } |
|
1312 .icon-star { |
|
1313 background-position: -120px 0; |
|
1314 } |
|
1315 .icon-star-empty { |
|
1316 background-position: -144px 0; |
|
1317 } |
|
1318 .icon-user { |
|
1319 background-position: -168px 0; |
|
1320 } |
|
1321 .icon-film { |
|
1322 background-position: -192px 0; |
|
1323 } |
|
1324 .icon-th-large { |
|
1325 background-position: -216px 0; |
|
1326 } |
|
1327 .icon-th { |
|
1328 background-position: -240px 0; |
|
1329 } |
|
1330 .icon-th-list { |
|
1331 background-position: -264px 0; |
|
1332 } |
|
1333 .icon-ok { |
|
1334 background-position: -288px 0; |
|
1335 } |
|
1336 .icon-remove { |
|
1337 background-position: -312px 0; |
|
1338 } |
|
1339 .icon-zoom-in { |
|
1340 background-position: -336px 0; |
|
1341 } |
|
1342 .icon-zoom-out { |
|
1343 background-position: -360px 0; |
|
1344 } |
|
1345 .icon-off { |
|
1346 background-position: -384px 0; |
|
1347 } |
|
1348 .icon-signal { |
|
1349 background-position: -408px 0; |
|
1350 } |
|
1351 .icon-cog { |
|
1352 background-position: -432px 0; |
|
1353 } |
|
1354 .icon-trash { |
|
1355 background-position: -456px 0; |
|
1356 } |
|
1357 .icon-home { |
|
1358 background-position: 0 -24px; |
|
1359 } |
|
1360 .icon-file { |
|
1361 background-position: -24px -24px; |
|
1362 } |
|
1363 .icon-time { |
|
1364 background-position: -48px -24px; |
|
1365 } |
|
1366 .icon-road { |
|
1367 background-position: -72px -24px; |
|
1368 } |
|
1369 .icon-download-alt { |
|
1370 background-position: -96px -24px; |
|
1371 } |
|
1372 .icon-download { |
|
1373 background-position: -120px -24px; |
|
1374 } |
|
1375 .icon-upload { |
|
1376 background-position: -144px -24px; |
|
1377 } |
|
1378 .icon-inbox { |
|
1379 background-position: -168px -24px; |
|
1380 } |
|
1381 .icon-play-circle { |
|
1382 background-position: -192px -24px; |
|
1383 } |
|
1384 .icon-repeat { |
|
1385 background-position: -216px -24px; |
|
1386 } |
|
1387 .icon-refresh { |
|
1388 background-position: -240px -24px; |
|
1389 } |
|
1390 .icon-list-alt { |
|
1391 background-position: -264px -24px; |
|
1392 } |
|
1393 .icon-lock { |
|
1394 background-position: -287px -24px; |
|
1395 } |
|
1396 .icon-flag { |
|
1397 background-position: -312px -24px; |
|
1398 } |
|
1399 .icon-headphones { |
|
1400 background-position: -336px -24px; |
|
1401 } |
|
1402 .icon-volume-off { |
|
1403 background-position: -360px -24px; |
|
1404 } |
|
1405 .icon-volume-down { |
|
1406 background-position: -384px -24px; |
|
1407 } |
|
1408 .icon-volume-up { |
|
1409 background-position: -408px -24px; |
|
1410 } |
|
1411 .icon-qrcode { |
|
1412 background-position: -432px -24px; |
|
1413 } |
|
1414 .icon-barcode { |
|
1415 background-position: -456px -24px; |
|
1416 } |
|
1417 .icon-tag { |
|
1418 background-position: 0 -48px; |
|
1419 } |
|
1420 .icon-tags { |
|
1421 background-position: -25px -48px; |
|
1422 } |
|
1423 .icon-book { |
|
1424 background-position: -48px -48px; |
|
1425 } |
|
1426 .icon-bookmark { |
|
1427 background-position: -72px -48px; |
|
1428 } |
|
1429 .icon-print { |
|
1430 background-position: -96px -48px; |
|
1431 } |
|
1432 .icon-camera { |
|
1433 background-position: -120px -48px; |
|
1434 } |
|
1435 .icon-font { |
|
1436 background-position: -144px -48px; |
|
1437 } |
|
1438 .icon-bold { |
|
1439 background-position: -167px -48px; |
|
1440 } |
|
1441 .icon-italic { |
|
1442 background-position: -192px -48px; |
|
1443 } |
|
1444 .icon-text-height { |
|
1445 background-position: -216px -48px; |
|
1446 } |
|
1447 .icon-text-width { |
|
1448 background-position: -240px -48px; |
|
1449 } |
|
1450 .icon-align-left { |
|
1451 background-position: -264px -48px; |
|
1452 } |
|
1453 .icon-align-center { |
|
1454 background-position: -288px -48px; |
|
1455 } |
|
1456 .icon-align-right { |
|
1457 background-position: -312px -48px; |
|
1458 } |
|
1459 .icon-align-justify { |
|
1460 background-position: -336px -48px; |
|
1461 } |
|
1462 .icon-list { |
|
1463 background-position: -360px -48px; |
|
1464 } |
|
1465 .icon-indent-left { |
|
1466 background-position: -384px -48px; |
|
1467 } |
|
1468 .icon-indent-right { |
|
1469 background-position: -408px -48px; |
|
1470 } |
|
1471 .icon-facetime-video { |
|
1472 background-position: -432px -48px; |
|
1473 } |
|
1474 .icon-picture { |
|
1475 background-position: -456px -48px; |
|
1476 } |
|
1477 .icon-pencil { |
|
1478 background-position: 0 -72px; |
|
1479 } |
|
1480 .icon-map-marker { |
|
1481 background-position: -24px -72px; |
|
1482 } |
|
1483 .icon-adjust { |
|
1484 background-position: -48px -72px; |
|
1485 } |
|
1486 .icon-tint { |
|
1487 background-position: -72px -72px; |
|
1488 } |
|
1489 .icon-edit { |
|
1490 background-position: -96px -72px; |
|
1491 } |
|
1492 .icon-share { |
|
1493 background-position: -120px -72px; |
|
1494 } |
|
1495 .icon-check { |
|
1496 background-position: -144px -72px; |
|
1497 } |
|
1498 .icon-move { |
|
1499 background-position: -168px -72px; |
|
1500 } |
|
1501 .icon-step-backward { |
|
1502 background-position: -192px -72px; |
|
1503 } |
|
1504 .icon-fast-backward { |
|
1505 background-position: -216px -72px; |
|
1506 } |
|
1507 .icon-backward { |
|
1508 background-position: -240px -72px; |
|
1509 } |
|
1510 .icon-play { |
|
1511 background-position: -264px -72px; |
|
1512 } |
|
1513 .icon-pause { |
|
1514 background-position: -288px -72px; |
|
1515 } |
|
1516 .icon-stop { |
|
1517 background-position: -312px -72px; |
|
1518 } |
|
1519 .icon-forward { |
|
1520 background-position: -336px -72px; |
|
1521 } |
|
1522 .icon-fast-forward { |
|
1523 background-position: -360px -72px; |
|
1524 } |
|
1525 .icon-step-forward { |
|
1526 background-position: -384px -72px; |
|
1527 } |
|
1528 .icon-eject { |
|
1529 background-position: -408px -72px; |
|
1530 } |
|
1531 .icon-chevron-left { |
|
1532 background-position: -432px -72px; |
|
1533 } |
|
1534 .icon-chevron-right { |
|
1535 background-position: -456px -72px; |
|
1536 } |
|
1537 .icon-plus-sign { |
|
1538 background-position: 0 -96px; |
|
1539 } |
|
1540 .icon-minus-sign { |
|
1541 background-position: -24px -96px; |
|
1542 } |
|
1543 .icon-remove-sign { |
|
1544 background-position: -48px -96px; |
|
1545 } |
|
1546 .icon-ok-sign { |
|
1547 background-position: -72px -96px; |
|
1548 } |
|
1549 .icon-question-sign { |
|
1550 background-position: -96px -96px; |
|
1551 } |
|
1552 .icon-info-sign { |
|
1553 background-position: -120px -96px; |
|
1554 } |
|
1555 .icon-screenshot { |
|
1556 background-position: -144px -96px; |
|
1557 } |
|
1558 .icon-remove-circle { |
|
1559 background-position: -168px -96px; |
|
1560 } |
|
1561 .icon-ok-circle { |
|
1562 background-position: -192px -96px; |
|
1563 } |
|
1564 .icon-ban-circle { |
|
1565 background-position: -216px -96px; |
|
1566 } |
|
1567 .icon-arrow-left { |
|
1568 background-position: -240px -96px; |
|
1569 } |
|
1570 .icon-arrow-right { |
|
1571 background-position: -264px -96px; |
|
1572 } |
|
1573 .icon-arrow-up { |
|
1574 background-position: -289px -96px; |
|
1575 } |
|
1576 .icon-arrow-down { |
|
1577 background-position: -312px -96px; |
|
1578 } |
|
1579 .icon-share-alt { |
|
1580 background-position: -336px -96px; |
|
1581 } |
|
1582 .icon-resize-full { |
|
1583 background-position: -360px -96px; |
|
1584 } |
|
1585 .icon-resize-small { |
|
1586 background-position: -384px -96px; |
|
1587 } |
|
1588 .icon-plus { |
|
1589 background-position: -408px -96px; |
|
1590 } |
|
1591 .icon-minus { |
|
1592 background-position: -433px -96px; |
|
1593 } |
|
1594 .icon-asterisk { |
|
1595 background-position: -456px -96px; |
|
1596 } |
|
1597 .icon-exclamation-sign { |
|
1598 background-position: 0 -120px; |
|
1599 } |
|
1600 .icon-gift { |
|
1601 background-position: -24px -120px; |
|
1602 } |
|
1603 .icon-leaf { |
|
1604 background-position: -48px -120px; |
|
1605 } |
|
1606 .icon-fire { |
|
1607 background-position: -72px -120px; |
|
1608 } |
|
1609 .icon-eye-open { |
|
1610 background-position: -96px -120px; |
|
1611 } |
|
1612 .icon-eye-close { |
|
1613 background-position: -120px -120px; |
|
1614 } |
|
1615 .icon-warning-sign { |
|
1616 background-position: -144px -120px; |
|
1617 } |
|
1618 .icon-plane { |
|
1619 background-position: -168px -120px; |
|
1620 } |
|
1621 .icon-calendar { |
|
1622 background-position: -192px -120px; |
|
1623 } |
|
1624 .icon-random { |
|
1625 background-position: -216px -120px; |
|
1626 } |
|
1627 .icon-comment { |
|
1628 background-position: -240px -120px; |
|
1629 } |
|
1630 .icon-magnet { |
|
1631 background-position: -264px -120px; |
|
1632 } |
|
1633 .icon-chevron-up { |
|
1634 background-position: -288px -120px; |
|
1635 } |
|
1636 .icon-chevron-down { |
|
1637 background-position: -313px -119px; |
|
1638 } |
|
1639 .icon-retweet { |
|
1640 background-position: -336px -120px; |
|
1641 } |
|
1642 .icon-shopping-cart { |
|
1643 background-position: -360px -120px; |
|
1644 } |
|
1645 .icon-folder-close { |
|
1646 background-position: -384px -120px; |
|
1647 } |
|
1648 .icon-folder-open { |
|
1649 background-position: -408px -120px; |
|
1650 } |
|
1651 .icon-resize-vertical { |
|
1652 background-position: -432px -119px; |
|
1653 } |
|
1654 .icon-resize-horizontal { |
|
1655 background-position: -456px -118px; |
|
1656 } |
|
1657 .dropdown { |
|
1658 position: relative; |
|
1659 } |
|
1660 .dropdown-toggle { |
|
1661 *margin-bottom: -3px; |
|
1662 } |
|
1663 .dropdown-toggle:active, |
|
1664 .open .dropdown-toggle { |
|
1665 outline: 0; |
|
1666 } |
|
1667 .caret { |
|
1668 display: inline-block; |
|
1669 width: 0; |
|
1670 height: 0; |
|
1671 text-indent: -99999px; |
|
1672 *text-indent: 0; |
|
1673 vertical-align: top; |
|
1674 border-left: 4px solid transparent; |
|
1675 border-right: 4px solid transparent; |
|
1676 border-top: 4px solid #000000; |
|
1677 opacity: 0.3; |
|
1678 filter: alpha(opacity=30); |
|
1679 content: "\2193"; |
|
1680 } |
|
1681 .dropdown .caret { |
|
1682 margin-top: 8px; |
|
1683 margin-left: 2px; |
|
1684 } |
|
1685 .dropdown:hover .caret, |
|
1686 .open.dropdown .caret { |
|
1687 opacity: 1; |
|
1688 filter: alpha(opacity=100); |
|
1689 } |
|
1690 .dropdown-menu { |
|
1691 position: absolute; |
|
1692 top: 100%; |
|
1693 left: 0; |
|
1694 z-index: 1000; |
|
1695 float: left; |
|
1696 display: none; |
|
1697 min-width: 145px; |
|
1698 _width: 145px; |
|
1699 padding: 4px 0; |
|
1700 margin: 0; |
|
1701 list-style: none; |
|
1702 background-color: #ffffff; |
|
1703 border-color: #C3CED7; |
|
1704 /*border-color: rgba(0, 0, 0, 0.2);*/ |
|
1705 border-style: solid; |
|
1706 border-width: 1px; |
|
1707 /*-webkit-border-radius: 0 0 5px 5px; |
|
1708 -moz-border-radius: 0 0 5px 5px; |
|
1709 border-radius: 0 0 5px 5px;*/ |
|
1710 -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); |
|
1711 -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); |
|
1712 box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); |
|
1713 -webkit-background-clip: padding-box; |
|
1714 -moz-background-clip: padding; |
|
1715 background-clip: padding-box; |
|
1716 *border-right-width: 2px; |
|
1717 *border-bottom-width: 2px; |
|
1718 } |
|
1719 .dropdown-menu.bottom-up { |
|
1720 top: auto; |
|
1721 bottom: 100%; |
|
1722 margin-bottom: 2px; |
|
1723 } |
|
1724 .dropdown-menu .divider { |
|
1725 height: 1px; |
|
1726 margin: 5px 1px; |
|
1727 overflow: hidden; |
|
1728 background-color: #e5e5e5; |
|
1729 border-bottom: 1px solid #ffffff; |
|
1730 *width: 100%; |
|
1731 *margin: -5px 0 5px; |
|
1732 } |
|
1733 .dropdown-menu a { |
|
1734 display: block; |
|
1735 padding: 3px 15px; |
|
1736 clear: both; |
|
1737 font-weight: normal; |
|
1738 line-height: 18px; |
|
1739 color: #555555; |
|
1740 white-space: nowrap; |
|
1741 } |
|
1742 .dropdown-menu li > a:hover, |
|
1743 .dropdown-menu .active > a, |
|
1744 .dropdown-menu .active > a:hover { |
|
1745 color: #ffffff; |
|
1746 text-decoration: none; |
|
1747 background-color: #0088cc; |
|
1748 } |
|
1749 .dropdown.open { |
|
1750 *z-index: 1000; |
|
1751 } |
|
1752 .dropdown.open .dropdown-toggle { |
|
1753 color: #ffffff; |
|
1754 background: #ccc; |
|
1755 background: rgba(0, 0, 0, 0.3); |
|
1756 } |
|
1757 .dropdown.open .dropdown-menu { |
|
1758 display: block; |
|
1759 } |
|
1760 .typeahead { |
|
1761 margin-top: 2px; |
|
1762 -webkit-border-radius: 4px; |
|
1763 -moz-border-radius: 4px; |
|
1764 border-radius: 4px; |
|
1765 } |
|
1766 .well { |
|
1767 min-height: 20px; |
|
1768 padding: 19px; |
|
1769 margin-bottom: 20px; |
|
1770 background-color: #f5f5f5; |
|
1771 border: 1px solid #eee; |
|
1772 border: 1px solid rgba(0, 0, 0, 0.05); |
|
1773 -webkit-border-radius: 4px; |
|
1774 -moz-border-radius: 4px; |
|
1775 border-radius: 4px; |
|
1776 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); |
|
1777 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); |
|
1778 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); |
|
1779 } |
|
1780 .well blockquote { |
|
1781 border-color: #ddd; |
|
1782 border-color: rgba(0, 0, 0, 0.15); |
|
1783 } |
|
1784 .fade { |
|
1785 -webkit-transition: opacity 0.15s linear; |
|
1786 -moz-transition: opacity 0.15s linear; |
|
1787 -ms-transition: opacity 0.15s linear; |
|
1788 -o-transition: opacity 0.15s linear; |
|
1789 transition: opacity 0.15s linear; |
|
1790 opacity: 0; |
|
1791 } |
|
1792 .fade.in { |
|
1793 opacity: 1; |
|
1794 } |
|
1795 .collapse { |
|
1796 -webkit-transition: height 0.35s ease; |
|
1797 -moz-transition: height 0.35s ease; |
|
1798 -ms-transition: height 0.35s ease; |
|
1799 -o-transition: height 0.35s ease; |
|
1800 transition: height 0.35s ease; |
|
1801 position: relative; |
|
1802 overflow: hidden; |
|
1803 height: 0; |
|
1804 } |
|
1805 .collapse.in { |
|
1806 height: auto; |
|
1807 } |
|
1808 .close { |
|
1809 float: right; |
|
1810 font-size: 20px; |
|
1811 font-weight: bold; |
|
1812 line-height: 18px; |
|
1813 color: #000000; |
|
1814 text-shadow: 0 1px 0 #ffffff; |
|
1815 opacity: 0.2; |
|
1816 filter: alpha(opacity=20); |
|
1817 } |
|
1818 .close:hover { |
|
1819 color: #000000; |
|
1820 text-decoration: none; |
|
1821 opacity: 0.4; |
|
1822 filter: alpha(opacity=40); |
|
1823 cursor: pointer; |
|
1824 } |
|
1825 .btn { |
|
1826 display: inline-block; |
|
1827 padding: 7px 10px 5px 10px; |
|
1828 margin-bottom: 0; |
|
1829 font-size: 12px !important; |
|
1830 line-height: 18px; |
|
1831 color: #000000; |
|
1832 /*text-align: center; |
|
1833 text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); |
|
1834 vertical-align: middle; |
|
1835 background-color: #f5f5f5;*/ |
|
1836 background: -moz-linear-gradient(top, #f1f3f4, #e3e8ea); |
|
1837 background: -ms-linear-gradient(top, #f1f3f4, #e3e8ea); |
|
1838 background: -webkit-gradient(linear, 0 0, 0 100%, from(#f1f3f4), to(#e3e8ea)); |
|
1839 background: -webkit-linear-gradient(top, #f1f3f4, #e3e8ea); |
|
1840 background: -o-linear-gradient(top, #f1f3f4, #e3e8ea); |
|
1841 background: linear-gradient(top, #f1f3f4, #e3e8ea); |
|
1842 background-repeat: repeat-x; |
|
1843 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0); |
|
1844 /*border-color: #e6e6e6 #e6e6e6 #bfbfbf; |
|
1845 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); |
|
1846 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);*/ |
|
1847 border: 1px solid #C3CED7; |
|
1848 -webkit-border-radius: 3px; |
|
1849 -moz-border-radius: 3px; |
|
1850 border-radius: 3px; |
|
1851 /*-webkit-box-shadow: inset 0 1px 1px rgba(251, 252, 252, 1), 0 1px 2px rgba(0, 0, 0, 0.05); |
|
1852 -moz-box-shadow: inset 0 1px 1px rgba(251, 252, 252, 1), 0 1px 2px rgba(0, 0, 0, 0.05); |
|
1853 box-shadow: inset 0 1px 1px rgba(251, 252, 252, 1), 0 1px 2px rgba(0, 0, 0, 0.05);*/ |
|
1854 cursor: pointer; |
|
1855 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); |
|
1856 /**margin-left: .3em;*/ |
|
1857 } |
|
1858 .btn:hover, |
|
1859 .btn:active, |
|
1860 .btn.active { |
|
1861 background: -moz-linear-gradient(top, #F8F9FA, #F1F4F5); |
|
1862 background: -ms-linear-gradient(top, #F8F9FA, #F1F4F5); |
|
1863 background: -webkit-gradient(linear, 0 0, 0 100%, from(#F8F9FA), to(#F1F4F5)); |
|
1864 background: -webkit-linear-gradient(top, #F8F9FA, #F1F4F5); |
|
1865 background: -o-linear-gradient(top, #F8F9FA, #F1F4F5); |
|
1866 background: linear-gradient(top, #F8F9FA, #F1F4F5); |
|
1867 text-decoration: none; |
|
1868 } |
|
1869 |
|
1870 .btn.disabled, |
|
1871 .btn[disabled] { |
|
1872 background: #F4F6F7; |
|
1873 color: #999999; |
|
1874 border: 1px solid #DFE6EB; |
|
1875 } |
|
1876 |
|
1877 .btn:active, |
|
1878 .btn.active { |
|
1879 background-color: #cccccc \9; |
|
1880 } |
|
1881 .btn:first-child { |
|
1882 *margin-left: 0; |
|
1883 } |
|
1884 .btn:hover { |
|
1885 color: #000000; |
|
1886 text-decoration: none; |
|
1887 background: -moz-linear-gradient(top, #f8f9fa, #f1f4f5); |
|
1888 background: -ms-linear-gradient(top, #f8f9fa, #f1f4f5); |
|
1889 background: -webkit-gradient(linear, 0 0, 0 100%, from(#f8f9fa), to(#f1f4f5)); |
|
1890 background: -webkit-linear-gradient(top, #f8f9fa, #f1f4f5); |
|
1891 background: -o-linear-gradient(top, #f8f9fa, #f1f4f5); |
|
1892 background: linear-gradient(top, #f8f9fa, #f1f4f5); |
|
1893 /*background-color: #e6e6e6; |
|
1894 background-position: 0 -15px; |
|
1895 -webkit-transition: background-position 0.1s linear; |
|
1896 -moz-transition: background-position 0.1s linear; |
|
1897 -ms-transition: background-position 0.1s linear; |
|
1898 -o-transition: background-position 0.1s linear; |
|
1899 transition: background-position 0.1s linear;*/ |
|
1900 } |
|
1901 .btn:focus { |
|
1902 outline: thin dotted #333; |
|
1903 outline: 5px auto -webkit-focus-ring-color; |
|
1904 outline-offset: -2px; |
|
1905 } |
|
1906 .btn.active, |
|
1907 .btn:active { |
|
1908 background-image: none; |
|
1909 -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); |
|
1910 -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); |
|
1911 box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); |
|
1912 background-color: #e6e6e6; |
|
1913 background-color: #d9d9d9 \9; |
|
1914 outline: 0; |
|
1915 } |
|
1916 .btn.disabled, |
|
1917 .btn[disabled] { |
|
1918 cursor: default; |
|
1919 background-image: none; |
|
1920 background-color: #e6e6e6; |
|
1921 opacity: 0.65; |
|
1922 filter: alpha(opacity=65); |
|
1923 -webkit-box-shadow: none; |
|
1924 -moz-box-shadow: none; |
|
1925 box-shadow: none; |
|
1926 } |
|
1927 .btn-large { |
|
1928 padding: 9px 14px; |
|
1929 font-size: 15px; |
|
1930 line-height: normal; |
|
1931 -webkit-border-radius: 5px; |
|
1932 -moz-border-radius: 5px; |
|
1933 border-radius: 5px; |
|
1934 } |
|
1935 .btn-large [class^="icon-"] { |
|
1936 margin-top: 1px; |
|
1937 } |
|
1938 .btn-small { |
|
1939 padding: 5px 9px; |
|
1940 font-size: 11px; |
|
1941 line-height: 16px; |
|
1942 } |
|
1943 .btn-small [class^="icon-"] { |
|
1944 margin-top: -1px; |
|
1945 } |
|
1946 .btn-mini { |
|
1947 padding: 2px 6px; |
|
1948 font-size: 11px; |
|
1949 line-height: 14px; |
|
1950 } |
|
1951 .btn-primary, |
|
1952 .btn-primary:hover, |
|
1953 .btn-warning, |
|
1954 .btn-warning:hover, |
|
1955 .btn-danger, |
|
1956 .btn-danger:hover, |
|
1957 .btn-success, |
|
1958 .btn-success:hover, |
|
1959 .btn-info, |
|
1960 .btn-info:hover, |
|
1961 .btn-inverse, |
|
1962 .btn-inverse:hover { |
|
1963 /*text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);*/ |
|
1964 color: #fff; |
|
1965 } |
|
1966 .btn-primary.active, |
|
1967 .btn-warning.active, |
|
1968 .btn-danger.active, |
|
1969 .btn-success.active, |
|
1970 .btn-info.active, |
|
1971 .btn-dark.active { |
|
1972 color: #fff; |
|
1973 background-color: #c44012; |
|
1974 |
|
1975 } |
|
1976 |
|
1977 .btn-primary { |
|
1978 color: #fff; |
|
1979 border: 1px solid #0074CD; |
|
1980 background: #0074CD; |
|
1981 font-weight: bold; |
|
1982 /*background-image: linear-gradient(bottom, rgb(199,66,18) 0%, rgb(221,74,20) 100%); |
|
1983 background-image: -o-linear-gradient(bottom, rgb(199,66,18) 0%, rgb(221,74,20) 100%); |
|
1984 background-image: -moz-linear-gradient(bottom, rgb(199,66,18) 0%, rgb(221,74,20) 100%); |
|
1985 background-image: -webkit-linear-gradient(bottom, rgb(199,66,18) 0%, rgb(221,74,20) 100%); |
|
1986 background-image: -ms-linear-gradient(bottom, rgb(199,66,18) 0%, rgb(221,74,20) 100%); |
|
1987 -webkit-box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.2); |
|
1988 box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.2);*/ |
|
1989 } |
|
1990 .btn-primary:hover, |
|
1991 .btn-primary:active, |
|
1992 .btn-primary.active, |
|
1993 .btn-primary.disabled, |
|
1994 .btn-primary[disabled] { |
|
1995 border: 1px solid #0160C1; |
|
1996 background: #0160C1; |
|
1997 } |
|
1998 /*.btn-primary.active { |
|
1999 background-color: #c44012 \9; |
|
2000 }*/ |
|
2001 $.btn-primary:active, |
|
2002 .btn-primary:active { |
|
2003 background-color: #DD4814; |
|
2004 background-image: linear-gradient(bottom, rgb(199,66,18) 0%, rgb(236,94,43) 100%); |
|
2005 background-image: -o-linear-gradient(bottom, rgb(199,66,18) 0%, rgb(236,94,43) 100%); |
|
2006 background-image: -moz-linear-gradient(bottom, rgb(199,66,18) 0%, rgb(236,94,43) 100%); |
|
2007 background-image: -webkit-linear-gradient(bottom, rgb(199,66,18) 0%, rgb(236,94,43) 100%); |
|
2008 background-image: -ms-linear-gradient(bottom, rgb(199,66,18) 0%, rgb(236,94,43) 100%); |
|
2009 text-decoration: none; |
|
2010 } |
|
2011 |
|
2012 .btn-warning { |
|
2013 background-color: #faa732; |
|
2014 background-image: -moz-linear-gradient(top, #fbb450, #f89406); |
|
2015 background-image: -ms-linear-gradient(top, #fbb450, #f89406); |
|
2016 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); |
|
2017 background-image: -webkit-linear-gradient(top, #fbb450, #f89406); |
|
2018 background-image: -o-linear-gradient(top, #fbb450, #f89406); |
|
2019 background-image: linear-gradient(top, #fbb450, #f89406); |
|
2020 background-repeat: repeat-x; |
|
2021 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0); |
|
2022 border-color: #f89406 #f89406 #ad6704; |
|
2023 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); |
|
2024 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); |
|
2025 } |
|
2026 .btn-warning:hover, |
|
2027 .btn-warning:active, |
|
2028 .btn-warning.active, |
|
2029 .btn-warning.disabled, |
|
2030 .btn-warning[disabled] { |
|
2031 background-color: #f89406; |
|
2032 } |
|
2033 .btn-warning:active, |
|
2034 .btn-warning.active { |
|
2035 background-color: #c67605 \9; |
|
2036 } |
|
2037 .btn-danger { |
|
2038 background: #0074CD; |
|
2039 font-weight: bold; |
|
2040 /*background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f); |
|
2041 background-image: -ms-linear-gradient(top, #ee5f5b, #bd362f); |
|
2042 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f)); |
|
2043 background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f); |
|
2044 background-image: -o-linear-gradient(top, #ee5f5b, #bd362f); |
|
2045 background-image: linear-gradient(top, #ee5f5b, #bd362f); |
|
2046 background-repeat: repeat-x; |
|
2047 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#bd362f', GradientType=0); |
|
2048 border-color: #bd362f #bd362f #802420; |
|
2049 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); |
|
2050 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);*/ |
|
2051 border: 1px solid #0074CD; |
|
2052 color: #FFFFFF |
|
2053 } |
|
2054 |
|
2055 .btn-danger.active, |
|
2056 .btn-danger.disabled, |
|
2057 .btn-danger[disabled], |
|
2058 .btn-danger.disabled:hover, |
|
2059 .btn-danger[disabled]:hover { |
|
2060 background-color: #dde7ee; |
|
2061 color: #8193a1; |
|
2062 font-weight: bold; |
|
2063 font-size: 12px !important; |
|
2064 border: 1px solid #cedae2; |
|
2065 } |
|
2066 |
|
2067 .btn-danger:hover, |
|
2068 .btn-danger:active { |
|
2069 background: #0160c1; |
|
2070 border: 1px solid #0160c1; |
|
2071 color: #FFFFFF; |
|
2072 } |
|
2073 |
|
2074 .btn-danger:active, |
|
2075 .btn-danger.active { |
|
2076 background-color: #942a25 \9; |
|
2077 } |
|
2078 .btn-success { |
|
2079 background-color: #5bb75b; |
|
2080 background-image: -moz-linear-gradient(top, #62c462, #51a351); |
|
2081 background-image: -ms-linear-gradient(top, #62c462, #51a351); |
|
2082 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351)); |
|
2083 background-image: -webkit-linear-gradient(top, #62c462, #51a351); |
|
2084 background-image: -o-linear-gradient(top, #62c462, #51a351); |
|
2085 background-image: linear-gradient(top, #62c462, #51a351); |
|
2086 background-repeat: repeat-x; |
|
2087 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#51a351', GradientType=0); |
|
2088 border-color: #51a351 #51a351 #387038; |
|
2089 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); |
|
2090 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); |
|
2091 } |
|
2092 .btn-success:hover, |
|
2093 .btn-success:active, |
|
2094 .btn-success.active, |
|
2095 .btn-success.disabled, |
|
2096 .btn-success[disabled] { |
|
2097 background-color: #51a351; |
|
2098 } |
|
2099 .btn-success:active, |
|
2100 .btn-success.active { |
|
2101 background-color: #408140 \9; |
|
2102 } |
|
2103 .btn-info { |
|
2104 background-color: #49afcd; |
|
2105 background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4); |
|
2106 background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4); |
|
2107 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4)); |
|
2108 background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4); |
|
2109 background-image: -o-linear-gradient(top, #5bc0de, #2f96b4); |
|
2110 background-image: linear-gradient(top, #5bc0de, #2f96b4); |
|
2111 background-repeat: repeat-x; |
|
2112 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0); |
|
2113 border-color: #2f96b4 #2f96b4 #1f6377; |
|
2114 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); |
|
2115 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); |
|
2116 } |
|
2117 .btn-info:hover, |
|
2118 .btn-info:active, |
|
2119 .btn-info.active, |
|
2120 .btn-info.disabled, |
|
2121 .btn-info[disabled] { |
|
2122 background-color: #2f96b4; |
|
2123 } |
|
2124 .btn-info:active, |
|
2125 .btn-info.active { |
|
2126 background-color: #24748c \9; |
|
2127 } |
|
2128 .btn-inverse { |
|
2129 background-color: #393939; |
|
2130 background-image: -moz-linear-gradient(top, #454545, #262626); |
|
2131 background-image: -ms-linear-gradient(top, #454545, #262626); |
|
2132 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#454545), to(#262626)); |
|
2133 background-image: -webkit-linear-gradient(top, #454545, #262626); |
|
2134 background-image: -o-linear-gradient(top, #454545, #262626); |
|
2135 background-image: linear-gradient(top, #454545, #262626); |
|
2136 background-repeat: repeat-x; |
|
2137 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#454545', endColorstr='#262626', GradientType=0); |
|
2138 border-color: #262626 #262626 #000000; |
|
2139 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); |
|
2140 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); |
|
2141 } |
|
2142 .btn-inverse:hover, |
|
2143 .btn-inverse:active, |
|
2144 .btn-inverse.active, |
|
2145 .btn-inverse.disabled, |
|
2146 .btn-inverse[disabled] { |
|
2147 background-color: #262626; |
|
2148 } |
|
2149 .btn-inverse:active, |
|
2150 .btn-inverse.active { |
|
2151 background-color: #0c0c0c \9; |
|
2152 } |
|
2153 |
|
2154 .btn-search { |
|
2155 margin-left: 0px !important; |
|
2156 } |
|
2157 |
|
2158 button.btn, |
|
2159 input[type="submit"].btn { |
|
2160 *padding-top: 2px; |
|
2161 *padding-bottom: 2px; |
|
2162 } |
|
2163 button.btn::-moz-focus-inner, |
|
2164 input[type="submit"].btn::-moz-focus-inner { |
|
2165 padding: 0; |
|
2166 border: 0; |
|
2167 } |
|
2168 button.btn.large, |
|
2169 input[type="submit"].btn.large { |
|
2170 *padding-top: 7px; |
|
2171 *padding-bottom: 7px; |
|
2172 } |
|
2173 button.btn.small, |
|
2174 input[type="submit"].btn.small { |
|
2175 *padding-top: 3px; |
|
2176 *padding-bottom: 3px; |
|
2177 } |
|
2178 .btn-group { |
|
2179 position: relative; |
|
2180 *zoom: 1; |
|
2181 margin: 0px; |
|
2182 } |
|
2183 .btn-group:before, |
|
2184 .btn-group:after { |
|
2185 display: table; |
|
2186 content: ""; |
|
2187 } |
|
2188 .btn-group:after { |
|
2189 clear: both; |
|
2190 } |
|
2191 .btn-group:first-child { |
|
2192 *margin-left: 0; |
|
2193 } |
|
2194 .btn-group + .btn-group { |
|
2195 margin-left: 5px; |
|
2196 } |
|
2197 .btn-toolbar { |
|
2198 margin-top: 9px; |
|
2199 margin-bottom: 9px; |
|
2200 } |
|
2201 .btn-toolbar .btn-group { |
|
2202 display: inline-block; |
|
2203 *display: inline; |
|
2204 /* IE7 inline-block hack */ |
|
2205 |
|
2206 *zoom: 1; |
|
2207 } |
|
2208 .btn-group .btn { |
|
2209 position: relative; |
|
2210 float: left; |
|
2211 margin-left: -1px; |
|
2212 -webkit-border-radius: 0; |
|
2213 -moz-border-radius: 0; |
|
2214 border-radius: 0; |
|
2215 } |
|
2216 .btn-group .btn:first-child { |
|
2217 margin-left: 0; |
|
2218 -webkit-border-top-left-radius: 3px; |
|
2219 -moz-border-radius-topleft: 3px; |
|
2220 border-top-left-radius: 3px; |
|
2221 -webkit-border-bottom-left-radius: 3px; |
|
2222 -moz-border-radius-bottomleft: 3px; |
|
2223 border-bottom-left-radius: 3px; |
|
2224 } |
|
2225 .btn-group .btn:last-child, |
|
2226 .btn-group .dropdown-toggle { |
|
2227 -webkit-border-top-right-radius: 3px; |
|
2228 -moz-border-radius-topright: 3px; |
|
2229 border-top-right-radius: 3px; |
|
2230 -webkit-border-bottom-right-radius: 3px; |
|
2231 -moz-border-radius-bottomright: 3px; |
|
2232 border-bottom-right-radius: 3px; |
|
2233 } |
|
2234 .btn-group .btn.large:first-child { |
|
2235 margin-left: 0; |
|
2236 /*-webkit-border-top-left-radius: 6px; |
|
2237 -moz-border-radius-topleft: 6px; |
|
2238 border-top-left-radius: 6px; |
|
2239 -webkit-border-bottom-left-radius: 6px; |
|
2240 -moz-border-radius-bottomleft: 6px; |
|
2241 border-bottom-left-radius: 6px;*/ |
|
2242 } |
|
2243 .btn-group .btn.large:last-child, |
|
2244 .btn-group .large.dropdown-toggle { |
|
2245 /*-webkit-border-top-right-radius: 6px; |
|
2246 -moz-border-radius-topright: 6px; |
|
2247 border-top-right-radius: 6px; |
|
2248 -webkit-border-bottom-right-radius: 6px; |
|
2249 -moz-border-radius-bottomright: 6px; |
|
2250 border-bottom-right-radius: 6px;*/ |
|
2251 } |
|
2252 .btn-group .btn:hover, |
|
2253 .btn-group .btn:focus, |
|
2254 .btn-group .btn:active, |
|
2255 .btn-group .btn.active { |
|
2256 z-index: 2; |
|
2257 } |
|
2258 .btn-group .dropdown-toggle:active, |
|
2259 .btn-group.open .dropdown-toggle { |
|
2260 outline: 0; |
|
2261 } |
|
2262 .btn-group .dropdown-toggle { |
|
2263 padding-left: 8px; |
|
2264 padding-right: 8px; |
|
2265 -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); |
|
2266 -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); |
|
2267 box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); |
|
2268 *padding-top: 5px; |
|
2269 *padding-bottom: 5px; |
|
2270 } |
|
2271 .btn-group.open { |
|
2272 *z-index: 1000; |
|
2273 } |
|
2274 .btn-group.open .dropdown-menu { |
|
2275 display: block; |
|
2276 margin-top: 1px; |
|
2277 /*-webkit-border-radius: 3px; |
|
2278 -moz-border-radius: 3px; |
|
2279 border-radius: 3px;*/ |
|
2280 } |
|
2281 .btn-group.open .dropdown-toggle { |
|
2282 background-image: none; |
|
2283 -webkit-box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); |
|
2284 -moz-box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); |
|
2285 box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); |
|
2286 } |
|
2287 .btn .caret { |
|
2288 margin-top: 7px; |
|
2289 margin-left: 0; |
|
2290 } |
|
2291 .btn:hover .caret, |
|
2292 .open.btn-group .caret { |
|
2293 opacity: 1; |
|
2294 filter: alpha(opacity=100); |
|
2295 } |
|
2296 .btn-primary .caret, |
|
2297 .btn-danger .caret, |
|
2298 .btn-info .caret, |
|
2299 .btn-success .caret, |
|
2300 .btn-inverse .caret { |
|
2301 border-top-color: #ffffff; |
|
2302 opacity: 0.75; |
|
2303 filter: alpha(opacity=75); |
|
2304 } |
|
2305 .btn-small .caret { |
|
2306 margin-top: 4px; |
|
2307 } |
|
2308 .alert { |
|
2309 padding: 8px 35px 8px 14px; |
|
2310 margin-bottom: 18px; |
|
2311 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); |
|
2312 background-color: #fcf8e3; |
|
2313 border: 1px solid #fbeed5; |
|
2314 -webkit-border-radius: 4px; |
|
2315 -moz-border-radius: 4px; |
|
2316 border-radius: 4px; |
|
2317 } |
|
2318 .alert, |
|
2319 .alert-heading { |
|
2320 color: #c09853; |
|
2321 } |
|
2322 .alert .close { |
|
2323 position: relative; |
|
2324 top: -2px; |
|
2325 right: -21px; |
|
2326 line-height: 18px; |
|
2327 } |
|
2328 .alert-success { |
|
2329 background-color: #dff0d8; |
|
2330 border-color: #d6e9c6; |
|
2331 } |
|
2332 .alert-success, |
|
2333 .alert-success .alert-heading { |
|
2334 color: #468847; |
|
2335 } |
|
2336 .alert-danger, |
|
2337 .alert-error { |
|
2338 background-color: #f2dede; |
|
2339 border-color: #eed3d7; |
|
2340 } |
|
2341 .alert-danger, |
|
2342 .alert-error, |
|
2343 .alert-danger .alert-heading, |
|
2344 .alert-error .alert-heading { |
|
2345 color: #b94a48; |
|
2346 } |
|
2347 .alert-info { |
|
2348 background-color: #d9edf7; |
|
2349 border-color: #bce8f1; |
|
2350 } |
|
2351 .alert-info, |
|
2352 .alert-info .alert-heading { |
|
2353 color: #3a87ad; |
|
2354 } |
|
2355 .alert-block { |
|
2356 padding-top: 14px; |
|
2357 padding-bottom: 14px; |
|
2358 } |
|
2359 .alert-block > p, |
|
2360 .alert-block > ul { |
|
2361 margin-bottom: 0; |
|
2362 } |
|
2363 .alert-block p + p { |
|
2364 margin-top: 5px; |
|
2365 } |
|
2366 .nav { |
|
2367 margin-left: 0; |
|
2368 margin-bottom: 18px; |
|
2369 list-style: none; |
|
2370 } |
|
2371 .nav > li > a { |
|
2372 display: block; |
|
2373 } |
|
2374 .nav > li > a:hover { |
|
2375 text-decoration: none; |
|
2376 background-color: #ebeced; |
|
2377 } |
|
2378 .nav .nav-header { |
|
2379 display: block; |
|
2380 padding: 3px 15px; |
|
2381 font-size: 11px; |
|
2382 font-weight: bold; |
|
2383 line-height: 18px; |
|
2384 color: #999999; |
|
2385 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); |
|
2386 text-transform: uppercase; |
|
2387 } |
|
2388 .nav li + .nav-header { |
|
2389 margin-top: 9px; |
|
2390 } |
|
2391 .nav-list { |
|
2392 padding-left: 14px; |
|
2393 padding-right: 14px; |
|
2394 margin-bottom: 0; |
|
2395 } |
|
2396 .nav-list > li > a, |
|
2397 .nav-list .nav-header { |
|
2398 margin-left: -15px; |
|
2399 margin-right: -15px; |
|
2400 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); |
|
2401 } |
|
2402 .nav-list > li > a { |
|
2403 padding: 3px 15px; |
|
2404 } |
|
2405 .nav-list .active > a, |
|
2406 .nav-list .active > a:hover { |
|
2407 color: #ffffff; |
|
2408 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); |
|
2409 background-color: #0088cc; |
|
2410 } |
|
2411 .nav-list [class^="icon-"] { |
|
2412 margin-right: 2px; |
|
2413 } |
|
2414 .nav-tabs, |
|
2415 .nav-pills { |
|
2416 *zoom: 1; |
|
2417 } |
|
2418 .nav-tabs:before, |
|
2419 .nav-pills:before, |
|
2420 .nav-tabs:after, |
|
2421 .nav-pills:after { |
|
2422 display: table; |
|
2423 content: ""; |
|
2424 } |
|
2425 .nav-tabs:after, |
|
2426 .nav-pills:after { |
|
2427 clear: both; |
|
2428 } |
|
2429 .nav-tabs > li, |
|
2430 .nav-pills > li { |
|
2431 float: left; |
|
2432 } |
|
2433 .nav-tabs > li > a, |
|
2434 .nav-pills > li > a { |
|
2435 line-height: 33px; |
|
2436 text-align: center; |
|
2437 } |
|
2438 |
|
2439 .nav-tabs > li { |
|
2440 margin-bottom: -1px; |
|
2441 margin-left: -1px; |
|
2442 |
|
2443 } |
|
2444 .nav-tabs > li > a { |
|
2445 border: 1px solid #c4ced8; |
|
2446 border-top: none; |
|
2447 border-right: none; |
|
2448 width: 113px; |
|
2449 } |
|
2450 .nav-tabs > li > a:hover { |
|
2451 } |
|
2452 .nav-tabs > .active > a, |
|
2453 .nav-tabs > .active > a:hover { |
|
2454 border: 1px solid #ddd; |
|
2455 border-top: none; |
|
2456 cursor: default; |
|
2457 } |
|
2458 .nav-pills > li > a { |
|
2459 padding-top: 8px; |
|
2460 padding-bottom: 8px; |
|
2461 margin-top: 2px; |
|
2462 margin-bottom: 2px; |
|
2463 -webkit-border-radius: 5px; |
|
2464 -moz-border-radius: 5px; |
|
2465 border-radius: 5px; |
|
2466 } |
|
2467 .nav-pills .active > a, |
|
2468 .nav-pills .active > a:hover { |
|
2469 color: #ffffff; |
|
2470 background-color: #0088cc; |
|
2471 } |
|
2472 .nav-stacked > li { |
|
2473 float: none; |
|
2474 } |
|
2475 .nav-stacked > li > a { |
|
2476 margin-right: 0; |
|
2477 } |
|
2478 .nav-tabs.nav-stacked { |
|
2479 border-bottom: 0; |
|
2480 } |
|
2481 .nav-tabs.nav-stacked > li > a { |
|
2482 border: 1px solid #ddd; |
|
2483 -webkit-border-radius: 0; |
|
2484 -moz-border-radius: 0; |
|
2485 border-radius: 0; |
|
2486 } |
|
2487 .nav-tabs.nav-stacked > li:first-child > a { |
|
2488 -webkit-border-radius: 4px 4px 0 0; |
|
2489 -moz-border-radius: 4px 4px 0 0; |
|
2490 border-radius: 4px 4px 0 0; |
|
2491 } |
|
2492 .nav-tabs.nav-stacked > li:last-child > a { |
|
2493 -webkit-border-radius: 0 0 4px 4px; |
|
2494 -moz-border-radius: 0 0 4px 4px; |
|
2495 border-radius: 0 0 4px 4px; |
|
2496 } |
|
2497 .nav-tabs.nav-stacked > li > a:hover { |
|
2498 border-color: #ddd; |
|
2499 z-index: 2; |
|
2500 } |
|
2501 .nav-pills.nav-stacked > li > a { |
|
2502 margin-bottom: 3px; |
|
2503 } |
|
2504 .nav-pills.nav-stacked > li:last-child > a { |
|
2505 margin-bottom: 1px; |
|
2506 } |
|
2507 .nav-tabs .dropdown-menu, |
|
2508 .nav-pills .dropdown-menu { |
|
2509 margin-top: 1px; |
|
2510 border-width: 1px; |
|
2511 } |
|
2512 .nav-pills .dropdown-menu { |
|
2513 -webkit-border-radius: 4px; |
|
2514 -moz-border-radius: 4px; |
|
2515 border-radius: 4px; |
|
2516 } |
|
2517 .nav-tabs .dropdown-toggle .caret, |
|
2518 .nav-pills .dropdown-toggle .caret { |
|
2519 border-top-color: #0088cc; |
|
2520 margin-top: 6px; |
|
2521 } |
|
2522 .nav-tabs .dropdown-toggle:hover .caret, |
|
2523 .nav-pills .dropdown-toggle:hover .caret { |
|
2524 border-top-color: #005580; |
|
2525 } |
|
2526 .nav-tabs .active .dropdown-toggle .caret, |
|
2527 .nav-pills .active .dropdown-toggle .caret { |
|
2528 border-top-color: #333333; |
|
2529 } |
|
2530 .nav > .dropdown.active > a:hover { |
|
2531 color: #000000; |
|
2532 cursor: pointer; |
|
2533 } |
|
2534 .nav-tabs .open .dropdown-toggle, |
|
2535 .nav-pills .open .dropdown-toggle, |
|
2536 .nav > .open.active > a:hover { |
|
2537 color: #ffffff; |
|
2538 background-color: #999999; |
|
2539 border-color: #999999; |
|
2540 } |
|
2541 .nav .open .caret, |
|
2542 .nav .open.active .caret, |
|
2543 .nav .open a:hover .caret { |
|
2544 border-top-color: #ffffff; |
|
2545 opacity: 1; |
|
2546 filter: alpha(opacity=100); |
|
2547 } |
|
2548 .tabs-stacked .open > a:hover { |
|
2549 border-color: #999999; |
|
2550 } |
|
2551 .tabbable { |
|
2552 *zoom: 1; |
|
2553 } |
|
2554 .tabbable:before, |
|
2555 .tabbable:after { |
|
2556 display: table; |
|
2557 content: ""; |
|
2558 } |
|
2559 .tabbable:after { |
|
2560 clear: both; |
|
2561 } |
|
2562 .tab-content { |
|
2563 overflow: hidden; |
|
2564 } |
|
2565 .tabs-below .nav-tabs, |
|
2566 .tabs-right .nav-tabs, |
|
2567 .tabs-left .nav-tabs { |
|
2568 border-bottom: 0; |
|
2569 } |
|
2570 .tab-content > .tab-pane, |
|
2571 .pill-content > .pill-pane { |
|
2572 display: none; |
|
2573 } |
|
2574 .tab-content > .active, |
|
2575 .pill-content > .active { |
|
2576 display: block; |
|
2577 } |
|
2578 .tabs-below .nav-tabs { |
|
2579 border-top: 1px solid #ddd; |
|
2580 } |
|
2581 .tabs-below .nav-tabs > li { |
|
2582 margin-top: -1px; |
|
2583 margin-bottom: 0; |
|
2584 } |
|
2585 .tabs-below .nav-tabs > li > a { |
|
2586 -webkit-border-radius: 0 0 4px 4px; |
|
2587 -moz-border-radius: 0 0 4px 4px; |
|
2588 border-radius: 0 0 4px 4px; |
|
2589 } |
|
2590 .tabs-below .nav-tabs > li > a:hover { |
|
2591 border-bottom-color: transparent; |
|
2592 border-top-color: #ddd; |
|
2593 } |
|
2594 .tabs-below .nav-tabs .active > a, |
|
2595 .tabs-below .nav-tabs .active > a:hover { |
|
2596 border-color: transparent #ddd #ddd #ddd; |
|
2597 } |
|
2598 .tabs-left .nav-tabs > li, |
|
2599 .tabs-right .nav-tabs > li { |
|
2600 float: none; |
|
2601 } |
|
2602 .tabs-left .nav-tabs > li > a, |
|
2603 .tabs-right .nav-tabs > li > a { |
|
2604 min-width: 74px; |
|
2605 margin-right: 0; |
|
2606 margin-bottom: 3px; |
|
2607 } |
|
2608 .tabs-left .nav-tabs { |
|
2609 float: left; |
|
2610 margin-right: 19px; |
|
2611 border-right: 1px solid #ddd; |
|
2612 } |
|
2613 .tabs-left .nav-tabs > li > a { |
|
2614 margin-right: -1px; |
|
2615 -webkit-border-radius: 4px 0 0 4px; |
|
2616 -moz-border-radius: 4px 0 0 4px; |
|
2617 border-radius: 4px 0 0 4px; |
|
2618 } |
|
2619 .tabs-left .nav-tabs > li > a:hover { |
|
2620 border-color: #eeeeee #dddddd #eeeeee #eeeeee; |
|
2621 } |
|
2622 .tabs-left .nav-tabs .active > a, |
|
2623 .tabs-left .nav-tabs .active > a:hover { |
|
2624 border-color: #ddd transparent #ddd #ddd; |
|
2625 *border-right-color: #ffffff; |
|
2626 } |
|
2627 .tabs-right .nav-tabs { |
|
2628 float: right; |
|
2629 margin-left: 19px; |
|
2630 border-left: 1px solid #ddd; |
|
2631 } |
|
2632 .tabs-right .nav-tabs > li > a { |
|
2633 margin-left: -1px; |
|
2634 -webkit-border-radius: 0 4px 4px 0; |
|
2635 -moz-border-radius: 0 4px 4px 0; |
|
2636 border-radius: 0 4px 4px 0; |
|
2637 } |
|
2638 .tabs-right .nav-tabs > li > a:hover { |
|
2639 border-color: #eeeeee #eeeeee #eeeeee #dddddd; |
|
2640 } |
|
2641 .tabs-right .nav-tabs .active > a, |
|
2642 .tabs-right .nav-tabs .active > a:hover { |
|
2643 border-color: #ddd #ddd #ddd transparent; |
|
2644 *border-left-color: #ffffff; |
|
2645 } |
|
2646 .navbar { |
|
2647 overflow: visible; |
|
2648 margin-bottom: 18px; |
|
2649 } |
|
2650 .navbar-inner { |
|
2651 padding-left: 20px; |
|
2652 padding-right: 20px; |
|
2653 background-color: #2c2c2c; |
|
2654 background-image: -moz-linear-gradient(top, #333333, #222222); |
|
2655 background-image: -ms-linear-gradient(top, #333333, #222222); |
|
2656 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#222222)); |
|
2657 background-image: -webkit-linear-gradient(top, #333333, #222222); |
|
2658 background-image: -o-linear-gradient(top, #333333, #222222); |
|
2659 background-image: linear-gradient(top, #333333, #222222); |
|
2660 background-repeat: repeat-x; |
|
2661 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0); |
|
2662 -webkit-border-radius: 4px; |
|
2663 -moz-border-radius: 4px; |
|
2664 border-radius: 4px; |
|
2665 -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); |
|
2666 -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); |
|
2667 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); |
|
2668 } |
|
2669 .btn-navbar { |
|
2670 display: none; |
|
2671 float: right; |
|
2672 padding: 7px 10px; |
|
2673 margin-left: 5px; |
|
2674 margin-right: 5px; |
|
2675 background-color: #2c2c2c; |
|
2676 background-image: -moz-linear-gradient(top, #333333, #222222); |
|
2677 background-image: -ms-linear-gradient(top, #333333, #222222); |
|
2678 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#222222)); |
|
2679 background-image: -webkit-linear-gradient(top, #333333, #222222); |
|
2680 background-image: -o-linear-gradient(top, #333333, #222222); |
|
2681 background-image: linear-gradient(top, #333333, #222222); |
|
2682 background-repeat: repeat-x; |
|
2683 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0); |
|
2684 border-color: #222222 #222222 #000000; |
|
2685 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); |
|
2686 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); |
|
2687 -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075); |
|
2688 -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075); |
|
2689 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075); |
|
2690 } |
|
2691 .btn-navbar:hover, |
|
2692 .btn-navbar:active, |
|
2693 .btn-navbar.active, |
|
2694 .btn-navbar.disabled, |
|
2695 .btn-navbar[disabled] { |
|
2696 background-color: #222222; |
|
2697 } |
|
2698 .btn-navbar:active, |
|
2699 .btn-navbar.active { |
|
2700 background-color: #080808 \9; |
|
2701 } |
|
2702 .btn-navbar .icon-bar { |
|
2703 display: block; |
|
2704 width: 18px; |
|
2705 height: 2px; |
|
2706 background-color: #f5f5f5; |
|
2707 -webkit-border-radius: 1px; |
|
2708 -moz-border-radius: 1px; |
|
2709 border-radius: 1px; |
|
2710 -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); |
|
2711 -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); |
|
2712 box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); |
|
2713 } |
|
2714 .btn-navbar .icon-bar + .icon-bar { |
|
2715 margin-top: 3px; |
|
2716 } |
|
2717 .nav-collapse.collapse { |
|
2718 height: auto; |
|
2719 } |
|
2720 .navbar .brand:hover { |
|
2721 text-decoration: none; |
|
2722 } |
|
2723 .navbar .brand { |
|
2724 float: left; |
|
2725 display: block; |
|
2726 padding: 8px 20px 12px; |
|
2727 margin-left: -20px; |
|
2728 font-size: 20px; |
|
2729 font-weight: 200; |
|
2730 line-height: 1; |
|
2731 color: #ffffff; |
|
2732 } |
|
2733 .navbar .navbar-text { |
|
2734 margin-bottom: 0; |
|
2735 line-height: 40px; |
|
2736 color: #999999; |
|
2737 } |
|
2738 .navbar .navbar-text a:hover { |
|
2739 color: #ffffff; |
|
2740 background-color: transparent; |
|
2741 } |
|
2742 .navbar .btn, |
|
2743 .navbar .btn-group { |
|
2744 margin-top: 5px; |
|
2745 } |
|
2746 .navbar .btn-group .btn { |
|
2747 margin-top: 0; |
|
2748 } |
|
2749 .navbar-form { |
|
2750 margin-bottom: 0; |
|
2751 *zoom: 1; |
|
2752 } |
|
2753 .navbar-form:before, |
|
2754 .navbar-form:after { |
|
2755 display: table; |
|
2756 content: ""; |
|
2757 } |
|
2758 .navbar-form:after { |
|
2759 clear: both; |
|
2760 } |
|
2761 .navbar-form input, |
|
2762 .navbar-form select { |
|
2763 display: inline-block; |
|
2764 margin-top: 5px; |
|
2765 margin-bottom: 0; |
|
2766 } |
|
2767 .navbar-form .radio, |
|
2768 .navbar-form .checkbox { |
|
2769 margin-top: 5px; |
|
2770 } |
|
2771 .navbar-form input[type="image"], |
|
2772 .navbar-form input[type="checkbox"], |
|
2773 .navbar-form input[type="radio"] { |
|
2774 margin-top: 3px; |
|
2775 } |
|
2776 .navbar-form .input-append, |
|
2777 .navbar-form .input-prepend { |
|
2778 margin-top: 6px; |
|
2779 white-space: nowrap; |
|
2780 } |
|
2781 .navbar-form .input-append input, |
|
2782 .navbar-form .input-prepend input { |
|
2783 margin-top: 0; |
|
2784 } |
|
2785 .navbar-search { |
|
2786 position: relative; |
|
2787 float: left; |
|
2788 margin-top: 6px; |
|
2789 margin-bottom: 0; |
|
2790 } |
|
2791 .navbar-search .search-query { |
|
2792 padding: 4px 9px; |
|
2793 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; |
|
2794 font-size: 13px; |
|
2795 font-weight: normal; |
|
2796 line-height: 1; |
|
2797 color: #ffffff; |
|
2798 color: rgba(255, 255, 255, 0.75); |
|
2799 background: #666; |
|
2800 background: rgba(255, 255, 255, 0.3); |
|
2801 border: 1px solid #111; |
|
2802 -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15); |
|
2803 -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15); |
|
2804 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15); |
|
2805 -webkit-transition: none; |
|
2806 -moz-transition: none; |
|
2807 -ms-transition: none; |
|
2808 -o-transition: none; |
|
2809 transition: none; |
|
2810 } |
|
2811 .navbar-search .search-query :-moz-placeholder { |
|
2812 color: #eeeeee; |
|
2813 } |
|
2814 .navbar-search .search-query ::-webkit-input-placeholder { |
|
2815 color: #eeeeee; |
|
2816 } |
|
2817 .navbar-search .search-query:hover { |
|
2818 color: #ffffff; |
|
2819 background-color: #999999; |
|
2820 background-color: rgba(255, 255, 255, 0.5); |
|
2821 } |
|
2822 .navbar-search .search-query:focus, |
|
2823 .navbar-search .search-query.focused { |
|
2824 padding: 5px 10px; |
|
2825 color: #333333; |
|
2826 text-shadow: 0 1px 0 #ffffff; |
|
2827 background-color: #ffffff; |
|
2828 border: 0; |
|
2829 -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); |
|
2830 -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); |
|
2831 box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); |
|
2832 outline: 0; |
|
2833 } |
|
2834 .navbar-fixed-top { |
|
2835 position: fixed; |
|
2836 top: 0; |
|
2837 right: 0; |
|
2838 left: 0; |
|
2839 z-index: 1030; |
|
2840 } |
|
2841 .navbar-fixed-top .navbar-inner { |
|
2842 padding-left: 0; |
|
2843 padding-right: 0; |
|
2844 -webkit-border-radius: 0; |
|
2845 -moz-border-radius: 0; |
|
2846 border-radius: 0; |
|
2847 } |
|
2848 .navbar .nav { |
|
2849 position: relative; |
|
2850 left: 0; |
|
2851 display: block; |
|
2852 float: left; |
|
2853 margin: 0 10px 0 0; |
|
2854 } |
|
2855 .navbar .nav.pull-right { |
|
2856 float: right; |
|
2857 } |
|
2858 .navbar .nav > li { |
|
2859 display: block; |
|
2860 float: left; |
|
2861 } |
|
2862 .navbar .nav > li > a { |
|
2863 float: none; |
|
2864 padding: 10px 10px 11px; |
|
2865 line-height: 19px; |
|
2866 color: #999999; |
|
2867 text-decoration: none; |
|
2868 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); |
|
2869 } |
|
2870 .navbar .nav > li > a:hover { |
|
2871 background-color: transparent; |
|
2872 color: #ffffff; |
|
2873 text-decoration: none; |
|
2874 } |
|
2875 .navbar .nav .active > a, |
|
2876 .navbar .nav .active > a:hover { |
|
2877 color: #ffffff; |
|
2878 text-decoration: none; |
|
2879 background-color: #222222; |
|
2880 } |
|
2881 .navbar .divider-vertical { |
|
2882 height: 40px; |
|
2883 width: 1px; |
|
2884 margin: 0 9px; |
|
2885 overflow: hidden; |
|
2886 background-color: #222222; |
|
2887 border-right: 1px solid #333333; |
|
2888 } |
|
2889 .navbar .nav.pull-right { |
|
2890 margin-left: 10px; |
|
2891 margin-right: 0; |
|
2892 } |
|
2893 .navbar .dropdown-menu { |
|
2894 margin-top: 1px; |
|
2895 -webkit-border-radius: 4px; |
|
2896 -moz-border-radius: 4px; |
|
2897 border-radius: 4px; |
|
2898 } |
|
2899 .navbar .dropdown-menu:before { |
|
2900 content: ''; |
|
2901 display: inline-block; |
|
2902 border-left: 7px solid transparent; |
|
2903 border-right: 7px solid transparent; |
|
2904 border-bottom: 7px solid #ccc; |
|
2905 border-bottom-color: rgba(0, 0, 0, 0.2); |
|
2906 position: absolute; |
|
2907 top: -7px; |
|
2908 left: 9px; |
|
2909 } |
|
2910 .navbar .dropdown-menu:after { |
|
2911 content: ''; |
|
2912 display: inline-block; |
|
2913 border-left: 6px solid transparent; |
|
2914 border-right: 6px solid transparent; |
|
2915 border-bottom: 6px solid #ffffff; |
|
2916 position: absolute; |
|
2917 top: -6px; |
|
2918 left: 10px; |
|
2919 } |
|
2920 .navbar .nav .dropdown-toggle .caret, |
|
2921 .navbar .nav .open.dropdown .caret { |
|
2922 border-top-color: #ffffff; |
|
2923 } |
|
2924 .navbar .nav .active .caret { |
|
2925 opacity: 1; |
|
2926 filter: alpha(opacity=100); |
|
2927 } |
|
2928 .navbar .nav .open > .dropdown-toggle, |
|
2929 .navbar .nav .active > .dropdown-toggle, |
|
2930 .navbar .nav .open.active > .dropdown-toggle { |
|
2931 background-color: transparent; |
|
2932 } |
|
2933 .navbar .nav .active > .dropdown-toggle:hover { |
|
2934 color: #ffffff; |
|
2935 } |
|
2936 .navbar .nav.pull-right .dropdown-menu { |
|
2937 left: auto; |
|
2938 right: 0; |
|
2939 } |
|
2940 .navbar .nav.pull-right .dropdown-menu:before { |
|
2941 left: auto; |
|
2942 right: 12px; |
|
2943 } |
|
2944 .navbar .nav.pull-right .dropdown-menu:after { |
|
2945 left: auto; |
|
2946 right: 13px; |
|
2947 } |
|
2948 .breadcrumb { |
|
2949 padding: 7px 14px; |
|
2950 margin: 0 0 18px; |
|
2951 background-color: #fbfbfb; |
|
2952 background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5); |
|
2953 background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5); |
|
2954 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f5f5f5)); |
|
2955 background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5); |
|
2956 background-image: -o-linear-gradient(top, #ffffff, #f5f5f5); |
|
2957 background-image: linear-gradient(top, #ffffff, #f5f5f5); |
|
2958 background-repeat: repeat-x; |
|
2959 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0); |
|
2960 border: 1px solid #ddd; |
|
2961 -webkit-border-radius: 3px; |
|
2962 -moz-border-radius: 3px; |
|
2963 border-radius: 3px; |
|
2964 -webkit-box-shadow: inset 0 1px 0 #ffffff; |
|
2965 -moz-box-shadow: inset 0 1px 0 #ffffff; |
|
2966 box-shadow: inset 0 1px 0 #ffffff; |
|
2967 } |
|
2968 .breadcrumb li { |
|
2969 display: inline-block; |
|
2970 text-shadow: 0 1px 0 #ffffff; |
|
2971 } |
|
2972 .breadcrumb .divider { |
|
2973 padding: 0 5px; |
|
2974 color: #999999; |
|
2975 } |
|
2976 .breadcrumb .active a { |
|
2977 color: #333333; |
|
2978 } |
|
2979 .pagination { |
|
2980 height: 36px; |
|
2981 margin: 18px 0; |
|
2982 } |
|
2983 .pagination ul { |
|
2984 display: inline-block; |
|
2985 *display: inline; |
|
2986 /* IE7 inline-block hack */ |
|
2987 |
|
2988 *zoom: 1; |
|
2989 margin-left: 0; |
|
2990 margin-bottom: 0; |
|
2991 -webkit-border-radius: 3px; |
|
2992 -moz-border-radius: 3px; |
|
2993 border-radius: 3px; |
|
2994 -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); |
|
2995 -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); |
|
2996 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); |
|
2997 } |
|
2998 .pagination li { |
|
2999 display: inline; |
|
3000 } |
|
3001 .pagination a { |
|
3002 float: left; |
|
3003 padding: 0 14px; |
|
3004 line-height: 34px; |
|
3005 text-decoration: none; |
|
3006 border: 1px solid #ddd; |
|
3007 border-left-width: 0; |
|
3008 } |
|
3009 .pagination a:hover, |
|
3010 .pagination .active a { |
|
3011 background-color: #f5f5f5; |
|
3012 } |
|
3013 .pagination .active a { |
|
3014 color: #999999; |
|
3015 cursor: default; |
|
3016 } |
|
3017 .pagination .disabled a, |
|
3018 .pagination .disabled a:hover { |
|
3019 color: #999999; |
|
3020 background-color: transparent; |
|
3021 cursor: default; |
|
3022 } |
|
3023 .pagination li:first-child a { |
|
3024 border-left-width: 1px; |
|
3025 -webkit-border-radius: 3px 0 0 3px; |
|
3026 -moz-border-radius: 3px 0 0 3px; |
|
3027 border-radius: 3px 0 0 3px; |
|
3028 } |
|
3029 .pagination li:last-child a { |
|
3030 -webkit-border-radius: 0 3px 3px 0; |
|
3031 -moz-border-radius: 0 3px 3px 0; |
|
3032 border-radius: 0 3px 3px 0; |
|
3033 } |
|
3034 .pagination-centered { |
|
3035 text-align: center; |
|
3036 } |
|
3037 .pagination-right { |
|
3038 text-align: right; |
|
3039 } |
|
3040 .pager { |
|
3041 margin-left: 0; |
|
3042 margin-bottom: 18px; |
|
3043 list-style: none; |
|
3044 text-align: center; |
|
3045 *zoom: 1; |
|
3046 } |
|
3047 .pager:before, |
|
3048 .pager:after { |
|
3049 display: table; |
|
3050 content: ""; |
|
3051 } |
|
3052 .pager:after { |
|
3053 clear: both; |
|
3054 } |
|
3055 .pager li { |
|
3056 display: inline; |
|
3057 } |
|
3058 .pager a { |
|
3059 display: inline-block; |
|
3060 padding: 5px 14px; |
|
3061 background-color: #fff; |
|
3062 border: 1px solid #ddd; |
|
3063 -webkit-border-radius: 15px; |
|
3064 -moz-border-radius: 15px; |
|
3065 border-radius: 15px; |
|
3066 } |
|
3067 .pager a:hover { |
|
3068 text-decoration: none; |
|
3069 background-color: #f5f5f5; |
|
3070 } |
|
3071 .pager .next a { |
|
3072 float: right; |
|
3073 } |
|
3074 .pager .previous a { |
|
3075 float: left; |
|
3076 } |
|
3077 .modal-open .dropdown-menu { |
|
3078 z-index: 2050; |
|
3079 } |
|
3080 .modal-open .dropdown.open { |
|
3081 *z-index: 2050; |
|
3082 } |
|
3083 .modal-open .popover { |
|
3084 z-index: 2060; |
|
3085 } |
|
3086 .modal-open .tooltip { |
|
3087 z-index: 2070; |
|
3088 } |
|
3089 .modal-backdrop { |
|
3090 position: fixed; |
|
3091 top: 0; |
|
3092 right: 0; |
|
3093 bottom: 0; |
|
3094 left: 0; |
|
3095 z-index: 1040; |
|
3096 background-color: #000000; |
|
3097 } |
|
3098 .modal-backdrop.fade { |
|
3099 opacity: 0; |
|
3100 } |
|
3101 .modal-backdrop, |
|
3102 .modal-backdrop.fade.in { |
|
3103 opacity: 0.8; |
|
3104 filter: alpha(opacity=80); |
|
3105 } |
|
3106 .modal { |
|
3107 position: fixed; |
|
3108 top: 50%; |
|
3109 left: 50%; |
|
3110 z-index: 1050; |
|
3111 max-height: 500px; |
|
3112 overflow: auto; |
|
3113 width: 560px; |
|
3114 margin: -250px 0 0 -280px; |
|
3115 background-color: #ffffff; |
|
3116 border: 1px solid #999; |
|
3117 border: 1px solid rgba(0, 0, 0, 0.3); |
|
3118 *border: 1px solid #999; |
|
3119 /* IE6-7 */ |
|
3120 |
|
3121 -webkit-border-radius: 6px; |
|
3122 -moz-border-radius: 6px; |
|
3123 border-radius: 6px; |
|
3124 -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); |
|
3125 -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); |
|
3126 box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); |
|
3127 -webkit-background-clip: padding-box; |
|
3128 -moz-background-clip: padding-box; |
|
3129 background-clip: padding-box; |
|
3130 } |
|
3131 .modal.fade { |
|
3132 -webkit-transition: opacity .3s linear, top .3s ease-out; |
|
3133 -moz-transition: opacity .3s linear, top .3s ease-out; |
|
3134 -ms-transition: opacity .3s linear, top .3s ease-out; |
|
3135 -o-transition: opacity .3s linear, top .3s ease-out; |
|
3136 transition: opacity .3s linear, top .3s ease-out; |
|
3137 top: -25%; |
|
3138 } |
|
3139 .modal.fade.in { |
|
3140 top: 50%; |
|
3141 } |
|
3142 .modal-header { |
|
3143 padding: 9px 15px 9px 15px; |
|
3144 } |
|
3145 .modal-header .close { |
|
3146 margin-top: 2px; |
|
3147 } |
|
3148 |
|
3149 .modal-body { |
|
3150 padding: 15px 20px 30px 20px; |
|
3151 } |
|
3152 .modal-body .modal-form { |
|
3153 margin-bottom: 0; |
|
3154 } |
|
3155 .modal-footer { |
|
3156 padding: 14px 20px 15px; |
|
3157 margin-bottom: 0; |
|
3158 background-color: #f5f5f5; |
|
3159 border-top: 1px solid #ddd; |
|
3160 -webkit-border-radius: 0 0 6px 6px; |
|
3161 -moz-border-radius: 0 0 6px 6px; |
|
3162 border-radius: 0 0 6px 6px; |
|
3163 -webkit-box-shadow: inset 0 1px 0 #ffffff; |
|
3164 -moz-box-shadow: inset 0 1px 0 #ffffff; |
|
3165 box-shadow: inset 0 1px 0 #ffffff; |
|
3166 *zoom: 1; |
|
3167 } |
|
3168 .modal-footer:before, |
|
3169 .modal-footer:after { |
|
3170 display: table; |
|
3171 content: ""; |
|
3172 } |
|
3173 .modal-footer:after { |
|
3174 clear: both; |
|
3175 } |
|
3176 .modal-footer .btn { |
|
3177 float: right; |
|
3178 margin-left: 5px; |
|
3179 margin-bottom: 0; |
|
3180 } |
|
3181 .tooltip { |
|
3182 position: absolute; |
|
3183 z-index: 1020; |
|
3184 display: block; |
|
3185 visibility: visible; |
|
3186 padding: 5px; |
|
3187 font-size: 11px; |
|
3188 opacity: 0; |
|
3189 filter: alpha(opacity=0); |
|
3190 } |
|
3191 .tooltip.in { |
|
3192 opacity: 0.8; |
|
3193 filter: alpha(opacity=80); |
|
3194 } |
|
3195 .tooltip.top { |
|
3196 margin-top: -2px; |
|
3197 } |
|
3198 .tooltip.right { |
|
3199 margin-left: 2px; |
|
3200 } |
|
3201 .tooltip.bottom { |
|
3202 margin-top: 2px; |
|
3203 } |
|
3204 .tooltip.left { |
|
3205 margin-left: -2px; |
|
3206 } |
|
3207 .tooltip.top .tooltip-arrow { |
|
3208 bottom: 0; |
|
3209 left: 50%; |
|
3210 margin-left: -5px; |
|
3211 border-left: 5px solid transparent; |
|
3212 border-right: 5px solid transparent; |
|
3213 border-top: 5px solid #000000; |
|
3214 } |
|
3215 .tooltip.left .tooltip-arrow { |
|
3216 top: 50%; |
|
3217 right: 0; |
|
3218 margin-top: -5px; |
|
3219 border-top: 5px solid transparent; |
|
3220 border-bottom: 5px solid transparent; |
|
3221 border-left: 5px solid #000000; |
|
3222 } |
|
3223 .tooltip.bottom .tooltip-arrow { |
|
3224 top: 0; |
|
3225 left: 50%; |
|
3226 margin-left: -5px; |
|
3227 border-left: 5px solid transparent; |
|
3228 border-right: 5px solid transparent; |
|
3229 border-bottom: 5px solid #000000; |
|
3230 } |
|
3231 .tooltip.right .tooltip-arrow { |
|
3232 top: 50%; |
|
3233 left: 0; |
|
3234 margin-top: -5px; |
|
3235 border-top: 5px solid transparent; |
|
3236 border-bottom: 5px solid transparent; |
|
3237 border-right: 5px solid #000000; |
|
3238 } |
|
3239 .tooltip-inner { |
|
3240 max-width: 200px; |
|
3241 padding: 3px 8px; |
|
3242 color: #ffffff; |
|
3243 text-align: center; |
|
3244 text-decoration: none; |
|
3245 background-color: #000000; |
|
3246 -webkit-border-radius: 4px; |
|
3247 -moz-border-radius: 4px; |
|
3248 border-radius: 4px; |
|
3249 } |
|
3250 .tooltip-arrow { |
|
3251 position: absolute; |
|
3252 width: 0; |
|
3253 height: 0; |
|
3254 } |
|
3255 .popover { |
|
3256 position: absolute; |
|
3257 top: 0; |
|
3258 left: 0; |
|
3259 z-index: 1010; |
|
3260 display: none; |
|
3261 padding: 5px; |
|
3262 } |
|
3263 .popover.top { |
|
3264 margin-top: -5px; |
|
3265 } |
|
3266 .popover.right { |
|
3267 margin-left: 5px; |
|
3268 } |
|
3269 .popover.bottom { |
|
3270 margin-top: 5px; |
|
3271 } |
|
3272 .popover.left { |
|
3273 margin-left: -5px; |
|
3274 } |
|
3275 .popover.top .arrow { |
|
3276 bottom: 0; |
|
3277 left: 50%; |
|
3278 margin-left: -5px; |
|
3279 border-left: 5px solid transparent; |
|
3280 border-right: 5px solid transparent; |
|
3281 border-top: 5px solid #000000; |
|
3282 } |
|
3283 .popover.right .arrow { |
|
3284 top: 50%; |
|
3285 left: 0; |
|
3286 margin-top: -5px; |
|
3287 border-top: 5px solid transparent; |
|
3288 border-bottom: 5px solid transparent; |
|
3289 border-right: 5px solid #000000; |
|
3290 } |
|
3291 .popover.bottom .arrow { |
|
3292 top: 0; |
|
3293 left: 50%; |
|
3294 margin-left: -5px; |
|
3295 border-left: 5px solid transparent; |
|
3296 border-right: 5px solid transparent; |
|
3297 border-bottom: 5px solid #000000; |
|
3298 } |
|
3299 .popover.left .arrow { |
|
3300 top: 50%; |
|
3301 right: 0; |
|
3302 margin-top: -5px; |
|
3303 border-top: 5px solid transparent; |
|
3304 border-bottom: 5px solid transparent; |
|
3305 border-left: 5px solid #000000; |
|
3306 } |
|
3307 .popover .arrow { |
|
3308 position: absolute; |
|
3309 width: 0; |
|
3310 height: 0; |
|
3311 } |
|
3312 .popover-inner { |
|
3313 padding: 3px; |
|
3314 width: 280px; |
|
3315 overflow: hidden; |
|
3316 background: #000000; |
|
3317 background: rgba(0, 0, 0, 0.8); |
|
3318 -webkit-border-radius: 6px; |
|
3319 -moz-border-radius: 6px; |
|
3320 border-radius: 6px; |
|
3321 -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); |
|
3322 -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); |
|
3323 box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); |
|
3324 } |
|
3325 .popover-title { |
|
3326 padding: 9px 15px; |
|
3327 line-height: 1; |
|
3328 background-color: #f5f5f5; |
|
3329 border-bottom: 1px solid #eee; |
|
3330 -webkit-border-radius: 3px 3px 0 0; |
|
3331 -moz-border-radius: 3px 3px 0 0; |
|
3332 border-radius: 3px 3px 0 0; |
|
3333 } |
|
3334 .popover-content { |
|
3335 padding: 14px; |
|
3336 background-color: #ffffff; |
|
3337 -webkit-border-radius: 0 0 3px 3px; |
|
3338 -moz-border-radius: 0 0 3px 3px; |
|
3339 border-radius: 0 0 3px 3px; |
|
3340 -webkit-background-clip: padding-box; |
|
3341 -moz-background-clip: padding-box; |
|
3342 background-clip: padding-box; |
|
3343 } |
|
3344 .popover-content p, |
|
3345 .popover-content ul, |
|
3346 .popover-content ol { |
|
3347 margin-bottom: 0; |
|
3348 } |
|
3349 .thumbnails { |
|
3350 margin-left: -20px; |
|
3351 list-style: none; |
|
3352 *zoom: 1; |
|
3353 } |
|
3354 .thumbnails:before, |
|
3355 .thumbnails:after { |
|
3356 display: table; |
|
3357 content: ""; |
|
3358 } |
|
3359 .thumbnails:after { |
|
3360 clear: both; |
|
3361 } |
|
3362 .thumbnails > li { |
|
3363 float: left; |
|
3364 margin: 0 0 18px 20px; |
|
3365 } |
|
3366 .thumbnail { |
|
3367 display: block; |
|
3368 padding: 4px; |
|
3369 line-height: 1; |
|
3370 border: 1px solid #ddd; |
|
3371 -webkit-border-radius: 4px; |
|
3372 -moz-border-radius: 4px; |
|
3373 border-radius: 4px; |
|
3374 -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); |
|
3375 -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); |
|
3376 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); |
|
3377 } |
|
3378 a.thumbnail:hover { |
|
3379 border-color: #0088cc; |
|
3380 -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); |
|
3381 -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); |
|
3382 box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); |
|
3383 } |
|
3384 .thumbnail > img { |
|
3385 display: block; |
|
3386 max-width: 100%; |
|
3387 margin-left: auto; |
|
3388 margin-right: auto; |
|
3389 } |
|
3390 .thumbnail .caption { |
|
3391 padding: 9px; |
|
3392 } |
|
3393 .label { |
|
3394 padding: 2px 4px 3px; |
|
3395 font-size: 11.049999999999999px; |
|
3396 font-weight: bold; |
|
3397 color: #ffffff; |
|
3398 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); |
|
3399 background-color: #999999; |
|
3400 -webkit-border-radius: 3px; |
|
3401 -moz-border-radius: 3px; |
|
3402 border-radius: 3px; |
|
3403 } |
|
3404 .label:hover { |
|
3405 color: #ffffff; |
|
3406 text-decoration: none; |
|
3407 } |
|
3408 .label-important { |
|
3409 background-color: #b94a48; |
|
3410 } |
|
3411 .label-important:hover { |
|
3412 background-color: #953b39; |
|
3413 } |
|
3414 .label-warning { |
|
3415 background-color: #f89406; |
|
3416 } |
|
3417 .label-warning:hover { |
|
3418 background-color: #c67605; |
|
3419 } |
|
3420 .label-success { |
|
3421 background-color: #468847; |
|
3422 } |
|
3423 .label-success:hover { |
|
3424 background-color: #356635; |
|
3425 } |
|
3426 .label-info { |
|
3427 background-color: #3a87ad; |
|
3428 } |
|
3429 .label-info:hover { |
|
3430 background-color: #2d6987; |
|
3431 } |
|
3432 @-webkit-keyframes progress-bar-stripes { |
|
3433 from { |
|
3434 background-position: 0 0; |
|
3435 } |
|
3436 to { |
|
3437 background-position: 40px 0; |
|
3438 } |
|
3439 } |
|
3440 @-moz-keyframes progress-bar-stripes { |
|
3441 from { |
|
3442 background-position: 0 0; |
|
3443 } |
|
3444 to { |
|
3445 background-position: 40px 0; |
|
3446 } |
|
3447 } |
|
3448 @keyframes progress-bar-stripes { |
|
3449 from { |
|
3450 background-position: 0 0; |
|
3451 } |
|
3452 to { |
|
3453 background-position: 40px 0; |
|
3454 } |
|
3455 } |
|
3456 .progress { |
|
3457 overflow: hidden; |
|
3458 height: 18px; |
|
3459 margin-bottom: 18px; |
|
3460 background-color: #f7f7f7; |
|
3461 background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9); |
|
3462 background-image: -ms-linear-gradient(top, #f5f5f5, #f9f9f9); |
|
3463 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9)); |
|
3464 background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9); |
|
3465 background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9); |
|
3466 background-image: linear-gradient(top, #f5f5f5, #f9f9f9); |
|
3467 background-repeat: repeat-x; |
|
3468 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0); |
|
3469 -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); |
|
3470 -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); |
|
3471 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); |
|
3472 -webkit-border-radius: 4px; |
|
3473 -moz-border-radius: 4px; |
|
3474 border-radius: 4px; |
|
3475 } |
|
3476 .progress .bar { |
|
3477 width: 0%; |
|
3478 height: 18px; |
|
3479 color: #ffffff; |
|
3480 font-size: 12px; |
|
3481 text-align: center; |
|
3482 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); |
|
3483 background-color: #0e90d2; |
|
3484 background-image: -moz-linear-gradient(top, #149bdf, #0480be); |
|
3485 background-image: -ms-linear-gradient(top, #149bdf, #0480be); |
|
3486 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be)); |
|
3487 background-image: -webkit-linear-gradient(top, #149bdf, #0480be); |
|
3488 background-image: -o-linear-gradient(top, #149bdf, #0480be); |
|
3489 background-image: linear-gradient(top, #149bdf, #0480be); |
|
3490 background-repeat: repeat-x; |
|
3491 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#149bdf', endColorstr='#0480be', GradientType=0); |
|
3492 -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); |
|
3493 -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); |
|
3494 box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); |
|
3495 -webkit-box-sizing: border-box; |
|
3496 -moz-box-sizing: border-box; |
|
3497 box-sizing: border-box; |
|
3498 -webkit-transition: width 0.6s ease; |
|
3499 -moz-transition: width 0.6s ease; |
|
3500 -ms-transition: width 0.6s ease; |
|
3501 -o-transition: width 0.6s ease; |
|
3502 transition: width 0.6s ease; |
|
3503 } |
|
3504 .progress-striped .bar { |
|
3505 background-color: #62c462; |
|
3506 background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); |
|
3507 background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); |
|
3508 background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); |
|
3509 background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); |
|
3510 background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); |
|
3511 background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); |
|
3512 -webkit-background-size: 40px 40px; |
|
3513 -moz-background-size: 40px 40px; |
|
3514 -o-background-size: 40px 40px; |
|
3515 background-size: 40px 40px; |
|
3516 } |
|
3517 .progress.active .bar { |
|
3518 -webkit-animation: progress-bar-stripes 2s linear infinite; |
|
3519 -moz-animation: progress-bar-stripes 2s linear infinite; |
|
3520 animation: progress-bar-stripes 2s linear infinite; |
|
3521 } |
|
3522 .progress-danger .bar { |
|
3523 background-color: #dd514c; |
|
3524 background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35); |
|
3525 background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35); |
|
3526 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35)); |
|
3527 background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35); |
|
3528 background-image: -o-linear-gradient(top, #ee5f5b, #c43c35); |
|
3529 background-image: linear-gradient(top, #ee5f5b, #c43c35); |
|
3530 background-repeat: repeat-x; |
|
3531 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0); |
|
3532 } |
|
3533 .progress-danger.progress-striped .bar { |
|
3534 background-color: #ee5f5b; |
|
3535 background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); |
|
3536 background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); |
|
3537 background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); |
|
3538 background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); |
|
3539 background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); |
|
3540 background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); |
|
3541 } |
|
3542 .progress-success .bar { |
|
3543 background-color: #5eb95e; |
|
3544 background-image: -moz-linear-gradient(top, #62c462, #57a957); |
|
3545 background-image: -ms-linear-gradient(top, #62c462, #57a957); |
|
3546 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957)); |
|
3547 background-image: -webkit-linear-gradient(top, #62c462, #57a957); |
|
3548 background-image: -o-linear-gradient(top, #62c462, #57a957); |
|
3549 background-image: linear-gradient(top, #62c462, #57a957); |
|
3550 background-repeat: repeat-x; |
|
3551 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0); |
|
3552 } |
|
3553 .progress-success.progress-striped .bar { |
|
3554 background-color: #62c462; |
|
3555 background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); |
|
3556 background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); |
|
3557 background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); |
|
3558 background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); |
|
3559 background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); |
|
3560 background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); |
|
3561 } |
|
3562 .progress-info .bar { |
|
3563 background-color: #4bb1cf; |
|
3564 background-image: -moz-linear-gradient(top, #5bc0de, #339bb9); |
|
3565 background-image: -ms-linear-gradient(top, #5bc0de, #339bb9); |
|
3566 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9)); |
|
3567 background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9); |
|
3568 background-image: -o-linear-gradient(top, #5bc0de, #339bb9); |
|
3569 background-image: linear-gradient(top, #5bc0de, #339bb9); |
|
3570 background-repeat: repeat-x; |
|
3571 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0); |
|
3572 } |
|
3573 .progress-info.progress-striped .bar { |
|
3574 background-color: #5bc0de; |
|
3575 background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); |
|
3576 background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); |
|
3577 background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); |
|
3578 background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); |
|
3579 background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); |
|
3580 background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); |
|
3581 } |
|
3582 .accordion { |
|
3583 margin-bottom: 18px; |
|
3584 } |
|
3585 .accordion-group { |
|
3586 margin-bottom: 2px; |
|
3587 border: 1px solid #e5e5e5; |
|
3588 -webkit-border-radius: 4px; |
|
3589 -moz-border-radius: 4px; |
|
3590 border-radius: 4px; |
|
3591 } |
|
3592 .accordion-heading { |
|
3593 border-bottom: 0; |
|
3594 } |
|
3595 .accordion-heading .accordion-toggle { |
|
3596 display: block; |
|
3597 padding: 8px 15px; |
|
3598 } |
|
3599 .accordion-inner { |
|
3600 padding: 9px 15px; |
|
3601 border-top: 1px solid #e5e5e5; |
|
3602 } |
|
3603 .carousel { |
|
3604 position: relative; |
|
3605 margin-bottom: 18px; |
|
3606 line-height: 1; |
|
3607 } |
|
3608 .carousel-inner { |
|
3609 overflow: hidden; |
|
3610 width: 100%; |
|
3611 position: relative; |
|
3612 } |
|
3613 .carousel .item { |
|
3614 display: none; |
|
3615 position: relative; |
|
3616 -webkit-transition: 0.6s ease-in-out left; |
|
3617 -moz-transition: 0.6s ease-in-out left; |
|
3618 -ms-transition: 0.6s ease-in-out left; |
|
3619 -o-transition: 0.6s ease-in-out left; |
|
3620 transition: 0.6s ease-in-out left; |
|
3621 } |
|
3622 .carousel .item > img { |
|
3623 display: block; |
|
3624 line-height: 1; |
|
3625 } |
|
3626 .carousel .active, |
|
3627 .carousel .next, |
|
3628 .carousel .prev { |
|
3629 display: block; |
|
3630 } |
|
3631 .carousel .active { |
|
3632 left: 0; |
|
3633 } |
|
3634 .carousel .next, |
|
3635 .carousel .prev { |
|
3636 position: absolute; |
|
3637 top: 0; |
|
3638 width: 100%; |
|
3639 } |
|
3640 .carousel .next { |
|
3641 left: 100%; |
|
3642 } |
|
3643 .carousel .prev { |
|
3644 left: -100%; |
|
3645 } |
|
3646 .carousel .next.left, |
|
3647 .carousel .prev.right { |
|
3648 left: 0; |
|
3649 } |
|
3650 .carousel .active.left { |
|
3651 left: -100%; |
|
3652 } |
|
3653 .carousel .active.right { |
|
3654 left: 100%; |
|
3655 } |
|
3656 .carousel-control { |
|
3657 position: absolute; |
|
3658 top: 40%; |
|
3659 left: 15px; |
|
3660 width: 40px; |
|
3661 height: 40px; |
|
3662 margin-top: -20px; |
|
3663 font-size: 60px; |
|
3664 font-weight: 100; |
|
3665 line-height: 30px; |
|
3666 color: #ffffff; |
|
3667 text-align: center; |
|
3668 background: #222222; |
|
3669 border: 3px solid #ffffff; |
|
3670 -webkit-border-radius: 23px; |
|
3671 -moz-border-radius: 23px; |
|
3672 border-radius: 23px; |
|
3673 opacity: 0.5; |
|
3674 filter: alpha(opacity=50); |
|
3675 } |
|
3676 .carousel-control.right { |
|
3677 left: auto; |
|
3678 right: 15px; |
|
3679 } |
|
3680 .carousel-control:hover { |
|
3681 color: #ffffff; |
|
3682 text-decoration: none; |
|
3683 opacity: 0.9; |
|
3684 filter: alpha(opacity=90); |
|
3685 } |
|
3686 .carousel-caption { |
|
3687 position: absolute; |
|
3688 left: 0; |
|
3689 right: 0; |
|
3690 bottom: 0; |
|
3691 padding: 10px 15px 5px; |
|
3692 background: #333333; |
|
3693 background: rgba(0, 0, 0, 0.75); |
|
3694 } |
|
3695 .carousel-caption h4, |
|
3696 .carousel-caption p { |
|
3697 color: #ffffff; |
|
3698 } |
|
3699 .hero-unit { |
|
3700 padding: 60px; |
|
3701 margin-bottom: 30px; |
|
3702 background-color: #f5f5f5; |
|
3703 -webkit-border-radius: 6px; |
|
3704 -moz-border-radius: 6px; |
|
3705 border-radius: 6px; |
|
3706 } |
|
3707 .hero-unit h1 { |
|
3708 margin-bottom: 0; |
|
3709 font-size: 60px; |
|
3710 line-height: 1; |
|
3711 letter-spacing: -1px; |
|
3712 } |
|
3713 .hero-unit p { |
|
3714 font-size: 18px; |
|
3715 font-weight: 200; |
|
3716 line-height: 27px; |
|
3717 } |
|
3718 .pull-right { |
|
3719 float: right; |
|
3720 } |
|
3721 .pull-left { |
|
3722 float: left; |
|
3723 } |
|
3724 .hide { |
|
3725 display: none; |
|
3726 } |
|
3727 .show { |
|
3728 display: block; |
|
3729 } |
|
3730 .invisible { |
|
3731 visibility: hidden; |
|
3732 } |
|
3733 /* new clearfix */ |
|
3734 .clearfix:after { |
|
3735 visibility: hidden; |
|
3736 display: block; |
|
3737 font-size: 0; |
|
3738 content: " "; |
|
3739 clear: both; |
|
3740 height: 0; |
|
3741 } |
|
3742 * html .clearfix { |
|
3743 zoom: 1; |
|
3744 } |
|
3745 /* IE6 */ |
|
3746 *:first-child + html .clearfix { |
|
3747 zoom: 1; |
|
3748 } |
|
3749 /* IE7 */ |
|
3750 @font-face { |
|
3751 font-family: 'anivers'; |
|
3752 src: url('/static/dashboard/fonts/Anivers_Regular-webfont.eot?5f61443eb372'); |
|
3753 src: url('/static/dashboard/fonts/Anivers_Regular-webfont.eot?iefix') format('eot'), url('/static/dashboard/fonts/Anivers_Regular-webfont.woff?2c3db88030ec') format('woff'), url('/static/dashboard/fonts/Anivers_Regular-webfont.ttf?6a7822aa21cf') format('truetype'), url('/static/dashboard/fonts/Anivers_Regular-webfont.svg#webfont3JLVF59W') format('svg'); |
|
3754 font-weight: normal; |
|
3755 font-style: normal; |
|
3756 } |
|
3757 a { |
|
3758 color: #dd4814; |
|
3759 } |
|
3760 ul { |
|
3761 list-style: none; |
|
3762 margin: 0; |
|
3763 } |
|
3764 dt { |
|
3765 font-weight: bold; |
|
3766 } |
|
3767 #main_content { |
|
3768 padding-left: 247px; |
|
3769 padding-right: 20px; |
|
3770 } |
|
3771 .topbar { |
|
3772 background: #f2f2f2; |
|
3773 border-bottom: 1px solid #e5e5e5; |
|
3774 padding: 10px 25px; |
|
3775 margin-top: 0; |
|
3776 margin-left: -25px; |
|
3777 margin-bottom: 66px; |
|
3778 margin-right: -25px; |
|
3779 min-width: 700px; |
|
3780 } |
|
3781 |
|
3782 .topbar .switcher_bar { |
|
3783 display: inline-block; |
|
3784 height: auto; |
|
3785 width: 160px; |
|
3786 background-position: 140px center; |
|
3787 margin-bottom: 0; |
|
3788 font-size: 11px; |
|
3789 margin-left: 20px; |
|
3790 padding: 0; |
|
3791 background-image: url('../../dashboard/img/drop_arrow.png?2ec1100baed3'); |
|
3792 border: 1px solid #c0d9e4; |
|
3793 background-color: #e9f5fa; |
|
3794 background-repeat: no-repeat; |
|
3795 } |
|
3796 .topbar .switcher_bar a { |
|
3797 padding: 2px 10px 1px; |
|
3798 margin-left: 0; |
|
3799 display: block; |
|
3800 } |
|
3801 .topbar .switcher_bar ul { |
|
3802 width: 130px; |
|
3803 } |
|
3804 |
|
3805 #user_info > span { |
|
3806 margin-right: 12px; |
|
3807 } |
|
3808 #user_info > a { |
|
3809 border: 1px solid #d9dfe3; |
|
3810 background: #fafafa; |
|
3811 padding: 12px 12px 8px 12px; |
|
3812 margin-left: -6px; |
|
3813 } |
|
3814 |
|
3815 #user_info > a:hover { |
|
3816 border: 1px solid #c3ced7; |
|
3817 background: #f7f8f9; |
|
3818 color: #0074cd; |
|
3819 } |
|
3820 |
|
3821 .page-header { |
|
3822 margin: 0; |
|
3823 padding: 0; |
|
3824 border: 0; |
|
3825 font-family: anivers; |
|
3826 } |
|
3827 h2 { |
|
3828 color: #6a6a6a; |
|
3829 font-size: 30px; |
|
3830 font-weight: normal; |
|
3831 } |
|
3832 body { |
|
3833 background-color: #fff; |
|
3834 min-width: 890px; |
|
3835 } |
|
3836 |
|
3837 |
|
3838 /* Login Splash Page */ |
|
3839 #splash .login { |
|
3840 background: url(../img/OracleSolaris_login_banner.png) no-repeat; |
|
3841 position: absolute; |
|
3842 top: 80px; |
|
3843 left: 50%; |
|
3844 margin: 0 0 0 -195px; |
|
3845 padding-top: 79px; |
|
3846 width: 390px; |
|
3847 border: 1px solid #e1e1e1; |
|
3848 max-height: none; |
|
3849 /*-webkit-border-radius: 6px; |
|
3850 -moz-border-radius: 6px; |
|
3851 border-radius: 6px;*/ |
|
3852 -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); |
|
3853 -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); |
|
3854 box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); |
|
3855 -webkit-background-clip: padding-box; |
|
3856 -moz-background-clip: padding-box; |
|
3857 background-clip: padding-box; |
|
3858 } |
|
3859 /* |
|
3860 #splash .login:before { |
|
3861 content: url(../img/OpenStack_Dashboard_txt.png); |
|
3862 position: relative; |
|
3863 top: -28px; |
|
3864 left: 148px; |
|
3865 font-size: 15px; |
|
3866 color: #454545; |
|
3867 background: #F5F5F5; |
|
3868 }*/ |
|
3869 |
|
3870 #splash .login .modal-header { |
|
3871 height: 10px; |
|
3872 padding-top: 0px; |
|
3873 padding-bottom: 15px; |
|
3874 } |
|
3875 |
|
3876 /*#splash .login .modal-header:before { |
|
3877 content: "Sign In"; |
|
3878 position: relative; |
|
3879 top: 24px; |
|
3880 width: 150px; |
|
3881 background: #FFFFFF; |
|
3882 font-size: 18px; |
|
3883 color: #FFFFFF; |
|
3884 font-weight: bold; |
|
3885 }*/ |
|
3886 |
|
3887 #splash .login .modal-header h3 { |
|
3888 color: #FFFFFF; |
|
3889 } |
|
3890 |
|
3891 #splash .login form, |
|
3892 #splash .login .modal-header { |
|
3893 background-color: #fff; |
|
3894 } |
|
3895 |
|
3896 #splash .login input { |
|
3897 width: 340px; |
|
3898 } |
|
3899 #splash .login select { |
|
3900 width: 360px; |
|
3901 } |
|
3902 #splash .help-block { |
|
3903 display: none; |
|
3904 } |
|
3905 #create_container_form .modal-footer { |
|
3906 margin-top: 190px; |
|
3907 } |
|
3908 .nav li a { |
|
3909 color: #8EACB7; |
|
3910 text-shadow: none; |
|
3911 } |
|
3912 .container-fluid { |
|
3913 padding-left: 0; |
|
3914 } |
|
3915 .sidebar { |
|
3916 float: left; |
|
3917 } |
|
3918 .sidebar h4 { |
|
3919 margin-left: 14px; |
|
3920 color: #999; |
|
3921 } |
|
3922 .sidebar .nav-tabs { |
|
3923 margin-top: -34px; |
|
3924 } |
|
3925 .sidebar .nav-tabs li.active a { |
|
3926 background-color: #edf9ff; |
|
3927 } |
|
3928 h1.brand { |
|
3929 width: 100%; |
|
3930 margin: 0; |
|
3931 background-color: #f5f5f5; |
|
3932 padding-bottom: 40px; |
|
3933 } |
|
3934 h1.brand a { |
|
3935 display: block; |
|
3936 float: left; |
|
3937 } |
|
3938 /* Tenant Dropdown */ |
|
3939 a.current_item { |
|
3940 width: 163px; |
|
3941 float: left; |
|
3942 } |
|
3943 a.current_item:hover { |
|
3944 text-decoration: none; |
|
3945 } |
|
3946 a.current_item:hover h3, |
|
3947 a.current_item:hover h4 { |
|
3948 color: #39738c; |
|
3949 } |
|
3950 .sidebar .switcher_bar { |
|
3951 margin-left: 36px; |
|
3952 margin-bottom: 24px; |
|
3953 } |
|
3954 .sidebar .switcher_bar a.dropdown-toggle { |
|
3955 display: block; |
|
3956 padding: 5px 0; |
|
3957 background-image: url('../../dashboard/img/drop_arrow.png'); |
|
3958 border: 1px solid #c0d9e4; |
|
3959 background-color: #e9f5fa; |
|
3960 background-repeat: no-repeat; |
|
3961 background-position: 167px 23px; |
|
3962 } |
|
3963 .sidebar .switcher_bar a.dropdown-toggle:hover { |
|
3964 text-decoration: none; |
|
3965 background-color: #cde8f4; |
|
3966 } |
|
3967 .sidebar .switcher_bar:focus { |
|
3968 outline: none; |
|
3969 } |
|
3970 .sidebar .switcher_bar h3 { |
|
3971 color: #454545; |
|
3972 line-height: 16px; |
|
3973 font-size: 16px; |
|
3974 margin: 0; |
|
3975 padding: 0; |
|
3976 } |
|
3977 .sidebar .switcher_bar h4 { |
|
3978 color: #454545; |
|
3979 font-size: 9px; |
|
3980 text-transform: uppercase; |
|
3981 font-weight: normal; |
|
3982 padding: 0; |
|
3983 } |
|
3984 .sidebar .switcher_bar ul { |
|
3985 border: 1px solid #c0d9e4; |
|
3986 margin-left: -1px; |
|
3987 width: 190px; |
|
3988 } |
|
3989 .sidebar .switcher_bar li a:hover { |
|
3990 background: #92d6f1; |
|
3991 } |
|
3992 #usage { |
|
3993 margin-bottom: 25px; |
|
3994 height: 125px; |
|
3995 } |
|
3996 .usage_block { |
|
3997 background: #e8f8ff; |
|
3998 color: #84b6c5; |
|
3999 border: 1px solid #afe3fb; |
|
4000 -webkit-border-radius: 5px; |
|
4001 -moz-border-radius: 5px; |
|
4002 border-radius: 5px; |
|
4003 float: left; |
|
4004 width: 29%; |
|
4005 margin-right: 5%; |
|
4006 min-height: 125px; |
|
4007 } |
|
4008 .usage_block.last { |
|
4009 margin-right: 0; |
|
4010 } |
|
4011 .usage_block h3 { |
|
4012 background: #cef0ff; |
|
4013 color: #4fa5bf; |
|
4014 font-weight: normal; |
|
4015 padding: 0 0 0 10px; |
|
4016 border-bottom: 1px solid #c6e7f5; |
|
4017 -webkit-border-top-left-radius: 5px; |
|
4018 -webkit-border-top-right-radius: 5px; |
|
4019 -moz-border-radius-topleft: 5px; |
|
4020 -moz-border-radius-topright: 5px; |
|
4021 border-top-left-radius: 5px; |
|
4022 border-top-right-radius: 5px; |
|
4023 } |
|
4024 .usage_block ul { |
|
4025 margin: 10px; |
|
4026 } |
|
4027 .usage_block .quantity { |
|
4028 font-size: 25px; |
|
4029 } |
|
4030 .usage_block li { |
|
4031 font-size: 11px; |
|
4032 margin: 0 0 15px 0; |
|
4033 } |
|
4034 .usage_block .unit { |
|
4035 font-size: 11px; |
|
4036 text-transform: uppercase; |
|
4037 padding: 0 0 0 1px; |
|
4038 } |
|
4039 .table-bordered { |
|
4040 border: none; |
|
4041 } |
|
4042 .table_header { |
|
4043 min-height: 35px; |
|
4044 padding: 5px 0; |
|
4045 } |
|
4046 .table_caption th { |
|
4047 background-color: transparent; |
|
4048 border: none; |
|
4049 } |
|
4050 .table-bordered tr.table_caption + tr th { |
|
4051 /*border-top: 1px solid #D5DFE6; |
|
4052 border-bottom: 1px solid #D5DFE6;*/ |
|
4053 border: 1px solid #D5DFE6; |
|
4054 border-right: 1px solid transparent; |
|
4055 } |
|
4056 .table-bordered tr.table_caption + tr th:first-child, |
|
4057 .table-bordered tr.table_caption + tr th.hide + th { |
|
4058 /*-moz-border-radius-topleft: 4px; |
|
4059 -webkit-border-top-left-radius: 4px; |
|
4060 border-top-left-radius: 4px;*/ |
|
4061 border-left: 1px solid #D5DFE6; |
|
4062 } |
|
4063 .table-bordered tr.table_caption + tr th:last-child { |
|
4064 /*-moz-border-radius-topright: 4px; |
|
4065 -webkit-border-top-right-radius: 4px; |
|
4066 border-top-right-radius: 4px;*/ |
|
4067 border-right: 1px solid #D5DFE6; |
|
4068 } |
|
4069 .table-bordered tbody tr td:first-child, |
|
4070 .table-bordered tfoot tr td:first-child { |
|
4071 border-left: 1px solid #D5DFE6; |
|
4072 } |
|
4073 .table-bordered tbody tr td:last-child, |
|
4074 .table-bordered tfoot tr td:last-child { |
|
4075 border-right: 1px solid #D5DFE6; |
|
4076 } |
|
4077 .table-bordered tfoot tr td:first-child { |
|
4078 border-bottom: 1px solid #D5DFE6; |
|
4079 /*-moz-border-radius-bottomleft: 4px; |
|
4080 -webkit-border-bottom-left-radius: 4px; |
|
4081 border-bottom-left-radius: 4px;*/ |
|
4082 } |
|
4083 .table-bordered tfoot tr td:last-child { |
|
4084 border-bottom: 1px solid #D5DFE6; |
|
4085 /*-moz-border-radius-bottomright: 4px; |
|
4086 -webkit-border-bottom-right-radius: 4px; |
|
4087 border-bottom-right-radius: 4px;*/ |
|
4088 } |
|
4089 .table_title h3, |
|
4090 .table_header h3 { |
|
4091 font-family: anivers; |
|
4092 font-weight: normal; |
|
4093 font-size: 24px; |
|
4094 margin-bottom: 5px; |
|
4095 float: left; |
|
4096 } |
|
4097 .table th.header { |
|
4098 cursor: pointer; |
|
4099 } |
|
4100 .table th.header:hover { |
|
4101 background-color: #e8e8e8; |
|
4102 } |
|
4103 .table tbody td.anchor a { |
|
4104 display: block; |
|
4105 padding: 8px; |
|
4106 } |
|
4107 .table tr.table_caption th.header:hover { |
|
4108 background-color: transparent; |
|
4109 cursor: default; |
|
4110 } |
|
4111 .table th.headerSortUp:hover, |
|
4112 .table th.headerSortDown:hover { |
|
4113 background-color: #DAE9F5; |
|
4114 } |
|
4115 .table th.headerSortUp, |
|
4116 .table th.headerSortDown { |
|
4117 background-color: #DAE9F5; |
|
4118 background-repeat: no-repeat; |
|
4119 background-position: 98% center; |
|
4120 } |
|
4121 .table th.headerSortDown { |
|
4122 background-image: url('../../dashboard/img/drop_arrow.png?2ec1100baed3'); |
|
4123 } |
|
4124 .table th.headerSortUp { |
|
4125 background-image: url('../../dashboard/img/up_arrow.png?4293b62aa222'); |
|
4126 } |
|
4127 .table tr.summation td:first-child, |
|
4128 .table tr.summation td:last-child { |
|
4129 border-radius: 0; |
|
4130 border-bottom: 0 none; |
|
4131 } |
|
4132 th { |
|
4133 background: #F1F3F4; |
|
4134 } |
|
4135 td.anchor { |
|
4136 padding: 0; |
|
4137 } |
|
4138 small { |
|
4139 font-size: 11px; |
|
4140 } |
|
4141 .main_nav { |
|
4142 list-style: none; |
|
4143 width: 227px; |
|
4144 float: left; |
|
4145 margin: 10px 0 20px 0; |
|
4146 } |
|
4147 .main_nav a { |
|
4148 color: #999; |
|
4149 width: 185px; |
|
4150 padding: 10px; |
|
4151 display: block; |
|
4152 margin-left: 20px; |
|
4153 } |
|
4154 .main_nav a.active { |
|
4155 background: #fff; |
|
4156 border: 2px solid #d8d8d8; |
|
4157 border-right: 0; |
|
4158 border-bottom-color: #ccc; |
|
4159 } |
|
4160 table form { |
|
4161 margin-bottom: 0; |
|
4162 width: 1px; |
|
4163 } |
|
4164 .messages { |
|
4165 position: fixed; |
|
4166 z-index: 9999; |
|
4167 top: 20px; |
|
4168 right: 20px; |
|
4169 width: 300px; |
|
4170 } |
|
4171 .messages .alert-block { |
|
4172 -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); |
|
4173 -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); |
|
4174 box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); |
|
4175 } |
|
4176 .messages .alert-block.alert-error { |
|
4177 border: 1px solid #9d261d; |
|
4178 } |
|
4179 .messages .alert-block.alert-success { |
|
4180 border: 1px solid #46a546; |
|
4181 } |
|
4182 .alert-block .alert-actions { |
|
4183 margin-top: -23px; |
|
4184 margin-right: -23px; |
|
4185 } |
|
4186 .modal > form, |
|
4187 .login > form, |
|
4188 .alert-actions > form { |
|
4189 margin-bottom: 0; |
|
4190 } |
|
4191 .alert-block p { |
|
4192 overflow: hidden; |
|
4193 word-wrap: break-word; |
|
4194 } |
|
4195 .alert-block p:last-child { |
|
4196 margin-bottom: 0; |
|
4197 } |
|
4198 #actions.single { |
|
4199 width: 90px; |
|
4200 } |
|
4201 .table-striped tr td { |
|
4202 transition: background 0.2s; |
|
4203 -webkit-transition: background 0.2s; |
|
4204 -moz-transition: background 0.2s; |
|
4205 -o-transition: background 0.2s; |
|
4206 } |
|
4207 .inspect { |
|
4208 float: left; |
|
4209 display: block; |
|
4210 margin-top: 5px; |
|
4211 margin-right: 25px; |
|
4212 } |
|
4213 .table { |
|
4214 margin-bottom: 25px; |
|
4215 } |
|
4216 .table tr td { |
|
4217 vertical-align: middle; |
|
4218 } |
|
4219 .table tr.empty td { |
|
4220 text-align: center; |
|
4221 font-size: 12px; |
|
4222 } |
|
4223 .table tfoot tr td { |
|
4224 border-top: 1px solid transparent; |
|
4225 background-color: #F1F1F1; |
|
4226 font-size: 11px; |
|
4227 color: #000000; |
|
4228 line-height: 14px; |
|
4229 font-weight: bold; |
|
4230 } |
|
4231 .table_actions { |
|
4232 float: right; |
|
4233 min-width: 400px; |
|
4234 } |
|
4235 .table_actions .table_search { |
|
4236 /*display: inline-block;*/ |
|
4237 padding-bottom: 8px; |
|
4238 width: 267px; |
|
4239 } |
|
4240 |
|
4241 .table_actions .btn-group { |
|
4242 padding-bottom: 8px; |
|
4243 } |
|
4244 |
|
4245 .table_search input { |
|
4246 background: url('../../dashboard/img/search.png?781fb162b111') no-repeat 195px 5px; |
|
4247 display: inline-block; |
|
4248 margin-bottom: 0; |
|
4249 } |
|
4250 .table_actions a, |
|
4251 .table_actions button { |
|
4252 float: right; |
|
4253 margin-left: 5px; |
|
4254 } |
|
4255 .table_actions button.filter { |
|
4256 margin-left: 0; |
|
4257 } |
|
4258 .table_header .table_actions { |
|
4259 min-width: 0px; |
|
4260 } |
|
4261 .table_header .table_actions a, |
|
4262 .table_header .table_actions button { |
|
4263 display: inline-block; |
|
4264 /*float: right;*/ |
|
4265 } |
|
4266 .table_actions form { |
|
4267 float: right; |
|
4268 margin-left: 10px; |
|
4269 } |
|
4270 .hidden { |
|
4271 display: none; |
|
4272 } |
|
4273 .table-striped tbody tr.status_unknown:nth-child(odd) td { |
|
4274 background-color: #ffffb5; |
|
4275 } |
|
4276 .table-striped tbody tr.status_unknown:nth-child(even) td { |
|
4277 background-color: #ffffc6; |
|
4278 } |
|
4279 .nowrap-col { |
|
4280 white-space: nowrap; |
|
4281 } |
|
4282 .overview { |
|
4283 font-size: 24px; |
|
4284 } |
|
4285 #monitoring { |
|
4286 background: #f8f8f8; |
|
4287 font-size: 14px; |
|
4288 height: 20px; |
|
4289 margin: -18px 0 25px; |
|
4290 padding: 10px; |
|
4291 border: 1px solid #e1e1e1; |
|
4292 font-family: "anivers"; |
|
4293 } |
|
4294 #monitoring h3 { |
|
4295 font-size: 14px; |
|
4296 font-weight: normal; |
|
4297 float: left; |
|
4298 line-height: 18px; |
|
4299 } |
|
4300 #external_links, |
|
4301 #external_links li { |
|
4302 float: left; |
|
4303 } |
|
4304 #external_links li { |
|
4305 margin: 0 0 0 15px; |
|
4306 } |
|
4307 /* Forms */ |
|
4308 form label { |
|
4309 text-align: left; |
|
4310 color: #555; |
|
4311 font-weight: bold; |
|
4312 } |
|
4313 .modal { |
|
4314 width: 700px; |
|
4315 max-height: none; |
|
4316 /* Prevents large modals from scrolling unnecessarily */ |
|
4317 |
|
4318 top: 80px; |
|
4319 margin-top: 0; |
|
4320 position: absolute; |
|
4321 } |
|
4322 .modal.loading { |
|
4323 width: 150px; |
|
4324 height: 150px; |
|
4325 margin: 0 auto; |
|
4326 overflow: hidden; |
|
4327 } |
|
4328 .modal.loading p { |
|
4329 text-align: center; |
|
4330 position: absolute; |
|
4331 bottom: 0; |
|
4332 width: 150px; |
|
4333 } |
|
4334 form.horizontal .form-field { |
|
4335 float: left; |
|
4336 } |
|
4337 form.horizontal.split_half .form-field { |
|
4338 width: 334px; |
|
4339 /* Fits 2 fields to a row */ |
|
4340 |
|
4341 } |
|
4342 form.horizontal.split_quarter .form-field { |
|
4343 width: 167px; |
|
4344 /* Fits 4 fields to a row */ |
|
4345 |
|
4346 } |
|
4347 form.horizontal.split_five .form-field { |
|
4348 width: 133px; |
|
4349 /* Fits 5 fields to a row */ |
|
4350 |
|
4351 } |
|
4352 form.horizontal fieldset { |
|
4353 width: 100%; |
|
4354 } |
|
4355 .modal-body { |
|
4356 overflow-y: visible; |
|
4357 max-height: none; |
|
4358 } |
|
4359 .modal-body table { |
|
4360 margin-bottom: 30px; |
|
4361 } |
|
4362 .modal-body ~ hr { |
|
4363 margin-bottom: 0; |
|
4364 } |
|
4365 |
|
4366 .modal-body .nav-tabs > li > a { |
|
4367 font-size: 14px; |
|
4368 width: auto; |
|
4369 padding-left: 12px; |
|
4370 padding-right: 12px; |
|
4371 } |
|
4372 |
|
4373 .static_page { |
|
4374 float: left; |
|
4375 width: 700px; |
|
4376 background-color: #FFF; |
|
4377 border: 1px solid #DDD; |
|
4378 } |
|
4379 .static_page > form { |
|
4380 margin-bottom: 0; |
|
4381 } |
|
4382 .left { |
|
4383 float: left; |
|
4384 width: 347px; |
|
4385 margin-right: 15px; |
|
4386 } |
|
4387 .left form { |
|
4388 margin: 0; |
|
4389 } |
|
4390 .right { |
|
4391 float: left; |
|
4392 width: 308px; |
|
4393 } |
|
4394 |
|
4395 .workflow ul.nav-tabs { |
|
4396 padding: 0 1px; |
|
4397 border-bottom: 1px solid #C4CED8; |
|
4398 } |
|
4399 |
|
4400 .workflow ul.nav-tabs > li > a { |
|
4401 color: #005D9D; |
|
4402 border: 1px solid transparent; |
|
4403 margin-right: 1px; |
|
4404 } |
|
4405 |
|
4406 .workflow ul.nav-tabs > li > a:hover { |
|
4407 background: #FFFFFF; |
|
4408 border-bottom: 1px solid #C4CED8; |
|
4409 |
|
4410 } |
|
4411 |
|
4412 .workflow ul.nav-tabs > li.active > a, |
|
4413 .workflow ul.nav-tabs > li.active > a:hover |
|
4414 { |
|
4415 background: url(../img/content_tab_bkgd_selected.png) repeat-x; |
|
4416 font-weight: bold; |
|
4417 border: 1px solid #C4CED8; |
|
4418 border-top: 1px solid #FFFFFF; |
|
4419 border-bottom: 1px solid #FFFFFF; |
|
4420 } |
|
4421 |
|
4422 .workflow td.actions { |
|
4423 vertical-align: top; |
|
4424 width: 308px; |
|
4425 padding-right: 10px; |
|
4426 } |
|
4427 .workflow td.help_text { |
|
4428 vertical-align: top; |
|
4429 width: 340px; |
|
4430 padding-left: 10px; |
|
4431 border-left: 1px solid #DDD; |
|
4432 } |
|
4433 .workflow fieldset > table { |
|
4434 margin-bottom: 0; |
|
4435 } |
|
4436 .clear { |
|
4437 clear: both; |
|
4438 width: 0; |
|
4439 height: 0; |
|
4440 padding: 0; |
|
4441 margin: 0; |
|
4442 } |
|
4443 .modal-body fieldset { |
|
4444 margin: 0; |
|
4445 padding: 0; |
|
4446 } |
|
4447 .modal-body fieldset ul { |
|
4448 width: 90%; |
|
4449 } |
|
4450 .modal-body fieldset .form-field input, |
|
4451 .modal-body fieldset .form-field textarea { |
|
4452 width: 298px; |
|
4453 } |
|
4454 .modal-body fieldset .form-field select { |
|
4455 width: 308px; |
|
4456 } |
|
4457 .modal-body fieldset .form-field textarea { |
|
4458 height: 36px; |
|
4459 } |
|
4460 .modal-footer input { |
|
4461 width: auto; |
|
4462 } |
|
4463 .modal-body .modal-footer { |
|
4464 width: 670px; |
|
4465 margin-left: -25px; |
|
4466 margin-right: -15px; |
|
4467 } |
|
4468 .modal-footer a.close { |
|
4469 margin-top: 0; |
|
4470 margin-right: 5px; |
|
4471 font-size: 12px; |
|
4472 color: #000000; |
|
4473 font-weight: bold; |
|
4474 filter: alpha(opacity=100); |
|
4475 -khtml-opacity: 1; |
|
4476 -moz-opacity: 1; |
|
4477 opacity: 1; |
|
4478 background: -moz-linear-gradient(top, #f1f3f4, #e3e8ea); |
|
4479 background: -ms-linear-gradient(top, #f1f3f4, #e3e8ea); |
|
4480 background: -webkit-gradient(linear, 0 0, 0 100%, from(#f1f3f4), to(#e3e8ea)); |
|
4481 background: -webkit-linear-gradient(top, #f1f3f4, #e3e8ea); |
|
4482 background: -o-linear-gradient(top, #f1f3f4, #e3e8ea); |
|
4483 background: linear-gradient(top, #f1f3f4, #e3e8ea); |
|
4484 background-repeat: repeat-x; |
|
4485 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0); |
|
4486 /*border-color: #e6e6e6 #e6e6e6 #bfbfbf; |
|
4487 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); |
|
4488 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);*/ |
|
4489 border: 1px solid #C3CED7; |
|
4490 } |
|
4491 .modal-footer a.close:hover { |
|
4492 text-decoration: none; |
|
4493 background: -moz-linear-gradient(top, #f8f9fa, #f1f4f5); |
|
4494 background: -ms-linear-gradient(top, #f8f9fa, #f1f4f5); |
|
4495 background: -webkit-gradient(linear, 0 0, 0 100%, from(#f8f9fa), to(#f1f4f5)); |
|
4496 background: -webkit-linear-gradient(top, #f8f9fa, #f1f4f5); |
|
4497 background: -o-linear-gradient(top, #f8f9fa, #f1f4f5); |
|
4498 background: linear-gradient(top, #f8f9fa, #f1f4f5); |
|
4499 } |
|
4500 .modal-body .help-block { |
|
4501 text-align: left; |
|
4502 float: left; |
|
4503 width: 100%; |
|
4504 margin-bottom: 10px; |
|
4505 } |
|
4506 #create_keypair_modal .clearfix { |
|
4507 margin-bottom: 115px; |
|
4508 } |
|
4509 #actions { |
|
4510 width: 90px; |
|
4511 } |
|
4512 #actions .btn { |
|
4513 margin-bottom: 5px; |
|
4514 } |
|
4515 #actions a.btn { |
|
4516 width: 70px; |
|
4517 } |
|
4518 #actions input.btn { |
|
4519 text-align: left; |
|
4520 } |
|
4521 #images #actions { |
|
4522 width: 100px; |
|
4523 } |
|
4524 /*New List Patches*/ |
|
4525 .details-modal .modal-body { |
|
4526 padding-bottom: 20px; |
|
4527 } |
|
4528 .form-inline { |
|
4529 display: inline; |
|
4530 } |
|
4531 .form-inline input, |
|
4532 .form-inline button, |
|
4533 .form-inline a.btn { |
|
4534 margin-left: 5px; |
|
4535 } |
|
4536 td.select { |
|
4537 width: 10px; |
|
4538 } |
|
4539 /* Actions dropdown */ |
|
4540 td.actions_column { |
|
4541 width: 150px; |
|
4542 padding: 10px; |
|
4543 position: relative; |
|
4544 min-width: 140px; |
|
4545 min-height: 20px; |
|
4546 } |
|
4547 td.actions_column .row_actions a, |
|
4548 td.actions_column .row_actions input, |
|
4549 td.actions_column .row_actions button { |
|
4550 background: none; |
|
4551 float: none; |
|
4552 display: block; |
|
4553 padding: 5px 10px; |
|
4554 color: black; |
|
4555 text-align: left; |
|
4556 border-radius: 0; |
|
4557 border: 0 none; |
|
4558 -webkit-box-shadow: none; |
|
4559 -moz-box-shadow: none; |
|
4560 box-shadow: none; |
|
4561 } |
|
4562 td.actions_column .row_actions .hide { |
|
4563 display: none; |
|
4564 } |
|
4565 /* Makes size consistent across browsers when mixing "btn-group" and "small" */ |
|
4566 .btn.hide, |
|
4567 .btn-group .hide { |
|
4568 display: none; |
|
4569 } |
|
4570 .btn-group .dropdown-toggle:focus { |
|
4571 outline: none; |
|
4572 } |
|
4573 .dropdown-menu button { |
|
4574 line-height: 18px; |
|
4575 /* Matches rule for ".dropdown-menu a" in bootstrap */ |
|
4576 |
|
4577 width: 100%; |
|
4578 } |
|
4579 .btn-group .dropdown-menu .btn { |
|
4580 border-radius: 0; |
|
4581 } |
|
4582 .dropdown-menu .btn.btn-danger, |
|
4583 .dropdown-menu .btn.btn-danger:hover, |
|
4584 .dropdown-menu .btn.btn-success, |
|
4585 .dropdown-menu .btn.btn-success:hover, |
|
4586 .dropdown-menu .btn.btn-info, |
|
4587 .dropdown-menu .btn.btn-info:hover { |
|
4588 text-shadow: none; |
|
4589 /* remove default bootstrap shadowing from button text. */ |
|
4590 |
|
4591 } |
|
4592 .dropdown-menu li:hover { |
|
4593 background: none; |
|
4594 } |
|
4595 .dropdown-menu li.divider:hover { |
|
4596 background-color: #E5E5E5; |
|
4597 } |
|
4598 td.actions_column .dropdown-menu a:hover, |
|
4599 td.actions_column .dropdown-menu button:hover { |
|
4600 background-color: #EBECED; |
|
4601 } |
|
4602 .dropdown-menu .btn.btn-danger { |
|
4603 /*color: #C43C35;*/ |
|
4604 font-weight: 400; |
|
4605 } |
|
4606 .dropdown-menu .btn.btn-danger:hover { |
|
4607 /*background-color: #f6e0df;*/ |
|
4608 background-color: #EBECED; |
|
4609 } |
|
4610 /* Overrides for single-action rows (no dropdown) */ |
|
4611 tr td.actions_column ul.row_actions.single, |
|
4612 tr:hover td.actions_column ul.row_actions.single, |
|
4613 td.actions_column ul.row_actions.single, |
|
4614 td.actions_column ul.row_actions.single:hover { |
|
4615 border: none; |
|
4616 } |
|
4617 td.actions_column ul.row_actions.single li.action { |
|
4618 display: block; |
|
4619 } |
|
4620 td.actions_column ul.row_actions.single li.action:hover { |
|
4621 background-color: transparent; |
|
4622 } |
|
4623 td.actions_column ul.row_actions.single a, |
|
4624 td.actions_column ul.row_actions.single input, |
|
4625 td.actions_column ul.row_actions.single button { |
|
4626 color: #43a1d6; |
|
4627 } |
|
4628 td.actions_column ul.row_actions.single a:hover, |
|
4629 td.actions_column ul.row_actions.single input:hover, |
|
4630 td.actions_column ul.row_actions.single button:hover { |
|
4631 color: black; |
|
4632 } |
|
4633 th.multi_select_column, |
|
4634 td.multi_select_column { |
|
4635 width: 25px; |
|
4636 } |
|
4637 th.multi_select_column, |
|
4638 td.multi_select_column { |
|
4639 text-align: center; |
|
4640 } |
|
4641 .table-fixed { |
|
4642 table-layout: fixed; |
|
4643 } |
|
4644 .table input[type="checkbox"] { |
|
4645 display: inline; |
|
4646 } |
|
4647 div.input input[type="checkbox"] { |
|
4648 float: left; |
|
4649 width: 25px; |
|
4650 } |
|
4651 .table_title a { |
|
4652 font-size: 11px; |
|
4653 float: right; |
|
4654 margin-left: 10px; |
|
4655 margin-top: 10px; |
|
4656 } |
|
4657 tr.terminated { |
|
4658 color: #999999; |
|
4659 } |
|
4660 #instance_tabs { |
|
4661 float: left; |
|
4662 width: 100%; |
|
4663 border-bottom: 1px solid #e1e1e1; |
|
4664 } |
|
4665 #instance_tabs li a { |
|
4666 background: #f2f2f2; |
|
4667 display: block; |
|
4668 font-size: 14px; |
|
4669 float: left; |
|
4670 padding: 5px 10px; |
|
4671 margin-right: 10px; |
|
4672 border: 1px solid #e1e1e1; |
|
4673 border-bottom: none; |
|
4674 } |
|
4675 #instance_tabs li.active a { |
|
4676 background: #fff; |
|
4677 padding-bottom: 8px; |
|
4678 margin-bottom: -5px; |
|
4679 } |
|
4680 |
|
4681 #main_content .nav-tabs { |
|
4682 margin: 0px 0px 0px 1px; |
|
4683 padding: 0px; |
|
4684 |
|
4685 } |
|
4686 |
|
4687 #main_content .nav-tabs li a { |
|
4688 width: 130px; |
|
4689 font-size: 13px; |
|
4690 color: #005D9D; |
|
4691 border: 1px solid transparent; |
|
4692 margin-right: 1px; |
|
4693 } |
|
4694 |
|
4695 #main_content .nav-tabs li.active a { |
|
4696 width: 130px; |
|
4697 font-size: 13px; |
|
4698 color: #005D9D; |
|
4699 border: 1px solid #C4CED8; |
|
4700 border-bottom: 1px solid #FFFFFF; |
|
4701 border-top: 1px solid #FFFFFF; |
|
4702 font-weight: bold; |
|
4703 background: url(../img/content_tab_bkgd_selected.png) repeat-x; |
|
4704 } |
|
4705 |
|
4706 #main_content .tab-content { |
|
4707 border: 1px solid #D5DFE6; |
|
4708 padding: 0px 10px 10px 10px; |
|
4709 margin: 0px; |
|
4710 } |
|
4711 |
|
4712 #main_content .workflow .modal-body { |
|
4713 padding-left: 0; |
|
4714 padding-right: 0; |
|
4715 } |
|
4716 #main_content .workflow .modal-body .tab-content { |
|
4717 border-left: 0 none; |
|
4718 border-right: 0 none; |
|
4719 border-bottom: 0 none; |
|
4720 } |
|
4721 .tab_wrapper { |
|
4722 padding-top: 50px; |
|
4723 } |
|
4724 /* Fix tooltip z-index to show above modals. Bootstrap bug 582*/ |
|
4725 .tooltip { |
|
4726 z-index: 12000; |
|
4727 } |
|
4728 .volume_boot_disclosure { |
|
4729 font-weight: bold; |
|
4730 color: #555; |
|
4731 cursor: pointer; |
|
4732 background-image: url('../../dashboard/img/right_droparrow.png?b14134630332'); |
|
4733 background-repeat: no-repeat; |
|
4734 background-position: 130px center; |
|
4735 } |
|
4736 .volume_boot_disclosure.on { |
|
4737 width: 334px; |
|
4738 margin-bottom: 10px; |
|
4739 border-bottom: solid 1px #E1E1E1; |
|
4740 background-image: url('../../dashboard/img/drop_arrow.png?2ec1100baed3'); |
|
4741 } |
|
4742 form div.clearfix.error { |
|
4743 width: 308px; |
|
4744 } |
|
4745 .nav-tabs a { |
|
4746 cursor: pointer; |
|
4747 } |
|
4748 .nav-tabs li.error a { |
|
4749 color: #B94A48; |
|
4750 } |
|
4751 .nav-tabs li.error a:after { |
|
4752 content: "*"; |
|
4753 } |
|
4754 /* Region selector in header */ |
|
4755 #region_selector { |
|
4756 position: absolute; |
|
4757 z-index: 9999; |
|
4758 right: 0; |
|
4759 top: 24px; |
|
4760 } |
|
4761 #region_selector a { |
|
4762 margin-left: 0; |
|
4763 } |
|
4764 #region_selector ul { |
|
4765 float: left; |
|
4766 margin-left: 5px; |
|
4767 padding-right: 21px; |
|
4768 width: 125px; |
|
4769 } |
|
4770 #region_selector ul:hover a { |
|
4771 display: block; |
|
4772 } |
|
4773 #region_selector li a { |
|
4774 padding: 3px 3px 3px 5px; |
|
4775 display: none; |
|
4776 background: #E1E1E1; |
|
4777 margin-top: -10px; |
|
4778 } |
|
4779 #region_selector li:first-child p { |
|
4780 background: #ededed url('../../dashboard/img/drop_arrow.png?2ec1100baed3') no-repeat 106px 9px !important; |
|
4781 display: block; |
|
4782 border: 1px solid #e1e1e1; |
|
4783 padding: 5px; |
|
4784 } |
|
4785 iframe { |
|
4786 border: none; |
|
4787 } |
|
4788 .item_detail ul li label { |
|
4789 color: #000; |
|
4790 font-weight: bold; |
|
4791 display: block; |
|
4792 margin-top: 5px; |
|
4793 } |
|
4794 .progress_bar { |
|
4795 height: 100%; |
|
4796 width: 100%; |
|
4797 border: 1px solid #CCC; |
|
4798 background-color: #CCC; |
|
4799 } |
|
4800 .progress_bar_fill, |
|
4801 .progress_bar_selected { |
|
4802 height: 100%; |
|
4803 float: left; |
|
4804 } |
|
4805 .progress_bar_fill { |
|
4806 background-color: #666; |
|
4807 } |
|
4808 .progress_bar_selected { |
|
4809 background-color: #4790AE; |
|
4810 width: 0; |
|
4811 } |
|
4812 .progress_bar_over { |
|
4813 background-color: red; |
|
4814 } |
|
4815 .quota_title { |
|
4816 color: #999; |
|
4817 padding-bottom: 0; |
|
4818 margin-bottom: 8px; |
|
4819 } |
|
4820 .quota_title strong { |
|
4821 color: #000; |
|
4822 } |
|
4823 .quota_title strong span { |
|
4824 font-weight: normal; |
|
4825 } |
|
4826 .quota_title p { |
|
4827 float: right; |
|
4828 margin-bottom: 0; |
|
4829 } |
|
4830 .quota_bar { |
|
4831 height: 15px; |
|
4832 margin: -8px 0 8px; |
|
4833 } |
|
4834 div .flavor_table { |
|
4835 border: 1px solid #AAA; |
|
4836 width: 100%; |
|
4837 margin-bottom: 14px; |
|
4838 } |
|
4839 .flavor_table .flavor_name { |
|
4840 white-space: nowrap; |
|
4841 font-weight: bold; |
|
4842 text-align: left; |
|
4843 padding: 7px 12px 7px 7px; |
|
4844 width: 160px; |
|
4845 } |
|
4846 #main_content .row-fluid { |
|
4847 margin: 10px 0 20px; |
|
4848 } |
|
4849 #main_content .row-fluid:last-child { |
|
4850 margin-bottom: 0; |
|
4851 } |
|
4852 .header_rule { |
|
4853 margin: 0 0 10px; |
|
4854 } |
|
4855 .item_detail .detail_section { |
|
4856 margin-bottom: 25px; |
|
4857 float: left; |
|
4858 margin-right: 50px; |
|
4859 } |
|
4860 .error .help-inline { |
|
4861 background: #efdfdf; |
|
4862 border: 1px solid #ead5d8; |
|
4863 padding: 10px; |
|
4864 display: block; |
|
4865 } |
|
4866 label.log-length { |
|
4867 line-height: 28px; |
|
4868 margin-right: 10px; |
|
4869 } |
|
4870 .progress-success.bar { |
|
4871 background-color: #5eb95e; |
|
4872 background-image: -moz-linear-gradient(top, #62c462, #57a957); |
|
4873 background-image: -ms-linear-gradient(top, #62c462, #57a957); |
|
4874 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957)); |
|
4875 background-image: -webkit-linear-gradient(top, #62c462, #57a957); |
|
4876 background-image: -o-linear-gradient(top, #62c462, #57a957); |
|
4877 background-image: linear-gradient(top, #62c462, #57a957); |
|
4878 background-repeat: repeat-x; |
|
4879 filter: progid:dximagetransform.microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0); |
|
4880 } |
|
4881 .progress_bar_fill.progress-warning.bar { |
|
4882 background-color: #898989; |
|
4883 background-image: -moz-linear-gradient(top, #999999, #333333); |
|
4884 background-image: -ms-linear-gradient(top, #999999, #333333); |
|
4885 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#999999), to(#333333)); |
|
4886 background-image: -webkit-linear-gradient(top, #999999, #333333); |
|
4887 background-image: -o-linear-gradient(top, #999999, #333333); |
|
4888 background-image: linear-gradient(top, #999999, #333333); |
|
4889 background-repeat: repeat-x; |
|
4890 filter: progid:dximagetransform.microsoft.gradient(startColorstr='#999999', endColorstr='#333333', GradientType=0); |
|
4891 } |
|
4892 .progress_bar_over.bar { |
|
4893 background-color: #dd514c; |
|
4894 background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35); |
|
4895 background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35); |
|
4896 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35)); |
|
4897 background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35); |
|
4898 background-image: -o-linear-gradient(top, #ee5f5b, #c43c35); |
|
4899 background-image: linear-gradient(top, #ee5f5b, #c43c35); |
|
4900 background-repeat: repeat-x; |
|
4901 filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0); |
|
4902 } |
|
4903 .split_five div.control-group input[type="text"], |
|
4904 .split_five div.control-group select { |
|
4905 width: 120px; |
|
4906 } |
|
4907 .warning { |
|
4908 background-color: #f2dede; |
|
4909 border-bottom: 1px solid #9d261d; |
|
4910 padding: 5px 10px; |
|
4911 } |
|
4912 .warning .warning-text { |
|
4913 text-align: center; |
|
4914 } |
|
4915 .warning .warning-text h3, |
|
4916 .warning .warning-text a { |
|
4917 display: inline-block; |
|
4918 } |
|
4919 .warning .warning-text h3 { |
|
4920 vertical-align: bottom; |
|
4921 } |
|
4922 #admin_warning_detail ul { |
|
4923 list-style: circle; |
|
4924 padding-left: 20px; |
|
4925 margin-bottom: 10px; |
|
4926 } |
|
4927 .no_split { |
|
4928 margin-top: -60px; |
|
4929 } |
|
4930 /* Project Membership UI */ |
|
4931 .project_membership { |
|
4932 min-height: 200px; |
|
4933 /* Buttons */ |
|
4934 |
|
4935 /* Header */ |
|
4936 |
|
4937 /* 'Fake table' body */ |
|
4938 |
|
4939 /* User lists */ |
|
4940 |
|
4941 /* List filtering */ |
|
4942 |
|
4943 /* Role dropdown menus */ |
|
4944 |
|
4945 } |
|
4946 .project_membership .btn-group { |
|
4947 margin-left: 0px; |
|
4948 padding: 2px 10px 0 0; |
|
4949 margin-bottom: 0px; |
|
4950 border: 1px solid #DDD; |
|
4951 border-bottom: none; |
|
4952 } |
|
4953 .project_membership .btn-group .active { |
|
4954 float: right; |
|
4955 } |
|
4956 .project_membership a.btn-primary:hover { |
|
4957 background-color: #04C; |
|
4958 } |
|
4959 .project_membership .help_text { |
|
4960 margin-left: 15px; |
|
4961 margin-bottom: 15px; |
|
4962 } |
|
4963 .project_membership .users_title { |
|
4964 color: #555; |
|
4965 font-weight: bold; |
|
4966 padding-left: 10px; |
|
4967 float: left; |
|
4968 } |
|
4969 .project_membership input { |
|
4970 background: url('../../dashboard/img/search.png?781fb162b111') no-repeat 105px 5px whiteSmoke; |
|
4971 } |
|
4972 .project_membership .fake_table_header { |
|
4973 background-color: #F1F1F1; |
|
4974 width: 306px; |
|
4975 height: 38px; |
|
4976 padding-top: 15px; |
|
4977 border: 1px solid #DDD; |
|
4978 border-bottom: none; |
|
4979 } |
|
4980 .project_membership .fake_table { |
|
4981 margin-left: 5px; |
|
4982 width: 315px; |
|
4983 } |
|
4984 .project_membership .fake_table ul.no_results { |
|
4985 width: 298px; |
|
4986 } |
|
4987 .project_membership .fake_table ul.btn-group:hover { |
|
4988 background-color: #DDD; |
|
4989 } |
|
4990 .project_membership .left .fake_table_header { |
|
4991 width: 318px; |
|
4992 } |
|
4993 .project_membership .right .fake_table_header { |
|
4994 width: 318px; |
|
4995 margin-left: -15px; |
|
4996 } |
|
4997 .project_membership .right .fake_table ul.no_results { |
|
4998 margin-left: -20px; |
|
4999 } |
|
5000 .project_membership .member { |
|
5001 padding: 10px; |
|
5002 text-align: left; |
|
5003 } |
|
5004 .project_membership .project_members { |
|
5005 margin-left: -20px; |
|
5006 } |
|
5007 .project_membership .project_members ul.btn-group, |
|
5008 .project_membership .available_users ul.btn-group { |
|
5009 width: 308px; |
|
5010 } |
|
5011 .project_membership .dark_stripe { |
|
5012 background-color: #F9F9F9; |
|
5013 } |
|
5014 .project_membership .light_stripe { |
|
5015 background-color: white; |
|
5016 } |
|
5017 .project_membership .last_stripe { |
|
5018 border-bottom: 1px solid #DDD; |
|
5019 } |
|
5020 .project_membership .filter { |
|
5021 width: 120px; |
|
5022 margin: -5px 13px 15px 0px; |
|
5023 float: right; |
|
5024 } |
|
5025 .project_membership .no_results { |
|
5026 border: 1px solid #DDD; |
|
5027 padding: 10px; |
|
5028 color: #08C; |
|
5029 } |
|
5030 .project_membership .role_dropdown li { |
|
5031 cursor: pointer; |
|
5032 background: none; |
|
5033 float: none; |
|
5034 display: block; |
|
5035 padding: 5px 10px; |
|
5036 color: black; |
|
5037 text-align: left; |
|
5038 border-radius: 0; |
|
5039 border: 0 none; |
|
5040 -webkit-box-shadow: none; |
|
5041 -moz-box-shadow: none; |
|
5042 box-shadow: none; |
|
5043 z-index: 99999; |
|
5044 } |
|
5045 .project_membership .role_dropdown li:hover { |
|
5046 background-color: #EBECED; |
|
5047 } |
|
5048 .project_membership .nav .role_options { |
|
5049 float: right; |
|
5050 padding-right: 5px; |
|
5051 } |
|
5052 /* Inline user creation */ |
|
5053 .add_user_btn { |
|
5054 display: inline; |
|
5055 } |
|
5056 #add_user { |
|
5057 clear: both; |
|
5058 } |
|
5059 .add_user { |
|
5060 float: right; |
|
5061 margin-top: 10px; |
|
5062 margin-right: 15px; |
|
5063 } |
|
5064 /* Fixes overflow on dropdowns in modal */ |
|
5065 .dropdown_fix { |
|
5066 overflow: visible; |
|
5067 } |
|
5068 /* Replaces CPU hungry spin.js with animated gif */ |
|
5069 .loading_gif { |
|
5070 width: 35px; |
|
5071 height: 13px; |
|
5072 padding-top: 2px; |
|
5073 padding-right: 5px; |
|
5074 float: left; |
|
5075 } |
|
5076 /* ResourceBrowser style */ |
|
5077 #browser_wrapper { |
|
5078 width: 100%; |
|
5079 min-width: 1000px; |
|
5080 background-color: #eeeeee; |
|
5081 border: 1px solid #dddddd; |
|
5082 -webkit-border-radius: 4px; |
|
5083 -moz-border-radius: 4px; |
|
5084 border-radius: 4px; |
|
5085 } |
|
5086 #browser_wrapper .tfoot { |
|
5087 clear: both; |
|
5088 padding: 8px; |
|
5089 border-top: 1px solid #dddddd; |
|
5090 background-color: #F1F1F1; |
|
5091 font-size: 11px; |
|
5092 line-height: 14px; |
|
5093 } |
|
5094 #browser_wrapper .tfoot span { |
|
5095 display: inline-block; |
|
5096 } |
|
5097 #browser_wrapper .tfoot span.navigation_table_count { |
|
5098 width: 30%; |
|
5099 } |
|
5100 #browser_wrapper form, |
|
5101 #browser_wrapper table { |
|
5102 margin-bottom: 0; |
|
5103 } |
|
5104 #browser_wrapper .navigation_wrapper, |
|
5105 #browser_wrapper .content_wrapper { |
|
5106 position: relative; |
|
5107 float: left; |
|
5108 } |
|
5109 #browser_wrapper div.navigation_wrapper { |
|
5110 z-index: 10; |
|
5111 width: 30%; |
|
5112 } |
|
5113 #browser_wrapper div.navigation_wrapper div.table_wrapper, |
|
5114 #browser_wrapper div.navigation_wrapper thead th.table_header { |
|
5115 border-right: 0 none; |
|
5116 border-top-right-radius: 0; |
|
5117 } |
|
5118 #browser_wrapper div.navigation_wrapper td:first-child { |
|
5119 border-left: 0 none; |
|
5120 } |
|
5121 #browser_wrapper div.navigation_wrapper td.breadcrumb_td { |
|
5122 padding-right: 0px; |
|
5123 max-width: 200px; |
|
5124 } |
|
5125 #browser_wrapper div.navigation_wrapper tr.current_selected td { |
|
5126 background-color: #E9F5FA; |
|
5127 } |
|
5128 #browser_wrapper div.navigation_wrapper tfoot td { |
|
5129 border-right: 0 none; |
|
5130 border-bottom-right-radius: 0; |
|
5131 } |
|
5132 #browser_wrapper div.navigation_wrapper ul.breadcrumb { |
|
5133 padding-right: 0px; |
|
5134 border-top-right-radius: 0px; |
|
5135 border-bottom-right-radius: 0px; |
|
5136 border-right: none; |
|
5137 white-space: nowrap; |
|
5138 } |
|
5139 #browser_wrapper div.navigation_wrapper tbody td { |
|
5140 border-right: 1px solid #dddddd; |
|
5141 background-color: #ffffff; |
|
5142 } |
|
5143 #browser_wrapper div.content_wrapper { |
|
5144 width: 70%; |
|
5145 /* FIXME(Ke Wu): for now there are two breadcrumb tr in both table |
|
5146 * and this one in the content table is hidden. This hack is made to |
|
5147 * fix the alignment of two table, needs a better solution in the |
|
5148 * future. |
|
5149 */ |
|
5150 |
|
5151 } |
|
5152 #browser_wrapper div.content_wrapper div.table_wrapper, |
|
5153 #browser_wrapper div.content_wrapper thead th.table_header { |
|
5154 border-left: 0 none; |
|
5155 border-top-left-radius: 0; |
|
5156 } |
|
5157 #browser_wrapper div.content_wrapper td { |
|
5158 border-bottom: 1px solid #dddddd; |
|
5159 } |
|
5160 #browser_wrapper div.content_wrapper td:last-child { |
|
5161 border-right: 0 none; |
|
5162 } |
|
5163 #browser_wrapper div.content_wrapper td.breadcrumb_td { |
|
5164 padding-left: 0px; |
|
5165 } |
|
5166 #browser_wrapper div.content_wrapper tfoot td { |
|
5167 border-left: 0 none; |
|
5168 border-bottom-left-radius: 0; |
|
5169 } |
|
5170 #browser_wrapper div.content_wrapper ul.breadcrumb { |
|
5171 padding-left: 0px; |
|
5172 border-top-left-radius: 0px; |
|
5173 border-bottom-left-radius: 0px; |
|
5174 border-left: none; |
|
5175 } |
|
5176 #browser_wrapper div.content_wrapper ul.breadcrumb li { |
|
5177 visibility: hidden; |
|
5178 } |
|
5179 #browser_wrapper table { |
|
5180 border-collapse: collapse; |
|
5181 } |
|
5182 #browser_wrapper table thead tr th { |
|
5183 border-bottom: none; |
|
5184 background-color: #eeeeee; |
|
5185 } |
|
5186 #browser_wrapper table tbody tr:last-child td { |
|
5187 border-bottom: 1px solid #ddd; |
|
5188 border-radius: 0; |
|
5189 } |
|
5190 #browser_wrapper table tbody tr.empty td { |
|
5191 height: 28px; |
|
5192 padding: 10px; |
|
5193 } |
|
5194 #browser_wrapper table tbody td.actions_column { |
|
5195 position: static; |
|
5196 } |
|
5197 #browser_wrapper .breadcrumb { |
|
5198 padding: 6px; |
|
5199 margin: 0 0 1px 0; |
|
5200 } |
|
5201 /* Styling for inline object creation buttons */ |
|
5202 .btn-inline { |
|
5203 margin-bottom: 9px; |
|
5204 } |
|
5205 .modal-body fieldset .form-field select[data-add-item-url] { |
|
5206 width: 275px; |
|
5207 margin-right: 2px; |
|
5208 } |
|
5209 |
|
5210 /* Styling for draged network object */ |
|
5211 #networkListSortContainer { |
|
5212 display: none; |
|
5213 } |
|
5214 .networklist { |
|
5215 padding: 6px; |
|
5216 background: #eee; |
|
5217 border: 1px solid #ccc; |
|
5218 min-height: 2em; |
|
5219 width: auto !important; |
|
5220 -webkit-box-sizing: border-box; |
|
5221 -moz-box-sizing: border-box; |
|
5222 box-sizing: border-box; |
|
5223 } |
|
5224 .networklist li { |
|
5225 width: 226px; |
|
5226 list-style-type: none; |
|
5227 margin: 6px auto; |
|
5228 padding: 3px; |
|
5229 background: #fff; |
|
5230 border: 1px solid #aaa; |
|
5231 line-height: 18px; |
|
5232 border-radius: 3px; |
|
5233 cursor: move; |
|
5234 padding-left: 23px; |
|
5235 background: #ffffff url(/static/dashboard/img/drag.png) no-repeat 11px 50%; |
|
5236 } |
|
5237 .networklist li em { |
|
5238 font-size: 0.5em; |
|
5239 line-height: 1em; |
|
5240 color: #999; |
|
5241 font-style: normal; |
|
5242 margin-left: 0.8em; |
|
5243 } |
|
5244 .networklist li i { |
|
5245 margin-right: 5px; |
|
5246 vertical-align: middle; |
|
5247 } |
|
5248 .networklist li a.btn { |
|
5249 -webkit-box-sizing: border-box; |
|
5250 -moz-box-sizing: border-box; |
|
5251 box-sizing: border-box; |
|
5252 font-size: 11px; |
|
5253 line-height: 12px; |
|
5254 padding: 2px 5px 3px; |
|
5255 margin-right: 1px; |
|
5256 width: 18px; |
|
5257 text-align: center; |
|
5258 right: 5px; |
|
5259 vertical-align: middle; |
|
5260 float: right; |
|
5261 } |
|
5262 .networklist li a.btn:before { |
|
5263 content: "+"; |
|
5264 } |
|
5265 .networklist li.ui-sortable-helper { |
|
5266 background-color: #def; |
|
5267 } |
|
5268 .networklist li.ui-state-highlight { |
|
5269 border: 1px dotted #ccc; |
|
5270 background: #efefef; |
|
5271 height: 0.5em; |
|
5272 } |
|
5273 .networklist li:after { |
|
5274 visibility: hidden; |
|
5275 display: block; |
|
5276 font-size: 0; |
|
5277 content: " "; |
|
5278 clear: both; |
|
5279 height: 0; |
|
5280 } |
|
5281 #selected_network { |
|
5282 margin-bottom: 1.5em; |
|
5283 counter-reset: v1 0; |
|
5284 background: #edf9ff; |
|
5285 border: 1px solid #c0d9e4; |
|
5286 } |
|
5287 #selected_network li { |
|
5288 position: relative; |
|
5289 } |
|
5290 #selected_network li a.btn:before { |
|
5291 content: "-"; |
|
5292 } |
|
5293 #selected_network li:before { |
|
5294 content: "nic:" counter(v1); |
|
5295 counter-increment: v1; |
|
5296 display: inline-block; |
|
5297 margin-right: 5px; |
|
5298 background: #666; |
|
5299 color: #fff; |
|
5300 font-size: 90%; |
|
5301 padding: 0px 4px; |
|
5302 vertical-align: middle; |
|
5303 border-radius: 2px; |
|
5304 position: absolute; |
|
5305 left: -2em; |
|
5306 } |
|
5307 #selected_network.dragging li:before { |
|
5308 content: "nic:"; |
|
5309 background-color: rgba(102, 102, 102, 0.5); |
|
5310 padding-right: 10px; |
|
5311 } |
|
5312 #selected_network.dragging li.ui-state-highlight:before { |
|
5313 content: ""; |
|
5314 background: transparent; |
|
5315 } |
|
5316 /* Styling for network topology */ |
|
5317 @-webkit-keyframes progress-bar-stripes { |
|
5318 from { |
|
5319 background-position: 20px 0; |
|
5320 } |
|
5321 to { |
|
5322 background-position: 0 0; |
|
5323 } |
|
5324 } |
|
5325 @-moz-keyframes progress-bar-stripes { |
|
5326 from { |
|
5327 background-position: 20px 0; |
|
5328 } |
|
5329 to { |
|
5330 background-position: 0 0; |
|
5331 } |
|
5332 } |
|
5333 @-ms-keyframes progress-bar-stripes { |
|
5334 from { |
|
5335 background-position: 20px 0; |
|
5336 } |
|
5337 to { |
|
5338 background-position: 0 0; |
|
5339 } |
|
5340 } |
|
5341 @-o-keyframes progress-bar-stripes { |
|
5342 from { |
|
5343 background-position: 0 0; |
|
5344 } |
|
5345 to { |
|
5346 background-position: 20px 0; |
|
5347 } |
|
5348 } |
|
5349 @keyframes progress-bar-stripes { |
|
5350 from { |
|
5351 background-position: 20px 0; |
|
5352 } |
|
5353 to { |
|
5354 background-position: 0 0; |
|
5355 } |
|
5356 } |
|
5357 #topologyCanvas { |
|
5358 -webkit-box-sizing: border-box; |
|
5359 -moz-box-sizing: border-box; |
|
5360 -ms-box-sizing: border-box; |
|
5361 -o-box-sizing: border-box; |
|
5362 box-sizing: border-box; |
|
5363 width: 100%; |
|
5364 height: 500px; |
|
5365 padding: 25px; |
|
5366 padding-left: 50px; |
|
5367 background: #efefef; |
|
5368 } |
|
5369 #topologyCanvas div.nodata { |
|
5370 font-size: 150%; |
|
5371 font-weight: bold; |
|
5372 text-align: center; |
|
5373 padding-top: 200px; |
|
5374 display: none; |
|
5375 } |
|
5376 div.networks { |
|
5377 height: 100%; |
|
5378 } |
|
5379 div.network { |
|
5380 -webkit-box-sizing: border-box; |
|
5381 -moz-box-sizing: border-box; |
|
5382 -ms-box-sizing: border-box; |
|
5383 -o-box-sizing: border-box; |
|
5384 box-sizing: border-box; |
|
5385 float: left; |
|
5386 width: 270px; |
|
5387 height: 100%; |
|
5388 position: relative; |
|
5389 } |
|
5390 div.network .nicname { |
|
5391 -webkit-box-sizing: border-box; |
|
5392 -moz-box-sizing: border-box; |
|
5393 -ms-box-sizing: border-box; |
|
5394 -o-box-sizing: border-box; |
|
5395 box-sizing: border-box; |
|
5396 height: 100%; |
|
5397 width: 17px; |
|
5398 border-radius: 17px; |
|
5399 z-index: 200; |
|
5400 color: #fff; |
|
5401 position: absolute; |
|
5402 left: -8px; |
|
5403 top: 0px; |
|
5404 cursor: pointer; |
|
5405 } |
|
5406 div.network .nicname:hover { |
|
5407 background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)); |
|
5408 background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)); |
|
5409 background-image: -ms-linear-gradient(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)); |
|
5410 background-image: -o-linear-gradient(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)); |
|
5411 background-image: linear-gradient(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)); |
|
5412 background-size: 10px 10px; |
|
5413 } |
|
5414 div.network .nicname.nourl { |
|
5415 cursor: auto; |
|
5416 } |
|
5417 div.network .nicname.nourl:hover { |
|
5418 background-image: none; |
|
5419 } |
|
5420 div.network .nicname h3 { |
|
5421 font-size: 12px; |
|
5422 line-height: 1; |
|
5423 position: relative; |
|
5424 font-weight: normal; |
|
5425 top: 55%; |
|
5426 color: #fff; |
|
5427 left: -1px; |
|
5428 letter-spacing: 0.2em; |
|
5429 -webkit-transform: rotate(-90deg); |
|
5430 -moz-transform: rotate(-90deg); |
|
5431 -ms-transform: rotate(-90deg); |
|
5432 -o-transform: rotate(-90deg); |
|
5433 transform: rotate(-90deg); |
|
5434 white-space: nowrap; |
|
5435 text-shadow: 0px 0px 5px #000; |
|
5436 } |
|
5437 div.network .nicname span.ip { |
|
5438 position: absolute; |
|
5439 bottom: -10px; |
|
5440 left: 20px; |
|
5441 color: #000; |
|
5442 display: block; |
|
5443 font-weight: normal; |
|
5444 font-size: 90%; |
|
5445 letter-spacing: 0.2em; |
|
5446 -webkit-transform: rotate(-90deg); |
|
5447 -moz-transform: rotate(-90deg); |
|
5448 -ms-transform: rotate(-90deg); |
|
5449 -o-transform: rotate(-90deg); |
|
5450 transform: rotate(-90deg); |
|
5451 -webkit-transform-origin: 0% 0%; |
|
5452 -moz-transform-origin: 0% 0%; |
|
5453 -ms-transform-origin: 0% 0%; |
|
5454 -o-transform-origin: 0% 0%; |
|
5455 transform-origin: 0% 0%; |
|
5456 white-space: nowrap; |
|
5457 text-shadow: 0px 0px 2px #fff,0px 0px 2px #fff; |
|
5458 } |
|
5459 div.network .router, |
|
5460 div.network .server, |
|
5461 div.network .device { |
|
5462 -webkit-box-sizing: border-box; |
|
5463 -moz-box-sizing: border-box; |
|
5464 -ms-box-sizing: border-box; |
|
5465 -o-box-sizing: border-box; |
|
5466 box-sizing: border-box; |
|
5467 cursor: pointer; |
|
5468 width: 90px; |
|
5469 border: 3px solid #444; |
|
5470 position: absolute; |
|
5471 top: 30px; |
|
5472 left: 90px; |
|
5473 color: #fff; |
|
5474 padding: 0 3px; |
|
5475 background: #666; |
|
5476 margin-bottom: 20px; |
|
5477 border-radius: 8px; |
|
5478 } |
|
5479 div.network .router:before, |
|
5480 div.network .server:before, |
|
5481 div.network .device:before { |
|
5482 content: ""; |
|
5483 width: 20px; |
|
5484 height: 20px; |
|
5485 border: 2px solid #444; |
|
5486 line-height: 1.2; |
|
5487 position: absolute; |
|
5488 border-radius: 20px; |
|
5489 top: -10px; |
|
5490 left: -10px; |
|
5491 background: #ffffff url(/static/dashboard/img/router.png) no-repeat center center; |
|
5492 background-size: 16px 16px; |
|
5493 } |
|
5494 div.network .router:after, |
|
5495 div.network .server:after, |
|
5496 div.network .device:after { |
|
5497 content: ""; |
|
5498 width: 100%; |
|
5499 line-height: 1.2; |
|
5500 position: absolute; |
|
5501 text-align: center; |
|
5502 border-radius: 0; |
|
5503 background: #444; |
|
5504 color: #fff; |
|
5505 font-size: 11px; |
|
5506 height: 1.5em; |
|
5507 bottom: 0px; |
|
5508 left: 0px; |
|
5509 } |
|
5510 div.network .router span.devicename, |
|
5511 div.network .server span.devicename, |
|
5512 div.network .device span.devicename { |
|
5513 position: absolute; |
|
5514 color: #fff; |
|
5515 bottom: 0px; |
|
5516 font-size: 12px; |
|
5517 line-height: 14px; |
|
5518 width: 100%; |
|
5519 text-align: center; |
|
5520 z-index: 300; |
|
5521 left: -2px; |
|
5522 } |
|
5523 div.network .router span.name, |
|
5524 div.network .server span.name, |
|
5525 div.network .device span.name { |
|
5526 overflow: hidden; |
|
5527 white-space: nowrap; |
|
5528 text-overflow: ellipsis; |
|
5529 display: block; |
|
5530 font-size: 12px; |
|
5531 position: relative; |
|
5532 z-index: 10; |
|
5533 text-align: center; |
|
5534 top: 4px; |
|
5535 padding: 0 3px; |
|
5536 } |
|
5537 div.network .router div.port, |
|
5538 div.network .server div.port, |
|
5539 div.network .device div.port { |
|
5540 text-align: right; |
|
5541 min-width: 90px; |
|
5542 height: 10px; |
|
5543 font: 0px/0px sans-serif; |
|
5544 position: absolute; |
|
5545 left: -91px; |
|
5546 top: 8px; |
|
5547 background-color: #37a9e3; |
|
5548 background-image: none; |
|
5549 -webkit-background-size: 20px 20px; |
|
5550 -moz-background-size: 20px 20px; |
|
5551 -o-background-size: 20px 20px; |
|
5552 background-size: 20px 20px; |
|
5553 z-index: 100; |
|
5554 } |
|
5555 div.network .router div.port span.ip, |
|
5556 div.network .server div.port span.ip, |
|
5557 div.network .device div.port span.ip { |
|
5558 -webkit-box-sizing: border-box; |
|
5559 -moz-box-sizing: border-box; |
|
5560 -ms-box-sizing: border-box; |
|
5561 -o-box-sizing: border-box; |
|
5562 box-sizing: border-box; |
|
5563 color: #333; |
|
5564 font-size: 9px; |
|
5565 line-height: 1; |
|
5566 text-shadow: 0px -1px #ffffff; |
|
5567 position: relative; |
|
5568 top: -1em; |
|
5569 width: 90px; |
|
5570 display: inline-block; |
|
5571 padding-right: 8px; |
|
5572 padding-left: 8px; |
|
5573 word-wrap: break-word; |
|
5574 word-break: break-all; |
|
5575 } |
|
5576 div.network .router div.port.right, |
|
5577 div.network .server div.port.right, |
|
5578 div.network .device div.port.right { |
|
5579 left: auto; |
|
5580 right: -92px; |
|
5581 width: 92px; |
|
5582 text-align: left; |
|
5583 } |
|
5584 div.network .router:hover, |
|
5585 div.network .server:hover, |
|
5586 div.network .device:hover { |
|
5587 border-color: #222; |
|
5588 } |
|
5589 div.network .router:hover div.port, |
|
5590 div.network .server:hover div.port, |
|
5591 div.network .device:hover div.port { |
|
5592 cursor: pointer; |
|
5593 background-color: #2688c0; |
|
5594 -webkit-animation: progress-bar-stripes 1s linear infinite; |
|
5595 -moz-animation: progress-bar-stripes 1s linear infinite; |
|
5596 -ms-animation: progress-bar-stripes 1s linear infinite; |
|
5597 -o-animation: progress-bar-stripes 1s linear infinite; |
|
5598 animation: progress-bar-stripes 1s linear infinite; |
|
5599 } |
|
5600 div.network .router:hover div.port:hover, |
|
5601 div.network .server:hover div.port:hover, |
|
5602 div.network .device:hover div.port:hover { |
|
5603 -webkit-animation: progress-bar-stripes 0.3s linear infinite; |
|
5604 -moz-animation: progress-bar-stripes 0.3s linear infinite; |
|
5605 -ms-animation: progress-bar-stripes 0.3s linear infinite; |
|
5606 -o-animation: progress-bar-stripes 0.3s linear infinite; |
|
5607 animation: progress-bar-stripes 0.3s linear infinite; |
|
5608 } |
|
5609 div.network .router:hover div.port.nourl, |
|
5610 div.network .server:hover div.port.nourl, |
|
5611 div.network .device:hover div.port.nourl { |
|
5612 cursor: auto; |
|
5613 background-image: none; |
|
5614 } |
|
5615 div.network .router:hover div.port.nourl:hover, |
|
5616 div.network .server:hover div.port.nourl:hover, |
|
5617 div.network .device:hover div.port.nourl:hover { |
|
5618 background-image: none; |
|
5619 } |
|
5620 div.network .router:hover:after, |
|
5621 div.network .server:hover:after, |
|
5622 div.network .device:hover:after { |
|
5623 background-color: #222; |
|
5624 border-color: #222; |
|
5625 } |
|
5626 div.network .device { |
|
5627 border: none; |
|
5628 background: transparent; |
|
5629 } |
|
5630 div.network .server { |
|
5631 background: #fff; |
|
5632 color: #333; |
|
5633 } |
|
5634 div.network .server:before { |
|
5635 background: #ffffff url(/static/dashboard/img/server.png) no-repeat center center; |
|
5636 background-size: 14px 14px; |
|
5637 } |
|
5638 .launchButtons { |
|
5639 text-align: right; |
|
5640 margin: 10px 0px 15px 10px; |
|
5641 } |
|
5642 .launchButtons a.btn { |
|
5643 margin-left: 10px; |
|
5644 } |
|
5645 |
|
5646 html { height: 100%; } |
|
5647 |
|
5648 body { |
|
5649 background: #fff; |
|
5650 color: #333; |
|
5651 font-family: Arial, Helvetica, sans-serif |
|
5652 font-size: 16px; |
|
5653 height: 100%; |
|
5654 } |
|
5655 |
|
5656 .warning { |
|
5657 background-color: #eca918; |
|
5658 border-bottom: 1px solid #8d6817; |
|
5659 -moz-box-shadow: 0 5px 10px 1px #000; |
|
5660 -webkit-box-shadow: 0 5px 10px 1px #000; |
|
5661 box-shadow: 0 5px 10px 1px #d12a03; |
|
5662 display: block; |
|
5663 z-index: 999; |
|
5664 position: relative; |
|
5665 } |
|
5666 |
|
5667 .warning h3 { |
|
5668 background-color: #eca918; |
|
5669 color: #624a16; |
|
5670 } |
|
5671 |
|
5672 #container { |
|
5673 height: 100%; |
|
5674 overflow-x: hidden; |
|
5675 } |
|
5676 |
|
5677 /* topbar */ |
|
5678 .topbar { |
|
5679 background: url('../img/Openstack_banner.png') repeat-x; |
|
5680 background-position: bottom; |
|
5681 border-bottom: 0; |
|
5682 color: #fff; |
|
5683 padding: 0 20px 0 245px; |
|
5684 position: relative; |
|
5685 left: -221px; |
|
5686 width: 100%; |
|
5687 height: 79px; |
|
5688 } |
|
5689 |
|
5690 .page-header { |
|
5691 font-family: Arial, Helvetica, sans-serif; } |
|
5692 |
|
5693 .page-header h2 { |
|
5694 color: #333; |
|
5695 font-size: 18px; |
|
5696 line-height: 14px; |
|
5697 font-weight: bold; |
|
5698 margin-left: 0px; |
|
5699 margin-right: -30px; |
|
5700 margin: 0px -30px 0px 0px; |
|
5701 padding: 0px; |
|
5702 position: relative; |
|
5703 top: 107px; |
|
5704 } |
|
5705 |
|
5706 #user_info, #user_info a { |
|
5707 color: #000000; |
|
5708 } |
|
5709 |
|
5710 /* logo */ |
|
5711 h1.brand { |
|
5712 background: none; |
|
5713 color: #fff; |
|
5714 position: absolute; |
|
5715 z-index: 999; |
|
5716 padding: 0; |
|
5717 } |
|
5718 |
|
5719 h1.brand a { |
|
5720 background: url('../img/OracleSolaris_Logo.png') top left no-repeat; |
|
5721 color: #F5F5F5; |
|
5722 margin-bottom: 0; |
|
5723 margin-left: 20px; |
|
5724 margin-top: 18px; |
|
5725 padding-left: 115px; |
|
5726 width: 480px; |
|
5727 font-family: Arial, Helvetica, sans-serif; |
|
5728 font-size: 19px; |
|
5729 line-height: 35px; |
|
5730 font-weight: 400; |
|
5731 } |
|
5732 |
|
5733 h1.brand a:before { |
|
5734 content: url('../img/OpenStack_Dashboard_txt.png'); |
|
5735 position: relative; |
|
5736 top: 3px; |
|
5737 } |
|
5738 |
|
5739 /* |
|
5740 h1.brand a:before { |
|
5741 content: "OpenStack"; |
|
5742 font-weight: bold; |
|
5743 font-size: 19px; |
|
5744 color: #454545; |
|
5745 position: relative; |
|
5746 left: 0px; |
|
5747 top: 0px; |
|
5748 background: #F5F5F5; |
|
5749 } |
|
5750 |
|
5751 h1.brand a:after { |
|
5752 content: "Dashboard"; |
|
5753 font-weight: regular; |
|
5754 font-size: 19px; |
|
5755 color: #454545; |
|
5756 position: relative; |
|
5757 left: -190px; |
|
5758 top: 0px; |
|
5759 background: #F5F5F5; |
|
5760 }*/ |
|
5761 |
|
5762 h1.brand a:hover, #user_info a:hover { |
|
5763 text-decoration: none; |
|
5764 } |
|
5765 |
|
5766 /* user info */ |
|
5767 #user_info { |
|
5768 padding: 0px; |
|
5769 margin-top: 18px; |
|
5770 margin-right: 0px; |
|
5771 padding: 9px 0px; |
|
5772 } |
|
5773 |
|
5774 #user_info, #user_info a { |
|
5775 font-size: 12px; |
|
5776 font-weight: bold; |
|
5777 font-family: Arial, Helvetica, sans-serif; |
|
5778 } |
|
5779 |
|
5780 |
|
5781 /* main nav (in sidebar) */ |
|
5782 .main_nav li { |
|
5783 position: relative; |
|
5784 } |
|
5785 |
|
5786 .main_nav a { |
|
5787 border-left: 0; |
|
5788 border-right: 0; |
|
5789 color: #005D9D; |
|
5790 margin-left: 0; |
|
5791 padding: 0 0 0 37px; |
|
5792 width: 189px; |
|
5793 float: left; |
|
5794 position: relative; |
|
5795 line-height: 36px; |
|
5796 border: 1px solid #EBECED; |
|
5797 border-width: 1px 0; |
|
5798 } |
|
5799 |
|
5800 .main_nav a:hover { |
|
5801 background: #fbfbfb; |
|
5802 color: #005D9D; |
|
5803 border: 1px solid #fbfbfb; |
|
5804 border-width: 1px 0; |
|
5805 text-decoration: none; |
|
5806 } |
|
5807 |
|
5808 .main_nav li a.active { |
|
5809 border-color: #C4CED8; |
|
5810 font-weight: bold; |
|
5811 border-width: 1px 0 1px 0; |
|
5812 color: #005D9D; |
|
5813 width: 190px; |
|
5814 z-index: 3; |
|
5815 } |
|
5816 |
|
5817 .main_nav a.active:hover { |
|
5818 background: #FFFFFF; |
|
5819 color: #005D9D; |
|
5820 text-decoration: none; |
|
5821 } |
|
5822 |
|
5823 #main_content .nav-tabs li a:hover { |
|
5824 background: #FFFFFF; |
|
5825 border-bottom: 1px solid #D5DFE6; |
|
5826 border-top: 1px solid #FFFFFF; |
|
5827 } |
|
5828 |
|
5829 #main_content .nav-tabs li.active a:hover { |
|
5830 background: #FFFFFF; |
|
5831 border: 1px solid #C4CED8; |
|
5832 border-bottom: 1px solid #FFFFFF; |
|
5833 border-top: 1px solid #FFFFFF; |
|
5834 background: url(../img/content_tab_bkgd_selected.png) repeat-x; |
|
5835 } |
|
5836 |
|
5837 /* sidebar */ |
|
5838 .sidebar { |
|
5839 background: #ebeced; |
|
5840 border: 1px solid #C4CED8; |
|
5841 border-width: 0 1px 0 0; |
|
5842 min-height: 100%; |
|
5843 width: 226px; |
|
5844 position: relative; |
|
5845 } |
|
5846 |
|
5847 .sidebar h4 { |
|
5848 margin-left: 23px; |
|
5849 color: #000000; |
|
5850 vertical-align: top; |
|
5851 } |
|
5852 |
|
5853 .sidebar a { font-size: 14px; } |
|
5854 |
|
5855 .sidebar .nav-tabs { |
|
5856 background: #f7f7f7; |
|
5857 padding-top: 70px; |
|
5858 margin-top: 0; |
|
5859 margin-bottom: 27px; |
|
5860 } |
|
5861 |
|
5862 .sidebar .nav-tabs li a { |
|
5863 color: #005d9d; |
|
5864 border-bottom-color: #c4ced8; |
|
5865 background: url(../img/tab_bkgd_deselected.png) repeat-x; |
|
5866 font-size: 13px; |
|
5867 font-family: Arial, Helvetica, sans-serif; |
|
5868 } |
|
5869 |
|
5870 .sidebar .nav-tabs li a:hover { |
|
5871 background: url(../img/tab_bkgd_deselected.png) repeat-x; |
|
5872 border-bottom-color: #c4ced8; |
|
5873 color: #333; |
|
5874 } |
|
5875 |
|
5876 .sidebar .nav-tabs li.active a { |
|
5877 background: #ebeced url(../img/tab_bkgd_selected.png) repeat-x; |
|
5878 border: 1px solid #C4CED8; |
|
5879 border-color: #c4ced8; |
|
5880 border-bottom: 1px solid #ebeced; |
|
5881 border-top: 0px solid #ebeced; |
|
5882 border-right: 0px solid #ebeced; |
|
5883 color: #555555; |
|
5884 font-size: 13px; |
|
5885 font-family: Arial, Helvetica, sans-serif; |
|
5886 font-weight: bold; |
|
5887 width: 113px; |
|
5888 } |
|
5889 |
|
5890 .sidebar .nav-tabs li.active a:hover { |
|
5891 border-color: #c4ced8; |
|
5892 border-bottom-color: #ebeced; |
|
5893 } |
|
5894 |
|
5895 .sidebar .switcher_bar h4 { |
|
5896 margin: 0px; |
|
5897 } |
|
5898 |
|
5899 /* main content */ |
|
5900 |
|
5901 /* tables */ |
|
5902 .table tbody tr td, |
|
5903 .table tbody tr th { |
|
5904 -moz-transition-duration: .5s; |
|
5905 -webkit-transition-duration: .5s; |
|
5906 transition-duration: .5s; |
|
5907 } |
|
5908 |
|
5909 .table_header h3 { |
|
5910 font-family: Arial, Helvetica, sans-serif; |
|
5911 margin-left: -10px; |
|
5912 } |
|
5913 |
|
5914 h3.table_title { |
|
5915 position: absolute; |
|
5916 left: -999em; |
|
5917 } |
|
5918 |
|
5919 table th { |
|
5920 font-size: 14px; |
|
5921 font-weight: 500; |
|
5922 color: #444; |
|
5923 } |
|
5924 |
|
5925 .table_actions { margin-right: -7px; } |
|
5926 |
|
5927 .table tfoot tr td { |
|
5928 background-color: #F9F9F9; |
|
5929 } |
|
5930 |
|
5931 /* static pages */ |
|
5932 .static_page, .quota-dynamic { margin-top: 80px; } |
|
5933 |
|
5934 .static_page, .quota-dynamic h3 { margin-bottom: 20px; } |
|
5935 |
|
5936 .static_page, .quota-dynamic .progress_bar { |
|
5937 max-width: 50%; |
|
5938 margin-top: 10px; |
|
5939 } |
|
5940 |
|
5941 .static_page, .quota-dynamic, .table_wrapper, .usage_info_wrapper, .tab-content { |
|
5942 background: #fff; |
|
5943 background: rgba(255, 255, 255, 0.70); |
|
5944 margin: 30px 0px 0px 0px |
|
5945 } |
|
5946 |
|
5947 #volumes, #volume-types { |
|
5948 position: relative; |
|
5949 top: -8px; |
|
5950 } |
|
5951 |
|
5952 td.normal_column, td.actions_column { |
|
5953 font-size: 12px; |
|
5954 color:#000000; |
|
5955 border-left: 1px solid #EEEEEE; |
|
5956 } |
|
5957 |