Merge branch 'MDL-56767-master' of git://github.com/danpoltawski/moodle
[moodle.git] / theme / bootstrapbase / style / editor.css
1 .clearfix {
2   *zoom: 1;
3 }
4 .clearfix:before,
5 .clearfix:after {
6   display: table;
7   content: "";
8   line-height: 0;
9 }
10 .clearfix:after {
11   clear: both;
12 }
13 .hide-text {
14   font: 0/0 a;
15   color: transparent;
16   text-shadow: none;
17   background-color: transparent;
18   border: 0;
19 }
20 .input-block-level {
21   display: block;
22   width: 100%;
23   min-height: 30px;
24   -webkit-box-sizing: border-box;
25   -moz-box-sizing: border-box;
26   box-sizing: border-box;
27 }
28 article,
29 aside,
30 details,
31 figcaption,
32 figure,
33 footer,
34 header,
35 hgroup,
36 nav,
37 section {
38   display: block;
39 }
40 audio,
41 canvas,
42 video {
43   display: inline-block;
44   *display: inline;
45   *zoom: 1;
46 }
47 audio:not([controls]) {
48   display: none;
49 }
50 html {
51   font-size: 100%;
52   -webkit-text-size-adjust: 100%;
53   -ms-text-size-adjust: 100%;
54 }
55 a:focus {
56   outline: thin dotted #333;
57   outline: 5px auto -webkit-focus-ring-color;
58   outline-offset: -2px;
59 }
60 a:hover,
61 a:active {
62   outline: 0;
63 }
64 sub,
65 sup {
66   position: relative;
67   font-size: 75%;
68   line-height: 0;
69   vertical-align: baseline;
70 }
71 sup {
72   top: -0.5em;
73 }
74 sub {
75   bottom: -0.25em;
76 }
77 .img-responsive {
78   /* Responsive images (ensure images don't scale beyond their parents) */
79   max-width: 100%;
80   /* Part 1: Set a maxium relative to the parent */
81   width: auto\9;
82   /* IE7-8 need help adjusting responsive images */
83   height: auto;
84   /* Part 2: Scale the height according to the width, otherwise you get stretching */
85   -ms-interpolation-mode: bicubic;
86 }
87 img {
88   vertical-align: middle;
89   border: 0;
90 }
91 #map_canvas img,
92 .google-maps img {
93   max-width: none;
94 }
95 button,
96 input,
97 select,
98 textarea {
99   margin: 0;
100   font-size: 100%;
101   vertical-align: middle;
103 button,
104 input {
105   *overflow: visible;
106   line-height: normal;
108 button::-moz-focus-inner,
109 input::-moz-focus-inner {
110   padding: 0;
111   border: 0;
113 button,
114 html input[type="button"],
115 input[type="reset"],
116 input[type="submit"] {
117   -webkit-appearance: button;
118   cursor: pointer;
120 label,
121 select,
122 button,
123 input[type="button"],
124 input[type="reset"],
125 input[type="submit"],
126 input[type="radio"],
127 input[type="checkbox"] {
128   cursor: pointer;
130 input[type="search"] {
131   -webkit-box-sizing: content-box;
132   -moz-box-sizing: content-box;
133   box-sizing: content-box;
134   -webkit-appearance: textfield;
136 input[type="search"]::-webkit-search-decoration,
137 input[type="search"]::-webkit-search-cancel-button {
138   -webkit-appearance: none;
140 textarea {
141   overflow: auto;
142   vertical-align: top;
144 @media print {
145   * {
146     text-shadow: none !important;
147     color: #000 !important;
148     background: transparent !important;
149     box-shadow: none !important;
150   }
151   a,
152   a:visited {
153     text-decoration: underline;
154   }
155   a[href]:after {
156     content: " (" attr(href) ")";
157   }
158   abbr[title]:after {
159     content: " (" attr(title) ")";
160   }
161   .ir a:after,
162   a[href^="javascript:"]:after,
163   a[href^="#"]:after {
164     content: "";
165   }
166   pre,
167   blockquote {
168     border: 1px solid #999;
169     page-break-inside: avoid;
170   }
171   thead {
172     display: table-header-group;
173   }
174   tr,
175   img {
176     page-break-inside: avoid;
177   }
178   img {
179     max-width: 100% !important;
180   }
181   @page {
182     margin: 0.5cm;
183   }
184   p,
185   h2,
186   h3 {
187     orphans: 3;
188     widows: 3;
189   }
190   h2,
191   h3 {
192     page-break-after: avoid;
193   }
195 body {
196   margin: 0;
197   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
198   font-size: 14px;
199   line-height: 20px;
200   color: #333;
201   background-color: #fff;
203 a {
204   color: #08c;
205   text-decoration: none;
207 a:hover,
208 a:focus {
209   color: #005580;
210   text-decoration: underline;
212 .img-rounded {
213   -webkit-border-radius: 6px;
214   -moz-border-radius: 6px;
215   border-radius: 6px;
217 .img-polaroid {
218   padding: 4px;
219   background-color: #fff;
220   border: 1px solid #ccc;
221   border: 1px solid rgba(0, 0, 0, 0.2);
222   -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
223   -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
224   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
226 .img-circle {
227   -webkit-border-radius: 500px;
228   -moz-border-radius: 500px;
229   border-radius: 500px;
231 p {
232   margin: 0 0 10px;
234 .lead {
235   margin-bottom: 20px;
236   font-size: 21px;
237   font-weight: 200;
238   line-height: 30px;
240 small {
241   font-size: 85%;
243 strong {
244   font-weight: bold;
246 em {
247   font-style: italic;
249 cite {
250   font-style: normal;
252 .muted {
253   color: #999;
255 a.muted:hover,
256 a.muted:focus {
257   color: #808080;
259 .text-warning {
260   color: #c09853;
262 a.text-warning:hover,
263 a.text-warning:focus {
264   color: #a47e3c;
266 .text-error {
267   color: #b94a48;
269 a.text-error:hover,
270 a.text-error:focus {
271   color: #953b39;
273 .text-info {
274   color: #3a87ad;
276 a.text-info:hover,
277 a.text-info:focus {
278   color: #2d6987;
280 .text-success {
281   color: #468847;
283 a.text-success:hover,
284 a.text-success:focus {
285   color: #356635;
287 .text-left {
288   text-align: left;
290 .text-right {
291   text-align: right;
293 .text-center {
294   text-align: center;
296 h1,
297 h2,
298 h3,
299 h4,
300 h5,
301 h6 {
302   margin: 10px 0;
303   font-family: inherit;
304   font-weight: bold;
305   line-height: 20px;
306   color: inherit;
307   text-rendering: optimizelegibility;
309 h1 small,
310 h2 small,
311 h3 small,
312 h4 small,
313 h5 small,
314 h6 small {
315   font-weight: normal;
316   line-height: 1;
317   color: #999;
319 h1,
320 h2,
321 h3 {
322   line-height: 40px;
324 h1 {
325   font-size: 38.5px;
327 h2 {
328   font-size: 31.5px;
330 h3 {
331   font-size: 24.5px;
333 h4 {
334   font-size: 17.5px;
336 h5 {
337   font-size: 14px;
339 h6 {
340   font-size: 11.9px;
342 h1 small {
343   font-size: 24.5px;
345 h2 small {
346   font-size: 17.5px;
348 h3 small {
349   font-size: 14px;
351 h4 small {
352   font-size: 14px;
354 .page-header {
355   padding-bottom: 9px;
356   margin: 20px 0 30px;
357   border-bottom: 1px solid #eee;
359 ul,
360 ol {
361   padding: 0;
362   margin: 0 0 10px 25px;
364 ul ul,
365 ul ol,
366 ol ol,
367 ol ul {
368   margin-bottom: 0;
370 li {
371   line-height: 20px;
373 ul.unstyled,
374 ol.unstyled {
375   margin-left: 0;
376   list-style: none;
378 ul.inline,
379 ol.inline {
380   margin-left: 0;
381   list-style: none;
383 ul.inline > li,
384 ol.inline > li {
385   display: inline-block;
386   *display: inline;
387   /* IE7 inline-block hack */
388   *zoom: 1;
389   padding-left: 5px;
390   padding-right: 5px;
392 dl {
393   margin-bottom: 20px;
395 dt,
396 dd {
397   line-height: 20px;
399 dt {
400   font-weight: bold;
402 dd {
403   margin-left: 10px;
405 .dl-horizontal {
406   *zoom: 1;
408 .dl-horizontal:before,
409 .dl-horizontal:after {
410   display: table;
411   content: "";
412   line-height: 0;
414 .dl-horizontal:after {
415   clear: both;
417 .dl-horizontal dt {
418   float: left;
419   width: 160px;
420   clear: left;
421   text-align: right;
422   overflow: hidden;
423   text-overflow: ellipsis;
424   white-space: nowrap;
426 .dl-horizontal dd {
427   margin-left: 180px;
429 hr {
430   margin: 20px 0;
431   border: 0;
432   border-top: 1px solid #eee;
433   border-bottom: 1px solid #fff;
435 abbr[title],
436 abbr[data-original-title] {
437   cursor: help;
438   border-bottom: 1px dotted #999;
440 abbr.initialism {
441   font-size: 90%;
442   text-transform: uppercase;
444 blockquote {
445   padding: 0 0 0 15px;
446   margin: 0 0 20px;
447   border-left: 5px solid #eee;
449 blockquote p {
450   margin-bottom: 0;
451   font-size: 17.5px;
452   font-weight: 300;
453   line-height: 1.25;
455 blockquote small {
456   display: block;
457   line-height: 20px;
458   color: #999;
460 blockquote small:before {
461   content: '\2014 \00A0';
463 blockquote.pull-right {
464   float: right;
465   padding-right: 15px;
466   padding-left: 0;
467   border-right: 5px solid #eee;
468   border-left: 0;
470 blockquote.pull-right p,
471 blockquote.pull-right small {
472   text-align: right;
474 blockquote.pull-right small:before {
475   content: '';
477 blockquote.pull-right small:after {
478   content: '\00A0 \2014';
480 q:before,
481 q:after,
482 blockquote:before,
483 blockquote:after {
484   content: "";
486 address {
487   display: block;
488   margin-bottom: 20px;
489   font-style: normal;
490   line-height: 20px;
492 code,
493 pre {
494   padding: 0 3px 2px;
495   font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
496   font-size: 12px;
497   color: #333;
498   -webkit-border-radius: 3px;
499   -moz-border-radius: 3px;
500   border-radius: 3px;
502 code {
503   padding: 2px 4px;
504   color: #d14;
505   background-color: #f7f7f9;
506   border: 1px solid #e1e1e8;
507   white-space: nowrap;
509 pre {
510   display: block;
511   padding: 9.5px;
512   margin: 0 0 10px;
513   font-size: 13px;
514   line-height: 20px;
515   word-break: break-all;
516   word-wrap: break-word;
517   white-space: pre;
518   white-space: pre-wrap;
519   background-color: #f5f5f5;
520   border: 1px solid #ccc;
521   border: 1px solid rgba(0, 0, 0, 0.15);
522   -webkit-border-radius: 4px;
523   -moz-border-radius: 4px;
524   border-radius: 4px;
526 pre.prettyprint {
527   margin-bottom: 20px;
529 pre code {
530   padding: 0;
531   color: inherit;
532   white-space: pre;
533   white-space: pre-wrap;
534   background-color: transparent;
535   border: 0;
537 .pre-scrollable {
538   max-height: 340px;
539   overflow-y: scroll;
541 table {
542   max-width: 100%;
543   background-color: transparent;
544   border-collapse: collapse;
545   border-spacing: 0;
547 .table {
548   width: 100%;
549   margin-bottom: 20px;
551 .table th,
552 .table td {
553   padding: 8px;
554   line-height: 20px;
555   text-align: left;
556   vertical-align: top;
557   border-top: 1px solid #ddd;
559 .table th {
560   font-weight: bold;
562 .table thead th {
563   vertical-align: bottom;
565 .table caption + thead tr:first-child th,
566 .table caption + thead tr:first-child td,
567 .table colgroup + thead tr:first-child th,
568 .table colgroup + thead tr:first-child td,
569 .table thead:first-child tr:first-child th,
570 .table thead:first-child tr:first-child td {
571   border-top: 0;
573 .table tbody + tbody {
574   border-top: 2px solid #ddd;
576 .table .table {
577   background-color: #fff;
579 .table-condensed th,
580 .table-condensed td {
581   padding: 4px 5px;
583 .table-bordered {
584   border: 1px solid #ddd;
585   border-collapse: separate;
586   *border-collapse: collapse;
587   border-left: 0;
588   -webkit-border-radius: 4px;
589   -moz-border-radius: 4px;
590   border-radius: 4px;
592 .table-bordered th,
593 .table-bordered td {
594   border-left: 1px solid #ddd;
596 .table-bordered caption + thead tr:first-child th,
597 .table-bordered caption + tbody tr:first-child th,
598 .table-bordered caption + tbody tr:first-child td,
599 .table-bordered colgroup + thead tr:first-child th,
600 .table-bordered colgroup + tbody tr:first-child th,
601 .table-bordered colgroup + tbody tr:first-child td,
602 .table-bordered thead:first-child tr:first-child th,
603 .table-bordered tbody:first-child tr:first-child th,
604 .table-bordered tbody:first-child tr:first-child td {
605   border-top: 0;
607 .table-bordered thead:first-child tr:first-child > th:first-child,
608 .table-bordered tbody:first-child tr:first-child > td:first-child,
609 .table-bordered tbody:first-child tr:first-child > th:first-child {
610   -webkit-border-top-left-radius: 4px;
611   -moz-border-radius-topleft: 4px;
612   border-top-left-radius: 4px;
614 .table-bordered thead:first-child tr:first-child > th:last-child,
615 .table-bordered tbody:first-child tr:first-child > td:last-child,
616 .table-bordered tbody:first-child tr:first-child > th:last-child {
617   -webkit-border-top-right-radius: 4px;
618   -moz-border-radius-topright: 4px;
619   border-top-right-radius: 4px;
621 .table-bordered thead:last-child tr:last-child > th:first-child,
622 .table-bordered tbody:last-child tr:last-child > td:first-child,
623 .table-bordered tbody:last-child tr:last-child > th:first-child,
624 .table-bordered tfoot:last-child tr:last-child > td:first-child,
625 .table-bordered tfoot:last-child tr:last-child > th:first-child {
626   -webkit-border-bottom-left-radius: 4px;
627   -moz-border-radius-bottomleft: 4px;
628   border-bottom-left-radius: 4px;
630 .table-bordered thead:last-child tr:last-child > th:last-child,
631 .table-bordered tbody:last-child tr:last-child > td:last-child,
632 .table-bordered tbody:last-child tr:last-child > th:last-child,
633 .table-bordered tfoot:last-child tr:last-child > td:last-child,
634 .table-bordered tfoot:last-child tr:last-child > th:last-child {
635   -webkit-border-bottom-right-radius: 4px;
636   -moz-border-radius-bottomright: 4px;
637   border-bottom-right-radius: 4px;
639 .table-bordered tfoot + tbody:last-child tr:last-child td:first-child {
640   -webkit-border-bottom-left-radius: 0;
641   -moz-border-radius-bottomleft: 0;
642   border-bottom-left-radius: 0;
644 .table-bordered tfoot + tbody:last-child tr:last-child td:last-child {
645   -webkit-border-bottom-right-radius: 0;
646   -moz-border-radius-bottomright: 0;
647   border-bottom-right-radius: 0;
649 .table-bordered caption + thead tr:first-child th:first-child,
650 .table-bordered caption + tbody tr:first-child td:first-child,
651 .table-bordered colgroup + thead tr:first-child th:first-child,
652 .table-bordered colgroup + tbody tr:first-child td:first-child {
653   -webkit-border-top-left-radius: 4px;
654   -moz-border-radius-topleft: 4px;
655   border-top-left-radius: 4px;
657 .table-bordered caption + thead tr:first-child th:last-child,
658 .table-bordered caption + tbody tr:first-child td:last-child,
659 .table-bordered colgroup + thead tr:first-child th:last-child,
660 .table-bordered colgroup + tbody tr:first-child td:last-child {
661   -webkit-border-top-right-radius: 4px;
662   -moz-border-radius-topright: 4px;
663   border-top-right-radius: 4px;
665 .table-striped tbody > tr:nth-child(odd) > td,
666 .table-striped tbody > tr:nth-child(odd) > th {
667   background-color: #f9f9f9;
669 .table-hover tbody tr:hover > td,
670 .table-hover tbody tr:hover > th {
671   background-color: #f5f5f5;
673 table td[class*="span"],
674 table th[class*="span"],
675 .row-fluid table td[class*="span"],
676 .row-fluid table th[class*="span"] {
677   display: table-cell;
678   float: none;
679   margin-left: 0;
681 .table td.span1,
682 .table th.span1 {
683   float: none;
684   width: 44px;
685   margin-left: 0;
687 .table td.span2,
688 .table th.span2 {
689   float: none;
690   width: 124px;
691   margin-left: 0;
693 .table td.span3,
694 .table th.span3 {
695   float: none;
696   width: 204px;
697   margin-left: 0;
699 .table td.span4,
700 .table th.span4 {
701   float: none;
702   width: 284px;
703   margin-left: 0;
705 .table td.span5,
706 .table th.span5 {
707   float: none;
708   width: 364px;
709   margin-left: 0;
711 .table td.span6,
712 .table th.span6 {
713   float: none;
714   width: 444px;
715   margin-left: 0;
717 .table td.span7,
718 .table th.span7 {
719   float: none;
720   width: 524px;
721   margin-left: 0;
723 .table td.span8,
724 .table th.span8 {
725   float: none;
726   width: 604px;
727   margin-left: 0;
729 .table td.span9,
730 .table th.span9 {
731   float: none;
732   width: 684px;
733   margin-left: 0;
735 .table td.span10,
736 .table th.span10 {
737   float: none;
738   width: 764px;
739   margin-left: 0;
741 .table td.span11,
742 .table th.span11 {
743   float: none;
744   width: 844px;
745   margin-left: 0;
747 .table td.span12,
748 .table th.span12 {
749   float: none;
750   width: 924px;
751   margin-left: 0;
753 .table tbody tr.success > td {
754   background-color: #dff0d8;
756 .table tbody tr.error > td {
757   background-color: #f2dede;
759 .table tbody tr.warning > td {
760   background-color: #fcf8e3;
762 .table tbody tr.info > td {
763   background-color: #d9edf7;
765 .table-hover tbody tr.success:hover > td {
766   background-color: #d0e9c6;
768 .table-hover tbody tr.error:hover > td {
769   background-color: #ebcccc;
771 .table-hover tbody tr.warning:hover > td {
772   background-color: #faf2cc;
774 .table-hover tbody tr.info:hover > td {
775   background-color: #c4e3f3;
777 [class^="icon-"],
778 [class*=" icon-"] {
779   display: inline-block;
780   width: 14px;
781   height: 14px;
782   *margin-right: .3em;
783   line-height: 14px;
784   vertical-align: text-top;
785   background-image: url("[[pix:theme|glyphicons-halflings]]");
786   background-position: 14px 14px;
787   background-repeat: no-repeat;
788   margin-top: 1px;
790 /* White icons with optional class, or on hover/focus/active states of certain elements */
791 .icon-white,
792 .nav-pills > .active > a > [class^="icon-"],
793 .nav-pills > .active > a > [class*=" icon-"],
794 .nav-list > .active > a > [class^="icon-"],
795 .nav-list > .active > a > [class*=" icon-"],
796 .navbar-inverse .nav > .active > a > [class^="icon-"],
797 .navbar-inverse .nav > .active > a > [class*=" icon-"],
798 .dropdown-menu > li > a:hover > [class^="icon-"],
799 .dropdown-menu > li > a:focus > [class^="icon-"],
800 .dropdown-menu > li > a:hover > [class*=" icon-"],
801 .dropdown-menu > li > a:focus > [class*=" icon-"],
802 .dropdown-menu > .active > a > [class^="icon-"],
803 .dropdown-menu > .active > a > [class*=" icon-"],
804 .dropdown-submenu:hover > a > [class^="icon-"],
805 .dropdown-submenu:focus > a > [class^="icon-"],
806 .dropdown-submenu:hover > a > [class*=" icon-"],
807 .dropdown-submenu:focus > a > [class*=" icon-"] {
808   background-image: url("[[pix:theme|glyphicons-halflings-white]]");
810 .icon-glass {
811   background-position: 0      0;
813 .icon-music {
814   background-position: -24px 0;
816 .icon-search {
817   background-position: -48px 0;
819 .icon-envelope {
820   background-position: -72px 0;
822 .icon-heart {
823   background-position: -96px 0;
825 .icon-star {
826   background-position: -120px 0;
828 .icon-star-empty {
829   background-position: -144px 0;
831 .icon-user {
832   background-position: -168px 0;
834 .icon-film {
835   background-position: -192px 0;
837 .icon-th-large {
838   background-position: -216px 0;
840 .icon-th {
841   background-position: -240px 0;
843 .icon-th-list {
844   background-position: -264px 0;
846 .icon-ok {
847   background-position: -288px 0;
849 .icon-remove {
850   background-position: -312px 0;
852 .icon-zoom-in {
853   background-position: -336px 0;
855 .icon-zoom-out {
856   background-position: -360px 0;
858 .icon-off {
859   background-position: -384px 0;
861 .icon-signal {
862   background-position: -408px 0;
864 .icon-cog {
865   background-position: -432px 0;
867 .icon-trash {
868   background-position: -456px 0;
870 .icon-home {
871   background-position: 0 -24px;
873 .icon-file {
874   background-position: -24px -24px;
876 .icon-time {
877   background-position: -48px -24px;
879 .icon-road {
880   background-position: -72px -24px;
882 .icon-download-alt {
883   background-position: -96px -24px;
885 .icon-download {
886   background-position: -120px -24px;
888 .icon-upload {
889   background-position: -144px -24px;
891 .icon-inbox {
892   background-position: -168px -24px;
894 .icon-play-circle {
895   background-position: -192px -24px;
897 .icon-repeat {
898   background-position: -216px -24px;
900 .icon-refresh {
901   background-position: -240px -24px;
903 .icon-list-alt {
904   background-position: -264px -24px;
906 .icon-lock {
907   background-position: -287px -24px;
909 .icon-flag {
910   background-position: -312px -24px;
912 .icon-headphones {
913   background-position: -336px -24px;
915 .icon-volume-off {
916   background-position: -360px -24px;
918 .icon-volume-down {
919   background-position: -384px -24px;
921 .icon-volume-up {
922   background-position: -408px -24px;
924 .icon-qrcode {
925   background-position: -432px -24px;
927 .icon-barcode {
928   background-position: -456px -24px;
930 .icon-tag {
931   background-position: 0 -48px;
933 .icon-tags {
934   background-position: -25px -48px;
936 .icon-book {
937   background-position: -48px -48px;
939 .icon-bookmark {
940   background-position: -72px -48px;
942 .icon-print {
943   background-position: -96px -48px;
945 .icon-camera {
946   background-position: -120px -48px;
948 .icon-font {
949   background-position: -144px -48px;
951 .icon-bold {
952   background-position: -167px -48px;
954 .icon-italic {
955   background-position: -192px -48px;
957 .icon-text-height {
958   background-position: -216px -48px;
960 .icon-text-width {
961   background-position: -240px -48px;
963 .icon-align-left {
964   background-position: -264px -48px;
966 .icon-align-center {
967   background-position: -288px -48px;
969 .icon-align-right {
970   background-position: -312px -48px;
972 .icon-align-justify {
973   background-position: -336px -48px;
975 .icon-list {
976   background-position: -360px -48px;
978 .icon-indent-left {
979   background-position: -384px -48px;
981 .icon-indent-right {
982   background-position: -408px -48px;
984 .icon-facetime-video {
985   background-position: -432px -48px;
987 .icon-picture {
988   background-position: -456px -48px;
990 .icon-pencil {
991   background-position: 0 -72px;
993 .icon-map-marker {
994   background-position: -24px -72px;
996 .icon-adjust {
997   background-position: -48px -72px;
999 .icon-tint {
1000   background-position: -72px -72px;
1002 .icon-edit {
1003   background-position: -96px -72px;
1005 .icon-share {
1006   background-position: -120px -72px;
1008 .icon-check {
1009   background-position: -144px -72px;
1011 .icon-move {
1012   background-position: -168px -72px;
1014 .icon-step-backward {
1015   background-position: -192px -72px;
1017 .icon-fast-backward {
1018   background-position: -216px -72px;
1020 .icon-backward {
1021   background-position: -240px -72px;
1023 .icon-play {
1024   background-position: -264px -72px;
1026 .icon-pause {
1027   background-position: -288px -72px;
1029 .icon-stop {
1030   background-position: -312px -72px;
1032 .icon-forward {
1033   background-position: -336px -72px;
1035 .icon-fast-forward {
1036   background-position: -360px -72px;
1038 .icon-step-forward {
1039   background-position: -384px -72px;
1041 .icon-eject {
1042   background-position: -408px -72px;
1044 .icon-chevron-left {
1045   background-position: -432px -72px;
1047 .icon-chevron-right {
1048   background-position: -456px -72px;
1050 .icon-plus-sign {
1051   background-position: 0 -96px;
1053 .icon-minus-sign {
1054   background-position: -24px -96px;
1056 .icon-remove-sign {
1057   background-position: -48px -96px;
1059 .icon-ok-sign {
1060   background-position: -72px -96px;
1062 .icon-question-sign {
1063   background-position: -96px -96px;
1065 .icon-info-sign {
1066   background-position: -120px -96px;
1068 .icon-screenshot {
1069   background-position: -144px -96px;
1071 .icon-remove-circle {
1072   background-position: -168px -96px;
1074 .icon-ok-circle {
1075   background-position: -192px -96px;
1077 .icon-ban-circle {
1078   background-position: -216px -96px;
1080 .icon-arrow-left {
1081   background-position: -240px -96px;
1083 .icon-arrow-right {
1084   background-position: -264px -96px;
1086 .icon-arrow-up {
1087   background-position: -289px -96px;
1089 .icon-arrow-down {
1090   background-position: -312px -96px;
1092 .icon-share-alt {
1093   background-position: -336px -96px;
1095 .icon-resize-full {
1096   background-position: -360px -96px;
1098 .icon-resize-small {
1099   background-position: -384px -96px;
1101 .icon-plus {
1102   background-position: -408px -96px;
1104 .icon-minus {
1105   background-position: -433px -96px;
1107 .icon-asterisk {
1108   background-position: -456px -96px;
1110 .icon-exclamation-sign {
1111   background-position: 0 -120px;
1113 .icon-gift {
1114   background-position: -24px -120px;
1116 .icon-leaf {
1117   background-position: -48px -120px;
1119 .icon-fire {
1120   background-position: -72px -120px;
1122 .icon-eye-open {
1123   background-position: -96px -120px;
1125 .icon-eye-close {
1126   background-position: -120px -120px;
1128 .icon-warning-sign {
1129   background-position: -144px -120px;
1131 .icon-plane {
1132   background-position: -168px -120px;
1134 .icon-calendar {
1135   background-position: -192px -120px;
1137 .icon-random {
1138   background-position: -216px -120px;
1139   width: 16px;
1141 .icon-comment {
1142   background-position: -240px -120px;
1144 .icon-magnet {
1145   background-position: -264px -120px;
1147 .icon-chevron-up {
1148   background-position: -288px -120px;
1150 .icon-chevron-down {
1151   background-position: -313px -119px;
1153 .icon-retweet {
1154   background-position: -336px -120px;
1156 .icon-shopping-cart {
1157   background-position: -360px -120px;
1159 .icon-folder-close {
1160   background-position: -384px -120px;
1161   width: 16px;
1163 .icon-folder-open {
1164   background-position: -408px -120px;
1165   width: 16px;
1167 .icon-resize-vertical {
1168   background-position: -432px -119px;
1170 .icon-resize-horizontal {
1171   background-position: -456px -118px;
1173 .icon-hdd {
1174   background-position: 0 -144px;
1176 .icon-bullhorn {
1177   background-position: -24px -144px;
1179 .icon-bell {
1180   background-position: -48px -144px;
1182 .icon-certificate {
1183   background-position: -72px -144px;
1185 .icon-thumbs-up {
1186   background-position: -96px -144px;
1188 .icon-thumbs-down {
1189   background-position: -120px -144px;
1191 .icon-hand-right {
1192   background-position: -144px -144px;
1194 .icon-hand-left {
1195   background-position: -168px -144px;
1197 .icon-hand-up {
1198   background-position: -192px -144px;
1200 .icon-hand-down {
1201   background-position: -216px -144px;
1203 .icon-circle-arrow-right {
1204   background-position: -240px -144px;
1206 .icon-circle-arrow-left {
1207   background-position: -264px -144px;
1209 .icon-circle-arrow-up {
1210   background-position: -288px -144px;
1212 .icon-circle-arrow-down {
1213   background-position: -312px -144px;
1215 .icon-globe {
1216   background-position: -336px -144px;
1218 .icon-wrench {
1219   background-position: -360px -144px;
1221 .icon-tasks {
1222   background-position: -384px -144px;
1224 .icon-filter {
1225   background-position: -408px -144px;
1227 .icon-briefcase {
1228   background-position: -432px -144px;
1230 .icon-fullscreen {
1231   background-position: -456px -144px;
1233 .well {
1234   min-height: 20px;
1235   padding: 19px;
1236   margin-bottom: 20px;
1237   background-color: #f5f5f5;
1238   border: 1px solid #e3e3e3;
1239   -webkit-border-radius: 4px;
1240   -moz-border-radius: 4px;
1241   border-radius: 4px;
1242   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
1243   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
1244   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
1246 .well blockquote {
1247   border-color: #ddd;
1248   border-color: rgba(0, 0, 0, 0.15);
1250 .well-large {
1251   padding: 24px;
1252   -webkit-border-radius: 6px;
1253   -moz-border-radius: 6px;
1254   border-radius: 6px;
1256 .well-small {
1257   padding: 9px;
1258   -webkit-border-radius: 3px;
1259   -moz-border-radius: 3px;
1260   border-radius: 3px;
1262 .btn {
1263   display: inline-block;
1264   *display: inline;
1265   /* IE7 inline-block hack */
1266   *zoom: 1;
1267   padding: 4px 12px;
1268   margin-bottom: 0;
1269   font-size: 14px;
1270   line-height: 20px;
1271   text-align: center;
1272   vertical-align: middle;
1273   cursor: pointer;
1274   color: #333;
1275   text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
1276   background-color: #f5f5f5;
1277   background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
1278   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
1279   background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
1280   background-image: -o-linear-gradient(top, #fff, #e6e6e6);
1281   background-image: linear-gradient(to bottom, #fff, #e6e6e6);
1282   background-repeat: repeat-x;
1283   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
1284   border-color: #e6e6e6 #e6e6e6 #bfbfbf;
1285   border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
1286   *background-color: #e6e6e6;
1287   /* Darken IE7 buttons by default so they stand out more given they won't have borders */
1288   filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
1289   border: 1px solid #ccc;
1290   *border: 0;
1291   border-bottom-color: #b3b3b3;
1292   -webkit-border-radius: 4px;
1293   -moz-border-radius: 4px;
1294   border-radius: 4px;
1295   *margin-left: .3em;
1296   -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
1297   -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
1298   box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
1300 .btn:hover,
1301 .btn:focus,
1302 .btn:active,
1303 .btn.active,
1304 .btn.disabled,
1305 .btn[disabled] {
1306   color: #333;
1307   background-color: #e6e6e6;
1308   *background-color: #d9d9d9;
1310 .btn:active,
1311 .btn.active {
1312   background-color: #cccccc \9;
1314 .btn:first-child {
1315   *margin-left: 0;
1317 .btn:hover,
1318 .btn:focus {
1319   color: #333;
1320   text-decoration: none;
1321   background-position: 0 -15px;
1322   -webkit-transition: background-position 0.1s linear;
1323   -moz-transition: background-position 0.1s linear;
1324   -o-transition: background-position 0.1s linear;
1325   transition: background-position 0.1s linear;
1327 .btn:focus {
1328   outline: thin dotted #333;
1329   outline: 5px auto -webkit-focus-ring-color;
1330   outline-offset: -2px;
1332 .btn.active,
1333 .btn:active {
1334   background-image: none;
1335   outline: 0;
1336   -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
1337   -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
1338   box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
1340 .btn.disabled,
1341 .btn[disabled] {
1342   cursor: default;
1343   background-image: none;
1344   opacity: 0.65;
1345   filter: alpha(opacity=65);
1346   -webkit-box-shadow: none;
1347   -moz-box-shadow: none;
1348   box-shadow: none;
1350 .btn-large {
1351   padding: 11px 19px;
1352   font-size: 17.5px;
1353   -webkit-border-radius: 6px;
1354   -moz-border-radius: 6px;
1355   border-radius: 6px;
1357 .btn-large [class^="icon-"],
1358 .btn-large [class*=" icon-"] {
1359   margin-top: 4px;
1361 .btn-small {
1362   padding: 2px 10px;
1363   font-size: 11.9px;
1364   -webkit-border-radius: 3px;
1365   -moz-border-radius: 3px;
1366   border-radius: 3px;
1368 .btn-small [class^="icon-"],
1369 .btn-small [class*=" icon-"] {
1370   margin-top: 0;
1372 .btn-mini [class^="icon-"],
1373 .btn-mini [class*=" icon-"] {
1374   margin-top: -1px;
1376 .btn-mini {
1377   padding: 0 6px;
1378   font-size: 10.5px;
1379   -webkit-border-radius: 3px;
1380   -moz-border-radius: 3px;
1381   border-radius: 3px;
1383 .btn-block {
1384   display: block;
1385   width: 100%;
1386   padding-left: 0;
1387   padding-right: 0;
1388   -webkit-box-sizing: border-box;
1389   -moz-box-sizing: border-box;
1390   box-sizing: border-box;
1392 .btn-block + .btn-block {
1393   margin-top: 5px;
1395 input[type="submit"].btn-block,
1396 input[type="reset"].btn-block,
1397 input[type="button"].btn-block {
1398   width: 100%;
1400 .btn-primary.active,
1401 .btn-warning.active,
1402 .btn-danger.active,
1403 .btn-success.active,
1404 .btn-info.active,
1405 .btn-inverse.active {
1406   color: rgba(255, 255, 255, 0.75);
1408 .btn-primary {
1409   color: #fff;
1410   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1411   background-color: #006dcc;
1412   background-image: -moz-linear-gradient(top, #08c, #0044cc);
1413   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#0044cc));
1414   background-image: -webkit-linear-gradient(top, #08c, #0044cc);
1415   background-image: -o-linear-gradient(top, #08c, #0044cc);
1416   background-image: linear-gradient(to bottom, #08c, #0044cc);
1417   background-repeat: repeat-x;
1418   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
1419   border-color: #0044cc #0044cc #002a80;
1420   border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
1421   *background-color: #0044cc;
1422   /* Darken IE7 buttons by default so they stand out more given they won't have borders */
1423   filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
1425 .btn-primary:hover,
1426 .btn-primary:focus,
1427 .btn-primary:active,
1428 .btn-primary.active,
1429 .btn-primary.disabled,
1430 .btn-primary[disabled] {
1431   color: #fff;
1432   background-color: #0044cc;
1433   *background-color: #003bb3;
1435 .btn-primary:active,
1436 .btn-primary.active {
1437   background-color: #003399 \9;
1439 .btn-warning {
1440   color: #fff;
1441   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1442   background-color: #faa732;
1443   background-image: -moz-linear-gradient(top, #fbb450, #f89406);
1444   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
1445   background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
1446   background-image: -o-linear-gradient(top, #fbb450, #f89406);
1447   background-image: linear-gradient(to bottom, #fbb450, #f89406);
1448   background-repeat: repeat-x;
1449   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
1450   border-color: #f89406 #f89406 #ad6704;
1451   border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
1452   *background-color: #f89406;
1453   /* Darken IE7 buttons by default so they stand out more given they won't have borders */
1454   filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
1456 .btn-warning:hover,
1457 .btn-warning:focus,
1458 .btn-warning:active,
1459 .btn-warning.active,
1460 .btn-warning.disabled,
1461 .btn-warning[disabled] {
1462   color: #fff;
1463   background-color: #f89406;
1464   *background-color: #df8505;
1466 .btn-warning:active,
1467 .btn-warning.active {
1468   background-color: #c67605 \9;
1470 .btn-danger {
1471   color: #fff;
1472   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1473   background-color: #da4f49;
1474   background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
1475   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
1476   background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
1477   background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
1478   background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
1479   background-repeat: repeat-x;
1480   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
1481   border-color: #bd362f #bd362f #802420;
1482   border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
1483   *background-color: #bd362f;
1484   /* Darken IE7 buttons by default so they stand out more given they won't have borders */
1485   filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
1487 .btn-danger:hover,
1488 .btn-danger:focus,
1489 .btn-danger:active,
1490 .btn-danger.active,
1491 .btn-danger.disabled,
1492 .btn-danger[disabled] {
1493   color: #fff;
1494   background-color: #bd362f;
1495   *background-color: #a9302a;
1497 .btn-danger:active,
1498 .btn-danger.active {
1499   background-color: #942a25 \9;
1501 .btn-success {
1502   color: #fff;
1503   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1504   background-color: #5bb75b;
1505   background-image: -moz-linear-gradient(top, #62c462, #51a351);
1506   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
1507   background-image: -webkit-linear-gradient(top, #62c462, #51a351);
1508   background-image: -o-linear-gradient(top, #62c462, #51a351);
1509   background-image: linear-gradient(to bottom, #62c462, #51a351);
1510   background-repeat: repeat-x;
1511   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
1512   border-color: #51a351 #51a351 #387038;
1513   border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
1514   *background-color: #51a351;
1515   /* Darken IE7 buttons by default so they stand out more given they won't have borders */
1516   filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
1518 .btn-success:hover,
1519 .btn-success:focus,
1520 .btn-success:active,
1521 .btn-success.active,
1522 .btn-success.disabled,
1523 .btn-success[disabled] {
1524   color: #fff;
1525   background-color: #51a351;
1526   *background-color: #499249;
1528 .btn-success:active,
1529 .btn-success.active {
1530   background-color: #408140 \9;
1532 .btn-info {
1533   color: #fff;
1534   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1535   background-color: #49afcd;
1536   background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
1537   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
1538   background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
1539   background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
1540   background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
1541   background-repeat: repeat-x;
1542   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);
1543   border-color: #2f96b4 #2f96b4 #1f6377;
1544   border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
1545   *background-color: #2f96b4;
1546   /* Darken IE7 buttons by default so they stand out more given they won't have borders */
1547   filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
1549 .btn-info:hover,
1550 .btn-info:focus,
1551 .btn-info:active,
1552 .btn-info.active,
1553 .btn-info.disabled,
1554 .btn-info[disabled] {
1555   color: #fff;
1556   background-color: #2f96b4;
1557   *background-color: #2a85a0;
1559 .btn-info:active,
1560 .btn-info.active {
1561   background-color: #24748c \9;
1563 .btn-inverse {
1564   color: #fff;
1565   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1566   background-color: #363636;
1567   background-image: -moz-linear-gradient(top, #444, #222);
1568   background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444), to(#222));
1569   background-image: -webkit-linear-gradient(top, #444, #222);
1570   background-image: -o-linear-gradient(top, #444, #222);
1571   background-image: linear-gradient(to bottom, #444, #222);
1572   background-repeat: repeat-x;
1573   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
1574   border-color: #222 #222 #000000;
1575   border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
1576   *background-color: #222;
1577   /* Darken IE7 buttons by default so they stand out more given they won't have borders */
1578   filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
1580 .btn-inverse:hover,
1581 .btn-inverse:focus,
1582 .btn-inverse:active,
1583 .btn-inverse.active,
1584 .btn-inverse.disabled,
1585 .btn-inverse[disabled] {
1586   color: #fff;
1587   background-color: #222;
1588   *background-color: #151515;
1590 .btn-inverse:active,
1591 .btn-inverse.active {
1592   background-color: #080808 \9;
1594 button.btn,
1595 input[type="submit"].btn {
1596   *padding-top: 3px;
1597   *padding-bottom: 3px;
1599 button.btn::-moz-focus-inner,
1600 input[type="submit"].btn::-moz-focus-inner {
1601   padding: 0;
1602   border: 0;
1604 button.btn.btn-large,
1605 input[type="submit"].btn.btn-large {
1606   *padding-top: 7px;
1607   *padding-bottom: 7px;
1609 button.btn.btn-small,
1610 input[type="submit"].btn.btn-small {
1611   *padding-top: 3px;
1612   *padding-bottom: 3px;
1614 button.btn.btn-mini,
1615 input[type="submit"].btn.btn-mini {
1616   *padding-top: 1px;
1617   *padding-bottom: 1px;
1619 .btn-link,
1620 .btn-link:active,
1621 .btn-link[disabled] {
1622   background-color: transparent;
1623   background-image: none;
1624   -webkit-box-shadow: none;
1625   -moz-box-shadow: none;
1626   box-shadow: none;
1628 .btn-link {
1629   border-color: transparent;
1630   cursor: pointer;
1631   color: #08c;
1632   -webkit-border-radius: 0;
1633   -moz-border-radius: 0;
1634   border-radius: 0;
1636 .btn-link:hover,
1637 .btn-link:focus {
1638   color: #005580;
1639   text-decoration: underline;
1640   background-color: transparent;
1642 .btn-link[disabled]:hover,
1643 .btn-link[disabled]:focus {
1644   color: #333;
1645   text-decoration: none;
1647 .alert {
1648   padding: 8px 35px 8px 14px;
1649   margin-bottom: 20px;
1650   text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
1651   background-color: #fcf8e3;
1652   border: 1px solid #fbeed5;
1653   -webkit-border-radius: 4px;
1654   -moz-border-radius: 4px;
1655   border-radius: 4px;
1657 .alert,
1658 .alert h4 {
1659   color: #c09853;
1661 .alert h4 {
1662   margin: 0;
1664 .alert .close {
1665   position: relative;
1666   top: -2px;
1667   right: -21px;
1668   line-height: 20px;
1670 .alert-success {
1671   background-color: #dff0d8;
1672   border-color: #d6e9c6;
1673   color: #468847;
1675 .alert-success h4 {
1676   color: #468847;
1678 .alert-danger,
1679 .alert-error {
1680   background-color: #f2dede;
1681   border-color: #eed3d7;
1682   color: #b94a48;
1684 .alert-danger h4,
1685 .alert-error h4 {
1686   color: #b94a48;
1688 .alert-info {
1689   background-color: #d9edf7;
1690   border-color: #bce8f1;
1691   color: #3a87ad;
1693 .alert-info h4 {
1694   color: #3a87ad;
1696 .alert-block {
1697   padding-top: 14px;
1698   padding-bottom: 14px;
1700 .alert-block > p,
1701 .alert-block > ul {
1702   margin-bottom: 0;
1704 .alert-block p + p {
1705   margin-top: 5px;
1707 .thumbnails {
1708   margin-left: -20px;
1709   list-style: none;
1710   *zoom: 1;
1712 .thumbnails:before,
1713 .thumbnails:after {
1714   display: table;
1715   content: "";
1716   line-height: 0;
1718 .thumbnails:after {
1719   clear: both;
1721 .row-fluid .thumbnails {
1722   margin-left: 0;
1724 .thumbnails > li {
1725   float: left;
1726   margin-bottom: 20px;
1727   margin-left: 20px;
1729 .thumbnail {
1730   display: block;
1731   padding: 4px;
1732   line-height: 20px;
1733   border: 1px solid #ddd;
1734   -webkit-border-radius: 4px;
1735   -moz-border-radius: 4px;
1736   border-radius: 4px;
1737   -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
1738   -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
1739   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
1740   -webkit-transition: all 0.2s ease-in-out;
1741   -moz-transition: all 0.2s ease-in-out;
1742   -o-transition: all 0.2s ease-in-out;
1743   transition: all 0.2s ease-in-out;
1745 a.thumbnail:hover,
1746 a.thumbnail:focus {
1747   border-color: #08c;
1748   -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
1749   -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
1750   box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
1752 .thumbnail > img {
1753   display: block;
1754   max-width: 100%;
1755   margin-left: auto;
1756   margin-right: auto;
1758 .thumbnail .caption {
1759   padding: 9px;
1760   color: #555;
1762 .label,
1763 .badge {
1764   display: inline-block;
1765   padding: 2px 4px;
1766   font-size: 11.844px;
1767   font-weight: bold;
1768   line-height: 14px;
1769   color: #fff;
1770   vertical-align: baseline;
1771   white-space: nowrap;
1772   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1773   background-color: #999;
1775 .label {
1776   -webkit-border-radius: 3px;
1777   -moz-border-radius: 3px;
1778   border-radius: 3px;
1780 .badge {
1781   padding-left: 9px;
1782   padding-right: 9px;
1783   -webkit-border-radius: 9px;
1784   -moz-border-radius: 9px;
1785   border-radius: 9px;
1787 .label:empty,
1788 .badge:empty {
1789   display: none;
1791 a.label:hover,
1792 a.label:focus,
1793 a.badge:hover,
1794 a.badge:focus {
1795   color: #fff;
1796   text-decoration: none;
1797   cursor: pointer;
1799 .label-important,
1800 .badge-important {
1801   background-color: #b94a48;
1803 .label-important[href],
1804 .badge-important[href] {
1805   background-color: #953b39;
1807 .label-warning,
1808 .badge-warning {
1809   background-color: #f89406;
1811 .label-warning[href],
1812 .badge-warning[href] {
1813   background-color: #c67605;
1815 .label-success,
1816 .badge-success {
1817   background-color: #468847;
1819 .label-success[href],
1820 .badge-success[href] {
1821   background-color: #356635;
1823 .label-info,
1824 .badge-info {
1825   background-color: #3a87ad;
1827 .label-info[href],
1828 .badge-info[href] {
1829   background-color: #2d6987;
1831 .label-inverse,
1832 .badge-inverse {
1833   background-color: #333;
1835 .label-inverse[href],
1836 .badge-inverse[href] {
1837   background-color: #1a1a1a;
1839 .btn .label,
1840 .btn .badge {
1841   position: relative;
1842   top: -1px;
1844 .btn-mini .label,
1845 .btn-mini .badge {
1846   top: 0;
1848 .pull-right {
1849   float: right;
1851 .pull-left {
1852   float: left;
1854 .hide {
1855   display: none;
1857 .show {
1858   display: block;
1860 .invisible {
1861   visibility: hidden;
1863 .affix {
1864   position: fixed;
1866 body {
1867   margin: 8px;