2 * Bootstrap Responsive v2.2.2
4 * Copyright 2012 Twitter, Inc
5 * Licensed under the Apache License v2.0
6 * http://www.apache.org/licenses/LICENSE-2.0
8 * Designed and built with all the love in the world @twitter by @mdo and @fat.
34 background-color: transparent;
42 -webkit-box-sizing: border-box;
43 -moz-box-sizing: border-box;
44 box-sizing: border-box;
53 display: none !important;
57 display: none !important;
61 display: none !important;
65 display: inherit !important;
68 @media (min-width: 768px) and (max-width: 979px) {
70 display: inherit !important;
73 display: none !important ;
76 display: inherit !important;
79 display: none !important;
83 @media (max-width: 767px) {
85 display: inherit !important;
88 display: none !important;
91 display: inherit !important;
94 display: none !important;
98 @media (min-width: 1200px) {
118 .navbar-static-top .container,
119 .navbar-fixed-top .container,
120 .navbar-fixed-bottom .container {
208 .row-fluid [class*="span"] {
213 margin-left: 2.564102564102564%;
214 *margin-left: 2.5109110747408616%;
215 -webkit-box-sizing: border-box;
216 -moz-box-sizing: border-box;
217 box-sizing: border-box;
219 .row-fluid [class*="span"]:first-child {
222 .row-fluid .controls-row [class*="span"] + [class*="span"] {
223 margin-left: 2.564102564102564%;
227 *width: 99.94680851063829%;
230 width: 91.45299145299145%;
231 *width: 91.39979996362975%;
234 width: 82.90598290598291%;
235 *width: 82.8527914166212%;
238 width: 74.35897435897436%;
239 *width: 74.30578286961266%;
242 width: 65.81196581196582%;
243 *width: 65.75877432260411%;
246 width: 57.26495726495726%;
247 *width: 57.21176577559556%;
250 width: 48.717948717948715%;
251 *width: 48.664757228587014%;
254 width: 40.17094017094017%;
255 *width: 40.11774868157847%;
258 width: 31.623931623931625%;
259 *width: 31.570740134569924%;
262 width: 23.076923076923077%;
263 *width: 23.023731587561375%;
266 width: 14.52991452991453%;
267 *width: 14.476723040552828%;
270 width: 5.982905982905983%;
271 *width: 5.929714493544281%;
273 .row-fluid .offset12 {
274 margin-left: 105.12820512820512%;
275 *margin-left: 105.02182214948171%;
277 .row-fluid .offset12:first-child {
278 margin-left: 102.56410256410257%;
279 *margin-left: 102.45771958537915%;
281 .row-fluid .offset11 {
282 margin-left: 96.58119658119658%;
283 *margin-left: 96.47481360247316%;
285 .row-fluid .offset11:first-child {
286 margin-left: 94.01709401709402%;
287 *margin-left: 93.91071103837061%;
289 .row-fluid .offset10 {
290 margin-left: 88.03418803418803%;
291 *margin-left: 87.92780505546462%;
293 .row-fluid .offset10:first-child {
294 margin-left: 85.47008547008548%;
295 *margin-left: 85.36370249136206%;
297 .row-fluid .offset9 {
298 margin-left: 79.48717948717949%;
299 *margin-left: 79.38079650845607%;
301 .row-fluid .offset9:first-child {
302 margin-left: 76.92307692307693%;
303 *margin-left: 76.81669394435352%;
305 .row-fluid .offset8 {
306 margin-left: 70.94017094017094%;
307 *margin-left: 70.83378796144753%;
309 .row-fluid .offset8:first-child {
310 margin-left: 68.37606837606839%;
311 *margin-left: 68.26968539734497%;
313 .row-fluid .offset7 {
314 margin-left: 62.393162393162385%;
315 *margin-left: 62.28677941443899%;
317 .row-fluid .offset7:first-child {
318 margin-left: 59.82905982905982%;
319 *margin-left: 59.72267685033642%;
321 .row-fluid .offset6 {
322 margin-left: 53.84615384615384%;
323 *margin-left: 53.739770867430444%;
325 .row-fluid .offset6:first-child {
326 margin-left: 51.28205128205128%;
327 *margin-left: 51.175668303327875%;
329 .row-fluid .offset5 {
330 margin-left: 45.299145299145295%;
331 *margin-left: 45.1927623204219%;
333 .row-fluid .offset5:first-child {
334 margin-left: 42.73504273504273%;
335 *margin-left: 42.62865975631933%;
337 .row-fluid .offset4 {
338 margin-left: 36.75213675213675%;
339 *margin-left: 36.645753773413354%;
341 .row-fluid .offset4:first-child {
342 margin-left: 34.18803418803419%;
343 *margin-left: 34.081651209310785%;
345 .row-fluid .offset3 {
346 margin-left: 28.205128205128204%;
347 *margin-left: 28.0987452264048%;
349 .row-fluid .offset3:first-child {
350 margin-left: 25.641025641025642%;
351 *margin-left: 25.53464266230224%;
353 .row-fluid .offset2 {
354 margin-left: 19.65811965811966%;
355 *margin-left: 19.551736679396257%;
357 .row-fluid .offset2:first-child {
358 margin-left: 17.094017094017094%;
359 *margin-left: 16.98763411529369%;
361 .row-fluid .offset1 {
362 margin-left: 11.11111111111111%;
363 *margin-left: 11.004728132387708%;
365 .row-fluid .offset1:first-child {
366 margin-left: 8.547008547008547%;
367 *margin-left: 8.440625568285142%;
374 .controls-row [class*="span"] + [class*="span"] {
379 .uneditable-input.span12 {
384 .uneditable-input.span11 {
389 .uneditable-input.span10 {
394 .uneditable-input.span9 {
399 .uneditable-input.span8 {
404 .uneditable-input.span7 {
409 .uneditable-input.span6 {
414 .uneditable-input.span5 {
419 .uneditable-input.span4 {
424 .uneditable-input.span3 {
429 .uneditable-input.span2 {
434 .uneditable-input.span1 {
443 .row-fluid .thumbnails {
448 @media (min-width: 768px) and (max-width: 979px) {
468 .navbar-static-top .container,
469 .navbar-fixed-top .container,
470 .navbar-fixed-bottom .container {
558 .row-fluid [class*="span"] {
563 margin-left: 2.7624309392265194%;
564 *margin-left: 2.709239449864817%;
565 -webkit-box-sizing: border-box;
566 -moz-box-sizing: border-box;
567 box-sizing: border-box;
569 .row-fluid [class*="span"]:first-child {
572 .row-fluid .controls-row [class*="span"] + [class*="span"] {
573 margin-left: 2.7624309392265194%;
577 *width: 99.94680851063829%;
580 width: 91.43646408839778%;
581 *width: 91.38327259903608%;
584 width: 82.87292817679558%;
585 *width: 82.81973668743387%;
588 width: 74.30939226519337%;
589 *width: 74.25620077583166%;
592 width: 65.74585635359117%;
593 *width: 65.69266486422946%;
596 width: 57.18232044198895%;
597 *width: 57.12912895262725%;
600 width: 48.61878453038674%;
601 *width: 48.56559304102504%;
604 width: 40.05524861878453%;
605 *width: 40.00205712942283%;
608 width: 31.491712707182323%;
609 *width: 31.43852121782062%;
612 width: 22.92817679558011%;
613 *width: 22.87498530621841%;
616 width: 14.3646408839779%;
617 *width: 14.311449394616199%;
620 width: 5.801104972375691%;
621 *width: 5.747913483013988%;
623 .row-fluid .offset12 {
624 margin-left: 105.52486187845304%;
625 *margin-left: 105.41847889972962%;
627 .row-fluid .offset12:first-child {
628 margin-left: 102.76243093922652%;
629 *margin-left: 102.6560479605031%;
631 .row-fluid .offset11 {
632 margin-left: 96.96132596685082%;
633 *margin-left: 96.8549429881274%;
635 .row-fluid .offset11:first-child {
636 margin-left: 94.1988950276243%;
637 *margin-left: 94.09251204890089%;
639 .row-fluid .offset10 {
640 margin-left: 88.39779005524862%;
641 *margin-left: 88.2914070765252%;
643 .row-fluid .offset10:first-child {
644 margin-left: 85.6353591160221%;
645 *margin-left: 85.52897613729868%;
647 .row-fluid .offset9 {
648 margin-left: 79.8342541436464%;
649 *margin-left: 79.72787116492299%;
651 .row-fluid .offset9:first-child {
652 margin-left: 77.07182320441989%;
653 *margin-left: 76.96544022569647%;
655 .row-fluid .offset8 {
656 margin-left: 71.2707182320442%;
657 *margin-left: 71.16433525332079%;
659 .row-fluid .offset8:first-child {
660 margin-left: 68.50828729281768%;
661 *margin-left: 68.40190431409427%;
663 .row-fluid .offset7 {
664 margin-left: 62.70718232044199%;
665 *margin-left: 62.600799341718584%;
667 .row-fluid .offset7:first-child {
668 margin-left: 59.94475138121547%;
669 *margin-left: 59.838368402492065%;
671 .row-fluid .offset6 {
672 margin-left: 54.14364640883978%;
673 *margin-left: 54.037263430116376%;
675 .row-fluid .offset6:first-child {
676 margin-left: 51.38121546961326%;
677 *margin-left: 51.27483249088986%;
679 .row-fluid .offset5 {
680 margin-left: 45.58011049723757%;
681 *margin-left: 45.47372751851417%;
683 .row-fluid .offset5:first-child {
684 margin-left: 42.81767955801105%;
685 *margin-left: 42.71129657928765%;
687 .row-fluid .offset4 {
688 margin-left: 37.01657458563536%;
689 *margin-left: 36.91019160691196%;
691 .row-fluid .offset4:first-child {
692 margin-left: 34.25414364640884%;
693 *margin-left: 34.14776066768544%;
695 .row-fluid .offset3 {
696 margin-left: 28.45303867403315%;
697 *margin-left: 28.346655695309746%;
699 .row-fluid .offset3:first-child {
700 margin-left: 25.69060773480663%;
701 *margin-left: 25.584224756083227%;
703 .row-fluid .offset2 {
704 margin-left: 19.88950276243094%;
705 *margin-left: 19.783119783707537%;
707 .row-fluid .offset2:first-child {
708 margin-left: 17.12707182320442%;
709 *margin-left: 17.02068884448102%;
711 .row-fluid .offset1 {
712 margin-left: 11.32596685082873%;
713 *margin-left: 11.219583872105325%;
715 .row-fluid .offset1:first-child {
716 margin-left: 8.56353591160221%;
717 *margin-left: 8.457152932878806%;
724 .controls-row [class*="span"] + [class*="span"] {
729 .uneditable-input.span12 {
734 .uneditable-input.span11 {
739 .uneditable-input.span10 {
744 .uneditable-input.span9 {
749 .uneditable-input.span8 {
754 .uneditable-input.span7 {
759 .uneditable-input.span6 {
764 .uneditable-input.span5 {
769 .uneditable-input.span4 {
774 .uneditable-input.span3 {
779 .uneditable-input.span2 {
784 .uneditable-input.span1 {
789 @media (max-width: 767px) {
795 .navbar-fixed-bottom,
827 .uneditable-input[class*="span"],
828 .row-fluid [class*="span"] {
833 -webkit-box-sizing: border-box;
834 -moz-box-sizing: border-box;
835 box-sizing: border-box;
840 -webkit-box-sizing: border-box;
841 -moz-box-sizing: border-box;
842 box-sizing: border-box;
844 .row-fluid [class*="offset"]:first-child {
850 input[class*="span"],
851 select[class*="span"],
852 textarea[class*="span"],
857 -webkit-box-sizing: border-box;
858 -moz-box-sizing: border-box;
859 box-sizing: border-box;
861 .input-prepend input,
863 .input-prepend input[class*="span"],
864 .input-append input[class*="span"] {
865 display: inline-block;
868 .controls-row [class*="span"] + [class*="span"] {
887 @media (max-width: 480px) {
889 -webkit-transform: translate3d(0, 0, 0);
891 .page-header h1 small {
895 input[type="checkbox"],
896 input[type="radio"] {
897 border: 1px solid #ccc;
899 .form-horizontal .control-label {
905 .form-horizontal .controls {
908 .form-horizontal .control-list {
911 .form-horizontal .form-actions {
930 .modal-header .close {
939 @media (max-width: 979px) {
944 .navbar-fixed-bottom {
950 .navbar-fixed-bottom {
953 .navbar-fixed-top .navbar-inner,
954 .navbar-fixed-bottom .navbar-inner {
973 .nav-collapse .nav > li {
976 .nav-collapse .nav > li > a {
979 .nav-collapse .nav > .divider-vertical {
982 .nav-collapse .nav .nav-header {
986 .nav-collapse .nav > li > a,
987 .nav-collapse .dropdown-menu a {
991 -webkit-border-radius: 3px;
992 -moz-border-radius: 3px;
996 padding: 4px 10px 4px;
998 -webkit-border-radius: 4px;
999 -moz-border-radius: 4px;
1002 .nav-collapse .dropdown-menu li + li a {
1005 .nav-collapse .nav > li > a:hover,
1006 .nav-collapse .dropdown-menu a:hover {
1007 background-color: #f2f2f2;
1009 .navbar-inverse .nav-collapse .nav > li > a,
1010 .navbar-inverse .nav-collapse .dropdown-menu a {
1013 .navbar-inverse .nav-collapse .nav > li > a:hover,
1014 .navbar-inverse .nav-collapse .dropdown-menu a:hover {
1015 background-color: #111111;
1017 .nav-collapse.in .btn-group {
1021 .nav-collapse .dropdown-menu {
1030 background-color: transparent;
1032 -webkit-border-radius: 0;
1033 -moz-border-radius: 0;
1035 -webkit-box-shadow: none;
1036 -moz-box-shadow: none;
1039 .nav-collapse .open > .dropdown-menu {
1042 .nav-collapse .dropdown-menu:before,
1043 .nav-collapse .dropdown-menu:after {
1046 .nav-collapse .dropdown-menu .divider {
1049 .nav-collapse .nav > li > .dropdown-menu:before,
1050 .nav-collapse .nav > li > .dropdown-menu:after {
1053 .nav-collapse .navbar-form,
1054 .nav-collapse .navbar-search {
1058 border-top: 1px solid #f2f2f2;
1059 border-bottom: 1px solid #f2f2f2;
1060 -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
1061 -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
1062 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
1064 .navbar-inverse .nav-collapse .navbar-form,
1065 .navbar-inverse .nav-collapse .navbar-search {
1066 border-top-color: #111111;
1067 border-bottom-color: #111111;
1069 .navbar .nav-collapse .nav.pull-right {
1074 .nav-collapse.collapse {
1078 .navbar .btn-navbar {
1081 .navbar-static .navbar-inner {
1082 padding-right: 10px;
1087 @media (min-width: 980px) {
1088 .nav-collapse.collapse {
1089 height: auto !important;
1090 overflow: visible !important;