7d28ae37a62349af60915148445f5f3d247f0865
[plack-app-gruntmaster.git] / css / themes / cyborg.css
1 /*!
2 * bootswatch v3.3.5
3 * Homepage: http://bootswatch.com
4 * Copyright 2012-2015 Thomas Park
5 * Licensed under MIT
6 * Based on Bootstrap
7 */
8 /*!
9 * Bootstrap v3.3.5 (http://getbootstrap.com)
10 * Copyright 2011-2015 Twitter, Inc.
11 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
12 */
13 /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
14 html {
15 font-family: sans-serif;
16 -ms-text-size-adjust: 100%;
17 -webkit-text-size-adjust: 100%;
18 }
19 body {
20 margin: 0;
21 }
22 article,
23 aside,
24 details,
25 figcaption,
26 figure,
27 footer,
28 header,
29 hgroup,
30 main,
31 menu,
32 nav,
33 section,
34 summary {
35 display: block;
36 }
37 audio,
38 canvas,
39 progress,
40 video {
41 display: inline-block;
42 vertical-align: baseline;
43 }
44 audio:not([controls]) {
45 display: none;
46 height: 0;
47 }
48 [hidden],
49 template {
50 display: none;
51 }
52 a {
53 background-color: transparent;
54 }
55 a:active,
56 a:hover {
57 outline: 0;
58 }
59 abbr[title] {
60 border-bottom: 1px dotted;
61 }
62 b,
63 strong {
64 font-weight: bold;
65 }
66 dfn {
67 font-style: italic;
68 }
69 h1 {
70 font-size: 2em;
71 margin: 0.67em 0;
72 }
73 mark {
74 background: #ff0;
75 color: #000;
76 }
77 small {
78 font-size: 80%;
79 }
80 sub,
81 sup {
82 font-size: 75%;
83 line-height: 0;
84 position: relative;
85 vertical-align: baseline;
86 }
87 sup {
88 top: -0.5em;
89 }
90 sub {
91 bottom: -0.25em;
92 }
93 img {
94 border: 0;
95 }
96 svg:not(:root) {
97 overflow: hidden;
98 }
99 figure {
100 margin: 1em 40px;
101 }
102 hr {
103 box-sizing: content-box;
104 height: 0;
105 }
106 pre {
107 overflow: auto;
108 }
109 code,
110 kbd,
111 pre,
112 samp {
113 font-family: monospace, monospace;
114 font-size: 1em;
115 }
116 button,
117 input,
118 optgroup,
119 select,
120 textarea {
121 color: inherit;
122 font: inherit;
123 margin: 0;
124 }
125 button {
126 overflow: visible;
127 }
128 button,
129 select {
130 text-transform: none;
131 }
132 button,
133 html input[type="button"],
134 input[type="reset"],
135 input[type="submit"] {
136 -webkit-appearance: button;
137 cursor: pointer;
138 }
139 button[disabled],
140 html input[disabled] {
141 cursor: default;
142 }
143 button::-moz-focus-inner,
144 input::-moz-focus-inner {
145 border: 0;
146 padding: 0;
147 }
148 input {
149 line-height: normal;
150 }
151 input[type="checkbox"],
152 input[type="radio"] {
153 box-sizing: border-box;
154 padding: 0;
155 }
156 input[type="number"]::-webkit-inner-spin-button,
157 input[type="number"]::-webkit-outer-spin-button {
158 height: auto;
159 }
160 input[type="search"] {
161 -webkit-appearance: textfield;
162 box-sizing: content-box;
163 }
164 input[type="search"]::-webkit-search-cancel-button,
165 input[type="search"]::-webkit-search-decoration {
166 -webkit-appearance: none;
167 }
168 fieldset {
169 border: 1px solid #c0c0c0;
170 margin: 0 2px;
171 padding: 0.35em 0.625em 0.75em;
172 }
173 legend {
174 border: 0;
175 padding: 0;
176 }
177 textarea {
178 overflow: auto;
179 }
180 optgroup {
181 font-weight: bold;
182 }
183 table {
184 border-collapse: collapse;
185 border-spacing: 0;
186 }
187 td,
188 th {
189 padding: 0;
190 }
191 /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
192 @media print {
193 *,
194 *:before,
195 *:after {
196 background: transparent !important;
197 color: #000 !important;
198 box-shadow: none !important;
199 text-shadow: none !important;
200 }
201 a,
202 a:visited {
203 text-decoration: underline;
204 }
205 a[href]:after {
206 content: " (" attr(href) ")";
207 }
208 abbr[title]:after {
209 content: " (" attr(title) ")";
210 }
211 a[href^="#"]:after,
212 a[href^="javascript:"]:after {
213 content: "";
214 }
215 pre,
216 blockquote {
217 border: 1px solid #999;
218 page-break-inside: avoid;
219 }
220 thead {
221 display: table-header-group;
222 }
223 tr,
224 img {
225 page-break-inside: avoid;
226 }
227 img {
228 max-width: 100% !important;
229 }
230 p,
231 h2,
232 h3 {
233 orphans: 3;
234 widows: 3;
235 }
236 h2,
237 h3 {
238 page-break-after: avoid;
239 }
240 .navbar {
241 display: none;
242 }
243 .btn > .caret,
244 .dropup > .btn > .caret {
245 border-top-color: #000 !important;
246 }
247 .label {
248 border: 1px solid #000;
249 }
250 .table {
251 border-collapse: collapse !important;
252 }
253 .table td,
254 .table th {
255 background-color: #fff !important;
256 }
257 .table-bordered th,
258 .table-bordered td {
259 border: 1px solid #ddd !important;
260 }
261 }
262 * {
263 box-sizing: border-box;
264 }
265 *:before,
266 *:after {
267 box-sizing: border-box;
268 }
269 html {
270 font-size: 10px;
271 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
272 }
273 body {
274 font-family: "DejaVu Serif", Georgia, serif;
275 font-size: 14px;
276 line-height: 1.42857143;
277 color: #888888;
278 background-color: #060606;
279 }
280 input,
281 button,
282 select,
283 textarea {
284 font-family: inherit;
285 font-size: inherit;
286 line-height: inherit;
287 }
288 a {
289 color: #2a9fd6;
290 text-decoration: none;
291 }
292 a:hover,
293 a:focus {
294 color: #2a9fd6;
295 text-decoration: underline;
296 }
297 a:focus {
298 outline: thin dotted;
299 outline: 5px auto -webkit-focus-ring-color;
300 outline-offset: -2px;
301 }
302 figure {
303 margin: 0;
304 }
305 img {
306 vertical-align: middle;
307 }
308 .img-responsive {
309 display: block;
310 max-width: 100%;
311 height: auto;
312 }
313 .img-rounded {
314 border-radius: 6px;
315 }
316 .img-thumbnail {
317 padding: 4px;
318 line-height: 1.42857143;
319 background-color: #282828;
320 border: 1px solid #282828;
321 border-radius: 4px;
322 transition: all 0.2s ease-in-out;
323 display: inline-block;
324 max-width: 100%;
325 height: auto;
326 }
327 .img-circle {
328 border-radius: 50%;
329 }
330 hr {
331 margin-top: 20px;
332 margin-bottom: 20px;
333 border: 0;
334 border-top: 1px solid #282828;
335 }
336 .sr-only {
337 position: absolute;
338 width: 1px;
339 height: 1px;
340 margin: -1px;
341 padding: 0;
342 overflow: hidden;
343 clip: rect(0, 0, 0, 0);
344 border: 0;
345 }
346 .sr-only-focusable:active,
347 .sr-only-focusable:focus {
348 position: static;
349 width: auto;
350 height: auto;
351 margin: 0;
352 overflow: visible;
353 clip: auto;
354 }
355 [role="button"] {
356 cursor: pointer;
357 }
358 h1,
359 h2,
360 h3,
361 h4,
362 h5,
363 h6 {
364 font-family: sans-serif;
365 font-weight: 500;
366 line-height: 1.1;
367 color: #ffffff;
368 }
369 h1 small,
370 h2 small,
371 h3 small,
372 h4 small,
373 h5 small,
374 h6 small {
375 font-weight: normal;
376 line-height: 1;
377 color: #888888;
378 }
379 h1,
380 h2,
381 h3 {
382 margin-top: 20px;
383 margin-bottom: 10px;
384 }
385 h1 small,
386 h2 small,
387 h3 small {
388 font-size: 65%;
389 }
390 h4,
391 h5,
392 h6 {
393 margin-top: 10px;
394 margin-bottom: 10px;
395 }
396 h4 small,
397 h5 small,
398 h6 small {
399 font-size: 75%;
400 }
401 h1 {
402 font-size: 36px;
403 }
404 h2 {
405 font-size: 30px;
406 }
407 h3 {
408 font-size: 24px;
409 }
410 h4 {
411 font-size: 18px;
412 }
413 h5 {
414 font-size: 14px;
415 }
416 h6 {
417 font-size: 12px;
418 }
419 p {
420 margin: 0 0 10px;
421 }
422 .lead {
423 margin-bottom: 20px;
424 font-size: 16px;
425 font-weight: 300;
426 line-height: 1.4;
427 }
428 @media (min-width: 768px) {
429 .lead {
430 font-size: 21px;
431 }
432 }
433 small {
434 font-size: 85%;
435 }
436 .text-left {
437 text-align: left;
438 }
439 .text-right {
440 text-align: right;
441 }
442 .text-center {
443 text-align: center;
444 }
445 .text-justify {
446 text-align: justify;
447 }
448 .text-nowrap {
449 white-space: nowrap;
450 }
451 ul,
452 ol {
453 margin-top: 0;
454 margin-bottom: 10px;
455 }
456 ul ul,
457 ol ul {
458 margin-bottom: 0;
459 }
460 .list-unstyled {
461 padding-left: 0;
462 list-style: none;
463 }
464 .list-inline {
465 padding-left: 0;
466 list-style: none;
467 margin-left: -5px;
468 }
469 .list-inline > li {
470 display: inline-block;
471 padding-left: 5px;
472 padding-right: 5px;
473 }
474 dl {
475 margin-top: 0;
476 margin-bottom: 20px;
477 }
478 dt,
479 dd {
480 line-height: 1.42857143;
481 }
482 dt {
483 font-weight: bold;
484 }
485 dd {
486 margin-left: 0;
487 }
488 @media (min-width: 768px) {
489 .dl-horizontal dt {
490 float: left;
491 width: 160px;
492 clear: left;
493 text-align: right;
494 overflow: hidden;
495 text-overflow: ellipsis;
496 white-space: nowrap;
497 }
498 .dl-horizontal dd {
499 margin-left: 180px;
500 }
501 }
502 abbr[title],
503 abbr[data-original-title] {
504 cursor: help;
505 border-bottom: 1px dotted #888888;
506 }
507 blockquote {
508 padding: 10px 20px;
509 margin: 0 0 20px;
510 font-size: 17.5px;
511 border-left: 5px solid #282828;
512 }
513 address {
514 margin-bottom: 20px;
515 font-style: normal;
516 line-height: 1.42857143;
517 }
518 code,
519 kbd,
520 pre,
521 samp {
522 font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
523 }
524 code {
525 padding: 2px 4px;
526 font-size: 90%;
527 color: #c7254e;
528 background-color: #f9f2f4;
529 border-radius: 4px;
530 }
531 kbd {
532 padding: 2px 4px;
533 font-size: 90%;
534 color: #ffffff;
535 background-color: #333333;
536 border-radius: 3px;
537 box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
538 }
539 kbd kbd {
540 padding: 0;
541 font-size: 100%;
542 font-weight: bold;
543 box-shadow: none;
544 }
545 pre {
546 display: block;
547 padding: 9.5px;
548 margin: 0 0 10px;
549 font-size: 13px;
550 line-height: 1.42857143;
551 word-break: break-all;
552 word-wrap: break-word;
553 color: #282828;
554 background-color: #f5f5f5;
555 border: 1px solid #cccccc;
556 border-radius: 4px;
557 }
558 pre code {
559 padding: 0;
560 font-size: inherit;
561 color: inherit;
562 white-space: pre-wrap;
563 background-color: transparent;
564 border-radius: 0;
565 }
566 .pre-scrollable {
567 max-height: 340px;
568 overflow-y: scroll;
569 }
570 table {
571 background-color: #181818;
572 }
573 caption {
574 padding-top: 5px;
575 padding-bottom: 5px;
576 color: #888888;
577 text-align: left;
578 }
579 th {
580 text-align: left;
581 }
582 .table {
583 width: 100%;
584 max-width: 100%;
585 margin-bottom: 20px;
586 }
587 .table > thead > tr > th,
588 .table > tbody > tr > th,
589 .table > thead > tr > td,
590 .table > tbody > tr > td {
591 padding: 5px;
592 line-height: 1.42857143;
593 vertical-align: top;
594 border-top: 1px solid #282828;
595 }
596 .table > thead > tr > th {
597 vertical-align: bottom;
598 border-bottom: 2px solid #282828;
599 }
600 .table > thead:first-child > tr:first-child > th,
601 .table > thead:first-child > tr:first-child > td {
602 border-top: 0;
603 }
604 .table-bordered {
605 border: 1px solid #282828;
606 }
607 .table-bordered > thead > tr > th,
608 .table-bordered > tbody > tr > th,
609 .table-bordered > thead > tr > td,
610 .table-bordered > tbody > tr > td {
611 border: 1px solid #282828;
612 }
613 .table-bordered > thead > tr > th,
614 .table-bordered > thead > tr > td {
615 border-bottom-width: 2px;
616 }
617 .table-striped > tbody > tr:nth-of-type(odd) {
618 background-color: #080808;
619 }
620 .table > tbody > tr > td.info,
621 .table > tbody > tr.info > td {
622 background-color: #9933cc;
623 }
624 .table > tbody > tr > td.warning,
625 .table > tbody > tr.warning > td {
626 background-color: #ff8800;
627 }
628 label {
629 display: inline-block;
630 max-width: 100%;
631 margin-bottom: 5px;
632 font-weight: bold;
633 }
634 input[type="radio"],
635 input[type="checkbox"] {
636 margin: 4px 0 0;
637 margin-top: 1px \9;
638 line-height: normal;
639 }
640 input[type="file"] {
641 display: block;
642 }
643 input[type="file"]:focus,
644 input[type="radio"]:focus,
645 input[type="checkbox"]:focus {
646 outline: thin dotted;
647 outline: 5px auto -webkit-focus-ring-color;
648 outline-offset: -2px;
649 }
650 .form-control {
651 display: block;
652 width: 100%;
653 height: 38px;
654 padding: 8px 12px;
655 font-size: 14px;
656 line-height: 1.42857143;
657 color: #888888;
658 background-color: #ffffff;
659 background-image: none;
660 border: 1px solid #282828;
661 border-radius: 4px;
662 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
663 transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
664 }
665 .form-control:focus {
666 border-color: #66afe9;
667 outline: 0;
668 box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
669 }
670 .form-control::-moz-placeholder {
671 color: #888888;
672 opacity: 1;
673 }
674 .form-control:-ms-input-placeholder {
675 color: #888888;
676 }
677 .form-control::-webkit-input-placeholder {
678 color: #888888;
679 }
680 textarea.form-control {
681 height: auto;
682 }
683 .form-group {
684 margin-bottom: 15px;
685 }
686 .btn {
687 display: inline-block;
688 margin-bottom: 0;
689 font-weight: normal;
690 text-align: center;
691 vertical-align: middle;
692 -ms-touch-action: manipulation;
693 touch-action: manipulation;
694 cursor: pointer;
695 background-image: none;
696 border: 1px solid transparent;
697 white-space: nowrap;
698 padding: 8px 12px;
699 font-size: 14px;
700 line-height: 1.42857143;
701 border-radius: 4px;
702 -webkit-user-select: none;
703 -moz-user-select: none;
704 -ms-user-select: none;
705 user-select: none;
706 }
707 .btn:focus,
708 .btn:active:focus {
709 outline: thin dotted;
710 outline: 5px auto -webkit-focus-ring-color;
711 outline-offset: -2px;
712 }
713 .btn:hover,
714 .btn:focus {
715 color: #ffffff;
716 text-decoration: none;
717 }
718 .btn:active {
719 outline: 0;
720 background-image: none;
721 box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
722 }
723 .btn-default {
724 color: #ffffff;
725 background-color: #424242;
726 border-color: #424242;
727 }
728 .btn-default:focus {
729 color: #ffffff;
730 background-color: #282828;
731 border-color: #020202;
732 }
733 .btn-default:hover {
734 color: #ffffff;
735 background-color: #282828;
736 border-color: #232323;
737 }
738 .btn-default:active {
739 color: #ffffff;
740 background-color: #282828;
741 border-color: #232323;
742 }
743 .btn-default:active:hover,
744 .btn-default:active:focus {
745 color: #ffffff;
746 background-color: #161616;
747 border-color: #020202;
748 }
749 .btn-default:active {
750 background-image: none;
751 }
752 .btn-primary {
753 color: #ffffff;
754 background-color: #2a9fd6;
755 border-color: #2a9fd6;
756 }
757 .btn-primary:focus {
758 color: #ffffff;
759 background-color: #2180ac;
760 border-color: #15506c;
761 }
762 .btn-primary:hover {
763 color: #ffffff;
764 background-color: #2180ac;
765 border-color: #1f79a3;
766 }
767 .btn-primary:active {
768 color: #ffffff;
769 background-color: #2180ac;
770 border-color: #1f79a3;
771 }
772 .btn-primary:active:hover,
773 .btn-primary:active:focus {
774 color: #ffffff;
775 background-color: #1b698e;
776 border-color: #15506c;
777 }
778 .btn-primary:active {
779 background-image: none;
780 }
781 .nav {
782 margin-bottom: 0;
783 padding-left: 0;
784 list-style: none;
785 }
786 .nav > li {
787 position: relative;
788 display: block;
789 }
790 .nav > li > a {
791 position: relative;
792 display: block;
793 padding: 10px 15px;
794 }
795 .nav > li > a:hover,
796 .nav > li > a:focus {
797 text-decoration: none;
798 background-color: #222222;
799 }
800 .nav-pills > li {
801 float: left;
802 }
803 .nav-pills > li > a {
804 border-radius: 4px;
805 }
806 .nav-pills > li + li {
807 margin-left: 2px;
808 }
809 .nav-pills > li.active > a,
810 .nav-pills > li.active > a:hover,
811 .nav-pills > li.active > a:focus {
812 color: #ffffff;
813 background-color: #2a9fd6;
814 }
815 .nav-stacked > li {
816 float: none;
817 }
818 .nav-stacked > li + li {
819 margin-top: 2px;
820 margin-left: 0;
821 }
822 .nav-justified {
823 width: 100%;
824 }
825 .nav-justified > li {
826 float: none;
827 }
828 .nav-justified > li > a {
829 text-align: center;
830 margin-bottom: 5px;
831 }
832 @media (min-width: 768px) {
833 .nav-justified > li {
834 display: table-cell;
835 width: 1%;
836 }
837 .nav-justified > li > a {
838 margin-bottom: 0;
839 }
840 }
841 .pager {
842 padding-left: 0;
843 margin: 20px 0;
844 list-style: none;
845 text-align: center;
846 }
847 .pager li {
848 display: inline;
849 }
850 .pager li > a,
851 .pager li > span {
852 display: inline-block;
853 padding: 5px 14px;
854 background-color: #222222;
855 border: 1px solid #282828;
856 border-radius: 15px;
857 }
858 .pager li > a:hover,
859 .pager li > a:focus {
860 text-decoration: none;
861 background-color: #2a9fd6;
862 }
863 .pager .next > a,
864 .pager .next > span {
865 float: right;
866 }
867 .pager .previous > a,
868 .pager .previous > span {
869 float: left;
870 }
871 .alert {
872 padding: 15px;
873 margin-bottom: 20px;
874 border: 1px solid transparent;
875 border-radius: 4px;
876 }
877 .alert h4 {
878 margin-top: 0;
879 color: inherit;
880 }
881 .alert .alert-link {
882 font-weight: bold;
883 }
884 .alert > p,
885 .alert > ul {
886 margin-bottom: 0;
887 }
888 .alert > p + p {
889 margin-top: 5px;
890 }
891 .alert-info {
892 background-color: #9933cc;
893 border-color: #6e2caf;
894 color: #ffffff;
895 }
896 .alert-info hr {
897 border-top-color: #61279b;
898 }
899 .alert-info .alert-link {
900 color: #e6e6e6;
901 }
902 .alert-warning {
903 background-color: #ff8800;
904 border-color: #f05800;
905 color: #ffffff;
906 }
907 .alert-warning hr {
908 border-top-color: #d64f00;
909 }
910 .alert-warning .alert-link {
911 color: #e6e6e6;
912 }
913 .well {
914 min-height: 20px;
915 padding: 19px;
916 margin-bottom: 20px;
917 background-color: #151515;
918 border: 1px solid #030303;
919 border-radius: 4px;
920 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
921 }
922 .well blockquote {
923 border-color: #ddd;
924 border-color: rgba(0, 0, 0, 0.15);
925 }
926 .clearfix:before,
927 .clearfix:after,
928 .dl-horizontal dd:before,
929 .dl-horizontal dd:after,
930 .nav:before,
931 .nav:after,
932 .pager:before,
933 .pager:after {
934 content: " ";
935 display: table;
936 }
937 .clearfix:after,
938 .dl-horizontal dd:after,
939 .nav:after,
940 .pager:after {
941 clear: both;
942 }
943 .center-block {
944 display: block;
945 margin-left: auto;
946 margin-right: auto;
947 }
948 .pull-right {
949 float: right !important;
950 }
951 .pull-left {
952 float: left !important;
953 }
954 .hide {
955 display: none !important;
956 }
957 .show {
958 display: block !important;
959 }
960 .invisible {
961 visibility: hidden;
962 }
963 .text-hide {
964 font: 0/0 a;
965 color: transparent;
966 text-shadow: none;
967 background-color: transparent;
968 border: 0;
969 }
970 .hidden {
971 display: none !important;
972 }
973 .affix {
974 position: fixed;
975 }
976 @-ms-viewport {
977 width: device-width;
978 }
979 .visible-xs-block,
980 .visible-xs-inline {
981 display: none !important;
982 }
983 @media (max-width: 767px) {
984 .visible-xs-block {
985 display: block !important;
986 }
987 }
988 @media (max-width: 767px) {
989 .visible-xs-inline {
990 display: inline !important;
991 }
992 }
993 @media (max-width: 767px) {
994 .hidden-xs {
995 display: none !important;
996 }
997 }
998 .nav-tabs a,
999 .nav-pills a,
1000 .breadcrumb a,
1001 .pager a {
1002 color: #fff;
1003 }
1004 .alert .alert-link,
1005 .alert a {
1006 color: #ffffff;
1007 text-decoration: underline;
1008 }
1009 .alert .close {
1010 text-decoration: none;
1011 }
This page took 0.050932 seconds and 3 git commands to generate.