From e28b2f68fc38e4976a0e8bc11af45834bbde940c Mon Sep 17 00:00:00 2001 From: James Moger <james.moger@gitblit.com> Date: Sat, 17 Mar 2012 11:13:46 -0400 Subject: [PATCH] Update to Bootstrap 2.0.2 --- resources/bootstrap/css/bootstrap-responsive.css | 627 +++++++++++++++++++++++++++++++++----------------------- 1 files changed, 373 insertions(+), 254 deletions(-) diff --git a/resources/bootstrap/css/bootstrap-responsive.css b/resources/bootstrap/css/bootstrap-responsive.css index 4b032cd..0bc6de9 100644 --- a/resources/bootstrap/css/bootstrap-responsive.css +++ b/resources/bootstrap/css/bootstrap-responsive.css @@ -1,5 +1,5 @@ /*! - * Bootstrap Responsive v2.0.0 + * Bootstrap Responsive v2.0.2 * * Copyright 2012 Twitter, Inc * Licensed under the Apache License v2.0 @@ -7,9 +7,84 @@ * * Designed and built with all the love in the world @twitter by @mdo and @fat. */ +.clearfix { + *zoom: 1; +} +.clearfix:before, +.clearfix:after { + display: table; + content: ""; +} +.clearfix:after { + clear: both; +} +.hide-text { + overflow: hidden; + text-indent: 100%; + white-space: nowrap; +} +.input-block-level { + display: block; + width: 100%; + min-height: 28px; + /* Make inputs at least the height of their button counterpart */ + + /* Makes inputs behave like true block-level elements */ + + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; +} .hidden { display: none; visibility: hidden; +} +.visible-phone { + display: none; +} +.visible-tablet { + display: none; +} +.visible-desktop { + display: block; +} +.hidden-phone { + display: block; +} +.hidden-tablet { + display: block; +} +.hidden-desktop { + display: none; +} +@media (max-width: 767px) { + .visible-phone { + display: block; + } + .hidden-phone { + display: none; + } + .hidden-desktop { + display: block; + } + .visible-desktop { + display: none; + } +} +@media (min-width: 768px) and (max-width: 979px) { + .visible-tablet { + display: block; + } + .hidden-tablet { + display: none; + } + .hidden-desktop { + display: block; + } + .visible-desktop { + display: none; + } } @media (max-width: 480px) { .nav-collapse { @@ -19,34 +94,8 @@ display: block; line-height: 18px; } - input[class*="span"], - select[class*="span"], - textarea[class*="span"], - .uneditable-input { - display: block; - width: 100%; - height: 28px; - /* Make inputs at least the height of their button counterpart */ - - /* Makes inputs behave like true block-level elements */ - - -webkit-box-sizing: border-box; - /* Older Webkit */ - - -moz-box-sizing: border-box; - /* Older FF */ - - -ms-box-sizing: border-box; - /* IE8 */ - - box-sizing: border-box; - /* CSS3 spec*/ - - } - .input-prepend input[class*="span"], .input-append input[class*="span"] { - width: auto; - } - input[type="checkbox"], input[type="radio"] { + input[type="checkbox"], + input[type="radio"] { border: 1px solid #ccc; } .form-horizontal .control-group > label { @@ -84,10 +133,17 @@ position: static; } } -@media (max-width: 768px) { +@media (max-width: 767px) { + body { + padding-left: 20px; + padding-right: 20px; + } + .navbar-fixed-top { + margin-left: -20px; + margin-right: -20px; + } .container { width: auto; - padding: 0 20px; } .row-fluid { width: 100%; @@ -95,19 +151,44 @@ .row { margin-left: 0; } - .row > [class*="span"], .row-fluid > [class*="span"] { + .row > [class*="span"], + .row-fluid > [class*="span"] { float: none; display: block; width: auto; margin: 0; } + .thumbnails [class*="span"] { + width: auto; + } + input[class*="span"], + select[class*="span"], + textarea[class*="span"], + .uneditable-input { + display: block; + width: 100%; + min-height: 28px; + /* Make inputs at least the height of their button counterpart */ + + /* Makes inputs behave like true block-level elements */ + + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + box-sizing: border-box; + } + .input-prepend input[class*="span"], + .input-append input[class*="span"] { + width: auto; + } } -@media (min-width: 768px) and (max-width: 980px) { +@media (min-width: 768px) and (max-width: 979px) { .row { margin-left: -20px; *zoom: 1; } - .row:before, .row:after { + .row:before, + .row:after { display: table; content: ""; } @@ -118,80 +199,89 @@ float: left; margin-left: 20px; } - .span1 { - width: 42px; + .container, + .navbar-fixed-top .container, + .navbar-fixed-bottom .container { + width: 724px; } - .span2 { - width: 104px; - } - .span3 { - width: 166px; - } - .span4 { - width: 228px; - } - .span5 { - width: 290px; - } - .span6 { - width: 352px; - } - .span7 { - width: 414px; - } - .span8 { - width: 476px; - } - .span9 { - width: 538px; - } - .span10 { - width: 600px; + .span12 { + width: 724px; } .span11 { width: 662px; } - .span12, .container { - width: 724px; + .span10 { + width: 600px; } - .offset1 { - margin-left: 82px; + .span9 { + width: 538px; } - .offset2 { - margin-left: 144px; + .span8 { + width: 476px; } - .offset3 { - margin-left: 206px; + .span7 { + width: 414px; } - .offset4 { - margin-left: 268px; + .span6 { + width: 352px; } - .offset5 { - margin-left: 330px; + .span5 { + width: 290px; } - .offset6 { - margin-left: 392px; + .span4 { + width: 228px; } - .offset7 { - margin-left: 454px; + .span3 { + width: 166px; } - .offset8 { - margin-left: 516px; + .span2 { + width: 104px; } - .offset9 { - margin-left: 578px; + .span1 { + width: 42px; + } + .offset12 { + margin-left: 764px; + } + .offset11 { + margin-left: 702px; } .offset10 { margin-left: 640px; } - .offset11 { - margin-left: 702px; + .offset9 { + margin-left: 578px; + } + .offset8 { + margin-left: 516px; + } + .offset7 { + margin-left: 454px; + } + .offset6 { + margin-left: 392px; + } + .offset5 { + margin-left: 330px; + } + .offset4 { + margin-left: 268px; + } + .offset3 { + margin-left: 206px; + } + .offset2 { + margin-left: 144px; + } + .offset1 { + margin-left: 82px; } .row-fluid { width: 100%; *zoom: 1; } - .row-fluid:before, .row-fluid:after { + .row-fluid:before, + .row-fluid:after { display: table; content: ""; } @@ -205,80 +295,85 @@ .row-fluid > [class*="span"]:first-child { margin-left: 0; } - .row-fluid .span1 { - width: 5.801104972%; - } - .row-fluid .span2 { - width: 14.364640883%; - } - .row-fluid .span3 { - width: 22.928176794%; - } - .row-fluid .span4 { - width: 31.491712705%; - } - .row-fluid .span5 { - width: 40.055248616%; - } - .row-fluid .span6 { - width: 48.618784527%; - } - .row-fluid .span7 { - width: 57.182320438000005%; - } - .row-fluid .span8 { - width: 65.74585634900001%; - } - .row-fluid .span9 { - width: 74.30939226%; - } - .row-fluid .span10 { - width: 82.87292817100001%; - } - .row-fluid .span11 { - width: 91.436464082%; - } - .row-fluid .span12 { + .row-fluid > .span12 { width: 99.999999993%; } - input.span1, textarea.span1, .uneditable-input.span1 { - width: 32px; + .row-fluid > .span11 { + width: 91.436464082%; } - input.span2, textarea.span2, .uneditable-input.span2 { - width: 94px; + .row-fluid > .span10 { + width: 82.87292817100001%; } - input.span3, textarea.span3, .uneditable-input.span3 { - width: 156px; + .row-fluid > .span9 { + width: 74.30939226%; } - input.span4, textarea.span4, .uneditable-input.span4 { - width: 218px; + .row-fluid > .span8 { + width: 65.74585634900001%; } - input.span5, textarea.span5, .uneditable-input.span5 { - width: 280px; + .row-fluid > .span7 { + width: 57.182320438000005%; } - input.span6, textarea.span6, .uneditable-input.span6 { - width: 342px; + .row-fluid > .span6 { + width: 48.618784527%; } - input.span7, textarea.span7, .uneditable-input.span7 { - width: 404px; + .row-fluid > .span5 { + width: 40.055248616%; } - input.span8, textarea.span8, .uneditable-input.span8 { - width: 466px; + .row-fluid > .span4 { + width: 31.491712705%; } - input.span9, textarea.span9, .uneditable-input.span9 { - width: 528px; + .row-fluid > .span3 { + width: 22.928176794%; } - input.span10, textarea.span10, .uneditable-input.span10 { - width: 590px; + .row-fluid > .span2 { + width: 14.364640883%; } - input.span11, textarea.span11, .uneditable-input.span11 { - width: 652px; + .row-fluid > .span1 { + width: 5.801104972%; + } + input, + textarea, + .uneditable-input { + margin-left: 0; } input.span12, textarea.span12, .uneditable-input.span12 { width: 714px; } + input.span11, textarea.span11, .uneditable-input.span11 { + width: 652px; + } + input.span10, textarea.span10, .uneditable-input.span10 { + width: 590px; + } + input.span9, textarea.span9, .uneditable-input.span9 { + width: 528px; + } + input.span8, textarea.span8, .uneditable-input.span8 { + width: 466px; + } + input.span7, textarea.span7, .uneditable-input.span7 { + width: 404px; + } + input.span6, textarea.span6, .uneditable-input.span6 { + width: 342px; + } + input.span5, textarea.span5, .uneditable-input.span5 { + width: 280px; + } + input.span4, textarea.span4, .uneditable-input.span4 { + width: 218px; + } + input.span3, textarea.span3, .uneditable-input.span3 { + width: 156px; + } + input.span2, textarea.span2, .uneditable-input.span2 { + width: 94px; + } + input.span1, textarea.span1, .uneditable-input.span1 { + width: 32px; + } } -@media (max-width: 980px) { +@media (max-width: 979px) { body { padding-top: 0; } @@ -314,7 +409,12 @@ .navbar .nav > .divider-vertical { display: none; } - .navbar .nav > li > a, .navbar .dropdown-menu a { + .navbar .nav .nav-header { + color: #999999; + text-shadow: none; + } + .navbar .nav > li > a, + .navbar .dropdown-menu a { padding: 6px 15px; font-weight: bold; color: #999999; @@ -325,7 +425,8 @@ .navbar .dropdown-menu li + li a { margin-bottom: 2px; } - .navbar .nav > li > a:hover, .navbar .dropdown-menu a:hover { + .navbar .nav > li > a:hover, + .navbar .dropdown-menu a:hover { background-color: #222222; } .navbar .dropdown-menu { @@ -346,13 +447,15 @@ -moz-box-shadow: none; box-shadow: none; } - .navbar .dropdown-menu:before, .navbar .dropdown-menu:after { + .navbar .dropdown-menu:before, + .navbar .dropdown-menu:after { display: none; } .navbar .dropdown-menu .divider { display: none; } - .navbar-form, .navbar-search { + .navbar-form, + .navbar-search { float: none; padding: 9px 15px; margin: 9px 0; @@ -381,6 +484,7 @@ @media (min-width: 980px) { .nav-collapse.collapse { height: auto !important; + overflow: visible !important; } } @media (min-width: 1200px) { @@ -388,7 +492,8 @@ margin-left: -30px; *zoom: 1; } - .row:before, .row:after { + .row:before, + .row:after { display: table; content: ""; } @@ -399,80 +504,89 @@ float: left; margin-left: 30px; } - .span1 { - width: 70px; + .container, + .navbar-fixed-top .container, + .navbar-fixed-bottom .container { + width: 1170px; } - .span2 { - width: 170px; - } - .span3 { - width: 270px; - } - .span4 { - width: 370px; - } - .span5 { - width: 470px; - } - .span6 { - width: 570px; - } - .span7 { - width: 670px; - } - .span8 { - width: 770px; - } - .span9 { - width: 870px; - } - .span10 { - width: 970px; + .span12 { + width: 1170px; } .span11 { width: 1070px; } - .span12, .container { - width: 1170px; + .span10 { + width: 970px; } - .offset1 { - margin-left: 130px; + .span9 { + width: 870px; } - .offset2 { - margin-left: 230px; + .span8 { + width: 770px; } - .offset3 { - margin-left: 330px; + .span7 { + width: 670px; } - .offset4 { - margin-left: 430px; + .span6 { + width: 570px; } - .offset5 { - margin-left: 530px; + .span5 { + width: 470px; } - .offset6 { - margin-left: 630px; + .span4 { + width: 370px; } - .offset7 { - margin-left: 730px; + .span3 { + width: 270px; } - .offset8 { - margin-left: 830px; + .span2 { + width: 170px; } - .offset9 { - margin-left: 930px; + .span1 { + width: 70px; + } + .offset12 { + margin-left: 1230px; + } + .offset11 { + margin-left: 1130px; } .offset10 { margin-left: 1030px; } - .offset11 { - margin-left: 1130px; + .offset9 { + margin-left: 930px; + } + .offset8 { + margin-left: 830px; + } + .offset7 { + margin-left: 730px; + } + .offset6 { + margin-left: 630px; + } + .offset5 { + margin-left: 530px; + } + .offset4 { + margin-left: 430px; + } + .offset3 { + margin-left: 330px; + } + .offset2 { + margin-left: 230px; + } + .offset1 { + margin-left: 130px; } .row-fluid { width: 100%; *zoom: 1; } - .row-fluid:before, .row-fluid:after { + .row-fluid:before, + .row-fluid:after { display: table; content: ""; } @@ -486,77 +600,82 @@ .row-fluid > [class*="span"]:first-child { margin-left: 0; } - .row-fluid .span1 { - width: 5.982905983%; - } - .row-fluid .span2 { - width: 14.529914530000001%; - } - .row-fluid .span3 { - width: 23.076923077%; - } - .row-fluid .span4 { - width: 31.623931624%; - } - .row-fluid .span5 { - width: 40.170940171000005%; - } - .row-fluid .span6 { - width: 48.717948718%; - } - .row-fluid .span7 { - width: 57.264957265%; - } - .row-fluid .span8 { - width: 65.81196581200001%; - } - .row-fluid .span9 { - width: 74.358974359%; - } - .row-fluid .span10 { - width: 82.905982906%; - } - .row-fluid .span11 { - width: 91.45299145300001%; - } - .row-fluid .span12 { + .row-fluid > .span12 { width: 100%; } - input.span1, textarea.span1, .uneditable-input.span1 { - width: 60px; + .row-fluid > .span11 { + width: 91.45299145300001%; } - input.span2, textarea.span2, .uneditable-input.span2 { - width: 160px; + .row-fluid > .span10 { + width: 82.905982906%; } - input.span3, textarea.span3, .uneditable-input.span3 { - width: 260px; + .row-fluid > .span9 { + width: 74.358974359%; } - input.span4, textarea.span4, .uneditable-input.span4 { - width: 360px; + .row-fluid > .span8 { + width: 65.81196581200001%; } - input.span5, textarea.span5, .uneditable-input.span5 { - width: 460px; + .row-fluid > .span7 { + width: 57.264957265%; } - input.span6, textarea.span6, .uneditable-input.span6 { - width: 560px; + .row-fluid > .span6 { + width: 48.717948718%; } - input.span7, textarea.span7, .uneditable-input.span7 { - width: 660px; + .row-fluid > .span5 { + width: 40.170940171000005%; } - input.span8, textarea.span8, .uneditable-input.span8 { - width: 760px; + .row-fluid > .span4 { + width: 31.623931624%; } - input.span9, textarea.span9, .uneditable-input.span9 { - width: 860px; + .row-fluid > .span3 { + width: 23.076923077%; } - input.span10, textarea.span10, .uneditable-input.span10 { - width: 960px; + .row-fluid > .span2 { + width: 14.529914530000001%; + } + .row-fluid > .span1 { + width: 5.982905983%; + } + input, + textarea, + .uneditable-input { + margin-left: 0; + } + input.span12, textarea.span12, .uneditable-input.span12 { + width: 1160px; } input.span11, textarea.span11, .uneditable-input.span11 { width: 1060px; } - input.span12, textarea.span12, .uneditable-input.span12 { - width: 1160px; + input.span10, textarea.span10, .uneditable-input.span10 { + width: 960px; + } + input.span9, textarea.span9, .uneditable-input.span9 { + width: 860px; + } + input.span8, textarea.span8, .uneditable-input.span8 { + width: 760px; + } + input.span7, textarea.span7, .uneditable-input.span7 { + width: 660px; + } + input.span6, textarea.span6, .uneditable-input.span6 { + width: 560px; + } + input.span5, textarea.span5, .uneditable-input.span5 { + width: 460px; + } + input.span4, textarea.span4, .uneditable-input.span4 { + width: 360px; + } + input.span3, textarea.span3, .uneditable-input.span3 { + width: 260px; + } + input.span2, textarea.span2, .uneditable-input.span2 { + width: 160px; + } + input.span1, textarea.span1, .uneditable-input.span1 { + width: 60px; } .thumbnails { margin-left: -30px; -- Gitblit v1.9.1