2 * Bootstrap Responsive v2.1.0
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.
30 background-color: transparent;
38 -webkit-box-sizing: border-box;
39 -moz-box-sizing: border-box;
40 box-sizing: border-box;
49 display: none !important;
53 display: none !important;
57 display: none !important;
61 display: inherit !important;
64 @media (min-width: 768px) and (max-width: 979px) {
66 display: inherit !important;
69 display: none !important ;
72 display: inherit !important;
75 display: none !important;
79 @media (max-width: 767px) {
81 display: inherit !important;
84 display: none !important;
87 display: inherit !important;
90 display: none !important;
94 @media (min-width: 1200px) {
113 .navbar-static-top .container,
114 .navbar-fixed-top .container,
115 .navbar-fixed-bottom .container {
203 .row-fluid [class*="span"] {
208 margin-left: 2.564102564102564%;
209 *margin-left: 2.5109110747408616%;
210 -webkit-box-sizing: border-box;
211 -moz-box-sizing: border-box;
212 box-sizing: border-box;
214 .row-fluid [class*="span"]:first-child {
219 *width: 99.94680851063829%;
222 width: 91.45299145299145%;
223 *width: 91.39979996362975%;
226 width: 82.90598290598291%;
227 *width: 82.8527914166212%;
230 width: 74.35897435897436%;
231 *width: 74.30578286961266%;
234 width: 65.81196581196582%;
235 *width: 65.75877432260411%;
238 width: 57.26495726495726%;
239 *width: 57.21176577559556%;
242 width: 48.717948717948715%;
243 *width: 48.664757228587014%;
246 width: 40.17094017094017%;
247 *width: 40.11774868157847%;
250 width: 31.623931623931625%;
251 *width: 31.570740134569924%;
254 width: 23.076923076923077%;
255 *width: 23.023731587561375%;
258 width: 14.52991452991453%;
259 *width: 14.476723040552828%;
262 width: 5.982905982905983%;
263 *width: 5.929714493544281%;
265 .row-fluid .offset12 {
266 margin-left: 105.12820512820512%;
267 *margin-left: 105.02182214948171%;
269 .row-fluid .offset12:first-child {
270 margin-left: 102.56410256410257%;
271 *margin-left: 102.45771958537915%;
273 .row-fluid .offset11 {
274 margin-left: 96.58119658119658%;
275 *margin-left: 96.47481360247316%;
277 .row-fluid .offset11:first-child {
278 margin-left: 94.01709401709402%;
279 *margin-left: 93.91071103837061%;
281 .row-fluid .offset10 {
282 margin-left: 88.03418803418803%;
283 *margin-left: 87.92780505546462%;
285 .row-fluid .offset10:first-child {
286 margin-left: 85.47008547008548%;
287 *margin-left: 85.36370249136206%;
289 .row-fluid .offset9 {
290 margin-left: 79.48717948717949%;
291 *margin-left: 79.38079650845607%;
293 .row-fluid .offset9:first-child {
294 margin-left: 76.92307692307693%;
295 *margin-left: 76.81669394435352%;
297 .row-fluid .offset8 {
298 margin-left: 70.94017094017094%;
299 *margin-left: 70.83378796144753%;
301 .row-fluid .offset8:first-child {
302 margin-left: 68.37606837606839%;
303 *margin-left: 68.26968539734497%;
305 .row-fluid .offset7 {
306 margin-left: 62.393162393162385%;
307 *margin-left: 62.28677941443899%;
309 .row-fluid .offset7:first-child {
310 margin-left: 59.82905982905982%;
311 *margin-left: 59.72267685033642%;
313 .row-fluid .offset6 {
314 margin-left: 53.84615384615384%;
315 *margin-left: 53.739770867430444%;
317 .row-fluid .offset6:first-child {
318 margin-left: 51.28205128205128%;
319 *margin-left: 51.175668303327875%;
321 .row-fluid .offset5 {
322 margin-left: 45.299145299145295%;
323 *margin-left: 45.1927623204219%;
325 .row-fluid .offset5:first-child {
326 margin-left: 42.73504273504273%;
327 *margin-left: 42.62865975631933%;
329 .row-fluid .offset4 {
330 margin-left: 36.75213675213675%;
331 *margin-left: 36.645753773413354%;
333 .row-fluid .offset4:first-child {
334 margin-left: 34.18803418803419%;
335 *margin-left: 34.081651209310785%;
337 .row-fluid .offset3 {
338 margin-left: 28.205128205128204%;
339 *margin-left: 28.0987452264048%;
341 .row-fluid .offset3:first-child {
342 margin-left: 25.641025641025642%;
343 *margin-left: 25.53464266230224%;
345 .row-fluid .offset2 {
346 margin-left: 19.65811965811966%;
347 *margin-left: 19.551736679396257%;
349 .row-fluid .offset2:first-child {
350 margin-left: 17.094017094017094%;
351 *margin-left: 16.98763411529369%;
353 .row-fluid .offset1 {
354 margin-left: 11.11111111111111%;
355 *margin-left: 11.004728132387708%;
357 .row-fluid .offset1:first-child {
358 margin-left: 8.547008547008547%;
359 *margin-left: 8.440625568285142%;
366 .controls-row [class*="span"] + [class*="span"] {
371 .uneditable-input.span12 {
376 .uneditable-input.span11 {
381 .uneditable-input.span10 {
386 .uneditable-input.span9 {
391 .uneditable-input.span8 {
396 .uneditable-input.span7 {
401 .uneditable-input.span6 {
406 .uneditable-input.span5 {
411 .uneditable-input.span4 {
416 .uneditable-input.span3 {
421 .uneditable-input.span2 {
426 .uneditable-input.span1 {
435 .row-fluid .thumbnails {
440 @media (min-width: 768px) and (max-width: 979px) {
459 .navbar-static-top .container,
460 .navbar-fixed-top .container,
461 .navbar-fixed-bottom .container {
549 .row-fluid [class*="span"] {
554 margin-left: 2.7624309392265194%;
555 *margin-left: 2.709239449864817%;
556 -webkit-box-sizing: border-box;
557 -moz-box-sizing: border-box;
558 box-sizing: border-box;
560 .row-fluid [class*="span"]:first-child {
565 *width: 99.94680851063829%;
568 width: 91.43646408839778%;
569 *width: 91.38327259903608%;
572 width: 82.87292817679558%;
573 *width: 82.81973668743387%;
576 width: 74.30939226519337%;
577 *width: 74.25620077583166%;
580 width: 65.74585635359117%;
581 *width: 65.69266486422946%;
584 width: 57.18232044198895%;
585 *width: 57.12912895262725%;
588 width: 48.61878453038674%;
589 *width: 48.56559304102504%;
592 width: 40.05524861878453%;
593 *width: 40.00205712942283%;
596 width: 31.491712707182323%;
597 *width: 31.43852121782062%;
600 width: 22.92817679558011%;
601 *width: 22.87498530621841%;
604 width: 14.3646408839779%;
605 *width: 14.311449394616199%;
608 width: 5.801104972375691%;
609 *width: 5.747913483013988%;
611 .row-fluid .offset12 {
612 margin-left: 105.52486187845304%;
613 *margin-left: 105.41847889972962%;
615 .row-fluid .offset12:first-child {
616 margin-left: 102.76243093922652%;
617 *margin-left: 102.6560479605031%;
619 .row-fluid .offset11 {
620 margin-left: 96.96132596685082%;
621 *margin-left: 96.8549429881274%;
623 .row-fluid .offset11:first-child {
624 margin-left: 94.1988950276243%;
625 *margin-left: 94.09251204890089%;
627 .row-fluid .offset10 {
628 margin-left: 88.39779005524862%;
629 *margin-left: 88.2914070765252%;
631 .row-fluid .offset10:first-child {
632 margin-left: 85.6353591160221%;
633 *margin-left: 85.52897613729868%;
635 .row-fluid .offset9 {
636 margin-left: 79.8342541436464%;
637 *margin-left: 79.72787116492299%;
639 .row-fluid .offset9:first-child {
640 margin-left: 77.07182320441989%;
641 *margin-left: 76.96544022569647%;
643 .row-fluid .offset8 {
644 margin-left: 71.2707182320442%;
645 *margin-left: 71.16433525332079%;
647 .row-fluid .offset8:first-child {
648 margin-left: 68.50828729281768%;
649 *margin-left: 68.40190431409427%;
651 .row-fluid .offset7 {
652 margin-left: 62.70718232044199%;
653 *margin-left: 62.600799341718584%;
655 .row-fluid .offset7:first-child {
656 margin-left: 59.94475138121547%;
657 *margin-left: 59.838368402492065%;
659 .row-fluid .offset6 {
660 margin-left: 54.14364640883978%;
661 *margin-left: 54.037263430116376%;
663 .row-fluid .offset6:first-child {
664 margin-left: 51.38121546961326%;
665 *margin-left: 51.27483249088986%;
667 .row-fluid .offset5 {
668 margin-left: 45.58011049723757%;
669 *margin-left: 45.47372751851417%;
671 .row-fluid .offset5:first-child {
672 margin-left: 42.81767955801105%;
673 *margin-left: 42.71129657928765%;
675 .row-fluid .offset4 {
676 margin-left: 37.01657458563536%;
677 *margin-left: 36.91019160691196%;
679 .row-fluid .offset4:first-child {
680 margin-left: 34.25414364640884%;
681 *margin-left: 34.14776066768544%;
683 .row-fluid .offset3 {
684 margin-left: 28.45303867403315%;
685 *margin-left: 28.346655695309746%;
687 .row-fluid .offset3:first-child {
688 margin-left: 25.69060773480663%;
689 *margin-left: 25.584224756083227%;
691 .row-fluid .offset2 {
692 margin-left: 19.88950276243094%;
693 *margin-left: 19.783119783707537%;
695 .row-fluid .offset2:first-child {
696 margin-left: 17.12707182320442%;
697 *margin-left: 17.02068884448102%;
699 .row-fluid .offset1 {
700 margin-left: 11.32596685082873%;
701 *margin-left: 11.219583872105325%;
703 .row-fluid .offset1:first-child {
704 margin-left: 8.56353591160221%;
705 *margin-left: 8.457152932878806%;
712 .controls-row [class*="span"] + [class*="span"] {
717 .uneditable-input.span12 {
722 .uneditable-input.span11 {
727 .uneditable-input.span10 {
732 .uneditable-input.span9 {
737 .uneditable-input.span8 {
742 .uneditable-input.span7 {
747 .uneditable-input.span6 {
752 .uneditable-input.span5 {
757 .uneditable-input.span4 {
762 .uneditable-input.span3 {
767 .uneditable-input.span2 {
772 .uneditable-input.span1 {
777 @media (max-width: 767px) {
783 .navbar-fixed-bottom {
814 .row-fluid [class*="span"] {
823 -webkit-box-sizing: border-box;
824 -moz-box-sizing: border-box;
825 box-sizing: border-box;
830 input[class*="span"],
831 select[class*="span"],
832 textarea[class*="span"],
837 -webkit-box-sizing: border-box;
838 -moz-box-sizing: border-box;
839 box-sizing: border-box;
841 .input-prepend input,
843 .input-prepend input[class*="span"],
844 .input-append input[class*="span"] {
845 display: inline-block;
861 @media (max-width: 480px) {
863 -webkit-transform: translate3d(0, 0, 0);
865 .page-header h1 small {
869 input[type="checkbox"],
870 input[type="radio"] {
871 border: 1px solid #ccc;
873 .form-horizontal .control-group > label {
879 .form-horizontal .controls {
882 .form-horizontal .control-list {
885 .form-horizontal .form-actions {
894 .modal-header .close {
903 @media (max-width: 979px) {
908 .navbar-fixed-bottom {
914 .navbar-fixed-bottom {
917 .navbar-fixed-top .navbar-inner,
918 .navbar-fixed-bottom .navbar-inner {
937 .nav-collapse .nav > li {
940 .nav-collapse .nav > li > a {
943 .nav-collapse .nav > .divider-vertical {
946 .nav-collapse .nav .nav-header {
950 .nav-collapse .nav > li > a,
951 .nav-collapse .dropdown-menu a {
955 -webkit-border-radius: 3px;
956 -moz-border-radius: 3px;
960 padding: 4px 10px 4px;
962 -webkit-border-radius: 4px;
963 -moz-border-radius: 4px;
966 .nav-collapse .dropdown-menu li + li a {
969 .nav-collapse .nav > li > a:hover,
970 .nav-collapse .dropdown-menu a:hover {
971 background-color: #f2f2f2;
973 .navbar-inverse .nav-collapse .nav > li > a:hover,
974 .navbar-inverse .nav-collapse .dropdown-menu a:hover {
975 background-color: #111111;
977 .nav-collapse.in .btn-group {
981 .nav-collapse .dropdown-menu {
990 background-color: transparent;
992 -webkit-border-radius: 0;
993 -moz-border-radius: 0;
995 -webkit-box-shadow: none;
996 -moz-box-shadow: none;
999 .nav-collapse .dropdown-menu:before,
1000 .nav-collapse .dropdown-menu:after {
1003 .nav-collapse .dropdown-menu .divider {
1006 .nav-collapse .navbar-form,
1007 .nav-collapse .navbar-search {
1011 border-top: 1px solid #f2f2f2;
1012 border-bottom: 1px solid #f2f2f2;
1013 -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
1014 -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
1015 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
1017 .navbar .nav-collapse .nav.pull-right {
1022 .nav-collapse.collapse {
1026 .navbar .btn-navbar {
1029 .navbar-static .navbar-inner {
1030 padding-right: 10px;
1035 @media (min-width: 980px) {
1036 .nav-collapse.collapse {
1037 height: auto !important;
1038 overflow: visible !important;