1 | /*! |
---|
2 | * Bootstrap v1.4.0 |
---|
3 | * |
---|
4 | * Copyright 2011 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 | * Date: Sat Nov 12 01:04:51 PST 2011 |
---|
10 | */ |
---|
11 | /* Reset.less |
---|
12 | * Props to Eric Meyer (meyerweb.com) for his CSS reset file. We're using an adapted version here that cuts out some of the reset HTML elements we will never need here (i.e., dfn, samp, etc). |
---|
13 | * ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ |
---|
14 | html, body { |
---|
15 | margin: 0; |
---|
16 | padding: 0; |
---|
17 | } |
---|
18 | h1, |
---|
19 | h2, |
---|
20 | h3, |
---|
21 | h4, |
---|
22 | h5, |
---|
23 | h6, |
---|
24 | p, |
---|
25 | blockquote, |
---|
26 | pre, |
---|
27 | a, |
---|
28 | abbr, |
---|
29 | acronym, |
---|
30 | address, |
---|
31 | cite, |
---|
32 | code, |
---|
33 | del, |
---|
34 | dfn, |
---|
35 | em, |
---|
36 | img, |
---|
37 | q, |
---|
38 | s, |
---|
39 | samp, |
---|
40 | small, |
---|
41 | strike, |
---|
42 | strong, |
---|
43 | sub, |
---|
44 | sup, |
---|
45 | tt, |
---|
46 | var, |
---|
47 | dd, |
---|
48 | dl, |
---|
49 | dt, |
---|
50 | li, |
---|
51 | ol, |
---|
52 | ul, |
---|
53 | fieldset, |
---|
54 | form, |
---|
55 | label, |
---|
56 | legend, |
---|
57 | button, |
---|
58 | table, |
---|
59 | caption, |
---|
60 | tbody, |
---|
61 | tfoot, |
---|
62 | thead, |
---|
63 | tr, |
---|
64 | th, |
---|
65 | td { |
---|
66 | margin: 0; |
---|
67 | padding: 0; |
---|
68 | border: 0; |
---|
69 | font-weight: normal; |
---|
70 | font-style: normal; |
---|
71 | font-size: 100%; |
---|
72 | line-height: 1; |
---|
73 | font-family: inherit; |
---|
74 | } |
---|
75 | table { |
---|
76 | border-collapse: collapse; |
---|
77 | border-spacing: 0; |
---|
78 | } |
---|
79 | ol, ul { |
---|
80 | list-style: none; |
---|
81 | } |
---|
82 | q:before, |
---|
83 | q:after, |
---|
84 | blockquote:before, |
---|
85 | blockquote:after { |
---|
86 | content: ""; |
---|
87 | } |
---|
88 | html { |
---|
89 | overflow-y: scroll; |
---|
90 | font-size: 100%; |
---|
91 | -webkit-text-size-adjust: 100%; |
---|
92 | -ms-text-size-adjust: 100%; |
---|
93 | } |
---|
94 | a:focus { |
---|
95 | outline: thin dotted; |
---|
96 | } |
---|
97 | a:hover, a:active { |
---|
98 | outline: 0; |
---|
99 | } |
---|
100 | article, |
---|
101 | aside, |
---|
102 | details, |
---|
103 | figcaption, |
---|
104 | figure, |
---|
105 | footer, |
---|
106 | header, |
---|
107 | hgroup, |
---|
108 | nav, |
---|
109 | section { |
---|
110 | display: block; |
---|
111 | } |
---|
112 | audio, canvas, video { |
---|
113 | display: inline-block; |
---|
114 | *display: inline; |
---|
115 | *zoom: 1; |
---|
116 | } |
---|
117 | audio:not([controls]) { |
---|
118 | display: none; |
---|
119 | } |
---|
120 | sub, sup { |
---|
121 | font-size: 75%; |
---|
122 | line-height: 0; |
---|
123 | position: relative; |
---|
124 | vertical-align: baseline; |
---|
125 | } |
---|
126 | sup { |
---|
127 | top: -0.5em; |
---|
128 | } |
---|
129 | sub { |
---|
130 | bottom: -0.25em; |
---|
131 | } |
---|
132 | img { |
---|
133 | border: 0; |
---|
134 | -ms-interpolation-mode: bicubic; |
---|
135 | } |
---|
136 | button, |
---|
137 | input, |
---|
138 | select, |
---|
139 | textarea { |
---|
140 | font-size: 100%; |
---|
141 | margin: 0; |
---|
142 | vertical-align: baseline; |
---|
143 | *vertical-align: middle; |
---|
144 | } |
---|
145 | button, input { |
---|
146 | line-height: normal; |
---|
147 | *overflow: visible; |
---|
148 | } |
---|
149 | button::-moz-focus-inner, input::-moz-focus-inner { |
---|
150 | border: 0; |
---|
151 | padding: 0; |
---|
152 | } |
---|
153 | button, |
---|
154 | input[type="button"], |
---|
155 | input[type="reset"], |
---|
156 | input[type="submit"] { |
---|
157 | cursor: pointer; |
---|
158 | -webkit-appearance: button; |
---|
159 | } |
---|
160 | input[type="search"] { |
---|
161 | -webkit-appearance: textfield; |
---|
162 | -webkit-box-sizing: content-box; |
---|
163 | -moz-box-sizing: content-box; |
---|
164 | box-sizing: content-box; |
---|
165 | } |
---|
166 | input[type="search"]::-webkit-search-decoration { |
---|
167 | -webkit-appearance: none; |
---|
168 | } |
---|
169 | textarea { |
---|
170 | overflow: auto; |
---|
171 | vertical-align: top; |
---|
172 | } |
---|
173 | /* Variables.less |
---|
174 | * Variables to customize the look and feel of Bootstrap |
---|
175 | * ----------------------------------------------------- */ |
---|
176 | /* Mixins.less |
---|
177 | * Snippets of reusable CSS to develop faster and keep code readable |
---|
178 | * ----------------------------------------------------------------- */ |
---|
179 | /* |
---|
180 | * Scaffolding |
---|
181 | * Basic and global styles for generating a grid system, structural layout, and page templates |
---|
182 | * ------------------------------------------------------------------------------------------- */ |
---|
183 | body { |
---|
184 | background-color: #ffffff; |
---|
185 | margin: 0; |
---|
186 | font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; |
---|
187 | font-size: 13px; |
---|
188 | font-weight: normal; |
---|
189 | line-height: 18px; |
---|
190 | color: #404040; |
---|
191 | } |
---|
192 | .container { |
---|
193 | width: 940px; |
---|
194 | margin-left: auto; |
---|
195 | margin-right: auto; |
---|
196 | zoom: 1; |
---|
197 | } |
---|
198 | .container:before, .container:after { |
---|
199 | display: table; |
---|
200 | content: ""; |
---|
201 | zoom: 1; |
---|
202 | } |
---|
203 | .container:after { |
---|
204 | clear: both; |
---|
205 | } |
---|
206 | .container-fluid { |
---|
207 | position: relative; |
---|
208 | min-width: 940px; |
---|
209 | padding-left: 20px; |
---|
210 | padding-right: 20px; |
---|
211 | zoom: 1; |
---|
212 | } |
---|
213 | .container-fluid:before, .container-fluid:after { |
---|
214 | display: table; |
---|
215 | content: ""; |
---|
216 | zoom: 1; |
---|
217 | } |
---|
218 | .container-fluid:after { |
---|
219 | clear: both; |
---|
220 | } |
---|
221 | .container-fluid > .sidebar { |
---|
222 | position: absolute; |
---|
223 | top: 0; |
---|
224 | left: 20px; |
---|
225 | width: 220px; |
---|
226 | } |
---|
227 | .container-fluid > .content { |
---|
228 | margin-left: 240px; |
---|
229 | } |
---|
230 | a { |
---|
231 | color: #0069d6; |
---|
232 | text-decoration: none; |
---|
233 | line-height: inherit; |
---|
234 | font-weight: inherit; |
---|
235 | } |
---|
236 | a:hover { |
---|
237 | color: #00438a; |
---|
238 | text-decoration: underline; |
---|
239 | } |
---|
240 | .pull-right { |
---|
241 | float: right; |
---|
242 | } |
---|
243 | .pull-left { |
---|
244 | float: left; |
---|
245 | } |
---|
246 | .hide { |
---|
247 | display: none; |
---|
248 | } |
---|
249 | .show { |
---|
250 | display: block; |
---|
251 | } |
---|
252 | .row { |
---|
253 | zoom: 1; |
---|
254 | margin-left: -20px; |
---|
255 | } |
---|
256 | .row:before, .row:after { |
---|
257 | display: table; |
---|
258 | content: ""; |
---|
259 | zoom: 1; |
---|
260 | } |
---|
261 | .row:after { |
---|
262 | clear: both; |
---|
263 | } |
---|
264 | .row > [class*="span"] { |
---|
265 | display: inline; |
---|
266 | float: left; |
---|
267 | margin-left: 20px; |
---|
268 | } |
---|
269 | .span1 { |
---|
270 | width: 40px; |
---|
271 | } |
---|
272 | .span2 { |
---|
273 | width: 100px; |
---|
274 | } |
---|
275 | .span3 { |
---|
276 | width: 160px; |
---|
277 | } |
---|
278 | .span4 { |
---|
279 | width: 220px; |
---|
280 | } |
---|
281 | .span5 { |
---|
282 | width: 280px; |
---|
283 | } |
---|
284 | .span6 { |
---|
285 | width: 340px; |
---|
286 | } |
---|
287 | .span7 { |
---|
288 | width: 400px; |
---|
289 | } |
---|
290 | .span8 { |
---|
291 | width: 460px; |
---|
292 | } |
---|
293 | .span9 { |
---|
294 | width: 520px; |
---|
295 | } |
---|
296 | .span10 { |
---|
297 | width: 580px; |
---|
298 | } |
---|
299 | .span11 { |
---|
300 | width: 640px; |
---|
301 | } |
---|
302 | .span12 { |
---|
303 | width: 700px; |
---|
304 | } |
---|
305 | .span13 { |
---|
306 | width: 760px; |
---|
307 | } |
---|
308 | .span14 { |
---|
309 | width: 820px; |
---|
310 | } |
---|
311 | .span15 { |
---|
312 | width: 880px; |
---|
313 | } |
---|
314 | .span16 { |
---|
315 | width: 940px; |
---|
316 | } |
---|
317 | .span17 { |
---|
318 | width: 1000px; |
---|
319 | } |
---|
320 | .span18 { |
---|
321 | width: 1060px; |
---|
322 | } |
---|
323 | .span19 { |
---|
324 | width: 1120px; |
---|
325 | } |
---|
326 | .span20 { |
---|
327 | width: 1180px; |
---|
328 | } |
---|
329 | .span21 { |
---|
330 | width: 1240px; |
---|
331 | } |
---|
332 | .span22 { |
---|
333 | width: 1300px; |
---|
334 | } |
---|
335 | .span23 { |
---|
336 | width: 1360px; |
---|
337 | } |
---|
338 | .span24 { |
---|
339 | width: 1420px; |
---|
340 | } |
---|
341 | .row > .offset1 { |
---|
342 | margin-left: 80px; |
---|
343 | } |
---|
344 | .row > .offset2 { |
---|
345 | margin-left: 140px; |
---|
346 | } |
---|
347 | .row > .offset3 { |
---|
348 | margin-left: 200px; |
---|
349 | } |
---|
350 | .row > .offset4 { |
---|
351 | margin-left: 260px; |
---|
352 | } |
---|
353 | .row > .offset5 { |
---|
354 | margin-left: 320px; |
---|
355 | } |
---|
356 | .row > .offset6 { |
---|
357 | margin-left: 380px; |
---|
358 | } |
---|
359 | .row > .offset7 { |
---|
360 | margin-left: 440px; |
---|
361 | } |
---|
362 | .row > .offset8 { |
---|
363 | margin-left: 500px; |
---|
364 | } |
---|
365 | .row > .offset9 { |
---|
366 | margin-left: 560px; |
---|
367 | } |
---|
368 | .row > .offset10 { |
---|
369 | margin-left: 620px; |
---|
370 | } |
---|
371 | .row > .offset11 { |
---|
372 | margin-left: 680px; |
---|
373 | } |
---|
374 | .row > .offset12 { |
---|
375 | margin-left: 740px; |
---|
376 | } |
---|
377 | .span-one-third { |
---|
378 | width: 300px; |
---|
379 | } |
---|
380 | .span-two-thirds { |
---|
381 | width: 620px; |
---|
382 | } |
---|
383 | .row > .offset-one-third { |
---|
384 | margin-left: 340px; |
---|
385 | } |
---|
386 | .row > .offset-two-thirds { |
---|
387 | margin-left: 660px; |
---|
388 | } |
---|
389 | /* Typography.less |
---|
390 | * Headings, body text, lists, code, and more for a versatile and durable typography system |
---|
391 | * ---------------------------------------------------------------------------------------- */ |
---|
392 | p { |
---|
393 | font-size: 13px; |
---|
394 | font-weight: normal; |
---|
395 | line-height: 18px; |
---|
396 | margin-bottom: 9px; |
---|
397 | } |
---|
398 | p small { |
---|
399 | font-size: 11px; |
---|
400 | color: #bfbfbf; |
---|
401 | } |
---|
402 | h1, |
---|
403 | h2, |
---|
404 | h3, |
---|
405 | h4, |
---|
406 | h5, |
---|
407 | h6 { |
---|
408 | font-weight: bold; |
---|
409 | color: #404040; |
---|
410 | } |
---|
411 | h1 small, |
---|
412 | h2 small, |
---|
413 | h3 small, |
---|
414 | h4 small, |
---|
415 | h5 small, |
---|
416 | h6 small { |
---|
417 | color: #bfbfbf; |
---|
418 | } |
---|
419 | h1 { |
---|
420 | margin-bottom: 18px; |
---|
421 | font-size: 30px; |
---|
422 | line-height: 36px; |
---|
423 | } |
---|
424 | h1 small { |
---|
425 | font-size: 18px; |
---|
426 | } |
---|
427 | h2 { |
---|
428 | font-size: 24px; |
---|
429 | line-height: 36px; |
---|
430 | } |
---|
431 | h2 small { |
---|
432 | font-size: 14px; |
---|
433 | } |
---|
434 | h3, |
---|
435 | h4, |
---|
436 | h5, |
---|
437 | h6 { |
---|
438 | line-height: 36px; |
---|
439 | } |
---|
440 | h3 { |
---|
441 | font-size: 18px; |
---|
442 | } |
---|
443 | h3 small { |
---|
444 | font-size: 14px; |
---|
445 | } |
---|
446 | h4 { |
---|
447 | font-size: 16px; |
---|
448 | } |
---|
449 | h4 small { |
---|
450 | font-size: 12px; |
---|
451 | } |
---|
452 | h5 { |
---|
453 | font-size: 14px; |
---|
454 | } |
---|
455 | h6 { |
---|
456 | font-size: 13px; |
---|
457 | color: #bfbfbf; |
---|
458 | text-transform: uppercase; |
---|
459 | } |
---|
460 | ul, ol { |
---|
461 | margin: 0 0 18px 25px; |
---|
462 | } |
---|
463 | ul ul, |
---|
464 | ul ol, |
---|
465 | ol ol, |
---|
466 | ol ul { |
---|
467 | margin-bottom: 0; |
---|
468 | } |
---|
469 | ul { |
---|
470 | list-style: disc; |
---|
471 | } |
---|
472 | ol { |
---|
473 | list-style: decimal; |
---|
474 | } |
---|
475 | li { |
---|
476 | line-height: 18px; |
---|
477 | color: #808080; |
---|
478 | } |
---|
479 | ul.unstyled { |
---|
480 | list-style: none; |
---|
481 | margin-left: 0; |
---|
482 | } |
---|
483 | dl { |
---|
484 | margin-bottom: 18px; |
---|
485 | } |
---|
486 | dl dt, dl dd { |
---|
487 | line-height: 18px; |
---|
488 | } |
---|
489 | dl dt { |
---|
490 | font-weight: bold; |
---|
491 | } |
---|
492 | dl dd { |
---|
493 | margin-left: 9px; |
---|
494 | } |
---|
495 | hr { |
---|
496 | margin: 20px 0 19px; |
---|
497 | border: 0; |
---|
498 | border-bottom: 1px solid #eee; |
---|
499 | } |
---|
500 | strong { |
---|
501 | font-style: inherit; |
---|
502 | font-weight: bold; |
---|
503 | } |
---|
504 | em { |
---|
505 | font-style: italic; |
---|
506 | font-weight: inherit; |
---|
507 | line-height: inherit; |
---|
508 | } |
---|
509 | .muted { |
---|
510 | color: #bfbfbf; |
---|
511 | } |
---|
512 | blockquote { |
---|
513 | margin-bottom: 18px; |
---|
514 | border-left: 5px solid #eee; |
---|
515 | padding-left: 15px; |
---|
516 | } |
---|
517 | blockquote p { |
---|
518 | font-size: 14px; |
---|
519 | font-weight: 300; |
---|
520 | line-height: 18px; |
---|
521 | margin-bottom: 0; |
---|
522 | } |
---|
523 | blockquote small { |
---|
524 | display: block; |
---|
525 | font-size: 12px; |
---|
526 | font-weight: 300; |
---|
527 | line-height: 18px; |
---|
528 | color: #bfbfbf; |
---|
529 | } |
---|
530 | blockquote small:before { |
---|
531 | content: '\2014 \00A0'; |
---|
532 | } |
---|
533 | address { |
---|
534 | display: block; |
---|
535 | line-height: 18px; |
---|
536 | margin-bottom: 18px; |
---|
537 | } |
---|
538 | code, pre { |
---|
539 | padding: 0 3px 2px; |
---|
540 | font-family: Monaco, Andale Mono, Courier New, monospace; |
---|
541 | font-size: 12px; |
---|
542 | -webkit-border-radius: 3px; |
---|
543 | -moz-border-radius: 3px; |
---|
544 | border-radius: 3px; |
---|
545 | } |
---|
546 | code { |
---|
547 | background-color: #fee9cc; |
---|
548 | color: rgba(0, 0, 0, 0.75); |
---|
549 | padding: 1px 3px; |
---|
550 | } |
---|
551 | pre { |
---|
552 | background-color: #f5f5f5; |
---|
553 | display: block; |
---|
554 | padding: 8.5px; |
---|
555 | margin: 0 0 18px; |
---|
556 | line-height: 18px; |
---|
557 | font-size: 12px; |
---|
558 | border: 1px solid #ccc; |
---|
559 | border: 1px solid rgba(0, 0, 0, 0.15); |
---|
560 | -webkit-border-radius: 3px; |
---|
561 | -moz-border-radius: 3px; |
---|
562 | border-radius: 3px; |
---|
563 | white-space: pre; |
---|
564 | white-space: pre-wrap; |
---|
565 | word-wrap: break-word; |
---|
566 | } |
---|
567 | /* Forms.less |
---|
568 | * Base styles for various input types, form layouts, and states |
---|
569 | * ------------------------------------------------------------- */ |
---|
570 | form { |
---|
571 | margin-bottom: 18px; |
---|
572 | } |
---|
573 | fieldset { |
---|
574 | margin-bottom: 18px; |
---|
575 | padding-top: 18px; |
---|
576 | } |
---|
577 | fieldset legend { |
---|
578 | display: block; |
---|
579 | padding-left: 150px; |
---|
580 | font-size: 19.5px; |
---|
581 | line-height: 1; |
---|
582 | color: #404040; |
---|
583 | *padding: 0 0 5px 145px; |
---|
584 | /* IE6-7 */ |
---|
585 | |
---|
586 | *line-height: 1.5; |
---|
587 | /* IE6-7 */ |
---|
588 | |
---|
589 | } |
---|
590 | form .clearfix { |
---|
591 | margin-bottom: 18px; |
---|
592 | zoom: 1; |
---|
593 | } |
---|
594 | form .clearfix:before, form .clearfix:after { |
---|
595 | display: table; |
---|
596 | content: ""; |
---|
597 | zoom: 1; |
---|
598 | } |
---|
599 | form .clearfix:after { |
---|
600 | clear: both; |
---|
601 | } |
---|
602 | label, |
---|
603 | input, |
---|
604 | select, |
---|
605 | textarea { |
---|
606 | font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; |
---|
607 | font-size: 13px; |
---|
608 | font-weight: normal; |
---|
609 | line-height: normal; |
---|
610 | } |
---|
611 | label { |
---|
612 | padding-top: 6px; |
---|
613 | font-size: 13px; |
---|
614 | line-height: 18px; |
---|
615 | float: left; |
---|
616 | width: 130px; |
---|
617 | text-align: right; |
---|
618 | color: #404040; |
---|
619 | } |
---|
620 | form .input { |
---|
621 | margin-left: 150px; |
---|
622 | } |
---|
623 | input[type=checkbox], input[type=radio] { |
---|
624 | cursor: pointer; |
---|
625 | } |
---|
626 | input, |
---|
627 | textarea, |
---|
628 | select, |
---|
629 | .uneditable-input { |
---|
630 | display: inline-block; |
---|
631 | width: 210px; |
---|
632 | height: 18px; |
---|
633 | padding: 4px; |
---|
634 | font-size: 13px; |
---|
635 | line-height: 18px; |
---|
636 | color: #808080; |
---|
637 | border: 1px solid #ccc; |
---|
638 | -webkit-border-radius: 3px; |
---|
639 | -moz-border-radius: 3px; |
---|
640 | border-radius: 3px; |
---|
641 | } |
---|
642 | select { |
---|
643 | padding: initial; |
---|
644 | } |
---|
645 | input[type=checkbox], input[type=radio] { |
---|
646 | width: auto; |
---|
647 | height: auto; |
---|
648 | padding: 0; |
---|
649 | margin: 3px 0; |
---|
650 | *margin-top: 0; |
---|
651 | /* IE6-7 */ |
---|
652 | |
---|
653 | line-height: normal; |
---|
654 | border: none; |
---|
655 | } |
---|
656 | input[type=file] { |
---|
657 | background-color: #ffffff; |
---|
658 | padding: initial; |
---|
659 | border: initial; |
---|
660 | line-height: initial; |
---|
661 | -webkit-box-shadow: none; |
---|
662 | -moz-box-shadow: none; |
---|
663 | box-shadow: none; |
---|
664 | } |
---|
665 | input[type=button], input[type=reset], input[type=submit] { |
---|
666 | width: auto; |
---|
667 | height: auto; |
---|
668 | } |
---|
669 | select, input[type=file] { |
---|
670 | height: 27px; |
---|
671 | *height: auto; |
---|
672 | line-height: 27px; |
---|
673 | *margin-top: 4px; |
---|
674 | /* For IE7, add top margin to align select with labels */ |
---|
675 | |
---|
676 | } |
---|
677 | select[multiple] { |
---|
678 | height: inherit; |
---|
679 | background-color: #ffffff; |
---|
680 | } |
---|
681 | textarea { |
---|
682 | height: auto; |
---|
683 | } |
---|
684 | .uneditable-input { |
---|
685 | background-color: #ffffff; |
---|
686 | display: block; |
---|
687 | border-color: #eee; |
---|
688 | -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); |
---|
689 | -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); |
---|
690 | box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); |
---|
691 | cursor: not-allowed; |
---|
692 | } |
---|
693 | :-moz-placeholder { |
---|
694 | color: #bfbfbf; |
---|
695 | } |
---|
696 | ::-webkit-input-placeholder { |
---|
697 | color: #bfbfbf; |
---|
698 | } |
---|
699 | input, textarea { |
---|
700 | -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; |
---|
701 | -moz-transition: border linear 0.2s, box-shadow linear 0.2s; |
---|
702 | -ms-transition: border linear 0.2s, box-shadow linear 0.2s; |
---|
703 | -o-transition: border linear 0.2s, box-shadow linear 0.2s; |
---|
704 | transition: border linear 0.2s, box-shadow linear 0.2s; |
---|
705 | -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); |
---|
706 | -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); |
---|
707 | box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); |
---|
708 | } |
---|
709 | input:focus, textarea:focus { |
---|
710 | outline: 0; |
---|
711 | border-color: rgba(82, 168, 236, 0.8); |
---|
712 | -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6); |
---|
713 | -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6); |
---|
714 | box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6); |
---|
715 | } |
---|
716 | input[type=file]:focus, input[type=checkbox]:focus, select:focus { |
---|
717 | -webkit-box-shadow: none; |
---|
718 | -moz-box-shadow: none; |
---|
719 | box-shadow: none; |
---|
720 | outline: 1px dotted #666; |
---|
721 | } |
---|
722 | form .clearfix.error > label, form .clearfix.error .help-block, form .clearfix.error .help-inline { |
---|
723 | color: #b94a48; |
---|
724 | } |
---|
725 | form .clearfix.error input, form .clearfix.error textarea { |
---|
726 | color: #b94a48; |
---|
727 | border-color: #ee5f5b; |
---|
728 | } |
---|
729 | form .clearfix.error input:focus, form .clearfix.error textarea:focus { |
---|
730 | border-color: #e9322d; |
---|
731 | -webkit-box-shadow: 0 0 6px #f8b9b7; |
---|
732 | -moz-box-shadow: 0 0 6px #f8b9b7; |
---|
733 | box-shadow: 0 0 6px #f8b9b7; |
---|
734 | } |
---|
735 | form .clearfix.error .input-prepend .add-on, form .clearfix.error .input-append .add-on { |
---|
736 | color: #b94a48; |
---|
737 | background-color: #fce6e6; |
---|
738 | border-color: #b94a48; |
---|
739 | } |
---|
740 | form .clearfix.warning > label, form .clearfix.warning .help-block, form .clearfix.warning .help-inline { |
---|
741 | color: #c09853; |
---|
742 | } |
---|
743 | form .clearfix.warning input, form .clearfix.warning textarea { |
---|
744 | color: #c09853; |
---|
745 | border-color: #ccae64; |
---|
746 | } |
---|
747 | form .clearfix.warning input:focus, form .clearfix.warning textarea:focus { |
---|
748 | border-color: #be9a3f; |
---|
749 | -webkit-box-shadow: 0 0 6px #e5d6b1; |
---|
750 | -moz-box-shadow: 0 0 6px #e5d6b1; |
---|
751 | box-shadow: 0 0 6px #e5d6b1; |
---|
752 | } |
---|
753 | form .clearfix.warning .input-prepend .add-on, form .clearfix.warning .input-append .add-on { |
---|
754 | color: #c09853; |
---|
755 | background-color: #d2b877; |
---|
756 | border-color: #c09853; |
---|
757 | } |
---|
758 | form .clearfix.success > label, form .clearfix.success .help-block, form .clearfix.success .help-inline { |
---|
759 | color: #468847; |
---|
760 | } |
---|
761 | form .clearfix.success input, form .clearfix.success textarea { |
---|
762 | color: #468847; |
---|
763 | border-color: #57a957; |
---|
764 | } |
---|
765 | form .clearfix.success input:focus, form .clearfix.success textarea:focus { |
---|
766 | border-color: #458845; |
---|
767 | -webkit-box-shadow: 0 0 6px #9acc9a; |
---|
768 | -moz-box-shadow: 0 0 6px #9acc9a; |
---|
769 | box-shadow: 0 0 6px #9acc9a; |
---|
770 | } |
---|
771 | form .clearfix.success .input-prepend .add-on, form .clearfix.success .input-append .add-on { |
---|
772 | color: #468847; |
---|
773 | background-color: #bcddbc; |
---|
774 | border-color: #468847; |
---|
775 | } |
---|
776 | .input-mini, |
---|
777 | input.mini, |
---|
778 | textarea.mini, |
---|
779 | select.mini { |
---|
780 | width: 60px; |
---|
781 | } |
---|
782 | .input-small, |
---|
783 | input.small, |
---|
784 | textarea.small, |
---|
785 | select.small { |
---|
786 | width: 90px; |
---|
787 | } |
---|
788 | .input-medium, |
---|
789 | input.medium, |
---|
790 | textarea.medium, |
---|
791 | select.medium { |
---|
792 | width: 150px; |
---|
793 | } |
---|
794 | .input-large, |
---|
795 | input.large, |
---|
796 | textarea.large, |
---|
797 | select.large { |
---|
798 | width: 210px; |
---|
799 | } |
---|
800 | .input-xlarge, |
---|
801 | input.xlarge, |
---|
802 | textarea.xlarge, |
---|
803 | select.xlarge { |
---|
804 | width: 270px; |
---|
805 | } |
---|
806 | .input-xxlarge, |
---|
807 | input.xxlarge, |
---|
808 | textarea.xxlarge, |
---|
809 | select.xxlarge { |
---|
810 | width: 530px; |
---|
811 | } |
---|
812 | textarea.xxlarge { |
---|
813 | overflow-y: auto; |
---|
814 | } |
---|
815 | input.span1, textarea.span1 { |
---|
816 | display: inline-block; |
---|
817 | float: none; |
---|
818 | width: 30px; |
---|
819 | margin-left: 0; |
---|
820 | } |
---|
821 | input.span2, textarea.span2 { |
---|
822 | display: inline-block; |
---|
823 | float: none; |
---|
824 | width: 90px; |
---|
825 | margin-left: 0; |
---|
826 | } |
---|
827 | input.span3, textarea.span3 { |
---|
828 | display: inline-block; |
---|
829 | float: none; |
---|
830 | width: 150px; |
---|
831 | margin-left: 0; |
---|
832 | } |
---|
833 | input.span4, textarea.span4 { |
---|
834 | display: inline-block; |
---|
835 | float: none; |
---|
836 | width: 210px; |
---|
837 | margin-left: 0; |
---|
838 | } |
---|
839 | input.span5, textarea.span5 { |
---|
840 | display: inline-block; |
---|
841 | float: none; |
---|
842 | width: 270px; |
---|
843 | margin-left: 0; |
---|
844 | } |
---|
845 | input.span6, textarea.span6 { |
---|
846 | display: inline-block; |
---|
847 | float: none; |
---|
848 | width: 330px; |
---|
849 | margin-left: 0; |
---|
850 | } |
---|
851 | input.span7, textarea.span7 { |
---|
852 | display: inline-block; |
---|
853 | float: none; |
---|
854 | width: 390px; |
---|
855 | margin-left: 0; |
---|
856 | } |
---|
857 | input.span8, textarea.span8 { |
---|
858 | display: inline-block; |
---|
859 | float: none; |
---|
860 | width: 450px; |
---|
861 | margin-left: 0; |
---|
862 | } |
---|
863 | input.span9, textarea.span9 { |
---|
864 | display: inline-block; |
---|
865 | float: none; |
---|
866 | width: 510px; |
---|
867 | margin-left: 0; |
---|
868 | } |
---|
869 | input.span10, textarea.span10 { |
---|
870 | display: inline-block; |
---|
871 | float: none; |
---|
872 | width: 570px; |
---|
873 | margin-left: 0; |
---|
874 | } |
---|
875 | input.span11, textarea.span11 { |
---|
876 | display: inline-block; |
---|
877 | float: none; |
---|
878 | width: 630px; |
---|
879 | margin-left: 0; |
---|
880 | } |
---|
881 | input.span12, textarea.span12 { |
---|
882 | display: inline-block; |
---|
883 | float: none; |
---|
884 | width: 690px; |
---|
885 | margin-left: 0; |
---|
886 | } |
---|
887 | input.span13, textarea.span13 { |
---|
888 | display: inline-block; |
---|
889 | float: none; |
---|
890 | width: 750px; |
---|
891 | margin-left: 0; |
---|
892 | } |
---|
893 | input.span14, textarea.span14 { |
---|
894 | display: inline-block; |
---|
895 | float: none; |
---|
896 | width: 810px; |
---|
897 | margin-left: 0; |
---|
898 | } |
---|
899 | input.span15, textarea.span15 { |
---|
900 | display: inline-block; |
---|
901 | float: none; |
---|
902 | width: 870px; |
---|
903 | margin-left: 0; |
---|
904 | } |
---|
905 | input.span16, textarea.span16 { |
---|
906 | display: inline-block; |
---|
907 | float: none; |
---|
908 | width: 930px; |
---|
909 | margin-left: 0; |
---|
910 | } |
---|
911 | input[disabled], |
---|
912 | select[disabled], |
---|
913 | textarea[disabled], |
---|
914 | input[readonly], |
---|
915 | select[readonly], |
---|
916 | textarea[readonly] { |
---|
917 | background-color: #f5f5f5; |
---|
918 | border-color: #ddd; |
---|
919 | cursor: not-allowed; |
---|
920 | } |
---|
921 | .actions { |
---|
922 | background: #f5f5f5; |
---|
923 | margin-top: 18px; |
---|
924 | margin-bottom: 18px; |
---|
925 | padding: 17px 20px 18px 150px; |
---|
926 | border-top: 1px solid #ddd; |
---|
927 | -webkit-border-radius: 0 0 3px 3px; |
---|
928 | -moz-border-radius: 0 0 3px 3px; |
---|
929 | border-radius: 0 0 3px 3px; |
---|
930 | } |
---|
931 | .actions .secondary-action { |
---|
932 | float: right; |
---|
933 | } |
---|
934 | .actions .secondary-action a { |
---|
935 | line-height: 30px; |
---|
936 | } |
---|
937 | .actions .secondary-action a:hover { |
---|
938 | text-decoration: underline; |
---|
939 | } |
---|
940 | .help-inline, .help-block { |
---|
941 | font-size: 13px; |
---|
942 | line-height: 18px; |
---|
943 | color: #bfbfbf; |
---|
944 | } |
---|
945 | .help-inline { |
---|
946 | padding-left: 5px; |
---|
947 | *position: relative; |
---|
948 | /* IE6-7 */ |
---|
949 | |
---|
950 | *top: -5px; |
---|
951 | /* IE6-7 */ |
---|
952 | |
---|
953 | } |
---|
954 | .help-block { |
---|
955 | display: block; |
---|
956 | max-width: 600px; |
---|
957 | } |
---|
958 | .inline-inputs { |
---|
959 | color: #808080; |
---|
960 | } |
---|
961 | .inline-inputs span { |
---|
962 | padding: 0 2px 0 1px; |
---|
963 | } |
---|
964 | .input-prepend input, .input-append input { |
---|
965 | -webkit-border-radius: 0 3px 3px 0; |
---|
966 | -moz-border-radius: 0 3px 3px 0; |
---|
967 | border-radius: 0 3px 3px 0; |
---|
968 | } |
---|
969 | .input-prepend .add-on, .input-append .add-on { |
---|
970 | position: relative; |
---|
971 | background: #f5f5f5; |
---|
972 | border: 1px solid #ccc; |
---|
973 | z-index: 2; |
---|
974 | float: left; |
---|
975 | display: block; |
---|
976 | width: auto; |
---|
977 | min-width: 16px; |
---|
978 | height: 18px; |
---|
979 | padding: 4px 4px 4px 5px; |
---|
980 | margin-right: -1px; |
---|
981 | font-weight: normal; |
---|
982 | line-height: 18px; |
---|
983 | color: #bfbfbf; |
---|
984 | text-align: center; |
---|
985 | text-shadow: 0 1px 0 #ffffff; |
---|
986 | -webkit-border-radius: 3px 0 0 3px; |
---|
987 | -moz-border-radius: 3px 0 0 3px; |
---|
988 | border-radius: 3px 0 0 3px; |
---|
989 | } |
---|
990 | .input-prepend .active, .input-append .active { |
---|
991 | background: #a9dba9; |
---|
992 | border-color: #46a546; |
---|
993 | } |
---|
994 | .input-prepend .add-on { |
---|
995 | *margin-top: 1px; |
---|
996 | /* IE6-7 */ |
---|
997 | |
---|
998 | } |
---|
999 | .input-append input { |
---|
1000 | float: left; |
---|
1001 | -webkit-border-radius: 3px 0 0 3px; |
---|
1002 | -moz-border-radius: 3px 0 0 3px; |
---|
1003 | border-radius: 3px 0 0 3px; |
---|
1004 | } |
---|
1005 | .input-append .add-on { |
---|
1006 | -webkit-border-radius: 0 3px 3px 0; |
---|
1007 | -moz-border-radius: 0 3px 3px 0; |
---|
1008 | border-radius: 0 3px 3px 0; |
---|
1009 | margin-right: 0; |
---|
1010 | margin-left: -1px; |
---|
1011 | } |
---|
1012 | .inputs-list { |
---|
1013 | margin: 0 0 5px; |
---|
1014 | width: 100%; |
---|
1015 | } |
---|
1016 | .inputs-list li { |
---|
1017 | display: block; |
---|
1018 | padding: 0; |
---|
1019 | width: 100%; |
---|
1020 | } |
---|
1021 | .inputs-list label { |
---|
1022 | display: block; |
---|
1023 | float: none; |
---|
1024 | width: auto; |
---|
1025 | padding: 0; |
---|
1026 | margin-left: 20px; |
---|
1027 | line-height: 18px; |
---|
1028 | text-align: left; |
---|
1029 | white-space: normal; |
---|
1030 | } |
---|
1031 | .inputs-list label strong { |
---|
1032 | color: #808080; |
---|
1033 | } |
---|
1034 | .inputs-list label small { |
---|
1035 | font-size: 11px; |
---|
1036 | font-weight: normal; |
---|
1037 | } |
---|
1038 | .inputs-list .inputs-list { |
---|
1039 | margin-left: 25px; |
---|
1040 | margin-bottom: 10px; |
---|
1041 | padding-top: 0; |
---|
1042 | } |
---|
1043 | .inputs-list:first-child { |
---|
1044 | padding-top: 6px; |
---|
1045 | } |
---|
1046 | .inputs-list li + li { |
---|
1047 | padding-top: 2px; |
---|
1048 | } |
---|
1049 | .inputs-list input[type=radio], .inputs-list input[type=checkbox] { |
---|
1050 | margin-bottom: 0; |
---|
1051 | margin-left: -20px; |
---|
1052 | float: left; |
---|
1053 | } |
---|
1054 | .form-stacked { |
---|
1055 | padding-left: 20px; |
---|
1056 | } |
---|
1057 | .form-stacked fieldset { |
---|
1058 | padding-top: 9px; |
---|
1059 | } |
---|
1060 | .form-stacked legend { |
---|
1061 | padding-left: 0; |
---|
1062 | } |
---|
1063 | .form-stacked label { |
---|
1064 | display: block; |
---|
1065 | float: none; |
---|
1066 | width: auto; |
---|
1067 | font-weight: bold; |
---|
1068 | text-align: left; |
---|
1069 | line-height: 20px; |
---|
1070 | padding-top: 0; |
---|
1071 | } |
---|
1072 | .form-stacked .clearfix { |
---|
1073 | margin-bottom: 9px; |
---|
1074 | } |
---|
1075 | .form-stacked .clearfix div.input { |
---|
1076 | margin-left: 0; |
---|
1077 | } |
---|
1078 | .form-stacked .inputs-list { |
---|
1079 | margin-bottom: 0; |
---|
1080 | } |
---|
1081 | .form-stacked .inputs-list li { |
---|
1082 | padding-top: 0; |
---|
1083 | } |
---|
1084 | .form-stacked .inputs-list li label { |
---|
1085 | font-weight: normal; |
---|
1086 | padding-top: 0; |
---|
1087 | } |
---|
1088 | .form-stacked div.clearfix.error { |
---|
1089 | padding-top: 10px; |
---|
1090 | padding-bottom: 10px; |
---|
1091 | padding-left: 10px; |
---|
1092 | margin-top: 0; |
---|
1093 | margin-left: -10px; |
---|
1094 | } |
---|
1095 | .form-stacked .actions { |
---|
1096 | margin-left: -20px; |
---|
1097 | padding-left: 20px; |
---|
1098 | } |
---|
1099 | /* |
---|
1100 | * Tables.less |
---|
1101 | * Tables for, you guessed it, tabular data |
---|
1102 | * ---------------------------------------- */ |
---|
1103 | table { |
---|
1104 | width: 100%; |
---|
1105 | margin-bottom: 18px; |
---|
1106 | padding: 0; |
---|
1107 | font-size: 13px; |
---|
1108 | border-collapse: collapse; |
---|
1109 | } |
---|
1110 | table th, table td { |
---|
1111 | padding: 10px 10px 9px; |
---|
1112 | line-height: 18px; |
---|
1113 | text-align: left; |
---|
1114 | } |
---|
1115 | table th { |
---|
1116 | padding-top: 9px; |
---|
1117 | font-weight: bold; |
---|
1118 | vertical-align: middle; |
---|
1119 | } |
---|
1120 | table td { |
---|
1121 | vertical-align: top; |
---|
1122 | border-top: 1px solid #ddd; |
---|
1123 | } |
---|
1124 | table tbody th { |
---|
1125 | border-top: 1px solid #ddd; |
---|
1126 | vertical-align: top; |
---|
1127 | } |
---|
1128 | .condensed-table th, .condensed-table td { |
---|
1129 | padding: 5px 5px 4px; |
---|
1130 | } |
---|
1131 | .bordered-table { |
---|
1132 | border: 1px solid #ddd; |
---|
1133 | border-collapse: separate; |
---|
1134 | *border-collapse: collapse; |
---|
1135 | /* IE7, collapse table to remove spacing */ |
---|
1136 | |
---|
1137 | -webkit-border-radius: 4px; |
---|
1138 | -moz-border-radius: 4px; |
---|
1139 | border-radius: 4px; |
---|
1140 | } |
---|
1141 | .bordered-table th + th, .bordered-table td + td, .bordered-table th + td { |
---|
1142 | border-left: 1px solid #ddd; |
---|
1143 | } |
---|
1144 | .bordered-table thead tr:first-child th:first-child, .bordered-table tbody tr:first-child td:first-child { |
---|
1145 | -webkit-border-radius: 4px 0 0 0; |
---|
1146 | -moz-border-radius: 4px 0 0 0; |
---|
1147 | border-radius: 4px 0 0 0; |
---|
1148 | } |
---|
1149 | .bordered-table thead tr:first-child th:last-child, .bordered-table tbody tr:first-child td:last-child { |
---|
1150 | -webkit-border-radius: 0 4px 0 0; |
---|
1151 | -moz-border-radius: 0 4px 0 0; |
---|
1152 | border-radius: 0 4px 0 0; |
---|
1153 | } |
---|
1154 | .bordered-table tbody tr:last-child td:first-child { |
---|
1155 | -webkit-border-radius: 0 0 0 4px; |
---|
1156 | -moz-border-radius: 0 0 0 4px; |
---|
1157 | border-radius: 0 0 0 4px; |
---|
1158 | } |
---|
1159 | .bordered-table tbody tr:last-child td:last-child { |
---|
1160 | -webkit-border-radius: 0 0 4px 0; |
---|
1161 | -moz-border-radius: 0 0 4px 0; |
---|
1162 | border-radius: 0 0 4px 0; |
---|
1163 | } |
---|
1164 | table .span1 { |
---|
1165 | width: 20px; |
---|
1166 | } |
---|
1167 | table .span2 { |
---|
1168 | width: 60px; |
---|
1169 | } |
---|
1170 | table .span3 { |
---|
1171 | width: 100px; |
---|
1172 | } |
---|
1173 | table .span4 { |
---|
1174 | width: 140px; |
---|
1175 | } |
---|
1176 | table .span5 { |
---|
1177 | width: 180px; |
---|
1178 | } |
---|
1179 | table .span6 { |
---|
1180 | width: 220px; |
---|
1181 | } |
---|
1182 | table .span7 { |
---|
1183 | width: 260px; |
---|
1184 | } |
---|
1185 | table .span8 { |
---|
1186 | width: 300px; |
---|
1187 | } |
---|
1188 | table .span9 { |
---|
1189 | width: 340px; |
---|
1190 | } |
---|
1191 | table .span10 { |
---|
1192 | width: 380px; |
---|
1193 | } |
---|
1194 | table .span11 { |
---|
1195 | width: 420px; |
---|
1196 | } |
---|
1197 | table .span12 { |
---|
1198 | width: 460px; |
---|
1199 | } |
---|
1200 | table .span13 { |
---|
1201 | width: 500px; |
---|
1202 | } |
---|
1203 | table .span14 { |
---|
1204 | width: 540px; |
---|
1205 | } |
---|
1206 | table .span15 { |
---|
1207 | width: 580px; |
---|
1208 | } |
---|
1209 | table .span16 { |
---|
1210 | width: 620px; |
---|
1211 | } |
---|
1212 | .zebra-striped tbody tr:nth-child(odd) td, .zebra-striped tbody tr:nth-child(odd) th { |
---|
1213 | background-color: #f9f9f9; |
---|
1214 | } |
---|
1215 | .zebra-striped tbody tr:hover td, .zebra-striped tbody tr:hover th { |
---|
1216 | background-color: #f5f5f5; |
---|
1217 | } |
---|
1218 | table .header { |
---|
1219 | cursor: pointer; |
---|
1220 | } |
---|
1221 | table .header:after { |
---|
1222 | content: ""; |
---|
1223 | float: right; |
---|
1224 | margin-top: 7px; |
---|
1225 | border-width: 0 4px 4px; |
---|
1226 | border-style: solid; |
---|
1227 | border-color: #000 transparent; |
---|
1228 | visibility: hidden; |
---|
1229 | } |
---|
1230 | table .headerSortUp, table .headerSortDown { |
---|
1231 | background-color: rgba(141, 192, 219, 0.25); |
---|
1232 | text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); |
---|
1233 | } |
---|
1234 | table .header:hover:after { |
---|
1235 | visibility: visible; |
---|
1236 | } |
---|
1237 | table .headerSortDown:after, table .headerSortDown:hover:after { |
---|
1238 | visibility: visible; |
---|
1239 | filter: alpha(opacity=60); |
---|
1240 | -khtml-opacity: 0.6; |
---|
1241 | -moz-opacity: 0.6; |
---|
1242 | opacity: 0.6; |
---|
1243 | } |
---|
1244 | table .headerSortUp:after { |
---|
1245 | border-bottom: none; |
---|
1246 | border-left: 4px solid transparent; |
---|
1247 | border-right: 4px solid transparent; |
---|
1248 | border-top: 4px solid #000; |
---|
1249 | visibility: visible; |
---|
1250 | -webkit-box-shadow: none; |
---|
1251 | -moz-box-shadow: none; |
---|
1252 | box-shadow: none; |
---|
1253 | filter: alpha(opacity=60); |
---|
1254 | -khtml-opacity: 0.6; |
---|
1255 | -moz-opacity: 0.6; |
---|
1256 | opacity: 0.6; |
---|
1257 | } |
---|
1258 | table .blue { |
---|
1259 | color: #049cdb; |
---|
1260 | border-bottom-color: #049cdb; |
---|
1261 | } |
---|
1262 | table .headerSortUp.blue, table .headerSortDown.blue { |
---|
1263 | background-color: #ade6fe; |
---|
1264 | } |
---|
1265 | table .green { |
---|
1266 | color: #46a546; |
---|
1267 | border-bottom-color: #46a546; |
---|
1268 | } |
---|
1269 | table .headerSortUp.green, table .headerSortDown.green { |
---|
1270 | background-color: #cdeacd; |
---|
1271 | } |
---|
1272 | table .red { |
---|
1273 | color: #9d261d; |
---|
1274 | border-bottom-color: #9d261d; |
---|
1275 | } |
---|
1276 | table .headerSortUp.red, table .headerSortDown.red { |
---|
1277 | background-color: #f4c8c5; |
---|
1278 | } |
---|
1279 | table .yellow { |
---|
1280 | color: #ffc40d; |
---|
1281 | border-bottom-color: #ffc40d; |
---|
1282 | } |
---|
1283 | table .headerSortUp.yellow, table .headerSortDown.yellow { |
---|
1284 | background-color: #fff6d9; |
---|
1285 | } |
---|
1286 | table .orange { |
---|
1287 | color: #f89406; |
---|
1288 | border-bottom-color: #f89406; |
---|
1289 | } |
---|
1290 | table .headerSortUp.orange, table .headerSortDown.orange { |
---|
1291 | background-color: #fee9cc; |
---|
1292 | } |
---|
1293 | table .purple { |
---|
1294 | color: #7a43b6; |
---|
1295 | border-bottom-color: #7a43b6; |
---|
1296 | } |
---|
1297 | table .headerSortUp.purple, table .headerSortDown.purple { |
---|
1298 | background-color: #e2d5f0; |
---|
1299 | } |
---|
1300 | /* Patterns.less |
---|
1301 | * Repeatable UI elements outside the base styles provided from the scaffolding |
---|
1302 | * ---------------------------------------------------------------------------- */ |
---|
1303 | .topbar { |
---|
1304 | height: 40px; |
---|
1305 | position: fixed; |
---|
1306 | top: 0; |
---|
1307 | left: 0; |
---|
1308 | right: 0; |
---|
1309 | z-index: 10000; |
---|
1310 | overflow: visible; |
---|
1311 | } |
---|
1312 | .topbar a { |
---|
1313 | color: #bfbfbf; |
---|
1314 | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); |
---|
1315 | } |
---|
1316 | .topbar h3 a:hover, .topbar .brand:hover, .topbar ul .active > a { |
---|
1317 | background-color: #333; |
---|
1318 | background-color: rgba(255, 255, 255, 0.05); |
---|
1319 | color: #ffffff; |
---|
1320 | text-decoration: none; |
---|
1321 | } |
---|
1322 | .topbar h3 { |
---|
1323 | position: relative; |
---|
1324 | } |
---|
1325 | .topbar h3 a, .topbar .brand { |
---|
1326 | float: left; |
---|
1327 | display: block; |
---|
1328 | padding: 8px 20px 12px; |
---|
1329 | margin-left: -20px; |
---|
1330 | color: #ffffff; |
---|
1331 | font-size: 20px; |
---|
1332 | font-weight: 200; |
---|
1333 | line-height: 1; |
---|
1334 | } |
---|
1335 | .topbar p { |
---|
1336 | margin: 0; |
---|
1337 | line-height: 40px; |
---|
1338 | } |
---|
1339 | .topbar p a:hover { |
---|
1340 | background-color: transparent; |
---|
1341 | color: #ffffff; |
---|
1342 | } |
---|
1343 | .topbar form { |
---|
1344 | float: left; |
---|
1345 | margin: 5px 0 0 0; |
---|
1346 | position: relative; |
---|
1347 | filter: alpha(opacity=100); |
---|
1348 | -khtml-opacity: 1; |
---|
1349 | -moz-opacity: 1; |
---|
1350 | opacity: 1; |
---|
1351 | } |
---|
1352 | .topbar form.pull-right { |
---|
1353 | float: right; |
---|
1354 | } |
---|
1355 | .topbar input { |
---|
1356 | background-color: #444; |
---|
1357 | background-color: rgba(255, 255, 255, 0.3); |
---|
1358 | font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; |
---|
1359 | font-size: normal; |
---|
1360 | font-weight: 13px; |
---|
1361 | line-height: 1; |
---|
1362 | padding: 4px 9px; |
---|
1363 | color: #ffffff; |
---|
1364 | color: rgba(255, 255, 255, 0.75); |
---|
1365 | border: 1px solid #111; |
---|
1366 | -webkit-border-radius: 4px; |
---|
1367 | -moz-border-radius: 4px; |
---|
1368 | border-radius: 4px; |
---|
1369 | -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.25); |
---|
1370 | -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.25); |
---|
1371 | box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0px rgba(255, 255, 255, 0.25); |
---|
1372 | -webkit-transition: none; |
---|
1373 | -moz-transition: none; |
---|
1374 | -ms-transition: none; |
---|
1375 | -o-transition: none; |
---|
1376 | transition: none; |
---|
1377 | } |
---|
1378 | .topbar input:-moz-placeholder { |
---|
1379 | color: #e6e6e6; |
---|
1380 | } |
---|
1381 | .topbar input::-webkit-input-placeholder { |
---|
1382 | color: #e6e6e6; |
---|
1383 | } |
---|
1384 | .topbar input:hover { |
---|
1385 | background-color: #bfbfbf; |
---|
1386 | background-color: rgba(255, 255, 255, 0.5); |
---|
1387 | color: #ffffff; |
---|
1388 | } |
---|
1389 | .topbar input:focus, .topbar input.focused { |
---|
1390 | outline: 0; |
---|
1391 | background-color: #ffffff; |
---|
1392 | color: #404040; |
---|
1393 | text-shadow: 0 1px 0 #ffffff; |
---|
1394 | border: 0; |
---|
1395 | padding: 5px 10px; |
---|
1396 | -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); |
---|
1397 | -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); |
---|
1398 | box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); |
---|
1399 | } |
---|
1400 | .topbar-inner, .topbar .fill { |
---|
1401 | background-color: #222; |
---|
1402 | background-color: #222222; |
---|
1403 | background-repeat: repeat-x; |
---|
1404 | background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#222222)); |
---|
1405 | background-image: -moz-linear-gradient(top, #333333, #222222); |
---|
1406 | background-image: -ms-linear-gradient(top, #333333, #222222); |
---|
1407 | background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #222222)); |
---|
1408 | background-image: -webkit-linear-gradient(top, #333333, #222222); |
---|
1409 | background-image: -o-linear-gradient(top, #333333, #222222); |
---|
1410 | background-image: linear-gradient(top, #333333, #222222); |
---|
1411 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0); |
---|
1412 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); |
---|
1413 | -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); |
---|
1414 | box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1); |
---|
1415 | } |
---|
1416 | .topbar div > ul, .nav { |
---|
1417 | display: block; |
---|
1418 | float: left; |
---|
1419 | margin: 0 10px 0 0; |
---|
1420 | position: relative; |
---|
1421 | left: 0; |
---|
1422 | } |
---|
1423 | .topbar div > ul > li, .nav > li { |
---|
1424 | display: block; |
---|
1425 | float: left; |
---|
1426 | } |
---|
1427 | .topbar div > ul a, .nav a { |
---|
1428 | display: block; |
---|
1429 | float: none; |
---|
1430 | padding: 10px 10px 11px; |
---|
1431 | line-height: 19px; |
---|
1432 | text-decoration: none; |
---|
1433 | } |
---|
1434 | .topbar div > ul a:hover, .nav a:hover { |
---|
1435 | color: #ffffff; |
---|
1436 | text-decoration: none; |
---|
1437 | } |
---|
1438 | .topbar div > ul .active > a, .nav .active > a { |
---|
1439 | background-color: #222; |
---|
1440 | background-color: rgba(0, 0, 0, 0.5); |
---|
1441 | } |
---|
1442 | .topbar div > ul.secondary-nav, .nav.secondary-nav { |
---|
1443 | float: right; |
---|
1444 | margin-left: 10px; |
---|
1445 | margin-right: 0; |
---|
1446 | } |
---|
1447 | .topbar div > ul.secondary-nav .menu-dropdown, |
---|
1448 | .nav.secondary-nav .menu-dropdown, |
---|
1449 | .topbar div > ul.secondary-nav .dropdown-menu, |
---|
1450 | .nav.secondary-nav .dropdown-menu { |
---|
1451 | right: 0; |
---|
1452 | border: 0; |
---|
1453 | } |
---|
1454 | .topbar div > ul a.menu:hover, |
---|
1455 | .nav a.menu:hover, |
---|
1456 | .topbar div > ul li.open .menu, |
---|
1457 | .nav li.open .menu, |
---|
1458 | .topbar div > ul .dropdown-toggle:hover, |
---|
1459 | .nav .dropdown-toggle:hover, |
---|
1460 | .topbar div > ul .dropdown.open .dropdown-toggle, |
---|
1461 | .nav .dropdown.open .dropdown-toggle { |
---|
1462 | background: #444; |
---|
1463 | background: rgba(255, 255, 255, 0.05); |
---|
1464 | } |
---|
1465 | .topbar div > ul .menu-dropdown, |
---|
1466 | .nav .menu-dropdown, |
---|
1467 | .topbar div > ul .dropdown-menu, |
---|
1468 | .nav .dropdown-menu { |
---|
1469 | background-color: #333; |
---|
1470 | } |
---|
1471 | .topbar div > ul .menu-dropdown a.menu, |
---|
1472 | .nav .menu-dropdown a.menu, |
---|
1473 | .topbar div > ul .dropdown-menu a.menu, |
---|
1474 | .nav .dropdown-menu a.menu, |
---|
1475 | .topbar div > ul .menu-dropdown .dropdown-toggle, |
---|
1476 | .nav .menu-dropdown .dropdown-toggle, |
---|
1477 | .topbar div > ul .dropdown-menu .dropdown-toggle, |
---|
1478 | .nav .dropdown-menu .dropdown-toggle { |
---|
1479 | color: #ffffff; |
---|
1480 | } |
---|
1481 | .topbar div > ul .menu-dropdown a.menu.open, |
---|
1482 | .nav .menu-dropdown a.menu.open, |
---|
1483 | .topbar div > ul .dropdown-menu a.menu.open, |
---|
1484 | .nav .dropdown-menu a.menu.open, |
---|
1485 | .topbar div > ul .menu-dropdown .dropdown-toggle.open, |
---|
1486 | .nav .menu-dropdown .dropdown-toggle.open, |
---|
1487 | .topbar div > ul .dropdown-menu .dropdown-toggle.open, |
---|
1488 | .nav .dropdown-menu .dropdown-toggle.open { |
---|
1489 | background: #444; |
---|
1490 | background: rgba(255, 255, 255, 0.05); |
---|
1491 | } |
---|
1492 | .topbar div > ul .menu-dropdown li a, |
---|
1493 | .nav .menu-dropdown li a, |
---|
1494 | .topbar div > ul .dropdown-menu li a, |
---|
1495 | .nav .dropdown-menu li a { |
---|
1496 | color: #999; |
---|
1497 | text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); |
---|
1498 | } |
---|
1499 | .topbar div > ul .menu-dropdown li a:hover, |
---|
1500 | .nav .menu-dropdown li a:hover, |
---|
1501 | .topbar div > ul .dropdown-menu li a:hover, |
---|
1502 | .nav .dropdown-menu li a:hover { |
---|
1503 | background-color: #191919; |
---|
1504 | background-repeat: repeat-x; |
---|
1505 | background-image: -khtml-gradient(linear, left top, left bottom, from(#292929), to(#191919)); |
---|
1506 | background-image: -moz-linear-gradient(top, #292929, #191919); |
---|
1507 | background-image: -ms-linear-gradient(top, #292929, #191919); |
---|
1508 | background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #292929), color-stop(100%, #191919)); |
---|
1509 | background-image: -webkit-linear-gradient(top, #292929, #191919); |
---|
1510 | background-image: -o-linear-gradient(top, #292929, #191919); |
---|
1511 | background-image: linear-gradient(top, #292929, #191919); |
---|
1512 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#292929', endColorstr='#191919', GradientType=0); |
---|
1513 | color: #ffffff; |
---|
1514 | } |
---|
1515 | .topbar div > ul .menu-dropdown .active a, |
---|
1516 | .nav .menu-dropdown .active a, |
---|
1517 | .topbar div > ul .dropdown-menu .active a, |
---|
1518 | .nav .dropdown-menu .active a { |
---|
1519 | color: #ffffff; |
---|
1520 | } |
---|
1521 | .topbar div > ul .menu-dropdown .divider, |
---|
1522 | .nav .menu-dropdown .divider, |
---|
1523 | .topbar div > ul .dropdown-menu .divider, |
---|
1524 | .nav .dropdown-menu .divider { |
---|
1525 | background-color: #222; |
---|
1526 | border-color: #444; |
---|
1527 | } |
---|
1528 | .topbar ul .menu-dropdown li a, .topbar ul .dropdown-menu li a { |
---|
1529 | padding: 4px 15px; |
---|
1530 | } |
---|
1531 | li.menu, .dropdown { |
---|
1532 | position: relative; |
---|
1533 | } |
---|
1534 | a.menu:after, .dropdown-toggle:after { |
---|
1535 | width: 0; |
---|
1536 | height: 0; |
---|
1537 | display: inline-block; |
---|
1538 | content: "↓"; |
---|
1539 | text-indent: -99999px; |
---|
1540 | vertical-align: top; |
---|
1541 | margin-top: 8px; |
---|
1542 | margin-left: 4px; |
---|
1543 | border-left: 4px solid transparent; |
---|
1544 | border-right: 4px solid transparent; |
---|
1545 | border-top: 4px solid #ffffff; |
---|
1546 | filter: alpha(opacity=50); |
---|
1547 | -khtml-opacity: 0.5; |
---|
1548 | -moz-opacity: 0.5; |
---|
1549 | opacity: 0.5; |
---|
1550 | } |
---|
1551 | .menu-dropdown, .dropdown-menu { |
---|
1552 | background-color: #ffffff; |
---|
1553 | float: left; |
---|
1554 | display: none; |
---|
1555 | position: absolute; |
---|
1556 | top: 40px; |
---|
1557 | z-index: 900; |
---|
1558 | min-width: 160px; |
---|
1559 | max-width: 220px; |
---|
1560 | _width: 160px; |
---|
1561 | margin-left: 0; |
---|
1562 | margin-right: 0; |
---|
1563 | padding: 6px 0; |
---|
1564 | zoom: 1; |
---|
1565 | border-color: #999; |
---|
1566 | border-color: rgba(0, 0, 0, 0.2); |
---|
1567 | border-style: solid; |
---|
1568 | border-width: 0 1px 1px; |
---|
1569 | -webkit-border-radius: 0 0 6px 6px; |
---|
1570 | -moz-border-radius: 0 0 6px 6px; |
---|
1571 | border-radius: 0 0 6px 6px; |
---|
1572 | -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); |
---|
1573 | -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); |
---|
1574 | box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); |
---|
1575 | -webkit-background-clip: padding-box; |
---|
1576 | -moz-background-clip: padding-box; |
---|
1577 | background-clip: padding-box; |
---|
1578 | } |
---|
1579 | .menu-dropdown li, .dropdown-menu li { |
---|
1580 | float: none; |
---|
1581 | display: block; |
---|
1582 | background-color: none; |
---|
1583 | } |
---|
1584 | .menu-dropdown .divider, .dropdown-menu .divider { |
---|
1585 | height: 1px; |
---|
1586 | margin: 5px 0; |
---|
1587 | overflow: hidden; |
---|
1588 | background-color: #eee; |
---|
1589 | border-bottom: 1px solid #ffffff; |
---|
1590 | } |
---|
1591 | .topbar .dropdown-menu a, .dropdown-menu a { |
---|
1592 | display: block; |
---|
1593 | padding: 4px 15px; |
---|
1594 | clear: both; |
---|
1595 | font-weight: normal; |
---|
1596 | line-height: 18px; |
---|
1597 | color: #808080; |
---|
1598 | text-shadow: 0 1px 0 #ffffff; |
---|
1599 | } |
---|
1600 | .topbar .dropdown-menu a:hover, |
---|
1601 | .dropdown-menu a:hover, |
---|
1602 | .topbar .dropdown-menu a.hover, |
---|
1603 | .dropdown-menu a.hover { |
---|
1604 | background-color: #dddddd; |
---|
1605 | background-repeat: repeat-x; |
---|
1606 | background-image: -khtml-gradient(linear, left top, left bottom, from(#eeeeee), to(#dddddd)); |
---|
1607 | background-image: -moz-linear-gradient(top, #eeeeee, #dddddd); |
---|
1608 | background-image: -ms-linear-gradient(top, #eeeeee, #dddddd); |
---|
1609 | background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #dddddd)); |
---|
1610 | background-image: -webkit-linear-gradient(top, #eeeeee, #dddddd); |
---|
1611 | background-image: -o-linear-gradient(top, #eeeeee, #dddddd); |
---|
1612 | background-image: linear-gradient(top, #eeeeee, #dddddd); |
---|
1613 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#dddddd', GradientType=0); |
---|
1614 | color: #404040; |
---|
1615 | text-decoration: none; |
---|
1616 | -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.025), inset 0 -1px rgba(0, 0, 0, 0.025); |
---|
1617 | -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.025), inset 0 -1px rgba(0, 0, 0, 0.025); |
---|
1618 | box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.025), inset 0 -1px rgba(0, 0, 0, 0.025); |
---|
1619 | } |
---|
1620 | .open .menu, |
---|
1621 | .dropdown.open .menu, |
---|
1622 | .open .dropdown-toggle, |
---|
1623 | .dropdown.open .dropdown-toggle { |
---|
1624 | color: #ffffff; |
---|
1625 | background: #ccc; |
---|
1626 | background: rgba(0, 0, 0, 0.3); |
---|
1627 | } |
---|
1628 | .open .menu-dropdown, |
---|
1629 | .dropdown.open .menu-dropdown, |
---|
1630 | .open .dropdown-menu, |
---|
1631 | .dropdown.open .dropdown-menu { |
---|
1632 | display: block; |
---|
1633 | } |
---|
1634 | .tabs, .pills { |
---|
1635 | margin: 0 0 18px; |
---|
1636 | padding: 0; |
---|
1637 | list-style: none; |
---|
1638 | zoom: 1; |
---|
1639 | } |
---|
1640 | .tabs:before, |
---|
1641 | .pills:before, |
---|
1642 | .tabs:after, |
---|
1643 | .pills:after { |
---|
1644 | display: table; |
---|
1645 | content: ""; |
---|
1646 | zoom: 1; |
---|
1647 | } |
---|
1648 | .tabs:after, .pills:after { |
---|
1649 | clear: both; |
---|
1650 | } |
---|
1651 | .tabs > li, .pills > li { |
---|
1652 | float: left; |
---|
1653 | } |
---|
1654 | .tabs > li > a, .pills > li > a { |
---|
1655 | display: block; |
---|
1656 | } |
---|
1657 | .tabs { |
---|
1658 | border-color: #ddd; |
---|
1659 | border-style: solid; |
---|
1660 | border-width: 0 0 1px; |
---|
1661 | } |
---|
1662 | .tabs > li { |
---|
1663 | position: relative; |
---|
1664 | margin-bottom: -1px; |
---|
1665 | } |
---|
1666 | .tabs > li > a { |
---|
1667 | padding: 0 15px; |
---|
1668 | margin-right: 2px; |
---|
1669 | line-height: 34px; |
---|
1670 | border: 1px solid transparent; |
---|
1671 | -webkit-border-radius: 4px 4px 0 0; |
---|
1672 | -moz-border-radius: 4px 4px 0 0; |
---|
1673 | border-radius: 4px 4px 0 0; |
---|
1674 | } |
---|
1675 | .tabs > li > a:hover { |
---|
1676 | text-decoration: none; |
---|
1677 | background-color: #eee; |
---|
1678 | border-color: #eee #eee #ddd; |
---|
1679 | } |
---|
1680 | .tabs .active > a, .tabs .active > a:hover { |
---|
1681 | color: #808080; |
---|
1682 | background-color: #ffffff; |
---|
1683 | border: 1px solid #ddd; |
---|
1684 | border-bottom-color: transparent; |
---|
1685 | cursor: default; |
---|
1686 | } |
---|
1687 | .tabs .menu-dropdown, .tabs .dropdown-menu { |
---|
1688 | top: 35px; |
---|
1689 | border-width: 1px; |
---|
1690 | -webkit-border-radius: 0 6px 6px 6px; |
---|
1691 | -moz-border-radius: 0 6px 6px 6px; |
---|
1692 | border-radius: 0 6px 6px 6px; |
---|
1693 | } |
---|
1694 | .tabs a.menu:after, .tabs .dropdown-toggle:after { |
---|
1695 | border-top-color: #999; |
---|
1696 | margin-top: 15px; |
---|
1697 | margin-left: 5px; |
---|
1698 | } |
---|
1699 | .tabs li.open.menu .menu, .tabs .open.dropdown .dropdown-toggle { |
---|
1700 | border-color: #999; |
---|
1701 | } |
---|
1702 | .tabs li.open a.menu:after, .tabs .dropdown.open .dropdown-toggle:after { |
---|
1703 | border-top-color: #555; |
---|
1704 | } |
---|
1705 | .pills a { |
---|
1706 | margin: 5px 3px 5px 0; |
---|
1707 | padding: 0 15px; |
---|
1708 | line-height: 30px; |
---|
1709 | text-shadow: 0 1px 1px #ffffff; |
---|
1710 | -webkit-border-radius: 15px; |
---|
1711 | -moz-border-radius: 15px; |
---|
1712 | border-radius: 15px; |
---|
1713 | } |
---|
1714 | .pills a:hover { |
---|
1715 | color: #ffffff; |
---|
1716 | text-decoration: none; |
---|
1717 | text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25); |
---|
1718 | background-color: #00438a; |
---|
1719 | } |
---|
1720 | .pills .active a { |
---|
1721 | color: #ffffff; |
---|
1722 | text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25); |
---|
1723 | background-color: #0069d6; |
---|
1724 | } |
---|
1725 | .pills-vertical > li { |
---|
1726 | float: none; |
---|
1727 | } |
---|
1728 | .tab-content > .tab-pane, |
---|
1729 | .pill-content > .pill-pane, |
---|
1730 | .tab-content > div, |
---|
1731 | .pill-content > div { |
---|
1732 | display: none; |
---|
1733 | } |
---|
1734 | .tab-content > .active, .pill-content > .active { |
---|
1735 | display: block; |
---|
1736 | } |
---|
1737 | .breadcrumb { |
---|
1738 | padding: 7px 14px; |
---|
1739 | margin: 0 0 18px; |
---|
1740 | background-color: #f5f5f5; |
---|
1741 | background-repeat: repeat-x; |
---|
1742 | background-image: -khtml-gradient(linear, left top, left bottom, from(#ffffff), to(#f5f5f5)); |
---|
1743 | background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5); |
---|
1744 | background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5); |
---|
1745 | background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f5f5f5)); |
---|
1746 | background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5); |
---|
1747 | background-image: -o-linear-gradient(top, #ffffff, #f5f5f5); |
---|
1748 | background-image: linear-gradient(top, #ffffff, #f5f5f5); |
---|
1749 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0); |
---|
1750 | border: 1px solid #ddd; |
---|
1751 | -webkit-border-radius: 3px; |
---|
1752 | -moz-border-radius: 3px; |
---|
1753 | border-radius: 3px; |
---|
1754 | -webkit-box-shadow: inset 0 1px 0 #ffffff; |
---|
1755 | -moz-box-shadow: inset 0 1px 0 #ffffff; |
---|
1756 | box-shadow: inset 0 1px 0 #ffffff; |
---|
1757 | } |
---|
1758 | .breadcrumb li { |
---|
1759 | display: inline; |
---|
1760 | text-shadow: 0 1px 0 #ffffff; |
---|
1761 | } |
---|
1762 | .breadcrumb .divider { |
---|
1763 | padding: 0 5px; |
---|
1764 | color: #bfbfbf; |
---|
1765 | } |
---|
1766 | .breadcrumb .active a { |
---|
1767 | color: #404040; |
---|
1768 | } |
---|
1769 | .hero-unit { |
---|
1770 | background-color: #f5f5f5; |
---|
1771 | margin-bottom: 30px; |
---|
1772 | padding: 60px; |
---|
1773 | -webkit-border-radius: 6px; |
---|
1774 | -moz-border-radius: 6px; |
---|
1775 | border-radius: 6px; |
---|
1776 | } |
---|
1777 | .hero-unit h1 { |
---|
1778 | margin-bottom: 0; |
---|
1779 | font-size: 60px; |
---|
1780 | line-height: 1; |
---|
1781 | letter-spacing: -1px; |
---|
1782 | } |
---|
1783 | .hero-unit p { |
---|
1784 | font-size: 18px; |
---|
1785 | font-weight: 200; |
---|
1786 | line-height: 27px; |
---|
1787 | } |
---|
1788 | footer { |
---|
1789 | margin-top: 17px; |
---|
1790 | padding-top: 17px; |
---|
1791 | border-top: 1px solid #eee; |
---|
1792 | } |
---|
1793 | .page-header { |
---|
1794 | margin-bottom: 17px; |
---|
1795 | border-bottom: 1px solid #ddd; |
---|
1796 | -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); |
---|
1797 | -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); |
---|
1798 | box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); |
---|
1799 | } |
---|
1800 | .page-header h1 { |
---|
1801 | margin-bottom: 8px; |
---|
1802 | } |
---|
1803 | .btn.danger, |
---|
1804 | .alert-message.danger, |
---|
1805 | .btn.danger:hover, |
---|
1806 | .alert-message.danger:hover, |
---|
1807 | .btn.error, |
---|
1808 | .alert-message.error, |
---|
1809 | .btn.error:hover, |
---|
1810 | .alert-message.error:hover, |
---|
1811 | .btn.success, |
---|
1812 | .alert-message.success, |
---|
1813 | .btn.success:hover, |
---|
1814 | .alert-message.success:hover, |
---|
1815 | .btn.info, |
---|
1816 | .alert-message.info, |
---|
1817 | .btn.info:hover, |
---|
1818 | .alert-message.info:hover { |
---|
1819 | color: #ffffff; |
---|
1820 | } |
---|
1821 | .btn .close, .alert-message .close { |
---|
1822 | font-family: Arial, sans-serif; |
---|
1823 | line-height: 18px; |
---|
1824 | } |
---|
1825 | .btn.danger, |
---|
1826 | .alert-message.danger, |
---|
1827 | .btn.error, |
---|
1828 | .alert-message.error { |
---|
1829 | background-color: #c43c35; |
---|
1830 | background-repeat: repeat-x; |
---|
1831 | background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35)); |
---|
1832 | background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35); |
---|
1833 | background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35); |
---|
1834 | background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35)); |
---|
1835 | background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35); |
---|
1836 | background-image: -o-linear-gradient(top, #ee5f5b, #c43c35); |
---|
1837 | background-image: linear-gradient(top, #ee5f5b, #c43c35); |
---|
1838 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0); |
---|
1839 | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); |
---|
1840 | border-color: #c43c35 #c43c35 #882a25; |
---|
1841 | border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); |
---|
1842 | } |
---|
1843 | .btn.success, .alert-message.success { |
---|
1844 | background-color: #57a957; |
---|
1845 | background-repeat: repeat-x; |
---|
1846 | background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957)); |
---|
1847 | background-image: -moz-linear-gradient(top, #62c462, #57a957); |
---|
1848 | background-image: -ms-linear-gradient(top, #62c462, #57a957); |
---|
1849 | background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957)); |
---|
1850 | background-image: -webkit-linear-gradient(top, #62c462, #57a957); |
---|
1851 | background-image: -o-linear-gradient(top, #62c462, #57a957); |
---|
1852 | background-image: linear-gradient(top, #62c462, #57a957); |
---|
1853 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0); |
---|
1854 | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); |
---|
1855 | border-color: #57a957 #57a957 #3d773d; |
---|
1856 | border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); |
---|
1857 | } |
---|
1858 | .btn.info, .alert-message.info { |
---|
1859 | background-color: #339bb9; |
---|
1860 | background-repeat: repeat-x; |
---|
1861 | background-image: -khtml-gradient(linear, left top, left bottom, from(#5bc0de), to(#339bb9)); |
---|
1862 | background-image: -moz-linear-gradient(top, #5bc0de, #339bb9); |
---|
1863 | background-image: -ms-linear-gradient(top, #5bc0de, #339bb9); |
---|
1864 | background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5bc0de), color-stop(100%, #339bb9)); |
---|
1865 | background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9); |
---|
1866 | background-image: -o-linear-gradient(top, #5bc0de, #339bb9); |
---|
1867 | background-image: linear-gradient(top, #5bc0de, #339bb9); |
---|
1868 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0); |
---|
1869 | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); |
---|
1870 | border-color: #339bb9 #339bb9 #22697d; |
---|
1871 | border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); |
---|
1872 | } |
---|
1873 | .btn { |
---|
1874 | cursor: pointer; |
---|
1875 | display: inline-block; |
---|
1876 | background-color: #e6e6e6; |
---|
1877 | background-repeat: no-repeat; |
---|
1878 | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6)); |
---|
1879 | background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6); |
---|
1880 | background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6); |
---|
1881 | background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6); |
---|
1882 | background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6); |
---|
1883 | background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6); |
---|
1884 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0); |
---|
1885 | padding: 5px 14px 6px; |
---|
1886 | text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); |
---|
1887 | color: #333; |
---|
1888 | font-size: 13px; |
---|
1889 | line-height: normal; |
---|
1890 | border: 1px solid #ccc; |
---|
1891 | border-bottom-color: #bbb; |
---|
1892 | -webkit-border-radius: 4px; |
---|
1893 | -moz-border-radius: 4px; |
---|
1894 | border-radius: 4px; |
---|
1895 | -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); |
---|
1896 | -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); |
---|
1897 | box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); |
---|
1898 | -webkit-transition: 0.1s linear all; |
---|
1899 | -moz-transition: 0.1s linear all; |
---|
1900 | -ms-transition: 0.1s linear all; |
---|
1901 | -o-transition: 0.1s linear all; |
---|
1902 | transition: 0.1s linear all; |
---|
1903 | } |
---|
1904 | .btn:hover { |
---|
1905 | background-position: 0 -15px; |
---|
1906 | color: #333; |
---|
1907 | text-decoration: none; |
---|
1908 | } |
---|
1909 | .btn:focus { |
---|
1910 | outline: 1px dotted #666; |
---|
1911 | } |
---|
1912 | .btn.primary { |
---|
1913 | color: #ffffff; |
---|
1914 | background-color: #0064cd; |
---|
1915 | background-repeat: repeat-x; |
---|
1916 | background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd)); |
---|
1917 | background-image: -moz-linear-gradient(top, #049cdb, #0064cd); |
---|
1918 | background-image: -ms-linear-gradient(top, #049cdb, #0064cd); |
---|
1919 | background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd)); |
---|
1920 | background-image: -webkit-linear-gradient(top, #049cdb, #0064cd); |
---|
1921 | background-image: -o-linear-gradient(top, #049cdb, #0064cd); |
---|
1922 | background-image: linear-gradient(top, #049cdb, #0064cd); |
---|
1923 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0); |
---|
1924 | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); |
---|
1925 | border-color: #0064cd #0064cd #003f81; |
---|
1926 | border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); |
---|
1927 | } |
---|
1928 | .btn.active, .btn:active { |
---|
1929 | -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05); |
---|
1930 | -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05); |
---|
1931 | box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05); |
---|
1932 | } |
---|
1933 | .btn.disabled { |
---|
1934 | cursor: default; |
---|
1935 | background-image: none; |
---|
1936 | filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); |
---|
1937 | filter: alpha(opacity=65); |
---|
1938 | -khtml-opacity: 0.65; |
---|
1939 | -moz-opacity: 0.65; |
---|
1940 | opacity: 0.65; |
---|
1941 | -webkit-box-shadow: none; |
---|
1942 | -moz-box-shadow: none; |
---|
1943 | box-shadow: none; |
---|
1944 | } |
---|
1945 | .btn[disabled] { |
---|
1946 | cursor: default; |
---|
1947 | background-image: none; |
---|
1948 | filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); |
---|
1949 | filter: alpha(opacity=65); |
---|
1950 | -khtml-opacity: 0.65; |
---|
1951 | -moz-opacity: 0.65; |
---|
1952 | opacity: 0.65; |
---|
1953 | -webkit-box-shadow: none; |
---|
1954 | -moz-box-shadow: none; |
---|
1955 | box-shadow: none; |
---|
1956 | } |
---|
1957 | .btn.large { |
---|
1958 | font-size: 15px; |
---|
1959 | line-height: normal; |
---|
1960 | padding: 9px 14px 9px; |
---|
1961 | -webkit-border-radius: 6px; |
---|
1962 | -moz-border-radius: 6px; |
---|
1963 | border-radius: 6px; |
---|
1964 | } |
---|
1965 | .btn.small { |
---|
1966 | padding: 7px 9px 7px; |
---|
1967 | font-size: 11px; |
---|
1968 | } |
---|
1969 | :root .alert-message, :root .btn { |
---|
1970 | border-radius: 0 \0; |
---|
1971 | } |
---|
1972 | button.btn::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner { |
---|
1973 | padding: 0; |
---|
1974 | border: 0; |
---|
1975 | } |
---|
1976 | .close { |
---|
1977 | float: right; |
---|
1978 | color: #000000; |
---|
1979 | font-size: 20px; |
---|
1980 | font-weight: bold; |
---|
1981 | line-height: 13.5px; |
---|
1982 | text-shadow: 0 1px 0 #ffffff; |
---|
1983 | filter: alpha(opacity=25); |
---|
1984 | -khtml-opacity: 0.25; |
---|
1985 | -moz-opacity: 0.25; |
---|
1986 | opacity: 0.25; |
---|
1987 | } |
---|
1988 | .close:hover { |
---|
1989 | color: #000000; |
---|
1990 | text-decoration: none; |
---|
1991 | filter: alpha(opacity=40); |
---|
1992 | -khtml-opacity: 0.4; |
---|
1993 | -moz-opacity: 0.4; |
---|
1994 | opacity: 0.4; |
---|
1995 | } |
---|
1996 | .alert-message { |
---|
1997 | position: relative; |
---|
1998 | padding: 7px 15px; |
---|
1999 | margin-bottom: 18px; |
---|
2000 | color: #404040; |
---|
2001 | background-color: #eedc94; |
---|
2002 | background-repeat: repeat-x; |
---|
2003 | background-image: -khtml-gradient(linear, left top, left bottom, from(#fceec1), to(#eedc94)); |
---|
2004 | background-image: -moz-linear-gradient(top, #fceec1, #eedc94); |
---|
2005 | background-image: -ms-linear-gradient(top, #fceec1, #eedc94); |
---|
2006 | background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fceec1), color-stop(100%, #eedc94)); |
---|
2007 | background-image: -webkit-linear-gradient(top, #fceec1, #eedc94); |
---|
2008 | background-image: -o-linear-gradient(top, #fceec1, #eedc94); |
---|
2009 | background-image: linear-gradient(top, #fceec1, #eedc94); |
---|
2010 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceec1', endColorstr='#eedc94', GradientType=0); |
---|
2011 | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); |
---|
2012 | border-color: #eedc94 #eedc94 #e4c652; |
---|
2013 | border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); |
---|
2014 | text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); |
---|
2015 | border-width: 1px; |
---|
2016 | border-style: solid; |
---|
2017 | -webkit-border-radius: 4px; |
---|
2018 | -moz-border-radius: 4px; |
---|
2019 | border-radius: 4px; |
---|
2020 | -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25); |
---|
2021 | -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25); |
---|
2022 | box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25); |
---|
2023 | } |
---|
2024 | .alert-message .close { |
---|
2025 | margin-top: 1px; |
---|
2026 | *margin-top: 0; |
---|
2027 | } |
---|
2028 | .alert-message a { |
---|
2029 | font-weight: bold; |
---|
2030 | color: #404040; |
---|
2031 | } |
---|
2032 | .alert-message.danger p a, |
---|
2033 | .alert-message.error p a, |
---|
2034 | .alert-message.success p a, |
---|
2035 | .alert-message.info p a { |
---|
2036 | color: #ffffff; |
---|
2037 | } |
---|
2038 | .alert-message h5 { |
---|
2039 | line-height: 18px; |
---|
2040 | } |
---|
2041 | .alert-message p { |
---|
2042 | margin-bottom: 0; |
---|
2043 | } |
---|
2044 | .alert-message div { |
---|
2045 | margin-top: 5px; |
---|
2046 | margin-bottom: 2px; |
---|
2047 | line-height: 28px; |
---|
2048 | } |
---|
2049 | .alert-message .btn { |
---|
2050 | -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25); |
---|
2051 | -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25); |
---|
2052 | box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25); |
---|
2053 | } |
---|
2054 | .alert-message.block-message { |
---|
2055 | background-image: none; |
---|
2056 | background-color: #fdf5d9; |
---|
2057 | filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); |
---|
2058 | padding: 14px; |
---|
2059 | border-color: #fceec1; |
---|
2060 | -webkit-box-shadow: none; |
---|
2061 | -moz-box-shadow: none; |
---|
2062 | box-shadow: none; |
---|
2063 | } |
---|
2064 | .alert-message.block-message ul, .alert-message.block-message p { |
---|
2065 | margin-right: 30px; |
---|
2066 | } |
---|
2067 | .alert-message.block-message ul { |
---|
2068 | margin-bottom: 0; |
---|
2069 | } |
---|
2070 | .alert-message.block-message li { |
---|
2071 | color: #404040; |
---|
2072 | } |
---|
2073 | .alert-message.block-message .alert-actions { |
---|
2074 | margin-top: 5px; |
---|
2075 | } |
---|
2076 | .alert-message.block-message.error, .alert-message.block-message.success, .alert-message.block-message.info { |
---|
2077 | color: #404040; |
---|
2078 | text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); |
---|
2079 | } |
---|
2080 | .alert-message.block-message.error { |
---|
2081 | background-color: #fddfde; |
---|
2082 | border-color: #fbc7c6; |
---|
2083 | } |
---|
2084 | .alert-message.block-message.success { |
---|
2085 | background-color: #d1eed1; |
---|
2086 | border-color: #bfe7bf; |
---|
2087 | } |
---|
2088 | .alert-message.block-message.info { |
---|
2089 | background-color: #ddf4fb; |
---|
2090 | border-color: #c6edf9; |
---|
2091 | } |
---|
2092 | .alert-message.block-message.danger p a, |
---|
2093 | .alert-message.block-message.error p a, |
---|
2094 | .alert-message.block-message.success p a, |
---|
2095 | .alert-message.block-message.info p a { |
---|
2096 | color: #404040; |
---|
2097 | } |
---|
2098 | .pagination { |
---|
2099 | height: 36px; |
---|
2100 | margin: 18px 0; |
---|
2101 | } |
---|
2102 | .pagination ul { |
---|
2103 | float: left; |
---|
2104 | margin: 0; |
---|
2105 | border: 1px solid #ddd; |
---|
2106 | border: 1px solid rgba(0, 0, 0, 0.15); |
---|
2107 | -webkit-border-radius: 3px; |
---|
2108 | -moz-border-radius: 3px; |
---|
2109 | border-radius: 3px; |
---|
2110 | -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); |
---|
2111 | -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); |
---|
2112 | box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); |
---|
2113 | } |
---|
2114 | .pagination li { |
---|
2115 | display: inline; |
---|
2116 | } |
---|
2117 | .pagination a { |
---|
2118 | float: left; |
---|
2119 | padding: 0 14px; |
---|
2120 | line-height: 34px; |
---|
2121 | border-right: 1px solid; |
---|
2122 | border-right-color: #ddd; |
---|
2123 | border-right-color: rgba(0, 0, 0, 0.15); |
---|
2124 | *border-right-color: #ddd; |
---|
2125 | /* IE6-7 */ |
---|
2126 | |
---|
2127 | text-decoration: none; |
---|
2128 | } |
---|
2129 | .pagination a:hover, .pagination .active a { |
---|
2130 | background-color: #c7eefe; |
---|
2131 | } |
---|
2132 | .pagination .disabled a, .pagination .disabled a:hover { |
---|
2133 | background-color: transparent; |
---|
2134 | color: #bfbfbf; |
---|
2135 | } |
---|
2136 | .pagination .next a { |
---|
2137 | border: 0; |
---|
2138 | } |
---|
2139 | .well { |
---|
2140 | background-color: #f5f5f5; |
---|
2141 | margin-bottom: 20px; |
---|
2142 | padding: 19px; |
---|
2143 | min-height: 20px; |
---|
2144 | border: 1px solid #eee; |
---|
2145 | border: 1px solid rgba(0, 0, 0, 0.05); |
---|
2146 | -webkit-border-radius: 4px; |
---|
2147 | -moz-border-radius: 4px; |
---|
2148 | border-radius: 4px; |
---|
2149 | -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); |
---|
2150 | -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); |
---|
2151 | box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); |
---|
2152 | } |
---|
2153 | .well blockquote { |
---|
2154 | border-color: #ddd; |
---|
2155 | border-color: rgba(0, 0, 0, 0.15); |
---|
2156 | } |
---|
2157 | .modal-backdrop { |
---|
2158 | background-color: #000000; |
---|
2159 | position: fixed; |
---|
2160 | top: 0; |
---|
2161 | left: 0; |
---|
2162 | right: 0; |
---|
2163 | bottom: 0; |
---|
2164 | z-index: 10000; |
---|
2165 | } |
---|
2166 | .modal-backdrop.fade { |
---|
2167 | opacity: 0; |
---|
2168 | } |
---|
2169 | .modal-backdrop, .modal-backdrop.fade.in { |
---|
2170 | filter: alpha(opacity=80); |
---|
2171 | -khtml-opacity: 0.8; |
---|
2172 | -moz-opacity: 0.8; |
---|
2173 | opacity: 0.8; |
---|
2174 | } |
---|
2175 | .modal { |
---|
2176 | position: fixed; |
---|
2177 | top: 50%; |
---|
2178 | left: 50%; |
---|
2179 | z-index: 11000; |
---|
2180 | width: 560px; |
---|
2181 | margin: -250px 0 0 -280px; |
---|
2182 | background-color: #ffffff; |
---|
2183 | border: 1px solid #999; |
---|
2184 | border: 1px solid rgba(0, 0, 0, 0.3); |
---|
2185 | *border: 1px solid #999; |
---|
2186 | /* IE6-7 */ |
---|
2187 | |
---|
2188 | -webkit-border-radius: 6px; |
---|
2189 | -moz-border-radius: 6px; |
---|
2190 | border-radius: 6px; |
---|
2191 | -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); |
---|
2192 | -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); |
---|
2193 | box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); |
---|
2194 | -webkit-background-clip: padding-box; |
---|
2195 | -moz-background-clip: padding-box; |
---|
2196 | background-clip: padding-box; |
---|
2197 | } |
---|
2198 | .modal .close { |
---|
2199 | margin-top: 7px; |
---|
2200 | } |
---|
2201 | .modal.fade { |
---|
2202 | -webkit-transition: opacity .3s linear, top .3s ease-out; |
---|
2203 | -moz-transition: opacity .3s linear, top .3s ease-out; |
---|
2204 | -ms-transition: opacity .3s linear, top .3s ease-out; |
---|
2205 | -o-transition: opacity .3s linear, top .3s ease-out; |
---|
2206 | transition: opacity .3s linear, top .3s ease-out; |
---|
2207 | top: -25%; |
---|
2208 | } |
---|
2209 | .modal.fade.in { |
---|
2210 | top: 50%; |
---|
2211 | } |
---|
2212 | .modal-header { |
---|
2213 | border-bottom: 1px solid #eee; |
---|
2214 | padding: 5px 15px; |
---|
2215 | } |
---|
2216 | .modal-body { |
---|
2217 | padding: 15px; |
---|
2218 | } |
---|
2219 | .modal-body form { |
---|
2220 | margin-bottom: 0; |
---|
2221 | } |
---|
2222 | .modal-footer { |
---|
2223 | background-color: #f5f5f5; |
---|
2224 | padding: 14px 15px 15px; |
---|
2225 | border-top: 1px solid #ddd; |
---|
2226 | -webkit-border-radius: 0 0 6px 6px; |
---|
2227 | -moz-border-radius: 0 0 6px 6px; |
---|
2228 | border-radius: 0 0 6px 6px; |
---|
2229 | -webkit-box-shadow: inset 0 1px 0 #ffffff; |
---|
2230 | -moz-box-shadow: inset 0 1px 0 #ffffff; |
---|
2231 | box-shadow: inset 0 1px 0 #ffffff; |
---|
2232 | zoom: 1; |
---|
2233 | margin-bottom: 0; |
---|
2234 | } |
---|
2235 | .modal-footer:before, .modal-footer:after { |
---|
2236 | display: table; |
---|
2237 | content: ""; |
---|
2238 | zoom: 1; |
---|
2239 | } |
---|
2240 | .modal-footer:after { |
---|
2241 | clear: both; |
---|
2242 | } |
---|
2243 | .modal-footer .btn { |
---|
2244 | float: right; |
---|
2245 | margin-left: 5px; |
---|
2246 | } |
---|
2247 | .modal .popover, .modal .twipsy { |
---|
2248 | z-index: 12000; |
---|
2249 | } |
---|
2250 | .twipsy { |
---|
2251 | display: block; |
---|
2252 | position: absolute; |
---|
2253 | visibility: visible; |
---|
2254 | padding: 5px; |
---|
2255 | font-size: 11px; |
---|
2256 | z-index: 1000; |
---|
2257 | filter: alpha(opacity=80); |
---|
2258 | -khtml-opacity: 0.8; |
---|
2259 | -moz-opacity: 0.8; |
---|
2260 | opacity: 0.8; |
---|
2261 | } |
---|
2262 | .twipsy.fade.in { |
---|
2263 | filter: alpha(opacity=80); |
---|
2264 | -khtml-opacity: 0.8; |
---|
2265 | -moz-opacity: 0.8; |
---|
2266 | opacity: 0.8; |
---|
2267 | } |
---|
2268 | .twipsy.above .twipsy-arrow { |
---|
2269 | bottom: 0; |
---|
2270 | left: 50%; |
---|
2271 | margin-left: -5px; |
---|
2272 | border-left: 5px solid transparent; |
---|
2273 | border-right: 5px solid transparent; |
---|
2274 | border-top: 5px solid #000000; |
---|
2275 | } |
---|
2276 | .twipsy.left .twipsy-arrow { |
---|
2277 | top: 50%; |
---|
2278 | right: 0; |
---|
2279 | margin-top: -5px; |
---|
2280 | border-top: 5px solid transparent; |
---|
2281 | border-bottom: 5px solid transparent; |
---|
2282 | border-left: 5px solid #000000; |
---|
2283 | } |
---|
2284 | .twipsy.below .twipsy-arrow { |
---|
2285 | top: 0; |
---|
2286 | left: 50%; |
---|
2287 | margin-left: -5px; |
---|
2288 | border-left: 5px solid transparent; |
---|
2289 | border-right: 5px solid transparent; |
---|
2290 | border-bottom: 5px solid #000000; |
---|
2291 | } |
---|
2292 | .twipsy.right .twipsy-arrow { |
---|
2293 | top: 50%; |
---|
2294 | left: 0; |
---|
2295 | margin-top: -5px; |
---|
2296 | border-top: 5px solid transparent; |
---|
2297 | border-bottom: 5px solid transparent; |
---|
2298 | border-right: 5px solid #000000; |
---|
2299 | } |
---|
2300 | .twipsy-inner { |
---|
2301 | padding: 3px 8px; |
---|
2302 | background-color: #000000; |
---|
2303 | color: white; |
---|
2304 | text-align: center; |
---|
2305 | max-width: 200px; |
---|
2306 | text-decoration: none; |
---|
2307 | -webkit-border-radius: 4px; |
---|
2308 | -moz-border-radius: 4px; |
---|
2309 | border-radius: 4px; |
---|
2310 | } |
---|
2311 | .twipsy-arrow { |
---|
2312 | position: absolute; |
---|
2313 | width: 0; |
---|
2314 | height: 0; |
---|
2315 | } |
---|
2316 | .popover { |
---|
2317 | position: absolute; |
---|
2318 | top: 0; |
---|
2319 | left: 0; |
---|
2320 | z-index: 1000; |
---|
2321 | padding: 5px; |
---|
2322 | display: none; |
---|
2323 | } |
---|
2324 | .popover.above .arrow { |
---|
2325 | bottom: 0; |
---|
2326 | left: 50%; |
---|
2327 | margin-left: -5px; |
---|
2328 | border-left: 5px solid transparent; |
---|
2329 | border-right: 5px solid transparent; |
---|
2330 | border-top: 5px solid #000000; |
---|
2331 | } |
---|
2332 | .popover.right .arrow { |
---|
2333 | top: 50%; |
---|
2334 | left: 0; |
---|
2335 | margin-top: -5px; |
---|
2336 | border-top: 5px solid transparent; |
---|
2337 | border-bottom: 5px solid transparent; |
---|
2338 | border-right: 5px solid #000000; |
---|
2339 | } |
---|
2340 | .popover.below .arrow { |
---|
2341 | top: 0; |
---|
2342 | left: 50%; |
---|
2343 | margin-left: -5px; |
---|
2344 | border-left: 5px solid transparent; |
---|
2345 | border-right: 5px solid transparent; |
---|
2346 | border-bottom: 5px solid #000000; |
---|
2347 | } |
---|
2348 | .popover.left .arrow { |
---|
2349 | top: 50%; |
---|
2350 | right: 0; |
---|
2351 | margin-top: -5px; |
---|
2352 | border-top: 5px solid transparent; |
---|
2353 | border-bottom: 5px solid transparent; |
---|
2354 | border-left: 5px solid #000000; |
---|
2355 | } |
---|
2356 | .popover .arrow { |
---|
2357 | position: absolute; |
---|
2358 | width: 0; |
---|
2359 | height: 0; |
---|
2360 | } |
---|
2361 | .popover .inner { |
---|
2362 | background: #000000; |
---|
2363 | background: rgba(0, 0, 0, 0.8); |
---|
2364 | padding: 3px; |
---|
2365 | overflow: hidden; |
---|
2366 | width: 280px; |
---|
2367 | -webkit-border-radius: 6px; |
---|
2368 | -moz-border-radius: 6px; |
---|
2369 | border-radius: 6px; |
---|
2370 | -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); |
---|
2371 | -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); |
---|
2372 | box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); |
---|
2373 | } |
---|
2374 | .popover .title { |
---|
2375 | background-color: #f5f5f5; |
---|
2376 | padding: 9px 15px; |
---|
2377 | line-height: 1; |
---|
2378 | -webkit-border-radius: 3px 3px 0 0; |
---|
2379 | -moz-border-radius: 3px 3px 0 0; |
---|
2380 | border-radius: 3px 3px 0 0; |
---|
2381 | border-bottom: 1px solid #eee; |
---|
2382 | } |
---|
2383 | .popover .content { |
---|
2384 | background-color: #ffffff; |
---|
2385 | padding: 14px; |
---|
2386 | -webkit-border-radius: 0 0 3px 3px; |
---|
2387 | -moz-border-radius: 0 0 3px 3px; |
---|
2388 | border-radius: 0 0 3px 3px; |
---|
2389 | -webkit-background-clip: padding-box; |
---|
2390 | -moz-background-clip: padding-box; |
---|
2391 | background-clip: padding-box; |
---|
2392 | } |
---|
2393 | .popover .content p, .popover .content ul, .popover .content ol { |
---|
2394 | margin-bottom: 0; |
---|
2395 | } |
---|
2396 | .fade { |
---|
2397 | -webkit-transition: opacity 0.15s linear; |
---|
2398 | -moz-transition: opacity 0.15s linear; |
---|
2399 | -ms-transition: opacity 0.15s linear; |
---|
2400 | -o-transition: opacity 0.15s linear; |
---|
2401 | transition: opacity 0.15s linear; |
---|
2402 | opacity: 0; |
---|
2403 | } |
---|
2404 | .fade.in { |
---|
2405 | opacity: 1; |
---|
2406 | } |
---|
2407 | .label { |
---|
2408 | padding: 1px 3px 2px; |
---|
2409 | font-size: 9.75px; |
---|
2410 | font-weight: bold; |
---|
2411 | color: #ffffff; |
---|
2412 | text-transform: uppercase; |
---|
2413 | white-space: nowrap; |
---|
2414 | background-color: #bfbfbf; |
---|
2415 | -webkit-border-radius: 3px; |
---|
2416 | -moz-border-radius: 3px; |
---|
2417 | border-radius: 3px; |
---|
2418 | } |
---|
2419 | .label.important { |
---|
2420 | background-color: #c43c35; |
---|
2421 | } |
---|
2422 | .label.warning { |
---|
2423 | background-color: #f89406; |
---|
2424 | } |
---|
2425 | .label.success { |
---|
2426 | background-color: #46a546; |
---|
2427 | } |
---|
2428 | .label.notice { |
---|
2429 | background-color: #62cffc; |
---|
2430 | } |
---|
2431 | .media-grid { |
---|
2432 | margin-left: -20px; |
---|
2433 | margin-bottom: 0; |
---|
2434 | zoom: 1; |
---|
2435 | } |
---|
2436 | .media-grid:before, .media-grid:after { |
---|
2437 | display: table; |
---|
2438 | content: ""; |
---|
2439 | zoom: 1; |
---|
2440 | } |
---|
2441 | .media-grid:after { |
---|
2442 | clear: both; |
---|
2443 | } |
---|
2444 | .media-grid li { |
---|
2445 | display: inline; |
---|
2446 | } |
---|
2447 | .media-grid a { |
---|
2448 | float: left; |
---|
2449 | padding: 4px; |
---|
2450 | margin: 0 0 18px 20px; |
---|
2451 | border: 1px solid #ddd; |
---|
2452 | -webkit-border-radius: 4px; |
---|
2453 | -moz-border-radius: 4px; |
---|
2454 | border-radius: 4px; |
---|
2455 | -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); |
---|
2456 | -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); |
---|
2457 | box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); |
---|
2458 | } |
---|
2459 | .media-grid a img { |
---|
2460 | display: block; |
---|
2461 | } |
---|
2462 | .media-grid a:hover { |
---|
2463 | border-color: #0069d6; |
---|
2464 | -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); |
---|
2465 | -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); |
---|
2466 | box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); |
---|
2467 | } |
---|