From 0b122bc5c526724992036a8e286079188ade3b10 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 28 Aug 2012 13:33:06 -0700 Subject: remake the box-size grid, nuke fluid grid docs, fix up examples, clean up form styles --- docs/assets/css/bootstrap.css | 369 +++++------------------------------------- 1 file changed, 43 insertions(+), 326 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index b863b1266..b3adee666 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -197,8 +197,15 @@ a:hover { border-radius: 500px; } +.container, +.navbar-fixed-top .container, +.navbar-fixed-bottom .container { + width: 940px; +} + .row { - margin-left: -20px; + margin-right: -10px; + margin-left: -10px; *zoom: 1; } @@ -216,322 +223,107 @@ a:hover { [class*="span"] { float: left; min-height: 1px; - margin-left: 20px; -} - -.container, -.navbar-static-top .container, -.navbar-fixed-top .container, -.navbar-fixed-bottom .container { - width: 940px; + padding-right: 10px; + padding-left: 10px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } .span12 { - width: 940px; + width: 100%; } .span11 { - width: 860px; + width: 91.66666666666666%; } .span10 { - width: 780px; + width: 83.33333333333334%; } .span9 { - width: 700px; + width: 75%; } .span8 { - width: 620px; + width: 66.66666666666666%; } .span7 { - width: 540px; + width: 58.333333333333336%; } .span6 { - width: 460px; + width: 50%; } .span5 { - width: 380px; + width: 41.66666666666667%; } .span4 { - width: 300px; + width: 33.33333333333333%; } .span3 { - width: 220px; + width: 25%; } .span2 { - width: 140px; + width: 16.666666666666664%; } .span1 { - width: 60px; + width: 8.333333333333332%; } .offset12 { - margin-left: 980px; + margin-left: 100%; } .offset11 { - margin-left: 900px; + margin-left: 91.66666666666666%; } .offset10 { - margin-left: 820px; + margin-left: 83.33333333333334%; } .offset9 { - margin-left: 740px; + margin-left: 75%; } .offset8 { - margin-left: 660px; + margin-left: 66.66666666666666%; } .offset7 { - margin-left: 580px; + margin-left: 58.333333333333336%; } .offset6 { - margin-left: 500px; + margin-left: 50%; } .offset5 { - margin-left: 420px; + margin-left: 41.66666666666667%; } .offset4 { - margin-left: 340px; + margin-left: 33.33333333333333%; } .offset3 { - margin-left: 260px; + margin-left: 25%; } .offset2 { - margin-left: 180px; + margin-left: 16.666666666666664%; } .offset1 { - margin-left: 100px; -} - -.row-fluid { - width: 100%; - *zoom: 1; -} - -.row-fluid:before, -.row-fluid:after { - display: table; - line-height: 0; - content: ""; -} - -.row-fluid:after { - clear: both; -} - -.row-fluid [class*="span"] { - display: block; - float: left; - width: 100%; - min-height: 30px; - margin-left: 2.127659574468085%; - *margin-left: 2.074468085106383%; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} - -.row-fluid [class*="span"]:first-child { - margin-left: 0; -} - -.row-fluid .span12 { - width: 100%; - *width: 99.94680851063829%; -} - -.row-fluid .span11 { - width: 91.48936170212765%; - *width: 91.43617021276594%; -} - -.row-fluid .span10 { - width: 82.97872340425532%; - *width: 82.92553191489361%; -} - -.row-fluid .span9 { - width: 74.46808510638297%; - *width: 74.41489361702126%; -} - -.row-fluid .span8 { - width: 65.95744680851064%; - *width: 65.90425531914893%; -} - -.row-fluid .span7 { - width: 57.44680851063829%; - *width: 57.39361702127659%; -} - -.row-fluid .span6 { - width: 48.93617021276595%; - *width: 48.88297872340425%; -} - -.row-fluid .span5 { - width: 40.42553191489362%; - *width: 40.37234042553192%; -} - -.row-fluid .span4 { - width: 31.914893617021278%; - *width: 31.861702127659576%; -} - -.row-fluid .span3 { - width: 23.404255319148934%; - *width: 23.351063829787233%; -} - -.row-fluid .span2 { - width: 14.893617021276595%; - *width: 14.840425531914894%; -} - -.row-fluid .span1 { - width: 6.382978723404255%; - *width: 6.329787234042553%; -} - -.row-fluid .offset12 { - margin-left: 104.25531914893617%; - *margin-left: 104.14893617021275%; -} - -.row-fluid .offset12:first-child { - margin-left: 102.12765957446808%; - *margin-left: 102.02127659574467%; -} - -.row-fluid .offset11 { - margin-left: 95.74468085106382%; - *margin-left: 95.6382978723404%; -} - -.row-fluid .offset11:first-child { - margin-left: 93.61702127659574%; - *margin-left: 93.51063829787232%; -} - -.row-fluid .offset10 { - margin-left: 87.23404255319149%; - *margin-left: 87.12765957446807%; -} - -.row-fluid .offset10:first-child { - margin-left: 85.1063829787234%; - *margin-left: 84.99999999999999%; -} - -.row-fluid .offset9 { - margin-left: 78.72340425531914%; - *margin-left: 78.61702127659572%; -} - -.row-fluid .offset9:first-child { - margin-left: 76.59574468085106%; - *margin-left: 76.48936170212764%; -} - -.row-fluid .offset8 { - margin-left: 70.2127659574468%; - *margin-left: 70.10638297872339%; -} - -.row-fluid .offset8:first-child { - margin-left: 68.08510638297872%; - *margin-left: 67.9787234042553%; -} - -.row-fluid .offset7 { - margin-left: 61.70212765957446%; - *margin-left: 61.59574468085106%; -} - -.row-fluid .offset7:first-child { - margin-left: 59.574468085106375%; - *margin-left: 59.46808510638297%; -} - -.row-fluid .offset6 { - margin-left: 53.191489361702125%; - *margin-left: 53.085106382978715%; -} - -.row-fluid .offset6:first-child { - margin-left: 51.063829787234035%; - *margin-left: 50.95744680851063%; -} - -.row-fluid .offset5 { - margin-left: 44.68085106382979%; - *margin-left: 44.57446808510638%; -} - -.row-fluid .offset5:first-child { - margin-left: 42.5531914893617%; - *margin-left: 42.4468085106383%; -} - -.row-fluid .offset4 { - margin-left: 36.170212765957444%; - *margin-left: 36.06382978723405%; -} - -.row-fluid .offset4:first-child { - margin-left: 34.04255319148936%; - *margin-left: 33.93617021276596%; -} - -.row-fluid .offset3 { - margin-left: 27.659574468085104%; - *margin-left: 27.5531914893617%; -} - -.row-fluid .offset3:first-child { - margin-left: 25.53191489361702%; - *margin-left: 25.425531914893618%; -} - -.row-fluid .offset2 { - margin-left: 19.148936170212764%; - *margin-left: 19.04255319148936%; -} - -.row-fluid .offset2:first-child { - margin-left: 17.02127659574468%; - *margin-left: 16.914893617021278%; -} - -.row-fluid .offset1 { - margin-left: 10.638297872340425%; - *margin-left: 10.53191489361702%; -} - -.row-fluid .offset1:first-child { - margin-left: 8.51063829787234%; - *margin-left: 8.404255319148938%; + margin-left: 8.333333333333332%; } [class*="span"].hide, @@ -1188,86 +980,11 @@ textarea[class*="span"], display: inline-block; } -input, -textarea, -.uneditable-input { - margin-left: 0; -} - -.controls-row [class*="span"] + [class*="span"] { - margin-left: 20px; -} - -input.span12, -textarea.span12, -.uneditable-input.span12 { - width: 926px; -} - -input.span11, -textarea.span11, -.uneditable-input.span11 { - width: 846px; -} - -input.span10, -textarea.span10, -.uneditable-input.span10 { - width: 766px; -} - -input.span9, -textarea.span9, -.uneditable-input.span9 { - width: 686px; -} - -input.span8, -textarea.span8, -.uneditable-input.span8 { - width: 606px; -} - -input.span7, -textarea.span7, -.uneditable-input.span7 { - width: 526px; -} - -input.span6, -textarea.span6, -.uneditable-input.span6 { - width: 446px; -} - -input.span5, -textarea.span5, -.uneditable-input.span5 { - width: 366px; -} - -input.span4, -textarea.span4, -.uneditable-input.span4 { - width: 286px; -} - -input.span3, -textarea.span3, -.uneditable-input.span3 { - width: 206px; -} - -input.span2, -textarea.span2, -.uneditable-input.span2 { - width: 126px; -} - -input.span1, -textarea.span1, -.uneditable-input.span1 { - width: 46px; +input[class*="span"], +select[class*="span"], +textarea[class*="span"], +.uneditable-input[class*="span"] { + height: 30px; } .controls-row { @@ -4322,7 +4039,7 @@ input[type="submit"].btn.btn-mini { .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { - width: 940px; + width: 100%; } .navbar-fixed-top { -- cgit v1.2.3 From b53da4b6e7744f2cb44a1cc323fa92ef6b52840d Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 7 Sep 2012 22:46:35 -0700 Subject: commenting out stuff and adding grid test page --- docs/assets/css/bootstrap.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index f53a3b458..3ac976ea2 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -980,8 +980,8 @@ textarea[class*="span"], .row-fluid select[class*="span"], .row-fluid textarea[class*="span"], .row-fluid .uneditable-input[class*="span"] { - float: none; - margin-left: 0; + xmargin-left: 0; + xfloat: none; } .input-append input[class*="span"], -- cgit v1.2.3 From dd1bce2611a83365c0b2fd14b14512180ec09ec1 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 8 Sep 2012 12:50:37 -0700 Subject: latest tweaks to grid classes for forms --- docs/assets/css/bootstrap.css | 108 ++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 108 insertions(+) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 3ac976ea2..efc3d8718 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -997,6 +997,114 @@ textarea[class*="span"], display: inline-block; } +.controls-row input[class*="span"]:first-child, +.controls-row textarea[class*="span"]:first-child, +.controls-row .uneditable-input[class*="span"]:first-child { + margin-left: 0; +} + +.controls-row input[class*="span"]:last-child, +.controls-row textarea[class*="span"]:last-child, +.controls-row .uneditable-input[class*="span"]:last-child { + margin-right: 0; +} + +.controls-row input.span12, +textarea.span12, +.uneditable-input.span12 { + width: 97.87234042553192%; + margin-right: 1.0638297872340425%; + margin-left: 1.0638297872340425%; +} + +.controls-row input.span11, +textarea.span11, +.uneditable-input.span11 { + width: 89.53900709219857%; + margin-right: 1.0638297872340425%; + margin-left: 1.0638297872340425%; +} + +.controls-row input.span10, +textarea.span10, +.uneditable-input.span10 { + width: 81.20567375886526%; + margin-right: 1.0638297872340425%; + margin-left: 1.0638297872340425%; +} + +.controls-row input.span9, +textarea.span9, +.uneditable-input.span9 { + width: 72.87234042553192%; + margin-right: 1.0638297872340425%; + margin-left: 1.0638297872340425%; +} + +.controls-row input.span8, +textarea.span8, +.uneditable-input.span8 { + width: 64.53900709219857%; + margin-right: 1.0638297872340425%; + margin-left: 1.0638297872340425%; +} + +.controls-row input.span7, +textarea.span7, +.uneditable-input.span7 { + width: 56.20567375886525%; + margin-right: 1.0638297872340425%; + margin-left: 1.0638297872340425%; +} + +.controls-row input.span6, +textarea.span6, +.uneditable-input.span6 { + width: 47.87234042553192%; + margin-right: 1.0638297872340425%; + margin-left: 1.0638297872340425%; +} + +.controls-row input.span5, +textarea.span5, +.uneditable-input.span5 { + width: 39.53900709219859%; + margin-right: 1.0638297872340425%; + margin-left: 1.0638297872340425%; +} + +.controls-row input.span4, +textarea.span4, +.uneditable-input.span4 { + width: 31.205673758865245%; + margin-right: 1.0638297872340425%; + margin-left: 1.0638297872340425%; +} + +.controls-row input.span3, +textarea.span3, +.uneditable-input.span3 { + width: 22.872340425531917%; + margin-right: 1.0638297872340425%; + margin-left: 1.0638297872340425%; +} + +.controls-row input.span2, +textarea.span2, +.uneditable-input.span2 { + width: 14.53900709219858%; + margin-right: 1.0638297872340425%; + margin-left: 1.0638297872340425%; +} + +.controls-row input.span1, +textarea.span1, +.uneditable-input.span1 { + width: 6.205673758865247%; + margin-right: 1.0638297872340425%; + margin-left: 1.0638297872340425%; +} + input[class*="span"], select[class*="span"], textarea[class*="span"], -- cgit v1.2.3 From 7110b243f5c88274742477c80c2d08be3f259566 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 10 Sep 2012 10:11:02 -0700 Subject: more tests and experiments --- docs/assets/css/bootstrap.css | 24 ++++++++++++------------ 1 file changed, 12 insertions(+), 12 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index efc3d8718..3bba084f3 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -1012,7 +1012,7 @@ textarea[class*="span"], .controls-row input.span12, textarea.span12, .uneditable-input.span12 { - width: 97.87234042553192%; + width: 99.97510185604347%; margin-right: 1.0638297872340425%; margin-left: 1.0638297872340425%; } @@ -1020,7 +1020,7 @@ textarea.span12, .controls-row input.span11, textarea.span11, .uneditable-input.span11 { - width: 89.53900709219857%; + width: 91.64591821336955%; margin-right: 1.0638297872340425%; margin-left: 1.0638297872340425%; } @@ -1028,7 +1028,7 @@ textarea.span11, .controls-row input.span10, textarea.span10, .uneditable-input.span10 { - width: 81.20567375886526%; + width: 83.31635732609024%; margin-right: 1.0638297872340425%; margin-left: 1.0638297872340425%; } @@ -1036,7 +1036,7 @@ textarea.span10, .controls-row input.span9, textarea.span9, .uneditable-input.span9 { - width: 72.87234042553192%; + width: 74.98641919420552%; margin-right: 1.0638297872340425%; margin-left: 1.0638297872340425%; } @@ -1044,7 +1044,7 @@ textarea.span9, .controls-row input.span8, textarea.span8, .uneditable-input.span8 { - width: 64.53900709219857%; + width: 66.6561038177154%; margin-right: 1.0638297872340425%; margin-left: 1.0638297872340425%; } @@ -1052,7 +1052,7 @@ textarea.span8, .controls-row input.span7, textarea.span7, .uneditable-input.span7 { - width: 56.20567375886525%; + width: 58.32541119661988%; margin-right: 1.0638297872340425%; margin-left: 1.0638297872340425%; } @@ -1060,7 +1060,7 @@ textarea.span7, .controls-row input.span6, textarea.span6, .uneditable-input.span6 { - width: 47.87234042553192%; + width: 49.99434133091897%; margin-right: 1.0638297872340425%; margin-left: 1.0638297872340425%; } @@ -1068,7 +1068,7 @@ textarea.span6, .controls-row input.span5, textarea.span5, .uneditable-input.span5 { - width: 39.53900709219859%; + width: 41.66289422061264%; margin-right: 1.0638297872340425%; margin-left: 1.0638297872340425%; } @@ -1076,7 +1076,7 @@ textarea.span5, .controls-row input.span4, textarea.span4, .uneditable-input.span4 { - width: 31.205673758865245%; + width: 33.33106986570092%; margin-right: 1.0638297872340425%; margin-left: 1.0638297872340425%; } @@ -1084,7 +1084,7 @@ textarea.span4, .controls-row input.span3, textarea.span3, .uneditable-input.span3 { - width: 22.872340425531917%; + width: 24.998868266183795%; margin-right: 1.0638297872340425%; margin-left: 1.0638297872340425%; } @@ -1092,7 +1092,7 @@ textarea.span3, .controls-row input.span2, textarea.span2, .uneditable-input.span2 { - width: 14.53900709219858%; + width: 16.666289422061265%; margin-right: 1.0638297872340425%; margin-left: 1.0638297872340425%; } @@ -1100,7 +1100,7 @@ textarea.span2, .controls-row input.span1, textarea.span1, .uneditable-input.span1 { - width: 6.205673758865247%; + width: 8.333333333333332%; margin-right: 1.0638297872340425%; margin-left: 1.0638297872340425%; } -- cgit v1.2.3 From 527d01ce99a0cae8eae7868c0649dca60cda338c Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 25 Sep 2012 15:01:03 -0700 Subject: headway, cleanup, and tests --- docs/assets/css/bootstrap.css | 174 +++++++++++++++++++++++++++++++----------- 1 file changed, 129 insertions(+), 45 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 3bba084f3..49c45ca48 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -975,136 +975,211 @@ textarea::-webkit-input-placeholder { input[class*="span"], select[class*="span"], textarea[class*="span"], -.uneditable-input[class*="span"], -.row-fluid input[class*="span"], -.row-fluid select[class*="span"], -.row-fluid textarea[class*="span"], -.row-fluid .uneditable-input[class*="span"] { - xmargin-left: 0; - xfloat: none; -} - -.input-append input[class*="span"], -.input-append .uneditable-input[class*="span"], -.input-prepend input[class*="span"], -.input-prepend .uneditable-input[class*="span"], -.row-fluid input[class*="span"], -.row-fluid select[class*="span"], -.row-fluid textarea[class*="span"], -.row-fluid .uneditable-input[class*="span"], -.row-fluid .input-prepend [class*="span"], -.row-fluid .input-append [class*="span"] { - display: inline-block; -} - -.controls-row input[class*="span"]:first-child, -.controls-row textarea[class*="span"]:first-child, -.controls-row .uneditable-input[class*="span"]:first-child { - margin-left: 0; -} - -.controls-row input[class*="span"]:last-child, -.controls-row textarea[class*="span"]:last-child, -.controls-row .uneditable-input[class*="span"]:last-child { +.uneditable-input[class*="span"] { + float: none; margin-right: 0; + margin-left: 0; } .controls-row input.span12, textarea.span12, +select.span12, .uneditable-input.span12 { - width: 99.97510185604347%; + width: 97.87234042553192%; margin-right: 1.0638297872340425%; margin-left: 1.0638297872340425%; } .controls-row input.span11, textarea.span11, +select.span11, .uneditable-input.span11 { - width: 91.64591821336955%; + width: 89.53900709219857%; margin-right: 1.0638297872340425%; margin-left: 1.0638297872340425%; } .controls-row input.span10, textarea.span10, +select.span10, .uneditable-input.span10 { - width: 83.31635732609024%; + width: 81.20567375886526%; margin-right: 1.0638297872340425%; margin-left: 1.0638297872340425%; } .controls-row input.span9, textarea.span9, +select.span9, .uneditable-input.span9 { - width: 74.98641919420552%; + width: 72.87234042553192%; margin-right: 1.0638297872340425%; margin-left: 1.0638297872340425%; } .controls-row input.span8, textarea.span8, +select.span8, .uneditable-input.span8 { - width: 66.6561038177154%; + width: 64.53900709219857%; margin-right: 1.0638297872340425%; margin-left: 1.0638297872340425%; } .controls-row input.span7, textarea.span7, +select.span7, .uneditable-input.span7 { - width: 58.32541119661988%; + width: 56.20567375886525%; margin-right: 1.0638297872340425%; margin-left: 1.0638297872340425%; } .controls-row input.span6, textarea.span6, +select.span6, .uneditable-input.span6 { - width: 49.99434133091897%; + width: 47.87234042553192%; margin-right: 1.0638297872340425%; margin-left: 1.0638297872340425%; } .controls-row input.span5, textarea.span5, +select.span5, .uneditable-input.span5 { - width: 41.66289422061264%; + width: 39.53900709219859%; margin-right: 1.0638297872340425%; margin-left: 1.0638297872340425%; } .controls-row input.span4, textarea.span4, +select.span4, .uneditable-input.span4 { - width: 33.33106986570092%; + width: 31.205673758865245%; margin-right: 1.0638297872340425%; margin-left: 1.0638297872340425%; } .controls-row input.span3, textarea.span3, +select.span3, .uneditable-input.span3 { - width: 24.998868266183795%; + width: 22.872340425531917%; margin-right: 1.0638297872340425%; margin-left: 1.0638297872340425%; } .controls-row input.span2, textarea.span2, +select.span2, .uneditable-input.span2 { - width: 16.666289422061265%; + width: 14.53900709219858%; margin-right: 1.0638297872340425%; margin-left: 1.0638297872340425%; } .controls-row input.span1, textarea.span1, +select.span1, .uneditable-input.span1 { - width: 8.333333333333332%; + width: 6.205673758865247%; margin-right: 1.0638297872340425%; margin-left: 1.0638297872340425%; } +.controls-row input.offset12, +textarea.offset12, +select.offset12, +uneditable-input.offset12 { + margin-left: 101.06382978723404%; +} + +.controls-row input.offset11, +textarea.offset11, +select.offset11, +uneditable-input.offset11 { + margin-left: 92.7304964539007%; +} + +.controls-row input.offset10, +textarea.offset10, +select.offset10, +uneditable-input.offset10 { + margin-left: 84.39716312056738%; +} + +.controls-row input.offset9, +textarea.offset9, +select.offset9, +uneditable-input.offset9 { + margin-left: 76.06382978723404%; +} + +.controls-row input.offset8, +textarea.offset8, +select.offset8, +uneditable-input.offset8 { + margin-left: 67.7304964539007%; +} + +.controls-row input.offset7, +textarea.offset7, +select.offset7, +uneditable-input.offset7 { + margin-left: 59.39716312056738%; +} + +.controls-row input.offset6, +textarea.offset6, +select.offset6, +uneditable-input.offset6 { + margin-left: 51.06382978723404%; +} + +.controls-row input.offset5, +textarea.offset5, +select.offset5, +uneditable-input.offset5 { + margin-left: 42.73049645390071%; +} + +.controls-row input.offset4, +textarea.offset4, +select.offset4, +uneditable-input.offset4 { + margin-left: 34.39716312056737%; +} + +.controls-row input.offset3, +textarea.offset3, +select.offset3, +uneditable-input.offset3 { + margin-left: 26.06382978723404%; +} + +.controls-row input.offset2, +textarea.offset2, +select.offset2, +uneditable-input.offset2 { + margin-left: 17.730496453900706%; +} + +.controls-row input.offset1, +textarea.offset1, +select.offset1, +uneditable-input.offset1 { + margin-left: 9.397163120567374%; +} + +.input-append input[class*="span"], +.input-append .uneditable-input[class*="span"], +.input-prepend input[class*="span"], +.input-prepend .uneditable-input[class*="span"] { + display: inline-block; +} + input[class*="span"], select[class*="span"], textarea[class*="span"], @@ -1372,8 +1447,8 @@ select:focus:required:invalid:focus { .input-append .uneditable-input, .input-prepend .uneditable-input { position: relative; - margin-bottom: 0; - *margin-left: 0; + float: none; + margin: 0; font-size: 14px; vertical-align: top; -webkit-border-radius: 0 3px 3px 0; @@ -1390,6 +1465,15 @@ select:focus:required:invalid:focus { z-index: 2; } +.input-append input[class*="span"], +.input-prepend input[class*="span"], +.input-append select[class*="span"], +.input-prepend select[class*="span"], +.input-append .uneditable-input[class*="span"], +.input-prepend .uneditable-input[class*="span"] { + margin: 0; +} + .input-append .add-on, .input-prepend .add-on { display: inline-block; -- cgit v1.2.3 From 0220015edd1c06e0475a346ca5882e3b1758af48 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 25 Sep 2012 22:07:53 -0700 Subject: remove all ie7 conditionals and mixins --- docs/assets/css/bootstrap.css | 150 +++++------------------------------------- 1 file changed, 15 insertions(+), 135 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 4ab043d0b..8fa518607 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -125,10 +125,6 @@ textarea { vertical-align: top; } -.clearfix { - *zoom: 1; -} - .clearfix:before, .clearfix:after { display: table; @@ -207,7 +203,6 @@ a:hover { .row { margin-right: -10px; margin-left: -10px; - *zoom: 1; } .row:before, @@ -340,7 +335,6 @@ a:hover { .container { margin-right: auto; margin-left: auto; - *zoom: 1; } .container:before, @@ -357,7 +351,6 @@ a:hover { .container-fluid { padding-right: 20px; padding-left: 20px; - *zoom: 1; } .container-fluid:before, @@ -551,10 +544,6 @@ dd { margin-left: 10px; } -.dl-horizontal { - *zoom: 1; -} - .dl-horizontal:before, .dl-horizontal:after { display: table; @@ -853,7 +842,8 @@ input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; - *margin-top: 0; + /* IE8-9 */ + line-height: normal; cursor: pointer; } @@ -871,10 +861,7 @@ input[type="checkbox"] { select, input[type="file"] { height: 30px; - /* In IE7, the height of the select element cannot be changed by height, only font-size */ - - *margin-top: 4px; - /* For IE7, add top margin to align select with labels */ + /* In IE7, the height of the select element cannot be changed by height, only font-size. TODO: Check if this is still needed when dropping IE7 support */ line-height: 30px; } @@ -1204,10 +1191,6 @@ textarea[class*="span"], height: 30px; } -.controls-row { - *zoom: 1; -} - .controls-row:before, .controls-row:after { display: table; @@ -1419,7 +1402,6 @@ select:focus:required:invalid:focus { margin-bottom: 20px; background-color: #f5f5f5; border-top: 1px solid #e5e5e5; - *zoom: 1; } .form-actions:before, @@ -1445,10 +1427,8 @@ select:focus:required:invalid:focus { .help-inline { display: inline-block; - *display: inline; padding-left: 5px; vertical-align: middle; - *zoom: 1; } .input-append, @@ -1617,7 +1597,7 @@ input.search-query { padding-right: 4px \9; padding-left: 14px; padding-left: 4px \9; - /* IE7-8 doesn't have border-radius, so don't indent the padding */ + /* IE8 doesn't have border-radius, so don't indent the padding */ margin-bottom: 0; -webkit-border-radius: 15px; @@ -1680,10 +1660,8 @@ input.search-query { .form-inline .input-append, .form-horizontal .input-append { display: inline-block; - *display: inline; margin-bottom: 0; vertical-align: middle; - *zoom: 1; } .form-search .hide, @@ -1735,7 +1713,6 @@ legend + .control-group { .form-horizontal .control-group { margin-bottom: 20px; - *zoom: 1; } .form-horizontal .control-group:before, @@ -1757,14 +1734,7 @@ legend + .control-group { } .form-horizontal .controls { - *display: inline-block; - *padding-left: 20px; margin-left: 180px; - *margin-left: 0; -} - -.form-horizontal .controls:first-child { - *padding-left: 180px; } .form-horizontal .help-block { @@ -1831,7 +1801,6 @@ table { .table-bordered { border: 1px solid #dddddd; border-collapse: separate; - *border-collapse: collapse; border-left: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; @@ -2105,7 +2074,6 @@ table [class*=span], width: 14px; height: 14px; margin-top: 1px; - *margin-right: .3em; line-height: 14px; vertical-align: text-top; background-image: url("../img/glyphicons-halflings.png"); @@ -2696,10 +2664,6 @@ table [class*=span], position: relative; } -.dropdown-toggle { - *margin-bottom: -3px; -} - .dropdown-toggle:active, .open .dropdown-toggle { outline: 0; @@ -2754,10 +2718,8 @@ table [class*=span], } .dropdown-menu .divider { - *width: 100%; height: 1px; margin: 9px 1px; - *margin: -5px 0 5px; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid #ffffff; @@ -2816,10 +2778,6 @@ table [class*=span], background-color: transparent; } -.open { - *z-index: 1000; -} - .open > .dropdown-menu { display: block; } @@ -2989,37 +2947,31 @@ button.close { .btn { display: inline-block; - *display: inline; padding: 4px 12px; margin-bottom: 0; - *margin-left: .3em; font-size: 14px; line-height: 20px; - *line-height: 20px; color: #333333; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); vertical-align: middle; cursor: pointer; background-color: #f5f5f5; - *background-color: #e6e6e6; + background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); - background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-repeat: repeat-x; border: 1px solid #bbbbbb; - *border: 0; - border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-color: #e6e6e6 #e6e6e6 #bfbfbf; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-bottom-color: #a2a2a2; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; - filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); filter: progid:dximagetransform.microsoft.gradient(enabled=false); - *zoom: 1; + filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); @@ -3040,17 +2992,10 @@ button.close { background-color: #cccccc \9; } -.btn:first-child { - *margin-left: 0; -} - .btn:hover { color: #333333; text-decoration: none; background-color: #e6e6e6; - *background-color: #d9d9d9; - /* Buttons in IE7 don't get borders, so darken on hover */ - background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; @@ -3157,12 +3102,11 @@ input[type="button"].btn-block { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #006dcc; - *background-color: #0044cc; + background-image: -moz-linear-gradient(top, #0088cc, #0044cc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); background-image: -o-linear-gradient(top, #0088cc, #0044cc); background-image: linear-gradient(to bottom, #0088cc, #0044cc); - background-image: -moz-linear-gradient(top, #0088cc, #0044cc); background-repeat: repeat-x; border-color: #0044cc #0044cc #002a80; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); @@ -3189,12 +3133,11 @@ input[type="button"].btn-block { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #faa732; - *background-color: #f89406; + background-image: -moz-linear-gradient(top, #fbb450, #f89406); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); background-image: -webkit-linear-gradient(top, #fbb450, #f89406); background-image: -o-linear-gradient(top, #fbb450, #f89406); background-image: linear-gradient(to bottom, #fbb450, #f89406); - background-image: -moz-linear-gradient(top, #fbb450, #f89406); background-repeat: repeat-x; border-color: #f89406 #f89406 #ad6704; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); @@ -3221,12 +3164,11 @@ input[type="button"].btn-block { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #da4f49; - *background-color: #bd362f; + background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f)); background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f); background-image: -o-linear-gradient(top, #ee5f5b, #bd362f); background-image: linear-gradient(to bottom, #ee5f5b, #bd362f); - background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f); background-repeat: repeat-x; border-color: #bd362f #bd362f #802420; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); @@ -3253,12 +3195,11 @@ input[type="button"].btn-block { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #5bb75b; - *background-color: #51a351; + background-image: -moz-linear-gradient(top, #62c462, #51a351); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351)); background-image: -webkit-linear-gradient(top, #62c462, #51a351); background-image: -o-linear-gradient(top, #62c462, #51a351); background-image: linear-gradient(to bottom, #62c462, #51a351); - background-image: -moz-linear-gradient(top, #62c462, #51a351); background-repeat: repeat-x; border-color: #51a351 #51a351 #387038; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); @@ -3285,12 +3226,11 @@ input[type="button"].btn-block { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #49afcd; - *background-color: #2f96b4; + background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4)); background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4); background-image: -o-linear-gradient(top, #5bc0de, #2f96b4); background-image: linear-gradient(to bottom, #5bc0de, #2f96b4); - background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4); background-repeat: repeat-x; border-color: #2f96b4 #2f96b4 #1f6377; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); @@ -3317,12 +3257,11 @@ input[type="button"].btn-block { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #363636; - *background-color: #222222; + background-image: -moz-linear-gradient(top, #444444, #222222); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222)); background-image: -webkit-linear-gradient(top, #444444, #222222); background-image: -o-linear-gradient(top, #444444, #222222); background-image: linear-gradient(to bottom, #444444, #222222); - background-image: -moz-linear-gradient(top, #444444, #222222); background-repeat: repeat-x; border-color: #222222 #222222 #000000; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); @@ -3345,36 +3284,12 @@ input[type="button"].btn-block { background-color: #080808 \9; } -button.btn, -input[type="submit"].btn { - *padding-top: 3px; - *padding-bottom: 3px; -} - button.btn::-moz-focus-inner, input[type="submit"].btn::-moz-focus-inner { padding: 0; border: 0; } -button.btn.btn-large, -input[type="submit"].btn.btn-large { - *padding-top: 7px; - *padding-bottom: 7px; -} - -button.btn.btn-small, -input[type="submit"].btn.btn-small { - *padding-top: 3px; - *padding-bottom: 3px; -} - -button.btn.btn-mini, -input[type="submit"].btn.btn-mini { - *padding-top: 1px; - *padding-bottom: 1px; -} - .btn-link, .btn-link:active, .btn-link[disabled] { @@ -3408,16 +3323,9 @@ input[type="submit"].btn.btn-mini { .btn-group { position: relative; display: inline-block; - *display: inline; - *margin-left: .3em; font-size: 0; white-space: nowrap; vertical-align: middle; - *zoom: 1; -} - -.btn-group:first-child { - *margin-left: 0; } .btn-group + .btn-group { @@ -3613,10 +3521,6 @@ input[type="submit"].btn.btn-mini { .btn-group-vertical { display: inline-block; - *display: inline; - /* IE7 inline-block hack */ - - *zoom: 1; } .btn-group-vertical .btn { @@ -3776,20 +3680,13 @@ input[type="submit"].btn.btn-mini { } .nav-list .divider { - *width: 100%; height: 1px; margin: 9px 1px; - *margin: -5px 0 5px; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid #ffffff; } -.nav-tabs, -.nav-pills { - *zoom: 1; -} - .nav-tabs:before, .nav-pills:before, .nav-tabs:after, @@ -3978,10 +3875,6 @@ input[type="submit"].btn.btn-mini { border-color: #999999; } -.tabbable { - *zoom: 1; -} - .tabbable:before, .tabbable:after { display: table; @@ -4107,8 +4000,6 @@ input[type="submit"].btn.btn-mini { } .navbar { - *position: relative; - *z-index: 2; margin-bottom: 20px; overflow: visible; color: #777777; @@ -4130,7 +4021,6 @@ input[type="submit"].btn.btn-mini { -moz-border-radius: 4px; border-radius: 4px; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0); - *zoom: 1; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); @@ -4204,7 +4094,6 @@ input[type="submit"].btn.btn-mini { .navbar-form { margin-bottom: 0; - *zoom: 1; } .navbar-form:before, @@ -4389,12 +4278,11 @@ input[type="submit"].btn.btn-mini { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #ededed; - *background-color: #e5e5e5; + background-image: -moz-linear-gradient(top, #f2f2f2, #e5e5e5); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#e5e5e5)); background-image: -webkit-linear-gradient(top, #f2f2f2, #e5e5e5); background-image: -o-linear-gradient(top, #f2f2f2, #e5e5e5); background-image: linear-gradient(to bottom, #f2f2f2, #e5e5e5); - background-image: -moz-linear-gradient(top, #f2f2f2, #e5e5e5); background-repeat: repeat-x; border-color: #e5e5e5 #e5e5e5 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); @@ -4637,12 +4525,11 @@ input[type="submit"].btn.btn-mini { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #0e0e0e; - *background-color: #040404; + background-image: -moz-linear-gradient(top, #151515, #040404); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#151515), to(#040404)); background-image: -webkit-linear-gradient(top, #151515, #040404); background-image: -o-linear-gradient(top, #151515, #040404); background-image: linear-gradient(to bottom, #151515, #040404); - background-image: -moz-linear-gradient(top, #151515, #040404); background-repeat: repeat-x; border-color: #040404 #040404 #000000; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); @@ -4677,9 +4564,7 @@ input[type="submit"].btn.btn-mini { .breadcrumb li { display: inline-block; - *display: inline; text-shadow: 0 1px 0 #ffffff; - *zoom: 1; } .breadcrumb .divider { @@ -4697,13 +4582,11 @@ input[type="submit"].btn.btn-mini { .pagination ul { display: inline-block; - *display: inline; margin-bottom: 0; margin-left: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; - *zoom: 1; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); @@ -4839,7 +4722,6 @@ input[type="submit"].btn.btn-mini { margin: 20px 0; text-align: center; list-style: none; - *zoom: 1; } .pager:before, @@ -4996,7 +4878,6 @@ input[type="submit"].btn.btn-mini { -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; - *zoom: 1; -webkit-box-shadow: inset 0 1px 0 #ffffff; -moz-box-shadow: inset 0 1px 0 #ffffff; box-shadow: inset 0 1px 0 #ffffff; @@ -5249,7 +5130,6 @@ input[type="submit"].btn.btn-mini { .thumbnails { margin-left: -20px; list-style: none; - *zoom: 1; } .thumbnails:before, -- cgit v1.2.3 From 9e97098802d969d338fdb6c553cf6cee903c8663 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 25 Sep 2012 22:16:47 -0700 Subject: make .input-* classes match .btn-* size classes --- docs/assets/css/bootstrap.css | 86 ++++++++++++++++++++++++++++++++++--------- 1 file changed, 68 insertions(+), 18 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 8fa518607..232cb9bf0 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -952,28 +952,78 @@ textarea::-webkit-input-placeholder { margin-left: 10px; } -.input-mini { - width: 60px; -} - -.input-small { - width: 90px; -} - -.input-medium { - width: 150px; -} - -.input-large { - width: 210px; +select.input-large, +textarea.input-large, +input[type="text"].input-large, +input[type="password"].input-large, +input[type="datetime"].input-large, +input[type="datetime-local"].input-large, +input[type="date"].input-large, +input[type="month"].input-large, +input[type="time"].input-large, +input[type="week"].input-large, +input[type="number"].input-large, +input[type="email"].input-large, +input[type="url"].input-large, +input[type="search"].input-large, +input[type="tel"].input-large, +input[type="color"].input-large, +.uneditable-input.input-large { + padding: 11px 19px; + padding-right: 14px; + padding-left: 14px; + font-size: 17.5px; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; } -.input-xlarge { - width: 270px; +select.input-small, +textarea.input-small, +input[type="text"].input-small, +input[type="password"].input-small, +input[type="datetime"].input-small, +input[type="datetime-local"].input-small, +input[type="date"].input-small, +input[type="month"].input-small, +input[type="time"].input-small, +input[type="week"].input-small, +input[type="number"].input-small, +input[type="email"].input-small, +input[type="url"].input-small, +input[type="search"].input-small, +input[type="tel"].input-small, +input[type="color"].input-small, +.uneditable-input.input-small { + padding: 2px 10px; + font-size: 11.9px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; } -.input-xxlarge { - width: 530px; +select.input-mini, +textarea.input-mini, +input[type="text"].input-mini, +input[type="password"].input-mini, +input[type="datetime"].input-mini, +input[type="datetime-local"].input-mini, +input[type="date"].input-mini, +input[type="month"].input-mini, +input[type="time"].input-mini, +input[type="week"].input-mini, +input[type="number"].input-mini, +input[type="email"].input-mini, +input[type="url"].input-mini, +input[type="search"].input-mini, +input[type="tel"].input-mini, +input[type="color"].input-mini, +.uneditable-input.input-mini { + padding: 1px 6px; + font-size: 10.5px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; } input[class*="span"], -- cgit v1.2.3 From 08eea302ef05195e47cb32af85adcb1a735a6263 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 25 Sep 2012 22:20:24 -0700 Subject: remove remaining fluid grid css --- docs/assets/css/bootstrap.css | 12 ++++-------- 1 file changed, 4 insertions(+), 8 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 232cb9bf0..8fa27c91f 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -322,13 +322,11 @@ a:hover { margin-left: 8.333333333333332%; } -[class*="span"].hide, -.row-fluid [class*="span"].hide { +[class*="span"].hide { display: none; } -[class*="span"].pull-right, -.row-fluid [class*="span"].pull-right { +[class*="span"].pull-right { float: right; } @@ -1252,8 +1250,7 @@ textarea[class*="span"], clear: both; } -.controls-row [class*="span"], -.row-fluid .controls-row [class*="span"] { +.controls-row [class*="span"] { float: left; } @@ -1935,8 +1932,7 @@ table { background-color: #f5f5f5; } -table [class*=span], -.row-fluid table [class*=span] { +table [class*=span] { display: table-cell; float: none; margin-left: 0; -- cgit v1.2.3 From f12946be5a8e8529f64606ca73fe06e48f9fd583 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 25 Sep 2012 22:40:48 -0700 Subject: thumbnails cleanup: no more UL or LI elements needed, instead just use standard grid markup --- docs/assets/css/bootstrap.css | 26 -------------------------- 1 file changed, 26 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 8fa27c91f..057753c3b 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -5173,32 +5173,6 @@ input[type="submit"].btn::-moz-focus-inner { border-width: 11px 0 11px 11px; } -.thumbnails { - margin-left: -20px; - list-style: none; -} - -.thumbnails:before, -.thumbnails:after { - display: table; - line-height: 0; - content: ""; -} - -.thumbnails:after { - clear: both; -} - -.row-fluid .thumbnails { - margin-left: 0; -} - -.thumbnails > li { - float: left; - margin-bottom: 20px; - margin-left: 20px; -} - .thumbnail { display: block; padding: 4px; -- cgit v1.2.3 From c59e5251e12a57b5f305b4996d6f164b71c7f22c Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 25 Sep 2012 22:48:02 -0700 Subject: initial pass at removing navbar-inner from .navbar component --- docs/assets/css/bootstrap.css | 64 ++++++++++--------------------------------- 1 file changed, 14 insertions(+), 50 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 057753c3b..4e7d61c2f 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -4046,40 +4046,28 @@ input[type="submit"].btn::-moz-focus-inner { } .navbar { + padding: 0 20px; margin-bottom: 20px; overflow: visible; color: #777777; -} - -.navbar-inner { - min-height: 40px; - padding-right: 20px; - padding-left: 20px; - background-color: #fafafa; - background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2)); - background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2); - background-image: -o-linear-gradient(top, #ffffff, #f2f2f2); - background-image: linear-gradient(to bottom, #ffffff, #f2f2f2); - background-repeat: repeat-x; + background-color: #f2f2f2; border: 1px solid #d4d4d4; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; - filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0); -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); } -.navbar-inner:before, -.navbar-inner:after { +.navbar:before, +.navbar:after { display: table; line-height: 0; content: ""; } -.navbar-inner:after { +.navbar:after { clear: both; } @@ -4206,9 +4194,6 @@ input[type="submit"].btn::-moz-focus-inner { .navbar-static-top { position: static; margin-bottom: 0; -} - -.navbar-static-top .navbar-inner { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; @@ -4220,27 +4205,19 @@ input[type="submit"].btn::-moz-focus-inner { right: 0; left: 0; z-index: 1030; - margin-bottom: 0; -} - -.navbar-fixed-top .navbar-inner, -.navbar-static-top .navbar-inner { - border-width: 0 0 1px; -} - -.navbar-fixed-bottom .navbar-inner { - border-width: 1px 0 0; -} - -.navbar-fixed-top .navbar-inner, -.navbar-fixed-bottom .navbar-inner { padding-right: 0; padding-left: 0; + margin-bottom: 0; + border-width: 0 0 1px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } +.navbar-fixed-bottom { + border-width: 1px 0 0; +} + .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { @@ -4251,8 +4228,8 @@ input[type="submit"].btn::-moz-focus-inner { top: 0; } -.navbar-fixed-top .navbar-inner, -.navbar-static-top .navbar-inner { +.navbar-fixed-top, +.navbar-static-top { -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1), 0 1px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1), 0 1px 10px rgba(0, 0, 0, 0.1); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1), 0 1px 10px rgba(0, 0, 0, 0.1); @@ -4260,9 +4237,6 @@ input[type="submit"].btn::-moz-focus-inner { .navbar-fixed-bottom { bottom: 0; -} - -.navbar-fixed-bottom .navbar-inner { -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1), 0 -1px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1), 0 -1px 10px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1), 0 -1px 10px rgba(0, 0, 0, 0.1); @@ -4459,18 +4433,8 @@ input[type="submit"].btn::-moz-focus-inner { .navbar-inverse { color: #999999; -} - -.navbar-inverse .navbar-inner { - background-color: #1b1b1b; - background-image: -moz-linear-gradient(top, #222222, #111111); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#111111)); - background-image: -webkit-linear-gradient(top, #222222, #111111); - background-image: -o-linear-gradient(top, #222222, #111111); - background-image: linear-gradient(to bottom, #222222, #111111); - background-repeat: repeat-x; + background-color: #111111; border-color: #252525; - filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0); } .navbar-inverse .brand, -- cgit v1.2.3 From f8efc75a66590abb2b788b0d237fb91ba345d6a5 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 25 Sep 2012 22:51:05 -0700 Subject: increase padding on navbar links, remove font-size override on .navbar from docs css --- docs/assets/css/bootstrap.css | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 4e7d61c2f..0eb466290 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -4083,7 +4083,7 @@ input[type="submit"].btn::-moz-focus-inner { .navbar .brand { display: block; float: left; - padding: 10px 20px 10px; + padding: 12px 20px 12px; margin-left: -20px; font-size: 20px; font-weight: 200; @@ -4097,7 +4097,7 @@ input[type="submit"].btn::-moz-focus-inner { .navbar-text { margin-bottom: 0; - line-height: 40px; + line-height: 44px; } .navbar-link { @@ -4109,7 +4109,7 @@ input[type="submit"].btn::-moz-focus-inner { } .navbar .divider-vertical { - height: 40px; + height: 44px; margin: 0 9px; border-right: 1px solid #ffffff; border-left: 1px solid #f2f2f2; @@ -4117,7 +4117,7 @@ input[type="submit"].btn::-moz-focus-inner { .navbar .btn, .navbar .btn-group { - margin-top: 5px; + margin-top: 7px; } .navbar .btn-group .btn, @@ -4145,7 +4145,7 @@ input[type="submit"].btn::-moz-focus-inner { .navbar-form select, .navbar-form .radio, .navbar-form .checkbox { - margin-top: 5px; + margin-top: 7px; } .navbar-form input, @@ -4175,7 +4175,7 @@ input[type="submit"].btn::-moz-focus-inner { .navbar-search { position: relative; float: left; - margin-top: 5px; + margin-top: 7px; margin-bottom: 0; } @@ -4261,7 +4261,7 @@ input[type="submit"].btn::-moz-focus-inner { .navbar .nav > li > a { float: none; - padding: 10px 15px 10px; + padding: 12px 15px 12px; color: #777777; text-decoration: none; text-shadow: 0 1px 0 #ffffff; -- cgit v1.2.3 From d1affe61540e53f3a292c6bfaaa8e5d4725a9b26 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 25 Sep 2012 22:53:41 -0700 Subject: restore gradient to navbars --- docs/assets/css/bootstrap.css | 18 ++++++++++++++++-- 1 file changed, 16 insertions(+), 2 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 0eb466290..5e74a1c07 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -4050,11 +4050,18 @@ input[type="submit"].btn::-moz-focus-inner { margin-bottom: 20px; overflow: visible; color: #777777; - background-color: #f2f2f2; + background-color: #fafafa; + background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2)); + background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2); + background-image: -o-linear-gradient(top, #ffffff, #f2f2f2); + background-image: linear-gradient(to bottom, #ffffff, #f2f2f2); + background-repeat: repeat-x; border: 1px solid #d4d4d4; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; + filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0); -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); @@ -4433,8 +4440,15 @@ input[type="submit"].btn::-moz-focus-inner { .navbar-inverse { color: #999999; - background-color: #111111; + background-color: #1b1b1b; + background-image: -moz-linear-gradient(top, #222222, #111111); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#111111)); + background-image: -webkit-linear-gradient(top, #222222, #111111); + background-image: -o-linear-gradient(top, #222222, #111111); + background-image: linear-gradient(to bottom, #222222, #111111); + background-repeat: repeat-x; border-color: #252525; + filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0); } .navbar-inverse .brand, -- cgit v1.2.3 From ecbf1159a43643a5b4eabbe035b6c7aabb8dde5d Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 25 Sep 2012 22:57:20 -0700 Subject: remove .dividers from breadcrumbs, instead use :after and content --- docs/assets/css/bootstrap.css | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 5e74a1c07..357b7a410 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -4591,9 +4591,11 @@ input[type="submit"].btn::-moz-focus-inner { text-shadow: 0 1px 0 #ffffff; } -.breadcrumb .divider { +.breadcrumb li:after { + display: inline-block; padding: 0 5px; color: #ccc; + content: "\00a0 /"; } .breadcrumb .active { -- cgit v1.2.3 From 6b578ec8de0865c6c5b3e12c7824037a7d422789 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 26 Sep 2012 08:59:57 -0700 Subject: move mixins that generate css to utilities.less with different class names, but the same mixins --- docs/assets/css/bootstrap.css | 56 +++++++++++++++++++++---------------------- 1 file changed, 28 insertions(+), 28 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 357b7a410..f39fe4771 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -125,34 +125,6 @@ textarea { vertical-align: top; } -.clearfix:before, -.clearfix:after { - display: table; - line-height: 0; - content: ""; -} - -.clearfix:after { - clear: both; -} - -.hide-text { - font: 0/0 a; - color: transparent; - text-shadow: none; - background-color: transparent; - border: 0; -} - -.input-block-level { - display: block; - width: 100%; - min-height: 30px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} - body { margin: 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; @@ -5703,6 +5675,17 @@ a.badge:hover { color: inherit; } +.clear:before, +.clear:after { + display: table; + line-height: 0; + content: ""; +} + +.clear:after { + clear: both; +} + .pull-right { float: right; } @@ -5723,6 +5706,23 @@ a.badge:hover { visibility: hidden; } +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + .affix { position: fixed; } + +.control-block-level { + display: block; + width: 100%; + min-height: 30px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} -- cgit v1.2.3 From cd5ae9e0304dfba17d445b0c2dac7b17a1faa201 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 26 Sep 2012 11:20:27 -0700 Subject: change up carousel --- docs/assets/css/bootstrap.css | 66 +++++++++++++++++++++++++++++-------------- 1 file changed, 45 insertions(+), 21 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index f39fe4771..0a20e3378 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -5596,28 +5596,38 @@ a.badge:hover { .carousel-control { position: absolute; - top: 40%; - left: 15px; - width: 40px; - height: 40px; - margin-top: -20px; - font-size: 60px; - font-weight: 100; - line-height: 30px; - color: #ffffff; - text-align: center; - background: #222222; - border: 3px solid #ffffff; - -webkit-border-radius: 23px; - -moz-border-radius: 23px; - border-radius: 23px; + top: 0; + bottom: 0; + left: 0; + width: 100px; opacity: 0.5; filter: alpha(opacity=50); } +.carousel-control.left { + background-color: rgba(0, 0, 0, 0.001); + background-color: transparent; + background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.001)); + background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0, 0, 0, 0.75)), to(rgba(0, 0, 0, 0.001))); + background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.001)); + background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.001)); + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.001)); + background-repeat: repeat-x; + filter: progid:dximagetransform.microsoft.gradient(startColorstr='#bf000000', endColorstr='#00000000', GradientType=1); +} + .carousel-control.right { - right: 15px; + right: 0; left: auto; + background-color: rgba(0, 0, 0, 0.75); + background-color: transparent; + background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0, 0, 0, 0.001)), to(rgba(0, 0, 0, 0.75))); + background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.001), rgba(0, 0, 0, 0.75)); + background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.001), rgba(0, 0, 0, 0.75)); + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.001), rgba(0, 0, 0, 0.75)); + background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.001), rgba(0, 0, 0, 0.75)); + background-repeat: repeat-x; + filter: progid:dximagetransform.microsoft.gradient(startColorstr='#00000000', endColorstr='#bf000000', GradientType=1); } .carousel-control:hover { @@ -5627,23 +5637,37 @@ a.badge:hover { filter: alpha(opacity=90); } +.carousel-control .control { + position: absolute; + top: 50%; + z-index: 5; + display: block; + margin-top: -35px; + margin-left: 35px; + font-size: 80px; + font-weight: 100; + color: #fff; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); +} + .carousel-caption { position: absolute; right: 0; bottom: 0; left: 0; - padding: 15px; - background: #333333; - background: rgba(0, 0, 0, 0.75); + z-index: 10; + max-width: 60%; + padding: 40px; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } -.carousel-caption h4, +.carousel-caption h3, .carousel-caption p { line-height: 20px; color: #ffffff; } -.carousel-caption h4 { +.carousel-caption h3 { margin: 0 0 5px; } -- cgit v1.2.3 From 2b06edc7d7b8658e1861362584e1dffd2dfb831b Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 30 Sep 2012 22:49:14 -0700 Subject: remove firefox <3.6 css hacks for buttons --- docs/assets/css/bootstrap.css | 6 ------ 1 file changed, 6 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index bcaa06ed2..dcec2920e 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3304,12 +3304,6 @@ input[type="button"].btn-block { background-color: #080808 \9; } -button.btn::-moz-focus-inner, -input[type="submit"].btn::-moz-focus-inner { - padding: 0; - border: 0; -} - .btn-link, .btn-link:active, .btn-link[disabled] { -- cgit v1.2.3 From 9872902e4784220f3add1a1af256dfc89cd6e31a Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 30 Sep 2012 23:11:54 -0700 Subject: remove .border-radius mixin and replace with standard border-radius property, since -webkit-* and -moz-* are only needed for older versions --- docs/assets/css/bootstrap.css | 295 +++++++++++------------------------------- 1 file changed, 73 insertions(+), 222 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index dcec2920e..c179c9860 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -145,9 +145,7 @@ a:hover { } .img-rounded { - -webkit-border-radius: 6px; - -moz-border-radius: 6px; - border-radius: 6px; + border-radius: 6px; } .img-polaroid { @@ -161,9 +159,7 @@ a:hover { } .img-circle { - -webkit-border-radius: 500px; - -moz-border-radius: 500px; - border-radius: 500px; + border-radius: 500px; } .container, @@ -620,9 +616,7 @@ pre { font-family: Monaco, Menlo, Consolas, "Courier New", monospace; font-size: 12px; color: #333333; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; + border-radius: 3px; } code { @@ -645,9 +639,7 @@ pre { background-color: #f5f5f5; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; + border-radius: 4px; } pre.prettyprint { @@ -740,9 +732,7 @@ input[type="color"], line-height: 20px; color: #555555; vertical-align: middle; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; + border-radius: 4px; } input, @@ -943,9 +933,7 @@ input[type="color"].input-large, padding-right: 14px; padding-left: 14px; font-size: 17.5px; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; + border-radius: 5px; } select.input-small, @@ -967,9 +955,7 @@ input[type="color"].input-small, .uneditable-input.input-small { padding: 2px 10px; font-size: 11.9px; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; + border-radius: 3px; } select.input-mini, @@ -991,9 +977,7 @@ input[type="color"].input-mini, .uneditable-input.input-mini { padding: 1px 6px; font-size: 10.5px; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; + border-radius: 3px; } input[class*="span"], @@ -1479,9 +1463,7 @@ select:focus:required:invalid:focus { margin: 0; font-size: 14px; vertical-align: top; - -webkit-border-radius: 0 4px 4px 0; - -moz-border-radius: 0 4px 4px 0; - border-radius: 0 4px 4px 0; + border-radius: 0 4px 4px 0; } .input-append input:focus, @@ -1523,9 +1505,7 @@ select:focus:required:invalid:focus { .input-append .btn, .input-prepend .btn { vertical-align: top; - -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; + border-radius: 0; } .input-append .active, @@ -1541,25 +1521,19 @@ select:focus:required:invalid:focus { .input-prepend .add-on:first-child, .input-prepend .btn:first-child { - -webkit-border-radius: 4px 0 0 4px; - -moz-border-radius: 4px 0 0 4px; - border-radius: 4px 0 0 4px; + border-radius: 4px 0 0 4px; } .input-append input, .input-append select, .input-append .uneditable-input { - -webkit-border-radius: 4px 0 0 4px; - -moz-border-radius: 4px 0 0 4px; - border-radius: 4px 0 0 4px; + border-radius: 4px 0 0 4px; } .input-append input + .btn-group .btn, .input-append select + .btn-group .btn, .input-append .uneditable-input + .btn-group .btn { - -webkit-border-radius: 0 4px 4px 0; - -moz-border-radius: 0 4px 4px 0; - border-radius: 0 4px 4px 0; + border-radius: 0 4px 4px 0; } .input-append .add-on, @@ -1570,41 +1544,31 @@ select:focus:required:invalid:focus { .input-append .add-on:last-child, .input-append .btn:last-child { - -webkit-border-radius: 0 4px 4px 0; - -moz-border-radius: 0 4px 4px 0; - border-radius: 0 4px 4px 0; + border-radius: 0 4px 4px 0; } .input-prepend.input-append input, .input-prepend.input-append select, .input-prepend.input-append .uneditable-input { - -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; + border-radius: 0; } .input-prepend.input-append input + .btn-group .btn, .input-prepend.input-append select + .btn-group .btn, .input-prepend.input-append .uneditable-input + .btn-group .btn { - -webkit-border-radius: 0 4px 4px 0; - -moz-border-radius: 0 4px 4px 0; - border-radius: 0 4px 4px 0; + border-radius: 0 4px 4px 0; } .input-prepend.input-append .add-on:first-child, .input-prepend.input-append .btn:first-child { margin-right: -1px; - -webkit-border-radius: 4px 0 0 4px; - -moz-border-radius: 4px 0 0 4px; - border-radius: 4px 0 0 4px; + border-radius: 4px 0 0 4px; } .input-prepend.input-append .add-on:last-child, .input-prepend.input-append .btn:last-child { margin-left: -1px; - -webkit-border-radius: 0 4px 4px 0; - -moz-border-radius: 0 4px 4px 0; - border-radius: 0 4px 4px 0; + border-radius: 0 4px 4px 0; } .input-prepend.input-append .btn-group:first-child { @@ -1616,45 +1580,33 @@ input.search-query { padding-right: 4px \9; padding-left: 14px; padding-left: 4px \9; - /* IE8 doesn't have border-radius, so don't indent the padding */ + /* IE8 doesn't have border radius, so don't indent the padding */ margin-bottom: 0; - -webkit-border-radius: 15px; - -moz-border-radius: 15px; - border-radius: 15px; + border-radius: 15px; } /* Allow for input prepend/append in search forms */ .form-search .input-append .search-query, .form-search .input-prepend .search-query { - -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; + border-radius: 0; } .form-search .input-append .search-query { - -webkit-border-radius: 14px 0 0 14px; - -moz-border-radius: 14px 0 0 14px; - border-radius: 14px 0 0 14px; + border-radius: 14px 0 0 14px; } .form-search .input-append .btn { - -webkit-border-radius: 0 14px 14px 0; - -moz-border-radius: 0 14px 14px 0; - border-radius: 0 14px 14px 0; + border-radius: 0 14px 14px 0; } .form-search .input-prepend .search-query { - -webkit-border-radius: 0 14px 14px 0; - -moz-border-radius: 0 14px 14px 0; - border-radius: 0 14px 14px 0; + border-radius: 0 14px 14px 0; } .form-search .input-prepend .btn { - -webkit-border-radius: 14px 0 0 14px; - -moz-border-radius: 14px 0 0 14px; - border-radius: 14px 0 0 14px; + border-radius: 14px 0 0 14px; } .form-search input, @@ -1821,9 +1773,7 @@ table { border: 1px solid #dddddd; border-collapse: separate; border-left: 0; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; + border-radius: 4px; } .table-bordered th, @@ -1860,9 +1810,7 @@ table { .table-bordered thead:last-child tr:last-child th:first-child, .table-bordered tbody:last-child tr:last-child td:first-child, .table-bordered tfoot:last-child tr:last-child td:first-child { - -webkit-border-radius: 0 0 0 4px; - -moz-border-radius: 0 0 0 4px; - border-radius: 0 0 0 4px; + border-radius: 0 0 0 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; @@ -2717,16 +2665,12 @@ table [class*=span] { background-color: #ffffff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); - *border-right-width: 2px; - *border-bottom-width: 2px; - -webkit-border-radius: 6px; - -moz-border-radius: 6px; - border-radius: 6px; + border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; - -moz-background-clip: padding; + -moz-background-clip: padding-box; background-clip: padding-box; } @@ -2872,9 +2816,7 @@ table [class*=span] { .typeahead { margin-top: 2px; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; + border-radius: 4px; } .well { @@ -2883,9 +2825,7 @@ table [class*=span] { margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; + border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); @@ -2898,16 +2838,12 @@ table [class*=span] { .well-large { padding: 24px; - -webkit-border-radius: 6px; - -moz-border-radius: 6px; - border-radius: 6px; + border-radius: 6px; } .well-small { padding: 9px; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; + border-radius: 3px; } .fade { @@ -2985,9 +2921,7 @@ button.close { border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-bottom-color: #a2a2a2; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; + border-radius: 4px; filter: progid:dximagetransform.microsoft.gradient(enabled=false); filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); @@ -3053,9 +2987,7 @@ button.close { .btn-large { padding: 11px 19px; font-size: 17.5px; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; + border-radius: 5px; } .btn-large [class^="icon-"], @@ -3066,9 +2998,7 @@ button.close { .btn-small { padding: 2px 10px; font-size: 11.9px; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; + border-radius: 3px; } .btn-small [class^="icon-"], @@ -3079,9 +3009,7 @@ button.close { .btn-mini { padding: 1px 6px; font-size: 10.5px; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; + border-radius: 3px; } .btn-block { @@ -3318,9 +3246,7 @@ input[type="button"].btn-block { color: #0088cc; cursor: pointer; border-color: transparent; - -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; + border-radius: 0; } .btn-link:hover { @@ -3360,9 +3286,7 @@ input[type="button"].btn-block { .btn-group > .btn { position: relative; - -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; + border-radius: 0; } .btn-group > .btn + .btn { @@ -3541,9 +3465,7 @@ input[type="button"].btn-block { display: block; float: none; width: 100%; - -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; + border-radius: 0; } .btn-group-vertical .btn + .btn { @@ -3552,27 +3474,19 @@ input[type="button"].btn-block { } .btn-group-vertical .btn:first-child { - -webkit-border-radius: 4px 4px 0 0; - -moz-border-radius: 4px 4px 0 0; - border-radius: 4px 4px 0 0; + border-radius: 4px 4px 0 0; } .btn-group-vertical .btn:last-child { - -webkit-border-radius: 0 0 4px 4px; - -moz-border-radius: 0 0 4px 4px; - border-radius: 0 0 4px 4px; + border-radius: 0 0 4px 4px; } .btn-group-vertical .btn-large:first-child { - -webkit-border-radius: 6px 6px 0 0; - -moz-border-radius: 6px 6px 0 0; - border-radius: 6px 6px 0 0; + border-radius: 6px 6px 0 0; } .btn-group-vertical .btn-large:last-child { - -webkit-border-radius: 0 0 6px 6px; - -moz-border-radius: 0 0 6px 6px; - border-radius: 0 0 6px 6px; + border-radius: 0 0 6px 6px; } .alert { @@ -3582,9 +3496,7 @@ input[type="button"].btn-block { text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #fcf8e3; border: 1px solid #fbeed5; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; + border-radius: 4px; } .alert h4 { @@ -3741,9 +3653,7 @@ input[type="button"].btn-block { padding-bottom: 8px; line-height: 20px; border: 1px solid transparent; - -webkit-border-radius: 4px 4px 0 0; - -moz-border-radius: 4px 4px 0 0; - border-radius: 4px 4px 0 0; + border-radius: 4px 4px 0 0; } .nav-tabs > li > a:hover { @@ -3764,9 +3674,7 @@ input[type="button"].btn-block { padding-bottom: 8px; margin-top: 2px; margin-bottom: 2px; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; + border-radius: 5px; } .nav-pills > .active > a, @@ -3789,9 +3697,7 @@ input[type="button"].btn-block { .nav-tabs.nav-stacked > li > a { border: 1px solid #ddd; - -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; + border-radius: 0; } .nav-tabs.nav-stacked > li:first-child > a { @@ -3826,15 +3732,11 @@ input[type="button"].btn-block { } .nav-tabs .dropdown-menu { - -webkit-border-radius: 0 0 6px 6px; - -moz-border-radius: 0 0 6px 6px; - border-radius: 0 0 6px 6px; + border-radius: 0 0 6px 6px; } .nav-pills .dropdown-menu { - -webkit-border-radius: 6px; - -moz-border-radius: 6px; - border-radius: 6px; + border-radius: 6px; } .nav .dropdown-toggle .caret { @@ -3930,9 +3832,7 @@ input[type="button"].btn-block { } .tabs-below > .nav-tabs > li > a { - -webkit-border-radius: 0 0 4px 4px; - -moz-border-radius: 0 0 4px 4px; - border-radius: 0 0 4px 4px; + border-radius: 0 0 4px 4px; } .tabs-below > .nav-tabs > li > a:hover { @@ -3965,9 +3865,7 @@ input[type="button"].btn-block { .tabs-left > .nav-tabs > li > a { margin-right: -1px; - -webkit-border-radius: 4px 0 0 4px; - -moz-border-radius: 4px 0 0 4px; - border-radius: 4px 0 0 4px; + border-radius: 4px 0 0 4px; } .tabs-left > .nav-tabs > li > a:hover { @@ -3977,7 +3875,6 @@ input[type="button"].btn-block { .tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a:hover { border-color: #ddd transparent #ddd #ddd; - *border-right-color: #ffffff; } .tabs-right > .nav-tabs { @@ -3988,9 +3885,7 @@ input[type="button"].btn-block { .tabs-right > .nav-tabs > li > a { margin-left: -1px; - -webkit-border-radius: 0 4px 4px 0; - -moz-border-radius: 0 4px 4px 0; - border-radius: 0 4px 4px 0; + border-radius: 0 4px 4px 0; } .tabs-right > .nav-tabs > li > a:hover { @@ -4000,7 +3895,6 @@ input[type="button"].btn-block { .tabs-right > .nav-tabs .active > a, .tabs-right > .nav-tabs .active > a:hover { border-color: #ddd #ddd #ddd transparent; - *border-left-color: #ffffff; } .nav > .disabled > a { @@ -4026,9 +3920,7 @@ input[type="button"].btn-block { background-image: linear-gradient(to bottom, #ffffff, #f2f2f2); background-repeat: repeat-x; border: 1px solid #d4d4d4; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; + border-radius: 4px; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0); -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); @@ -4161,17 +4053,13 @@ input[type="button"].btn-block { font-size: 13px; font-weight: normal; line-height: 1; - -webkit-border-radius: 15px; - -moz-border-radius: 15px; - border-radius: 15px; + border-radius: 15px; } .navbar-static-top { position: static; margin-bottom: 0; - -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; + border-radius: 0; } .navbar-fixed-top, @@ -4184,9 +4072,7 @@ input[type="button"].btn-block { padding-left: 0; margin-bottom: 0; border-width: 0 0 1px; - -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; + border-radius: 0; } .navbar-fixed-bottom { @@ -4308,9 +4194,7 @@ input[type="button"].btn-block { width: 18px; height: 2px; background-color: #f5f5f5; - -webkit-border-radius: 1px; - -moz-border-radius: 1px; - border-radius: 1px; + border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); @@ -4401,9 +4285,7 @@ input[type="button"].btn-block { left: auto; margin-right: -1px; margin-left: 0; - -webkit-border-radius: 6px 0 6px 6px; - -moz-border-radius: 6px 0 6px 6px; - border-radius: 6px 0 6px 6px; + border-radius: 6px 0 6px 6px; } .navbar-inverse { @@ -4549,9 +4431,7 @@ input[type="button"].btn-block { margin: 0 0 20px; list-style: none; background-color: #f5f5f5; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; + border-radius: 4px; } .breadcrumb li { @@ -4578,9 +4458,7 @@ input[type="button"].btn-block { display: inline-block; margin-bottom: 0; margin-left: 0; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; + border-radius: 4px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); @@ -4739,9 +4617,7 @@ input[type="button"].btn-block { padding: 5px 14px; background-color: #fff; border: 1px solid #ddd; - -webkit-border-radius: 15px; - -moz-border-radius: 15px; - border-radius: 15px; + border-radius: 15px; } .pager li > a:hover { @@ -4797,12 +4673,7 @@ input[type="button"].btn-block { background-color: #ffffff; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.3); - *border: 1px solid #999; - /* IE6-7 */ - - -webkit-border-radius: 6px; - -moz-border-radius: 6px; - border-radius: 6px; + border-radius: 6px; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); @@ -4853,9 +4724,7 @@ input[type="button"].btn-block { text-align: right; background-color: #f5f5f5; border-top: 1px solid #ddd; - -webkit-border-radius: 0 0 6px 6px; - -moz-border-radius: 0 0 6px 6px; - border-radius: 0 0 6px 6px; + border-radius: 0 0 6px 6px; -webkit-box-shadow: inset 0 1px 0 #ffffff; -moz-box-shadow: inset 0 1px 0 #ffffff; box-shadow: inset 0 1px 0 #ffffff; @@ -4924,9 +4793,7 @@ input[type="button"].btn-block { text-align: center; text-decoration: none; background-color: #000000; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; + border-radius: 4px; } .tooltip-arrow { @@ -4980,9 +4847,7 @@ input[type="button"].btn-block { background-color: #ffffff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); - -webkit-border-radius: 6px; - -moz-border-radius: 6px; - border-radius: 6px; + border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); @@ -5015,9 +4880,7 @@ input[type="button"].btn-block { line-height: 18px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - border-radius: 5px 5px 0 0; + border-radius: 5px 5px 0 0; } .popover-content { @@ -5110,9 +4973,7 @@ input[type="button"].btn-block { padding: 4px; line-height: 20px; border: 1px solid #ddd; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; + border-radius: 4px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); @@ -5192,16 +5053,12 @@ a.thumbnail:hover { .label { padding: 1px 4px 2px; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; + border-radius: 3px; } .badge { padding: 1px 9px 2px; - -webkit-border-radius: 9px; - -moz-border-radius: 9px; - border-radius: 9px; + border-radius: 9px; } a.label:hover, @@ -5328,9 +5185,7 @@ a.badge:hover { background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9); background-repeat: repeat-x; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; + border-radius: 4px; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); @@ -5487,9 +5342,7 @@ a.badge:hover { .accordion-group { margin-bottom: 2px; border: 1px solid #e5e5e5; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; + border-radius: 4px; } .accordion-heading { @@ -5659,9 +5512,7 @@ a.badge:hover { padding: 60px; margin-bottom: 30px; background-color: #eeeeee; - -webkit-border-radius: 6px; - -moz-border-radius: 6px; - border-radius: 6px; + border-radius: 6px; } .hero-unit h1 { -- cgit v1.2.3 From 443b6052463285b36752f97a656be95c01650fca Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 30 Sep 2012 23:17:07 -0700 Subject: remove -moz-box-shadow from .box-shadow() mixin, but keep -webkit since that's needed for most iOS and Android mobile browsers --- docs/assets/css/bootstrap.css | 40 +--------------------------------------- 1 file changed, 1 insertion(+), 39 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index c179c9860..f54865108 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -154,7 +154,6 @@ a:hover { border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); - -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } @@ -764,7 +763,6 @@ input[type="color"], background-color: #ffffff; border: 1px solid #cccccc; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; -moz-transition: border linear 0.2s, box-shadow linear 0.2s; @@ -794,7 +792,6 @@ input[type="color"]:focus, /* IE6-9 */ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); - -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); } @@ -853,7 +850,6 @@ input[type="checkbox"]:focus { background-color: #fcfcfc; border-color: #cccccc; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); - -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); } @@ -1246,7 +1242,6 @@ input[type="checkbox"][readonly] { .control-group.warning textarea { border-color: #c09853; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } @@ -1255,7 +1250,6 @@ input[type="checkbox"][readonly] { .control-group.warning textarea:focus { border-color: #a47e3c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; - -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; } @@ -1285,7 +1279,6 @@ input[type="checkbox"][readonly] { .control-group.error textarea { border-color: #b94a48; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } @@ -1294,7 +1287,6 @@ input[type="checkbox"][readonly] { .control-group.error textarea:focus { border-color: #953b39; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; - -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; } @@ -1324,7 +1316,6 @@ input[type="checkbox"][readonly] { .control-group.success textarea { border-color: #468847; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } @@ -1333,7 +1324,6 @@ input[type="checkbox"][readonly] { .control-group.success textarea:focus { border-color: #356635; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; - -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; } @@ -1363,7 +1353,6 @@ input[type="checkbox"][readonly] { .control-group.info textarea { border-color: #3a87ad; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } @@ -1372,7 +1361,6 @@ input[type="checkbox"][readonly] { .control-group.info textarea:focus { border-color: #2d6987; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; - -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; } @@ -1395,7 +1383,6 @@ textarea:focus:required:invalid:focus, select:focus:required:invalid:focus { border-color: #e9322d; -webkit-box-shadow: 0 0 6px #f8b9b7; - -moz-box-shadow: 0 0 6px #f8b9b7; box-shadow: 0 0 6px #f8b9b7; } @@ -2667,7 +2654,6 @@ table [class*=span] { border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); - -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding-box; @@ -2827,7 +2813,6 @@ table [class*=span] { border: 1px solid #e3e3e3; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); - -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } @@ -2922,10 +2907,9 @@ button.close { border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-bottom-color: #a2a2a2; border-radius: 4px; - filter: progid:dximagetransform.microsoft.gradient(enabled=false); filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); + filter: progid:dximagetransform.microsoft.gradient(enabled=false); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); - -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); } @@ -2968,7 +2952,6 @@ button.close { background-image: none; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); - -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); } @@ -2980,7 +2963,6 @@ button.close { opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; - -moz-box-shadow: none; box-shadow: none; } @@ -3238,7 +3220,6 @@ input[type="button"].btn-block { background-color: transparent; background-image: none; -webkit-box-shadow: none; - -moz-box-shadow: none; box-shadow: none; } @@ -3368,7 +3349,6 @@ input[type="button"].btn-block { *padding-bottom: 5px; padding-left: 8px; -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); - -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); } @@ -3394,7 +3374,6 @@ input[type="button"].btn-block { .btn-group.open .dropdown-toggle { background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); - -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); } @@ -3923,7 +3902,6 @@ input[type="button"].btn-block { border-radius: 4px; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0); -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); - -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); } @@ -4092,14 +4070,12 @@ input[type="button"].btn-block { .navbar-fixed-top, .navbar-static-top { -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1), 0 1px 10px rgba(0, 0, 0, 0.1); - -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1), 0 1px 10px rgba(0, 0, 0, 0.1); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1), 0 1px 10px rgba(0, 0, 0, 0.1); } .navbar-fixed-bottom { bottom: 0; -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1), 0 -1px 10px rgba(0, 0, 0, 0.1); - -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1), 0 -1px 10px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1), 0 -1px 10px rgba(0, 0, 0, 0.1); } @@ -4146,7 +4122,6 @@ input[type="button"].btn-block { text-decoration: none; background-color: #e5e5e5; -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); - -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); } @@ -4170,7 +4145,6 @@ input[type="button"].btn-block { filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffe5e5e5', GradientType=0); filter: progid:dximagetransform.microsoft.gradient(enabled=false); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075); - -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075); } @@ -4196,7 +4170,6 @@ input[type="button"].btn-block { background-color: #f5f5f5; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); - -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); } @@ -4362,7 +4335,6 @@ input[type="button"].btn-block { background-color: #515151; border-color: #111111; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15); - -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15); -webkit-transition: none; -moz-transition: none; @@ -4391,7 +4363,6 @@ input[type="button"].btn-block { border: 0; outline: 0; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); - -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); } @@ -4460,7 +4431,6 @@ input[type="button"].btn-block { margin-left: 0; border-radius: 4px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); - -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); } @@ -4675,7 +4645,6 @@ input[type="button"].btn-block { border: 1px solid rgba(0, 0, 0, 0.3); border-radius: 6px; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); - -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -webkit-background-clip: padding-box; -moz-background-clip: padding-box; @@ -4726,7 +4695,6 @@ input[type="button"].btn-block { border-top: 1px solid #ddd; border-radius: 0 0 6px 6px; -webkit-box-shadow: inset 0 1px 0 #ffffff; - -moz-box-shadow: inset 0 1px 0 #ffffff; box-shadow: inset 0 1px 0 #ffffff; } @@ -4849,7 +4817,6 @@ input[type="button"].btn-block { border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); - -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding; @@ -4975,7 +4942,6 @@ input[type="button"].btn-block { border: 1px solid #ddd; border-radius: 4px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); - -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; @@ -4986,7 +4952,6 @@ input[type="button"].btn-block { a.thumbnail:hover { border-color: #0088cc; -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); - -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); } @@ -5188,7 +5153,6 @@ a.badge:hover { border-radius: 4px; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); } @@ -5209,7 +5173,6 @@ a.badge:hover { background-repeat: repeat-x; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0); -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); - -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; @@ -5222,7 +5185,6 @@ a.badge:hover { .progress .bar + .bar { -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15); - -moz-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15); } -- cgit v1.2.3 From 08446563b92c64c3ac3b83d922797c94f5bc11a9 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 30 Sep 2012 23:19:55 -0700 Subject: clean up comments in reset, remove ie7 css hacks --- docs/assets/css/bootstrap.css | 3 --- 1 file changed, 3 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index f54865108..1ec9fdc5b 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -25,8 +25,6 @@ audio, canvas, video { display: inline-block; - *display: inline; - *zoom: 1; } audio:not([controls]) { @@ -90,7 +88,6 @@ textarea { button, input { - *overflow: visible; line-height: normal; } -- cgit v1.2.3 From 3f2938948da34744cd297c5ea61cf8a334c74951 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 30 Sep 2012 23:20:43 -0700 Subject: remove more ie7 css hacks --- docs/assets/css/bootstrap.css | 21 --------------------- 1 file changed, 21 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 1ec9fdc5b..fea207691 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -2917,7 +2917,6 @@ button.close { .btn[disabled] { color: #333333; background-color: #e6e6e6; - *background-color: #d9d9d9; } .btn:active, @@ -3048,7 +3047,6 @@ input[type="button"].btn-block { .btn-primary[disabled] { color: #ffffff; background-color: #0044cc; - *background-color: #003bb3; } .btn-primary:active, @@ -3079,7 +3077,6 @@ input[type="button"].btn-block { .btn-warning[disabled] { color: #ffffff; background-color: #f89406; - *background-color: #df8505; } .btn-warning:active, @@ -3110,7 +3107,6 @@ input[type="button"].btn-block { .btn-danger[disabled] { color: #ffffff; background-color: #bd362f; - *background-color: #a9302a; } .btn-danger:active, @@ -3141,7 +3137,6 @@ input[type="button"].btn-block { .btn-success[disabled] { color: #ffffff; background-color: #51a351; - *background-color: #499249; } .btn-success:active, @@ -3172,7 +3167,6 @@ input[type="button"].btn-block { .btn-info[disabled] { color: #ffffff; background-color: #2f96b4; - *background-color: #2a85a0; } .btn-info:active, @@ -3203,7 +3197,6 @@ input[type="button"].btn-block { .btn-inverse[disabled] { color: #ffffff; background-color: #222222; - *background-color: #151515; } .btn-inverse:active, @@ -3341,30 +3334,19 @@ input[type="button"].btn-block { } .btn-group > .btn + .dropdown-toggle { - *padding-top: 5px; padding-right: 8px; - *padding-bottom: 5px; padding-left: 8px; -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); } .btn-group > .btn-mini + .dropdown-toggle { - *padding-top: 2px; padding-right: 5px; - *padding-bottom: 2px; padding-left: 5px; } -.btn-group > .btn-small + .dropdown-toggle { - *padding-top: 5px; - *padding-bottom: 4px; -} - .btn-group > .btn-large + .dropdown-toggle { - *padding-top: 7px; padding-right: 12px; - *padding-bottom: 7px; padding-left: 12px; } @@ -4152,7 +4134,6 @@ input[type="button"].btn-block { .navbar .btn-navbar[disabled] { color: #ffffff; background-color: #e5e5e5; - *background-color: #d9d9d9; } .navbar .btn-navbar:active, @@ -4386,7 +4367,6 @@ input[type="button"].btn-block { .navbar-inverse .btn-navbar[disabled] { color: #ffffff; background-color: #040404; - *background-color: #000000; } .navbar-inverse .btn-navbar:active, @@ -4967,7 +4947,6 @@ a.thumbnail:hover { .media, .media-body { overflow: hidden; - *overflow: visible; zoom: 1; } -- cgit v1.2.3 From de6ec034dbf08a2e9facb995c638ed6a9c156dcd Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 30 Sep 2012 23:24:07 -0700 Subject: single CSS file for all css, including responsive --- docs/assets/css/bootstrap.css | 680 ++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 680 insertions(+) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index fea207691..6f5df4832 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -5519,3 +5519,683 @@ a.badge:hover { -moz-box-sizing: border-box; box-sizing: border-box; } + +.hidden { + display: none; + visibility: hidden; +} + +.visible-phone { + display: none !important; +} + +.visible-tablet { + display: none !important; +} + +.hidden-desktop { + display: none !important; +} + +.visible-desktop { + display: inherit !important; +} + +@media (min-width: 768px) and (max-width: 979px) { + .hidden-desktop { + display: inherit !important; + } + .visible-desktop { + display: none !important ; + } + .visible-tablet { + display: inherit !important; + } + .hidden-tablet { + display: none !important; + } +} + +@media (max-width: 767px) { + .hidden-desktop { + display: inherit !important; + } + .visible-desktop { + display: none !important; + } + .visible-phone { + display: inherit !important; + } + .hidden-phone { + display: none !important; + } +} + +@media (min-width: 1200px) { + .container, + .navbar-fixed-top .container, + .navbar-fixed-bottom .container { + width: 1170px; + } + .row { + margin-right: -15px; + margin-left: -15px; + } + .row:before, + .row:after { + display: table; + line-height: 0; + content: ""; + } + .row:after { + clear: both; + } + [class*="span"] { + float: left; + min-height: 1px; + padding-right: 15px; + padding-left: 15px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + } + .span12 { + width: 100%; + } + .span11 { + width: 91.66666666666666%; + } + .span10 { + width: 83.33333333333334%; + } + .span9 { + width: 75%; + } + .span8 { + width: 66.66666666666666%; + } + .span7 { + width: 58.333333333333336%; + } + .span6 { + width: 50%; + } + .span5 { + width: 41.66666666666667%; + } + .span4 { + width: 33.33333333333333%; + } + .span3 { + width: 25%; + } + .span2 { + width: 16.666666666666664%; + } + .span1 { + width: 8.333333333333332%; + } + .offset12 { + margin-left: 100%; + } + .offset11 { + margin-left: 91.66666666666666%; + } + .offset10 { + margin-left: 83.33333333333334%; + } + .offset9 { + margin-left: 75%; + } + .offset8 { + margin-left: 66.66666666666666%; + } + .offset7 { + margin-left: 58.333333333333336%; + } + .offset6 { + margin-left: 50%; + } + .offset5 { + margin-left: 41.66666666666667%; + } + .offset4 { + margin-left: 33.33333333333333%; + } + .offset3 { + margin-left: 25%; + } + .offset2 { + margin-left: 16.666666666666664%; + } + .offset1 { + margin-left: 8.333333333333332%; + } + input.span12, + textarea.span12, + select.span12, + .uneditable-input.span12 { + width: 97.43589743589743%; + margin-right: 1.282051282051282%; + margin-left: 1.282051282051282%; + } + input.span11, + textarea.span11, + select.span11, + .uneditable-input.span11 { + width: 89.10256410256409%; + margin-right: 1.282051282051282%; + margin-left: 1.282051282051282%; + } + input.span10, + textarea.span10, + select.span10, + .uneditable-input.span10 { + width: 80.76923076923077%; + margin-right: 1.282051282051282%; + margin-left: 1.282051282051282%; + } + input.span9, + textarea.span9, + select.span9, + .uneditable-input.span9 { + width: 72.43589743589743%; + margin-right: 1.282051282051282%; + margin-left: 1.282051282051282%; + } + input.span8, + textarea.span8, + select.span8, + .uneditable-input.span8 { + width: 64.10256410256409%; + margin-right: 1.282051282051282%; + margin-left: 1.282051282051282%; + } + input.span7, + textarea.span7, + select.span7, + .uneditable-input.span7 { + width: 55.769230769230774%; + margin-right: 1.282051282051282%; + margin-left: 1.282051282051282%; + } + input.span6, + textarea.span6, + select.span6, + .uneditable-input.span6 { + width: 47.43589743589744%; + margin-right: 1.282051282051282%; + margin-left: 1.282051282051282%; + } + input.span5, + textarea.span5, + select.span5, + .uneditable-input.span5 { + width: 39.10256410256411%; + margin-right: 1.282051282051282%; + margin-left: 1.282051282051282%; + } + input.span4, + textarea.span4, + select.span4, + .uneditable-input.span4 { + width: 30.769230769230766%; + margin-right: 1.282051282051282%; + margin-left: 1.282051282051282%; + } + input.span3, + textarea.span3, + select.span3, + .uneditable-input.span3 { + width: 22.435897435897438%; + margin-right: 1.282051282051282%; + margin-left: 1.282051282051282%; + } + input.span2, + textarea.span2, + select.span2, + .uneditable-input.span2 { + width: 14.1025641025641%; + margin-right: 1.282051282051282%; + margin-left: 1.282051282051282%; + } + input.span1, + textarea.span1, + select.span1, + .uneditable-input.span1 { + width: 5.769230769230768%; + margin-right: 1.282051282051282%; + margin-left: 1.282051282051282%; + } + input.offset12, + textarea.offset12, + select.offset12, + uneditable-input.offset12 { + margin-left: 101.28205128205128%; + } + input.offset11, + textarea.offset11, + select.offset11, + uneditable-input.offset11 { + margin-left: 92.94871794871794%; + } + input.offset10, + textarea.offset10, + select.offset10, + uneditable-input.offset10 { + margin-left: 84.61538461538463%; + } + input.offset9, + textarea.offset9, + select.offset9, + uneditable-input.offset9 { + margin-left: 76.28205128205128%; + } + input.offset8, + textarea.offset8, + select.offset8, + uneditable-input.offset8 { + margin-left: 67.94871794871794%; + } + input.offset7, + textarea.offset7, + select.offset7, + uneditable-input.offset7 { + margin-left: 59.61538461538462%; + } + input.offset6, + textarea.offset6, + select.offset6, + uneditable-input.offset6 { + margin-left: 51.282051282051285%; + } + input.offset5, + textarea.offset5, + select.offset5, + uneditable-input.offset5 { + margin-left: 42.948717948717956%; + } + input.offset4, + textarea.offset4, + select.offset4, + uneditable-input.offset4 { + margin-left: 34.61538461538461%; + } + input.offset3, + textarea.offset3, + select.offset3, + uneditable-input.offset3 { + margin-left: 26.28205128205128%; + } + input.offset2, + textarea.offset2, + select.offset2, + uneditable-input.offset2 { + margin-left: 17.948717948717945%; + } + input.offset1, + textarea.offset1, + select.offset1, + uneditable-input.offset1 { + margin-left: 9.615384615384613%; + } +} + +@media (min-width: 768px) and (max-width: 979px) { + .row { + margin-right: -10px; + margin-left: -10px; + } + .row:before, + .row:after { + display: table; + line-height: 0; + content: ""; + } + .row:after { + clear: both; + } + [class*="span"] { + float: left; + min-height: 1px; + padding-right: 10px; + padding-left: 10px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + } + .span12 { + width: 100%; + } + .span11 { + width: 91.66666666666666%; + } + .span10 { + width: 83.33333333333334%; + } + .span9 { + width: 75%; + } + .span8 { + width: 66.66666666666666%; + } + .span7 { + width: 58.333333333333336%; + } + .span6 { + width: 50%; + } + .span5 { + width: 41.66666666666667%; + } + .span4 { + width: 33.33333333333333%; + } + .span3 { + width: 25%; + } + .span2 { + width: 16.666666666666664%; + } + .span1 { + width: 8.333333333333332%; + } + .offset12 { + margin-left: 100%; + } + .offset11 { + margin-left: 91.66666666666666%; + } + .offset10 { + margin-left: 83.33333333333334%; + } + .offset9 { + margin-left: 75%; + } + .offset8 { + margin-left: 66.66666666666666%; + } + .offset7 { + margin-left: 58.333333333333336%; + } + .offset6 { + margin-left: 50%; + } + .offset5 { + margin-left: 41.66666666666667%; + } + .offset4 { + margin-left: 33.33333333333333%; + } + .offset3 { + margin-left: 25%; + } + .offset2 { + margin-left: 16.666666666666664%; + } + .offset1 { + margin-left: 8.333333333333332%; + } +} + +@media (max-width: 767px) { + body { + padding-right: 20px; + padding-left: 20px; + } + .navbar-fixed-top, + .navbar-fixed-bottom, + .navbar-static-top { + margin-right: -20px; + margin-left: -20px; + } + .container-fluid { + padding: 0; + } + .dl-horizontal dt { + float: none; + width: auto; + clear: none; + text-align: left; + } + .dl-horizontal dd { + margin-left: 0; + } + .container { + width: auto; + } + .row { + margin-left: 0; + } + [class*="span"], + .uneditable-input[class*="span"] { + display: block; + float: none; + width: 100%; + margin-left: 0; + } + input[class*="span"], + select[class*="span"], + textarea[class*="span"], + .uneditable-input { + display: block; + width: 100%; + min-height: 30px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + } + .input-prepend input, + .input-append input, + .input-prepend input[class*="span"], + .input-append input[class*="span"] { + display: inline-block; + width: auto; + } + .controls-row [class*="span"] + [class*="span"] { + margin-left: 0; + } + .modal { + position: fixed; + top: 20px; + right: 20px; + left: 20px; + width: auto; + margin: 0; + } + .modal.fade.in { + top: auto; + } +} + +@media (max-width: 480px) { + .nav-collapse { + -webkit-transform: translate3d(0, 0, 0); + } + .page-header h1 small { + display: block; + line-height: 20px; + } + input[type="checkbox"], + input[type="radio"] { + border: 1px solid #ccc; + } + .form-horizontal .control-label { + float: none; + width: auto; + padding-top: 0; + text-align: left; + } + .form-horizontal .controls { + margin-left: 0; + } + .form-horizontal .control-list { + padding-top: 0; + } + .form-horizontal .form-actions { + padding-right: 10px; + padding-left: 10px; + } + .media .pull-left, + .media .pull-right { + display: block; + float: none; + margin-bottom: 10px; + } + .media-object { + margin-right: 0; + margin-left: 0; + } + .modal { + top: 10px; + right: 10px; + left: 10px; + } + .modal-header .close { + padding: 10px; + margin: -10px; + } + .carousel-caption { + position: static; + } +} + +@media (max-width: 979px) { + body { + padding-top: 0; + } + .navbar-fixed-top, + .navbar-fixed-bottom { + position: static; + } + .navbar-fixed-top { + margin-bottom: 20px; + } + .navbar-fixed-bottom { + margin-top: 20px; + } + .navbar-fixed-top, + .navbar-fixed-bottom { + padding: 5px; + } + .navbar .container { + width: auto; + padding: 0; + } + .navbar .brand { + padding-right: 10px; + padding-left: 10px; + margin: 0 0 0 -5px; + } + .nav-collapse { + clear: both; + } + .nav-collapse .nav { + float: none; + margin: 0 0 10px; + } + .nav-collapse .nav > li { + float: none; + } + .nav-collapse .nav > li > a { + margin-bottom: 2px; + } + .nav-collapse .nav > .divider-vertical { + display: none; + } + .nav-collapse .nav .nav-header { + color: #777777; + text-shadow: none; + } + .nav-collapse .nav > li > a, + .nav-collapse .dropdown-menu a { + padding: 9px 15px; + font-weight: bold; + color: #777777; + border-radius: 3px; + } + .nav-collapse .btn { + padding: 4px 10px 4px; + font-weight: normal; + border-radius: 4px; + } + .nav-collapse .dropdown-menu li + li a { + margin-bottom: 2px; + } + .nav-collapse .nav > li > a:hover, + .nav-collapse .dropdown-menu a:hover { + background-color: #f2f2f2; + } + .navbar-inverse .nav-collapse .nav > li > a:hover, + .navbar-inverse .nav-collapse .dropdown-menu a:hover { + background-color: #111111; + } + .nav-collapse.in .btn-group { + padding: 0; + margin-top: 5px; + } + .nav-collapse .dropdown-menu { + position: static; + top: auto; + left: auto; + display: block; + float: none; + max-width: none; + padding: 0; + margin: 0 15px; + background-color: transparent; + border: none; + border-radius: 0; + -webkit-box-shadow: none; + box-shadow: none; + } + .nav-collapse .dropdown-menu:before, + .nav-collapse .dropdown-menu:after { + display: none; + } + .nav-collapse .dropdown-menu .divider { + display: none; + } + .nav-collapse .nav > li > .dropdown-menu:before, + .nav-collapse .nav > li > .dropdown-menu:after { + display: none; + } + .nav-collapse .navbar-form, + .nav-collapse .navbar-search { + float: none; + padding: 10px 15px; + margin: 10px 0; + border-top: 1px solid #f2f2f2; + border-bottom: 1px solid #f2f2f2; + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); + } + .navbar-inverse .nav-collapse .navbar-form, + .navbar-inverse .nav-collapse .navbar-search { + border-top-color: #111111; + border-bottom-color: #111111; + } + .navbar .nav-collapse .nav.pull-right { + float: none; + margin-left: 0; + } + .nav-collapse, + .nav-collapse.collapse { + height: 0; + overflow: hidden; + } + .navbar .btn-navbar { + display: block; + } + .navbar-static { + padding-right: 10px; + padding-left: 10px; + } +} + +@media (min-width: 980px) { + .nav-collapse.collapse { + height: auto !important; + overflow: visible !important; + } +} -- cgit v1.2.3 From 4b0d71abc1e888932a60982bacd3619b89aba7ce Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 30 Sep 2012 23:44:23 -0700 Subject: carousel refinements --- docs/assets/css/bootstrap.css | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 6f5df4832..b2f60df3e 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -5370,7 +5370,7 @@ a.badge:hover { top: 0; bottom: 0; left: 0; - width: 100px; + width: 120px; opacity: 0.5; filter: alpha(opacity=50); } @@ -5414,13 +5414,17 @@ a.badge:hover { z-index: 5; display: block; margin-top: -35px; - margin-left: 35px; + margin-left: 30px; font-size: 80px; font-weight: 100; color: #fff; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } +.carousel-control.right .control { + margin-left: 70px; +} + .carousel-caption { position: absolute; right: 0; -- cgit v1.2.3 From bfe51163e27abb90dd3ef56ca36a1c315d58c388 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 30 Sep 2012 23:47:00 -0700 Subject: run make on prev commit --- docs/assets/css/bootstrap.css | 7 ------- 1 file changed, 7 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index b2f60df3e..353370d87 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -91,12 +91,6 @@ input { line-height: normal; } -button::-moz-focus-inner, -input::-moz-focus-inner { - padding: 0; - border: 0; -} - button, html input[type="button"], input[type="reset"], @@ -399,7 +393,6 @@ h6 { font-family: inherit; font-weight: bold; line-height: 20px; - color: inherit; text-rendering: optimizelegibility; } -- cgit v1.2.3 From 3f4076c635aae1d813694bb7f5cf9abb5a48a44b Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 30 Sep 2012 23:49:26 -0700 Subject: consolidate border-radius on code --- docs/assets/css/bootstrap.css | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 353370d87..742a27ebe 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -605,7 +605,7 @@ pre { font-family: Monaco, Menlo, Consolas, "Courier New", monospace; font-size: 12px; color: #333333; - border-radius: 3px; + border-radius: 4px; } code { @@ -628,7 +628,6 @@ pre { background-color: #f5f5f5; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 4px; } pre.prettyprint { -- cgit v1.2.3 From ecf6077f480f0ff255e38c6643a23b5d74ef53f3 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 30 Sep 2012 23:59:35 -0700 Subject: remove table grid sizing, it can use the new default grid columns instead --- docs/assets/css/bootstrap.css | 144 ------------------------------------------ 1 file changed, 144 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 742a27ebe..e9be20564 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -1834,150 +1834,6 @@ table [class*=span] { margin-left: 0; } -.table .span1 { - float: none; - width: 44px; - margin-left: 0; -} - -.table .span2 { - float: none; - width: 124px; - margin-left: 0; -} - -.table .span3 { - float: none; - width: 204px; - margin-left: 0; -} - -.table .span4 { - float: none; - width: 284px; - margin-left: 0; -} - -.table .span5 { - float: none; - width: 364px; - margin-left: 0; -} - -.table .span6 { - float: none; - width: 444px; - margin-left: 0; -} - -.table .span7 { - float: none; - width: 524px; - margin-left: 0; -} - -.table .span8 { - float: none; - width: 604px; - margin-left: 0; -} - -.table .span9 { - float: none; - width: 684px; - margin-left: 0; -} - -.table .span10 { - float: none; - width: 764px; - margin-left: 0; -} - -.table .span11 { - float: none; - width: 844px; - margin-left: 0; -} - -.table .span12 { - float: none; - width: 924px; - margin-left: 0; -} - -.table .span13 { - float: none; - width: 1004px; - margin-left: 0; -} - -.table .span14 { - float: none; - width: 1084px; - margin-left: 0; -} - -.table .span15 { - float: none; - width: 1164px; - margin-left: 0; -} - -.table .span16 { - float: none; - width: 1244px; - margin-left: 0; -} - -.table .span17 { - float: none; - width: 1324px; - margin-left: 0; -} - -.table .span18 { - float: none; - width: 1404px; - margin-left: 0; -} - -.table .span19 { - float: none; - width: 1484px; - margin-left: 0; -} - -.table .span20 { - float: none; - width: 1564px; - margin-left: 0; -} - -.table .span21 { - float: none; - width: 1644px; - margin-left: 0; -} - -.table .span22 { - float: none; - width: 1724px; - margin-left: 0; -} - -.table .span23 { - float: none; - width: 1804px; - margin-left: 0; -} - -.table .span24 { - float: none; - width: 1884px; - margin-left: 0; -} - .table tbody tr.success td { background-color: #dff0d8; } -- cgit v1.2.3 From 26386ad615a48be02d896a41b7c72a7470c8a9c3 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 1 Oct 2012 00:05:18 -0700 Subject: remove tabbable tabs on left, right, and bottom; instead, from here out use stacked pills or tabs --- docs/assets/css/bootstrap.css | 81 ------------------------------------------- 1 file changed, 81 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index e9be20564..c0b6ef395 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3612,12 +3612,6 @@ input[type="button"].btn-block { overflow: auto; } -.tabs-below > .nav-tabs, -.tabs-right > .nav-tabs, -.tabs-left > .nav-tabs { - border-bottom: 0; -} - .tab-content > .tab-pane, .pill-content > .pill-pane { display: none; @@ -3628,81 +3622,6 @@ input[type="button"].btn-block { display: block; } -.tabs-below > .nav-tabs { - border-top: 1px solid #ddd; -} - -.tabs-below > .nav-tabs > li { - margin-top: -1px; - margin-bottom: 0; -} - -.tabs-below > .nav-tabs > li > a { - border-radius: 0 0 4px 4px; -} - -.tabs-below > .nav-tabs > li > a:hover { - border-top-color: #ddd; - border-bottom-color: transparent; -} - -.tabs-below > .nav-tabs > .active > a, -.tabs-below > .nav-tabs > .active > a:hover { - border-color: transparent #ddd #ddd #ddd; -} - -.tabs-left > .nav-tabs > li, -.tabs-right > .nav-tabs > li { - float: none; -} - -.tabs-left > .nav-tabs > li > a, -.tabs-right > .nav-tabs > li > a { - min-width: 74px; - margin-right: 0; - margin-bottom: 3px; -} - -.tabs-left > .nav-tabs { - float: left; - margin-right: 19px; - border-right: 1px solid #ddd; -} - -.tabs-left > .nav-tabs > li > a { - margin-right: -1px; - border-radius: 4px 0 0 4px; -} - -.tabs-left > .nav-tabs > li > a:hover { - border-color: #eeeeee #dddddd #eeeeee #eeeeee; -} - -.tabs-left > .nav-tabs .active > a, -.tabs-left > .nav-tabs .active > a:hover { - border-color: #ddd transparent #ddd #ddd; -} - -.tabs-right > .nav-tabs { - float: right; - margin-left: 19px; - border-left: 1px solid #ddd; -} - -.tabs-right > .nav-tabs > li > a { - margin-left: -1px; - border-radius: 0 4px 4px 0; -} - -.tabs-right > .nav-tabs > li > a:hover { - border-color: #eeeeee #eeeeee #eeeeee #dddddd; -} - -.tabs-right > .nav-tabs .active > a, -.tabs-right > .nav-tabs .active > a:hover { - border-color: #ddd #ddd #ddd transparent; -} - .nav > .disabled > a { color: #999999; } -- cgit v1.2.3 From eb555b7a9d3924d6caba3a10c7f9cdd0e9afd38a Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 1 Oct 2012 00:06:44 -0700 Subject: remove .nav-list, instead use .nav-stacked on .nav-tabs or .nav-pills from now on --- docs/assets/css/bootstrap.css | 30 +----------------------------- 1 file changed, 1 insertion(+), 29 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index c0b6ef395..98d3d90d1 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3383,35 +3383,7 @@ input[type="button"].btn-block { margin-top: 9px; } -.nav-list { - padding-right: 15px; - padding-left: 15px; - margin-bottom: 0; -} - -.nav-list > li > a, -.nav-list .nav-header { - margin-right: -15px; - margin-left: -15px; - text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); -} - -.nav-list > li > a { - padding: 3px 15px; -} - -.nav-list > .active > a, -.nav-list > .active > a:hover { - color: #ffffff; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); - background-color: #0088cc; -} - -.nav-list [class^="icon-"] { - margin-right: 2px; -} - -.nav-list .divider { +.nav .divider { height: 1px; margin: 9px 1px; overflow: hidden; -- cgit v1.2.3 From 56935c64c088c7ea2db16fd78f4ad717dba825fc Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 1 Oct 2012 00:11:05 -0700 Subject: remove left margin reset from old grid system --- docs/assets/css/bootstrap.css | 3 --- 1 file changed, 3 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 98d3d90d1..8bbbf4657 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -5707,9 +5707,6 @@ a.badge:hover { .container { width: auto; } - .row { - margin-left: 0; - } [class*="span"], .uneditable-input[class*="span"] { display: block; -- cgit v1.2.3 From 8da78223ffe7922f46167e7429c40339e7bc53d2 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 1 Oct 2012 00:19:29 -0700 Subject: reset input and button heights with updated padding --- docs/assets/css/bootstrap.css | 40 +++++++++++++++++----------------------- 1 file changed, 17 insertions(+), 23 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 8bbbf4657..925aae141 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -713,20 +713,24 @@ input[type="tel"], input[type="color"], .uneditable-input { display: inline-block; - height: 20px; - padding: 4px 6px; - margin-bottom: 9px; + min-height: 34px; + padding: 6px 9px; + margin-bottom: 10px; font-size: 14px; line-height: 20px; color: #555555; vertical-align: middle; + background-color: #ffffff; border-radius: 4px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } input, textarea, .uneditable-input { - width: 206px; + width: 220px; } textarea { @@ -749,7 +753,6 @@ input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { - background-color: #ffffff; border: 1px solid #cccccc; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); @@ -806,15 +809,14 @@ input[type="checkbox"] { select, input[type="file"] { - height: 30px; + height: 34px; /* In IE7, the height of the select element cannot be changed by height, only font-size. TODO: Check if this is still needed when dropping IE7 support */ - line-height: 30px; + line-height: 34px; } select { width: 220px; - background-color: #ffffff; border: 1px solid #cccccc; } @@ -1466,7 +1468,7 @@ select:focus:required:invalid:focus { width: auto; height: 20px; min-width: 16px; - padding: 4px 5px; + padding: 6px; font-size: 14px; font-weight: normal; line-height: 20px; @@ -1559,7 +1561,7 @@ input.search-query { /* IE8 doesn't have border radius, so don't indent the padding */ margin-bottom: 0; - border-radius: 15px; + border-radius: 20px; } /* Allow for input prepend/append in search forms */ @@ -1570,19 +1572,19 @@ input.search-query { } .form-search .input-append .search-query { - border-radius: 14px 0 0 14px; + border-radius: 20px 0 0 20px; } .form-search .input-append .btn { - border-radius: 0 14px 14px 0; + border-radius: 0 20px 20px 0; } .form-search .input-prepend .search-query { - border-radius: 0 14px 14px 0; + border-radius: 0 20px 20px 0; } .form-search .input-prepend .btn { - border-radius: 14px 0 0 14px; + border-radius: 20px 0 0 20px; } .form-search input, @@ -2731,7 +2733,7 @@ button.close { .btn { display: inline-block; - padding: 4px 12px; + padding: 6px 12px; margin-bottom: 0; font-size: 14px; line-height: 20px; @@ -5257,10 +5259,6 @@ a.badge:hover { .control-block-level { display: block; width: 100%; - min-height: 30px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; } .hidden { @@ -5720,10 +5718,6 @@ a.badge:hover { .uneditable-input { display: block; width: 100%; - min-height: 30px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; } .input-prepend input, .input-append input, -- cgit v1.2.3 From 3bb9e0d7538f1899ed8681b6ca2ced65822a155a Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 1 Oct 2012 23:42:21 -0700 Subject: increase border radius on navbar --- docs/assets/css/bootstrap.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 569c3f5a4..8afd89b4c 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3637,7 +3637,7 @@ input[type="button"].btn-block { background-image: linear-gradient(to bottom, #ffffff, #f2f2f2); background-repeat: repeat-x; border: 1px solid #d4d4d4; - border-radius: 4px; + border-radius: 6px; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0); -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); -- cgit v1.2.3 From 72198a59c056857d93d35b5e3251b1baf8b5ab1c Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 2 Nov 2012 01:20:06 -0700 Subject: removing glyphicons images, swapping in new icon font with new classes --- docs/assets/css/bootstrap.css | 701 +++++++++++++++++++++++------------------- 1 file changed, 381 insertions(+), 320 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 142df455a..52865cf0d 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -2153,598 +2153,657 @@ table th[class*="span"], background-color: #c4e3f3; } -[class^="icon-"], -[class*=" icon-"] { +@font-face { + font-family: 'Glyphicons Halflings'; + font-style: normal; + font-weight: normal; + src: url('../fonts/glyphiconshalflings-regular.eot'); + src: url('../fonts/glyphiconshalflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphiconshalflings-regular.woff') format('woff'), url('../fonts/glyphiconshalflings-regular.ttf') format('truetype'), url('../fonts/glyphiconshalflings-regular.svg#glyphicons_halflingsregular') format('svg'); +} + +[class^="glyphicon-"]:before { display: inline-block; - width: 14px; - height: 14px; - margin-top: 1px; - *margin-right: .3em; - line-height: 14px; - vertical-align: text-top; - background-image: url("../img/glyphicons-halflings.png"); - background-position: 14px 14px; - background-repeat: no-repeat; + font: normal 12px/1 'Glyphicons Halflings'; +} + +.glyphicon-glass:before { + content: "\e001"; +} + +.glyphicon-music:before { + content: "\e002"; +} + +.glyphicon-search:before { + content: "\e003"; +} + +.glyphicon-envelope:before { + content: "\2709"; +} + +.glyphicon-heart:before { + content: "\e005"; +} + +.glyphicon-star:before { + content: "\e006"; +} + +.glyphicon-star-empty:before { + content: "\e007"; +} + +.glyphicon-user:before { + content: "\e008"; } -/* White icons with optional class, or on hover/active states of certain elements */ +.glyphicon-film:before { + content: "\e009"; +} + +.glyphicon-th-large:before { + content: "\e010"; +} + +.glyphicon-th:before { + content: "\e011"; +} + +.glyphicon-th-list:before { + content: "\e012"; +} -.icon-white, -.nav-pills > .active > a > [class^="icon-"], -.nav-pills > .active > a > [class*=" icon-"], -.nav-list > .active > a > [class^="icon-"], -.nav-list > .active > a > [class*=" icon-"], -.navbar-inverse .nav > .active > a > [class^="icon-"], -.navbar-inverse .nav > .active > a > [class*=" icon-"], -.dropdown-menu > li > a:hover > [class^="icon-"], -.dropdown-menu > li > a:hover > [class*=" icon-"], -.dropdown-menu > .active > a > [class^="icon-"], -.dropdown-menu > .active > a > [class*=" icon-"], -.dropdown-submenu:hover > a > [class^="icon-"], -.dropdown-submenu:hover > a > [class*=" icon-"] { - background-image: url("../img/glyphicons-halflings-white.png"); +.glyphicon-ok:before { + content: "\e013"; } -.icon-glass { - background-position: 0 0; +.glyphicon-remove:before { + content: "\e014"; } -.icon-music { - background-position: -24px 0; +.glyphicon-zoom-in:before { + content: "\e015"; } -.icon-search { - background-position: -48px 0; +.glyphicon-zoom-out:before { + content: "\e016"; } -.icon-envelope { - background-position: -72px 0; +.glyphicon-off:before { + content: "\e017"; } -.icon-heart { - background-position: -96px 0; +.glyphicon-signal:before { + content: "\e018"; } -.icon-star { - background-position: -120px 0; +.glyphicon-cog:before { + content: "\e019"; } -.icon-star-empty { - background-position: -144px 0; +.glyphicon-trash:before { + content: "\e020"; } -.icon-user { - background-position: -168px 0; +.glyphicon-home:before { + content: "\e021"; } -.icon-film { - background-position: -192px 0; +.glyphicon-file:before { + content: "\e022"; } -.icon-th-large { - background-position: -216px 0; +.glyphicon-time:before { + content: "\e023"; } -.icon-th { - background-position: -240px 0; +.glyphicon-road:before { + content: "\e024"; } -.icon-th-list { - background-position: -264px 0; +.glyphicon-download-alt:before { + content: "\e025"; } -.icon-ok { - background-position: -288px 0; +.glyphicon-download:before { + content: "\e026"; } -.icon-remove { - background-position: -312px 0; +.glyphicon-upload:before { + content: "\e027"; } -.icon-zoom-in { - background-position: -336px 0; +.glyphicon-inbox:before { + content: "\e028"; } -.icon-zoom-out { - background-position: -360px 0; +.glyphicon-play-circle:before { + content: "\e029"; } -.icon-off { - background-position: -384px 0; +.glyphicon-repeat:before { + content: "\e030"; } -.icon-signal { - background-position: -408px 0; +.glyphicon-refresh:before { + content: "\e031"; } -.icon-cog { - background-position: -432px 0; +.glyphicon-list-alt:before { + content: "\e032"; } -.icon-trash { - background-position: -456px 0; +.glyphicon-lock:before { + content: "\e033"; } -.icon-home { - background-position: 0 -24px; +.glyphicon-flag:before { + content: "\e034"; } -.icon-file { - background-position: -24px -24px; +.glyphicon-headphones:before { + content: "\e035"; } -.icon-time { - background-position: -48px -24px; +.glyphicon-volume-off:before { + content: "\e036"; } -.icon-road { - background-position: -72px -24px; +.glyphicon-volume-down:before { + content: "\e037"; } -.icon-download-alt { - background-position: -96px -24px; +.glyphicon-volume-up:before { + content: "\e038"; } -.icon-download { - background-position: -120px -24px; +.glyphicon-qrcode:before { + content: "\e039"; } -.icon-upload { - background-position: -144px -24px; +.glyphicon-barcode:before { + content: "\e040"; } -.icon-inbox { - background-position: -168px -24px; +.glyphicon-tag:before { + content: "\e041"; } -.icon-play-circle { - background-position: -192px -24px; +.glyphicon-tags:before { + content: "\e042"; } -.icon-repeat { - background-position: -216px -24px; +.glyphicon-book:before { + content: "\e043"; } -.icon-refresh { - background-position: -240px -24px; +.glyphicon-bookmark:before { + content: "\e044"; } -.icon-list-alt { - background-position: -264px -24px; +.glyphicon-print:before { + content: "\e045"; } -.icon-lock { - background-position: -287px -24px; +.glyphicon-camera:before { + content: "\e046"; } -.icon-flag { - background-position: -312px -24px; +.glyphicon-font:before { + content: "\e047"; } -.icon-headphones { - background-position: -336px -24px; +.glyphicon-bold:before { + content: "\e048"; } -.icon-volume-off { - background-position: -360px -24px; +.glyphicon-italic:before { + content: "\e049"; } -.icon-volume-down { - background-position: -384px -24px; +.glyphicon-text-height:before { + content: "\e050"; } -.icon-volume-up { - background-position: -408px -24px; +.glyphicon-text-width:before { + content: "\e051"; } -.icon-qrcode { - background-position: -432px -24px; +.glyphicon-align-left:before { + content: "\e052"; } -.icon-barcode { - background-position: -456px -24px; +.glyphicon-align-center:before { + content: "\e053"; } -.icon-tag { - background-position: 0 -48px; +.glyphicon-align-right:before { + content: "\e054"; } -.icon-tags { - background-position: -25px -48px; +.glyphicon-align-justify:before { + content: "\e055"; } -.icon-book { - background-position: -48px -48px; +.glyphicon-list:before { + content: "\e056"; } -.icon-bookmark { - background-position: -72px -48px; +.glyphicon-indent-left:before { + content: "\e057"; } -.icon-print { - background-position: -96px -48px; +.glyphicon-indent-right:before { + content: "\e058"; } -.icon-camera { - background-position: -120px -48px; +.glyphicon-facetime-video:before { + content: "\e059"; } -.icon-font { - background-position: -144px -48px; +.glyphicon-picture:before { + content: "\e060"; } -.icon-bold { - background-position: -167px -48px; +.glyphicon-pencil:before { + content: "\270f"; } -.icon-italic { - background-position: -192px -48px; +.glyphicon-map-marker:before { + content: "\e062"; } -.icon-text-height { - background-position: -216px -48px; +.glyphicon-adjust:before { + content: "\e063"; } -.icon-text-width { - background-position: -240px -48px; +.glyphicon-tint:before { + content: "\e064"; } -.icon-align-left { - background-position: -264px -48px; +.glyphicon-edit:before { + content: "\e065"; } -.icon-align-center { - background-position: -288px -48px; +.glyphicon-share:before { + content: "\e066"; } -.icon-align-right { - background-position: -312px -48px; +.glyphicon-check:before { + content: "\e067"; } -.icon-align-justify { - background-position: -336px -48px; +.glyphicon-move:before { + content: "\e068"; } -.icon-list { - background-position: -360px -48px; +.glyphicon-step-backward:before { + content: "\e069"; } -.icon-indent-left { - background-position: -384px -48px; +.glyphicon-fast-backward:before { + content: "\e070"; } -.icon-indent-right { - background-position: -408px -48px; +.glyphicon-backward:before { + content: "\e071"; } -.icon-facetime-video { - background-position: -432px -48px; +.glyphicon-play:before { + content: "\e072"; } -.icon-picture { - background-position: -456px -48px; +.glyphicon-pause:before { + content: "\e073"; } -.icon-pencil { - background-position: 0 -72px; +.glyphicon-stop:before { + content: "\e074"; } -.icon-map-marker { - background-position: -24px -72px; +.glyphicon-forward:before { + content: "\e075"; } -.icon-adjust { - background-position: -48px -72px; +.glyphicon-fast-forward:before { + content: "\e076"; } -.icon-tint { - background-position: -72px -72px; +.glyphicon-step-forward:before { + content: "\e077"; } -.icon-edit { - background-position: -96px -72px; +.glyphicon-eject:before { + content: "\e078"; } -.icon-share { - background-position: -120px -72px; +.glyphicon-chevron-left:before { + content: "\e079"; } -.icon-check { - background-position: -144px -72px; +.glyphicon-chevron-right:before { + content: "\e080"; } -.icon-move { - background-position: -168px -72px; +.glyphicon-plus-sign:before { + content: "\e081"; } -.icon-step-backward { - background-position: -192px -72px; +.glyphicon-minus-sign:before { + content: "\e082"; } -.icon-fast-backward { - background-position: -216px -72px; +.glyphicon-remove-sign:before { + content: "\e083"; } -.icon-backward { - background-position: -240px -72px; +.glyphicon-ok-sign:before { + content: "\e084"; } -.icon-play { - background-position: -264px -72px; +.glyphicon-question-sign:before { + content: "\e085"; } -.icon-pause { - background-position: -288px -72px; +.glyphicon-info-sign:before { + content: "\e086"; } -.icon-stop { - background-position: -312px -72px; +.glyphicon-screenshot:before { + content: "\e087"; } -.icon-forward { - background-position: -336px -72px; +.glyphicon-remove-circle:before { + content: "\e088"; } -.icon-fast-forward { - background-position: -360px -72px; +.glyphicon-ok-circle:before { + content: "\e089"; } -.icon-step-forward { - background-position: -384px -72px; +.glyphicon-ban-circle:before { + content: "\e090"; } -.icon-eject { - background-position: -408px -72px; +.glyphicon-arrow-left:before { + content: "\e091"; } -.icon-chevron-left { - background-position: -432px -72px; +.glyphicon-arrow-right:before { + content: "\e092"; } -.icon-chevron-right { - background-position: -456px -72px; +.glyphicon-arrow-up:before { + content: "\e093"; } -.icon-plus-sign { - background-position: 0 -96px; +.glyphicon-arrow-down:before { + content: "\e094"; } -.icon-minus-sign { - background-position: -24px -96px; +.glyphicon-share-alt:before { + content: "\e095"; } -.icon-remove-sign { - background-position: -48px -96px; +.glyphicon-resize-full:before { + content: "\e096"; } -.icon-ok-sign { - background-position: -72px -96px; +.glyphicon-resize-small:before { + content: "\e097"; } -.icon-question-sign { - background-position: -96px -96px; +.glyphicon-plus:before { + content: "\002b"; } -.icon-info-sign { - background-position: -120px -96px; +.glyphicon-minus:before { + content: "\2212"; } -.icon-screenshot { - background-position: -144px -96px; +.glyphicon-asterisk:before { + content: "\002a"; } -.icon-remove-circle { - background-position: -168px -96px; +.glyphicon-exclamation-sign:before { + content: "\e101"; } -.icon-ok-circle { - background-position: -192px -96px; +.glyphicon-gift:before { + content: "\e102"; } -.icon-ban-circle { - background-position: -216px -96px; +.glyphicon-leaf:before { + content: "\e103"; } -.icon-arrow-left { - background-position: -240px -96px; +.glyphicon-fire:before { + content: "\e104"; } -.icon-arrow-right { - background-position: -264px -96px; +.glyphicon-eye-open:before { + content: "\e105"; } -.icon-arrow-up { - background-position: -289px -96px; +.glyphicon-eye-close:before { + content: "\e106"; } -.icon-arrow-down { - background-position: -312px -96px; +.glyphicon-warning-sign:before { + content: "\e107"; } -.icon-share-alt { - background-position: -336px -96px; +.glyphicon-plane:before { + content: "\e108"; } -.icon-resize-full { - background-position: -360px -96px; +.glyphicon-calendar:before { + content: "\e109"; } -.icon-resize-small { - background-position: -384px -96px; +.glyphicon-random:before { + content: "\e110"; } -.icon-plus { - background-position: -408px -96px; +.glyphicon-comment:before { + content: "\e111"; } -.icon-minus { - background-position: -433px -96px; +.glyphicon-magnet:before { + content: "\e112"; } -.icon-asterisk { - background-position: -456px -96px; +.glyphicon-chevron-up:before { + content: "\e113"; } -.icon-exclamation-sign { - background-position: 0 -120px; +.glyphicon-chevron-down:before { + content: "\e114"; } -.icon-gift { - background-position: -24px -120px; +.glyphicon-retweet:before { + content: "\e115"; } -.icon-leaf { - background-position: -48px -120px; +.glyphicon-shopping-cart:before { + content: "\e116"; } -.icon-fire { - background-position: -72px -120px; +.glyphicon-folder-close:before { + content: "\e117"; } -.icon-eye-open { - background-position: -96px -120px; +.glyphicon-folder-open:before { + content: "\e118"; } -.icon-eye-close { - background-position: -120px -120px; +.glyphicon-resize-vertical:before { + content: "\e119"; } -.icon-warning-sign { - background-position: -144px -120px; +.glyphicon-resize-horizontal:before { + content: "\e120"; } -.icon-plane { - background-position: -168px -120px; +.glyphicon-hdd:before { + content: "\e121"; } -.icon-calendar { - background-position: -192px -120px; +.glyphicon-bullhorn:before { + content: "\e122"; } -.icon-random { - width: 16px; - background-position: -216px -120px; +.glyphicon-bell:before { + content: "\e123"; } -.icon-comment { - background-position: -240px -120px; +.glyphicon-certificate:before { + content: "\e124"; } -.icon-magnet { - background-position: -264px -120px; +.glyphicon-thumbs-up:before { + content: "\e125"; } -.icon-chevron-up { - background-position: -288px -120px; +.glyphicon-thumbs-down:before { + content: "\e126"; } -.icon-chevron-down { - background-position: -313px -119px; +.glyphicon-hand-right:before { + content: "\e127"; } -.icon-retweet { - background-position: -336px -120px; +.glyphicon-hand-left:before { + content: "\e128"; } -.icon-shopping-cart { - background-position: -360px -120px; +.glyphicon-hand-up:before { + content: "\e129"; } -.icon-folder-close { - background-position: -384px -120px; +.glyphicon-hand-down:before { + content: "\e130"; } -.icon-folder-open { - width: 16px; - background-position: -408px -120px; +.glyphicon-circle-arrow-right:before { + content: "\e131"; } -.icon-resize-vertical { - background-position: -432px -119px; +.glyphicon-circle-arrow-left:before { + content: "\e132"; } -.icon-resize-horizontal { - background-position: -456px -118px; +.glyphicon-circle-arrow-up:before { + content: "\e133"; } -.icon-hdd { - background-position: 0 -144px; +.glyphicon-circle-arrow-down:before { + content: "\e134"; } -.icon-bullhorn { - background-position: -24px -144px; +.glyphicon-globe:before { + content: "\e135"; } -.icon-bell { - background-position: -48px -144px; +.glyphicon-wrench:before { + content: "\e136"; } -.icon-certificate { - background-position: -72px -144px; +.glyphicon-tasks:before { + content: "\e137"; } -.icon-thumbs-up { - background-position: -96px -144px; +.glyphicon-filter:before { + content: "\e138"; } -.icon-thumbs-down { - background-position: -120px -144px; +.glyphicon-briefcase:before { + content: "\e139"; } -.icon-hand-right { - background-position: -144px -144px; +.glyphicon-fullscreen:before { + content: "\e140"; } -.icon-hand-left { - background-position: -168px -144px; +.glyphicon-dashboard:before { + content: "\e141"; } -.icon-hand-up { - background-position: -192px -144px; +.glyphicon-paperclip:before { + content: "\e142"; } -.icon-hand-down { - background-position: -216px -144px; +.glyphicon-heart-empty:before { + content: "\e143"; } -.icon-circle-arrow-right { - background-position: -240px -144px; +.glyphicon-link:before { + content: "\e144"; } -.icon-circle-arrow-left { - background-position: -264px -144px; +.glyphicon-phone:before { + content: "\e145"; } -.icon-circle-arrow-up { - background-position: -288px -144px; +.glyphicon-pushpin:before { + content: "\e146"; } -.icon-circle-arrow-down { - background-position: -312px -144px; +.glyphicon-euro:before { + content: "\20ac"; } -.icon-globe { - background-position: -336px -144px; +.glyphicon-usd:before { + content: "\e148"; } -.icon-wrench { - background-position: -360px -144px; +.glyphicon-gbp:before { + content: "\e149"; } -.icon-tasks { - background-position: -384px -144px; +.glyphicon-sort:before { + content: "\e150"; } -.icon-filter { - background-position: -408px -144px; +.glyphicon-sort-by-alphabet:before { + content: "\e151"; } -.icon-briefcase { - background-position: -432px -144px; +.glyphicon-sort-by-alphabet-alt:before { + content: "\e152"; } -.icon-fullscreen { - background-position: -456px -144px; +.glyphicon-sort-by-order:before { + content: "\e153"; +} + +.glyphicon-sort-by-order-alt:before { + content: "\e154"; +} + +.glyphicon-sort-by-attributes:before { + content: "\e155"; +} + +.glyphicon-sort-by-attributes-alt:before { + content: "\e156"; +} + +.glyphicon-unchecked:before { + content: "\e157"; +} + +.glyphicon-expand:before { + content: "\e158"; +} + +.glyphicon-collapse:before { + content: "\e159"; +} + +.glyphicon-collapse-top:before { + content: "\e160"; } .dropup, @@ -3162,11 +3221,6 @@ button.close { border-radius: 6px; } -.btn-large [class^="icon-"], -.btn-large [class*=" icon-"] { - margin-top: 2px; -} - .btn-small { padding: 2px 10px; font-size: 11.9px; @@ -3175,19 +3229,26 @@ button.close { border-radius: 3px; } -.btn-small [class^="icon-"], -.btn-small [class*=" icon-"] { - margin-top: 0; -} - .btn-mini { - padding: 1px 6px; + padding: 0 6px; font-size: 10.5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } +.btn-large [class^="glyphicon-"]::before { + font-size: 14px; +} + +.btn-small [class^="glyphicon-"]::before { + font-size: 10px; +} + +.btn-mini [class^="glyphicon-"]::before { + font-size: 9px; +} + .btn-block { display: block; width: 100%; @@ -4901,7 +4962,7 @@ input[type="submit"].btn.btn-mini { .pagination-mini ul > li > a, .pagination-mini ul > li > span { - padding: 1px 6px; + padding: 0 6px; font-size: 10.5px; } -- cgit v1.2.3 From 4b3fb3087738ba2836538bacd34256503b6afc96 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 2 Nov 2012 01:39:40 -0700 Subject: tweaks to icons defaults and in buttons improve vertical align --- docs/assets/css/bootstrap.css | 16 +++++++--------- 1 file changed, 7 insertions(+), 9 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 52865cf0d..2600fc4d4 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -2162,8 +2162,9 @@ table th[class*="span"], } [class^="glyphicon-"]:before { - display: inline-block; - font: normal 12px/1 'Glyphicons Halflings'; + font-family: 'Glyphicons Halflings'; + font-style: normal; + line-height: 1; } .glyphicon-glass:before { @@ -3237,16 +3238,13 @@ button.close { border-radius: 3px; } -.btn-large [class^="glyphicon-"]::before { - font-size: 14px; -} - -.btn-small [class^="glyphicon-"]::before { - font-size: 10px; +.btn [class^="glyphicon-"]::before { + vertical-align: -2px; } +.btn-small [class^="glyphicon-"]::before, .btn-mini [class^="glyphicon-"]::before { - font-size: 9px; + vertical-align: -1px; } .btn-block { -- cgit v1.2.3 From a12eb2b9f5457f53639938b800766fd856bda415 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 3 Nov 2012 13:44:55 -0700 Subject: rgba() tooltip bg --- docs/assets/css/bootstrap.css | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 5bde2636e..57c498650 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -4535,8 +4535,8 @@ input[type="button"].btn-block { } .tooltip.in { - opacity: 0.8; - filter: alpha(opacity=80); + opacity: 1; + filter: alpha(opacity=100); } .tooltip.top { @@ -4561,7 +4561,7 @@ input[type="button"].btn-block { color: #ffffff; text-align: center; text-decoration: none; - background-color: #000000; + background-color: rgba(0, 0, 0, 0.9); border-radius: 4px; } @@ -4577,7 +4577,7 @@ input[type="button"].btn-block { bottom: 0; left: 50%; margin-left: -5px; - border-top-color: #000000; + border-top-color: rgba(0, 0, 0, 0.9); border-width: 5px 5px 0; } @@ -4585,7 +4585,7 @@ input[type="button"].btn-block { top: 50%; left: 0; margin-top: -5px; - border-right-color: #000000; + border-right-color: rgba(0, 0, 0, 0.9); border-width: 5px 5px 5px 0; } @@ -4593,7 +4593,7 @@ input[type="button"].btn-block { top: 50%; right: 0; margin-top: -5px; - border-left-color: #000000; + border-left-color: rgba(0, 0, 0, 0.9); border-width: 5px 0 5px 5px; } @@ -4601,7 +4601,7 @@ input[type="button"].btn-block { top: 0; left: 50%; margin-left: -5px; - border-bottom-color: #000000; + border-bottom-color: rgba(0, 0, 0, 0.9); border-width: 0 5px 5px; } -- cgit v1.2.3 From c0eacca0dbf9fec606968e08e1b21f8ec80e67ef Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 3 Nov 2012 16:14:44 -0700 Subject: Navs refactor, restoring .nav-list --- docs/assets/css/bootstrap.css | 147 +++++++++++++++++++----------------------- 1 file changed, 66 insertions(+), 81 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 57c498650..1241ac687 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3439,8 +3439,24 @@ input[type="button"].btn-block { list-style: none; } +.nav:before, +.nav:after { + display: table; + line-height: 0; + content: ""; +} + +.nav:after { + clear: both; +} + +.nav > li { + float: left; +} + .nav > li > a { display: block; + padding: 8px 12px; } .nav > li > a:hover { @@ -3475,33 +3491,6 @@ input[type="button"].btn-block { border-bottom: 1px solid #ffffff; } -.nav-tabs:before, -.nav-pills:before, -.nav-tabs:after, -.nav-pills:after { - display: table; - line-height: 0; - content: ""; -} - -.nav-tabs:after, -.nav-pills:after { - clear: both; -} - -.nav-tabs > li, -.nav-pills > li { - float: left; -} - -.nav-tabs > li > a, -.nav-pills > li > a { - padding-right: 12px; - padding-left: 12px; - margin-right: 2px; - line-height: 14px; -} - .nav-tabs { border-bottom: 1px solid #ddd; } @@ -3511,8 +3500,7 @@ input[type="button"].btn-block { } .nav-tabs > li > a { - padding-top: 8px; - padding-bottom: 8px; + margin-right: 2px; line-height: 20px; border: 1px solid transparent; border-radius: 4px 4px 0 0; @@ -3531,78 +3519,81 @@ input[type="button"].btn-block { border-bottom-color: transparent; } -.nav-pills > li > a { - padding-top: 8px; - padding-bottom: 8px; - margin-top: 2px; - margin-bottom: 2px; - border-radius: 5px; +.nav-list { + background-color: #fff; + border-radius: 6px; + -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); + box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); } -.nav-pills > .active > a, -.nav-pills > .active > a:hover { - color: #ffffff; - background-color: #0088cc; +.nav-list > li { + float: none; } -.nav-stacked > li { - float: none; +.nav-list > li > a { + margin-bottom: -1px; + border: 1px solid #e5e5e5; } -.nav-stacked > li > a { - margin-right: 0; +.nav-list > li > a:hover { + background-color: #f5f5f5; } -.nav-tabs.nav-stacked { - border-bottom: 0; +.nav-list > li:first-child > a { + border-radius: 6px 6px 0 0; } -.nav-tabs.nav-stacked > li > a { - border: 1px solid #ddd; - border-radius: 0; +.nav-list > li:last-child > a { + border-radius: 0 0 6px 6px; } -.nav-tabs.nav-stacked > li:first-child > a { - -webkit-border-top-right-radius: 4px; - border-top-right-radius: 4px; - -webkit-border-top-left-radius: 4px; - border-top-left-radius: 4px; - -moz-border-radius-topright: 4px; - -moz-border-radius-topleft: 4px; +.nav-list > .active > a, +.nav-list > .active > a:hover { + position: relative; + z-index: 2; + padding: 9px 15px; + color: #fff; + text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15); + background-color: #0088cc; + border-width: 0; + -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.1), inset -1px 0 0 rgba(0, 0, 0, 0.1); + box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.1), inset -1px 0 0 rgba(0, 0, 0, 0.1); } -.nav-tabs.nav-stacked > li:last-child > a { - -webkit-border-bottom-right-radius: 4px; - border-bottom-right-radius: 4px; - -webkit-border-bottom-left-radius: 4px; - border-bottom-left-radius: 4px; - -moz-border-radius-bottomright: 4px; - -moz-border-radius-bottomleft: 4px; +.nav-pills > li > a { + border-radius: 5px; } -.nav-tabs.nav-stacked > li > a:hover { - z-index: 2; - border-color: #ddd; +.nav-pills > li + li > a { + margin-left: 2px; } -.nav-pills.nav-stacked > li > a { - margin-bottom: 3px; +.nav-pills > .active > a, +.nav-pills > .active > a:hover { + color: #ffffff; + background-color: #0088cc; } -.nav-pills.nav-stacked > li:last-child > a { - margin-bottom: 1px; +.nav-stacked > li { + float: none; } -.nav-tabs .dropdown-menu { - border-radius: 0 0 6px 6px; +.nav-stacked > li + li > a { + margin-top: 2px; + margin-left: 0; } -.nav-pills .dropdown-menu { - border-radius: 6px; +.nav-tabs .dropdown-menu { + -webkit-border-top-right-radius: 0; + border-top-right-radius: 0; + -webkit-border-top-left-radius: 0; + border-top-left-radius: 0; + -moz-border-radius-topright: 0; + -moz-border-radius-topleft: 0; } .nav .dropdown-toggle .caret { - margin-top: 6px; + margin-top: 8px; border-top-color: #0088cc; border-bottom-color: #0088cc; } @@ -3612,12 +3603,6 @@ input[type="button"].btn-block { border-bottom-color: #005580; } -/* move down carets for tabs */ - -.nav-tabs .dropdown-toggle .caret { - margin-top: 8px; -} - .nav .active .dropdown-toggle .caret { border-top-color: #fff; border-bottom-color: #fff; @@ -4071,7 +4056,7 @@ input[type="button"].btn-block { background-image: -o-linear-gradient(top, #222222, #111111); background-image: linear-gradient(to bottom, #222222, #111111); background-repeat: repeat-x; - border-color: #252525; + border-color: #111111; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0); } -- cgit v1.2.3 From 25fded1ff4a0ba13e1566adcf6ac82b88e291adb Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 4 Nov 2012 00:31:43 -0700 Subject: responsive images, updated shadows on navbars, remove responsive file from docs --- docs/assets/css/bootstrap.css | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 7320e6da4..0f936bae3 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3916,14 +3916,14 @@ input[type="button"].btn-block { .navbar-fixed-top, .navbar-static-top { - -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1), 0 1px 10px rgba(0, 0, 0, 0.1); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1), 0 1px 10px rgba(0, 0, 0, 0.1); + -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); + box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); } .navbar-fixed-bottom { bottom: 0; - -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1), 0 -1px 10px rgba(0, 0, 0, 0.1); - box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1), 0 -1px 10px rgba(0, 0, 0, 0.1); + -webkit-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1); + box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1); } .navbar .nav { -- cgit v1.2.3 From 83a3789b5e8ccedc16db3a284c764067e6b25c25 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 4 Nov 2012 00:52:10 -0700 Subject: add justified nav links for tabs and pills --- docs/assets/css/bootstrap.css | 57 ++++++++++++++++++++++++++----------------- 1 file changed, 34 insertions(+), 23 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 0f936bae3..e3460137e 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3579,6 +3579,40 @@ input[type="button"].btn-block { border-bottom-color: transparent; } +.nav-pills > li > a { + border-radius: 5px; +} + +.nav-pills > li + li > a { + margin-left: 2px; +} + +.nav-pills > .active > a, +.nav-pills > .active > a:hover { + color: #ffffff; + background-color: #0088cc; +} + +.nav-stacked > li { + float: none; +} + +.nav-stacked > li + li > a { + margin-top: 2px; + margin-left: 0; +} + +.nav-justified { + max-height: 37px; +} + +.nav-justified > li { + display: table-cell; + float: none; + width: 1%; + text-align: center; +} + .nav-list { background-color: #fff; border-radius: 6px; @@ -3620,29 +3654,6 @@ input[type="button"].btn-block { box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.1), inset -1px 0 0 rgba(0, 0, 0, 0.1); } -.nav-pills > li > a { - border-radius: 5px; -} - -.nav-pills > li + li > a { - margin-left: 2px; -} - -.nav-pills > .active > a, -.nav-pills > .active > a:hover { - color: #ffffff; - background-color: #0088cc; -} - -.nav-stacked > li { - float: none; -} - -.nav-stacked > li + li > a { - margin-top: 2px; - margin-left: 0; -} - .nav-tabs .dropdown-menu { -webkit-border-top-right-radius: 0; border-top-right-radius: 0; -- cgit v1.2.3 From 508cc1fef4e11b2f985bff5bd663449676d10b0e Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 4 Nov 2012 12:38:35 -0800 Subject: change up list classes to use .list- prefix --- docs/assets/css/bootstrap.css | 9 +++------ 1 file changed, 3 insertions(+), 6 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index fa5d69331..2860d3300 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -544,19 +544,16 @@ li { line-height: 20px; } -ul.unstyled, -ol.unstyled { +.list-unstyled { margin-left: 0; list-style: none; } -ul.inline, -ol.inline { +.list-inline { list-style: none; } -ul.inline > li, -ol.inline > li { +.list-inline > li { display: inline-block; padding-right: 5px; padding-left: 5px; -- cgit v1.2.3 From fa1c130552022520161a2b0c595e2ca431df0c97 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 15 Nov 2012 09:17:11 -0800 Subject: Change important badges/labels to danger --- docs/assets/css/bootstrap.css | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 43d391acf..f5dd155fc 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -4926,13 +4926,13 @@ a.badge:hover { cursor: pointer; } -.label-important, -.badge-important { +.label-danger, +.badge-danger { background-color: #b94a48; } -.label-important[href], -.badge-important[href] { +.label-danger[href], +.badge-danger[href] { background-color: #953b39; } -- cgit v1.2.3 From 4fd164d45bdb3bfc52119d828ed7efebc92f8339 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 30 Nov 2012 00:24:17 -0800 Subject: consolidate font resets into scaffolding --- docs/assets/css/bootstrap.css | 33 +++++++++------------------------ 1 file changed, 9 insertions(+), 24 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 3d4384868..f49500b4e 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -182,11 +182,18 @@ textarea { body { margin: 0; + color: #333333; + background-color: #ffffff; +} + +body, +input, +button, +select, +textarea { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px; - color: #333333; - background-color: #ffffff; } a { @@ -745,28 +752,6 @@ legend { border-bottom: 1px solid #e5e5e5; } -legend small { - font-size: 15px; - color: #999999; -} - -label, -input, -button, -select, -textarea { - font-size: 14px; - font-weight: normal; - line-height: 20px; -} - -input, -button, -select, -textarea { - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; -} - label { display: block; margin-bottom: 5px; -- cgit v1.2.3 From 7313702cf3e609dfed685bccc66b327436f92385 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 30 Nov 2012 00:53:07 -0800 Subject: Inputs now 100% width by default * Includes text inputs, selects, and textareas * Updated docs to include .span* sizes wherever possible * Commented out responsive 1200px inputs grid * Still some derp to be done to improve more, but this is a decent first stab --- docs/assets/css/bootstrap.css | 280 +----------------------------------------- 1 file changed, 2 insertions(+), 278 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index f49500b4e..30512c734 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -790,9 +790,10 @@ input[type="color"], } input, +select, textarea, .uneditable-input { - width: 220px; + width: 100%; } textarea { @@ -877,7 +878,6 @@ input[type="file"] { } select { - width: 220px; border: 1px solid #cccccc; } @@ -1037,114 +1037,6 @@ textarea[class*="span"], margin-left: 0; } -.controls-row input.span12, -textarea.span12, -select.span12, -.uneditable-input.span12 { - width: 97.87234042553192%; - margin-right: 1.0638297872340425%; - margin-left: 1.0638297872340425%; -} - -.controls-row input.span11, -textarea.span11, -select.span11, -.uneditable-input.span11 { - width: 89.53900709219857%; - margin-right: 1.0638297872340425%; - margin-left: 1.0638297872340425%; -} - -.controls-row input.span10, -textarea.span10, -select.span10, -.uneditable-input.span10 { - width: 81.20567375886526%; - margin-right: 1.0638297872340425%; - margin-left: 1.0638297872340425%; -} - -.controls-row input.span9, -textarea.span9, -select.span9, -.uneditable-input.span9 { - width: 72.87234042553192%; - margin-right: 1.0638297872340425%; - margin-left: 1.0638297872340425%; -} - -.controls-row input.span8, -textarea.span8, -select.span8, -.uneditable-input.span8 { - width: 64.53900709219857%; - margin-right: 1.0638297872340425%; - margin-left: 1.0638297872340425%; -} - -.controls-row input.span7, -textarea.span7, -select.span7, -.uneditable-input.span7 { - width: 56.20567375886525%; - margin-right: 1.0638297872340425%; - margin-left: 1.0638297872340425%; -} - -.controls-row input.span6, -textarea.span6, -select.span6, -.uneditable-input.span6 { - width: 47.87234042553192%; - margin-right: 1.0638297872340425%; - margin-left: 1.0638297872340425%; -} - -.controls-row input.span5, -textarea.span5, -select.span5, -.uneditable-input.span5 { - width: 39.53900709219859%; - margin-right: 1.0638297872340425%; - margin-left: 1.0638297872340425%; -} - -.controls-row input.span4, -textarea.span4, -select.span4, -.uneditable-input.span4 { - width: 31.205673758865245%; - margin-right: 1.0638297872340425%; - margin-left: 1.0638297872340425%; -} - -.controls-row input.span3, -textarea.span3, -select.span3, -.uneditable-input.span3 { - width: 22.872340425531917%; - margin-right: 1.0638297872340425%; - margin-left: 1.0638297872340425%; -} - -.controls-row input.span2, -textarea.span2, -select.span2, -.uneditable-input.span2 { - width: 14.53900709219858%; - margin-right: 1.0638297872340425%; - margin-left: 1.0638297872340425%; -} - -.controls-row input.span1, -textarea.span1, -select.span1, -.uneditable-input.span1 { - width: 6.205673758865247%; - margin-right: 1.0638297872340425%; - margin-left: 1.0638297872340425%; -} - .controls-row input.offset12, textarea.offset12, select.offset12, @@ -5665,174 +5557,6 @@ a.badge:hover { .offset1 { margin-left: 8.333333333333332%; } - input.span12, - textarea.span12, - select.span12, - .uneditable-input.span12 { - width: 97.43589743589743%; - margin-right: 1.282051282051282%; - margin-left: 1.282051282051282%; - } - input.span11, - textarea.span11, - select.span11, - .uneditable-input.span11 { - width: 89.10256410256409%; - margin-right: 1.282051282051282%; - margin-left: 1.282051282051282%; - } - input.span10, - textarea.span10, - select.span10, - .uneditable-input.span10 { - width: 80.76923076923077%; - margin-right: 1.282051282051282%; - margin-left: 1.282051282051282%; - } - input.span9, - textarea.span9, - select.span9, - .uneditable-input.span9 { - width: 72.43589743589743%; - margin-right: 1.282051282051282%; - margin-left: 1.282051282051282%; - } - input.span8, - textarea.span8, - select.span8, - .uneditable-input.span8 { - width: 64.10256410256409%; - margin-right: 1.282051282051282%; - margin-left: 1.282051282051282%; - } - input.span7, - textarea.span7, - select.span7, - .uneditable-input.span7 { - width: 55.769230769230774%; - margin-right: 1.282051282051282%; - margin-left: 1.282051282051282%; - } - input.span6, - textarea.span6, - select.span6, - .uneditable-input.span6 { - width: 47.43589743589744%; - margin-right: 1.282051282051282%; - margin-left: 1.282051282051282%; - } - input.span5, - textarea.span5, - select.span5, - .uneditable-input.span5 { - width: 39.10256410256411%; - margin-right: 1.282051282051282%; - margin-left: 1.282051282051282%; - } - input.span4, - textarea.span4, - select.span4, - .uneditable-input.span4 { - width: 30.769230769230766%; - margin-right: 1.282051282051282%; - margin-left: 1.282051282051282%; - } - input.span3, - textarea.span3, - select.span3, - .uneditable-input.span3 { - width: 22.435897435897438%; - margin-right: 1.282051282051282%; - margin-left: 1.282051282051282%; - } - input.span2, - textarea.span2, - select.span2, - .uneditable-input.span2 { - width: 14.1025641025641%; - margin-right: 1.282051282051282%; - margin-left: 1.282051282051282%; - } - input.span1, - textarea.span1, - select.span1, - .uneditable-input.span1 { - width: 5.769230769230768%; - margin-right: 1.282051282051282%; - margin-left: 1.282051282051282%; - } - input.offset12, - textarea.offset12, - select.offset12, - uneditable-input.offset12 { - margin-left: 101.28205128205128%; - } - input.offset11, - textarea.offset11, - select.offset11, - uneditable-input.offset11 { - margin-left: 92.94871794871794%; - } - input.offset10, - textarea.offset10, - select.offset10, - uneditable-input.offset10 { - margin-left: 84.61538461538463%; - } - input.offset9, - textarea.offset9, - select.offset9, - uneditable-input.offset9 { - margin-left: 76.28205128205128%; - } - input.offset8, - textarea.offset8, - select.offset8, - uneditable-input.offset8 { - margin-left: 67.94871794871794%; - } - input.offset7, - textarea.offset7, - select.offset7, - uneditable-input.offset7 { - margin-left: 59.61538461538462%; - } - input.offset6, - textarea.offset6, - select.offset6, - uneditable-input.offset6 { - margin-left: 51.282051282051285%; - } - input.offset5, - textarea.offset5, - select.offset5, - uneditable-input.offset5 { - margin-left: 42.948717948717956%; - } - input.offset4, - textarea.offset4, - select.offset4, - uneditable-input.offset4 { - margin-left: 34.61538461538461%; - } - input.offset3, - textarea.offset3, - select.offset3, - uneditable-input.offset3 { - margin-left: 26.28205128205128%; - } - input.offset2, - textarea.offset2, - select.offset2, - uneditable-input.offset2 { - margin-left: 17.948717948717945%; - } - input.offset1, - textarea.offset1, - select.offset1, - uneditable-input.offset1 { - margin-left: 9.615384615384613%; - } } @media (min-width: 768px) and (max-width: 979px) { -- cgit v1.2.3 From f9a47e3a5fc1f91f041f2d8cb264f1d5af142126 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 30 Nov 2012 12:42:37 -0800 Subject: Refine containers and navbars * Don't reset width on .container, .navbar-* .container, etc * Instead, use max-width to ensure proper styling for all navbars --- docs/assets/css/bootstrap.css | 12 ++++-------- 1 file changed, 4 insertions(+), 8 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 30512c734..a227de682 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -223,10 +223,8 @@ a:hover { border-radius: 500px; } -.container, -.navbar-fixed-top .container, -.navbar-fixed-bottom .container { - width: 940px; +.container { + max-width: 940px; } .row { @@ -5458,10 +5456,8 @@ a.badge:hover { } @media (min-width: 1200px) { - .container, - .navbar-fixed-top .container, - .navbar-fixed-bottom .container { - width: 1170px; + .container { + max-width: 1170px; } .row { margin-right: -15px; -- cgit v1.2.3 From fe8061b84ecdda5ea70514fe487e2f46564439e2 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 30 Nov 2012 13:35:20 -0800 Subject: more tests for form styles; includes lightening help text --- docs/assets/css/bootstrap.css | 70 ++++++++++++++++++++----------------------- 1 file changed, 33 insertions(+), 37 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index a227de682..f57c6ff74 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -751,8 +751,9 @@ legend { } label { - display: block; + display: inline-block; margin-bottom: 5px; + font-weight: bold; } select, @@ -781,10 +782,17 @@ input[type="color"], color: #555555; vertical-align: middle; background-color: #ffffff; + border: 1px solid #cccccc; border-radius: 4px; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; + -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; + -moz-transition: border linear 0.2s, box-shadow linear 0.2s; + -o-transition: border linear 0.2s, box-shadow linear 0.2s; + transition: border linear 0.2s, box-shadow linear 0.2s; } input, @@ -794,33 +802,18 @@ textarea, width: 100%; } -textarea { - height: auto; +input[type="file"], +input[type="image"], +input[type="submit"], +input[type="reset"], +input[type="button"], +input[type="radio"], +input[type="checkbox"] { + width: auto; } -textarea, -input[type="text"], -input[type="password"], -input[type="datetime"], -input[type="datetime-local"], -input[type="date"], -input[type="month"], -input[type="time"], -input[type="week"], -input[type="number"], -input[type="email"], -input[type="url"], -input[type="search"], -input[type="tel"], -input[type="color"], -.uneditable-input { - border: 1px solid #cccccc; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; - -moz-transition: border linear 0.2s, box-shadow linear 0.2s; - -o-transition: border linear 0.2s, box-shadow linear 0.2s; - transition: border linear 0.2s, box-shadow linear 0.2s; +textarea { + height: auto; } textarea:focus, @@ -857,16 +850,6 @@ input[type="checkbox"] { line-height: normal; } -input[type="file"], -input[type="image"], -input[type="submit"], -input[type="reset"], -input[type="button"], -input[type="radio"], -input[type="checkbox"] { - width: auto; -} - select, input[type="file"] { height: 34px; @@ -930,10 +913,16 @@ textarea::-webkit-input-placeholder { .radio, .checkbox { + display: block; min-height: 20px; padding-left: 20px; } +.radio label, +.checkbox label { + font-weight: normal; +} + .radio input[type="radio"], .checkbox input[type="checkbox"] { float: left; @@ -1354,7 +1343,7 @@ select:focus:invalid:focus { .help-block, .help-inline { - color: #595959; + color: #737373; } .help-block { @@ -1599,7 +1588,14 @@ input.search-query { .form-search .checkbox, .form-inline .radio, .form-inline .checkbox { + display: inline-block; padding-left: 0; +} + +.form-search .radio label, +.form-search .checkbox label, +.form-inline .radio label, +.form-inline .checkbox label { margin-bottom: 0; vertical-align: middle; } -- cgit v1.2.3 From 9239bfbc7bbd549d987da03046399dd5fcbd5f7f Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 30 Nov 2012 15:05:23 -0800 Subject: more vars changed, remove @white var --- docs/assets/css/bootstrap.css | 34 +++++++++++++++++----------------- 1 file changed, 17 insertions(+), 17 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index f57c6ff74..12aa52a14 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -607,7 +607,7 @@ hr { margin: 20px 0; border: 0; border-top: 1px solid #eeeeee; - border-bottom: 1px solid #ffffff; + border-bottom: 1px solid #fff; } abbr[title], @@ -1418,7 +1418,7 @@ select:focus:invalid:focus { font-weight: normal; line-height: 20px; text-align: center; - text-shadow: 0 1px 0 #ffffff; + text-shadow: 0 1px 0 #fff; background-color: #eeeeee; border: 1px solid #ccc; } @@ -3301,8 +3301,8 @@ input[type="button"].btn-block { .btn-info .caret, .btn-success .caret, .btn-inverse .caret { - border-top-color: #ffffff; - border-bottom-color: #ffffff; + border-top-color: #fff; + border-bottom-color: #fff; } .btn-group-vertical { @@ -3495,7 +3495,7 @@ input[type="button"].btn-block { .nav-pills > .active > a, .nav-pills > .active > a:hover { - color: #ffffff; + color: #fff; background-color: #0088cc; } @@ -3597,7 +3597,7 @@ input[type="button"].btn-block { .nav-tabs .open .dropdown-toggle, .nav-pills .open .dropdown-toggle, .nav > li.dropdown.open.active > a:hover { - color: #ffffff; + color: #fff; background-color: #999999; border-color: #999999; } @@ -3605,8 +3605,8 @@ input[type="button"].btn-block { .nav li.dropdown.open .caret, .nav li.dropdown.open.active .caret, .nav li.dropdown.open a:hover .caret { - border-top-color: #ffffff; - border-bottom-color: #ffffff; + border-top-color: #fff; + border-bottom-color: #fff; opacity: 1; filter: alpha(opacity=100); } @@ -4111,7 +4111,7 @@ input[type="button"].btn-block { } .navbar-inverse .navbar-search .search-query { - color: #ffffff; + color: #fff; background-color: #515151; border-color: #111111; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15); @@ -4138,7 +4138,7 @@ input[type="button"].btn-block { .navbar-inverse .navbar-search .search-query.focused { padding: 5px 15px; color: #333333; - text-shadow: 0 1px 0 #ffffff; + text-shadow: 0 1px 0 #fff; background-color: #ffffff; border: 0; outline: 0; @@ -4186,7 +4186,7 @@ input[type="button"].btn-block { .breadcrumb li { display: inline-block; - text-shadow: 0 1px 0 #ffffff; + text-shadow: 0 1px 0 #fff; } .breadcrumb li:after { @@ -4419,7 +4419,7 @@ input[type="button"].btn-block { z-index: 1050; width: 560px; margin-left: -280px; - background-color: #ffffff; + background-color: #fff; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.3); border-radius: 6px; @@ -4859,7 +4859,7 @@ a.thumbnail:hover { font-size: 11.844px; font-weight: bold; line-height: 14px; - color: #ffffff; + color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); white-space: nowrap; vertical-align: baseline; @@ -4883,7 +4883,7 @@ a.thumbnail:hover { a.label:hover, a.badge:hover { - color: #ffffff; + color: #fff; text-decoration: none; cursor: pointer; } @@ -5016,7 +5016,7 @@ a.badge:hover { width: 0; height: 100%; font-size: 12px; - color: #ffffff; + color: #fff; text-align: center; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #0e90d2; @@ -5281,7 +5281,7 @@ a.badge:hover { } .carousel-control:hover { - color: #ffffff; + color: #fff; text-decoration: none; opacity: 0.9; filter: alpha(opacity=90); @@ -5318,7 +5318,7 @@ a.badge:hover { .carousel-caption h3, .carousel-caption p { line-height: 20px; - color: #ffffff; + color: #fff; } .carousel-caption h3 { -- cgit v1.2.3 From 12a00f62a9a9915479767807ab03ba5ac19a4cef Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 30 Nov 2012 15:18:49 -0800 Subject: remove color variables, swap others were appropro --- docs/assets/css/bootstrap.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 12aa52a14..985cc2dea 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -1435,8 +1435,8 @@ select:focus:invalid:focus { .input-append .active, .input-prepend .active { - background-color: #a9dba9; - border-color: #46a546; + background-color: #dff0d8; + border-color: #468847; } .input-prepend .add-on, -- cgit v1.2.3 From b8b266ca7ce4419d0b64d7c9cc895db9c1e79015 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 30 Nov 2012 15:40:44 -0800 Subject: popovers and tooltips vars --- docs/assets/css/bootstrap.css | 58 +++++++++++++++++++++---------------------- 1 file changed, 29 insertions(+), 29 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 985cc2dea..8aa51f07e 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -4663,57 +4663,57 @@ input[type="button"].btn-block { .popover { /* &.top .arrow { - bottom: -@popoverArrowWidth; + bottom: -@popover-arrow-width; left: 50%; - margin-left: -@popoverArrowWidth; - border-width: @popoverArrowWidth @popoverArrowWidth 0; - //border-top-color: @popoverArrowColor; + margin-left: -@popover-arrow-width; + border-width: @popover-arrow-width @popover-arrow-width 0; + //border-top-color: @popover-arrow-color; border-top-color: blue; &:after { - border-width: @popoverArrowOuterWidth @popoverArrowOuterWidth 0; - //border-top-color: @popoverArrowOuterColor; + border-width: @popover-arrow-outer-width @popover-arrow-outer-width 0; + //border-top-color: @popover-arrow-outer-color; border-top-color: red; - top: -@popoverArrowWidth; + top: -@popover-arrow-width; //bottom: -1px; - left: -@popoverArrowOuterWidth; + left: -@popover-arrow-outer-width; } } &.right .arrow { top: 50%; - left: -@popoverArrowWidth; - margin-top: -@popoverArrowWidth; - border-width: @popoverArrowWidth @popoverArrowWidth @popoverArrowWidth 0; - border-right-color: @popoverArrowColor; + left: -@popover-arrow-width; + margin-top: -@popover-arrow-width; + border-width: @popover-arrow-width @popover-arrow-width @popover-arrow-width 0; + border-right-color: @popover-arrow-color; &:after { - border-width: @popoverArrowOuterWidth @popoverArrowOuterWidth @popoverArrowOuterWidth 0; - border-right-color: @popoverArrowOuterColor; - bottom: -@popoverArrowOuterWidth; + border-width: @popover-arrow-outer-width @popover-arrow-outer-width @popover-arrow-outer-width 0; + border-right-color: @popover-arrow-outer-color; + bottom: -@popover-arrow-outer-width; left: -1px; } } &.bottom .arrow { - top: -@popoverArrowWidth; + top: -@popover-arrow-width; left: 50%; - margin-left: -@popoverArrowWidth; - border-width: 0 @popoverArrowWidth @popoverArrowWidth; - border-bottom-color: @popoverArrowColor; + margin-left: -@popover-arrow-width; + border-width: 0 @popover-arrow-width @popover-arrow-width; + border-bottom-color: @popover-arrow-color; &:after { - border-width: 0 @popoverArrowOuterWidth @popoverArrowOuterWidth; - border-bottom-color: @popoverArrowOuterColor; + border-width: 0 @popover-arrow-outer-width @popover-arrow-outer-width; + border-bottom-color: @popover-arrow-outer-color; top: -1px; - left: -@popoverArrowOuterWidth; + left: -@popover-arrow-outer-width; } } &.left .arrow { top: 50%; - right: -@popoverArrowWidth; - margin-top: -@popoverArrowWidth; - border-width: @popoverArrowWidth 0 @popoverArrowWidth @popoverArrowWidth; - border-left-color: @popoverArrowColor; + right: -@popover-arrow-width; + margin-top: -@popover-arrow-width; + border-width: @popover-arrow-width 0 @popover-arrow-width @popover-arrow-width; + border-left-color: @popover-arrow-color; &:after { - border-width: @popoverArrowOuterWidth 0 @popoverArrowOuterWidth @popoverArrowOuterWidth; - border-left-color: @popoverArrowOuterColor; - bottom: -@popoverArrowOuterWidth; + border-width: @popover-arrow-outer-width 0 @popover-arrow-outer-width @popover-arrow-outer-width; + border-left-color: @popover-arrow-outer-color; + bottom: -@popover-arrow-outer-width; right: -1px; } }*/ -- cgit v1.2.3 From 10c14e8955868ba2b0174ca3022a139f4b95dc75 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 30 Nov 2012 16:29:30 -0800 Subject: first pass at nuking scaffolding --- docs/assets/css/bootstrap.css | 5914 ----------------------------------------- 1 file changed, 5914 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 8aa51f07e..e69de29bb 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -1,5914 +0,0 @@ -/*! - * Bootstrap v2.2.2 - * - * Copyright 2012 Twitter, Inc - * Licensed under the Apache License v2.0 - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Designed and built with all the love in the world @twitter by @mdo and @fat. - */ - -article, -aside, -details, -figcaption, -figure, -footer, -header, -hgroup, -nav, -section { - display: block; -} - -audio, -canvas, -video { - display: inline-block; -} - -audio:not([controls]) { - display: none; -} - -html { - font-size: 100%; - -webkit-text-size-adjust: 100%; - -ms-text-size-adjust: 100%; -} - -a:focus { - outline: thin dotted #333; - outline: 5px auto -webkit-focus-ring-color; - outline-offset: -2px; -} - -a:hover, -a:active { - outline: 0; -} - -sub, -sup { - position: relative; - font-size: 75%; - line-height: 0; - vertical-align: baseline; -} - -sup { - top: -0.5em; -} - -sub { - bottom: -0.25em; -} - -img { - width: auto\9; - height: auto; - max-width: 100%; - vertical-align: middle; - border: 0; - -ms-interpolation-mode: bicubic; -} - -#map_canvas img, -.google-maps img { - max-width: none; -} - -button, -input, -select, -textarea { - margin: 0; - font-size: 100%; - vertical-align: middle; -} - -button, -input { - line-height: normal; -} - -button, -html input[type="button"], -input[type="reset"], -input[type="submit"] { - cursor: pointer; - -webkit-appearance: button; -} - -label, -select, -button, -input[type="button"], -input[type="reset"], -input[type="submit"], -input[type="radio"], -input[type="checkbox"] { - cursor: pointer; -} - -input[type="search"] { - -webkit-box-sizing: content-box; - -moz-box-sizing: content-box; - box-sizing: content-box; - -webkit-appearance: textfield; -} - -input[type="search"]::-webkit-search-decoration, -input[type="search"]::-webkit-search-cancel-button { - -webkit-appearance: none; -} - -textarea { - overflow: auto; - vertical-align: top; -} - -@media print { - * { - color: #000 !important; - text-shadow: none !important; - background: transparent !important; - box-shadow: none !important; - } - a, - a:visited { - text-decoration: underline; - } - a[href]:after { - content: " (" attr(href) ")"; - } - abbr[title]:after { - content: " (" attr(title) ")"; - } - .ir a:after, - a[href^="javascript:"]:after, - a[href^="#"]:after { - content: ""; - } - pre, - blockquote { - border: 1px solid #999; - page-break-inside: avoid; - } - thead { - display: table-header-group; - } - tr, - img { - page-break-inside: avoid; - } - img { - max-width: 100% !important; - } - @page { - margin: 0.5cm; - } - p, - h2, - h3 { - orphans: 3; - widows: 3; - } - h2, - h3 { - page-break-after: avoid; - } -} - -body { - margin: 0; - color: #333333; - background-color: #ffffff; -} - -body, -input, -button, -select, -textarea { - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; - font-size: 14px; - line-height: 20px; -} - -a { - color: #0088cc; - text-decoration: none; -} - -a:hover { - color: #005580; - text-decoration: underline; -} - -.img-rounded { - border-radius: 6px; -} - -.img-polaroid { - padding: 4px; - background-color: #fff; - border: 1px solid #ccc; - border: 1px solid rgba(0, 0, 0, 0.2); - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -} - -.img-circle { - border-radius: 500px; -} - -.container { - max-width: 940px; -} - -.row { - margin-right: -10px; - margin-left: -10px; -} - -.row:before, -.row:after { - display: table; - line-height: 0; - content: ""; -} - -.row:after { - clear: both; -} - -[class*="span"] { - float: left; - min-height: 1px; - padding-right: 10px; - padding-left: 10px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} - -.span12 { - width: 100%; -} - -.span11 { - width: 91.66666666666666%; -} - -.span10 { - width: 83.33333333333334%; -} - -.span9 { - width: 75%; -} - -.span8 { - width: 66.66666666666666%; -} - -.span7 { - width: 58.333333333333336%; -} - -.span6 { - width: 50%; -} - -.span5 { - width: 41.66666666666667%; -} - -.span4 { - width: 33.33333333333333%; -} - -.span3 { - width: 25%; -} - -.span2 { - width: 16.666666666666664%; -} - -.span1 { - width: 8.333333333333332%; -} - -.offset12 { - margin-left: 100%; -} - -.offset11 { - margin-left: 91.66666666666666%; -} - -.offset10 { - margin-left: 83.33333333333334%; -} - -.offset9 { - margin-left: 75%; -} - -.offset8 { - margin-left: 66.66666666666666%; -} - -.offset7 { - margin-left: 58.333333333333336%; -} - -.offset6 { - margin-left: 50%; -} - -.offset5 { - margin-left: 41.66666666666667%; -} - -.offset4 { - margin-left: 33.33333333333333%; -} - -.offset3 { - margin-left: 25%; -} - -.offset2 { - margin-left: 16.666666666666664%; -} - -.offset1 { - margin-left: 8.333333333333332%; -} - -[class*="span"].hide { - display: none; -} - -[class*="span"].pull-right { - float: right; -} - -.container { - margin-right: auto; - margin-left: auto; -} - -.container:before, -.container:after { - display: table; - line-height: 0; - content: ""; -} - -.container:after { - clear: both; -} - -.container-fluid { - padding-right: 20px; - padding-left: 20px; -} - -.container-fluid:before, -.container-fluid:after { - display: table; - line-height: 0; - content: ""; -} - -.container-fluid:after { - clear: both; -} - -p { - margin: 0 0 10px; -} - -.lead { - margin-bottom: 20px; - font-size: 21px; - font-weight: 200; - line-height: 30px; -} - -small { - font-size: 85%; -} - -strong { - font-weight: bold; -} - -em { - font-style: italic; -} - -cite { - font-style: normal; -} - -.muted { - color: #999999; -} - -a.muted:hover { - color: #808080; -} - -.text-warning { - color: #c09853; -} - -a.text-warning:hover { - color: #a47e3c; -} - -.text-error { - color: #b94a48; -} - -a.text-error:hover { - color: #953b39; -} - -.text-info { - color: #3a87ad; -} - -a.text-info:hover { - color: #2d6987; -} - -.text-success { - color: #468847; -} - -a.text-success:hover { - color: #356635; -} - -h1, -h2, -h3, -h4, -h5, -h6 { - margin: 10px 0; - font-family: inherit; - font-weight: bold; - line-height: 20px; - text-rendering: optimizelegibility; -} - -h1 small, -h2 small, -h3 small, -h4 small, -h5 small, -h6 small { - font-weight: normal; - line-height: 1; - color: #999999; -} - -h1, -h2, -h3 { - line-height: 40px; -} - -h1 { - font-size: 38.5px; -} - -h2 { - font-size: 31.5px; -} - -h3 { - font-size: 24.5px; -} - -h4 { - font-size: 17.5px; -} - -h5 { - font-size: 14px; -} - -h6 { - font-size: 11.9px; -} - -h1 small { - font-size: 24.5px; -} - -h2 small { - font-size: 17.5px; -} - -h3 small { - font-size: 14px; -} - -h4 small { - font-size: 14px; -} - -.page-header { - padding-bottom: 9px; - margin: 20px 0 30px; - border-bottom: 1px solid #eeeeee; -} - -ul, -ol { - padding: 0; - margin: 0 0 10px 25px; -} - -ul ul, -ul ol, -ol ol, -ol ul { - margin-bottom: 0; -} - -li { - line-height: 20px; -} - -.list-unstyled, -.list-inline { - margin-left: 0; - list-style: none; -} - -.list-inline > li { - display: inline-block; - padding-right: 5px; - padding-left: 5px; -} - -dl { - margin-bottom: 20px; -} - -dt, -dd { - line-height: 20px; -} - -dt { - font-weight: bold; -} - -dd { - margin-left: 10px; -} - -.dl-horizontal:before, -.dl-horizontal:after { - display: table; - line-height: 0; - content: ""; -} - -.dl-horizontal:after { - clear: both; -} - -.dl-horizontal dt { - float: left; - width: 160px; - overflow: hidden; - clear: left; - text-align: right; - text-overflow: ellipsis; - white-space: nowrap; -} - -.dl-horizontal dd { - margin-left: 180px; -} - -hr { - margin: 20px 0; - border: 0; - border-top: 1px solid #eeeeee; - border-bottom: 1px solid #fff; -} - -abbr[title], -abbr[data-original-title] { - cursor: help; - border-bottom: 1px dotted #999999; -} - -abbr.initialism { - font-size: 90%; - text-transform: uppercase; -} - -blockquote { - padding: 0 0 0 15px; - margin: 0 0 20px; - border-left: 5px solid #eeeeee; -} - -blockquote p { - margin-bottom: 0; - font-size: 16px; - font-weight: 300; - line-height: 25px; -} - -blockquote small { - display: block; - line-height: 20px; - color: #999999; -} - -blockquote small:before { - content: '\2014 \00A0'; -} - -blockquote.pull-right { - float: right; - padding-right: 15px; - padding-left: 0; - border-right: 5px solid #eeeeee; - border-left: 0; -} - -blockquote.pull-right p, -blockquote.pull-right small { - text-align: right; -} - -blockquote.pull-right small:before { - content: ''; -} - -blockquote.pull-right small:after { - content: '\00A0 \2014'; -} - -q:before, -q:after, -blockquote:before, -blockquote:after { - content: ""; -} - -address { - display: block; - margin-bottom: 20px; - font-style: normal; - line-height: 20px; -} - -code, -pre { - padding: 0 3px 2px; - font-family: Monaco, Menlo, Consolas, "Courier New", monospace; - font-size: 12px; - color: #333333; - border-radius: 4px; -} - -code { - padding: 2px 4px; - color: #d14; - white-space: nowrap; - background-color: #f7f7f9; - border: 1px solid #e1e1e8; -} - -pre { - display: block; - padding: 9.5px; - margin: 0 0 10px; - font-size: 13px; - line-height: 20px; - word-break: break-all; - word-wrap: break-word; - white-space: pre; - white-space: pre-wrap; - background-color: #f5f5f5; - border: 1px solid #ccc; - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 4px; -} - -pre.prettyprint { - margin-bottom: 20px; -} - -pre code { - padding: 0; - color: inherit; - background-color: transparent; - border: 0; -} - -.pre-scrollable { - max-height: 340px; - overflow-y: scroll; -} - -form { - margin: 0 0 20px; -} - -fieldset { - padding: 0; - margin: 0; - border: 0; -} - -legend { - display: block; - width: 100%; - padding: 0; - margin-bottom: 20px; - font-size: 21px; - line-height: 40px; - color: #333333; - border: 0; - border-bottom: 1px solid #e5e5e5; -} - -label { - display: inline-block; - margin-bottom: 5px; - font-weight: bold; -} - -select, -textarea, -input[type="text"], -input[type="password"], -input[type="datetime"], -input[type="datetime-local"], -input[type="date"], -input[type="month"], -input[type="time"], -input[type="week"], -input[type="number"], -input[type="email"], -input[type="url"], -input[type="search"], -input[type="tel"], -input[type="color"], -.uneditable-input { - display: inline-block; - min-height: 34px; - padding: 6px 9px; - margin-bottom: 10px; - font-size: 14px; - line-height: 20px; - color: #555555; - vertical-align: middle; - background-color: #ffffff; - border: 1px solid #cccccc; - border-radius: 4px; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; - -moz-transition: border linear 0.2s, box-shadow linear 0.2s; - -o-transition: border linear 0.2s, box-shadow linear 0.2s; - transition: border linear 0.2s, box-shadow linear 0.2s; -} - -input, -select, -textarea, -.uneditable-input { - width: 100%; -} - -input[type="file"], -input[type="image"], -input[type="submit"], -input[type="reset"], -input[type="button"], -input[type="radio"], -input[type="checkbox"] { - width: auto; -} - -textarea { - height: auto; -} - -textarea:focus, -input[type="text"]:focus, -input[type="password"]:focus, -input[type="datetime"]:focus, -input[type="datetime-local"]:focus, -input[type="date"]:focus, -input[type="month"]:focus, -input[type="time"]:focus, -input[type="week"]:focus, -input[type="number"]:focus, -input[type="email"]:focus, -input[type="url"]:focus, -input[type="search"]:focus, -input[type="tel"]:focus, -input[type="color"]:focus, -.uneditable-input:focus { - border-color: rgba(82, 168, 236, 0.8); - outline: 0; - outline: thin dotted \9; - /* IE6-9 */ - - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); -} - -input[type="radio"], -input[type="checkbox"] { - margin: 4px 0 0; - margin-top: 1px \9; - /* IE8-9 */ - - line-height: normal; -} - -select, -input[type="file"] { - height: 34px; - /* In IE7, the height of the select element cannot be changed by height, only font-size. TODO: Check if this is still needed when dropping IE7 support */ - - line-height: 34px; -} - -select { - border: 1px solid #cccccc; -} - -select[multiple], -select[size] { - height: auto; -} - -select:focus, -input[type="file"]:focus, -input[type="radio"]:focus, -input[type="checkbox"]:focus { - outline: thin dotted #333; - outline: 5px auto -webkit-focus-ring-color; - outline-offset: -2px; -} - -.uneditable-input, -.uneditable-textarea { - color: #999999; - cursor: not-allowed; - background-color: #fcfcfc; - border-color: #cccccc; - -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); -} - -.uneditable-input { - overflow: hidden; - white-space: nowrap; -} - -.uneditable-textarea { - width: auto; - height: auto; -} - -input:-moz-placeholder, -textarea:-moz-placeholder { - color: #999999; -} - -input:-ms-input-placeholder, -textarea:-ms-input-placeholder { - color: #999999; -} - -input::-webkit-input-placeholder, -textarea::-webkit-input-placeholder { - color: #999999; -} - -.radio, -.checkbox { - display: block; - min-height: 20px; - padding-left: 20px; -} - -.radio label, -.checkbox label { - font-weight: normal; -} - -.radio input[type="radio"], -.checkbox input[type="checkbox"] { - float: left; - margin-left: -20px; -} - -.controls > .radio:first-child, -.controls > .checkbox:first-child { - padding-top: 5px; -} - -.radio.inline, -.checkbox.inline { - display: inline-block; - padding-top: 5px; - margin-bottom: 0; - vertical-align: middle; -} - -.radio.inline + .radio.inline, -.checkbox.inline + .checkbox.inline { - margin-left: 10px; -} - -select.input-large, -textarea.input-large, -input[type="text"].input-large, -input[type="password"].input-large, -input[type="datetime"].input-large, -input[type="datetime-local"].input-large, -input[type="date"].input-large, -input[type="month"].input-large, -input[type="time"].input-large, -input[type="week"].input-large, -input[type="number"].input-large, -input[type="email"].input-large, -input[type="url"].input-large, -input[type="search"].input-large, -input[type="tel"].input-large, -input[type="color"].input-large, -.uneditable-input.input-large { - padding: 11px 19px; - padding-right: 14px; - padding-left: 14px; - font-size: 17.5px; - border-radius: 6px; -} - -select.input-small, -textarea.input-small, -input[type="text"].input-small, -input[type="password"].input-small, -input[type="datetime"].input-small, -input[type="datetime-local"].input-small, -input[type="date"].input-small, -input[type="month"].input-small, -input[type="time"].input-small, -input[type="week"].input-small, -input[type="number"].input-small, -input[type="email"].input-small, -input[type="url"].input-small, -input[type="search"].input-small, -input[type="tel"].input-small, -input[type="color"].input-small, -.uneditable-input.input-small { - padding: 2px 10px; - font-size: 11.9px; - border-radius: 3px; -} - -select.input-mini, -textarea.input-mini, -input[type="text"].input-mini, -input[type="password"].input-mini, -input[type="datetime"].input-mini, -input[type="datetime-local"].input-mini, -input[type="date"].input-mini, -input[type="month"].input-mini, -input[type="time"].input-mini, -input[type="week"].input-mini, -input[type="number"].input-mini, -input[type="email"].input-mini, -input[type="url"].input-mini, -input[type="search"].input-mini, -input[type="tel"].input-mini, -input[type="color"].input-mini, -.uneditable-input.input-mini { - padding: 0 6px; - font-size: 10.5px; - border-radius: 3px; -} - -input[class*="span"], -select[class*="span"], -textarea[class*="span"], -.uneditable-input[class*="span"] { - float: none; - margin-right: 0; - margin-left: 0; -} - -.controls-row input.offset12, -textarea.offset12, -select.offset12, -uneditable-input.offset12 { - margin-left: 101.06382978723404%; -} - -.controls-row input.offset11, -textarea.offset11, -select.offset11, -uneditable-input.offset11 { - margin-left: 92.7304964539007%; -} - -.controls-row input.offset10, -textarea.offset10, -select.offset10, -uneditable-input.offset10 { - margin-left: 84.39716312056738%; -} - -.controls-row input.offset9, -textarea.offset9, -select.offset9, -uneditable-input.offset9 { - margin-left: 76.06382978723404%; -} - -.controls-row input.offset8, -textarea.offset8, -select.offset8, -uneditable-input.offset8 { - margin-left: 67.7304964539007%; -} - -.controls-row input.offset7, -textarea.offset7, -select.offset7, -uneditable-input.offset7 { - margin-left: 59.39716312056738%; -} - -.controls-row input.offset6, -textarea.offset6, -select.offset6, -uneditable-input.offset6 { - margin-left: 51.06382978723404%; -} - -.controls-row input.offset5, -textarea.offset5, -select.offset5, -uneditable-input.offset5 { - margin-left: 42.73049645390071%; -} - -.controls-row input.offset4, -textarea.offset4, -select.offset4, -uneditable-input.offset4 { - margin-left: 34.39716312056737%; -} - -.controls-row input.offset3, -textarea.offset3, -select.offset3, -uneditable-input.offset3 { - margin-left: 26.06382978723404%; -} - -.controls-row input.offset2, -textarea.offset2, -select.offset2, -uneditable-input.offset2 { - margin-left: 17.730496453900706%; -} - -.controls-row input.offset1, -textarea.offset1, -select.offset1, -uneditable-input.offset1 { - margin-left: 9.397163120567374%; -} - -.input-append input[class*="span"], -.input-append .uneditable-input[class*="span"], -.input-prepend input[class*="span"], -.input-prepend .uneditable-input[class*="span"] { - display: inline-block; -} - -input[class*="span"], -select[class*="span"], -textarea[class*="span"], -.uneditable-input[class*="span"] { - height: 30px; -} - -.controls-row:before, -.controls-row:after { - display: table; - line-height: 0; - content: ""; -} - -.controls-row:after { - clear: both; -} - -.controls-row [class*="span"] { - float: left; -} - -.controls-row .checkbox[class*="span"], -.controls-row .radio[class*="span"] { - padding-top: 5px; -} - -input[disabled], -select[disabled], -textarea[disabled], -input[readonly], -select[readonly], -textarea[readonly] { - cursor: not-allowed; - background-color: #eeeeee; -} - -input[type="radio"][disabled], -input[type="checkbox"][disabled], -input[type="radio"][readonly], -input[type="checkbox"][readonly] { - background-color: transparent; -} - -.control-group.warning .control-label, -.control-group.warning .help-block, -.control-group.warning .help-inline { - color: #c09853; -} - -.control-group.warning .checkbox, -.control-group.warning .radio, -.control-group.warning input, -.control-group.warning select, -.control-group.warning textarea { - color: #c09853; -} - -.control-group.warning input, -.control-group.warning select, -.control-group.warning textarea { - border-color: #c09853; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -} - -.control-group.warning input:focus, -.control-group.warning select:focus, -.control-group.warning textarea:focus { - border-color: #a47e3c; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; -} - -.control-group.warning .input-prepend .add-on, -.control-group.warning .input-append .add-on { - color: #c09853; - background-color: #fcf8e3; - border-color: #c09853; -} - -.control-group.error .control-label, -.control-group.error .help-block, -.control-group.error .help-inline { - color: #b94a48; -} - -.control-group.error .checkbox, -.control-group.error .radio, -.control-group.error input, -.control-group.error select, -.control-group.error textarea { - color: #b94a48; -} - -.control-group.error input, -.control-group.error select, -.control-group.error textarea { - border-color: #b94a48; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -} - -.control-group.error input:focus, -.control-group.error select:focus, -.control-group.error textarea:focus { - border-color: #953b39; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; -} - -.control-group.error .input-prepend .add-on, -.control-group.error .input-append .add-on { - color: #b94a48; - background-color: #f2dede; - border-color: #b94a48; -} - -.control-group.success .control-label, -.control-group.success .help-block, -.control-group.success .help-inline { - color: #468847; -} - -.control-group.success .checkbox, -.control-group.success .radio, -.control-group.success input, -.control-group.success select, -.control-group.success textarea { - color: #468847; -} - -.control-group.success input, -.control-group.success select, -.control-group.success textarea { - border-color: #468847; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -} - -.control-group.success input:focus, -.control-group.success select:focus, -.control-group.success textarea:focus { - border-color: #356635; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; -} - -.control-group.success .input-prepend .add-on, -.control-group.success .input-append .add-on { - color: #468847; - background-color: #dff0d8; - border-color: #468847; -} - -.control-group.info .control-label, -.control-group.info .help-block, -.control-group.info .help-inline { - color: #3a87ad; -} - -.control-group.info .checkbox, -.control-group.info .radio, -.control-group.info input, -.control-group.info select, -.control-group.info textarea { - color: #3a87ad; -} - -.control-group.info input, -.control-group.info select, -.control-group.info textarea { - border-color: #3a87ad; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -} - -.control-group.info input:focus, -.control-group.info select:focus, -.control-group.info textarea:focus { - border-color: #2d6987; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; -} - -.control-group.info .input-prepend .add-on, -.control-group.info .input-append .add-on { - color: #3a87ad; - background-color: #d9edf7; - border-color: #3a87ad; -} - -input:focus:invalid, -textarea:focus:invalid, -select:focus:invalid { - color: #b94a48; - border-color: #ee5f5b; -} - -input:focus:invalid:focus, -textarea:focus:invalid:focus, -select:focus:invalid:focus { - border-color: #e9322d; - -webkit-box-shadow: 0 0 6px #f8b9b7; - box-shadow: 0 0 6px #f8b9b7; -} - -.form-actions { - padding: 19px 20px 20px; - margin-top: 20px; - margin-bottom: 20px; - background-color: #f5f5f5; - border-top: 1px solid #e5e5e5; -} - -.form-actions:before, -.form-actions:after { - display: table; - line-height: 0; - content: ""; -} - -.form-actions:after { - clear: both; -} - -.help-block, -.help-inline { - color: #737373; -} - -.help-block { - display: block; - margin-bottom: 10px; -} - -.help-inline { - display: inline-block; - padding-left: 5px; - vertical-align: middle; -} - -.input-append, -.input-prepend { - margin-bottom: 5px; - font-size: 0; - white-space: nowrap; -} - -.input-append input, -.input-prepend input, -.input-append select, -.input-prepend select, -.input-append .uneditable-input, -.input-prepend .uneditable-input, -.input-append .dropdown-menu, -.input-prepend .dropdown-menu { - font-size: 14px; -} - -.input-append input, -.input-prepend input, -.input-append select, -.input-prepend select, -.input-append .uneditable-input, -.input-prepend .uneditable-input { - position: relative; - float: none; - margin: 0; - font-size: 14px; - vertical-align: top; - border-radius: 0 4px 4px 0; -} - -.input-append input:focus, -.input-prepend input:focus, -.input-append select:focus, -.input-prepend select:focus, -.input-append .uneditable-input:focus, -.input-prepend .uneditable-input:focus { - z-index: 2; -} - -.input-append input[class*="span"], -.input-prepend input[class*="span"], -.input-append select[class*="span"], -.input-prepend select[class*="span"], -.input-append .uneditable-input[class*="span"], -.input-prepend .uneditable-input[class*="span"] { - margin: 0; -} - -.input-append .add-on, -.input-prepend .add-on { - display: inline-block; - width: auto; - height: 20px; - min-width: 16px; - padding: 6px; - font-size: 14px; - font-weight: normal; - line-height: 20px; - text-align: center; - text-shadow: 0 1px 0 #fff; - background-color: #eeeeee; - border: 1px solid #ccc; -} - -.input-append .add-on, -.input-prepend .add-on, -.input-append .btn, -.input-prepend .btn, -.input-append .btn-group > .dropdown-toggle, -.input-prepend .btn-group > .dropdown-toggle { - vertical-align: top; - border-radius: 0; -} - -.input-append .active, -.input-prepend .active { - background-color: #dff0d8; - border-color: #468847; -} - -.input-prepend .add-on, -.input-prepend .btn { - margin-right: -1px; -} - -.input-prepend .add-on:first-child, -.input-prepend .btn:first-child { - border-radius: 4px 0 0 4px; -} - -.input-append input, -.input-append select, -.input-append .uneditable-input { - border-radius: 4px 0 0 4px; -} - -.input-append input + .btn-group .btn, -.input-append select + .btn-group .btn, -.input-append .uneditable-input + .btn-group .btn, -.input-append input + .btn-group .btn:last-child, -.input-append select + .btn-group .btn:last-child, -.input-append .uneditable-input + .btn-group .btn:last-child { - border-radius: 0 4px 4px 0; -} - -.input-append .add-on, -.input-append .btn, -.input-append .btn-group { - margin-left: -1px; -} - -.input-append .add-on:last-child, -.input-append .btn:last-child, -.input-append .btn-group:last-child > .dropdown-toggle { - border-radius: 0 4px 4px 0; -} - -.input-prepend.input-append input, -.input-prepend.input-append select, -.input-prepend.input-append .uneditable-input { - border-radius: 0; -} - -.input-prepend.input-append input + .btn-group .btn, -.input-prepend.input-append select + .btn-group .btn, -.input-prepend.input-append .uneditable-input + .btn-group .btn { - border-radius: 0 4px 4px 0; -} - -.input-prepend.input-append .add-on:first-child, -.input-prepend.input-append .btn:first-child { - margin-right: -1px; - border-radius: 4px 0 0 4px; -} - -.input-prepend.input-append .add-on:last-child, -.input-prepend.input-append .btn:last-child { - margin-left: -1px; - border-radius: 0 4px 4px 0; -} - -.input-prepend.input-append .btn-group:first-child { - margin-left: 0; -} - -input.search-query { - padding-right: 14px; - padding-right: 4px \9; - padding-left: 14px; - padding-left: 4px \9; - /* IE8 doesn't have border radius, so don't indent the padding */ - - margin-bottom: 0; - border-radius: 20px; -} - -/* Allow for input prepend/append in search forms */ - -.form-search .input-append .search-query, -.form-search .input-prepend .search-query { - border-radius: 0; -} - -.form-search .input-append .search-query { - border-radius: 20px 0 0 20px; -} - -.form-search .input-append .btn { - border-radius: 0 20px 20px 0; -} - -.form-search .input-prepend .search-query { - border-radius: 0 20px 20px 0; -} - -.form-search .input-prepend .btn { - border-radius: 20px 0 0 20px; -} - -.form-search input, -.form-inline input, -.form-horizontal input, -.form-search textarea, -.form-inline textarea, -.form-horizontal textarea, -.form-search select, -.form-inline select, -.form-horizontal select, -.form-search .help-inline, -.form-inline .help-inline, -.form-horizontal .help-inline, -.form-search .uneditable-input, -.form-inline .uneditable-input, -.form-horizontal .uneditable-input, -.form-search .input-prepend, -.form-inline .input-prepend, -.form-horizontal .input-prepend, -.form-search .input-append, -.form-inline .input-append, -.form-horizontal .input-append { - display: inline-block; - margin-bottom: 0; - vertical-align: middle; -} - -.form-search .hide, -.form-inline .hide, -.form-horizontal .hide { - display: none; -} - -.form-search label, -.form-inline label, -.form-search .btn-group, -.form-inline .btn-group { - display: inline-block; -} - -.form-search .input-append, -.form-inline .input-append, -.form-search .input-prepend, -.form-inline .input-prepend { - margin-bottom: 0; -} - -.form-search .radio, -.form-search .checkbox, -.form-inline .radio, -.form-inline .checkbox { - display: inline-block; - padding-left: 0; -} - -.form-search .radio label, -.form-search .checkbox label, -.form-inline .radio label, -.form-inline .checkbox label { - margin-bottom: 0; - vertical-align: middle; -} - -.form-search .radio input[type="radio"], -.form-search .checkbox input[type="checkbox"], -.form-inline .radio input[type="radio"], -.form-inline .checkbox input[type="checkbox"] { - float: left; - margin-right: 3px; - margin-left: 0; -} - -.control-group { - margin-bottom: 10px; -} - -legend + .control-group { - margin-top: 20px; - -webkit-margin-top-collapse: separate; -} - -.form-horizontal .control-group { - margin-bottom: 20px; -} - -.form-horizontal .control-group:before, -.form-horizontal .control-group:after { - display: table; - line-height: 0; - content: ""; -} - -.form-horizontal .control-group:after { - clear: both; -} - -.form-horizontal .control-label { - float: left; - width: 160px; - padding-top: 5px; - text-align: right; -} - -.form-horizontal .controls { - margin-left: 180px; -} - -.form-horizontal .help-block { - margin-bottom: 0; -} - -.form-horizontal input + .help-block, -.form-horizontal select + .help-block, -.form-horizontal textarea + .help-block, -.form-horizontal .uneditable-input + .help-block, -.form-horizontal .input-prepend + .help-block, -.form-horizontal .input-append + .help-block { - margin-top: 10px; -} - -.form-horizontal .form-actions { - padding-left: 180px; -} - -table { - max-width: 100%; - background-color: transparent; - border-collapse: collapse; - border-spacing: 0; -} - -.table { - width: 100%; - margin-bottom: 20px; -} - -.table th, -.table td { - padding: 8px; - line-height: 20px; - text-align: left; - vertical-align: top; - border-top: 1px solid #dddddd; -} - -.table th { - font-weight: bold; -} - -.table thead th { - vertical-align: bottom; -} - -.table caption + thead tr:first-child th, -.table caption + thead tr:first-child td, -.table colgroup + thead tr:first-child th, -.table colgroup + thead tr:first-child td, -.table thead:first-child tr:first-child th, -.table thead:first-child tr:first-child td { - border-top: 0; -} - -.table tbody + tbody { - border-top: 2px solid #dddddd; -} - -.table-condensed th, -.table-condensed td { - padding: 4px 5px; -} - -.table-bordered { - border: 1px solid #dddddd; - border-collapse: separate; - border-left: 0; - border-radius: 4px; -} - -.table-bordered th, -.table-bordered td { - border-left: 1px solid #dddddd; -} - -.table-bordered caption + thead tr:first-child th, -.table-bordered caption + tbody tr:first-child th, -.table-bordered caption + tbody tr:first-child td, -.table-bordered colgroup + thead tr:first-child th, -.table-bordered colgroup + tbody tr:first-child th, -.table-bordered colgroup + tbody tr:first-child td, -.table-bordered thead:first-child tr:first-child th, -.table-bordered tbody:first-child tr:first-child th, -.table-bordered tbody:first-child tr:first-child td { - border-top: 0; -} - -.table-bordered thead:first-child tr:first-child th:first-child, -.table-bordered tbody:first-child tr:first-child td:first-child { - -webkit-border-top-left-radius: 4px; - border-top-left-radius: 4px; - -moz-border-radius-topleft: 4px; -} - -.table-bordered thead:first-child tr:first-child th:last-child, -.table-bordered tbody:first-child tr:first-child td:last-child { - -webkit-border-top-right-radius: 4px; - border-top-right-radius: 4px; - -moz-border-radius-topright: 4px; -} - -.table-bordered thead:last-child tr:last-child th:first-child, -.table-bordered tbody:last-child tr:last-child td:first-child, -.table-bordered tfoot:last-child tr:last-child td:first-child { - -webkit-border-bottom-left-radius: 4px; - border-bottom-left-radius: 4px; - -moz-border-radius-bottomleft: 4px; -} - -.table-bordered thead:last-child tr:last-child th:last-child, -.table-bordered tbody:last-child tr:last-child td:last-child, -.table-bordered tfoot:last-child tr:last-child td:last-child { - -webkit-border-bottom-right-radius: 4px; - border-bottom-right-radius: 4px; - -moz-border-radius-bottomright: 4px; -} - -.table-bordered tfoot + tbody:last-child tr:last-child td:first-child { - -webkit-border-bottom-left-radius: 0; - border-bottom-left-radius: 0; - -moz-border-radius-bottomleft: 0; -} - -.table-bordered tfoot + tbody:last-child tr:last-child td:last-child { - -webkit-border-bottom-right-radius: 0; - border-bottom-right-radius: 0; - -moz-border-radius-bottomright: 0; -} - -.table-bordered caption + thead tr:first-child th:first-child, -.table-bordered caption + tbody tr:first-child td:first-child, -.table-bordered colgroup + thead tr:first-child th:first-child, -.table-bordered colgroup + tbody tr:first-child td:first-child { - -webkit-border-top-left-radius: 4px; - border-top-left-radius: 4px; - -moz-border-radius-topleft: 4px; -} - -.table-bordered caption + thead tr:first-child th:last-child, -.table-bordered caption + tbody tr:first-child td:last-child, -.table-bordered colgroup + thead tr:first-child th:last-child, -.table-bordered colgroup + tbody tr:first-child td:last-child { - -webkit-border-top-right-radius: 4px; - border-top-right-radius: 4px; - -moz-border-radius-topright: 4px; -} - -.table-striped tbody tr:nth-child(odd) td, -.table-striped tbody tr:nth-child(odd) th { - background-color: #f9f9f9; -} - -.table-hover tbody tr:hover td, -.table-hover tbody tr:hover th { - background-color: #f5f5f5; -} - -table td[class*="span"], -table th[class*="span"], -.row-fluid table td[class*="span"], -.row-fluid table th[class*="span"] { - display: table-cell; - float: none; - margin-left: 0; -} - -.table tbody tr.success td { - background-color: #dff0d8; -} - -.table tbody tr.error td { - background-color: #f2dede; -} - -.table tbody tr.warning td { - background-color: #fcf8e3; -} - -.table tbody tr.info td { - background-color: #d9edf7; -} - -.table-hover tbody tr.success:hover td { - background-color: #d0e9c6; -} - -.table-hover tbody tr.error:hover td { - background-color: #ebcccc; -} - -.table-hover tbody tr.warning:hover td { - background-color: #faf2cc; -} - -.table-hover tbody tr.info:hover td { - background-color: #c4e3f3; -} - -@font-face { - font-family: 'Glyphicons Halflings'; - font-style: normal; - font-weight: normal; - src: url('../fonts/glyphiconshalflings-regular.eot'); - src: url('../fonts/glyphiconshalflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphiconshalflings-regular.woff') format('woff'), url('../fonts/glyphiconshalflings-regular.ttf') format('truetype'), url('../fonts/glyphiconshalflings-regular.svg#glyphicons_halflingsregular') format('svg'); -} - -[class^="glyphicon-"]:before { - font-family: 'Glyphicons Halflings'; - font-style: normal; - line-height: 1; -} - -.glyphicon-glass:before { - content: "\e001"; -} - -.glyphicon-music:before { - content: "\e002"; -} - -.glyphicon-search:before { - content: "\e003"; -} - -.glyphicon-envelope:before { - content: "\2709"; -} - -.glyphicon-heart:before { - content: "\e005"; -} - -.glyphicon-star:before { - content: "\e006"; -} - -.glyphicon-star-empty:before { - content: "\e007"; -} - -.glyphicon-user:before { - content: "\e008"; -} - -.glyphicon-film:before { - content: "\e009"; -} - -.glyphicon-th-large:before { - content: "\e010"; -} - -.glyphicon-th:before { - content: "\e011"; -} - -.glyphicon-th-list:before { - content: "\e012"; -} - -.glyphicon-ok:before { - content: "\e013"; -} - -.glyphicon-remove:before { - content: "\e014"; -} - -.glyphicon-zoom-in:before { - content: "\e015"; -} - -.glyphicon-zoom-out:before { - content: "\e016"; -} - -.glyphicon-off:before { - content: "\e017"; -} - -.glyphicon-signal:before { - content: "\e018"; -} - -.glyphicon-cog:before { - content: "\e019"; -} - -.glyphicon-trash:before { - content: "\e020"; -} - -.glyphicon-home:before { - content: "\e021"; -} - -.glyphicon-file:before { - content: "\e022"; -} - -.glyphicon-time:before { - content: "\e023"; -} - -.glyphicon-road:before { - content: "\e024"; -} - -.glyphicon-download-alt:before { - content: "\e025"; -} - -.glyphicon-download:before { - content: "\e026"; -} - -.glyphicon-upload:before { - content: "\e027"; -} - -.glyphicon-inbox:before { - content: "\e028"; -} - -.glyphicon-play-circle:before { - content: "\e029"; -} - -.glyphicon-repeat:before { - content: "\e030"; -} - -.glyphicon-refresh:before { - content: "\e031"; -} - -.glyphicon-list-alt:before { - content: "\e032"; -} - -.glyphicon-lock:before { - content: "\e033"; -} - -.glyphicon-flag:before { - content: "\e034"; -} - -.glyphicon-headphones:before { - content: "\e035"; -} - -.glyphicon-volume-off:before { - content: "\e036"; -} - -.glyphicon-volume-down:before { - content: "\e037"; -} - -.glyphicon-volume-up:before { - content: "\e038"; -} - -.glyphicon-qrcode:before { - content: "\e039"; -} - -.glyphicon-barcode:before { - content: "\e040"; -} - -.glyphicon-tag:before { - content: "\e041"; -} - -.glyphicon-tags:before { - content: "\e042"; -} - -.glyphicon-book:before { - content: "\e043"; -} - -.glyphicon-bookmark:before { - content: "\e044"; -} - -.glyphicon-print:before { - content: "\e045"; -} - -.glyphicon-camera:before { - content: "\e046"; -} - -.glyphicon-font:before { - content: "\e047"; -} - -.glyphicon-bold:before { - content: "\e048"; -} - -.glyphicon-italic:before { - content: "\e049"; -} - -.glyphicon-text-height:before { - content: "\e050"; -} - -.glyphicon-text-width:before { - content: "\e051"; -} - -.glyphicon-align-left:before { - content: "\e052"; -} - -.glyphicon-align-center:before { - content: "\e053"; -} - -.glyphicon-align-right:before { - content: "\e054"; -} - -.glyphicon-align-justify:before { - content: "\e055"; -} - -.glyphicon-list:before { - content: "\e056"; -} - -.glyphicon-indent-left:before { - content: "\e057"; -} - -.glyphicon-indent-right:before { - content: "\e058"; -} - -.glyphicon-facetime-video:before { - content: "\e059"; -} - -.glyphicon-picture:before { - content: "\e060"; -} - -.glyphicon-pencil:before { - content: "\270f"; -} - -.glyphicon-map-marker:before { - content: "\e062"; -} - -.glyphicon-adjust:before { - content: "\e063"; -} - -.glyphicon-tint:before { - content: "\e064"; -} - -.glyphicon-edit:before { - content: "\e065"; -} - -.glyphicon-share:before { - content: "\e066"; -} - -.glyphicon-check:before { - content: "\e067"; -} - -.glyphicon-move:before { - content: "\e068"; -} - -.glyphicon-step-backward:before { - content: "\e069"; -} - -.glyphicon-fast-backward:before { - content: "\e070"; -} - -.glyphicon-backward:before { - content: "\e071"; -} - -.glyphicon-play:before { - content: "\e072"; -} - -.glyphicon-pause:before { - content: "\e073"; -} - -.glyphicon-stop:before { - content: "\e074"; -} - -.glyphicon-forward:before { - content: "\e075"; -} - -.glyphicon-fast-forward:before { - content: "\e076"; -} - -.glyphicon-step-forward:before { - content: "\e077"; -} - -.glyphicon-eject:before { - content: "\e078"; -} - -.glyphicon-chevron-left:before { - content: "\e079"; -} - -.glyphicon-chevron-right:before { - content: "\e080"; -} - -.glyphicon-plus-sign:before { - content: "\e081"; -} - -.glyphicon-minus-sign:before { - content: "\e082"; -} - -.glyphicon-remove-sign:before { - content: "\e083"; -} - -.glyphicon-ok-sign:before { - content: "\e084"; -} - -.glyphicon-question-sign:before { - content: "\e085"; -} - -.glyphicon-info-sign:before { - content: "\e086"; -} - -.glyphicon-screenshot:before { - content: "\e087"; -} - -.glyphicon-remove-circle:before { - content: "\e088"; -} - -.glyphicon-ok-circle:before { - content: "\e089"; -} - -.glyphicon-ban-circle:before { - content: "\e090"; -} - -.glyphicon-arrow-left:before { - content: "\e091"; -} - -.glyphicon-arrow-right:before { - content: "\e092"; -} - -.glyphicon-arrow-up:before { - content: "\e093"; -} - -.glyphicon-arrow-down:before { - content: "\e094"; -} - -.glyphicon-share-alt:before { - content: "\e095"; -} - -.glyphicon-resize-full:before { - content: "\e096"; -} - -.glyphicon-resize-small:before { - content: "\e097"; -} - -.glyphicon-plus:before { - content: "\002b"; -} - -.glyphicon-minus:before { - content: "\2212"; -} - -.glyphicon-asterisk:before { - content: "\002a"; -} - -.glyphicon-exclamation-sign:before { - content: "\e101"; -} - -.glyphicon-gift:before { - content: "\e102"; -} - -.glyphicon-leaf:before { - content: "\e103"; -} - -.glyphicon-fire:before { - content: "\e104"; -} - -.glyphicon-eye-open:before { - content: "\e105"; -} - -.glyphicon-eye-close:before { - content: "\e106"; -} - -.glyphicon-warning-sign:before { - content: "\e107"; -} - -.glyphicon-plane:before { - content: "\e108"; -} - -.glyphicon-calendar:before { - content: "\e109"; -} - -.glyphicon-random:before { - content: "\e110"; -} - -.glyphicon-comment:before { - content: "\e111"; -} - -.glyphicon-magnet:before { - content: "\e112"; -} - -.glyphicon-chevron-up:before { - content: "\e113"; -} - -.glyphicon-chevron-down:before { - content: "\e114"; -} - -.glyphicon-retweet:before { - content: "\e115"; -} - -.glyphicon-shopping-cart:before { - content: "\e116"; -} - -.glyphicon-folder-close:before { - content: "\e117"; -} - -.glyphicon-folder-open:before { - content: "\e118"; -} - -.glyphicon-resize-vertical:before { - content: "\e119"; -} - -.glyphicon-resize-horizontal:before { - content: "\e120"; -} - -.glyphicon-hdd:before { - content: "\e121"; -} - -.glyphicon-bullhorn:before { - content: "\e122"; -} - -.glyphicon-bell:before { - content: "\e123"; -} - -.glyphicon-certificate:before { - content: "\e124"; -} - -.glyphicon-thumbs-up:before { - content: "\e125"; -} - -.glyphicon-thumbs-down:before { - content: "\e126"; -} - -.glyphicon-hand-right:before { - content: "\e127"; -} - -.glyphicon-hand-left:before { - content: "\e128"; -} - -.glyphicon-hand-up:before { - content: "\e129"; -} - -.glyphicon-hand-down:before { - content: "\e130"; -} - -.glyphicon-circle-arrow-right:before { - content: "\e131"; -} - -.glyphicon-circle-arrow-left:before { - content: "\e132"; -} - -.glyphicon-circle-arrow-up:before { - content: "\e133"; -} - -.glyphicon-circle-arrow-down:before { - content: "\e134"; -} - -.glyphicon-globe:before { - content: "\e135"; -} - -.glyphicon-wrench:before { - content: "\e136"; -} - -.glyphicon-tasks:before { - content: "\e137"; -} - -.glyphicon-filter:before { - content: "\e138"; -} - -.glyphicon-briefcase:before { - content: "\e139"; -} - -.glyphicon-fullscreen:before { - content: "\e140"; -} - -.glyphicon-dashboard:before { - content: "\e141"; -} - -.glyphicon-paperclip:before { - content: "\e142"; -} - -.glyphicon-heart-empty:before { - content: "\e143"; -} - -.glyphicon-link:before { - content: "\e144"; -} - -.glyphicon-phone:before { - content: "\e145"; -} - -.glyphicon-pushpin:before { - content: "\e146"; -} - -.glyphicon-euro:before { - content: "\20ac"; -} - -.glyphicon-usd:before { - content: "\e148"; -} - -.glyphicon-gbp:before { - content: "\e149"; -} - -.glyphicon-sort:before { - content: "\e150"; -} - -.glyphicon-sort-by-alphabet:before { - content: "\e151"; -} - -.glyphicon-sort-by-alphabet-alt:before { - content: "\e152"; -} - -.glyphicon-sort-by-order:before { - content: "\e153"; -} - -.glyphicon-sort-by-order-alt:before { - content: "\e154"; -} - -.glyphicon-sort-by-attributes:before { - content: "\e155"; -} - -.glyphicon-sort-by-attributes-alt:before { - content: "\e156"; -} - -.glyphicon-unchecked:before { - content: "\e157"; -} - -.glyphicon-expand:before { - content: "\e158"; -} - -.glyphicon-collapse:before { - content: "\e159"; -} - -.glyphicon-collapse-top:before { - content: "\e160"; -} - -.dropup, -.dropdown { - position: relative; -} - -.dropdown-toggle:active, -.open .dropdown-toggle { - outline: 0; -} - -.caret { - display: inline-block; - width: 0; - height: 0; - vertical-align: top; - border-top: 4px solid #000000; - border-right: 4px solid transparent; - border-left: 4px solid transparent; - content: ""; -} - -.dropdown .caret { - margin-top: 8px; - margin-left: 2px; -} - -.dropdown-menu { - position: absolute; - top: 100%; - left: 0; - z-index: 1000; - display: none; - float: left; - min-width: 160px; - padding: 5px 0; - margin: 2px 0 0; - list-style: none; - background-color: #ffffff; - border: 1px solid #ccc; - border: 1px solid rgba(0, 0, 0, 0.2); - border-radius: 4px; - -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); - box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); - -webkit-background-clip: padding-box; - -moz-background-clip: padding-box; - background-clip: padding-box; -} - -.dropdown-menu.pull-right { - right: 0; - left: auto; -} - -.dropdown-menu .divider { - height: 1px; - margin: 9px 1px; - overflow: hidden; - background-color: #e5e5e5; - border-bottom: 1px solid #ffffff; -} - -.dropdown-menu li > a { - display: block; - padding: 3px 20px; - clear: both; - font-weight: normal; - line-height: 20px; - color: #333333; - white-space: nowrap; -} - -.dropdown-menu li > a:hover, -.dropdown-menu li > a:focus, -.dropdown-submenu:hover > a { - color: #ffffff; - text-decoration: none; - background-color: #0081c2; - background-image: -moz-linear-gradient(top, #0088cc, #0077b3); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3)); - background-image: -webkit-linear-gradient(top, #0088cc, #0077b3); - background-image: -o-linear-gradient(top, #0088cc, #0077b3); - background-image: linear-gradient(top, #0088cc, #0077b3); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0); -} - -.dropdown-menu .active > a, -.dropdown-menu .active > a:hover { - color: #ffffff; - text-decoration: none; - background-color: #0081c2; - background-image: -moz-linear-gradient(top, #0088cc, #0077b3); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3)); - background-image: -webkit-linear-gradient(top, #0088cc, #0077b3); - background-image: -o-linear-gradient(top, #0088cc, #0077b3); - background-image: linear-gradient(top, #0088cc, #0077b3); - background-repeat: repeat-x; - outline: 0; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0); -} - -.dropdown-menu .disabled > a, -.dropdown-menu .disabled > a:hover { - color: #999999; -} - -.dropdown-menu .disabled > a:hover { - text-decoration: none; - cursor: default; - background-color: transparent; - background-image: none; - filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); -} - -.open > .dropdown-menu { - display: block; -} - -.pull-right > .dropdown-menu { - right: 0; - left: auto; -} - -.dropup .caret, -.navbar-fixed-bottom .dropdown .caret { - border-top: 0; - border-bottom: 4px solid #000000; - content: ""; -} - -.dropup .dropdown-menu, -.navbar-fixed-bottom .dropdown .dropdown-menu { - top: auto; - bottom: 100%; - margin-bottom: 1px; -} - -.dropdown-submenu { - position: relative; -} - -.dropdown-submenu > .dropdown-menu { - top: 0; - left: 100%; - margin-top: -6px; - margin-left: -1px; - border-radius: 0 4px 4px 4px; -} - -.dropdown-submenu:hover > .dropdown-menu { - display: block; -} - -.dropup .dropdown-submenu > .dropdown-menu { - top: auto; - bottom: 0; - margin-top: 0; - margin-bottom: -2px; - border-radius: 4px 4px 4px 0; -} - -.dropdown-submenu > a:after { - display: block; - float: right; - width: 0; - height: 0; - margin-top: 5px; - margin-right: -10px; - border-color: transparent; - border-left-color: #cccccc; - border-style: solid; - border-width: 5px 0 5px 5px; - content: " "; -} - -.dropdown-submenu:hover > a:after { - border-left-color: #ffffff; -} - -.dropdown-submenu.pull-left { - float: none; -} - -.dropdown-submenu.pull-left > .dropdown-menu { - left: -100%; - margin-left: 10px; - border-radius: 4px 0 4px 4px; -} - -.dropdown .dropdown-menu .nav-header { - padding-right: 20px; - padding-left: 20px; -} - -.typeahead { - z-index: 1051; - margin-top: 2px; -} - -.well { - min-height: 20px; - padding: 19px; - margin-bottom: 20px; - background-color: #f5f5f5; - border: 1px solid #e3e3e3; - border-radius: 4px; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); -} - -.well blockquote { - border-color: #ddd; - border-color: rgba(0, 0, 0, 0.15); -} - -.well-large { - padding: 24px; - border-radius: 6px; -} - -.well-small { - padding: 9px; - border-radius: 3px; -} - -.fade { - opacity: 0; - -webkit-transition: opacity 0.15s linear; - -moz-transition: opacity 0.15s linear; - -o-transition: opacity 0.15s linear; - transition: opacity 0.15s linear; -} - -.fade.in { - opacity: 1; -} - -.collapse { - position: relative; - height: 0; - overflow: hidden; - -webkit-transition: height 0.35s ease; - -moz-transition: height 0.35s ease; - -o-transition: height 0.35s ease; - transition: height 0.35s ease; -} - -.collapse.in { - height: auto; -} - -.close { - float: right; - font-size: 20px; - font-weight: bold; - line-height: 20px; - color: #000000; - text-shadow: 0 1px 0 #ffffff; - opacity: 0.2; - filter: alpha(opacity=20); -} - -.close:hover { - color: #000000; - text-decoration: none; - cursor: pointer; - opacity: 0.4; - filter: alpha(opacity=40); -} - -button.close { - padding: 0; - cursor: pointer; - background: transparent; - border: 0; - -webkit-appearance: none; -} - -.btn { - display: inline-block; - padding: 6px 12px; - margin-bottom: 0; - font-size: 14px; - line-height: 20px; - color: #333333; - text-align: center; - text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); - vertical-align: middle; - cursor: pointer; - background-color: #f5f5f5; - background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); - background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); - background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); - background-image: linear-gradient(top, #ffffff, #e6e6e6); - background-repeat: repeat-x; - border: 1px solid #bbbbbb; - border-color: #e6e6e6 #e6e6e6 #bfbfbf; - border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - border-bottom-color: #a2a2a2; - border-radius: 4px; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); - filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); - -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); - box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -} - -.btn:hover, -.btn:active, -.btn.active, -.btn.disabled, -.btn[disabled] { - color: #333333; - background-color: #e6e6e6; -} - -.btn:active, -.btn.active { - background-color: #cccccc \9; -} - -.btn:hover { - color: #333333; - text-decoration: none; - background-position: 0 -15px; - -webkit-transition: background-position 0.1s linear; - -moz-transition: background-position 0.1s linear; - -o-transition: background-position 0.1s linear; - transition: background-position 0.1s linear; -} - -.btn:focus { - outline: thin dotted #333; - outline: 5px auto -webkit-focus-ring-color; - outline-offset: -2px; -} - -.btn.active, -.btn:active { - background-image: none; - outline: 0; - -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -} - -.btn.disabled, -.btn[disabled] { - cursor: default; - background-image: none; - opacity: 0.65; - filter: alpha(opacity=65); - -webkit-box-shadow: none; - box-shadow: none; -} - -.btn-large { - padding: 11px 19px; - font-size: 17.5px; - border-radius: 6px; -} - -.btn-small { - padding: 2px 10px; - font-size: 11.9px; - border-radius: 3px; -} - -.btn-mini { - padding: 0 6px; - font-size: 10.5px; - border-radius: 3px; -} - -.btn [class^="glyphicon-"]::before { - vertical-align: -2px; -} - -.btn-small [class^="glyphicon-"]::before, -.btn-mini [class^="glyphicon-"]::before { - vertical-align: -1px; -} - -.btn-block { - display: block; - width: 100%; - padding-right: 0; - padding-left: 0; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} - -.btn-block + .btn-block { - margin-top: 5px; -} - -input[type="submit"].btn-block, -input[type="reset"].btn-block, -input[type="button"].btn-block { - width: 100%; -} - -.btn-primary.active, -.btn-warning.active, -.btn-danger.active, -.btn-success.active, -.btn-info.active, -.btn-inverse.active { - color: rgba(255, 255, 255, 0.75); -} - -.btn { - border-color: #c5c5c5; - border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25); -} - -.btn-primary { - color: #ffffff; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - background-color: #006dcc; - background-image: -moz-linear-gradient(top, #0088cc, #0044cc); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); - background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); - background-image: -o-linear-gradient(top, #0088cc, #0044cc); - background-image: linear-gradient(top, #0088cc, #0044cc); - background-repeat: repeat-x; - border-color: #0044cc #0044cc #002a80; - border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0); - filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); -} - -.btn-primary:hover, -.btn-primary:active, -.btn-primary.active, -.btn-primary.disabled, -.btn-primary[disabled] { - color: #ffffff; - background-color: #0044cc; -} - -.btn-primary:active, -.btn-primary.active { - background-color: #003399 \9; -} - -.btn-warning { - color: #ffffff; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - background-color: #faa732; - background-image: -moz-linear-gradient(top, #fbb450, #f89406); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); - background-image: -webkit-linear-gradient(top, #fbb450, #f89406); - background-image: -o-linear-gradient(top, #fbb450, #f89406); - background-image: linear-gradient(top, #fbb450, #f89406); - background-repeat: repeat-x; - border-color: #f89406 #f89406 #ad6704; - border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0); - filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); -} - -.btn-warning:hover, -.btn-warning:active, -.btn-warning.active, -.btn-warning.disabled, -.btn-warning[disabled] { - color: #ffffff; - background-color: #f89406; -} - -.btn-warning:active, -.btn-warning.active { - background-color: #c67605 \9; -} - -.btn-danger { - color: #ffffff; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - background-color: #da4f49; - background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f)); - background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f); - background-image: -o-linear-gradient(top, #ee5f5b, #bd362f); - background-image: linear-gradient(top, #ee5f5b, #bd362f); - background-repeat: repeat-x; - border-color: #bd362f #bd362f #802420; - border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0); - filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); -} - -.btn-danger:hover, -.btn-danger:active, -.btn-danger.active, -.btn-danger.disabled, -.btn-danger[disabled] { - color: #ffffff; - background-color: #bd362f; -} - -.btn-danger:active, -.btn-danger.active { - background-color: #942a25 \9; -} - -.btn-success { - color: #ffffff; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - background-color: #5bb75b; - background-image: -moz-linear-gradient(top, #62c462, #51a351); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351)); - background-image: -webkit-linear-gradient(top, #62c462, #51a351); - background-image: -o-linear-gradient(top, #62c462, #51a351); - background-image: linear-gradient(top, #62c462, #51a351); - background-repeat: repeat-x; - border-color: #51a351 #51a351 #387038; - border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0); - filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); -} - -.btn-success:hover, -.btn-success:active, -.btn-success.active, -.btn-success.disabled, -.btn-success[disabled] { - color: #ffffff; - background-color: #51a351; -} - -.btn-success:active, -.btn-success.active { - background-color: #408140 \9; -} - -.btn-info { - color: #ffffff; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - background-color: #49afcd; - background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4)); - background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4); - background-image: -o-linear-gradient(top, #5bc0de, #2f96b4); - background-image: linear-gradient(top, #5bc0de, #2f96b4); - background-repeat: repeat-x; - border-color: #2f96b4 #2f96b4 #1f6377; - border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0); - filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); -} - -.btn-info:hover, -.btn-info:active, -.btn-info.active, -.btn-info.disabled, -.btn-info[disabled] { - color: #ffffff; - background-color: #2f96b4; -} - -.btn-info:active, -.btn-info.active { - background-color: #24748c \9; -} - -.btn-inverse { - color: #ffffff; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - background-color: #363636; - background-image: -moz-linear-gradient(top, #444444, #222222); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222)); - background-image: -webkit-linear-gradient(top, #444444, #222222); - background-image: -o-linear-gradient(top, #444444, #222222); - background-image: linear-gradient(top, #444444, #222222); - background-repeat: repeat-x; - border-color: #222222 #222222 #000000; - border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0); - filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); -} - -.btn-inverse:hover, -.btn-inverse:active, -.btn-inverse.active, -.btn-inverse.disabled, -.btn-inverse[disabled] { - color: #ffffff; - background-color: #222222; -} - -.btn-inverse:active, -.btn-inverse.active { - background-color: #080808 \9; -} - -.btn-link, -.btn-link:active, -.btn-link[disabled] { - background-color: transparent; - background-image: none; - -webkit-box-shadow: none; - box-shadow: none; -} - -.btn-link { - color: #0088cc; - cursor: pointer; - border-color: transparent; - border-radius: 0; -} - -.btn-link:hover { - color: #005580; - text-decoration: underline; - background-color: transparent; -} - -.btn-link[disabled]:hover { - color: #333333; - text-decoration: none; -} - -.btn-group { - position: relative; - display: inline-block; - font-size: 0; - white-space: nowrap; - vertical-align: middle; -} - -.btn-group + .btn-group { - margin-left: 5px; -} - -.btn-toolbar { - margin-top: 10px; - margin-bottom: 10px; - font-size: 0; -} - -.btn-toolbar > .btn + .btn, -.btn-toolbar > .btn-group + .btn, -.btn-toolbar > .btn + .btn-group { - margin-left: 5px; -} - -.btn-group > .btn { - position: relative; - border-radius: 0; -} - -.btn-group > .btn + .btn { - margin-left: -1px; -} - -.btn-group > .btn, -.btn-group > .dropdown-menu, -.btn-group > .popover { - font-size: 14px; -} - -.btn-group > .btn-mini { - font-size: 10.5px; -} - -.btn-group > .btn-small { - font-size: 11.9px; -} - -.btn-group > .btn-large { - font-size: 17.5px; -} - -.btn-group > .btn:first-child { - margin-left: 0; - -webkit-border-bottom-left-radius: 4px; - border-bottom-left-radius: 4px; - -webkit-border-top-left-radius: 4px; - border-top-left-radius: 4px; - -moz-border-radius-bottomleft: 4px; - -moz-border-radius-topleft: 4px; -} - -.btn-group > .btn:last-child, -.btn-group > .dropdown-toggle { - -webkit-border-top-right-radius: 4px; - border-top-right-radius: 4px; - -webkit-border-bottom-right-radius: 4px; - border-bottom-right-radius: 4px; - -moz-border-radius-topright: 4px; - -moz-border-radius-bottomright: 4px; -} - -.btn-group > .btn.large:first-child { - margin-left: 0; - -webkit-border-bottom-left-radius: 6px; - border-bottom-left-radius: 6px; - -webkit-border-top-left-radius: 6px; - border-top-left-radius: 6px; - -moz-border-radius-bottomleft: 6px; - -moz-border-radius-topleft: 6px; -} - -.btn-group > .btn.large:last-child, -.btn-group > .large.dropdown-toggle { - -webkit-border-top-right-radius: 6px; - border-top-right-radius: 6px; - -webkit-border-bottom-right-radius: 6px; - border-bottom-right-radius: 6px; - -moz-border-radius-topright: 6px; - -moz-border-radius-bottomright: 6px; -} - -.btn-group > .btn:hover, -.btn-group > .btn:focus, -.btn-group > .btn:active, -.btn-group > .btn.active { - z-index: 2; -} - -.btn-group .dropdown-toggle:active, -.btn-group.open .dropdown-toggle { - outline: 0; -} - -.btn-group > .btn + .dropdown-toggle { - padding-right: 8px; - padding-left: 8px; - -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); - box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -} - -.btn-group > .btn-mini + .dropdown-toggle { - padding-right: 5px; - padding-left: 5px; -} - -.btn-group > .btn-large + .dropdown-toggle { - padding-right: 12px; - padding-left: 12px; -} - -.btn-group.open .dropdown-toggle { - background-image: none; - -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -} - -.btn-group.open .btn.dropdown-toggle { - background-color: #e6e6e6; -} - -.btn-group.open .btn-primary.dropdown-toggle { - background-color: #0044cc; -} - -.btn-group.open .btn-warning.dropdown-toggle { - background-color: #f89406; -} - -.btn-group.open .btn-danger.dropdown-toggle { - background-color: #bd362f; -} - -.btn-group.open .btn-success.dropdown-toggle { - background-color: #51a351; -} - -.btn-group.open .btn-info.dropdown-toggle { - background-color: #2f96b4; -} - -.btn-group.open .btn-inverse.dropdown-toggle { - background-color: #222222; -} - -.btn .caret { - margin-top: 8px; - margin-left: 0; -} - -.btn-mini .caret, -.btn-small .caret, -.btn-large .caret { - margin-top: 6px; -} - -.btn-large .caret { - border-top-width: 5px; - border-right-width: 5px; - border-left-width: 5px; -} - -.dropup .btn-large .caret { - border-bottom-width: 5px; -} - -.btn-primary .caret, -.btn-warning .caret, -.btn-danger .caret, -.btn-info .caret, -.btn-success .caret, -.btn-inverse .caret { - border-top-color: #fff; - border-bottom-color: #fff; -} - -.btn-group-vertical { - display: inline-block; -} - -.btn-group-vertical > .btn { - display: block; - float: none; - max-width: 100%; - border-radius: 0; -} - -.btn-group-vertical > .btn + .btn { - margin-top: -1px; - margin-left: 0; -} - -.btn-group-vertical .btn:first-child { - border-radius: 4px 4px 0 0; -} - -.btn-group-vertical .btn:last-child { - border-radius: 0 0 4px 4px; -} - -.btn-group-vertical .btn-large:first-child { - border-radius: 6px 6px 0 0; -} - -.btn-group-vertical .btn-large:last-child { - border-radius: 0 0 6px 6px; -} - -.alert { - padding: 8px 35px 8px 14px; - margin-bottom: 20px; - text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); - background-color: #fcf8e3; - border: 1px solid #fbeed5; - border-radius: 4px; -} - -.alert, -.alert h4 { - color: #c09853; -} - -.alert h4 { - margin: 0; -} - -.alert .close { - position: relative; - top: -2px; - right: -21px; - line-height: 20px; -} - -.alert-success { - color: #468847; - background-color: #dff0d8; - border-color: #d6e9c6; -} - -.alert-danger, -.alert-error { - color: #b94a48; - background-color: #f2dede; - border-color: #eed3d7; -} - -.alert-info { - color: #3a87ad; - background-color: #d9edf7; - border-color: #bce8f1; -} - -.alert-block { - padding-top: 14px; - padding-bottom: 14px; -} - -.alert-block > p, -.alert-block > ul { - margin-bottom: 0; -} - -.alert-block p + p { - margin-top: 5px; -} - -.nav { - margin-bottom: 20px; - margin-left: 0; - list-style: none; -} - -.nav:before, -.nav:after { - display: table; - line-height: 0; - content: ""; -} - -.nav:after { - clear: both; -} - -.nav > li { - float: left; -} - -.nav > li > a { - display: block; - padding: 8px 12px; -} - -.nav > li > a:hover { - text-decoration: none; - background-color: #eeeeee; -} - -.nav > li > a > img { - max-width: none; -} - -.nav > .pull-right { - float: right; -} - -.nav-header { - display: block; - padding: 3px 15px; - font-size: 11px; - font-weight: bold; - line-height: 20px; - color: #999999; - text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); - text-transform: uppercase; -} - -.nav li + .nav-header { - margin-top: 9px; -} - -.nav .divider { - height: 1px; - margin: 9px 1px; - overflow: hidden; - background-color: #e5e5e5; - border-bottom: 1px solid #ffffff; -} - -.nav-tabs { - border-bottom: 1px solid #ddd; -} - -.nav-tabs > li { - margin-bottom: -1px; -} - -.nav-tabs > li > a { - margin-right: 2px; - line-height: 20px; - border: 1px solid transparent; - border-radius: 4px 4px 0 0; -} - -.nav-tabs > li > a:hover { - border-color: #eeeeee #eeeeee #dddddd; -} - -.nav-tabs > .active > a, -.nav-tabs > .active > a:hover { - color: #555555; - cursor: default; - background-color: #ffffff; - border: 1px solid #ddd; - border-bottom-color: transparent; -} - -.nav-pills > li > a { - border-radius: 5px; -} - -.nav-pills > li + li > a { - margin-left: 2px; -} - -.nav-pills > .active > a, -.nav-pills > .active > a:hover { - color: #fff; - background-color: #0088cc; -} - -.nav-stacked > li { - float: none; -} - -.nav-stacked > li + li > a { - margin-top: 2px; - margin-left: 0; -} - -.nav-justified { - max-height: 37px; -} - -.nav-justified > li { - display: table-cell; - float: none; - width: 1%; - text-align: center; -} - -.nav-list { - background-color: #fff; - border-radius: 6px; - -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); - box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); -} - -.nav-list > li { - float: none; -} - -.nav-list > li > a { - margin-bottom: -1px; - border: 1px solid #e5e5e5; -} - -.nav-list > li > a:hover { - background-color: #f5f5f5; -} - -.nav-list > li:first-child > a { - border-radius: 6px 6px 0 0; -} - -.nav-list > li:last-child > a { - border-radius: 0 0 6px 6px; -} - -.nav-list > .active > a, -.nav-list > .active > a:hover { - position: relative; - z-index: 2; - padding: 9px 15px; - color: #fff; - text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15); - background-color: #0088cc; - border-width: 0; - -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.1), inset -1px 0 0 rgba(0, 0, 0, 0.1); - box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.1), inset -1px 0 0 rgba(0, 0, 0, 0.1); -} - -.nav-tabs .dropdown-menu { - -webkit-border-top-right-radius: 0; - border-top-right-radius: 0; - -webkit-border-top-left-radius: 0; - border-top-left-radius: 0; - -moz-border-radius-topright: 0; - -moz-border-radius-topleft: 0; -} - -.nav .dropdown-toggle .caret { - margin-top: 8px; - border-top-color: #0088cc; - border-bottom-color: #0088cc; -} - -.nav .dropdown-toggle:hover .caret { - border-top-color: #005580; - border-bottom-color: #005580; -} - -.nav .active .dropdown-toggle .caret { - border-top-color: #fff; - border-bottom-color: #fff; -} - -.nav-tabs .active .dropdown-toggle .caret { - border-top-color: #555555; - border-bottom-color: #555555; -} - -.nav > .dropdown.active > a:hover { - cursor: pointer; -} - -.nav-tabs .open .dropdown-toggle, -.nav-pills .open .dropdown-toggle, -.nav > li.dropdown.open.active > a:hover { - color: #fff; - background-color: #999999; - border-color: #999999; -} - -.nav li.dropdown.open .caret, -.nav li.dropdown.open.active .caret, -.nav li.dropdown.open a:hover .caret { - border-top-color: #fff; - border-bottom-color: #fff; - opacity: 1; - filter: alpha(opacity=100); -} - -.tabs-stacked .open > a:hover { - border-color: #999999; -} - -.tabbable:before, -.tabbable:after { - display: table; - line-height: 0; - content: ""; -} - -.tabbable:after { - clear: both; -} - -.tab-content { - overflow: auto; -} - -.tab-content > .tab-pane, -.pill-content > .pill-pane { - display: none; -} - -.tab-content > .active, -.pill-content > .active { - display: block; -} - -.nav > .disabled > a { - color: #999999; -} - -.nav > .disabled > a:hover { - text-decoration: none; - cursor: default; - background-color: transparent; -} - -.navbar { - padding: 0 20px; - margin-bottom: 20px; - overflow: visible; - background-color: #fafafa; - background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2)); - background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2); - background-image: -o-linear-gradient(top, #ffffff, #f2f2f2); - background-image: linear-gradient(top, #ffffff, #f2f2f2); - background-repeat: repeat-x; - border: 1px solid #d4d4d4; - border-radius: 4px; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0); - -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); - box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); -} - -.navbar:before, -.navbar:after { - display: table; - line-height: 0; - content: ""; -} - -.navbar:after { - clear: both; -} - -.navbar .container { - width: auto; -} - -.nav-collapse.collapse { - height: auto; - overflow: visible; -} - -.navbar .brand { - display: block; - float: left; - padding: 12px 20px 12px; - margin-left: -20px; - font-size: 20px; - font-weight: 200; - color: #777777; - text-shadow: 0 1px 0 #ffffff; -} - -.navbar .brand:hover { - text-decoration: none; -} - -.navbar-text { - margin-bottom: 0; - line-height: 44px; - color: #777777; -} - -.navbar-link { - color: #777777; -} - -.navbar-link:hover { - color: #333333; -} - -.navbar .divider-vertical { - height: 44px; - margin: 0 9px; - border-right: 1px solid #ffffff; - border-left: 1px solid #f2f2f2; -} - -.navbar .btn, -.navbar .btn-group { - margin-top: 7px; -} - -.navbar .btn-group .btn, -.navbar .input-prepend .btn, -.navbar .input-append .btn { - margin-top: 0; -} - -.navbar-form { - margin-bottom: 0; -} - -.navbar-form:before, -.navbar-form:after { - display: table; - line-height: 0; - content: ""; -} - -.navbar-form:after { - clear: both; -} - -.navbar-form input, -.navbar-form select, -.navbar-form .radio, -.navbar-form .checkbox { - margin-top: 7px; -} - -.navbar-form input, -.navbar-form select, -.navbar-form .btn { - display: inline-block; - margin-bottom: 0; -} - -.navbar-form input[type="image"], -.navbar-form input[type="checkbox"], -.navbar-form input[type="radio"] { - margin-top: 3px; -} - -.navbar-form .input-append, -.navbar-form .input-prepend { - margin-top: 5px; - white-space: nowrap; -} - -.navbar-form .input-append input, -.navbar-form .input-prepend input { - margin-top: 0; -} - -.navbar-search { - position: relative; - float: left; - margin-top: 7px; - margin-bottom: 0; -} - -.navbar-search .search-query { - padding: 4px 14px; - margin-bottom: 0; - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; - font-size: 13px; - font-weight: normal; - line-height: 1; - border-radius: 15px; -} - -.navbar-static-top { - position: static; - margin-bottom: 0; - border-radius: 0; -} - -.navbar-fixed-top, -.navbar-fixed-bottom { - position: fixed; - right: 0; - left: 0; - z-index: 1030; - padding-right: 0; - padding-left: 0; - margin-bottom: 0; - border-width: 0 0 1px; - border-radius: 0; -} - -.navbar-fixed-bottom { - border-width: 1px 0 0; -} - -.navbar-static-top .container, -.navbar-fixed-top .container, -.navbar-fixed-bottom .container { - width: 100%; -} - -.navbar-fixed-top { - top: 0; -} - -.navbar-fixed-top, -.navbar-static-top { - -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); - box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); -} - -.navbar-fixed-bottom { - bottom: 0; - -webkit-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1); - box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1); -} - -.navbar .nav { - position: relative; - left: 0; - display: block; - float: left; - margin: 0 10px 0 0; -} - -.navbar .nav.pull-right { - float: right; - margin-right: 0; -} - -.navbar .nav > li { - float: left; -} - -.navbar .nav > li > a { - float: none; - padding: 12px 15px 12px; - color: #777777; - text-decoration: none; - text-shadow: 0 1px 0 #ffffff; -} - -.navbar .nav .dropdown-toggle .caret { - margin-top: 8px; -} - -.navbar .nav > li > a:focus, -.navbar .nav > li > a:hover { - color: #333333; - text-decoration: none; - background-color: transparent; -} - -.navbar .nav > .active > a, -.navbar .nav > .active > a:hover, -.navbar .nav > .active > a:focus { - color: #555555; - text-decoration: none; - background-color: #e5e5e5; - -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); - box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); -} - -.navbar .btn-navbar { - display: none; - float: right; - padding: 7px 10px; - margin-right: 5px; - margin-left: 5px; - color: #ffffff; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - background-color: #ededed; - background-image: -moz-linear-gradient(top, #f2f2f2, #e5e5e5); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#e5e5e5)); - background-image: -webkit-linear-gradient(top, #f2f2f2, #e5e5e5); - background-image: -o-linear-gradient(top, #f2f2f2, #e5e5e5); - background-image: linear-gradient(top, #f2f2f2, #e5e5e5); - background-repeat: repeat-x; - border-color: #e5e5e5 #e5e5e5 #bfbfbf; - border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffe5e5e5', GradientType=0); - filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); - -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075); - box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075); -} - -.navbar .btn-navbar:hover, -.navbar .btn-navbar:active, -.navbar .btn-navbar.active, -.navbar .btn-navbar.disabled, -.navbar .btn-navbar[disabled] { - color: #ffffff; - background-color: #e5e5e5; -} - -.navbar .btn-navbar:active, -.navbar .btn-navbar.active { - background-color: #cccccc \9; -} - -.navbar .btn-navbar .icon-bar { - display: block; - width: 18px; - height: 2px; - background-color: #f5f5f5; - border-radius: 1px; - -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); - box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -} - -.btn-navbar .icon-bar + .icon-bar { - margin-top: 3px; -} - -.navbar .nav > li > .dropdown-menu:before { - position: absolute; - top: -7px; - left: 9px; - display: inline-block; - border-right: 7px solid transparent; - border-bottom: 7px solid #ccc; - border-left: 7px solid transparent; - border-bottom-color: rgba(0, 0, 0, 0.2); - content: ''; -} - -.navbar .nav > li > .dropdown-menu:after { - position: absolute; - top: -6px; - left: 10px; - display: inline-block; - border-right: 6px solid transparent; - border-bottom: 6px solid #ffffff; - border-left: 6px solid transparent; - content: ''; -} - -.navbar-fixed-bottom .nav > li > .dropdown-menu:before { - top: auto; - bottom: -7px; - border-top: 7px solid #ccc; - border-bottom: 0; - border-top-color: rgba(0, 0, 0, 0.2); -} - -.navbar-fixed-bottom .nav > li > .dropdown-menu:after { - top: auto; - bottom: -6px; - border-top: 6px solid #ffffff; - border-bottom: 0; -} - -.navbar .nav li.dropdown > a:hover .caret { - border-top-color: #555555; - border-bottom-color: #555555; -} - -.navbar .nav li.dropdown.open > .dropdown-toggle, -.navbar .nav li.dropdown.active > .dropdown-toggle, -.navbar .nav li.dropdown.open.active > .dropdown-toggle { - color: #555555; - background-color: #e5e5e5; -} - -.navbar .nav li.dropdown > .dropdown-toggle .caret { - border-top-color: #777777; - border-bottom-color: #777777; -} - -.navbar .nav li.dropdown.open > .dropdown-toggle .caret, -.navbar .nav li.dropdown.active > .dropdown-toggle .caret, -.navbar .nav li.dropdown.open.active > .dropdown-toggle .caret { - border-top-color: #555555; - border-bottom-color: #555555; -} - -.navbar .pull-right > li > .dropdown-menu, -.navbar .nav > li > .dropdown-menu.pull-right { - right: 0; - left: auto; -} - -.navbar .pull-right > li > .dropdown-menu:before, -.navbar .nav > li > .dropdown-menu.pull-right:before { - right: 12px; - left: auto; -} - -.navbar .pull-right > li > .dropdown-menu:after, -.navbar .nav > li > .dropdown-menu.pull-right:after { - right: 13px; - left: auto; -} - -.navbar .pull-right > li > .dropdown-menu .dropdown-menu, -.navbar .nav > li > .dropdown-menu.pull-right .dropdown-menu { - right: 100%; - left: auto; - margin-right: -1px; - margin-left: 0; - border-radius: 6px 0 6px 6px; -} - -.navbar-inverse { - background-color: #1b1b1b; - background-image: -moz-linear-gradient(top, #222222, #111111); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#111111)); - background-image: -webkit-linear-gradient(top, #222222, #111111); - background-image: -o-linear-gradient(top, #222222, #111111); - background-image: linear-gradient(top, #222222, #111111); - background-repeat: repeat-x; - border-color: #111111; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0); -} - -.navbar-inverse .brand, -.navbar-inverse .nav > li > a { - color: #999999; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); -} - -.navbar-inverse .brand:hover, -.navbar-inverse .nav > li > a:hover { - color: #ffffff; -} - -.navbar-inverse .brand { - color: #999999; -} - -.navbar-inverse .navbar-text { - color: #999999; -} - -.navbar-inverse .nav > li > a:focus, -.navbar-inverse .nav > li > a:hover { - color: #ffffff; - background-color: transparent; -} - -.navbar-inverse .nav .active > a, -.navbar-inverse .nav .active > a:hover, -.navbar-inverse .nav .active > a:focus { - color: #ffffff; - background-color: #111111; -} - -.navbar-inverse .navbar-link { - color: #999999; -} - -.navbar-inverse .navbar-link:hover { - color: #ffffff; -} - -.navbar-inverse .divider-vertical { - border-right-color: #222222; - border-left-color: #111111; -} - -.navbar-inverse .nav li.dropdown.open > .dropdown-toggle, -.navbar-inverse .nav li.dropdown.active > .dropdown-toggle, -.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle { - color: #ffffff; - background-color: #111111; -} - -.navbar-inverse .nav li.dropdown > a:hover .caret { - border-top-color: #ffffff; - border-bottom-color: #ffffff; -} - -.navbar-inverse .nav li.dropdown > .dropdown-toggle .caret { - border-top-color: #999999; - border-bottom-color: #999999; -} - -.navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret, -.navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret, -.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle .caret { - border-top-color: #ffffff; - border-bottom-color: #ffffff; -} - -.navbar-inverse .navbar-search .search-query { - color: #fff; - background-color: #515151; - border-color: #111111; - -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15); - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15); - -webkit-transition: none; - -moz-transition: none; - -o-transition: none; - transition: none; -} - -.navbar-inverse .navbar-search .search-query:-moz-placeholder { - color: #cccccc; -} - -.navbar-inverse .navbar-search .search-query:-ms-input-placeholder { - color: #cccccc; -} - -.navbar-inverse .navbar-search .search-query::-webkit-input-placeholder { - color: #cccccc; -} - -.navbar-inverse .navbar-search .search-query:focus, -.navbar-inverse .navbar-search .search-query.focused { - padding: 5px 15px; - color: #333333; - text-shadow: 0 1px 0 #fff; - background-color: #ffffff; - border: 0; - outline: 0; - -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); - box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); -} - -.navbar-inverse .btn-navbar { - color: #ffffff; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - background-color: #0e0e0e; - background-image: -moz-linear-gradient(top, #151515, #040404); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#151515), to(#040404)); - background-image: -webkit-linear-gradient(top, #151515, #040404); - background-image: -o-linear-gradient(top, #151515, #040404); - background-image: linear-gradient(top, #151515, #040404); - background-repeat: repeat-x; - border-color: #040404 #040404 #000000; - border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff151515', endColorstr='#ff040404', GradientType=0); - filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); -} - -.navbar-inverse .btn-navbar:hover, -.navbar-inverse .btn-navbar:active, -.navbar-inverse .btn-navbar.active, -.navbar-inverse .btn-navbar.disabled, -.navbar-inverse .btn-navbar[disabled] { - color: #ffffff; - background-color: #040404; -} - -.navbar-inverse .btn-navbar:active, -.navbar-inverse .btn-navbar.active { - background-color: #000000 \9; -} - -.breadcrumb { - padding: 8px 15px; - margin: 0 0 20px; - list-style: none; - background-color: #f5f5f5; - border-radius: 4px; -} - -.breadcrumb li { - display: inline-block; - text-shadow: 0 1px 0 #fff; -} - -.breadcrumb li:after { - display: inline-block; - padding: 0 5px; - color: #ccc; - content: "\00a0 /"; -} - -.breadcrumb .active { - color: #999999; -} - -.pagination { - margin: 20px 0; -} - -.pagination ul { - display: inline-block; - margin-bottom: 0; - margin-left: 0; - border-radius: 4px; - -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); -} - -.pagination ul > li { - display: inline; -} - -.pagination ul > li > a, -.pagination ul > li > span { - float: left; - padding: 4px 12px; - line-height: 20px; - text-decoration: none; - background-color: #ffffff; - border: 1px solid #dddddd; - border-left-width: 0; -} - -.pagination ul > li > a:hover, -.pagination ul > .active > a, -.pagination ul > .active > span { - background-color: #f5f5f5; -} - -.pagination ul > .active > a, -.pagination ul > .active > span { - color: #999999; - cursor: default; -} - -.pagination ul > .disabled > span, -.pagination ul > .disabled > a, -.pagination ul > .disabled > a:hover { - color: #999999; - cursor: default; - background-color: transparent; -} - -.pagination ul > li:first-child > a, -.pagination ul > li:first-child > span { - border-left-width: 1px; - -webkit-border-bottom-left-radius: 4px; - border-bottom-left-radius: 4px; - -webkit-border-top-left-radius: 4px; - border-top-left-radius: 4px; - -moz-border-radius-bottomleft: 4px; - -moz-border-radius-topleft: 4px; -} - -.pagination ul > li:last-child > a, -.pagination ul > li:last-child > span { - -webkit-border-top-right-radius: 4px; - border-top-right-radius: 4px; - -webkit-border-bottom-right-radius: 4px; - border-bottom-right-radius: 4px; - -moz-border-radius-topright: 4px; - -moz-border-radius-bottomright: 4px; -} - -.pagination-centered { - text-align: center; -} - -.pagination-right { - text-align: right; -} - -.pagination-large ul > li > a, -.pagination-large ul > li > span { - padding: 11px 19px; - font-size: 17.5px; -} - -.pagination-large ul > li:first-child > a, -.pagination-large ul > li:first-child > span { - -webkit-border-bottom-left-radius: 6px; - border-bottom-left-radius: 6px; - -webkit-border-top-left-radius: 6px; - border-top-left-radius: 6px; - -moz-border-radius-bottomleft: 6px; - -moz-border-radius-topleft: 6px; -} - -.pagination-large ul > li:last-child > a, -.pagination-large ul > li:last-child > span { - -webkit-border-top-right-radius: 6px; - border-top-right-radius: 6px; - -webkit-border-bottom-right-radius: 6px; - border-bottom-right-radius: 6px; - -moz-border-radius-topright: 6px; - -moz-border-radius-bottomright: 6px; -} - -.pagination-mini ul > li:first-child > a, -.pagination-small ul > li:first-child > a, -.pagination-mini ul > li:first-child > span, -.pagination-small ul > li:first-child > span { - -webkit-border-bottom-left-radius: 3px; - border-bottom-left-radius: 3px; - -webkit-border-top-left-radius: 3px; - border-top-left-radius: 3px; - -moz-border-radius-bottomleft: 3px; - -moz-border-radius-topleft: 3px; -} - -.pagination-mini ul > li:last-child > a, -.pagination-small ul > li:last-child > a, -.pagination-mini ul > li:last-child > span, -.pagination-small ul > li:last-child > span { - -webkit-border-top-right-radius: 3px; - border-top-right-radius: 3px; - -webkit-border-bottom-right-radius: 3px; - border-bottom-right-radius: 3px; - -moz-border-radius-topright: 3px; - -moz-border-radius-bottomright: 3px; -} - -.pagination-small ul > li > a, -.pagination-small ul > li > span { - padding: 2px 10px; - font-size: 11.9px; -} - -.pagination-mini ul > li > a, -.pagination-mini ul > li > span { - padding: 0 6px; - font-size: 10.5px; -} - -.pager { - margin: 20px 0; - text-align: center; - list-style: none; -} - -.pager:before, -.pager:after { - display: table; - line-height: 0; - content: ""; -} - -.pager:after { - clear: both; -} - -.pager li { - display: inline; -} - -.pager li > a, -.pager li > span { - display: inline-block; - padding: 5px 14px; - background-color: #fff; - border: 1px solid #ddd; - border-radius: 15px; -} - -.pager li > a:hover { - text-decoration: none; - background-color: #f5f5f5; -} - -.pager .next > a, -.pager .next > span { - float: right; -} - -.pager .previous > a, -.pager .previous > span { - float: left; -} - -.pager .disabled > a, -.pager .disabled > a:hover, -.pager .disabled > span { - color: #999999; - cursor: default; - background-color: #fff; -} - -.modal-backdrop { - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 1040; - background-color: #000000; -} - -.modal-backdrop.fade { - opacity: 0; -} - -.modal-backdrop, -.modal-backdrop.fade.in { - opacity: 0.8; - filter: alpha(opacity=80); -} - -.modal { - position: fixed; - top: 10%; - left: 50%; - z-index: 1050; - width: 560px; - margin-left: -280px; - background-color: #fff; - border: 1px solid #999; - border: 1px solid rgba(0, 0, 0, 0.3); - border-radius: 6px; - outline: none; - -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); - box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); - -webkit-background-clip: padding-box; - -moz-background-clip: padding-box; - background-clip: padding-box; -} - -.modal.fade { - top: -25%; - -webkit-transition: opacity 0.3s linear, top 0.3s ease-out; - -moz-transition: opacity 0.3s linear, top 0.3s ease-out; - -o-transition: opacity 0.3s linear, top 0.3s ease-out; - transition: opacity 0.3s linear, top 0.3s ease-out; -} - -.modal.fade.in { - top: 10%; -} - -.modal-header { - padding: 9px 15px; - border-bottom: 1px solid #eee; -} - -.modal-header .close { - margin-top: 2px; -} - -.modal-header h3 { - margin: 0; - line-height: 30px; -} - -.modal-body { - max-height: 400px; - padding: 15px; - overflow-y: auto; -} - -.modal-form { - margin-bottom: 0; -} - -.modal-footer { - padding: 14px 15px 15px; - margin-bottom: 0; - text-align: right; - background-color: #f5f5f5; - border-top: 1px solid #ddd; - border-radius: 0 0 6px 6px; - -webkit-box-shadow: inset 0 1px 0 #ffffff; - box-shadow: inset 0 1px 0 #ffffff; -} - -.modal-footer:before, -.modal-footer:after { - display: table; - line-height: 0; - content: ""; -} - -.modal-footer:after { - clear: both; -} - -.modal-footer .btn + .btn { - margin-bottom: 0; - margin-left: 5px; -} - -.modal-footer .btn-group .btn + .btn { - margin-left: -1px; -} - -.modal-footer .btn-block + .btn-block { - margin-left: 0; -} - -.tooltip { - position: absolute; - z-index: 1030; - display: block; - padding: 5px; - font-size: 11px; - opacity: 0; - filter: alpha(opacity=0); - visibility: visible; -} - -.tooltip.in { - opacity: 1; - filter: alpha(opacity=100); -} - -.tooltip.top { - margin-top: -3px; -} - -.tooltip.right { - margin-left: 3px; -} - -.tooltip.bottom { - margin-top: 3px; -} - -.tooltip.left { - margin-left: -3px; -} - -.tooltip-inner { - max-width: 200px; - padding: 3px 8px; - color: #ffffff; - text-align: center; - text-decoration: none; - background-color: rgba(0, 0, 0, 0.9); - border-radius: 4px; -} - -.tooltip-arrow { - position: absolute; - width: 0; - height: 0; - border-color: transparent; - border-style: solid; -} - -.tooltip.top .tooltip-arrow { - bottom: 0; - left: 50%; - margin-left: -5px; - border-top-color: rgba(0, 0, 0, 0.9); - border-width: 5px 5px 0; -} - -.tooltip.right .tooltip-arrow { - top: 50%; - left: 0; - margin-top: -5px; - border-right-color: rgba(0, 0, 0, 0.9); - border-width: 5px 5px 5px 0; -} - -.tooltip.left .tooltip-arrow { - top: 50%; - right: 0; - margin-top: -5px; - border-left-color: rgba(0, 0, 0, 0.9); - border-width: 5px 0 5px 5px; -} - -.tooltip.bottom .tooltip-arrow { - top: 0; - left: 50%; - margin-left: -5px; - border-bottom-color: rgba(0, 0, 0, 0.9); - border-width: 0 5px 5px; -} - -.popover { - position: absolute; - top: 0; - left: 0; - z-index: 1010; - display: none; - width: 236px; - padding: 1px; - white-space: normal; - background-color: #ffffff; - border: 1px solid #ccc; - border: 1px solid rgba(0, 0, 0, 0.2); - border-radius: 6px; - -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); - box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); - -webkit-background-clip: padding-box; - -moz-background-clip: padding; - background-clip: padding-box; -} - -.popover.top { - margin-top: -10px; -} - -.popover.right { - margin-left: 10px; -} - -.popover.bottom { - margin-top: 10px; -} - -.popover.left { - margin-left: -10px; -} - -.popover-title { - padding: 8px 14px; - margin: 0; - font-size: 14px; - font-weight: normal; - line-height: 18px; - background-color: #f7f7f7; - border-bottom: 1px solid #ebebeb; - border-radius: 5px 5px 0 0; -} - -.popover-content { - padding: 9px 14px; -} - -.popover-content p, -.popover-content ul, -.popover-content ol { - margin-bottom: 0; -} - -.popover .arrow, -.popover .arrow:after { - position: absolute; - display: block; - width: 0; - height: 0; - border-color: transparent; - border-style: solid; -} - -.popover .arrow { - border-width: 11px; -} - -.popover .arrow:after { - border-width: 10px; - content: ""; -} - -.popover { - /* - &.top .arrow { - bottom: -@popover-arrow-width; - left: 50%; - margin-left: -@popover-arrow-width; - border-width: @popover-arrow-width @popover-arrow-width 0; - //border-top-color: @popover-arrow-color; - border-top-color: blue; - &:after { - border-width: @popover-arrow-outer-width @popover-arrow-outer-width 0; - //border-top-color: @popover-arrow-outer-color; - border-top-color: red; - top: -@popover-arrow-width; - //bottom: -1px; - left: -@popover-arrow-outer-width; - } - } - &.right .arrow { - top: 50%; - left: -@popover-arrow-width; - margin-top: -@popover-arrow-width; - border-width: @popover-arrow-width @popover-arrow-width @popover-arrow-width 0; - border-right-color: @popover-arrow-color; - &:after { - border-width: @popover-arrow-outer-width @popover-arrow-outer-width @popover-arrow-outer-width 0; - border-right-color: @popover-arrow-outer-color; - bottom: -@popover-arrow-outer-width; - left: -1px; - } - } - &.bottom .arrow { - top: -@popover-arrow-width; - left: 50%; - margin-left: -@popover-arrow-width; - border-width: 0 @popover-arrow-width @popover-arrow-width; - border-bottom-color: @popover-arrow-color; - &:after { - border-width: 0 @popover-arrow-outer-width @popover-arrow-outer-width; - border-bottom-color: @popover-arrow-outer-color; - top: -1px; - left: -@popover-arrow-outer-width; - } - } - &.left .arrow { - top: 50%; - right: -@popover-arrow-width; - margin-top: -@popover-arrow-width; - border-width: @popover-arrow-width 0 @popover-arrow-width @popover-arrow-width; - border-left-color: @popover-arrow-color; - &:after { - border-width: @popover-arrow-outer-width 0 @popover-arrow-outer-width @popover-arrow-outer-width; - border-left-color: @popover-arrow-outer-color; - bottom: -@popover-arrow-outer-width; - right: -1px; - } - }*/ - -} - -.popover.top .arrow { - bottom: -11px; - left: 50%; - margin-left: -11px; - border-top-color: #999; - border-top-color: rgba(0, 0, 0, 0.25); - border-bottom-width: 0; -} - -.popover.top .arrow:after { - bottom: 1px; - margin-left: -10px; - border-top-color: #ffffff; - border-bottom-width: 0; -} - -.popover.right .arrow { - top: 50%; - left: -11px; - margin-top: -11px; - border-right-color: #999; - border-right-color: rgba(0, 0, 0, 0.25); - border-left-width: 0; -} - -.popover.right .arrow:after { - bottom: -10px; - left: 1px; - border-right-color: #ffffff; - border-left-width: 0; -} - -.popover.bottom .arrow { - top: -11px; - left: 50%; - margin-left: -11px; - border-bottom-color: #999; - border-bottom-color: rgba(0, 0, 0, 0.25); - border-top-width: 0; -} - -.popover.bottom .arrow:after { - top: 1px; - margin-left: -10px; - border-bottom-color: #ffffff; - border-top-width: 0; -} - -.popover.left .arrow { - top: 50%; - right: -11px; - margin-top: -11px; - border-left-color: #999; - border-left-color: rgba(0, 0, 0, 0.25); - border-right-width: 0; -} - -.popover.left .arrow:after { - right: 1px; - bottom: -10px; - border-left-color: #ffffff; - border-right-width: 0; -} - -.thumbnail { - display: block; - padding: 4px; - line-height: 20px; - border: 1px solid #ddd; - border-radius: 4px; - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} - -a.thumbnail:hover { - border-color: #0088cc; - -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); - box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); -} - -.thumbnail > img { - display: block; - max-width: 100%; - margin-right: auto; - margin-left: auto; -} - -.thumbnail .caption { - padding: 9px; - color: #555555; -} - -.media, -.media-body { - overflow: hidden; - zoom: 1; -} - -.media, -.media .media { - margin-top: 15px; -} - -.media:first-child { - margin-top: 0; -} - -.media-object { - display: block; -} - -.media-heading { - margin: 0 0 5px; -} - -.media .pull-left { - margin-right: 10px; -} - -.media .pull-right { - margin-left: 10px; -} - -.media-list { - margin-left: 0; - list-style: none; -} - -.label, -.badge { - display: inline-block; - padding: 2px 4px; - font-size: 11.844px; - font-weight: bold; - line-height: 14px; - color: #fff; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - white-space: nowrap; - vertical-align: baseline; - background-color: #999999; -} - -.label { - border-radius: 3px; -} - -.badge { - padding-right: 9px; - padding-left: 9px; - border-radius: 9px; -} - -.label:empty, -.badge:empty { - display: none; -} - -a.label:hover, -a.badge:hover { - color: #fff; - text-decoration: none; - cursor: pointer; -} - -.label-danger, -.badge-danger { - background-color: #b94a48; -} - -.label-danger[href], -.badge-danger[href] { - background-color: #953b39; -} - -.label-warning, -.badge-warning { - background-color: #f89406; -} - -.label-warning[href], -.badge-warning[href] { - background-color: #c67605; -} - -.label-success, -.badge-success { - background-color: #468847; -} - -.label-success[href], -.badge-success[href] { - background-color: #356635; -} - -.label-info, -.badge-info { - background-color: #3a87ad; -} - -.label-info[href], -.badge-info[href] { - background-color: #2d6987; -} - -.label-inverse, -.badge-inverse { - background-color: #333333; -} - -.label-inverse[href], -.badge-inverse[href] { - background-color: #1a1a1a; -} - -.btn .label, -.btn .badge { - position: relative; - top: -1px; -} - -.btn-mini .label, -.btn-mini .badge { - top: 0; -} - -@-webkit-keyframes progress-bar-stripes { - from { - background-position: 40px 0; - } - to { - background-position: 0 0; - } -} - -@-moz-keyframes progress-bar-stripes { - from { - background-position: 40px 0; - } - to { - background-position: 0 0; - } -} - -@-ms-keyframes progress-bar-stripes { - from { - background-position: 40px 0; - } - to { - background-position: 0 0; - } -} - -@-o-keyframes progress-bar-stripes { - from { - background-position: 0 0; - } - to { - background-position: 40px 0; - } -} - -@keyframes progress-bar-stripes { - from { - background-position: 40px 0; - } - to { - background-position: 0 0; - } -} - -.progress { - height: 20px; - margin-bottom: 20px; - overflow: hidden; - background-color: #f7f7f7; - background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9)); - background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9); - background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9); - background-image: linear-gradient(top, #f5f5f5, #f9f9f9); - background-repeat: repeat-x; - border-radius: 4px; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0); - -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -} - -.progress .bar { - float: left; - width: 0; - height: 100%; - font-size: 12px; - color: #fff; - text-align: center; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - background-color: #0e90d2; - background-image: -moz-linear-gradient(top, #149bdf, #0480be); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be)); - background-image: -webkit-linear-gradient(top, #149bdf, #0480be); - background-image: -o-linear-gradient(top, #149bdf, #0480be); - background-image: linear-gradient(top, #149bdf, #0480be); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0); - -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - -webkit-transition: width 0.6s ease; - -moz-transition: width 0.6s ease; - -o-transition: width 0.6s ease; - transition: width 0.6s ease; -} - -.progress .bar + .bar { - -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15); - box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15); -} - -.progress-striped .bar { - background-color: #149bdf; - background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); - background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - -webkit-background-size: 40px 40px; - -moz-background-size: 40px 40px; - -o-background-size: 40px 40px; - background-size: 40px 40px; -} - -.progress.active .bar { - -webkit-animation: progress-bar-stripes 2s linear infinite; - -moz-animation: progress-bar-stripes 2s linear infinite; - -ms-animation: progress-bar-stripes 2s linear infinite; - -o-animation: progress-bar-stripes 2s linear infinite; - animation: progress-bar-stripes 2s linear infinite; -} - -.progress-danger .bar, -.progress .bar-danger { - background-color: #dd514c; - background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35)); - background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35); - background-image: -o-linear-gradient(top, #ee5f5b, #c43c35); - background-image: linear-gradient(top, #ee5f5b, #c43c35); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0); -} - -.progress-danger.progress-striped .bar, -.progress-striped .bar-danger { - background-color: #ee5f5b; - background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); - background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -} - -.progress-success .bar, -.progress .bar-success { - background-color: #5eb95e; - background-image: -moz-linear-gradient(top, #62c462, #57a957); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957)); - background-image: -webkit-linear-gradient(top, #62c462, #57a957); - background-image: -o-linear-gradient(top, #62c462, #57a957); - background-image: linear-gradient(top, #62c462, #57a957); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0); -} - -.progress-success.progress-striped .bar, -.progress-striped .bar-success { - background-color: #62c462; - background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); - background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -} - -.progress-info .bar, -.progress .bar-info { - background-color: #4bb1cf; - background-image: -moz-linear-gradient(top, #5bc0de, #339bb9); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9)); - background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9); - background-image: -o-linear-gradient(top, #5bc0de, #339bb9); - background-image: linear-gradient(top, #5bc0de, #339bb9); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0); -} - -.progress-info.progress-striped .bar, -.progress-striped .bar-info { - background-color: #5bc0de; - background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); - background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -} - -.progress-warning .bar, -.progress .bar-warning { - background-color: #faa732; - background-image: -moz-linear-gradient(top, #fbb450, #f89406); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); - background-image: -webkit-linear-gradient(top, #fbb450, #f89406); - background-image: -o-linear-gradient(top, #fbb450, #f89406); - background-image: linear-gradient(top, #fbb450, #f89406); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0); -} - -.progress-warning.progress-striped .bar, -.progress-striped .bar-warning { - background-color: #fbb450; - background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); - background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -} - -.accordion { - margin-bottom: 20px; -} - -.accordion-group { - margin-bottom: 2px; - border: 1px solid #e5e5e5; - border-radius: 4px; -} - -.accordion-heading { - border-bottom: 0; -} - -.accordion-heading .accordion-toggle { - display: block; - padding: 8px 15px; -} - -.accordion-toggle { - cursor: pointer; -} - -.accordion-inner { - padding: 9px 15px; - border-top: 1px solid #e5e5e5; -} - -.carousel { - position: relative; - margin-bottom: 20px; - line-height: 1; -} - -.carousel-inner { - position: relative; - width: 100%; - overflow: hidden; -} - -.carousel-inner > .item { - position: relative; - display: none; - -webkit-transition: 0.6s ease-in-out left; - -moz-transition: 0.6s ease-in-out left; - -o-transition: 0.6s ease-in-out left; - transition: 0.6s ease-in-out left; -} - -.carousel-inner > .item > img { - display: block; - line-height: 1; -} - -.carousel-inner > .active, -.carousel-inner > .next, -.carousel-inner > .prev { - display: block; -} - -.carousel-inner > .active { - left: 0; -} - -.carousel-inner > .next, -.carousel-inner > .prev { - position: absolute; - top: 0; - width: 100%; -} - -.carousel-inner > .next { - left: 100%; -} - -.carousel-inner > .prev { - left: -100%; -} - -.carousel-inner > .next.left, -.carousel-inner > .prev.right { - left: 0; -} - -.carousel-inner > .active.left { - left: -100%; -} - -.carousel-inner > .active.right { - left: 100%; -} - -.carousel-control { - position: absolute; - top: 0; - bottom: 0; - left: 0; - width: 120px; - opacity: 0.5; - filter: alpha(opacity=50); -} - -.carousel-control.left { - background-color: rgba(0, 0, 0, 0.001); - background-color: transparent; - background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.001)); - background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0, 0, 0, 0.75)), to(rgba(0, 0, 0, 0.001))); - background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.001)); - background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.001)); - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.001)); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf000000', endColorstr='#00000000', GradientType=1); -} - -.carousel-control.right { - right: 0; - left: auto; - background-color: rgba(0, 0, 0, 0.75); - background-color: transparent; - background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.001), rgba(0, 0, 0, 0.75)); - background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0, 0, 0, 0.001)), to(rgba(0, 0, 0, 0.75))); - background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.001), rgba(0, 0, 0, 0.75)); - background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.001), rgba(0, 0, 0, 0.75)); - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.001), rgba(0, 0, 0, 0.75)); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#bf000000', GradientType=1); -} - -.carousel-control:hover { - color: #fff; - text-decoration: none; - opacity: 0.9; - filter: alpha(opacity=90); -} - -.carousel-control .control { - position: absolute; - top: 50%; - z-index: 5; - display: block; - margin-top: -35px; - margin-left: 30px; - font-size: 80px; - font-weight: 100; - color: #fff; - text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); -} - -.carousel-control.right .control { - margin-left: 70px; -} - -.carousel-caption { - position: absolute; - right: 0; - bottom: 0; - left: 0; - z-index: 10; - max-width: 60%; - padding: 40px; - text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); -} - -.carousel-caption h3, -.carousel-caption p { - line-height: 20px; - color: #fff; -} - -.carousel-caption h3 { - margin: 0 0 5px; -} - -.carousel-caption p { - margin-bottom: 0; -} - -.hero-unit { - padding: 60px; - margin-bottom: 30px; - font-size: 18px; - font-weight: 200; - line-height: 30px; - color: inherit; - background-color: #eeeeee; - border-radius: 6px; -} - -.hero-unit h1 { - margin-bottom: 0; - font-size: 60px; - line-height: 1; - letter-spacing: -1px; - color: inherit; -} - -.hero-unit li { - line-height: 30px; -} - -.clear:before, -.clear:after { - display: table; - line-height: 0; - content: ""; -} - -.clear:after { - clear: both; -} - -.pull-right { - float: right; -} - -.pull-left { - float: left; -} - -.hide { - display: none; -} - -.show { - display: block; -} - -.invisible { - visibility: hidden; -} - -.text-hide { - font: 0/0 a; - color: transparent; - text-shadow: none; - background-color: transparent; - border: 0; -} - -.affix { - position: fixed; -} - -.control-block-level { - display: block; - width: 100%; -} - -.hidden { - display: none; - visibility: hidden; -} - -.visible-phone { - display: none !important; -} - -.visible-tablet { - display: none !important; -} - -.hidden-desktop { - display: none !important; -} - -.visible-desktop { - display: inherit !important; -} - -@media (min-width: 768px) and (max-width: 979px) { - .hidden-desktop { - display: inherit !important; - } - .visible-desktop { - display: none !important ; - } - .visible-tablet { - display: inherit !important; - } - .hidden-tablet { - display: none !important; - } -} - -@media (max-width: 767px) { - .hidden-desktop { - display: inherit !important; - } - .visible-desktop { - display: none !important; - } - .visible-phone { - display: inherit !important; - } - .hidden-phone { - display: none !important; - } -} - -@media (min-width: 1200px) { - .container { - max-width: 1170px; - } - .row { - margin-right: -15px; - margin-left: -15px; - } - .row:before, - .row:after { - display: table; - line-height: 0; - content: ""; - } - .row:after { - clear: both; - } - [class*="span"] { - float: left; - min-height: 1px; - padding-right: 15px; - padding-left: 15px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - } - .span12 { - width: 100%; - } - .span11 { - width: 91.66666666666666%; - } - .span10 { - width: 83.33333333333334%; - } - .span9 { - width: 75%; - } - .span8 { - width: 66.66666666666666%; - } - .span7 { - width: 58.333333333333336%; - } - .span6 { - width: 50%; - } - .span5 { - width: 41.66666666666667%; - } - .span4 { - width: 33.33333333333333%; - } - .span3 { - width: 25%; - } - .span2 { - width: 16.666666666666664%; - } - .span1 { - width: 8.333333333333332%; - } - .offset12 { - margin-left: 100%; - } - .offset11 { - margin-left: 91.66666666666666%; - } - .offset10 { - margin-left: 83.33333333333334%; - } - .offset9 { - margin-left: 75%; - } - .offset8 { - margin-left: 66.66666666666666%; - } - .offset7 { - margin-left: 58.333333333333336%; - } - .offset6 { - margin-left: 50%; - } - .offset5 { - margin-left: 41.66666666666667%; - } - .offset4 { - margin-left: 33.33333333333333%; - } - .offset3 { - margin-left: 25%; - } - .offset2 { - margin-left: 16.666666666666664%; - } - .offset1 { - margin-left: 8.333333333333332%; - } -} - -@media (min-width: 768px) and (max-width: 979px) { - .row { - margin-right: -10px; - margin-left: -10px; - } - .row:before, - .row:after { - display: table; - line-height: 0; - content: ""; - } - .row:after { - clear: both; - } - [class*="span"] { - float: left; - min-height: 1px; - padding-right: 10px; - padding-left: 10px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - } - .span12 { - width: 100%; - } - .span11 { - width: 91.66666666666666%; - } - .span10 { - width: 83.33333333333334%; - } - .span9 { - width: 75%; - } - .span8 { - width: 66.66666666666666%; - } - .span7 { - width: 58.333333333333336%; - } - .span6 { - width: 50%; - } - .span5 { - width: 41.66666666666667%; - } - .span4 { - width: 33.33333333333333%; - } - .span3 { - width: 25%; - } - .span2 { - width: 16.666666666666664%; - } - .span1 { - width: 8.333333333333332%; - } - .offset12 { - margin-left: 100%; - } - .offset11 { - margin-left: 91.66666666666666%; - } - .offset10 { - margin-left: 83.33333333333334%; - } - .offset9 { - margin-left: 75%; - } - .offset8 { - margin-left: 66.66666666666666%; - } - .offset7 { - margin-left: 58.333333333333336%; - } - .offset6 { - margin-left: 50%; - } - .offset5 { - margin-left: 41.66666666666667%; - } - .offset4 { - margin-left: 33.33333333333333%; - } - .offset3 { - margin-left: 25%; - } - .offset2 { - margin-left: 16.666666666666664%; - } - .offset1 { - margin-left: 8.333333333333332%; - } -} - -@media (max-width: 767px) { - body { - padding-right: 20px; - padding-left: 20px; - } - .navbar-fixed-top, - .navbar-fixed-bottom, - .navbar-static-top { - margin-right: -20px; - margin-left: -20px; - } - .container-fluid { - padding: 0; - } - .dl-horizontal dt { - float: none; - width: auto; - clear: none; - text-align: left; - } - .dl-horizontal dd { - margin-left: 0; - } - .container { - width: auto; - } - [class*="span"], - .uneditable-input[class*="span"] { - display: block; - float: none; - width: 100%; - margin-left: 0; - } - input[class*="span"], - select[class*="span"], - textarea[class*="span"], - .uneditable-input { - display: block; - width: 100%; - } - .input-prepend input, - .input-append input, - .input-prepend input[class*="span"], - .input-append input[class*="span"] { - display: inline-block; - width: auto; - } - .controls-row [class*="span"] + [class*="span"] { - margin-left: 0; - } - .modal { - position: fixed; - top: 20px; - right: 20px; - left: 20px; - width: auto; - margin: 0; - } - .modal.fade { - top: -100px; - } - .modal.fade.in { - top: 20px; - } -} - -@media (max-width: 480px) { - .nav-collapse { - -webkit-transform: translate3d(0, 0, 0); - } - .page-header h1 small { - display: block; - line-height: 20px; - } - input[type="checkbox"], - input[type="radio"] { - border: 1px solid #ccc; - } - .form-horizontal .control-label { - float: none; - width: auto; - padding-top: 0; - text-align: left; - } - .form-horizontal .controls { - margin-left: 0; - } - .form-horizontal .control-list { - padding-top: 0; - } - .form-horizontal .form-actions { - padding-right: 10px; - padding-left: 10px; - } - .media .pull-left, - .media .pull-right { - display: block; - float: none; - margin-bottom: 10px; - } - .media-object { - margin-right: 0; - margin-left: 0; - } - .modal { - top: 10px; - right: 10px; - left: 10px; - } - .modal-header .close { - padding: 10px; - margin: -10px; - } - .carousel-caption { - position: static; - } -} - -@media (max-width: 979px) { - body { - padding-top: 0; - } - .navbar-fixed-top, - .navbar-fixed-bottom { - position: static; - } - .navbar-fixed-top { - margin-bottom: 20px; - } - .navbar-fixed-bottom { - margin-top: 20px; - } - .navbar-fixed-top, - .navbar-fixed-bottom { - padding: 5px; - } - .navbar .container { - width: auto; - padding: 0; - } - .navbar .brand { - padding-right: 10px; - padding-left: 10px; - margin: 0 0 0 -5px; - } - .nav-collapse { - clear: both; - } - .nav-collapse .nav { - float: none; - margin: 0 0 10px; - } - .nav-collapse .nav > li { - float: none; - } - .nav-collapse .nav > li > a { - margin-bottom: 2px; - } - .nav-collapse .nav > .divider-vertical { - display: none; - } - .nav-collapse .nav .nav-header { - color: #777777; - text-shadow: none; - } - .nav-collapse .nav > li > a, - .nav-collapse .dropdown-menu a { - padding: 9px 15px; - font-weight: bold; - color: #777777; - border-radius: 3px; - } - .nav-collapse .btn { - padding: 4px 10px 4px; - font-weight: normal; - border-radius: 4px; - } - .nav-collapse .dropdown-menu li + li a { - margin-bottom: 2px; - } - .nav-collapse .nav > li > a:hover, - .nav-collapse .dropdown-menu a:hover { - background-color: #f2f2f2; - } - .navbar-inverse .nav-collapse .nav > li > a, - .navbar-inverse .nav-collapse .dropdown-menu a { - color: #999999; - } - .navbar-inverse .nav-collapse .nav > li > a:hover, - .navbar-inverse .nav-collapse .dropdown-menu a:hover { - background-color: #111111; - } - .nav-collapse.in .btn-group { - padding: 0; - margin-top: 5px; - } - .nav-collapse .dropdown-menu { - position: static; - top: auto; - left: auto; - display: none; - float: none; - max-width: none; - padding: 0; - margin: 0 15px; - background-color: transparent; - border: none; - border-radius: 0; - -webkit-box-shadow: none; - box-shadow: none; - } - .nav-collapse .open > .dropdown-menu { - display: block; - } - .nav-collapse .dropdown-menu:before, - .nav-collapse .dropdown-menu:after { - display: none; - } - .nav-collapse .dropdown-menu .divider { - display: none; - } - .nav-collapse .nav > li > .dropdown-menu:before, - .nav-collapse .nav > li > .dropdown-menu:after { - display: none; - } - .nav-collapse .navbar-form, - .nav-collapse .navbar-search { - float: none; - padding: 10px 15px; - margin: 10px 0; - border-top: 1px solid #f2f2f2; - border-bottom: 1px solid #f2f2f2; - -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); - box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); - } - .navbar-inverse .nav-collapse .navbar-form, - .navbar-inverse .nav-collapse .navbar-search { - border-top-color: #111111; - border-bottom-color: #111111; - } - .navbar .nav-collapse .nav.pull-right { - float: none; - margin-left: 0; - } - .nav-collapse, - .nav-collapse.collapse { - height: 0; - overflow: hidden; - } - .navbar .btn-navbar { - display: block; - } - .navbar-static { - padding-right: 10px; - padding-left: 10px; - } -} - -@media (min-width: 980px) { - .nav-collapse.collapse { - height: auto !important; - overflow: visible !important; - } -} -- cgit v1.2.3 From ebd2215e494e77a0da3283c1006a5ac164b8e862 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 30 Nov 2012 16:31:24 -0800 Subject: remove deleted css files, run make --- docs/assets/css/bootstrap.css | 5890 +++++++++++++++++++++++++++++++++++++++++ 1 file changed, 5890 insertions(+) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index e69de29bb..30b07937d 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -0,0 +1,5890 @@ +/*! + * Bootstrap v2.2.2 + * + * Copyright 2012 Twitter, Inc + * Licensed under the Apache License v2.0 + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Designed and built with all the love in the world @twitter by @mdo and @fat. + */ + +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +nav, +section { + display: block; +} + +audio, +canvas, +video { + display: inline-block; +} + +audio:not([controls]) { + display: none; +} + +html { + font-size: 100%; + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; +} + +a:focus { + outline: thin dotted #333; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} + +a:hover, +a:active { + outline: 0; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sup { + top: -0.5em; +} + +sub { + bottom: -0.25em; +} + +img { + width: auto\9; + height: auto; + max-width: 100%; + vertical-align: middle; + border: 0; + -ms-interpolation-mode: bicubic; +} + +#map_canvas img, +.google-maps img { + max-width: none; +} + +button, +input, +select, +textarea { + margin: 0; + font-size: 100%; + vertical-align: middle; +} + +button, +input { + line-height: normal; +} + +button, +html input[type="button"], +input[type="reset"], +input[type="submit"] { + cursor: pointer; + -webkit-appearance: button; +} + +label, +select, +button, +input[type="button"], +input[type="reset"], +input[type="submit"], +input[type="radio"], +input[type="checkbox"] { + cursor: pointer; +} + +input[type="search"] { + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; + -webkit-appearance: textfield; +} + +input[type="search"]::-webkit-search-decoration, +input[type="search"]::-webkit-search-cancel-button { + -webkit-appearance: none; +} + +textarea { + overflow: auto; + vertical-align: top; +} + +@media print { + * { + color: #000 !important; + text-shadow: none !important; + background: transparent !important; + box-shadow: none !important; + } + a, + a:visited { + text-decoration: underline; + } + a[href]:after { + content: " (" attr(href) ")"; + } + abbr[title]:after { + content: " (" attr(title) ")"; + } + .ir a:after, + a[href^="javascript:"]:after, + a[href^="#"]:after { + content: ""; + } + pre, + blockquote { + border: 1px solid #999; + page-break-inside: avoid; + } + thead { + display: table-header-group; + } + tr, + img { + page-break-inside: avoid; + } + img { + max-width: 100% !important; + } + @page { + margin: 0.5cm; + } + p, + h2, + h3 { + orphans: 3; + widows: 3; + } + h2, + h3 { + page-break-after: avoid; + } +} + +body { + margin: 0; + color: #333333; + background-color: #ffffff; +} + +body, +input, +button, +select, +textarea { + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 14px; + line-height: 20px; +} + +a { + color: #0088cc; + text-decoration: none; +} + +a:hover { + color: #005580; + text-decoration: underline; +} + +.img-rounded { + border-radius: 6px; +} + +.img-polaroid { + padding: 4px; + background-color: #fff; + border: 1px solid #ccc; + border: 1px solid rgba(0, 0, 0, 0.2); + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); +} + +.img-circle { + border-radius: 500px; +} + +.container { + max-width: 940px; + margin-right: auto; + margin-left: auto; +} + +.container:before, +.container:after { + display: table; + line-height: 0; + content: ""; +} + +.container:after { + clear: both; +} + +.row { + margin-right: -10px; + margin-left: -10px; +} + +.row:before, +.row:after { + display: table; + line-height: 0; + content: ""; +} + +.row:after { + clear: both; +} + +[class*="span"] { + float: left; + min-height: 1px; + padding-right: 10px; + padding-left: 10px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.span12 { + width: 100%; +} + +.span11 { + width: 91.66666666666666%; +} + +.span10 { + width: 83.33333333333334%; +} + +.span9 { + width: 75%; +} + +.span8 { + width: 66.66666666666666%; +} + +.span7 { + width: 58.333333333333336%; +} + +.span6 { + width: 50%; +} + +.span5 { + width: 41.66666666666667%; +} + +.span4 { + width: 33.33333333333333%; +} + +.span3 { + width: 25%; +} + +.span2 { + width: 16.666666666666664%; +} + +.span1 { + width: 8.333333333333332%; +} + +.offset12 { + margin-left: 100%; +} + +.offset11 { + margin-left: 91.66666666666666%; +} + +.offset10 { + margin-left: 83.33333333333334%; +} + +.offset9 { + margin-left: 75%; +} + +.offset8 { + margin-left: 66.66666666666666%; +} + +.offset7 { + margin-left: 58.333333333333336%; +} + +.offset6 { + margin-left: 50%; +} + +.offset5 { + margin-left: 41.66666666666667%; +} + +.offset4 { + margin-left: 33.33333333333333%; +} + +.offset3 { + margin-left: 25%; +} + +.offset2 { + margin-left: 16.666666666666664%; +} + +.offset1 { + margin-left: 8.333333333333332%; +} + +[class*="span"].hide { + display: none; +} + +[class*="span"].pull-right { + float: right; +} + +p { + margin: 0 0 10px; +} + +.lead { + margin-bottom: 20px; + font-size: 21px; + font-weight: 200; + line-height: 30px; +} + +small { + font-size: 85%; +} + +strong { + font-weight: bold; +} + +em { + font-style: italic; +} + +cite { + font-style: normal; +} + +.muted { + color: #999999; +} + +a.muted:hover { + color: #808080; +} + +.text-warning { + color: #c09853; +} + +a.text-warning:hover { + color: #a47e3c; +} + +.text-error { + color: #b94a48; +} + +a.text-error:hover { + color: #953b39; +} + +.text-info { + color: #3a87ad; +} + +a.text-info:hover { + color: #2d6987; +} + +.text-success { + color: #468847; +} + +a.text-success:hover { + color: #356635; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + margin: 10px 0; + font-family: inherit; + font-weight: bold; + line-height: 20px; + text-rendering: optimizelegibility; +} + +h1 small, +h2 small, +h3 small, +h4 small, +h5 small, +h6 small { + font-weight: normal; + line-height: 1; + color: #999999; +} + +h1, +h2, +h3 { + line-height: 40px; +} + +h1 { + font-size: 38.5px; +} + +h2 { + font-size: 31.5px; +} + +h3 { + font-size: 24.5px; +} + +h4 { + font-size: 17.5px; +} + +h5 { + font-size: 14px; +} + +h6 { + font-size: 11.9px; +} + +h1 small { + font-size: 24.5px; +} + +h2 small { + font-size: 17.5px; +} + +h3 small { + font-size: 14px; +} + +h4 small { + font-size: 14px; +} + +.page-header { + padding-bottom: 9px; + margin: 20px 0 30px; + border-bottom: 1px solid #eeeeee; +} + +ul, +ol { + padding: 0; + margin: 0 0 10px 25px; +} + +ul ul, +ul ol, +ol ol, +ol ul { + margin-bottom: 0; +} + +li { + line-height: 20px; +} + +.list-unstyled, +.list-inline { + margin-left: 0; + list-style: none; +} + +.list-inline > li { + display: inline-block; + padding-right: 5px; + padding-left: 5px; +} + +dl { + margin-bottom: 20px; +} + +dt, +dd { + line-height: 20px; +} + +dt { + font-weight: bold; +} + +dd { + margin-left: 10px; +} + +.dl-horizontal:before, +.dl-horizontal:after { + display: table; + line-height: 0; + content: ""; +} + +.dl-horizontal:after { + clear: both; +} + +.dl-horizontal dt { + float: left; + width: 160px; + overflow: hidden; + clear: left; + text-align: right; + text-overflow: ellipsis; + white-space: nowrap; +} + +.dl-horizontal dd { + margin-left: 180px; +} + +hr { + margin: 20px 0; + border: 0; + border-top: 1px solid #eeeeee; + border-bottom: 1px solid #fff; +} + +abbr[title], +abbr[data-original-title] { + cursor: help; + border-bottom: 1px dotted #999999; +} + +abbr.initialism { + font-size: 90%; + text-transform: uppercase; +} + +blockquote { + padding: 0 0 0 15px; + margin: 0 0 20px; + border-left: 5px solid #eeeeee; +} + +blockquote p { + margin-bottom: 0; + font-size: 16px; + font-weight: 300; + line-height: 25px; +} + +blockquote small { + display: block; + line-height: 20px; + color: #999999; +} + +blockquote small:before { + content: '\2014 \00A0'; +} + +blockquote.pull-right { + float: right; + padding-right: 15px; + padding-left: 0; + border-right: 5px solid #eeeeee; + border-left: 0; +} + +blockquote.pull-right p, +blockquote.pull-right small { + text-align: right; +} + +blockquote.pull-right small:before { + content: ''; +} + +blockquote.pull-right small:after { + content: '\00A0 \2014'; +} + +q:before, +q:after, +blockquote:before, +blockquote:after { + content: ""; +} + +address { + display: block; + margin-bottom: 20px; + font-style: normal; + line-height: 20px; +} + +code, +pre { + padding: 0 3px 2px; + font-family: Monaco, Menlo, Consolas, "Courier New", monospace; + font-size: 12px; + color: #333333; + border-radius: 4px; +} + +code { + padding: 2px 4px; + color: #d14; + white-space: nowrap; + background-color: #f7f7f9; + border: 1px solid #e1e1e8; +} + +pre { + display: block; + padding: 9.5px; + margin: 0 0 10px; + font-size: 13px; + line-height: 20px; + word-break: break-all; + word-wrap: break-word; + white-space: pre; + white-space: pre-wrap; + background-color: #f5f5f5; + border: 1px solid #ccc; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 4px; +} + +pre.prettyprint { + margin-bottom: 20px; +} + +pre code { + padding: 0; + color: inherit; + background-color: transparent; + border: 0; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +form { + margin: 0 0 20px; +} + +fieldset { + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + padding: 0; + margin-bottom: 20px; + font-size: 21px; + line-height: 40px; + color: #333333; + border: 0; + border-bottom: 1px solid #e5e5e5; +} + +label { + display: inline-block; + margin-bottom: 5px; + font-weight: bold; +} + +select, +textarea, +input[type="text"], +input[type="password"], +input[type="datetime"], +input[type="datetime-local"], +input[type="date"], +input[type="month"], +input[type="time"], +input[type="week"], +input[type="number"], +input[type="email"], +input[type="url"], +input[type="search"], +input[type="tel"], +input[type="color"], +.uneditable-input { + display: inline-block; + min-height: 34px; + padding: 6px 9px; + margin-bottom: 10px; + font-size: 14px; + line-height: 20px; + color: #555555; + vertical-align: middle; + background-color: #ffffff; + border: 1px solid #cccccc; + border-radius: 4px; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; + -moz-transition: border linear 0.2s, box-shadow linear 0.2s; + -o-transition: border linear 0.2s, box-shadow linear 0.2s; + transition: border linear 0.2s, box-shadow linear 0.2s; +} + +input, +select, +textarea, +.uneditable-input { + width: 100%; +} + +input[type="file"], +input[type="image"], +input[type="submit"], +input[type="reset"], +input[type="button"], +input[type="radio"], +input[type="checkbox"] { + width: auto; +} + +textarea { + height: auto; +} + +textarea:focus, +input[type="text"]:focus, +input[type="password"]:focus, +input[type="datetime"]:focus, +input[type="datetime-local"]:focus, +input[type="date"]:focus, +input[type="month"]:focus, +input[type="time"]:focus, +input[type="week"]:focus, +input[type="number"]:focus, +input[type="email"]:focus, +input[type="url"]:focus, +input[type="search"]:focus, +input[type="tel"]:focus, +input[type="color"]:focus, +.uneditable-input:focus { + border-color: rgba(82, 168, 236, 0.8); + outline: 0; + outline: thin dotted \9; + /* IE6-9 */ + + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); +} + +input[type="radio"], +input[type="checkbox"] { + margin: 4px 0 0; + margin-top: 1px \9; + /* IE8-9 */ + + line-height: normal; +} + +select, +input[type="file"] { + height: 34px; + /* In IE7, the height of the select element cannot be changed by height, only font-size. TODO: Check if this is still needed when dropping IE7 support */ + + line-height: 34px; +} + +select { + border: 1px solid #cccccc; +} + +select[multiple], +select[size] { + height: auto; +} + +select:focus, +input[type="file"]:focus, +input[type="radio"]:focus, +input[type="checkbox"]:focus { + outline: thin dotted #333; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} + +.uneditable-input, +.uneditable-textarea { + color: #999999; + cursor: not-allowed; + background-color: #fcfcfc; + border-color: #cccccc; + -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); +} + +.uneditable-input { + overflow: hidden; + white-space: nowrap; +} + +.uneditable-textarea { + width: auto; + height: auto; +} + +input:-moz-placeholder, +textarea:-moz-placeholder { + color: #999999; +} + +input:-ms-input-placeholder, +textarea:-ms-input-placeholder { + color: #999999; +} + +input::-webkit-input-placeholder, +textarea::-webkit-input-placeholder { + color: #999999; +} + +.radio, +.checkbox { + display: block; + min-height: 20px; + padding-left: 20px; +} + +.radio label, +.checkbox label { + font-weight: normal; +} + +.radio input[type="radio"], +.checkbox input[type="checkbox"] { + float: left; + margin-left: -20px; +} + +.controls > .radio:first-child, +.controls > .checkbox:first-child { + padding-top: 5px; +} + +.radio.inline, +.checkbox.inline { + display: inline-block; + padding-top: 5px; + margin-bottom: 0; + vertical-align: middle; +} + +.radio.inline + .radio.inline, +.checkbox.inline + .checkbox.inline { + margin-left: 10px; +} + +select.input-large, +textarea.input-large, +input[type="text"].input-large, +input[type="password"].input-large, +input[type="datetime"].input-large, +input[type="datetime-local"].input-large, +input[type="date"].input-large, +input[type="month"].input-large, +input[type="time"].input-large, +input[type="week"].input-large, +input[type="number"].input-large, +input[type="email"].input-large, +input[type="url"].input-large, +input[type="search"].input-large, +input[type="tel"].input-large, +input[type="color"].input-large, +.uneditable-input.input-large { + padding: 11px 19px; + padding-right: 14px; + padding-left: 14px; + font-size: 17.5px; + border-radius: 6px; +} + +select.input-small, +textarea.input-small, +input[type="text"].input-small, +input[type="password"].input-small, +input[type="datetime"].input-small, +input[type="datetime-local"].input-small, +input[type="date"].input-small, +input[type="month"].input-small, +input[type="time"].input-small, +input[type="week"].input-small, +input[type="number"].input-small, +input[type="email"].input-small, +input[type="url"].input-small, +input[type="search"].input-small, +input[type="tel"].input-small, +input[type="color"].input-small, +.uneditable-input.input-small { + padding: 2px 10px; + font-size: 11.9px; + border-radius: 3px; +} + +select.input-mini, +textarea.input-mini, +input[type="text"].input-mini, +input[type="password"].input-mini, +input[type="datetime"].input-mini, +input[type="datetime-local"].input-mini, +input[type="date"].input-mini, +input[type="month"].input-mini, +input[type="time"].input-mini, +input[type="week"].input-mini, +input[type="number"].input-mini, +input[type="email"].input-mini, +input[type="url"].input-mini, +input[type="search"].input-mini, +input[type="tel"].input-mini, +input[type="color"].input-mini, +.uneditable-input.input-mini { + padding: 0 6px; + font-size: 10.5px; + border-radius: 3px; +} + +input[class*="span"], +select[class*="span"], +textarea[class*="span"], +.uneditable-input[class*="span"] { + float: none; + margin-right: 0; + margin-left: 0; +} + +.controls-row input.offset12, +textarea.offset12, +select.offset12, +uneditable-input.offset12 { + margin-left: 101.06382978723404%; +} + +.controls-row input.offset11, +textarea.offset11, +select.offset11, +uneditable-input.offset11 { + margin-left: 92.7304964539007%; +} + +.controls-row input.offset10, +textarea.offset10, +select.offset10, +uneditable-input.offset10 { + margin-left: 84.39716312056738%; +} + +.controls-row input.offset9, +textarea.offset9, +select.offset9, +uneditable-input.offset9 { + margin-left: 76.06382978723404%; +} + +.controls-row input.offset8, +textarea.offset8, +select.offset8, +uneditable-input.offset8 { + margin-left: 67.7304964539007%; +} + +.controls-row input.offset7, +textarea.offset7, +select.offset7, +uneditable-input.offset7 { + margin-left: 59.39716312056738%; +} + +.controls-row input.offset6, +textarea.offset6, +select.offset6, +uneditable-input.offset6 { + margin-left: 51.06382978723404%; +} + +.controls-row input.offset5, +textarea.offset5, +select.offset5, +uneditable-input.offset5 { + margin-left: 42.73049645390071%; +} + +.controls-row input.offset4, +textarea.offset4, +select.offset4, +uneditable-input.offset4 { + margin-left: 34.39716312056737%; +} + +.controls-row input.offset3, +textarea.offset3, +select.offset3, +uneditable-input.offset3 { + margin-left: 26.06382978723404%; +} + +.controls-row input.offset2, +textarea.offset2, +select.offset2, +uneditable-input.offset2 { + margin-left: 17.730496453900706%; +} + +.controls-row input.offset1, +textarea.offset1, +select.offset1, +uneditable-input.offset1 { + margin-left: 9.397163120567374%; +} + +.input-append input[class*="span"], +.input-append .uneditable-input[class*="span"], +.input-prepend input[class*="span"], +.input-prepend .uneditable-input[class*="span"] { + display: inline-block; +} + +input[class*="span"], +select[class*="span"], +textarea[class*="span"], +.uneditable-input[class*="span"] { + height: 30px; +} + +.controls-row:before, +.controls-row:after { + display: table; + line-height: 0; + content: ""; +} + +.controls-row:after { + clear: both; +} + +.controls-row [class*="span"] { + float: left; +} + +.controls-row .checkbox[class*="span"], +.controls-row .radio[class*="span"] { + padding-top: 5px; +} + +input[disabled], +select[disabled], +textarea[disabled], +input[readonly], +select[readonly], +textarea[readonly] { + cursor: not-allowed; + background-color: #eeeeee; +} + +input[type="radio"][disabled], +input[type="checkbox"][disabled], +input[type="radio"][readonly], +input[type="checkbox"][readonly] { + background-color: transparent; +} + +.control-group.warning .control-label, +.control-group.warning .help-block, +.control-group.warning .help-inline { + color: #c09853; +} + +.control-group.warning .checkbox, +.control-group.warning .radio, +.control-group.warning input, +.control-group.warning select, +.control-group.warning textarea { + color: #c09853; +} + +.control-group.warning input, +.control-group.warning select, +.control-group.warning textarea { + border-color: #c09853; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); +} + +.control-group.warning input:focus, +.control-group.warning select:focus, +.control-group.warning textarea:focus { + border-color: #a47e3c; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; +} + +.control-group.warning .input-prepend .add-on, +.control-group.warning .input-append .add-on { + color: #c09853; + background-color: #fcf8e3; + border-color: #c09853; +} + +.control-group.error .control-label, +.control-group.error .help-block, +.control-group.error .help-inline { + color: #b94a48; +} + +.control-group.error .checkbox, +.control-group.error .radio, +.control-group.error input, +.control-group.error select, +.control-group.error textarea { + color: #b94a48; +} + +.control-group.error input, +.control-group.error select, +.control-group.error textarea { + border-color: #b94a48; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); +} + +.control-group.error input:focus, +.control-group.error select:focus, +.control-group.error textarea:focus { + border-color: #953b39; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; +} + +.control-group.error .input-prepend .add-on, +.control-group.error .input-append .add-on { + color: #b94a48; + background-color: #f2dede; + border-color: #b94a48; +} + +.control-group.success .control-label, +.control-group.success .help-block, +.control-group.success .help-inline { + color: #468847; +} + +.control-group.success .checkbox, +.control-group.success .radio, +.control-group.success input, +.control-group.success select, +.control-group.success textarea { + color: #468847; +} + +.control-group.success input, +.control-group.success select, +.control-group.success textarea { + border-color: #468847; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); +} + +.control-group.success input:focus, +.control-group.success select:focus, +.control-group.success textarea:focus { + border-color: #356635; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; +} + +.control-group.success .input-prepend .add-on, +.control-group.success .input-append .add-on { + color: #468847; + background-color: #dff0d8; + border-color: #468847; +} + +.control-group.info .control-label, +.control-group.info .help-block, +.control-group.info .help-inline { + color: #3a87ad; +} + +.control-group.info .checkbox, +.control-group.info .radio, +.control-group.info input, +.control-group.info select, +.control-group.info textarea { + color: #3a87ad; +} + +.control-group.info input, +.control-group.info select, +.control-group.info textarea { + border-color: #3a87ad; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); +} + +.control-group.info input:focus, +.control-group.info select:focus, +.control-group.info textarea:focus { + border-color: #2d6987; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; +} + +.control-group.info .input-prepend .add-on, +.control-group.info .input-append .add-on { + color: #3a87ad; + background-color: #d9edf7; + border-color: #3a87ad; +} + +input:focus:invalid, +textarea:focus:invalid, +select:focus:invalid { + color: #b94a48; + border-color: #ee5f5b; +} + +input:focus:invalid:focus, +textarea:focus:invalid:focus, +select:focus:invalid:focus { + border-color: #e9322d; + -webkit-box-shadow: 0 0 6px #f8b9b7; + box-shadow: 0 0 6px #f8b9b7; +} + +.form-actions { + padding: 19px 20px 20px; + margin-top: 20px; + margin-bottom: 20px; + background-color: #f5f5f5; + border-top: 1px solid #e5e5e5; +} + +.form-actions:before, +.form-actions:after { + display: table; + line-height: 0; + content: ""; +} + +.form-actions:after { + clear: both; +} + +.help-block, +.help-inline { + color: #737373; +} + +.help-block { + display: block; + margin-bottom: 10px; +} + +.help-inline { + display: inline-block; + padding-left: 5px; + vertical-align: middle; +} + +.input-append, +.input-prepend { + margin-bottom: 5px; + font-size: 0; + white-space: nowrap; +} + +.input-append input, +.input-prepend input, +.input-append select, +.input-prepend select, +.input-append .uneditable-input, +.input-prepend .uneditable-input, +.input-append .dropdown-menu, +.input-prepend .dropdown-menu { + font-size: 14px; +} + +.input-append input, +.input-prepend input, +.input-append select, +.input-prepend select, +.input-append .uneditable-input, +.input-prepend .uneditable-input { + position: relative; + float: none; + margin: 0; + font-size: 14px; + vertical-align: top; + border-radius: 0 4px 4px 0; +} + +.input-append input:focus, +.input-prepend input:focus, +.input-append select:focus, +.input-prepend select:focus, +.input-append .uneditable-input:focus, +.input-prepend .uneditable-input:focus { + z-index: 2; +} + +.input-append input[class*="span"], +.input-prepend input[class*="span"], +.input-append select[class*="span"], +.input-prepend select[class*="span"], +.input-append .uneditable-input[class*="span"], +.input-prepend .uneditable-input[class*="span"] { + margin: 0; +} + +.input-append .add-on, +.input-prepend .add-on { + display: inline-block; + width: auto; + height: 20px; + min-width: 16px; + padding: 6px; + font-size: 14px; + font-weight: normal; + line-height: 20px; + text-align: center; + text-shadow: 0 1px 0 #fff; + background-color: #eeeeee; + border: 1px solid #ccc; +} + +.input-append .add-on, +.input-prepend .add-on, +.input-append .btn, +.input-prepend .btn, +.input-append .btn-group > .dropdown-toggle, +.input-prepend .btn-group > .dropdown-toggle { + vertical-align: top; + border-radius: 0; +} + +.input-append .active, +.input-prepend .active { + background-color: #dff0d8; + border-color: #468847; +} + +.input-prepend .add-on, +.input-prepend .btn { + margin-right: -1px; +} + +.input-prepend .add-on:first-child, +.input-prepend .btn:first-child { + border-radius: 4px 0 0 4px; +} + +.input-append input, +.input-append select, +.input-append .uneditable-input { + border-radius: 4px 0 0 4px; +} + +.input-append input + .btn-group .btn, +.input-append select + .btn-group .btn, +.input-append .uneditable-input + .btn-group .btn, +.input-append input + .btn-group .btn:last-child, +.input-append select + .btn-group .btn:last-child, +.input-append .uneditable-input + .btn-group .btn:last-child { + border-radius: 0 4px 4px 0; +} + +.input-append .add-on, +.input-append .btn, +.input-append .btn-group { + margin-left: -1px; +} + +.input-append .add-on:last-child, +.input-append .btn:last-child, +.input-append .btn-group:last-child > .dropdown-toggle { + border-radius: 0 4px 4px 0; +} + +.input-prepend.input-append input, +.input-prepend.input-append select, +.input-prepend.input-append .uneditable-input { + border-radius: 0; +} + +.input-prepend.input-append input + .btn-group .btn, +.input-prepend.input-append select + .btn-group .btn, +.input-prepend.input-append .uneditable-input + .btn-group .btn { + border-radius: 0 4px 4px 0; +} + +.input-prepend.input-append .add-on:first-child, +.input-prepend.input-append .btn:first-child { + margin-right: -1px; + border-radius: 4px 0 0 4px; +} + +.input-prepend.input-append .add-on:last-child, +.input-prepend.input-append .btn:last-child { + margin-left: -1px; + border-radius: 0 4px 4px 0; +} + +.input-prepend.input-append .btn-group:first-child { + margin-left: 0; +} + +input.search-query { + padding-right: 14px; + padding-right: 4px \9; + padding-left: 14px; + padding-left: 4px \9; + /* IE8 doesn't have border radius, so don't indent the padding */ + + margin-bottom: 0; + border-radius: 20px; +} + +/* Allow for input prepend/append in search forms */ + +.form-search .input-append .search-query, +.form-search .input-prepend .search-query { + border-radius: 0; +} + +.form-search .input-append .search-query { + border-radius: 20px 0 0 20px; +} + +.form-search .input-append .btn { + border-radius: 0 20px 20px 0; +} + +.form-search .input-prepend .search-query { + border-radius: 0 20px 20px 0; +} + +.form-search .input-prepend .btn { + border-radius: 20px 0 0 20px; +} + +.form-search input, +.form-inline input, +.form-horizontal input, +.form-search textarea, +.form-inline textarea, +.form-horizontal textarea, +.form-search select, +.form-inline select, +.form-horizontal select, +.form-search .help-inline, +.form-inline .help-inline, +.form-horizontal .help-inline, +.form-search .uneditable-input, +.form-inline .uneditable-input, +.form-horizontal .uneditable-input, +.form-search .input-prepend, +.form-inline .input-prepend, +.form-horizontal .input-prepend, +.form-search .input-append, +.form-inline .input-append, +.form-horizontal .input-append { + display: inline-block; + margin-bottom: 0; + vertical-align: middle; +} + +.form-search .hide, +.form-inline .hide, +.form-horizontal .hide { + display: none; +} + +.form-search label, +.form-inline label, +.form-search .btn-group, +.form-inline .btn-group { + display: inline-block; +} + +.form-search .input-append, +.form-inline .input-append, +.form-search .input-prepend, +.form-inline .input-prepend { + margin-bottom: 0; +} + +.form-search .radio, +.form-search .checkbox, +.form-inline .radio, +.form-inline .checkbox { + display: inline-block; + padding-left: 0; +} + +.form-search .radio label, +.form-search .checkbox label, +.form-inline .radio label, +.form-inline .checkbox label { + margin-bottom: 0; + vertical-align: middle; +} + +.form-search .radio input[type="radio"], +.form-search .checkbox input[type="checkbox"], +.form-inline .radio input[type="radio"], +.form-inline .checkbox input[type="checkbox"] { + float: left; + margin-right: 3px; + margin-left: 0; +} + +.control-group { + margin-bottom: 10px; +} + +legend + .control-group { + margin-top: 20px; + -webkit-margin-top-collapse: separate; +} + +.form-horizontal .control-group { + margin-bottom: 20px; +} + +.form-horizontal .control-group:before, +.form-horizontal .control-group:after { + display: table; + line-height: 0; + content: ""; +} + +.form-horizontal .control-group:after { + clear: both; +} + +.form-horizontal .control-label { + float: left; + width: 160px; + padding-top: 5px; + text-align: right; +} + +.form-horizontal .controls { + margin-left: 180px; +} + +.form-horizontal .help-block { + margin-bottom: 0; +} + +.form-horizontal input + .help-block, +.form-horizontal select + .help-block, +.form-horizontal textarea + .help-block, +.form-horizontal .uneditable-input + .help-block, +.form-horizontal .input-prepend + .help-block, +.form-horizontal .input-append + .help-block { + margin-top: 10px; +} + +.form-horizontal .form-actions { + padding-left: 180px; +} + +table { + max-width: 100%; + background-color: transparent; + border-collapse: collapse; + border-spacing: 0; +} + +.table { + width: 100%; + margin-bottom: 20px; +} + +.table th, +.table td { + padding: 8px; + line-height: 20px; + text-align: left; + vertical-align: top; + border-top: 1px solid #dddddd; +} + +.table th { + font-weight: bold; +} + +.table thead th { + vertical-align: bottom; +} + +.table caption + thead tr:first-child th, +.table caption + thead tr:first-child td, +.table colgroup + thead tr:first-child th, +.table colgroup + thead tr:first-child td, +.table thead:first-child tr:first-child th, +.table thead:first-child tr:first-child td { + border-top: 0; +} + +.table tbody + tbody { + border-top: 2px solid #dddddd; +} + +.table-condensed th, +.table-condensed td { + padding: 4px 5px; +} + +.table-bordered { + border: 1px solid #dddddd; + border-collapse: separate; + border-left: 0; + border-radius: 4px; +} + +.table-bordered th, +.table-bordered td { + border-left: 1px solid #dddddd; +} + +.table-bordered caption + thead tr:first-child th, +.table-bordered caption + tbody tr:first-child th, +.table-bordered caption + tbody tr:first-child td, +.table-bordered colgroup + thead tr:first-child th, +.table-bordered colgroup + tbody tr:first-child th, +.table-bordered colgroup + tbody tr:first-child td, +.table-bordered thead:first-child tr:first-child th, +.table-bordered tbody:first-child tr:first-child th, +.table-bordered tbody:first-child tr:first-child td { + border-top: 0; +} + +.table-bordered thead:first-child tr:first-child th:first-child, +.table-bordered tbody:first-child tr:first-child td:first-child { + -webkit-border-top-left-radius: 4px; + border-top-left-radius: 4px; + -moz-border-radius-topleft: 4px; +} + +.table-bordered thead:first-child tr:first-child th:last-child, +.table-bordered tbody:first-child tr:first-child td:last-child { + -webkit-border-top-right-radius: 4px; + border-top-right-radius: 4px; + -moz-border-radius-topright: 4px; +} + +.table-bordered thead:last-child tr:last-child th:first-child, +.table-bordered tbody:last-child tr:last-child td:first-child, +.table-bordered tfoot:last-child tr:last-child td:first-child { + -webkit-border-bottom-left-radius: 4px; + border-bottom-left-radius: 4px; + -moz-border-radius-bottomleft: 4px; +} + +.table-bordered thead:last-child tr:last-child th:last-child, +.table-bordered tbody:last-child tr:last-child td:last-child, +.table-bordered tfoot:last-child tr:last-child td:last-child { + -webkit-border-bottom-right-radius: 4px; + border-bottom-right-radius: 4px; + -moz-border-radius-bottomright: 4px; +} + +.table-bordered tfoot + tbody:last-child tr:last-child td:first-child { + -webkit-border-bottom-left-radius: 0; + border-bottom-left-radius: 0; + -moz-border-radius-bottomleft: 0; +} + +.table-bordered tfoot + tbody:last-child tr:last-child td:last-child { + -webkit-border-bottom-right-radius: 0; + border-bottom-right-radius: 0; + -moz-border-radius-bottomright: 0; +} + +.table-bordered caption + thead tr:first-child th:first-child, +.table-bordered caption + tbody tr:first-child td:first-child, +.table-bordered colgroup + thead tr:first-child th:first-child, +.table-bordered colgroup + tbody tr:first-child td:first-child { + -webkit-border-top-left-radius: 4px; + border-top-left-radius: 4px; + -moz-border-radius-topleft: 4px; +} + +.table-bordered caption + thead tr:first-child th:last-child, +.table-bordered caption + tbody tr:first-child td:last-child, +.table-bordered colgroup + thead tr:first-child th:last-child, +.table-bordered colgroup + tbody tr:first-child td:last-child { + -webkit-border-top-right-radius: 4px; + border-top-right-radius: 4px; + -moz-border-radius-topright: 4px; +} + +.table-striped tbody tr:nth-child(odd) td, +.table-striped tbody tr:nth-child(odd) th { + background-color: #f9f9f9; +} + +.table-hover tbody tr:hover td, +.table-hover tbody tr:hover th { + background-color: #f5f5f5; +} + +table td[class*="span"], +table th[class*="span"] { + display: table-cell; + float: none; + margin-left: 0; +} + +.table tbody tr.success td { + background-color: #dff0d8; +} + +.table tbody tr.error td { + background-color: #f2dede; +} + +.table tbody tr.warning td { + background-color: #fcf8e3; +} + +.table tbody tr.info td { + background-color: #d9edf7; +} + +.table-hover tbody tr.success:hover td { + background-color: #d0e9c6; +} + +.table-hover tbody tr.error:hover td { + background-color: #ebcccc; +} + +.table-hover tbody tr.warning:hover td { + background-color: #faf2cc; +} + +.table-hover tbody tr.info:hover td { + background-color: #c4e3f3; +} + +@font-face { + font-family: 'Glyphicons Halflings'; + font-style: normal; + font-weight: normal; + src: url('../fonts/glyphiconshalflings-regular.eot'); + src: url('../fonts/glyphiconshalflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphiconshalflings-regular.woff') format('woff'), url('../fonts/glyphiconshalflings-regular.ttf') format('truetype'), url('../fonts/glyphiconshalflings-regular.svg#glyphicons_halflingsregular') format('svg'); +} + +[class^="glyphicon-"]:before { + font-family: 'Glyphicons Halflings'; + font-style: normal; + line-height: 1; +} + +.glyphicon-glass:before { + content: "\e001"; +} + +.glyphicon-music:before { + content: "\e002"; +} + +.glyphicon-search:before { + content: "\e003"; +} + +.glyphicon-envelope:before { + content: "\2709"; +} + +.glyphicon-heart:before { + content: "\e005"; +} + +.glyphicon-star:before { + content: "\e006"; +} + +.glyphicon-star-empty:before { + content: "\e007"; +} + +.glyphicon-user:before { + content: "\e008"; +} + +.glyphicon-film:before { + content: "\e009"; +} + +.glyphicon-th-large:before { + content: "\e010"; +} + +.glyphicon-th:before { + content: "\e011"; +} + +.glyphicon-th-list:before { + content: "\e012"; +} + +.glyphicon-ok:before { + content: "\e013"; +} + +.glyphicon-remove:before { + content: "\e014"; +} + +.glyphicon-zoom-in:before { + content: "\e015"; +} + +.glyphicon-zoom-out:before { + content: "\e016"; +} + +.glyphicon-off:before { + content: "\e017"; +} + +.glyphicon-signal:before { + content: "\e018"; +} + +.glyphicon-cog:before { + content: "\e019"; +} + +.glyphicon-trash:before { + content: "\e020"; +} + +.glyphicon-home:before { + content: "\e021"; +} + +.glyphicon-file:before { + content: "\e022"; +} + +.glyphicon-time:before { + content: "\e023"; +} + +.glyphicon-road:before { + content: "\e024"; +} + +.glyphicon-download-alt:before { + content: "\e025"; +} + +.glyphicon-download:before { + content: "\e026"; +} + +.glyphicon-upload:before { + content: "\e027"; +} + +.glyphicon-inbox:before { + content: "\e028"; +} + +.glyphicon-play-circle:before { + content: "\e029"; +} + +.glyphicon-repeat:before { + content: "\e030"; +} + +.glyphicon-refresh:before { + content: "\e031"; +} + +.glyphicon-list-alt:before { + content: "\e032"; +} + +.glyphicon-lock:before { + content: "\e033"; +} + +.glyphicon-flag:before { + content: "\e034"; +} + +.glyphicon-headphones:before { + content: "\e035"; +} + +.glyphicon-volume-off:before { + content: "\e036"; +} + +.glyphicon-volume-down:before { + content: "\e037"; +} + +.glyphicon-volume-up:before { + content: "\e038"; +} + +.glyphicon-qrcode:before { + content: "\e039"; +} + +.glyphicon-barcode:before { + content: "\e040"; +} + +.glyphicon-tag:before { + content: "\e041"; +} + +.glyphicon-tags:before { + content: "\e042"; +} + +.glyphicon-book:before { + content: "\e043"; +} + +.glyphicon-bookmark:before { + content: "\e044"; +} + +.glyphicon-print:before { + content: "\e045"; +} + +.glyphicon-camera:before { + content: "\e046"; +} + +.glyphicon-font:before { + content: "\e047"; +} + +.glyphicon-bold:before { + content: "\e048"; +} + +.glyphicon-italic:before { + content: "\e049"; +} + +.glyphicon-text-height:before { + content: "\e050"; +} + +.glyphicon-text-width:before { + content: "\e051"; +} + +.glyphicon-align-left:before { + content: "\e052"; +} + +.glyphicon-align-center:before { + content: "\e053"; +} + +.glyphicon-align-right:before { + content: "\e054"; +} + +.glyphicon-align-justify:before { + content: "\e055"; +} + +.glyphicon-list:before { + content: "\e056"; +} + +.glyphicon-indent-left:before { + content: "\e057"; +} + +.glyphicon-indent-right:before { + content: "\e058"; +} + +.glyphicon-facetime-video:before { + content: "\e059"; +} + +.glyphicon-picture:before { + content: "\e060"; +} + +.glyphicon-pencil:before { + content: "\270f"; +} + +.glyphicon-map-marker:before { + content: "\e062"; +} + +.glyphicon-adjust:before { + content: "\e063"; +} + +.glyphicon-tint:before { + content: "\e064"; +} + +.glyphicon-edit:before { + content: "\e065"; +} + +.glyphicon-share:before { + content: "\e066"; +} + +.glyphicon-check:before { + content: "\e067"; +} + +.glyphicon-move:before { + content: "\e068"; +} + +.glyphicon-step-backward:before { + content: "\e069"; +} + +.glyphicon-fast-backward:before { + content: "\e070"; +} + +.glyphicon-backward:before { + content: "\e071"; +} + +.glyphicon-play:before { + content: "\e072"; +} + +.glyphicon-pause:before { + content: "\e073"; +} + +.glyphicon-stop:before { + content: "\e074"; +} + +.glyphicon-forward:before { + content: "\e075"; +} + +.glyphicon-fast-forward:before { + content: "\e076"; +} + +.glyphicon-step-forward:before { + content: "\e077"; +} + +.glyphicon-eject:before { + content: "\e078"; +} + +.glyphicon-chevron-left:before { + content: "\e079"; +} + +.glyphicon-chevron-right:before { + content: "\e080"; +} + +.glyphicon-plus-sign:before { + content: "\e081"; +} + +.glyphicon-minus-sign:before { + content: "\e082"; +} + +.glyphicon-remove-sign:before { + content: "\e083"; +} + +.glyphicon-ok-sign:before { + content: "\e084"; +} + +.glyphicon-question-sign:before { + content: "\e085"; +} + +.glyphicon-info-sign:before { + content: "\e086"; +} + +.glyphicon-screenshot:before { + content: "\e087"; +} + +.glyphicon-remove-circle:before { + content: "\e088"; +} + +.glyphicon-ok-circle:before { + content: "\e089"; +} + +.glyphicon-ban-circle:before { + content: "\e090"; +} + +.glyphicon-arrow-left:before { + content: "\e091"; +} + +.glyphicon-arrow-right:before { + content: "\e092"; +} + +.glyphicon-arrow-up:before { + content: "\e093"; +} + +.glyphicon-arrow-down:before { + content: "\e094"; +} + +.glyphicon-share-alt:before { + content: "\e095"; +} + +.glyphicon-resize-full:before { + content: "\e096"; +} + +.glyphicon-resize-small:before { + content: "\e097"; +} + +.glyphicon-plus:before { + content: "\002b"; +} + +.glyphicon-minus:before { + content: "\2212"; +} + +.glyphicon-asterisk:before { + content: "\002a"; +} + +.glyphicon-exclamation-sign:before { + content: "\e101"; +} + +.glyphicon-gift:before { + content: "\e102"; +} + +.glyphicon-leaf:before { + content: "\e103"; +} + +.glyphicon-fire:before { + content: "\e104"; +} + +.glyphicon-eye-open:before { + content: "\e105"; +} + +.glyphicon-eye-close:before { + content: "\e106"; +} + +.glyphicon-warning-sign:before { + content: "\e107"; +} + +.glyphicon-plane:before { + content: "\e108"; +} + +.glyphicon-calendar:before { + content: "\e109"; +} + +.glyphicon-random:before { + content: "\e110"; +} + +.glyphicon-comment:before { + content: "\e111"; +} + +.glyphicon-magnet:before { + content: "\e112"; +} + +.glyphicon-chevron-up:before { + content: "\e113"; +} + +.glyphicon-chevron-down:before { + content: "\e114"; +} + +.glyphicon-retweet:before { + content: "\e115"; +} + +.glyphicon-shopping-cart:before { + content: "\e116"; +} + +.glyphicon-folder-close:before { + content: "\e117"; +} + +.glyphicon-folder-open:before { + content: "\e118"; +} + +.glyphicon-resize-vertical:before { + content: "\e119"; +} + +.glyphicon-resize-horizontal:before { + content: "\e120"; +} + +.glyphicon-hdd:before { + content: "\e121"; +} + +.glyphicon-bullhorn:before { + content: "\e122"; +} + +.glyphicon-bell:before { + content: "\e123"; +} + +.glyphicon-certificate:before { + content: "\e124"; +} + +.glyphicon-thumbs-up:before { + content: "\e125"; +} + +.glyphicon-thumbs-down:before { + content: "\e126"; +} + +.glyphicon-hand-right:before { + content: "\e127"; +} + +.glyphicon-hand-left:before { + content: "\e128"; +} + +.glyphicon-hand-up:before { + content: "\e129"; +} + +.glyphicon-hand-down:before { + content: "\e130"; +} + +.glyphicon-circle-arrow-right:before { + content: "\e131"; +} + +.glyphicon-circle-arrow-left:before { + content: "\e132"; +} + +.glyphicon-circle-arrow-up:before { + content: "\e133"; +} + +.glyphicon-circle-arrow-down:before { + content: "\e134"; +} + +.glyphicon-globe:before { + content: "\e135"; +} + +.glyphicon-wrench:before { + content: "\e136"; +} + +.glyphicon-tasks:before { + content: "\e137"; +} + +.glyphicon-filter:before { + content: "\e138"; +} + +.glyphicon-briefcase:before { + content: "\e139"; +} + +.glyphicon-fullscreen:before { + content: "\e140"; +} + +.glyphicon-dashboard:before { + content: "\e141"; +} + +.glyphicon-paperclip:before { + content: "\e142"; +} + +.glyphicon-heart-empty:before { + content: "\e143"; +} + +.glyphicon-link:before { + content: "\e144"; +} + +.glyphicon-phone:before { + content: "\e145"; +} + +.glyphicon-pushpin:before { + content: "\e146"; +} + +.glyphicon-euro:before { + content: "\20ac"; +} + +.glyphicon-usd:before { + content: "\e148"; +} + +.glyphicon-gbp:before { + content: "\e149"; +} + +.glyphicon-sort:before { + content: "\e150"; +} + +.glyphicon-sort-by-alphabet:before { + content: "\e151"; +} + +.glyphicon-sort-by-alphabet-alt:before { + content: "\e152"; +} + +.glyphicon-sort-by-order:before { + content: "\e153"; +} + +.glyphicon-sort-by-order-alt:before { + content: "\e154"; +} + +.glyphicon-sort-by-attributes:before { + content: "\e155"; +} + +.glyphicon-sort-by-attributes-alt:before { + content: "\e156"; +} + +.glyphicon-unchecked:before { + content: "\e157"; +} + +.glyphicon-expand:before { + content: "\e158"; +} + +.glyphicon-collapse:before { + content: "\e159"; +} + +.glyphicon-collapse-top:before { + content: "\e160"; +} + +.dropup, +.dropdown { + position: relative; +} + +.dropdown-toggle:active, +.open .dropdown-toggle { + outline: 0; +} + +.caret { + display: inline-block; + width: 0; + height: 0; + vertical-align: top; + border-top: 4px solid #000000; + border-right: 4px solid transparent; + border-left: 4px solid transparent; + content: ""; +} + +.dropdown .caret { + margin-top: 8px; + margin-left: 2px; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 160px; + padding: 5px 0; + margin: 2px 0 0; + list-style: none; + background-color: #ffffff; + border: 1px solid #ccc; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 4px; + -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + -webkit-background-clip: padding-box; + -moz-background-clip: padding-box; + background-clip: padding-box; +} + +.dropdown-menu.pull-right { + right: 0; + left: auto; +} + +.dropdown-menu .divider { + height: 1px; + margin: 9px 1px; + overflow: hidden; + background-color: #e5e5e5; + border-bottom: 1px solid #ffffff; +} + +.dropdown-menu li > a { + display: block; + padding: 3px 20px; + clear: both; + font-weight: normal; + line-height: 20px; + color: #333333; + white-space: nowrap; +} + +.dropdown-menu li > a:hover, +.dropdown-menu li > a:focus, +.dropdown-submenu:hover > a { + color: #ffffff; + text-decoration: none; + background-color: #0081c2; + background-image: -moz-linear-gradient(top, #0088cc, #0077b3); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3)); + background-image: -webkit-linear-gradient(top, #0088cc, #0077b3); + background-image: -o-linear-gradient(top, #0088cc, #0077b3); + background-image: linear-gradient(top, #0088cc, #0077b3); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0); +} + +.dropdown-menu .active > a, +.dropdown-menu .active > a:hover { + color: #ffffff; + text-decoration: none; + background-color: #0081c2; + background-image: -moz-linear-gradient(top, #0088cc, #0077b3); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3)); + background-image: -webkit-linear-gradient(top, #0088cc, #0077b3); + background-image: -o-linear-gradient(top, #0088cc, #0077b3); + background-image: linear-gradient(top, #0088cc, #0077b3); + background-repeat: repeat-x; + outline: 0; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0); +} + +.dropdown-menu .disabled > a, +.dropdown-menu .disabled > a:hover { + color: #999999; +} + +.dropdown-menu .disabled > a:hover { + text-decoration: none; + cursor: default; + background-color: transparent; + background-image: none; + filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); +} + +.open > .dropdown-menu { + display: block; +} + +.pull-right > .dropdown-menu { + right: 0; + left: auto; +} + +.dropup .caret, +.navbar-fixed-bottom .dropdown .caret { + border-top: 0; + border-bottom: 4px solid #000000; + content: ""; +} + +.dropup .dropdown-menu, +.navbar-fixed-bottom .dropdown .dropdown-menu { + top: auto; + bottom: 100%; + margin-bottom: 1px; +} + +.dropdown-submenu { + position: relative; +} + +.dropdown-submenu > .dropdown-menu { + top: 0; + left: 100%; + margin-top: -6px; + margin-left: -1px; + border-radius: 0 4px 4px 4px; +} + +.dropdown-submenu:hover > .dropdown-menu { + display: block; +} + +.dropup .dropdown-submenu > .dropdown-menu { + top: auto; + bottom: 0; + margin-top: 0; + margin-bottom: -2px; + border-radius: 4px 4px 4px 0; +} + +.dropdown-submenu > a:after { + display: block; + float: right; + width: 0; + height: 0; + margin-top: 5px; + margin-right: -10px; + border-color: transparent; + border-left-color: #cccccc; + border-style: solid; + border-width: 5px 0 5px 5px; + content: " "; +} + +.dropdown-submenu:hover > a:after { + border-left-color: #ffffff; +} + +.dropdown-submenu.pull-left { + float: none; +} + +.dropdown-submenu.pull-left > .dropdown-menu { + left: -100%; + margin-left: 10px; + border-radius: 4px 0 4px 4px; +} + +.dropdown .dropdown-menu .nav-header { + padding-right: 20px; + padding-left: 20px; +} + +.typeahead { + z-index: 1051; + margin-top: 2px; +} + +.well { + min-height: 20px; + padding: 19px; + margin-bottom: 20px; + background-color: #f5f5f5; + border: 1px solid #e3e3e3; + border-radius: 4px; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); +} + +.well blockquote { + border-color: #ddd; + border-color: rgba(0, 0, 0, 0.15); +} + +.well-large { + padding: 24px; + border-radius: 6px; +} + +.well-small { + padding: 9px; + border-radius: 3px; +} + +.fade { + opacity: 0; + -webkit-transition: opacity 0.15s linear; + -moz-transition: opacity 0.15s linear; + -o-transition: opacity 0.15s linear; + transition: opacity 0.15s linear; +} + +.fade.in { + opacity: 1; +} + +.collapse { + position: relative; + height: 0; + overflow: hidden; + -webkit-transition: height 0.35s ease; + -moz-transition: height 0.35s ease; + -o-transition: height 0.35s ease; + transition: height 0.35s ease; +} + +.collapse.in { + height: auto; +} + +.close { + float: right; + font-size: 20px; + font-weight: bold; + line-height: 20px; + color: #000000; + text-shadow: 0 1px 0 #ffffff; + opacity: 0.2; + filter: alpha(opacity=20); +} + +.close:hover { + color: #000000; + text-decoration: none; + cursor: pointer; + opacity: 0.4; + filter: alpha(opacity=40); +} + +button.close { + padding: 0; + cursor: pointer; + background: transparent; + border: 0; + -webkit-appearance: none; +} + +.btn { + display: inline-block; + padding: 6px 12px; + margin-bottom: 0; + font-size: 14px; + line-height: 20px; + color: #333333; + text-align: center; + text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); + vertical-align: middle; + cursor: pointer; + background-color: #f5f5f5; + background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); + background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); + background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); + background-image: linear-gradient(top, #ffffff, #e6e6e6); + background-repeat: repeat-x; + border: 1px solid #bbbbbb; + border-color: #e6e6e6 #e6e6e6 #bfbfbf; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + border-bottom-color: #a2a2a2; + border-radius: 4px; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); +} + +.btn:hover, +.btn:active, +.btn.active, +.btn.disabled, +.btn[disabled] { + color: #333333; + background-color: #e6e6e6; +} + +.btn:active, +.btn.active { + background-color: #cccccc \9; +} + +.btn:hover { + color: #333333; + text-decoration: none; + background-position: 0 -15px; + -webkit-transition: background-position 0.1s linear; + -moz-transition: background-position 0.1s linear; + -o-transition: background-position 0.1s linear; + transition: background-position 0.1s linear; +} + +.btn:focus { + outline: thin dotted #333; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} + +.btn.active, +.btn:active { + background-image: none; + outline: 0; + -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); +} + +.btn.disabled, +.btn[disabled] { + cursor: default; + background-image: none; + opacity: 0.65; + filter: alpha(opacity=65); + -webkit-box-shadow: none; + box-shadow: none; +} + +.btn-large { + padding: 11px 19px; + font-size: 17.5px; + border-radius: 6px; +} + +.btn-small { + padding: 2px 10px; + font-size: 11.9px; + border-radius: 3px; +} + +.btn-mini { + padding: 0 6px; + font-size: 10.5px; + border-radius: 3px; +} + +.btn [class^="glyphicon-"]::before { + vertical-align: -2px; +} + +.btn-small [class^="glyphicon-"]::before, +.btn-mini [class^="glyphicon-"]::before { + vertical-align: -1px; +} + +.btn-block { + display: block; + width: 100%; + padding-right: 0; + padding-left: 0; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.btn-block + .btn-block { + margin-top: 5px; +} + +input[type="submit"].btn-block, +input[type="reset"].btn-block, +input[type="button"].btn-block { + width: 100%; +} + +.btn-primary.active, +.btn-warning.active, +.btn-danger.active, +.btn-success.active, +.btn-info.active, +.btn-inverse.active { + color: rgba(255, 255, 255, 0.75); +} + +.btn { + border-color: #c5c5c5; + border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25); +} + +.btn-primary { + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #006dcc; + background-image: -moz-linear-gradient(top, #0088cc, #0044cc); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); + background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); + background-image: -o-linear-gradient(top, #0088cc, #0044cc); + background-image: linear-gradient(top, #0088cc, #0044cc); + background-repeat: repeat-x; + border-color: #0044cc #0044cc #002a80; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); +} + +.btn-primary:hover, +.btn-primary:active, +.btn-primary.active, +.btn-primary.disabled, +.btn-primary[disabled] { + color: #ffffff; + background-color: #0044cc; +} + +.btn-primary:active, +.btn-primary.active { + background-color: #003399 \9; +} + +.btn-warning { + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #faa732; + background-image: -moz-linear-gradient(top, #fbb450, #f89406); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); + background-image: -webkit-linear-gradient(top, #fbb450, #f89406); + background-image: -o-linear-gradient(top, #fbb450, #f89406); + background-image: linear-gradient(top, #fbb450, #f89406); + background-repeat: repeat-x; + border-color: #f89406 #f89406 #ad6704; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); +} + +.btn-warning:hover, +.btn-warning:active, +.btn-warning.active, +.btn-warning.disabled, +.btn-warning[disabled] { + color: #ffffff; + background-color: #f89406; +} + +.btn-warning:active, +.btn-warning.active { + background-color: #c67605 \9; +} + +.btn-danger { + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #da4f49; + background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f)); + background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f); + background-image: -o-linear-gradient(top, #ee5f5b, #bd362f); + background-image: linear-gradient(top, #ee5f5b, #bd362f); + background-repeat: repeat-x; + border-color: #bd362f #bd362f #802420; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); +} + +.btn-danger:hover, +.btn-danger:active, +.btn-danger.active, +.btn-danger.disabled, +.btn-danger[disabled] { + color: #ffffff; + background-color: #bd362f; +} + +.btn-danger:active, +.btn-danger.active { + background-color: #942a25 \9; +} + +.btn-success { + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #5bb75b; + background-image: -moz-linear-gradient(top, #62c462, #51a351); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351)); + background-image: -webkit-linear-gradient(top, #62c462, #51a351); + background-image: -o-linear-gradient(top, #62c462, #51a351); + background-image: linear-gradient(top, #62c462, #51a351); + background-repeat: repeat-x; + border-color: #51a351 #51a351 #387038; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); +} + +.btn-success:hover, +.btn-success:active, +.btn-success.active, +.btn-success.disabled, +.btn-success[disabled] { + color: #ffffff; + background-color: #51a351; +} + +.btn-success:active, +.btn-success.active { + background-color: #408140 \9; +} + +.btn-info { + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #49afcd; + background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4)); + background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4); + background-image: -o-linear-gradient(top, #5bc0de, #2f96b4); + background-image: linear-gradient(top, #5bc0de, #2f96b4); + background-repeat: repeat-x; + border-color: #2f96b4 #2f96b4 #1f6377; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); +} + +.btn-info:hover, +.btn-info:active, +.btn-info.active, +.btn-info.disabled, +.btn-info[disabled] { + color: #ffffff; + background-color: #2f96b4; +} + +.btn-info:active, +.btn-info.active { + background-color: #24748c \9; +} + +.btn-inverse { + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #363636; + background-image: -moz-linear-gradient(top, #444444, #222222); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222)); + background-image: -webkit-linear-gradient(top, #444444, #222222); + background-image: -o-linear-gradient(top, #444444, #222222); + background-image: linear-gradient(top, #444444, #222222); + background-repeat: repeat-x; + border-color: #222222 #222222 #000000; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); +} + +.btn-inverse:hover, +.btn-inverse:active, +.btn-inverse.active, +.btn-inverse.disabled, +.btn-inverse[disabled] { + color: #ffffff; + background-color: #222222; +} + +.btn-inverse:active, +.btn-inverse.active { + background-color: #080808 \9; +} + +.btn-link, +.btn-link:active, +.btn-link[disabled] { + background-color: transparent; + background-image: none; + -webkit-box-shadow: none; + box-shadow: none; +} + +.btn-link { + color: #0088cc; + cursor: pointer; + border-color: transparent; + border-radius: 0; +} + +.btn-link:hover { + color: #005580; + text-decoration: underline; + background-color: transparent; +} + +.btn-link[disabled]:hover { + color: #333333; + text-decoration: none; +} + +.btn-group { + position: relative; + display: inline-block; + font-size: 0; + white-space: nowrap; + vertical-align: middle; +} + +.btn-group + .btn-group { + margin-left: 5px; +} + +.btn-toolbar { + margin-top: 10px; + margin-bottom: 10px; + font-size: 0; +} + +.btn-toolbar > .btn + .btn, +.btn-toolbar > .btn-group + .btn, +.btn-toolbar > .btn + .btn-group { + margin-left: 5px; +} + +.btn-group > .btn { + position: relative; + border-radius: 0; +} + +.btn-group > .btn + .btn { + margin-left: -1px; +} + +.btn-group > .btn, +.btn-group > .dropdown-menu, +.btn-group > .popover { + font-size: 14px; +} + +.btn-group > .btn-mini { + font-size: 10.5px; +} + +.btn-group > .btn-small { + font-size: 11.9px; +} + +.btn-group > .btn-large { + font-size: 17.5px; +} + +.btn-group > .btn:first-child { + margin-left: 0; + -webkit-border-bottom-left-radius: 4px; + border-bottom-left-radius: 4px; + -webkit-border-top-left-radius: 4px; + border-top-left-radius: 4px; + -moz-border-radius-bottomleft: 4px; + -moz-border-radius-topleft: 4px; +} + +.btn-group > .btn:last-child, +.btn-group > .dropdown-toggle { + -webkit-border-top-right-radius: 4px; + border-top-right-radius: 4px; + -webkit-border-bottom-right-radius: 4px; + border-bottom-right-radius: 4px; + -moz-border-radius-topright: 4px; + -moz-border-radius-bottomright: 4px; +} + +.btn-group > .btn.large:first-child { + margin-left: 0; + -webkit-border-bottom-left-radius: 6px; + border-bottom-left-radius: 6px; + -webkit-border-top-left-radius: 6px; + border-top-left-radius: 6px; + -moz-border-radius-bottomleft: 6px; + -moz-border-radius-topleft: 6px; +} + +.btn-group > .btn.large:last-child, +.btn-group > .large.dropdown-toggle { + -webkit-border-top-right-radius: 6px; + border-top-right-radius: 6px; + -webkit-border-bottom-right-radius: 6px; + border-bottom-right-radius: 6px; + -moz-border-radius-topright: 6px; + -moz-border-radius-bottomright: 6px; +} + +.btn-group > .btn:hover, +.btn-group > .btn:focus, +.btn-group > .btn:active, +.btn-group > .btn.active { + z-index: 2; +} + +.btn-group .dropdown-toggle:active, +.btn-group.open .dropdown-toggle { + outline: 0; +} + +.btn-group > .btn + .dropdown-toggle { + padding-right: 8px; + padding-left: 8px; + -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); + box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); +} + +.btn-group > .btn-mini + .dropdown-toggle { + padding-right: 5px; + padding-left: 5px; +} + +.btn-group > .btn-large + .dropdown-toggle { + padding-right: 12px; + padding-left: 12px; +} + +.btn-group.open .dropdown-toggle { + background-image: none; + -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); +} + +.btn-group.open .btn.dropdown-toggle { + background-color: #e6e6e6; +} + +.btn-group.open .btn-primary.dropdown-toggle { + background-color: #0044cc; +} + +.btn-group.open .btn-warning.dropdown-toggle { + background-color: #f89406; +} + +.btn-group.open .btn-danger.dropdown-toggle { + background-color: #bd362f; +} + +.btn-group.open .btn-success.dropdown-toggle { + background-color: #51a351; +} + +.btn-group.open .btn-info.dropdown-toggle { + background-color: #2f96b4; +} + +.btn-group.open .btn-inverse.dropdown-toggle { + background-color: #222222; +} + +.btn .caret { + margin-top: 8px; + margin-left: 0; +} + +.btn-mini .caret, +.btn-small .caret, +.btn-large .caret { + margin-top: 6px; +} + +.btn-large .caret { + border-top-width: 5px; + border-right-width: 5px; + border-left-width: 5px; +} + +.dropup .btn-large .caret { + border-bottom-width: 5px; +} + +.btn-primary .caret, +.btn-warning .caret, +.btn-danger .caret, +.btn-info .caret, +.btn-success .caret, +.btn-inverse .caret { + border-top-color: #fff; + border-bottom-color: #fff; +} + +.btn-group-vertical { + display: inline-block; +} + +.btn-group-vertical > .btn { + display: block; + float: none; + max-width: 100%; + border-radius: 0; +} + +.btn-group-vertical > .btn + .btn { + margin-top: -1px; + margin-left: 0; +} + +.btn-group-vertical .btn:first-child { + border-radius: 4px 4px 0 0; +} + +.btn-group-vertical .btn:last-child { + border-radius: 0 0 4px 4px; +} + +.btn-group-vertical .btn-large:first-child { + border-radius: 6px 6px 0 0; +} + +.btn-group-vertical .btn-large:last-child { + border-radius: 0 0 6px 6px; +} + +.alert { + padding: 8px 35px 8px 14px; + margin-bottom: 20px; + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); + background-color: #fcf8e3; + border: 1px solid #fbeed5; + border-radius: 4px; +} + +.alert, +.alert h4 { + color: #c09853; +} + +.alert h4 { + margin: 0; +} + +.alert .close { + position: relative; + top: -2px; + right: -21px; + line-height: 20px; +} + +.alert-success { + color: #468847; + background-color: #dff0d8; + border-color: #d6e9c6; +} + +.alert-danger, +.alert-error { + color: #b94a48; + background-color: #f2dede; + border-color: #eed3d7; +} + +.alert-info { + color: #3a87ad; + background-color: #d9edf7; + border-color: #bce8f1; +} + +.alert-block { + padding-top: 14px; + padding-bottom: 14px; +} + +.alert-block > p, +.alert-block > ul { + margin-bottom: 0; +} + +.alert-block p + p { + margin-top: 5px; +} + +.nav { + margin-bottom: 20px; + margin-left: 0; + list-style: none; +} + +.nav:before, +.nav:after { + display: table; + line-height: 0; + content: ""; +} + +.nav:after { + clear: both; +} + +.nav > li { + float: left; +} + +.nav > li > a { + display: block; + padding: 8px 12px; +} + +.nav > li > a:hover { + text-decoration: none; + background-color: #eeeeee; +} + +.nav > li > a > img { + max-width: none; +} + +.nav > .pull-right { + float: right; +} + +.nav-header { + display: block; + padding: 3px 15px; + font-size: 11px; + font-weight: bold; + line-height: 20px; + color: #999999; + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); + text-transform: uppercase; +} + +.nav li + .nav-header { + margin-top: 9px; +} + +.nav .divider { + height: 1px; + margin: 9px 1px; + overflow: hidden; + background-color: #e5e5e5; + border-bottom: 1px solid #ffffff; +} + +.nav-tabs { + border-bottom: 1px solid #ddd; +} + +.nav-tabs > li { + margin-bottom: -1px; +} + +.nav-tabs > li > a { + margin-right: 2px; + line-height: 20px; + border: 1px solid transparent; + border-radius: 4px 4px 0 0; +} + +.nav-tabs > li > a:hover { + border-color: #eeeeee #eeeeee #dddddd; +} + +.nav-tabs > .active > a, +.nav-tabs > .active > a:hover { + color: #555555; + cursor: default; + background-color: #ffffff; + border: 1px solid #ddd; + border-bottom-color: transparent; +} + +.nav-pills > li > a { + border-radius: 5px; +} + +.nav-pills > li + li > a { + margin-left: 2px; +} + +.nav-pills > .active > a, +.nav-pills > .active > a:hover { + color: #fff; + background-color: #0088cc; +} + +.nav-stacked > li { + float: none; +} + +.nav-stacked > li + li > a { + margin-top: 2px; + margin-left: 0; +} + +.nav-justified { + max-height: 37px; +} + +.nav-justified > li { + display: table-cell; + float: none; + width: 1%; + text-align: center; +} + +.nav-list { + background-color: #fff; + border-radius: 6px; + -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); + box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); +} + +.nav-list > li { + float: none; +} + +.nav-list > li > a { + margin-bottom: -1px; + border: 1px solid #e5e5e5; +} + +.nav-list > li > a:hover { + background-color: #f5f5f5; +} + +.nav-list > li:first-child > a { + border-radius: 6px 6px 0 0; +} + +.nav-list > li:last-child > a { + border-radius: 0 0 6px 6px; +} + +.nav-list > .active > a, +.nav-list > .active > a:hover { + position: relative; + z-index: 2; + padding: 9px 15px; + color: #fff; + text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15); + background-color: #0088cc; + border-width: 0; + -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.1), inset -1px 0 0 rgba(0, 0, 0, 0.1); + box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.1), inset -1px 0 0 rgba(0, 0, 0, 0.1); +} + +.nav-tabs .dropdown-menu { + -webkit-border-top-right-radius: 0; + border-top-right-radius: 0; + -webkit-border-top-left-radius: 0; + border-top-left-radius: 0; + -moz-border-radius-topright: 0; + -moz-border-radius-topleft: 0; +} + +.nav .dropdown-toggle .caret { + margin-top: 8px; + border-top-color: #0088cc; + border-bottom-color: #0088cc; +} + +.nav .dropdown-toggle:hover .caret { + border-top-color: #005580; + border-bottom-color: #005580; +} + +.nav .active .dropdown-toggle .caret { + border-top-color: #fff; + border-bottom-color: #fff; +} + +.nav-tabs .active .dropdown-toggle .caret { + border-top-color: #555555; + border-bottom-color: #555555; +} + +.nav > .dropdown.active > a:hover { + cursor: pointer; +} + +.nav-tabs .open .dropdown-toggle, +.nav-pills .open .dropdown-toggle, +.nav > li.dropdown.open.active > a:hover { + color: #fff; + background-color: #999999; + border-color: #999999; +} + +.nav li.dropdown.open .caret, +.nav li.dropdown.open.active .caret, +.nav li.dropdown.open a:hover .caret { + border-top-color: #fff; + border-bottom-color: #fff; + opacity: 1; + filter: alpha(opacity=100); +} + +.tabs-stacked .open > a:hover { + border-color: #999999; +} + +.tabbable:before, +.tabbable:after { + display: table; + line-height: 0; + content: ""; +} + +.tabbable:after { + clear: both; +} + +.tab-content { + overflow: auto; +} + +.tab-content > .tab-pane, +.pill-content > .pill-pane { + display: none; +} + +.tab-content > .active, +.pill-content > .active { + display: block; +} + +.nav > .disabled > a { + color: #999999; +} + +.nav > .disabled > a:hover { + text-decoration: none; + cursor: default; + background-color: transparent; +} + +.navbar { + padding: 0 20px; + margin-bottom: 20px; + overflow: visible; + background-color: #fafafa; + background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2)); + background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2); + background-image: -o-linear-gradient(top, #ffffff, #f2f2f2); + background-image: linear-gradient(top, #ffffff, #f2f2f2); + background-repeat: repeat-x; + border: 1px solid #d4d4d4; + border-radius: 4px; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0); + -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); + box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); +} + +.navbar:before, +.navbar:after { + display: table; + line-height: 0; + content: ""; +} + +.navbar:after { + clear: both; +} + +.navbar .container { + width: auto; +} + +.nav-collapse.collapse { + height: auto; + overflow: visible; +} + +.navbar .brand { + display: block; + float: left; + padding: 12px 20px 12px; + margin-left: -20px; + font-size: 20px; + font-weight: 200; + color: #777777; + text-shadow: 0 1px 0 #ffffff; +} + +.navbar .brand:hover { + text-decoration: none; +} + +.navbar-text { + margin-bottom: 0; + line-height: 44px; + color: #777777; +} + +.navbar-link { + color: #777777; +} + +.navbar-link:hover { + color: #333333; +} + +.navbar .divider-vertical { + height: 44px; + margin: 0 9px; + border-right: 1px solid #ffffff; + border-left: 1px solid #f2f2f2; +} + +.navbar .btn, +.navbar .btn-group { + margin-top: 7px; +} + +.navbar .btn-group .btn, +.navbar .input-prepend .btn, +.navbar .input-append .btn { + margin-top: 0; +} + +.navbar-form { + margin-bottom: 0; +} + +.navbar-form:before, +.navbar-form:after { + display: table; + line-height: 0; + content: ""; +} + +.navbar-form:after { + clear: both; +} + +.navbar-form input, +.navbar-form select, +.navbar-form .radio, +.navbar-form .checkbox { + margin-top: 7px; +} + +.navbar-form input, +.navbar-form select, +.navbar-form .btn { + display: inline-block; + margin-bottom: 0; +} + +.navbar-form input[type="image"], +.navbar-form input[type="checkbox"], +.navbar-form input[type="radio"] { + margin-top: 3px; +} + +.navbar-form .input-append, +.navbar-form .input-prepend { + margin-top: 5px; + white-space: nowrap; +} + +.navbar-form .input-append input, +.navbar-form .input-prepend input { + margin-top: 0; +} + +.navbar-search { + position: relative; + float: left; + margin-top: 7px; + margin-bottom: 0; +} + +.navbar-search .search-query { + padding: 4px 14px; + margin-bottom: 0; + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 13px; + font-weight: normal; + line-height: 1; + border-radius: 15px; +} + +.navbar-static-top { + position: static; + margin-bottom: 0; + border-radius: 0; +} + +.navbar-fixed-top, +.navbar-fixed-bottom { + position: fixed; + right: 0; + left: 0; + z-index: 1030; + padding-right: 0; + padding-left: 0; + margin-bottom: 0; + border-width: 0 0 1px; + border-radius: 0; +} + +.navbar-fixed-bottom { + border-width: 1px 0 0; +} + +.navbar-static-top .container, +.navbar-fixed-top .container, +.navbar-fixed-bottom .container { + width: 100%; +} + +.navbar-fixed-top { + top: 0; +} + +.navbar-fixed-top, +.navbar-static-top { + -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); + box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); +} + +.navbar-fixed-bottom { + bottom: 0; + -webkit-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1); + box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1); +} + +.navbar .nav { + position: relative; + left: 0; + display: block; + float: left; + margin: 0 10px 0 0; +} + +.navbar .nav.pull-right { + float: right; + margin-right: 0; +} + +.navbar .nav > li { + float: left; +} + +.navbar .nav > li > a { + float: none; + padding: 12px 15px 12px; + color: #777777; + text-decoration: none; + text-shadow: 0 1px 0 #ffffff; +} + +.navbar .nav .dropdown-toggle .caret { + margin-top: 8px; +} + +.navbar .nav > li > a:focus, +.navbar .nav > li > a:hover { + color: #333333; + text-decoration: none; + background-color: transparent; +} + +.navbar .nav > .active > a, +.navbar .nav > .active > a:hover, +.navbar .nav > .active > a:focus { + color: #555555; + text-decoration: none; + background-color: #e5e5e5; + -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); +} + +.navbar .btn-navbar { + display: none; + float: right; + padding: 7px 10px; + margin-right: 5px; + margin-left: 5px; + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #ededed; + background-image: -moz-linear-gradient(top, #f2f2f2, #e5e5e5); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#e5e5e5)); + background-image: -webkit-linear-gradient(top, #f2f2f2, #e5e5e5); + background-image: -o-linear-gradient(top, #f2f2f2, #e5e5e5); + background-image: linear-gradient(top, #f2f2f2, #e5e5e5); + background-repeat: repeat-x; + border-color: #e5e5e5 #e5e5e5 #bfbfbf; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffe5e5e5', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075); +} + +.navbar .btn-navbar:hover, +.navbar .btn-navbar:active, +.navbar .btn-navbar.active, +.navbar .btn-navbar.disabled, +.navbar .btn-navbar[disabled] { + color: #ffffff; + background-color: #e5e5e5; +} + +.navbar .btn-navbar:active, +.navbar .btn-navbar.active { + background-color: #cccccc \9; +} + +.navbar .btn-navbar .icon-bar { + display: block; + width: 18px; + height: 2px; + background-color: #f5f5f5; + border-radius: 1px; + -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); + box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); +} + +.btn-navbar .icon-bar + .icon-bar { + margin-top: 3px; +} + +.navbar .nav > li > .dropdown-menu:before { + position: absolute; + top: -7px; + left: 9px; + display: inline-block; + border-right: 7px solid transparent; + border-bottom: 7px solid #ccc; + border-left: 7px solid transparent; + border-bottom-color: rgba(0, 0, 0, 0.2); + content: ''; +} + +.navbar .nav > li > .dropdown-menu:after { + position: absolute; + top: -6px; + left: 10px; + display: inline-block; + border-right: 6px solid transparent; + border-bottom: 6px solid #ffffff; + border-left: 6px solid transparent; + content: ''; +} + +.navbar-fixed-bottom .nav > li > .dropdown-menu:before { + top: auto; + bottom: -7px; + border-top: 7px solid #ccc; + border-bottom: 0; + border-top-color: rgba(0, 0, 0, 0.2); +} + +.navbar-fixed-bottom .nav > li > .dropdown-menu:after { + top: auto; + bottom: -6px; + border-top: 6px solid #ffffff; + border-bottom: 0; +} + +.navbar .nav li.dropdown > a:hover .caret { + border-top-color: #555555; + border-bottom-color: #555555; +} + +.navbar .nav li.dropdown.open > .dropdown-toggle, +.navbar .nav li.dropdown.active > .dropdown-toggle, +.navbar .nav li.dropdown.open.active > .dropdown-toggle { + color: #555555; + background-color: #e5e5e5; +} + +.navbar .nav li.dropdown > .dropdown-toggle .caret { + border-top-color: #777777; + border-bottom-color: #777777; +} + +.navbar .nav li.dropdown.open > .dropdown-toggle .caret, +.navbar .nav li.dropdown.active > .dropdown-toggle .caret, +.navbar .nav li.dropdown.open.active > .dropdown-toggle .caret { + border-top-color: #555555; + border-bottom-color: #555555; +} + +.navbar .pull-right > li > .dropdown-menu, +.navbar .nav > li > .dropdown-menu.pull-right { + right: 0; + left: auto; +} + +.navbar .pull-right > li > .dropdown-menu:before, +.navbar .nav > li > .dropdown-menu.pull-right:before { + right: 12px; + left: auto; +} + +.navbar .pull-right > li > .dropdown-menu:after, +.navbar .nav > li > .dropdown-menu.pull-right:after { + right: 13px; + left: auto; +} + +.navbar .pull-right > li > .dropdown-menu .dropdown-menu, +.navbar .nav > li > .dropdown-menu.pull-right .dropdown-menu { + right: 100%; + left: auto; + margin-right: -1px; + margin-left: 0; + border-radius: 6px 0 6px 6px; +} + +.navbar-inverse { + background-color: #1b1b1b; + background-image: -moz-linear-gradient(top, #222222, #111111); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#111111)); + background-image: -webkit-linear-gradient(top, #222222, #111111); + background-image: -o-linear-gradient(top, #222222, #111111); + background-image: linear-gradient(top, #222222, #111111); + background-repeat: repeat-x; + border-color: #111111; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0); +} + +.navbar-inverse .brand, +.navbar-inverse .nav > li > a { + color: #999999; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); +} + +.navbar-inverse .brand:hover, +.navbar-inverse .nav > li > a:hover { + color: #ffffff; +} + +.navbar-inverse .brand { + color: #999999; +} + +.navbar-inverse .navbar-text { + color: #999999; +} + +.navbar-inverse .nav > li > a:focus, +.navbar-inverse .nav > li > a:hover { + color: #ffffff; + background-color: transparent; +} + +.navbar-inverse .nav .active > a, +.navbar-inverse .nav .active > a:hover, +.navbar-inverse .nav .active > a:focus { + color: #ffffff; + background-color: #111111; +} + +.navbar-inverse .navbar-link { + color: #999999; +} + +.navbar-inverse .navbar-link:hover { + color: #ffffff; +} + +.navbar-inverse .divider-vertical { + border-right-color: #222222; + border-left-color: #111111; +} + +.navbar-inverse .nav li.dropdown.open > .dropdown-toggle, +.navbar-inverse .nav li.dropdown.active > .dropdown-toggle, +.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle { + color: #ffffff; + background-color: #111111; +} + +.navbar-inverse .nav li.dropdown > a:hover .caret { + border-top-color: #ffffff; + border-bottom-color: #ffffff; +} + +.navbar-inverse .nav li.dropdown > .dropdown-toggle .caret { + border-top-color: #999999; + border-bottom-color: #999999; +} + +.navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret, +.navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret, +.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle .caret { + border-top-color: #ffffff; + border-bottom-color: #ffffff; +} + +.navbar-inverse .navbar-search .search-query { + color: #fff; + background-color: #515151; + border-color: #111111; + -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15); + -webkit-transition: none; + -moz-transition: none; + -o-transition: none; + transition: none; +} + +.navbar-inverse .navbar-search .search-query:-moz-placeholder { + color: #cccccc; +} + +.navbar-inverse .navbar-search .search-query:-ms-input-placeholder { + color: #cccccc; +} + +.navbar-inverse .navbar-search .search-query::-webkit-input-placeholder { + color: #cccccc; +} + +.navbar-inverse .navbar-search .search-query:focus, +.navbar-inverse .navbar-search .search-query.focused { + padding: 5px 15px; + color: #333333; + text-shadow: 0 1px 0 #fff; + background-color: #ffffff; + border: 0; + outline: 0; + -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); + box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); +} + +.navbar-inverse .btn-navbar { + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #0e0e0e; + background-image: -moz-linear-gradient(top, #151515, #040404); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#151515), to(#040404)); + background-image: -webkit-linear-gradient(top, #151515, #040404); + background-image: -o-linear-gradient(top, #151515, #040404); + background-image: linear-gradient(top, #151515, #040404); + background-repeat: repeat-x; + border-color: #040404 #040404 #000000; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff151515', endColorstr='#ff040404', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); +} + +.navbar-inverse .btn-navbar:hover, +.navbar-inverse .btn-navbar:active, +.navbar-inverse .btn-navbar.active, +.navbar-inverse .btn-navbar.disabled, +.navbar-inverse .btn-navbar[disabled] { + color: #ffffff; + background-color: #040404; +} + +.navbar-inverse .btn-navbar:active, +.navbar-inverse .btn-navbar.active { + background-color: #000000 \9; +} + +.breadcrumb { + padding: 8px 15px; + margin: 0 0 20px; + list-style: none; + background-color: #f5f5f5; + border-radius: 4px; +} + +.breadcrumb li { + display: inline-block; + text-shadow: 0 1px 0 #fff; +} + +.breadcrumb li:after { + display: inline-block; + padding: 0 5px; + color: #ccc; + content: "\00a0 /"; +} + +.breadcrumb .active { + color: #999999; +} + +.pagination { + margin: 20px 0; +} + +.pagination ul { + display: inline-block; + margin-bottom: 0; + margin-left: 0; + border-radius: 4px; + -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); +} + +.pagination ul > li { + display: inline; +} + +.pagination ul > li > a, +.pagination ul > li > span { + float: left; + padding: 4px 12px; + line-height: 20px; + text-decoration: none; + background-color: #ffffff; + border: 1px solid #dddddd; + border-left-width: 0; +} + +.pagination ul > li > a:hover, +.pagination ul > .active > a, +.pagination ul > .active > span { + background-color: #f5f5f5; +} + +.pagination ul > .active > a, +.pagination ul > .active > span { + color: #999999; + cursor: default; +} + +.pagination ul > .disabled > span, +.pagination ul > .disabled > a, +.pagination ul > .disabled > a:hover { + color: #999999; + cursor: default; + background-color: transparent; +} + +.pagination ul > li:first-child > a, +.pagination ul > li:first-child > span { + border-left-width: 1px; + -webkit-border-bottom-left-radius: 4px; + border-bottom-left-radius: 4px; + -webkit-border-top-left-radius: 4px; + border-top-left-radius: 4px; + -moz-border-radius-bottomleft: 4px; + -moz-border-radius-topleft: 4px; +} + +.pagination ul > li:last-child > a, +.pagination ul > li:last-child > span { + -webkit-border-top-right-radius: 4px; + border-top-right-radius: 4px; + -webkit-border-bottom-right-radius: 4px; + border-bottom-right-radius: 4px; + -moz-border-radius-topright: 4px; + -moz-border-radius-bottomright: 4px; +} + +.pagination-centered { + text-align: center; +} + +.pagination-right { + text-align: right; +} + +.pagination-large ul > li > a, +.pagination-large ul > li > span { + padding: 11px 19px; + font-size: 17.5px; +} + +.pagination-large ul > li:first-child > a, +.pagination-large ul > li:first-child > span { + -webkit-border-bottom-left-radius: 6px; + border-bottom-left-radius: 6px; + -webkit-border-top-left-radius: 6px; + border-top-left-radius: 6px; + -moz-border-radius-bottomleft: 6px; + -moz-border-radius-topleft: 6px; +} + +.pagination-large ul > li:last-child > a, +.pagination-large ul > li:last-child > span { + -webkit-border-top-right-radius: 6px; + border-top-right-radius: 6px; + -webkit-border-bottom-right-radius: 6px; + border-bottom-right-radius: 6px; + -moz-border-radius-topright: 6px; + -moz-border-radius-bottomright: 6px; +} + +.pagination-mini ul > li:first-child > a, +.pagination-small ul > li:first-child > a, +.pagination-mini ul > li:first-child > span, +.pagination-small ul > li:first-child > span { + -webkit-border-bottom-left-radius: 3px; + border-bottom-left-radius: 3px; + -webkit-border-top-left-radius: 3px; + border-top-left-radius: 3px; + -moz-border-radius-bottomleft: 3px; + -moz-border-radius-topleft: 3px; +} + +.pagination-mini ul > li:last-child > a, +.pagination-small ul > li:last-child > a, +.pagination-mini ul > li:last-child > span, +.pagination-small ul > li:last-child > span { + -webkit-border-top-right-radius: 3px; + border-top-right-radius: 3px; + -webkit-border-bottom-right-radius: 3px; + border-bottom-right-radius: 3px; + -moz-border-radius-topright: 3px; + -moz-border-radius-bottomright: 3px; +} + +.pagination-small ul > li > a, +.pagination-small ul > li > span { + padding: 2px 10px; + font-size: 11.9px; +} + +.pagination-mini ul > li > a, +.pagination-mini ul > li > span { + padding: 0 6px; + font-size: 10.5px; +} + +.pager { + margin: 20px 0; + text-align: center; + list-style: none; +} + +.pager:before, +.pager:after { + display: table; + line-height: 0; + content: ""; +} + +.pager:after { + clear: both; +} + +.pager li { + display: inline; +} + +.pager li > a, +.pager li > span { + display: inline-block; + padding: 5px 14px; + background-color: #fff; + border: 1px solid #ddd; + border-radius: 15px; +} + +.pager li > a:hover { + text-decoration: none; + background-color: #f5f5f5; +} + +.pager .next > a, +.pager .next > span { + float: right; +} + +.pager .previous > a, +.pager .previous > span { + float: left; +} + +.pager .disabled > a, +.pager .disabled > a:hover, +.pager .disabled > span { + color: #999999; + cursor: default; + background-color: #fff; +} + +.modal-backdrop { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1040; + background-color: #000000; +} + +.modal-backdrop.fade { + opacity: 0; +} + +.modal-backdrop, +.modal-backdrop.fade.in { + opacity: 0.8; + filter: alpha(opacity=80); +} + +.modal { + position: fixed; + top: 10%; + left: 50%; + z-index: 1050; + width: 560px; + margin-left: -280px; + background-color: #fff; + border: 1px solid #999; + border: 1px solid rgba(0, 0, 0, 0.3); + border-radius: 6px; + outline: none; + -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); + box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); + -webkit-background-clip: padding-box; + -moz-background-clip: padding-box; + background-clip: padding-box; +} + +.modal.fade { + top: -25%; + -webkit-transition: opacity 0.3s linear, top 0.3s ease-out; + -moz-transition: opacity 0.3s linear, top 0.3s ease-out; + -o-transition: opacity 0.3s linear, top 0.3s ease-out; + transition: opacity 0.3s linear, top 0.3s ease-out; +} + +.modal.fade.in { + top: 10%; +} + +.modal-header { + padding: 9px 15px; + border-bottom: 1px solid #eee; +} + +.modal-header .close { + margin-top: 2px; +} + +.modal-header h3 { + margin: 0; + line-height: 30px; +} + +.modal-body { + max-height: 400px; + padding: 15px; + overflow-y: auto; +} + +.modal-form { + margin-bottom: 0; +} + +.modal-footer { + padding: 14px 15px 15px; + margin-bottom: 0; + text-align: right; + background-color: #f5f5f5; + border-top: 1px solid #ddd; + border-radius: 0 0 6px 6px; + -webkit-box-shadow: inset 0 1px 0 #ffffff; + box-shadow: inset 0 1px 0 #ffffff; +} + +.modal-footer:before, +.modal-footer:after { + display: table; + line-height: 0; + content: ""; +} + +.modal-footer:after { + clear: both; +} + +.modal-footer .btn + .btn { + margin-bottom: 0; + margin-left: 5px; +} + +.modal-footer .btn-group .btn + .btn { + margin-left: -1px; +} + +.modal-footer .btn-block + .btn-block { + margin-left: 0; +} + +.tooltip { + position: absolute; + z-index: 1030; + display: block; + padding: 5px; + font-size: 11px; + opacity: 0; + filter: alpha(opacity=0); + visibility: visible; +} + +.tooltip.in { + opacity: 1; + filter: alpha(opacity=100); +} + +.tooltip.top { + margin-top: -3px; +} + +.tooltip.right { + margin-left: 3px; +} + +.tooltip.bottom { + margin-top: 3px; +} + +.tooltip.left { + margin-left: -3px; +} + +.tooltip-inner { + max-width: 200px; + padding: 3px 8px; + color: #ffffff; + text-align: center; + text-decoration: none; + background-color: rgba(0, 0, 0, 0.9); + border-radius: 4px; +} + +.tooltip-arrow { + position: absolute; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; +} + +.tooltip.top .tooltip-arrow { + bottom: 0; + left: 50%; + margin-left: -5px; + border-top-color: rgba(0, 0, 0, 0.9); + border-width: 5px 5px 0; +} + +.tooltip.right .tooltip-arrow { + top: 50%; + left: 0; + margin-top: -5px; + border-right-color: rgba(0, 0, 0, 0.9); + border-width: 5px 5px 5px 0; +} + +.tooltip.left .tooltip-arrow { + top: 50%; + right: 0; + margin-top: -5px; + border-left-color: rgba(0, 0, 0, 0.9); + border-width: 5px 0 5px 5px; +} + +.tooltip.bottom .tooltip-arrow { + top: 0; + left: 50%; + margin-left: -5px; + border-bottom-color: rgba(0, 0, 0, 0.9); + border-width: 0 5px 5px; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1010; + display: none; + width: 236px; + padding: 1px; + white-space: normal; + background-color: #ffffff; + border: 1px solid #ccc; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 6px; + -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + -webkit-background-clip: padding-box; + -moz-background-clip: padding; + background-clip: padding-box; +} + +.popover.top { + margin-top: -10px; +} + +.popover.right { + margin-left: 10px; +} + +.popover.bottom { + margin-top: 10px; +} + +.popover.left { + margin-left: -10px; +} + +.popover-title { + padding: 8px 14px; + margin: 0; + font-size: 14px; + font-weight: normal; + line-height: 18px; + background-color: #f7f7f7; + border-bottom: 1px solid #ebebeb; + border-radius: 5px 5px 0 0; +} + +.popover-content { + padding: 9px 14px; +} + +.popover-content p, +.popover-content ul, +.popover-content ol { + margin-bottom: 0; +} + +.popover .arrow, +.popover .arrow:after { + position: absolute; + display: block; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; +} + +.popover .arrow { + border-width: 11px; +} + +.popover .arrow:after { + border-width: 10px; + content: ""; +} + +.popover { + /* + &.top .arrow { + bottom: -@popover-arrow-width; + left: 50%; + margin-left: -@popover-arrow-width; + border-width: @popover-arrow-width @popover-arrow-width 0; + //border-top-color: @popover-arrow-color; + border-top-color: blue; + &:after { + border-width: @popover-arrow-outer-width @popover-arrow-outer-width 0; + //border-top-color: @popover-arrow-outer-color; + border-top-color: red; + top: -@popover-arrow-width; + //bottom: -1px; + left: -@popover-arrow-outer-width; + } + } + &.right .arrow { + top: 50%; + left: -@popover-arrow-width; + margin-top: -@popover-arrow-width; + border-width: @popover-arrow-width @popover-arrow-width @popover-arrow-width 0; + border-right-color: @popover-arrow-color; + &:after { + border-width: @popover-arrow-outer-width @popover-arrow-outer-width @popover-arrow-outer-width 0; + border-right-color: @popover-arrow-outer-color; + bottom: -@popover-arrow-outer-width; + left: -1px; + } + } + &.bottom .arrow { + top: -@popover-arrow-width; + left: 50%; + margin-left: -@popover-arrow-width; + border-width: 0 @popover-arrow-width @popover-arrow-width; + border-bottom-color: @popover-arrow-color; + &:after { + border-width: 0 @popover-arrow-outer-width @popover-arrow-outer-width; + border-bottom-color: @popover-arrow-outer-color; + top: -1px; + left: -@popover-arrow-outer-width; + } + } + &.left .arrow { + top: 50%; + right: -@popover-arrow-width; + margin-top: -@popover-arrow-width; + border-width: @popover-arrow-width 0 @popover-arrow-width @popover-arrow-width; + border-left-color: @popover-arrow-color; + &:after { + border-width: @popover-arrow-outer-width 0 @popover-arrow-outer-width @popover-arrow-outer-width; + border-left-color: @popover-arrow-outer-color; + bottom: -@popover-arrow-outer-width; + right: -1px; + } + }*/ + +} + +.popover.top .arrow { + bottom: -11px; + left: 50%; + margin-left: -11px; + border-top-color: #999; + border-top-color: rgba(0, 0, 0, 0.25); + border-bottom-width: 0; +} + +.popover.top .arrow:after { + bottom: 1px; + margin-left: -10px; + border-top-color: #ffffff; + border-bottom-width: 0; +} + +.popover.right .arrow { + top: 50%; + left: -11px; + margin-top: -11px; + border-right-color: #999; + border-right-color: rgba(0, 0, 0, 0.25); + border-left-width: 0; +} + +.popover.right .arrow:after { + bottom: -10px; + left: 1px; + border-right-color: #ffffff; + border-left-width: 0; +} + +.popover.bottom .arrow { + top: -11px; + left: 50%; + margin-left: -11px; + border-bottom-color: #999; + border-bottom-color: rgba(0, 0, 0, 0.25); + border-top-width: 0; +} + +.popover.bottom .arrow:after { + top: 1px; + margin-left: -10px; + border-bottom-color: #ffffff; + border-top-width: 0; +} + +.popover.left .arrow { + top: 50%; + right: -11px; + margin-top: -11px; + border-left-color: #999; + border-left-color: rgba(0, 0, 0, 0.25); + border-right-width: 0; +} + +.popover.left .arrow:after { + right: 1px; + bottom: -10px; + border-left-color: #ffffff; + border-right-width: 0; +} + +.thumbnail { + display: block; + padding: 4px; + line-height: 20px; + border: 1px solid #ddd; + border-radius: 4px; + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); + -webkit-transition: all 0.2s ease-in-out; + -moz-transition: all 0.2s ease-in-out; + -o-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; +} + +a.thumbnail:hover { + border-color: #0088cc; + -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); + box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); +} + +.thumbnail > img { + display: block; + max-width: 100%; + margin-right: auto; + margin-left: auto; +} + +.thumbnail .caption { + padding: 9px; + color: #555555; +} + +.media, +.media-body { + overflow: hidden; + zoom: 1; +} + +.media, +.media .media { + margin-top: 15px; +} + +.media:first-child { + margin-top: 0; +} + +.media-object { + display: block; +} + +.media-heading { + margin: 0 0 5px; +} + +.media .pull-left { + margin-right: 10px; +} + +.media .pull-right { + margin-left: 10px; +} + +.media-list { + margin-left: 0; + list-style: none; +} + +.label, +.badge { + display: inline-block; + padding: 2px 4px; + font-size: 11.844px; + font-weight: bold; + line-height: 14px; + color: #fff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + white-space: nowrap; + vertical-align: baseline; + background-color: #999999; +} + +.label { + border-radius: 3px; +} + +.badge { + padding-right: 9px; + padding-left: 9px; + border-radius: 9px; +} + +.label:empty, +.badge:empty { + display: none; +} + +a.label:hover, +a.badge:hover { + color: #fff; + text-decoration: none; + cursor: pointer; +} + +.label-danger, +.badge-danger { + background-color: #b94a48; +} + +.label-danger[href], +.badge-danger[href] { + background-color: #953b39; +} + +.label-warning, +.badge-warning { + background-color: #f89406; +} + +.label-warning[href], +.badge-warning[href] { + background-color: #c67605; +} + +.label-success, +.badge-success { + background-color: #468847; +} + +.label-success[href], +.badge-success[href] { + background-color: #356635; +} + +.label-info, +.badge-info { + background-color: #3a87ad; +} + +.label-info[href], +.badge-info[href] { + background-color: #2d6987; +} + +.label-inverse, +.badge-inverse { + background-color: #333333; +} + +.label-inverse[href], +.badge-inverse[href] { + background-color: #1a1a1a; +} + +.btn .label, +.btn .badge { + position: relative; + top: -1px; +} + +.btn-mini .label, +.btn-mini .badge { + top: 0; +} + +@-webkit-keyframes progress-bar-stripes { + from { + background-position: 40px 0; + } + to { + background-position: 0 0; + } +} + +@-moz-keyframes progress-bar-stripes { + from { + background-position: 40px 0; + } + to { + background-position: 0 0; + } +} + +@-ms-keyframes progress-bar-stripes { + from { + background-position: 40px 0; + } + to { + background-position: 0 0; + } +} + +@-o-keyframes progress-bar-stripes { + from { + background-position: 0 0; + } + to { + background-position: 40px 0; + } +} + +@keyframes progress-bar-stripes { + from { + background-position: 40px 0; + } + to { + background-position: 0 0; + } +} + +.progress { + height: 20px; + margin-bottom: 20px; + overflow: hidden; + background-color: #f7f7f7; + background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9)); + background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9); + background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9); + background-image: linear-gradient(top, #f5f5f5, #f9f9f9); + background-repeat: repeat-x; + border-radius: 4px; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0); + -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); +} + +.progress .bar { + float: left; + width: 0; + height: 100%; + font-size: 12px; + color: #fff; + text-align: center; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #0e90d2; + background-image: -moz-linear-gradient(top, #149bdf, #0480be); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be)); + background-image: -webkit-linear-gradient(top, #149bdf, #0480be); + background-image: -o-linear-gradient(top, #149bdf, #0480be); + background-image: linear-gradient(top, #149bdf, #0480be); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0); + -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: width 0.6s ease; + -moz-transition: width 0.6s ease; + -o-transition: width 0.6s ease; + transition: width 0.6s ease; +} + +.progress .bar + .bar { + -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15); + box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15); +} + +.progress-striped .bar { + background-color: #149bdf; + background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + -webkit-background-size: 40px 40px; + -moz-background-size: 40px 40px; + -o-background-size: 40px 40px; + background-size: 40px 40px; +} + +.progress.active .bar { + -webkit-animation: progress-bar-stripes 2s linear infinite; + -moz-animation: progress-bar-stripes 2s linear infinite; + -ms-animation: progress-bar-stripes 2s linear infinite; + -o-animation: progress-bar-stripes 2s linear infinite; + animation: progress-bar-stripes 2s linear infinite; +} + +.progress-danger .bar, +.progress .bar-danger { + background-color: #dd514c; + background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35)); + background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35); + background-image: -o-linear-gradient(top, #ee5f5b, #c43c35); + background-image: linear-gradient(top, #ee5f5b, #c43c35); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0); +} + +.progress-danger.progress-striped .bar, +.progress-striped .bar-danger { + background-color: #ee5f5b; + background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); +} + +.progress-success .bar, +.progress .bar-success { + background-color: #5eb95e; + background-image: -moz-linear-gradient(top, #62c462, #57a957); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957)); + background-image: -webkit-linear-gradient(top, #62c462, #57a957); + background-image: -o-linear-gradient(top, #62c462, #57a957); + background-image: linear-gradient(top, #62c462, #57a957); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0); +} + +.progress-success.progress-striped .bar, +.progress-striped .bar-success { + background-color: #62c462; + background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); +} + +.progress-info .bar, +.progress .bar-info { + background-color: #4bb1cf; + background-image: -moz-linear-gradient(top, #5bc0de, #339bb9); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9)); + background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9); + background-image: -o-linear-gradient(top, #5bc0de, #339bb9); + background-image: linear-gradient(top, #5bc0de, #339bb9); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0); +} + +.progress-info.progress-striped .bar, +.progress-striped .bar-info { + background-color: #5bc0de; + background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); +} + +.progress-warning .bar, +.progress .bar-warning { + background-color: #faa732; + background-image: -moz-linear-gradient(top, #fbb450, #f89406); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); + background-image: -webkit-linear-gradient(top, #fbb450, #f89406); + background-image: -o-linear-gradient(top, #fbb450, #f89406); + background-image: linear-gradient(top, #fbb450, #f89406); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0); +} + +.progress-warning.progress-striped .bar, +.progress-striped .bar-warning { + background-color: #fbb450; + background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); +} + +.accordion { + margin-bottom: 20px; +} + +.accordion-group { + margin-bottom: 2px; + border: 1px solid #e5e5e5; + border-radius: 4px; +} + +.accordion-heading { + border-bottom: 0; +} + +.accordion-heading .accordion-toggle { + display: block; + padding: 8px 15px; +} + +.accordion-toggle { + cursor: pointer; +} + +.accordion-inner { + padding: 9px 15px; + border-top: 1px solid #e5e5e5; +} + +.carousel { + position: relative; + margin-bottom: 20px; + line-height: 1; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} + +.carousel-inner > .item { + position: relative; + display: none; + -webkit-transition: 0.6s ease-in-out left; + -moz-transition: 0.6s ease-in-out left; + -o-transition: 0.6s ease-in-out left; + transition: 0.6s ease-in-out left; +} + +.carousel-inner > .item > img { + display: block; + line-height: 1; +} + +.carousel-inner > .active, +.carousel-inner > .next, +.carousel-inner > .prev { + display: block; +} + +.carousel-inner > .active { + left: 0; +} + +.carousel-inner > .next, +.carousel-inner > .prev { + position: absolute; + top: 0; + width: 100%; +} + +.carousel-inner > .next { + left: 100%; +} + +.carousel-inner > .prev { + left: -100%; +} + +.carousel-inner > .next.left, +.carousel-inner > .prev.right { + left: 0; +} + +.carousel-inner > .active.left { + left: -100%; +} + +.carousel-inner > .active.right { + left: 100%; +} + +.carousel-control { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 120px; + opacity: 0.5; + filter: alpha(opacity=50); +} + +.carousel-control.left { + background-color: rgba(0, 0, 0, 0.001); + background-color: transparent; + background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.001)); + background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0, 0, 0, 0.75)), to(rgba(0, 0, 0, 0.001))); + background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.001)); + background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.001)); + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.001)); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf000000', endColorstr='#00000000', GradientType=1); +} + +.carousel-control.right { + right: 0; + left: auto; + background-color: rgba(0, 0, 0, 0.75); + background-color: transparent; + background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.001), rgba(0, 0, 0, 0.75)); + background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0, 0, 0, 0.001)), to(rgba(0, 0, 0, 0.75))); + background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.001), rgba(0, 0, 0, 0.75)); + background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.001), rgba(0, 0, 0, 0.75)); + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.001), rgba(0, 0, 0, 0.75)); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#bf000000', GradientType=1); +} + +.carousel-control:hover { + color: #fff; + text-decoration: none; + opacity: 0.9; + filter: alpha(opacity=90); +} + +.carousel-control .control { + position: absolute; + top: 50%; + z-index: 5; + display: block; + margin-top: -35px; + margin-left: 30px; + font-size: 80px; + font-weight: 100; + color: #fff; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); +} + +.carousel-control.right .control { + margin-left: 70px; +} + +.carousel-caption { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 10; + max-width: 60%; + padding: 40px; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); +} + +.carousel-caption h3, +.carousel-caption p { + line-height: 20px; + color: #fff; +} + +.carousel-caption h3 { + margin: 0 0 5px; +} + +.carousel-caption p { + margin-bottom: 0; +} + +.hero-unit { + padding: 60px; + margin-bottom: 30px; + font-size: 18px; + font-weight: 200; + line-height: 30px; + color: inherit; + background-color: #eeeeee; + border-radius: 6px; +} + +.hero-unit h1 { + margin-bottom: 0; + font-size: 60px; + line-height: 1; + letter-spacing: -1px; + color: inherit; +} + +.hero-unit li { + line-height: 30px; +} + +.clear:before, +.clear:after { + display: table; + line-height: 0; + content: ""; +} + +.clear:after { + clear: both; +} + +.pull-right { + float: right; +} + +.pull-left { + float: left; +} + +.hide { + display: none; +} + +.show { + display: block; +} + +.invisible { + visibility: hidden; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.affix { + position: fixed; +} + +.control-block-level { + display: block; + width: 100%; +} + +.hidden { + display: none; + visibility: hidden; +} + +.visible-phone { + display: none !important; +} + +.visible-tablet { + display: none !important; +} + +.hidden-desktop { + display: none !important; +} + +.visible-desktop { + display: inherit !important; +} + +@media (min-width: 768px) and (max-width: 979px) { + .hidden-desktop { + display: inherit !important; + } + .visible-desktop { + display: none !important ; + } + .visible-tablet { + display: inherit !important; + } + .hidden-tablet { + display: none !important; + } +} + +@media (max-width: 767px) { + .hidden-desktop { + display: inherit !important; + } + .visible-desktop { + display: none !important; + } + .visible-phone { + display: inherit !important; + } + .hidden-phone { + display: none !important; + } +} + +@media (min-width: 1200px) { + .container { + max-width: 1170px; + } + .row { + margin-right: -15px; + margin-left: -15px; + } + .row:before, + .row:after { + display: table; + line-height: 0; + content: ""; + } + .row:after { + clear: both; + } + [class*="span"] { + float: left; + min-height: 1px; + padding-right: 15px; + padding-left: 15px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + } + .span12 { + width: 100%; + } + .span11 { + width: 91.66666666666666%; + } + .span10 { + width: 83.33333333333334%; + } + .span9 { + width: 75%; + } + .span8 { + width: 66.66666666666666%; + } + .span7 { + width: 58.333333333333336%; + } + .span6 { + width: 50%; + } + .span5 { + width: 41.66666666666667%; + } + .span4 { + width: 33.33333333333333%; + } + .span3 { + width: 25%; + } + .span2 { + width: 16.666666666666664%; + } + .span1 { + width: 8.333333333333332%; + } + .offset12 { + margin-left: 100%; + } + .offset11 { + margin-left: 91.66666666666666%; + } + .offset10 { + margin-left: 83.33333333333334%; + } + .offset9 { + margin-left: 75%; + } + .offset8 { + margin-left: 66.66666666666666%; + } + .offset7 { + margin-left: 58.333333333333336%; + } + .offset6 { + margin-left: 50%; + } + .offset5 { + margin-left: 41.66666666666667%; + } + .offset4 { + margin-left: 33.33333333333333%; + } + .offset3 { + margin-left: 25%; + } + .offset2 { + margin-left: 16.666666666666664%; + } + .offset1 { + margin-left: 8.333333333333332%; + } +} + +@media (min-width: 768px) and (max-width: 979px) { + .row { + margin-right: -10px; + margin-left: -10px; + } + .row:before, + .row:after { + display: table; + line-height: 0; + content: ""; + } + .row:after { + clear: both; + } + [class*="span"] { + float: left; + min-height: 1px; + padding-right: 10px; + padding-left: 10px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + } + .span12 { + width: 100%; + } + .span11 { + width: 91.66666666666666%; + } + .span10 { + width: 83.33333333333334%; + } + .span9 { + width: 75%; + } + .span8 { + width: 66.66666666666666%; + } + .span7 { + width: 58.333333333333336%; + } + .span6 { + width: 50%; + } + .span5 { + width: 41.66666666666667%; + } + .span4 { + width: 33.33333333333333%; + } + .span3 { + width: 25%; + } + .span2 { + width: 16.666666666666664%; + } + .span1 { + width: 8.333333333333332%; + } + .offset12 { + margin-left: 100%; + } + .offset11 { + margin-left: 91.66666666666666%; + } + .offset10 { + margin-left: 83.33333333333334%; + } + .offset9 { + margin-left: 75%; + } + .offset8 { + margin-left: 66.66666666666666%; + } + .offset7 { + margin-left: 58.333333333333336%; + } + .offset6 { + margin-left: 50%; + } + .offset5 { + margin-left: 41.66666666666667%; + } + .offset4 { + margin-left: 33.33333333333333%; + } + .offset3 { + margin-left: 25%; + } + .offset2 { + margin-left: 16.666666666666664%; + } + .offset1 { + margin-left: 8.333333333333332%; + } +} + +@media (max-width: 767px) { + body { + padding-right: 20px; + padding-left: 20px; + } + .navbar-fixed-top, + .navbar-fixed-bottom, + .navbar-static-top { + margin-right: -20px; + margin-left: -20px; + } + .dl-horizontal dt { + float: none; + width: auto; + clear: none; + text-align: left; + } + .dl-horizontal dd { + margin-left: 0; + } + .container { + width: auto; + } + [class*="span"], + .uneditable-input[class*="span"] { + display: block; + float: none; + width: 100%; + margin-left: 0; + } + input[class*="span"], + select[class*="span"], + textarea[class*="span"], + .uneditable-input { + display: block; + width: 100%; + } + .input-prepend input, + .input-append input, + .input-prepend input[class*="span"], + .input-append input[class*="span"] { + display: inline-block; + width: auto; + } + .controls-row [class*="span"] + [class*="span"] { + margin-left: 0; + } + .modal { + position: fixed; + top: 20px; + right: 20px; + left: 20px; + width: auto; + margin: 0; + } + .modal.fade { + top: -100px; + } + .modal.fade.in { + top: 20px; + } +} + +@media (max-width: 480px) { + .nav-collapse { + -webkit-transform: translate3d(0, 0, 0); + } + .page-header h1 small { + display: block; + line-height: 20px; + } + input[type="checkbox"], + input[type="radio"] { + border: 1px solid #ccc; + } + .form-horizontal .control-label { + float: none; + width: auto; + padding-top: 0; + text-align: left; + } + .form-horizontal .controls { + margin-left: 0; + } + .form-horizontal .control-list { + padding-top: 0; + } + .form-horizontal .form-actions { + padding-right: 10px; + padding-left: 10px; + } + .media .pull-left, + .media .pull-right { + display: block; + float: none; + margin-bottom: 10px; + } + .media-object { + margin-right: 0; + margin-left: 0; + } + .modal { + top: 10px; + right: 10px; + left: 10px; + } + .modal-header .close { + padding: 10px; + margin: -10px; + } + .carousel-caption { + position: static; + } +} + +@media (max-width: 979px) { + body { + padding-top: 0; + } + .navbar-fixed-top, + .navbar-fixed-bottom { + position: static; + } + .navbar-fixed-top { + margin-bottom: 20px; + } + .navbar-fixed-bottom { + margin-top: 20px; + } + .navbar-fixed-top, + .navbar-fixed-bottom { + padding: 5px; + } + .navbar .container { + width: auto; + padding: 0; + } + .navbar .brand { + padding-right: 10px; + padding-left: 10px; + margin: 0 0 0 -5px; + } + .nav-collapse { + clear: both; + } + .nav-collapse .nav { + float: none; + margin: 0 0 10px; + } + .nav-collapse .nav > li { + float: none; + } + .nav-collapse .nav > li > a { + margin-bottom: 2px; + } + .nav-collapse .nav > .divider-vertical { + display: none; + } + .nav-collapse .nav .nav-header { + color: #777777; + text-shadow: none; + } + .nav-collapse .nav > li > a, + .nav-collapse .dropdown-menu a { + padding: 9px 15px; + font-weight: bold; + color: #777777; + border-radius: 3px; + } + .nav-collapse .btn { + padding: 4px 10px 4px; + font-weight: normal; + border-radius: 4px; + } + .nav-collapse .dropdown-menu li + li a { + margin-bottom: 2px; + } + .nav-collapse .nav > li > a:hover, + .nav-collapse .dropdown-menu a:hover { + background-color: #f2f2f2; + } + .navbar-inverse .nav-collapse .nav > li > a, + .navbar-inverse .nav-collapse .dropdown-menu a { + color: #999999; + } + .navbar-inverse .nav-collapse .nav > li > a:hover, + .navbar-inverse .nav-collapse .dropdown-menu a:hover { + background-color: #111111; + } + .nav-collapse.in .btn-group { + padding: 0; + margin-top: 5px; + } + .nav-collapse .dropdown-menu { + position: static; + top: auto; + left: auto; + display: none; + float: none; + max-width: none; + padding: 0; + margin: 0 15px; + background-color: transparent; + border: none; + border-radius: 0; + -webkit-box-shadow: none; + box-shadow: none; + } + .nav-collapse .open > .dropdown-menu { + display: block; + } + .nav-collapse .dropdown-menu:before, + .nav-collapse .dropdown-menu:after { + display: none; + } + .nav-collapse .dropdown-menu .divider { + display: none; + } + .nav-collapse .nav > li > .dropdown-menu:before, + .nav-collapse .nav > li > .dropdown-menu:after { + display: none; + } + .nav-collapse .navbar-form, + .nav-collapse .navbar-search { + float: none; + padding: 10px 15px; + margin: 10px 0; + border-top: 1px solid #f2f2f2; + border-bottom: 1px solid #f2f2f2; + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); + } + .navbar-inverse .nav-collapse .navbar-form, + .navbar-inverse .nav-collapse .navbar-search { + border-top-color: #111111; + border-bottom-color: #111111; + } + .navbar .nav-collapse .nav.pull-right { + float: none; + margin-left: 0; + } + .nav-collapse, + .nav-collapse.collapse { + height: 0; + overflow: hidden; + } + .navbar .btn-navbar { + display: block; + } + .navbar-static { + padding-right: 10px; + padding-left: 10px; + } +} + +@media (min-width: 980px) { + .nav-collapse.collapse { + height: auto !important; + overflow: visible !important; + } +} -- cgit v1.2.3 From 98b0d475ae9db023cc22b011388f1bea1c88c537 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 30 Nov 2012 22:30:50 -0800 Subject: version bump to 3.0 --- docs/assets/css/bootstrap.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 30b07937d..5b62a6bee 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -1,5 +1,5 @@ /*! - * Bootstrap v2.2.2 + * Bootstrap v3.0.0 * * Copyright 2012 Twitter, Inc * Licensed under the Apache License v2.0 -- cgit v1.2.3 From 19ee7999f4db33406c4552d4eed568cd1fb8405a Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 1 Dec 2012 14:25:28 -0800 Subject: remove single corner border-radius mixins --- docs/assets/css/bootstrap.css | 120 +++++++++++------------------------------- 1 file changed, 30 insertions(+), 90 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 5b62a6bee..9c4172fd3 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -1715,62 +1715,46 @@ table { .table-bordered thead:first-child tr:first-child th:first-child, .table-bordered tbody:first-child tr:first-child td:first-child { - -webkit-border-top-left-radius: 4px; - border-top-left-radius: 4px; - -moz-border-radius-topleft: 4px; + border-top-left-radius: 4px; } .table-bordered thead:first-child tr:first-child th:last-child, .table-bordered tbody:first-child tr:first-child td:last-child { - -webkit-border-top-right-radius: 4px; - border-top-right-radius: 4px; - -moz-border-radius-topright: 4px; + border-top-right-radius: 4px; } .table-bordered thead:last-child tr:last-child th:first-child, .table-bordered tbody:last-child tr:last-child td:first-child, .table-bordered tfoot:last-child tr:last-child td:first-child { - -webkit-border-bottom-left-radius: 4px; - border-bottom-left-radius: 4px; - -moz-border-radius-bottomleft: 4px; + border-bottom-left-radius: 4px; } .table-bordered thead:last-child tr:last-child th:last-child, .table-bordered tbody:last-child tr:last-child td:last-child, .table-bordered tfoot:last-child tr:last-child td:last-child { - -webkit-border-bottom-right-radius: 4px; - border-bottom-right-radius: 4px; - -moz-border-radius-bottomright: 4px; + border-bottom-right-radius: 4px; } .table-bordered tfoot + tbody:last-child tr:last-child td:first-child { - -webkit-border-bottom-left-radius: 0; - border-bottom-left-radius: 0; - -moz-border-radius-bottomleft: 0; + border-bottom-left-radius: 0; } .table-bordered tfoot + tbody:last-child tr:last-child td:last-child { - -webkit-border-bottom-right-radius: 0; - border-bottom-right-radius: 0; - -moz-border-radius-bottomright: 0; + border-bottom-right-radius: 0; } .table-bordered caption + thead tr:first-child th:first-child, .table-bordered caption + tbody tr:first-child td:first-child, .table-bordered colgroup + thead tr:first-child th:first-child, .table-bordered colgroup + tbody tr:first-child td:first-child { - -webkit-border-top-left-radius: 4px; - border-top-left-radius: 4px; - -moz-border-radius-topleft: 4px; + border-top-left-radius: 4px; } .table-bordered caption + thead tr:first-child th:last-child, .table-bordered caption + tbody tr:first-child td:last-child, .table-bordered colgroup + thead tr:first-child th:last-child, .table-bordered colgroup + tbody tr:first-child td:last-child { - -webkit-border-top-right-radius: 4px; - border-top-right-radius: 4px; - -moz-border-radius-topright: 4px; + border-top-right-radius: 4px; } .table-striped tbody tr:nth-child(odd) td, @@ -3152,42 +3136,26 @@ input[type="button"].btn-block { .btn-group > .btn:first-child { margin-left: 0; - -webkit-border-bottom-left-radius: 4px; - border-bottom-left-radius: 4px; - -webkit-border-top-left-radius: 4px; - border-top-left-radius: 4px; - -moz-border-radius-bottomleft: 4px; - -moz-border-radius-topleft: 4px; + border-bottom-left-radius: 4px; + border-top-left-radius: 4px; } .btn-group > .btn:last-child, .btn-group > .dropdown-toggle { - -webkit-border-top-right-radius: 4px; - border-top-right-radius: 4px; - -webkit-border-bottom-right-radius: 4px; - border-bottom-right-radius: 4px; - -moz-border-radius-topright: 4px; - -moz-border-radius-bottomright: 4px; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; } .btn-group > .btn.large:first-child { margin-left: 0; - -webkit-border-bottom-left-radius: 6px; - border-bottom-left-radius: 6px; - -webkit-border-top-left-radius: 6px; - border-top-left-radius: 6px; - -moz-border-radius-bottomleft: 6px; - -moz-border-radius-topleft: 6px; + border-bottom-left-radius: 6px; + border-top-left-radius: 6px; } .btn-group > .btn.large:last-child, .btn-group > .large.dropdown-toggle { - -webkit-border-top-right-radius: 6px; - border-top-right-radius: 6px; - -webkit-border-bottom-right-radius: 6px; - border-bottom-right-radius: 6px; - -moz-border-radius-topright: 6px; - -moz-border-radius-bottomright: 6px; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; } .btn-group > .btn:hover, @@ -3540,12 +3508,8 @@ input[type="button"].btn-block { } .nav-tabs .dropdown-menu { - -webkit-border-top-right-radius: 0; - border-top-right-radius: 0; - -webkit-border-top-left-radius: 0; - border-top-left-radius: 0; - -moz-border-radius-topright: 0; - -moz-border-radius-topleft: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; } .nav .dropdown-toggle .caret { @@ -4230,22 +4194,14 @@ input[type="button"].btn-block { .pagination ul > li:first-child > a, .pagination ul > li:first-child > span { border-left-width: 1px; - -webkit-border-bottom-left-radius: 4px; - border-bottom-left-radius: 4px; - -webkit-border-top-left-radius: 4px; - border-top-left-radius: 4px; - -moz-border-radius-bottomleft: 4px; - -moz-border-radius-topleft: 4px; + border-bottom-left-radius: 4px; + border-top-left-radius: 4px; } .pagination ul > li:last-child > a, .pagination ul > li:last-child > span { - -webkit-border-top-right-radius: 4px; - border-top-right-radius: 4px; - -webkit-border-bottom-right-radius: 4px; - border-bottom-right-radius: 4px; - -moz-border-radius-topright: 4px; - -moz-border-radius-bottomright: 4px; + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; } .pagination-centered { @@ -4264,46 +4220,30 @@ input[type="button"].btn-block { .pagination-large ul > li:first-child > a, .pagination-large ul > li:first-child > span { - -webkit-border-bottom-left-radius: 6px; - border-bottom-left-radius: 6px; - -webkit-border-top-left-radius: 6px; - border-top-left-radius: 6px; - -moz-border-radius-bottomleft: 6px; - -moz-border-radius-topleft: 6px; + border-bottom-left-radius: 6px; + border-top-left-radius: 6px; } .pagination-large ul > li:last-child > a, .pagination-large ul > li:last-child > span { - -webkit-border-top-right-radius: 6px; - border-top-right-radius: 6px; - -webkit-border-bottom-right-radius: 6px; - border-bottom-right-radius: 6px; - -moz-border-radius-topright: 6px; - -moz-border-radius-bottomright: 6px; + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; } .pagination-mini ul > li:first-child > a, .pagination-small ul > li:first-child > a, .pagination-mini ul > li:first-child > span, .pagination-small ul > li:first-child > span { - -webkit-border-bottom-left-radius: 3px; - border-bottom-left-radius: 3px; - -webkit-border-top-left-radius: 3px; - border-top-left-radius: 3px; - -moz-border-radius-bottomleft: 3px; - -moz-border-radius-topleft: 3px; + border-bottom-left-radius: 3px; + border-top-left-radius: 3px; } .pagination-mini ul > li:last-child > a, .pagination-small ul > li:last-child > a, .pagination-mini ul > li:last-child > span, .pagination-small ul > li:last-child > span { - -webkit-border-top-right-radius: 3px; - border-top-right-radius: 3px; - -webkit-border-bottom-right-radius: 3px; - border-bottom-right-radius: 3px; - -moz-border-radius-topright: 3px; - -moz-border-radius-bottomright: 3px; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; } .pagination-small ul > li > a, -- cgit v1.2.3 From 4c82dd3645ec60277b07a161c779f57dda10037c Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 9 Dec 2012 21:46:14 -0800 Subject: Refactor input groups * Deprecate .input-append and .input-prepend * Use new, single base class for component, .input-group * Deprecate .addon for .input-group-addon * For compatibility with all buttons, require .input-group-btn to wrap buttons and button dropdowns * Still need to reimplement with segmented button dropdowns, but that's dependent on a refactor of those first --- docs/assets/css/bootstrap.css | 343 +++++++++--------------------------------- 1 file changed, 72 insertions(+), 271 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index d4495a270..d7fc04bfe 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -1340,63 +1340,38 @@ select:focus:invalid:focus { vertical-align: middle; } -.input-append, -.input-prepend { - margin-bottom: 5px; - font-size: 0; - white-space: nowrap; -} - -.input-append input, -.input-prepend input, -.input-append select, -.input-prepend select, -.input-append .uneditable-input, -.input-prepend .uneditable-input, -.input-append .dropdown-menu, -.input-prepend .dropdown-menu { - font-size: 14px; +.input-group { + display: table; } -.input-append input, -.input-prepend input, -.input-append select, -.input-prepend select, -.input-append .uneditable-input, -.input-prepend .uneditable-input { - position: relative; +.input-group[class*="span"] { float: none; - margin: 0; - font-size: 14px; - vertical-align: top; - border-radius: 0 4px 4px 0; + padding: 0; } -.input-append input:focus, -.input-prepend input:focus, -.input-append select:focus, -.input-prepend select:focus, -.input-append .uneditable-input:focus, -.input-prepend .uneditable-input:focus { - z-index: 2; +.input-group input, +.input-group select, +.input-group .uneditable-input { + width: 100%; } -.input-append input[class*="span"], -.input-prepend input[class*="span"], -.input-append select[class*="span"], -.input-prepend select[class*="span"], -.input-append .uneditable-input[class*="span"], -.input-prepend .uneditable-input[class*="span"] { +.input-group-addon, +.input-group-btn, +.input-group input, +.input-group .uneditable-input { + display: table-cell; margin: 0; + border-radius: 0; } -.input-append .add-on, -.input-prepend .add-on { - display: inline-block; - width: auto; - height: 20px; - min-width: 16px; - padding: 6px; +.input-group-addon, +.input-group-btn { + width: 1%; + vertical-align: middle; +} + +.input-group-addon { + padding: 6px 8px; font-size: 14px; font-weight: normal; line-height: 20px; @@ -1404,244 +1379,69 @@ select:focus:invalid:focus { text-shadow: 0 1px 0 #fff; background-color: #eeeeee; border: 1px solid #ccc; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } -.input-append .add-on, -.input-prepend .add-on, -.input-append .btn, -.input-prepend .btn, -.input-append .btn-group > .dropdown-toggle, -.input-prepend .btn-group > .dropdown-toggle { - vertical-align: top; - border-radius: 0; -} - -.input-append .active, -.input-prepend .active { - background-color: #dff0d8; - border-color: #468847; -} - -.input-prepend .add-on, -.input-prepend .btn { - margin-right: -1px; -} - -.input-prepend .add-on:first-child, -.input-prepend .btn:first-child { - border-radius: 4px 0 0 4px; -} - -.input-append input, -.input-append select, -.input-append .uneditable-input { - border-radius: 4px 0 0 4px; -} - -.input-append input + .btn-group .btn, -.input-append select + .btn-group .btn, -.input-append .uneditable-input + .btn-group .btn, -.input-append input + .btn-group .btn:last-child, -.input-append select + .btn-group .btn:last-child, -.input-append .uneditable-input + .btn-group .btn:last-child { - border-radius: 0 4px 4px 0; -} - -.input-append .add-on, -.input-append .btn, -.input-append .btn-group { - margin-left: -1px; -} - -.input-append .add-on:last-child, -.input-append .btn:last-child, -.input-append .btn-group:last-child > .dropdown-toggle { - border-radius: 0 4px 4px 0; -} - -.input-prepend.input-append input, -.input-prepend.input-append select, -.input-prepend.input-append .uneditable-input { - border-radius: 0; -} - -.input-prepend.input-append input + .btn-group .btn, -.input-prepend.input-append select + .btn-group .btn, -.input-prepend.input-append .uneditable-input + .btn-group .btn { - border-radius: 0 4px 4px 0; -} - -.input-prepend.input-append .add-on:first-child, -.input-prepend.input-append .btn:first-child { - margin-right: -1px; - border-radius: 4px 0 0 4px; -} - -.input-prepend.input-append .add-on:last-child, -.input-prepend.input-append .btn:last-child { - margin-left: -1px; - border-radius: 0 4px 4px 0; -} - -.input-prepend.input-append .btn-group:first-child { - margin-left: 0; -} - -input.search-query { - padding-right: 14px; - padding-right: 4px \9; - padding-left: 14px; - padding-left: 4px \9; - /* IE8 doesn't have border radius, so don't indent the padding */ - - margin-bottom: 0; - border-radius: 20px; -} - -/* Allow for input prepend/append in search forms */ - -.form-search .input-append .search-query, -.form-search .input-prepend .search-query { - border-radius: 0; -} - -.form-search .input-append .search-query { - border-radius: 20px 0 0 20px; -} - -.form-search .input-append .btn { - border-radius: 0 20px 20px 0; -} - -.form-search .input-prepend .search-query { - border-radius: 0 20px 20px 0; -} - -.form-search .input-prepend .btn { - border-radius: 20px 0 0 20px; -} - -.form-search input, -.form-inline input, -.form-horizontal input, -.form-search textarea, -.form-inline textarea, -.form-horizontal textarea, -.form-search select, -.form-inline select, -.form-horizontal select, -.form-search .help-inline, -.form-inline .help-inline, -.form-horizontal .help-inline, -.form-search .uneditable-input, -.form-inline .uneditable-input, -.form-horizontal .uneditable-input, -.form-search .input-prepend, -.form-inline .input-prepend, -.form-horizontal .input-prepend, -.form-search .input-append, -.form-inline .input-append, -.form-horizontal .input-append { - display: inline-block; - margin-bottom: 0; - vertical-align: middle; -} - -.form-search .hide, -.form-inline .hide, -.form-horizontal .hide { - display: none; +.input-group input:first-child, +.input-group .uneditable-input:first-child, +.input-group-addon:first-child { + border-bottom-left-radius: 4px; + border-top-left-radius: 4px; } -.form-search label, -.form-inline label, -.form-search .btn-group, -.form-inline .btn-group { - display: inline-block; +.input-group-addon:first-child { + border-right: 0; } -.form-search .input-append, -.form-inline .input-append, -.form-search .input-prepend, -.form-inline .input-prepend { - margin-bottom: 0; +.input-group input:last-child, +.input-group .uneditable-input:last-child, +.input-group-addon:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; } -.form-search .radio, -.form-search .checkbox, -.form-inline .radio, -.form-inline .checkbox { - display: inline-block; - padding-left: 0; +.input-group-addon:last-child { + border-left: 0; } -.form-search .radio label, -.form-search .checkbox label, -.form-inline .radio label, -.form-inline .checkbox label { - margin-bottom: 0; - vertical-align: middle; +.input-group-btn, +.input-group-btn .btn { + white-space: nowrap; } -.form-search .radio input[type="radio"], -.form-search .checkbox input[type="checkbox"], -.form-inline .radio input[type="radio"], -.form-inline .checkbox input[type="checkbox"] { +.input-group-btn > .btn { float: left; - margin-right: 3px; - margin-left: 0; -} - -.control-group { - margin-bottom: 10px; -} - -legend + .control-group { - margin-top: 20px; - -webkit-margin-top-collapse: separate; -} - -.form-horizontal .control-group { - margin-bottom: 20px; -} - -.form-horizontal .control-group:before, -.form-horizontal .control-group:after { - display: table; - line-height: 0; - content: ""; + border-radius: 0; } -.form-horizontal .control-group:after { - clear: both; +.input-group-btn > .btn + .btn { + border-left: 0; } -.form-horizontal .control-label { - float: left; - width: 160px; - padding-top: 5px; - text-align: right; +.input-group-btn.btn-group { + display: table-cell; } -.form-horizontal .controls { - margin-left: 180px; +.input-group-btn:first-child > .btn:last-child, +.input-group-btn.btn-group:first-child > .btn { + border-right: 0; } -.form-horizontal .help-block { - margin-bottom: 0; +.input-group-btn:first-child > .btn:first-child, +.input-group-btn.btn-group:first-child > .btn { + border-radius: 4px 0 0 4px; } -.form-horizontal input + .help-block, -.form-horizontal select + .help-block, -.form-horizontal textarea + .help-block, -.form-horizontal .uneditable-input + .help-block, -.form-horizontal .input-prepend + .help-block, -.form-horizontal .input-append + .help-block { - margin-top: 10px; +.input-group-btn:last-child > .btn:first-child, +.input-group-btn.btn-group:last-child > .btn:first-child { + border-left: 0; } -.form-horizontal .form-actions { - padding-left: 180px; +.input-group-btn:last-child > .btn:last-child, +.input-group-btn.btn-group:last-child > .btn { + border-radius: 0 4px 4px 0; } table { @@ -2753,21 +2553,22 @@ button.close { color: #333333; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); + white-space: nowrap; vertical-align: middle; cursor: pointer; - background-color: #f5f5f5; - background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); - background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); - background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); - background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); + background-color: #f0f0f0; + background-image: -moz-linear-gradient(top, #fafafa, #e1e1e1); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#e1e1e1)); + background-image: -webkit-linear-gradient(top, #fafafa, #e1e1e1); + background-image: -o-linear-gradient(top, #fafafa, #e1e1e1); + background-image: linear-gradient(to bottom, #fafafa, #e1e1e1); background-repeat: repeat-x; border: 1px solid #bbbbbb; - border-color: #e6e6e6 #e6e6e6 #bfbfbf; + border-color: #e1e1e1 #e1e1e1 #bababa; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-bottom-color: #a2a2a2; border-radius: 4px; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffafafa', endColorstr='#ffe1e1e1', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); @@ -2779,12 +2580,12 @@ button.close { .btn.disabled, .btn[disabled] { color: #333333; - background-color: #e6e6e6; + background-color: #e1e1e1; } .btn:active, .btn.active { - background-color: #cccccc \9; + background-color: #c7c7c7 \9; } .btn:hover { @@ -3205,7 +3006,7 @@ input[type="button"].btn-block { } .btn-group.open .btn.dropdown-toggle { - background-color: #e6e6e6; + background-color: #e1e1e1; } .btn-group.open .btn-primary.dropdown-toggle { -- cgit v1.2.3 From 4245e8ebb5c98ca1a89b7b56578d4fe52ee81802 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 9 Dec 2012 22:13:40 -0800 Subject: Fix checkbox and radios example --- docs/assets/css/bootstrap.css | 1 + 1 file changed, 1 insertion(+) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index d4495a270..f443e17b7 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -903,6 +903,7 @@ textarea::-webkit-input-placeholder { .radio label, .checkbox label { + margin-bottom: 0; font-weight: normal; } -- cgit v1.2.3 From 3b5d4f52a3c2a11ec732fd9ca3b58e83290cd03c Mon Sep 17 00:00:00 2001 From: Chris Rebert Date: Sun, 9 Dec 2012 23:42:05 -0800 Subject: fixes #5605: style as disabled all form controls & btns under a disabled fieldset this is a resubmission of #5875, but now against branch 3.0.0-wip does not exclude elements under a fieldset's legend issue #6058 is a duplicate of #5605 --- docs/assets/css/bootstrap.css | 45 +++++++++++++++++++++++++++++-------------- 1 file changed, 31 insertions(+), 14 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index d4495a270..06384d364 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -1130,7 +1130,10 @@ select[disabled], textarea[disabled], input[readonly], select[readonly], -textarea[readonly] { +textarea[readonly], +fieldset[disabled] input, +fieldset[disabled] select, +fieldset[disabled] textarea { cursor: not-allowed; background-color: #eeeeee; } @@ -1138,7 +1141,9 @@ textarea[readonly] { input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"][readonly], -input[type="checkbox"][readonly] { +input[type="checkbox"][readonly], +fieldset[disabled] input[type="radio"], +fieldset[disabled] input[type="checkbox"] { background-color: transparent; } @@ -2777,7 +2782,8 @@ button.close { .btn:active, .btn.active, .btn.disabled, -.btn[disabled] { +.btn[disabled], +fieldset[disabled] .btn { color: #333333; background-color: #e6e6e6; } @@ -2812,7 +2818,8 @@ button.close { } .btn.disabled, -.btn[disabled] { +.btn[disabled], +fieldset[disabled] .btn { cursor: default; background-image: none; opacity: 0.65; @@ -2907,7 +2914,8 @@ input[type="button"].btn-block { .btn-primary:active, .btn-primary.active, .btn-primary.disabled, -.btn-primary[disabled] { +.btn-primary[disabled], +fieldset[disabled] .btn-primary { color: #ffffff; background-color: #0044cc; } @@ -2937,7 +2945,8 @@ input[type="button"].btn-block { .btn-warning:active, .btn-warning.active, .btn-warning.disabled, -.btn-warning[disabled] { +.btn-warning[disabled], +fieldset[disabled] .btn-warning { color: #ffffff; background-color: #f89406; } @@ -2967,7 +2976,8 @@ input[type="button"].btn-block { .btn-danger:active, .btn-danger.active, .btn-danger.disabled, -.btn-danger[disabled] { +.btn-danger[disabled], +fieldset[disabled] .btn-danger { color: #ffffff; background-color: #bd362f; } @@ -2997,7 +3007,8 @@ input[type="button"].btn-block { .btn-success:active, .btn-success.active, .btn-success.disabled, -.btn-success[disabled] { +.btn-success[disabled], +fieldset[disabled] .btn-success { color: #ffffff; background-color: #51a351; } @@ -3027,7 +3038,8 @@ input[type="button"].btn-block { .btn-info:active, .btn-info.active, .btn-info.disabled, -.btn-info[disabled] { +.btn-info[disabled], +fieldset[disabled] .btn-info { color: #ffffff; background-color: #2f96b4; } @@ -3057,7 +3069,8 @@ input[type="button"].btn-block { .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, -.btn-inverse[disabled] { +.btn-inverse[disabled], +fieldset[disabled] .btn-inverse { color: #ffffff; background-color: #222222; } @@ -3069,7 +3082,8 @@ input[type="button"].btn-block { .btn-link, .btn-link:active, -.btn-link[disabled] { +.btn-link[disabled], +fieldset[disabled] .btn-link { background-color: transparent; background-image: none; -webkit-box-shadow: none; @@ -3089,7 +3103,8 @@ input[type="button"].btn-block { background-color: transparent; } -.btn-link[disabled]:hover { +.btn-link[disabled]:hover, +fieldset[disabled] .btn-link:hover { color: #333333; text-decoration: none; } @@ -3883,7 +3898,8 @@ input[type="button"].btn-block { .navbar .btn-navbar:active, .navbar .btn-navbar.active, .navbar .btn-navbar.disabled, -.navbar .btn-navbar[disabled] { +.navbar .btn-navbar[disabled], +fieldset[disabled] .navbar .btn-navbar { color: #ffffff; background-color: #e5e5e5; } @@ -4133,7 +4149,8 @@ input[type="button"].btn-block { .navbar-inverse .btn-navbar:active, .navbar-inverse .btn-navbar.active, .navbar-inverse .btn-navbar.disabled, -.navbar-inverse .btn-navbar[disabled] { +.navbar-inverse .btn-navbar[disabled], +fieldset[disabled] .navbar-inverse .btn-navbar { color: #ffffff; background-color: #040404; } -- cgit v1.2.3 From 840e47eabdcf41239d55d6bf046ea8cc9e2065da Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 19 Dec 2012 17:49:20 -0800 Subject: Update clearfix mixin and class per @necolas's feedback --- docs/assets/css/bootstrap.css | 51 +++++++++++++++---------------------------- 1 file changed, 18 insertions(+), 33 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index f443e17b7..33581659d 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -232,8 +232,7 @@ a:hover { .container:before, .container:after { display: table; - line-height: 0; - content: ""; + content: " "; } .container:after { @@ -248,8 +247,7 @@ a:hover { .row:before, .row:after { display: table; - line-height: 0; - content: ""; + content: " "; } .row:after { @@ -562,8 +560,7 @@ dd { .dl-horizontal:before, .dl-horizontal:after { display: table; - line-height: 0; - content: ""; + content: " "; } .dl-horizontal:after { @@ -1109,8 +1106,7 @@ textarea[class*="span"], .controls-row:before, .controls-row:after { display: table; - line-height: 0; - content: ""; + content: " "; } .controls-row:after { @@ -1317,8 +1313,7 @@ select:focus:invalid:focus { .form-actions:before, .form-actions:after { display: table; - line-height: 0; - content: ""; + content: " "; } .form-actions:after { @@ -1609,8 +1604,7 @@ legend + .control-group { .form-horizontal .control-group:before, .form-horizontal .control-group:after { display: table; - line-height: 0; - content: ""; + content: " "; } .form-horizontal .control-group:after { @@ -3376,8 +3370,7 @@ input[type="button"].btn-block { .nav:before, .nav:after { display: table; - line-height: 0; - content: ""; + content: " "; } .nav:after { @@ -3586,8 +3579,7 @@ input[type="button"].btn-block { .tabbable:before, .tabbable:after { display: table; - line-height: 0; - content: ""; + content: " "; } .tabbable:after { @@ -3639,8 +3631,7 @@ input[type="button"].btn-block { .navbar:before, .navbar:after { display: table; - line-height: 0; - content: ""; + content: " "; } .navbar:after { @@ -3710,8 +3701,7 @@ input[type="button"].btn-block { .navbar-form:before, .navbar-form:after { display: table; - line-height: 0; - content: ""; + content: " "; } .navbar-form:after { @@ -4292,8 +4282,7 @@ input[type="button"].btn-block { .pager:before, .pager:after { display: table; - line-height: 0; - content: ""; + content: " "; } .pager:after { @@ -4426,8 +4415,7 @@ input[type="button"].btn-block { .modal-footer:before, .modal-footer:after { display: table; - line-height: 0; - content: ""; + content: " "; } .modal-footer:after { @@ -5232,14 +5220,13 @@ a.badge:hover { line-height: 30px; } -.clear:before, -.clear:after { +.clearfix:before, +.clearfix:after { display: table; - line-height: 0; - content: ""; + content: " "; } -.clear:after { +.clearfix:after { clear: both; } @@ -5342,8 +5329,7 @@ a.badge:hover { .row:before, .row:after { display: table; - line-height: 0; - content: ""; + content: " "; } .row:after { clear: both; @@ -5439,8 +5425,7 @@ a.badge:hover { .row:before, .row:after { display: table; - line-height: 0; - content: ""; + content: " "; } .row:after { clear: both; -- cgit v1.2.3 From 28c928f01038a3edf61e7a3c9144a6456b929040 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 19 Dec 2012 18:43:55 -0800 Subject: Use normalize as separate file instead of with other resets; still need to punt other styles --- docs/assets/css/bootstrap.css | 367 +++++++++++++++++++++++++++++++++--------- 1 file changed, 289 insertions(+), 78 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 33581659d..b13a44bd0 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -5,7 +5,17 @@ * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * - * Designed and built with all the love in the world @twitter by @mdo and @fat. + * Designed and built with all the love in the world by @mdo and @fat. + */ + +/*! normalize.css v2.0.1 | MIT License | git.io/normalize */ + +/* ========================================================================== + HTML5 display definitions + ========================================================================== */ + +/** + * Correct `block` display not defined in IE 8/9. */ article, @@ -17,37 +27,177 @@ footer, header, hgroup, nav, -section { +section, +summary { display: block; } +/** + * Correct `inline-block` display not defined in IE 8/9. + */ + audio, canvas, video { display: inline-block; } +/** + * Prevent modern browsers from displaying `audio` without controls. + * Remove excess height in iOS 5 devices. + */ + audio:not([controls]) { display: none; + height: 0; +} + +/** + * Address styling not present in IE 8/9. + */ + +[hidden] { + display: none; } +/* ========================================================================== + Base + ========================================================================== */ + +/** + * 1. Set default font family to sans-serif. + * 2. Prevent iOS text size adjust after orientation change, without disabling + * user zoom. + */ + html { - font-size: 100%; + font-family: sans-serif; + /* 1 */ + -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; + /* 2 */ + } +/** + * Remove default margin. + */ + +body { + margin: 0; +} + +/* ========================================================================== + Links + ========================================================================== */ + +/** + * Address `outline` inconsistency between Chrome and other browsers. + */ + a:focus { - outline: thin dotted #333; - outline: 5px auto -webkit-focus-ring-color; - outline-offset: -2px; + outline: thin dotted; } -a:hover, -a:active { +/** + * Improve readability when focused and also mouse hovered in all browsers. + */ + +a:active, +a:hover { outline: 0; } +/* ========================================================================== + Typography + ========================================================================== */ + +/** + * Address variable `h1` font size within `section` and `article` contexts in + * Firefox 4+, Safari 5, and Chrome. + */ + +h1 { + font-size: 2em; +} + +/** + * Address styling not present in IE 8/9, Safari 5, and Chrome. + */ + +abbr[title] { + border-bottom: 1px dotted; +} + +/** + * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. + */ + +b, +strong { + font-weight: bold; +} + +/** + * Address styling not present in Safari 5 and Chrome. + */ + +dfn { + font-style: italic; +} + +/** + * Address styling not present in IE 8/9. + */ + +mark { + color: #000; + background: #ff0; +} + +/** + * Correct font family set oddly in Safari 5 and Chrome. + */ + +code, +kbd, +pre, +samp { + font-family: monospace, serif; + font-size: 1em; +} + +/** + * Improve readability of pre-formatted text in all browsers. + */ + +pre { + word-wrap: break-word; + white-space: pre; + white-space: pre-wrap; +} + +/** + * Set consistent quote types. + */ + +q { + quotes: "\201C" "\201D" "\2018" "\2019"; +} + +/** + * Address inconsistent and variable font size in all browsers. + */ + +small { + font-size: 80%; +} + +/** + * Prevent `sub` and `sup` affecting `line-height` in all browsers. + */ + sub, sup { position: relative; @@ -64,34 +214,95 @@ sub { bottom: -0.25em; } +/* ========================================================================== + Embedded content + ========================================================================== */ + +/** + * Remove border when inside `a` element in IE 8/9. + */ + img { - width: auto\9; - height: auto; - max-width: 100%; - vertical-align: middle; border: 0; - -ms-interpolation-mode: bicubic; } -#map_canvas img, -.google-maps img { - max-width: none; +/** + * Correct overflow displayed oddly in IE 9. + */ + +svg:not(:root) { + overflow: hidden; +} + +/* ========================================================================== + Figures + ========================================================================== */ + +/** + * Address margin not present in IE 8/9 and Safari 5. + */ + +figure { + margin: 0; +} + +/* ========================================================================== + Forms + ========================================================================== */ + +/** + * Define consistent border, margin, and padding. + */ + +fieldset { + padding: 0.35em 0.625em 0.75em; + margin: 0 2px; + border: 1px solid #c0c0c0; } +/** + * 1. Correct `color` not being inherited in IE 8/9. + * 2. Remove padding so people aren't caught out if they zero out fieldsets. + */ + +legend { + padding: 0; + border: 0; +} + +/** + * 1. Correct font family not being inherited in all browsers. + * 2. Correct font size not being inherited in all browsers. + * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. + */ + button, input, select, textarea { margin: 0; + font-family: inherit; font-size: 100%; - vertical-align: middle; } +/** + * Address Firefox 4+ setting `line-height` on `input` using `!important` in + * the UA stylesheet. + */ + button, input { line-height: normal; } +/** + * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` + * and `video` controls. + * 2. Correct inability to style clickable `input` types in iOS. + * 3. Improve usability and consistency of cursor style between image-type + * `input` and others. + */ + button, html input[type="button"], input[type="reset"], @@ -100,17 +311,32 @@ input[type="submit"] { -webkit-appearance: button; } -label, -select, -button, -input[type="button"], -input[type="reset"], -input[type="submit"], -input[type="radio"], -input[type="checkbox"] { - cursor: pointer; +/** + * Re-set default cursor for disabled elements. + */ + +button[disabled], +html input[disabled] { + cursor: default; } +/** + * 1. Address box sizing set to `content-box` in IE 8/9. + * 2. Remove excess padding in IE 8/9. + */ + +input[type="checkbox"], +input[type="radio"] { + padding: 0; + box-sizing: border-box; +} + +/** + * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. + * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome + * (include `-moz` to future-proof). + */ + input[type="search"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; @@ -118,66 +344,51 @@ input[type="search"] { -webkit-appearance: textfield; } -input[type="search"]::-webkit-search-decoration, -input[type="search"]::-webkit-search-cancel-button { +/** + * Remove inner padding and search cancel button in Safari 5 and Chrome + * on OS X. + */ + +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } +/** + * Remove inner padding and border in Firefox 4+. + */ + +button::-moz-focus-inner, +input::-moz-focus-inner { + padding: 0; + border: 0; +} + +/** + * 1. Remove default vertical scrollbar in IE 8/9. + * 2. Improve readability and alignment in all browsers. + */ + textarea { overflow: auto; + /* 1 */ + vertical-align: top; + /* 2 */ + } -@media print { - * { - color: #000 !important; - text-shadow: none !important; - background: transparent !important; - box-shadow: none !important; - } - a, - a:visited { - text-decoration: underline; - } - a[href]:after { - content: " (" attr(href) ")"; - } - abbr[title]:after { - content: " (" attr(title) ")"; - } - .ir a:after, - a[href^="javascript:"]:after, - a[href^="#"]:after { - content: ""; - } - pre, - blockquote { - border: 1px solid #999; - page-break-inside: avoid; - } - thead { - display: table-header-group; - } - tr, - img { - page-break-inside: avoid; - } - img { - max-width: 100% !important; - } - @page { - margin: 0.5cm; - } - p, - h2, - h3 { - orphans: 3; - widows: 3; - } - h2, - h3 { - page-break-after: avoid; - } +/* ========================================================================== + Tables + ========================================================================== */ + +/** + * Remove most spacing between table cells. + */ + +table { + border-collapse: collapse; + border-spacing: 0; } body { -- cgit v1.2.3 From 19a94d08d659d39e718efca95812cac2db178b15 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 19 Dec 2012 19:33:14 -0800 Subject: Remove support for multiple buttons in input groups because fuck that shit. --- docs/assets/css/bootstrap.css | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index d7fc04bfe..ce707c9f2 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -1424,22 +1424,22 @@ select:focus:invalid:focus { display: table-cell; } -.input-group-btn:first-child > .btn:last-child, +.input-group-btn:first-child > .btn, .input-group-btn.btn-group:first-child > .btn { border-right: 0; } -.input-group-btn:first-child > .btn:first-child, +.input-group-btn:first-child > .btn, .input-group-btn.btn-group:first-child > .btn { border-radius: 4px 0 0 4px; } -.input-group-btn:last-child > .btn:first-child, +.input-group-btn:last-child > .btn, .input-group-btn.btn-group:last-child > .btn:first-child { border-left: 0; } -.input-group-btn:last-child > .btn:last-child, +.input-group-btn:last-child > .btn, .input-group-btn.btn-group:last-child > .btn { border-radius: 0 4px 4px 0; } -- cgit v1.2.3 From 26b999b76ac564b89f21e6f80cc3052f57b60aa2 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 19 Dec 2012 19:46:44 -0800 Subject: no need for margin-top on .typeahead, it's set on .dropdown-menu --- docs/assets/css/bootstrap.css | 1 - 1 file changed, 1 deletion(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index ce707c9f2..0d90fab61 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -2462,7 +2462,6 @@ table th[class*="span"] { .typeahead { z-index: 1051; - margin-top: 2px; } .well { -- cgit v1.2.3 From c6cc1b1a1d401e30e2cb7df853461dfc78134f7f Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 19 Dec 2012 21:18:32 -0800 Subject: Drop .label component. Instead, just use .badge because fuck dupe code and stuff. --- docs/assets/css/bootstrap.css | 24 ------------------------ 1 file changed, 24 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 829c27039..299049115 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -4521,7 +4521,6 @@ a.thumbnail:hover { list-style: none; } -.label, .badge { display: inline-block; padding: 2px 4px; @@ -4533,87 +4532,64 @@ a.thumbnail:hover { white-space: nowrap; vertical-align: baseline; background-color: #999999; -} - -.label { border-radius: 3px; } -.badge { - padding-right: 9px; - padding-left: 9px; - border-radius: 9px; -} - -.label:empty, .badge:empty { display: none; } -a.label:hover, a.badge:hover { color: #fff; text-decoration: none; cursor: pointer; } -.label-danger, .badge-danger { background-color: #b94a48; } -.label-danger[href], .badge-danger[href] { background-color: #953b39; } -.label-warning, .badge-warning { background-color: #f89406; } -.label-warning[href], .badge-warning[href] { background-color: #c67605; } -.label-success, .badge-success { background-color: #468847; } -.label-success[href], .badge-success[href] { background-color: #356635; } -.label-info, .badge-info { background-color: #3a87ad; } -.label-info[href], .badge-info[href] { background-color: #2d6987; } -.label-inverse, .badge-inverse { background-color: #333333; } -.label-inverse[href], .badge-inverse[href] { background-color: #1a1a1a; } -.btn .label, .btn .badge { position: relative; top: -1px; } -.btn-mini .label, .btn-mini .badge { top: 0; } -- cgit v1.2.3 From b6945a21682042948543fd6809976d06ad234384 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 19 Dec 2012 21:37:16 -0800 Subject: Rename .hero-unit to .jumbotron becaue fuck dashes in filenames and sports metaphors are cooler than ad ones --- docs/assets/css/bootstrap.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 299049115..0968ee621 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -4974,7 +4974,7 @@ a.badge:hover { margin-bottom: 0; } -.hero-unit { +.jumbotron { padding: 60px; margin-bottom: 30px; font-size: 18px; @@ -4985,7 +4985,7 @@ a.badge:hover { border-radius: 6px; } -.hero-unit h1 { +.jumbotron h1 { margin-bottom: 0; font-size: 60px; line-height: 1; @@ -4993,7 +4993,7 @@ a.badge:hover { color: inherit; } -.hero-unit li { +.jumbotron li { line-height: 30px; } -- cgit v1.2.3 From 7449e2e5a18d3f5d3c0ef76b0960f70b77fb47e8 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 19 Dec 2012 22:02:57 -0800 Subject: Remove @black and just use #000 --- docs/assets/css/bootstrap.css | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 0968ee621..5051c7ef9 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -2277,7 +2277,7 @@ table th[class*="span"] { width: 0; height: 0; vertical-align: top; - border-top: 4px solid #000000; + border-top: 4px solid #000; border-right: 4px solid transparent; border-left: 4px solid transparent; content: ""; @@ -2388,7 +2388,7 @@ table th[class*="span"] { .dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top: 0; - border-bottom: 4px solid #000000; + border-bottom: 4px solid #000; content: ""; } @@ -2517,14 +2517,14 @@ table th[class*="span"] { font-size: 20px; font-weight: bold; line-height: 20px; - color: #000000; + color: #000; text-shadow: 0 1px 0 #ffffff; opacity: 0.2; filter: alpha(opacity=20); } .close:hover { - color: #000000; + color: #000; text-decoration: none; cursor: pointer; opacity: 0.4; @@ -4133,7 +4133,7 @@ input[type="button"].btn-block { bottom: 0; left: 0; z-index: 1040; - background-color: #000000; + background-color: #000; } .modal-backdrop.fade { -- cgit v1.2.3 From c38b7206eb049f57c7b1db570817739bdda0be6f Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 19 Dec 2012 22:25:56 -0800 Subject: overhaul buttons --- docs/assets/css/bootstrap.css | 351 ++++++++++++------------------------------ 1 file changed, 95 insertions(+), 256 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 5051c7ef9..87b2942a1 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -2541,56 +2541,16 @@ button.close { .btn { display: inline-block; - padding: 6px 12px; + padding: 7px 13px; margin-bottom: 0; font-size: 14px; + font-weight: bold; line-height: 20px; - color: #333333; text-align: center; - text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); - white-space: nowrap; vertical-align: middle; cursor: pointer; - background-color: #f0f0f0; - background-image: -moz-linear-gradient(top, #fafafa, #e1e1e1); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#e1e1e1)); - background-image: -webkit-linear-gradient(top, #fafafa, #e1e1e1); - background-image: -o-linear-gradient(top, #fafafa, #e1e1e1); - background-image: linear-gradient(to bottom, #fafafa, #e1e1e1); - background-repeat: repeat-x; - border: 1px solid #bbbbbb; - border-color: #e1e1e1 #e1e1e1 #bababa; - border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - border-bottom-color: #a2a2a2; + border: 0; border-radius: 4px; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffafafa', endColorstr='#ffe1e1e1', GradientType=0); - filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); - -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); - box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -} - -.btn:hover, -.btn:active, -.btn.active, -.btn.disabled, -.btn[disabled] { - color: #333333; - background-color: #e1e1e1; -} - -.btn:active, -.btn.active { - background-color: #c7c7c7 \9; -} - -.btn:hover { - color: #333333; - text-decoration: none; - background-position: 0 -15px; - -webkit-transition: background-position 0.1s linear; - -moz-transition: background-position 0.1s linear; - -o-transition: background-position 0.1s linear; - transition: background-position 0.1s linear; } .btn:focus { @@ -2599,9 +2559,12 @@ button.close { outline-offset: -2px; } -.btn.active, -.btn:active { - background-image: none; +.btn:hover { + text-decoration: none; +} + +.btn:active, +.btn.active { outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); @@ -2610,13 +2573,79 @@ button.close { .btn.disabled, .btn[disabled] { cursor: default; - background-image: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; } +.btn-default { + padding: 6px 12px; + color: #5a5a5a; + background-color: #fff; + border: 1px solid #ccc; +} + +.btn-default:hover { + color: #fff; + background-color: #999; + border-color: #999; +} + +/* +// Core +.btn { + display: inline-block; + padding: 6px 12px; + margin-bottom: 0; // For input.btn + font-size: @font-size-base; + line-height: @line-height-base; + text-align: center; + vertical-align: middle; + cursor: pointer; + white-space: nowrap; + .buttonBackground(@btn-background, @btn-background-highlight, @grayDark, 0 1px 1px rgba(255,255,255,.75)); + border: 1px solid @btn-border; + border-bottom-color: darken(@btn-border, 10%); + border-radius: @border-radius-base; + .box-shadow(~"inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05)"); + + // Hover state + &:hover { + color: @grayDark; + text-decoration: none; + background-position: 0 -15px; + + // transition is only when going to hover, otherwise the background + // behind the gradient (there for IE<=9 fallback) gets mismatched + .transition(background-position .1s linear); + } + + // Focus state for keyboard and accessibility + &:focus { + .tab-focus(); + } + + // Active state + &.active, + &:active { + background-image: none; + outline: 0; + .box-shadow(~"inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05)"); + } + + // Disabled state + &.disabled, + &[disabled] { + cursor: default; + background-image: none; + .opacity(65); + .box-shadow(none); + } + +} +*/ + .btn-large { padding: 11px 19px; font-size: 17.5px; @@ -2669,198 +2698,52 @@ input[type="button"].btn-block { width: 100%; } -.btn-primary.active, -.btn-warning.active, -.btn-danger.active, -.btn-success.active, -.btn-info.active, -.btn-inverse.active { - color: rgba(255, 255, 255, 0.75); -} - -.btn { - border-color: #c5c5c5; - border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25); -} - .btn-primary { color: #ffffff; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - background-color: #006dcc; - background-image: -moz-linear-gradient(top, #0088cc, #0044cc); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); - background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); - background-image: -o-linear-gradient(top, #0088cc, #0044cc); - background-image: linear-gradient(to bottom, #0088cc, #0044cc); - background-repeat: repeat-x; - border-color: #0044cc #0044cc #002a80; - border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0); - filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); + background-color: #0088cc; } .btn-primary:hover, -.btn-primary:active, -.btn-primary.active, -.btn-primary.disabled, -.btn-primary[disabled] { - color: #ffffff; - background-color: #0044cc; -} - .btn-primary:active, .btn-primary.active { - background-color: #003399 \9; + color: #ffffff; + background-color: #006699; } .btn-warning { color: #ffffff; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - background-color: #faa732; - background-image: -moz-linear-gradient(top, #fbb450, #f89406); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); - background-image: -webkit-linear-gradient(top, #fbb450, #f89406); - background-image: -o-linear-gradient(top, #fbb450, #f89406); - background-image: linear-gradient(to bottom, #fbb450, #f89406); - background-repeat: repeat-x; - border-color: #f89406 #f89406 #ad6704; - border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0); - filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); + background-color: #fbb450; } .btn-warning:hover, -.btn-warning:active, -.btn-warning.active, -.btn-warning.disabled, -.btn-warning[disabled] { - color: #ffffff; - background-color: #f89406; -} - .btn-warning:active, .btn-warning.active { - background-color: #c67605 \9; + color: #ffffff; + background-color: #fa9f1e; } .btn-danger { color: #ffffff; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - background-color: #da4f49; - background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f)); - background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f); - background-image: -o-linear-gradient(top, #ee5f5b, #bd362f); - background-image: linear-gradient(to bottom, #ee5f5b, #bd362f); - background-repeat: repeat-x; - border-color: #bd362f #bd362f #802420; - border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0); - filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); + background-color: #ee5f5b; } .btn-danger:hover, -.btn-danger:active, -.btn-danger.active, -.btn-danger.disabled, -.btn-danger[disabled] { - color: #ffffff; - background-color: #bd362f; -} - .btn-danger:active, .btn-danger.active { - background-color: #942a25 \9; + color: #ffffff; + background-color: #e9322d; } .btn-success { color: #ffffff; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - background-color: #5bb75b; - background-image: -moz-linear-gradient(top, #62c462, #51a351); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351)); - background-image: -webkit-linear-gradient(top, #62c462, #51a351); - background-image: -o-linear-gradient(top, #62c462, #51a351); - background-image: linear-gradient(to bottom, #62c462, #51a351); - background-repeat: repeat-x; - border-color: #51a351 #51a351 #387038; - border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0); - filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); + background-color: #62c462; } .btn-success:hover, -.btn-success:active, -.btn-success.active, -.btn-success.disabled, -.btn-success[disabled] { - color: #ffffff; - background-color: #51a351; -} - .btn-success:active, .btn-success.active { - background-color: #408140 \9; -} - -.btn-info { color: #ffffff; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - background-color: #49afcd; - background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4)); - background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4); - background-image: -o-linear-gradient(top, #5bc0de, #2f96b4); - background-image: linear-gradient(to bottom, #5bc0de, #2f96b4); - background-repeat: repeat-x; - border-color: #2f96b4 #2f96b4 #1f6377; - border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0); - filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); -} - -.btn-info:hover, -.btn-info:active, -.btn-info.active, -.btn-info.disabled, -.btn-info[disabled] { - color: #ffffff; - background-color: #2f96b4; -} - -.btn-info:active, -.btn-info.active { - background-color: #24748c \9; -} - -.btn-inverse { - color: #ffffff; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - background-color: #363636; - background-image: -moz-linear-gradient(top, #444444, #222222); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222)); - background-image: -webkit-linear-gradient(top, #444444, #222222); - background-image: -o-linear-gradient(top, #444444, #222222); - background-image: linear-gradient(to bottom, #444444, #222222); - background-repeat: repeat-x; - border-color: #222222 #222222 #000000; - border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0); - filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); -} - -.btn-inverse:hover, -.btn-inverse:active, -.btn-inverse.active, -.btn-inverse.disabled, -.btn-inverse[disabled] { - color: #ffffff; - background-color: #222222; -} - -.btn-inverse:active, -.btn-inverse.active { - background-color: #080808 \9; + background-color: #42b142; } .btn-link, @@ -3020,14 +2903,6 @@ input[type="button"].btn-block { background-color: #51a351; } -.btn-group.open .btn-info.dropdown-toggle { - background-color: #2f96b4; -} - -.btn-group.open .btn-inverse.dropdown-toggle { - background-color: #222222; -} - .btn .caret { margin-top: 8px; margin-left: 0; @@ -3654,35 +3529,17 @@ input[type="button"].btn-block { padding: 7px 10px; margin-right: 5px; margin-left: 5px; - color: #ffffff; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - background-color: #ededed; - background-image: -moz-linear-gradient(top, #f2f2f2, #e5e5e5); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#e5e5e5)); - background-image: -webkit-linear-gradient(top, #f2f2f2, #e5e5e5); - background-image: -o-linear-gradient(top, #f2f2f2, #e5e5e5); - background-image: linear-gradient(to bottom, #f2f2f2, #e5e5e5); - background-repeat: repeat-x; - border-color: #e5e5e5 #e5e5e5 #bfbfbf; - border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffe5e5e5', GradientType=0); - filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); + color: #e5e5e5; + background-color: #f2f2f2; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075); } .navbar .btn-navbar:hover, -.navbar .btn-navbar:active, -.navbar .btn-navbar.active, -.navbar .btn-navbar.disabled, -.navbar .btn-navbar[disabled] { - color: #ffffff; - background-color: #e5e5e5; -} - .navbar .btn-navbar:active, .navbar .btn-navbar.active { - background-color: #cccccc \9; + color: #e5e5e5; + background-color: #d9d9d9; } .navbar .btn-navbar .icon-bar { @@ -3906,33 +3763,15 @@ input[type="button"].btn-block { } .navbar-inverse .btn-navbar { - color: #ffffff; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - background-color: #0e0e0e; - background-image: -moz-linear-gradient(top, #151515, #040404); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#151515), to(#040404)); - background-image: -webkit-linear-gradient(top, #151515, #040404); - background-image: -o-linear-gradient(top, #151515, #040404); - background-image: linear-gradient(to bottom, #151515, #040404); - background-repeat: repeat-x; - border-color: #040404 #040404 #000000; - border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff151515', endColorstr='#ff040404', GradientType=0); - filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); + color: #040404; + background-color: #151515; } .navbar-inverse .btn-navbar:hover, -.navbar-inverse .btn-navbar:active, -.navbar-inverse .btn-navbar.active, -.navbar-inverse .btn-navbar.disabled, -.navbar-inverse .btn-navbar[disabled] { - color: #ffffff; - background-color: #040404; -} - .navbar-inverse .btn-navbar:active, .navbar-inverse .btn-navbar.active { - background-color: #000000 \9; + color: #040404; + background-color: #000000; } .breadcrumb { -- cgit v1.2.3 From afef81c0d79fc0c8bc313f7f46f4f92f7e3a9988 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 19 Dec 2012 22:30:08 -0800 Subject: remove commented out buttons css, update docs --- docs/assets/css/bootstrap.css | 78 +++++-------------------------------------- 1 file changed, 9 insertions(+), 69 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 87b2942a1..e3214cbc5 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -2546,11 +2546,17 @@ button.close { font-size: 14px; font-weight: bold; line-height: 20px; + color: #555555; text-align: center; vertical-align: middle; cursor: pointer; + background-color: #eee; border: 0; border-radius: 4px; + -webkit-transition: all 0.075s ease-in-out; + -moz-transition: all 0.075s ease-in-out; + -o-transition: all 0.075s ease-in-out; + transition: all 0.075s ease-in-out; } .btn:focus { @@ -2561,13 +2567,14 @@ button.close { .btn:hover { text-decoration: none; + background-color: #ddd; } .btn:active, .btn.active { outline: 0; - -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); + -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255, 255, 255, 0.1); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255, 255, 255, 0.1); } .btn.disabled, @@ -2579,73 +2586,6 @@ button.close { box-shadow: none; } -.btn-default { - padding: 6px 12px; - color: #5a5a5a; - background-color: #fff; - border: 1px solid #ccc; -} - -.btn-default:hover { - color: #fff; - background-color: #999; - border-color: #999; -} - -/* -// Core -.btn { - display: inline-block; - padding: 6px 12px; - margin-bottom: 0; // For input.btn - font-size: @font-size-base; - line-height: @line-height-base; - text-align: center; - vertical-align: middle; - cursor: pointer; - white-space: nowrap; - .buttonBackground(@btn-background, @btn-background-highlight, @grayDark, 0 1px 1px rgba(255,255,255,.75)); - border: 1px solid @btn-border; - border-bottom-color: darken(@btn-border, 10%); - border-radius: @border-radius-base; - .box-shadow(~"inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05)"); - - // Hover state - &:hover { - color: @grayDark; - text-decoration: none; - background-position: 0 -15px; - - // transition is only when going to hover, otherwise the background - // behind the gradient (there for IE<=9 fallback) gets mismatched - .transition(background-position .1s linear); - } - - // Focus state for keyboard and accessibility - &:focus { - .tab-focus(); - } - - // Active state - &.active, - &:active { - background-image: none; - outline: 0; - .box-shadow(~"inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05)"); - } - - // Disabled state - &.disabled, - &[disabled] { - cursor: default; - background-image: none; - .opacity(65); - .box-shadow(none); - } - -} -*/ - .btn-large { padding: 11px 19px; font-size: 17.5px; -- cgit v1.2.3 From 9b4e5746a4340855e86ed16e15331e10ac23a687 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 19 Dec 2012 22:54:04 -0800 Subject: More button tweaks --- docs/assets/css/bootstrap.css | 170 +++++++++++++++++++++++++++++++++++------- 1 file changed, 143 insertions(+), 27 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index e3214cbc5..0def4f909 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -180,6 +180,27 @@ textarea { } } +/*.buttonBackground(@startColor, @endColor, @text-color: #fff, @textShadow: 0 -1px 0 rgba(0,0,0,.25)) { + color: @text-color; + text-shadow: @textShadow; + #gradient > .vertical(@startColor, @endColor); + border-color: @endColor @endColor darken(@endColor, 15%); + border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) fadein(rgba(0,0,0,.1), 15%); + .reset-filter(); + + // in these cases the gradient won't cover the background, so we override + &:hover, &:active, &.active, &.disabled, &[disabled] { + color: @text-color; + background-color: @endColor; + } + + // IE8 can't handle box-shadow to show active, so we darken a bit ourselves + &:active, + &.active { + background-color: darken(@endColor, 10%) e("\9"); + } +}*/ + body { margin: 0; color: #333333; @@ -2541,22 +2562,27 @@ button.close { .btn { display: inline-block; - padding: 7px 13px; + padding: 6px 13px; margin-bottom: 0; font-size: 14px; - font-weight: bold; line-height: 20px; color: #555555; text-align: center; + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75); vertical-align: middle; cursor: pointer; - background-color: #eee; - border: 0; + background-color: #f0f0f0; + background-image: -moz-linear-gradient(top, #fafafa, #e1e1e1); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#e1e1e1)); + background-image: -webkit-linear-gradient(top, #fafafa, #e1e1e1); + background-image: -o-linear-gradient(top, #fafafa, #e1e1e1); + background-image: linear-gradient(to bottom, #fafafa, #e1e1e1); + background-repeat: repeat-x; + border: 1px solid #c7c7c7; border-radius: 4px; - -webkit-transition: all 0.075s ease-in-out; - -moz-transition: all 0.075s ease-in-out; - -o-transition: all 0.075s ease-in-out; - transition: all 0.075s ease-in-out; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffafafa', endColorstr='#ffe1e1e1', GradientType=0); + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25); } .btn:focus { @@ -2567,14 +2593,14 @@ button.close { .btn:hover { text-decoration: none; - background-color: #ddd; } .btn:active, .btn.active { + background-image: none; outline: 0; - -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255, 255, 255, 0.1); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255, 255, 255, 0.1); + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255, 255, 255, 0.1); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255, 255, 255, 0.1); } .btn.disabled, @@ -2640,50 +2666,110 @@ input[type="button"].btn-block { .btn-primary { color: #ffffff; - background-color: #0088cc; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #006dcc; + background-image: -moz-linear-gradient(top, #0088cc, #0044cc); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); + background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); + background-image: -o-linear-gradient(top, #0088cc, #0044cc); + background-image: linear-gradient(to bottom, #0088cc, #0044cc); + background-repeat: repeat-x; + border-color: #003bb3; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0); } .btn-primary:hover, .btn-primary:active, .btn-primary.active { color: #ffffff; - background-color: #006699; + background-color: #0044cc; + background-position: 0 -15px; +} + +.btn-primary:active, +.btn-primary.active { + background-image: none; } .btn-warning { color: #ffffff; - background-color: #fbb450; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #faa732; + background-image: -moz-linear-gradient(top, #fbb450, #f89406); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); + background-image: -webkit-linear-gradient(top, #fbb450, #f89406); + background-image: -o-linear-gradient(top, #fbb450, #f89406); + background-image: linear-gradient(to bottom, #fbb450, #f89406); + background-repeat: repeat-x; + border-color: #df8505; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0); } .btn-warning:hover, .btn-warning:active, .btn-warning.active { color: #ffffff; - background-color: #fa9f1e; + background-color: #f89406; + background-position: 0 -15px; +} + +.btn-warning:active, +.btn-warning.active { + background-image: none; } .btn-danger { color: #ffffff; - background-color: #ee5f5b; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #da4f49; + background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f)); + background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f); + background-image: -o-linear-gradient(top, #ee5f5b, #bd362f); + background-image: linear-gradient(to bottom, #ee5f5b, #bd362f); + background-repeat: repeat-x; + border-color: #a9302a; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0); } .btn-danger:hover, .btn-danger:active, .btn-danger.active { color: #ffffff; - background-color: #e9322d; + background-color: #bd362f; + background-position: 0 -15px; +} + +.btn-danger:active, +.btn-danger.active { + background-image: none; } .btn-success { color: #ffffff; - background-color: #62c462; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #5bb75b; + background-image: -moz-linear-gradient(top, #62c462, #51a351); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351)); + background-image: -webkit-linear-gradient(top, #62c462, #51a351); + background-image: -o-linear-gradient(top, #62c462, #51a351); + background-image: linear-gradient(to bottom, #62c462, #51a351); + background-repeat: repeat-x; + border-color: #499249; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0); } .btn-success:hover, .btn-success:active, .btn-success.active { color: #ffffff; - background-color: #42b142; + background-color: #51a351; + background-position: 0 -15px; +} + +.btn-success:active, +.btn-success.active { + background-image: none; } .btn-link, @@ -3469,8 +3555,17 @@ input[type="button"].btn-block { padding: 7px 10px; margin-right: 5px; margin-left: 5px; - color: #e5e5e5; - background-color: #f2f2f2; + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #ededed; + background-image: -moz-linear-gradient(top, #f2f2f2, #e5e5e5); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#e5e5e5)); + background-image: -webkit-linear-gradient(top, #f2f2f2, #e5e5e5); + background-image: -o-linear-gradient(top, #f2f2f2, #e5e5e5); + background-image: linear-gradient(to bottom, #f2f2f2, #e5e5e5); + background-repeat: repeat-x; + border-color: #d9d9d9; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffe5e5e5', GradientType=0); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075); } @@ -3478,8 +3573,14 @@ input[type="button"].btn-block { .navbar .btn-navbar:hover, .navbar .btn-navbar:active, .navbar .btn-navbar.active { - color: #e5e5e5; - background-color: #d9d9d9; + color: #ffffff; + background-color: #e5e5e5; + background-position: 0 -15px; +} + +.navbar .btn-navbar:active, +.navbar .btn-navbar.active { + background-image: none; } .navbar .btn-navbar .icon-bar { @@ -3703,15 +3804,30 @@ input[type="button"].btn-block { } .navbar-inverse .btn-navbar { - color: #040404; - background-color: #151515; + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #0e0e0e; + background-image: -moz-linear-gradient(top, #151515, #040404); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#151515), to(#040404)); + background-image: -webkit-linear-gradient(top, #151515, #040404); + background-image: -o-linear-gradient(top, #151515, #040404); + background-image: linear-gradient(to bottom, #151515, #040404); + background-repeat: repeat-x; + border-color: #000000; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff151515', endColorstr='#ff040404', GradientType=0); } .navbar-inverse .btn-navbar:hover, .navbar-inverse .btn-navbar:active, .navbar-inverse .btn-navbar.active { - color: #040404; - background-color: #000000; + color: #ffffff; + background-color: #040404; + background-position: 0 -15px; +} + +.navbar-inverse .btn-navbar:active, +.navbar-inverse .btn-navbar.active { + background-image: none; } .breadcrumb { -- cgit v1.2.3 From a27952efd0f25e99030a9384f66bcd602d6a1b37 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 19 Dec 2012 23:12:38 -0800 Subject: Unfuck the fucked gradient with it's fucked mix() of background colors; nuke commented out code --- docs/assets/css/bootstrap.css | 69 +++++++++++++++---------------------------- 1 file changed, 24 insertions(+), 45 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 0def4f909..e8c2b1fc2 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -180,27 +180,6 @@ textarea { } } -/*.buttonBackground(@startColor, @endColor, @text-color: #fff, @textShadow: 0 -1px 0 rgba(0,0,0,.25)) { - color: @text-color; - text-shadow: @textShadow; - #gradient > .vertical(@startColor, @endColor); - border-color: @endColor @endColor darken(@endColor, 15%); - border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) fadein(rgba(0,0,0,.1), 15%); - .reset-filter(); - - // in these cases the gradient won't cover the background, so we override - &:hover, &:active, &.active, &.disabled, &[disabled] { - color: @text-color; - background-color: @endColor; - } - - // IE8 can't handle box-shadow to show active, so we darken a bit ourselves - &:active, - &.active { - background-color: darken(@endColor, 10%) e("\9"); - } -}*/ - body { margin: 0; color: #333333; @@ -2359,7 +2338,7 @@ table th[class*="span"] { .dropdown-submenu:hover > a { color: #ffffff; text-decoration: none; - background-color: #0081c2; + background-color: #0077b3; background-image: -moz-linear-gradient(top, #0088cc, #0077b3); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3)); background-image: -webkit-linear-gradient(top, #0088cc, #0077b3); @@ -2373,7 +2352,7 @@ table th[class*="span"] { .dropdown-menu .active > a:hover { color: #ffffff; text-decoration: none; - background-color: #0081c2; + background-color: #0077b3; background-image: -moz-linear-gradient(top, #0088cc, #0077b3); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3)); background-image: -webkit-linear-gradient(top, #0088cc, #0077b3); @@ -2571,16 +2550,16 @@ button.close { text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75); vertical-align: middle; cursor: pointer; - background-color: #f0f0f0; - background-image: -moz-linear-gradient(top, #fafafa, #e1e1e1); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#e1e1e1)); - background-image: -webkit-linear-gradient(top, #fafafa, #e1e1e1); - background-image: -o-linear-gradient(top, #fafafa, #e1e1e1); - background-image: linear-gradient(to bottom, #fafafa, #e1e1e1); + background-color: #dadada; + background-image: -moz-linear-gradient(top, #fafafa, #dadada); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#dadada)); + background-image: -webkit-linear-gradient(top, #fafafa, #dadada); + background-image: -o-linear-gradient(top, #fafafa, #dadada); + background-image: linear-gradient(to bottom, #fafafa, #dadada); background-repeat: repeat-x; border: 1px solid #c7c7c7; border-radius: 4px; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffafafa', endColorstr='#ffe1e1e1', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffafafa', endColorstr='#ffdadada', GradientType=0); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25); } @@ -2667,7 +2646,7 @@ input[type="button"].btn-block { .btn-primary { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - background-color: #006dcc; + background-color: #0044cc; background-image: -moz-linear-gradient(top, #0088cc, #0044cc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); @@ -2694,7 +2673,7 @@ input[type="button"].btn-block { .btn-warning { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - background-color: #faa732; + background-color: #f89406; background-image: -moz-linear-gradient(top, #fbb450, #f89406); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); background-image: -webkit-linear-gradient(top, #fbb450, #f89406); @@ -2721,7 +2700,7 @@ input[type="button"].btn-block { .btn-danger { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - background-color: #da4f49; + background-color: #bd362f; background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f)); background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f); @@ -2748,7 +2727,7 @@ input[type="button"].btn-block { .btn-success { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - background-color: #5bb75b; + background-color: #51a351; background-image: -moz-linear-gradient(top, #62c462, #51a351); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351)); background-image: -webkit-linear-gradient(top, #62c462, #51a351); @@ -2910,7 +2889,7 @@ input[type="button"].btn-block { } .btn-group.open .btn.dropdown-toggle { - background-color: #e1e1e1; + background-color: #dadada; } .btn-group.open .btn-primary.dropdown-toggle { @@ -3316,7 +3295,7 @@ input[type="button"].btn-block { padding: 0 20px; margin-bottom: 20px; overflow: visible; - background-color: #fafafa; + background-color: #f2f2f2; background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2)); background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2); @@ -3557,7 +3536,7 @@ input[type="button"].btn-block { margin-left: 5px; color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - background-color: #ededed; + background-color: #e5e5e5; background-image: -moz-linear-gradient(top, #f2f2f2, #e5e5e5); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#e5e5e5)); background-image: -webkit-linear-gradient(top, #f2f2f2, #e5e5e5); @@ -3687,7 +3666,7 @@ input[type="button"].btn-block { } .navbar-inverse { - background-color: #1b1b1b; + background-color: #111111; background-image: -moz-linear-gradient(top, #222222, #111111); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#111111)); background-image: -webkit-linear-gradient(top, #222222, #111111); @@ -3806,7 +3785,7 @@ input[type="button"].btn-block { .navbar-inverse .btn-navbar { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - background-color: #0e0e0e; + background-color: #040404; background-image: -moz-linear-gradient(top, #151515, #040404); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#151515), to(#040404)); background-image: -webkit-linear-gradient(top, #151515, #040404); @@ -4538,7 +4517,7 @@ a.badge:hover { height: 20px; margin-bottom: 20px; overflow: hidden; - background-color: #f7f7f7; + background-color: #f9f9f9; background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9)); background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9); @@ -4559,7 +4538,7 @@ a.badge:hover { color: #fff; text-align: center; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - background-color: #0e90d2; + background-color: #0480be; background-image: -moz-linear-gradient(top, #149bdf, #0480be); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be)); background-image: -webkit-linear-gradient(top, #149bdf, #0480be); @@ -4606,7 +4585,7 @@ a.badge:hover { .progress-danger .bar, .progress .bar-danger { - background-color: #dd514c; + background-color: #c43c35; background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35)); background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35); @@ -4628,7 +4607,7 @@ a.badge:hover { .progress-success .bar, .progress .bar-success { - background-color: #5eb95e; + background-color: #57a957; background-image: -moz-linear-gradient(top, #62c462, #57a957); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957)); background-image: -webkit-linear-gradient(top, #62c462, #57a957); @@ -4650,7 +4629,7 @@ a.badge:hover { .progress-info .bar, .progress .bar-info { - background-color: #4bb1cf; + background-color: #339bb9; background-image: -moz-linear-gradient(top, #5bc0de, #339bb9); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9)); background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9); @@ -4672,7 +4651,7 @@ a.badge:hover { .progress-warning .bar, .progress .bar-warning { - background-color: #faa732; + background-color: #f89406; background-image: -moz-linear-gradient(top, #fbb450, #f89406); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); background-image: -webkit-linear-gradient(top, #fbb450, #f89406); -- cgit v1.2.3 From 14844db862a61c92be982921e14a526484f3b8a9 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 19 Dec 2012 23:37:33 -0800 Subject: Holy shit, buttons, button states, and input states updated --- docs/assets/css/bootstrap.css | 106 ++++++++++++++++++++++++++++-------------- 1 file changed, 72 insertions(+), 34 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 83fec25ae..b88f21cd7 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -1100,7 +1100,7 @@ input[class*="span"], select[class*="span"], textarea[class*="span"], .uneditable-input[class*="span"] { - height: 30px; + height: 34px; } .controls-row:before, @@ -2550,21 +2550,11 @@ button.close { margin-bottom: 0; font-size: 14px; line-height: 20px; - color: #555555; text-align: center; - text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75); vertical-align: middle; cursor: pointer; - background-color: #dadada; - background-image: -moz-linear-gradient(top, #fafafa, #dadada); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#dadada)); - background-image: -webkit-linear-gradient(top, #fafafa, #dadada); - background-image: -o-linear-gradient(top, #fafafa, #dadada); - background-image: linear-gradient(to bottom, #fafafa, #dadada); - background-repeat: repeat-x; - border: 1px solid #c7c7c7; + border: 1px solid #ccc; border-radius: 4px; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffafafa', endColorstr='#ffdadada', GradientType=0); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25); } @@ -2583,8 +2573,8 @@ button.close { .btn.active { background-image: none; outline: 0; - -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255, 255, 255, 0.1); - box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255, 255, 255, 0.1); + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 1px 0 rgba(255, 255, 255, 0.1); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 1px 0 rgba(255, 255, 255, 0.1); } .btn.disabled, @@ -2649,30 +2639,63 @@ input[type="button"].btn-block { width: 100%; } +.btn { + color: #555555; + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75); + background-color: #dadada; + background-image: -moz-linear-gradient(top, #fafafa, #dadada); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#dadada)); + background-image: -webkit-linear-gradient(top, #fafafa, #dadada); + background-image: -o-linear-gradient(top, #fafafa, #dadada); + background-image: linear-gradient(to bottom, #fafafa, #dadada); + background-repeat: repeat-x; + border-color: #c7c7c7; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffafafa', endColorstr='#ffdadada', GradientType=0); +} + +.btn:hover, +.btn:active, +.btn.active { + color: #555555; + background-color: #dadada; + background-position: 0 -15px; +} + +.btn:active, +.btn.active, +.btn[disabled], +.btn.disabled, +fieldset[disabled] .btn { + background-image: none; +} + .btn-primary { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - background-color: #0044cc; - background-image: -moz-linear-gradient(top, #0088cc, #0044cc); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); - background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); - background-image: -o-linear-gradient(top, #0088cc, #0044cc); - background-image: linear-gradient(to bottom, #0088cc, #0044cc); + background-color: #006699; + background-image: -moz-linear-gradient(top, #0088cc, #006699); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#006699)); + background-image: -webkit-linear-gradient(top, #0088cc, #006699); + background-image: -o-linear-gradient(top, #0088cc, #006699); + background-image: linear-gradient(to bottom, #0088cc, #006699); background-repeat: repeat-x; - border-color: #003bb3; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0); + border-color: #004c73; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff006699', GradientType=0); } .btn-primary:hover, .btn-primary:active, .btn-primary.active { color: #ffffff; - background-color: #0044cc; + background-color: #006699; background-position: 0 -15px; } .btn-primary:active, -.btn-primary.active { +.btn-primary.active, +.btn-primary[disabled], +.btn-primary.disabled, +fieldset[disabled] .btn-primary { background-image: none; } @@ -2686,7 +2709,7 @@ input[type="button"].btn-block { background-image: -o-linear-gradient(top, #fbb450, #f89406); background-image: linear-gradient(to bottom, #fbb450, #f89406); background-repeat: repeat-x; - border-color: #df8505; + border-color: #d37e05; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0); } @@ -2699,7 +2722,10 @@ input[type="button"].btn-block { } .btn-warning:active, -.btn-warning.active { +.btn-warning.active, +.btn-warning[disabled], +.btn-warning.disabled, +fieldset[disabled] .btn-warning { background-image: none; } @@ -2713,7 +2739,7 @@ input[type="button"].btn-block { background-image: -o-linear-gradient(top, #ee5f5b, #bd362f); background-image: linear-gradient(to bottom, #ee5f5b, #bd362f); background-repeat: repeat-x; - border-color: #a9302a; + border-color: #9e2d27; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0); } @@ -2726,7 +2752,10 @@ input[type="button"].btn-block { } .btn-danger:active, -.btn-danger.active { +.btn-danger.active, +.btn-danger[disabled], +.btn-danger.disabled, +fieldset[disabled] .btn-danger { background-image: none; } @@ -2740,7 +2769,7 @@ input[type="button"].btn-block { background-image: -o-linear-gradient(top, #62c462, #51a351); background-image: linear-gradient(to bottom, #62c462, #51a351); background-repeat: repeat-x; - border-color: #499249; + border-color: #448944; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0); } @@ -2753,7 +2782,10 @@ input[type="button"].btn-block { } .btn-success:active, -.btn-success.active { +.btn-success.active, +.btn-success[disabled], +.btn-success.disabled, +fieldset[disabled] .btn-success { background-image: none; } @@ -2901,7 +2933,7 @@ fieldset[disabled] .btn-link:hover { } .btn-group.open .btn-primary.dropdown-toggle { - background-color: #0044cc; + background-color: #006699; } .btn-group.open .btn-warning.dropdown-toggle { @@ -3551,7 +3583,7 @@ fieldset[disabled] .btn-link:hover { background-image: -o-linear-gradient(top, #f2f2f2, #e5e5e5); background-image: linear-gradient(to bottom, #f2f2f2, #e5e5e5); background-repeat: repeat-x; - border-color: #d9d9d9; + border-color: #d2d2d2; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffe5e5e5', GradientType=0); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075); @@ -3566,7 +3598,10 @@ fieldset[disabled] .btn-link:hover { } .navbar .btn-navbar:active, -.navbar .btn-navbar.active { +.navbar .btn-navbar.active, +.navbar .btn-navbar[disabled], +.navbar .btn-navbar.disabled, +fieldset[disabled] .navbar .btn-navbar { background-image: none; } @@ -3813,7 +3848,10 @@ fieldset[disabled] .btn-link:hover { } .navbar-inverse .btn-navbar:active, -.navbar-inverse .btn-navbar.active { +.navbar-inverse .btn-navbar.active, +.navbar-inverse .btn-navbar[disabled], +.navbar-inverse .btn-navbar.disabled, +fieldset[disabled] .navbar-inverse .btn-navbar { background-image: none; } -- cgit v1.2.3 From cc6974b74e34bd3b0a69fb8b6334fd8a328ca949 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 20 Dec 2012 00:27:05 -0800 Subject: Remove dropdown submenu CSS --- docs/assets/css/bootstrap.css | 55 +------------------------------------------ 1 file changed, 1 insertion(+), 54 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 1a8f313f8..49787f131 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -2339,8 +2339,7 @@ table th[class*="span"] { } .dropdown-menu li > a:hover, -.dropdown-menu li > a:focus, -.dropdown-submenu:hover > a { +.dropdown-menu li > a:focus { color: #ffffff; text-decoration: none; background-color: #0077b3; @@ -2404,58 +2403,6 @@ table th[class*="span"] { margin-bottom: 1px; } -.dropdown-submenu { - position: relative; -} - -.dropdown-submenu > .dropdown-menu { - top: 0; - left: 100%; - margin-top: -6px; - margin-left: -1px; - border-radius: 0 4px 4px 4px; -} - -.dropdown-submenu:hover > .dropdown-menu { - display: block; -} - -.dropup .dropdown-submenu > .dropdown-menu { - top: auto; - bottom: 0; - margin-top: 0; - margin-bottom: -2px; - border-radius: 4px 4px 4px 0; -} - -.dropdown-submenu > a:after { - display: block; - float: right; - width: 0; - height: 0; - margin-top: 5px; - margin-right: -10px; - border-color: transparent; - border-left-color: #cccccc; - border-style: solid; - border-width: 5px 0 5px 5px; - content: " "; -} - -.dropdown-submenu:hover > a:after { - border-left-color: #ffffff; -} - -.dropdown-submenu.pull-left { - float: none; -} - -.dropdown-submenu.pull-left > .dropdown-menu { - left: -100%; - margin-left: 10px; - border-radius: 4px 0 4px 4px; -} - .dropdown .dropdown-menu .nav-header { padding-right: 20px; padding-left: 20px; -- cgit v1.2.3 From cdb25e11ef6f13f095eacbef731cf43902230203 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 20 Dec 2012 01:21:09 -0800 Subject: lighter buttons closer to todays versions --- docs/assets/css/bootstrap.css | 20 ++++++++++---------- 1 file changed, 10 insertions(+), 10 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 49787f131..de8369d70 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -2589,22 +2589,22 @@ input[type="button"].btn-block { .btn { color: #555555; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75); - background-color: #dadada; - background-image: -moz-linear-gradient(top, #fafafa, #dadada); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#dadada)); - background-image: -webkit-linear-gradient(top, #fafafa, #dadada); - background-image: -o-linear-gradient(top, #fafafa, #dadada); - background-image: linear-gradient(to bottom, #fafafa, #dadada); + background-color: #eaeaea; + background-image: -moz-linear-gradient(top, #ffffff, #eaeaea); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#eaeaea)); + background-image: -webkit-linear-gradient(top, #ffffff, #eaeaea); + background-image: -o-linear-gradient(top, #ffffff, #eaeaea); + background-image: linear-gradient(to bottom, #ffffff, #eaeaea); background-repeat: repeat-x; - border-color: #c7c7c7; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffafafa', endColorstr='#ffdadada', GradientType=0); + border-color: #d7d7d7; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffeaeaea', GradientType=0); } .btn:hover, .btn:active, .btn.active { color: #555555; - background-color: #dadada; + background-color: #eaeaea; background-position: 0 -15px; } @@ -2876,7 +2876,7 @@ fieldset[disabled] .btn-link:hover { } .btn-group.open .btn.dropdown-toggle { - background-color: #dadada; + background-color: #eaeaea; } .btn-group.open .btn-primary.dropdown-toggle { -- cgit v1.2.3 From 6bd5dc7d9fefd6d936def8a224bf38c6beeac234 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 20 Dec 2012 13:53:38 -0800 Subject: Add important flag to .show/.hide utility classes; remove .hide requirement from modals --- docs/assets/css/bootstrap.css | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 07f737734..362ed3db4 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -4021,6 +4021,7 @@ fieldset[disabled] .navbar-inverse .btn-navbar { top: 10%; left: 50%; z-index: 1050; + display: none; width: 560px; margin-left: -280px; background-color: #fff; @@ -4911,11 +4912,11 @@ a.badge:hover { } .hide { - display: none; + display: none !important; } .show { - display: block; + display: block !important; } .invisible { -- cgit v1.2.3 From 8eb1549842ef25e07cc062ba1d1c50c6b01381d7 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 20 Dec 2012 13:57:14 -0800 Subject: remove .hide specificity override from grid classes --- docs/assets/css/bootstrap.css | 4 ---- 1 file changed, 4 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 362ed3db4..00249ea19 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -360,10 +360,6 @@ a:hover { margin-left: 8.333333333333332%; } -[class*="span"].hide { - display: none; -} - [class*="span"].pull-right { float: right; } -- cgit v1.2.3 From 1c33b857a61c2523167a01a16e6b87fa70acdaf1 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 20 Dec 2012 14:08:09 -0800 Subject: Convert normalize comments to // style --- docs/assets/css/bootstrap.css | 189 ------------------------------------------ 1 file changed, 189 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index b4ec188f7..873673227 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -10,14 +10,6 @@ /*! normalize.css v2.0.1 | MIT License | git.io/normalize */ -/* ========================================================================== - HTML5 display definitions - ========================================================================== */ - -/** - * Correct `block` display not defined in IE 8/9. - */ - article, aside, details, @@ -32,134 +24,62 @@ summary { display: block; } -/** - * Correct `inline-block` display not defined in IE 8/9. - */ - audio, canvas, video { display: inline-block; } -/** - * Prevent modern browsers from displaying `audio` without controls. - * Remove excess height in iOS 5 devices. - */ - audio:not([controls]) { display: none; height: 0; } -/** - * Address styling not present in IE 8/9. - */ - [hidden] { display: none; } -/* ========================================================================== - Base - ========================================================================== */ - -/** - * 1. Set default font family to sans-serif. - * 2. Prevent iOS text size adjust after orientation change, without disabling - * user zoom. - */ - html { font-family: sans-serif; - /* 1 */ - -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; - /* 2 */ - } -/** - * Remove default margin. - */ - body { margin: 0; } -/* ========================================================================== - Links - ========================================================================== */ - -/** - * Address `outline` inconsistency between Chrome and other browsers. - */ - a:focus { outline: thin dotted; } -/** - * Improve readability when focused and also mouse hovered in all browsers. - */ - a:active, a:hover { outline: 0; } -/* ========================================================================== - Typography - ========================================================================== */ - -/** - * Address variable `h1` font size within `section` and `article` contexts in - * Firefox 4+, Safari 5, and Chrome. - */ - h1 { font-size: 2em; } -/** - * Address styling not present in IE 8/9, Safari 5, and Chrome. - */ - abbr[title] { border-bottom: 1px dotted; } -/** - * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. - */ - b, strong { font-weight: bold; } -/** - * Address styling not present in Safari 5 and Chrome. - */ - dfn { font-style: italic; } -/** - * Address styling not present in IE 8/9. - */ - mark { color: #000; background: #ff0; } -/** - * Correct font family set oddly in Safari 5 and Chrome. - */ - code, kbd, pre, @@ -168,36 +88,20 @@ samp { font-size: 1em; } -/** - * Improve readability of pre-formatted text in all browsers. - */ - pre { word-wrap: break-word; white-space: pre; white-space: pre-wrap; } -/** - * Set consistent quote types. - */ - q { quotes: "\201C" "\201D" "\2018" "\2019"; } -/** - * Address inconsistent and variable font size in all browsers. - */ - small { font-size: 80%; } -/** - * Prevent `sub` and `sup` affecting `line-height` in all browsers. - */ - sub, sup { position: relative; @@ -214,68 +118,29 @@ sub { bottom: -0.25em; } -/* ========================================================================== - Embedded content - ========================================================================== */ - -/** - * Remove border when inside `a` element in IE 8/9. - */ - img { border: 0; } -/** - * Correct overflow displayed oddly in IE 9. - */ - svg:not(:root) { overflow: hidden; } -/* ========================================================================== - Figures - ========================================================================== */ - -/** - * Address margin not present in IE 8/9 and Safari 5. - */ - figure { margin: 0; } -/* ========================================================================== - Forms - ========================================================================== */ - -/** - * Define consistent border, margin, and padding. - */ - fieldset { padding: 0.35em 0.625em 0.75em; margin: 0 2px; border: 1px solid #c0c0c0; } -/** - * 1. Correct `color` not being inherited in IE 8/9. - * 2. Remove padding so people aren't caught out if they zero out fieldsets. - */ - legend { padding: 0; border: 0; } -/** - * 1. Correct font family not being inherited in all browsers. - * 2. Correct font size not being inherited in all browsers. - * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. - */ - button, input, select, @@ -285,24 +150,11 @@ textarea { font-size: 100%; } -/** - * Address Firefox 4+ setting `line-height` on `input` using `!important` in - * the UA stylesheet. - */ - button, input { line-height: normal; } -/** - * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` - * and `video` controls. - * 2. Correct inability to style clickable `input` types in iOS. - * 3. Improve usability and consistency of cursor style between image-type - * `input` and others. - */ - button, html input[type="button"], input[type="reset"], @@ -311,32 +163,17 @@ input[type="submit"] { -webkit-appearance: button; } -/** - * Re-set default cursor for disabled elements. - */ - button[disabled], html input[disabled] { cursor: default; } -/** - * 1. Address box sizing set to `content-box` in IE 8/9. - * 2. Remove excess padding in IE 8/9. - */ - input[type="checkbox"], input[type="radio"] { padding: 0; box-sizing: border-box; } -/** - * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. - * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome - * (include `-moz` to future-proof). - */ - input[type="search"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; @@ -344,48 +181,22 @@ input[type="search"] { -webkit-appearance: textfield; } -/** - * Remove inner padding and search cancel button in Safari 5 and Chrome - * on OS X. - */ - input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } -/** - * Remove inner padding and border in Firefox 4+. - */ - button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } -/** - * 1. Remove default vertical scrollbar in IE 8/9. - * 2. Improve readability and alignment in all browsers. - */ - textarea { overflow: auto; - /* 1 */ - vertical-align: top; - /* 2 */ - } -/* ========================================================================== - Tables - ========================================================================== */ - -/** - * Remove most spacing between table cells. - */ - table { border-collapse: collapse; border-spacing: 0; -- cgit v1.2.3 From 7b7581d44abd3cc4cffb42cfe099ca018871a45a Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 20 Dec 2012 20:52:20 -0800 Subject: Finish migrating to Normalize 2: * Port print styles from reset.less to scaffolding.less * Port responsive image styles from reset.less to scaffolding.less --- docs/assets/css/bootstrap.css | 65 +++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 65 insertions(+) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 873673227..44581d473 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -228,6 +228,19 @@ a:hover { text-decoration: underline; } +a:focus { + outline: thin dotted #333; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} + +img { + width: auto\9; + height: auto; + max-width: 100%; + vertical-align: middle; +} + .img-rounded { border-radius: 6px; } @@ -245,6 +258,58 @@ a:hover { border-radius: 500px; } +@media print { + * { + color: #000 !important; + text-shadow: none !important; + background: transparent !important; + box-shadow: none !important; + } + a, + a:visited { + text-decoration: underline; + } + a[href]:after { + content: " (" attr(href) ")"; + } + abbr[title]:after { + content: " (" attr(title) ")"; + } + .ir a:after, + a[href^="javascript:"]:after, + a[href^="#"]:after { + content: ""; + } + pre, + blockquote { + border: 1px solid #999; + page-break-inside: avoid; + } + thead { + display: table-header-group; + } + tr, + img { + page-break-inside: avoid; + } + img { + max-width: 100% !important; + } + @page { + margin: 0.5cm; + } + p, + h2, + h3 { + orphans: 3; + widows: 3; + } + h2, + h3 { + page-break-after: avoid; + } +} + .container { max-width: 940px; margin-right: auto; -- cgit v1.2.3 From c11f41ba04791a0c408071527994dfb22c91a436 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 21 Dec 2012 00:50:28 -0800 Subject: flatten buttons and forms --- docs/assets/css/bootstrap.css | 220 ++++++------------------------------------ 1 file changed, 31 insertions(+), 189 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 44581d473..f186dd736 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -847,8 +847,6 @@ input[type="color"], background-color: #ffffff; border: 1px solid #cccccc; border-radius: 4px; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; @@ -900,8 +898,8 @@ input[type="color"]:focus, outline: thin dotted \9; /* IE6-9 */ - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); + -webkit-box-shadow: 0 0 8px rgba(82, 168, 236, 0.6); + box-shadow: 0 0 8px rgba(82, 168, 236, 0.6); } input[type="radio"], @@ -2576,17 +2574,16 @@ button.close { .btn { display: inline-block; - padding: 6px 13px; + padding: 7px 13px; margin-bottom: 0; font-size: 14px; + font-weight: bold; line-height: 20px; text-align: center; vertical-align: middle; cursor: pointer; - border: 1px solid #ccc; + border: 0; border-radius: 4px; - -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25); - box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25); } .btn:focus { @@ -2670,153 +2667,24 @@ input[type="button"].btn-block { } .btn { - color: #555555; - text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75); - background-color: #eaeaea; - background-image: -moz-linear-gradient(top, #ffffff, #eaeaea); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#eaeaea)); - background-image: -webkit-linear-gradient(top, #ffffff, #eaeaea); - background-image: -o-linear-gradient(top, #ffffff, #eaeaea); - background-image: linear-gradient(to bottom, #ffffff, #eaeaea); - background-repeat: repeat-x; - border-color: #d7d7d7; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffeaeaea', GradientType=0); -} - -.btn:hover, -.btn:active, -.btn.active { - color: #555555; - background-color: #eaeaea; - background-position: 0 -15px; -} - -.btn:active, -.btn.active, -.btn[disabled], -.btn.disabled, -fieldset[disabled] .btn { - background-image: none; + color: #fff; + background-color: #ccc; } .btn-primary { - color: #ffffff; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - background-color: #006699; - background-image: -moz-linear-gradient(top, #0088cc, #006699); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#006699)); - background-image: -webkit-linear-gradient(top, #0088cc, #006699); - background-image: -o-linear-gradient(top, #0088cc, #006699); - background-image: linear-gradient(to bottom, #0088cc, #006699); - background-repeat: repeat-x; - border-color: #004c73; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff006699', GradientType=0); -} - -.btn-primary:hover, -.btn-primary:active, -.btn-primary.active { - color: #ffffff; - background-color: #006699; - background-position: 0 -15px; -} - -.btn-primary:active, -.btn-primary.active, -.btn-primary[disabled], -.btn-primary.disabled, -fieldset[disabled] .btn-primary { - background-image: none; + background-color: #0088cc; } .btn-warning { - color: #ffffff; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - background-color: #f89406; - background-image: -moz-linear-gradient(top, #fbb450, #f89406); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); - background-image: -webkit-linear-gradient(top, #fbb450, #f89406); - background-image: -o-linear-gradient(top, #fbb450, #f89406); - background-image: linear-gradient(to bottom, #fbb450, #f89406); - background-repeat: repeat-x; - border-color: #d37e05; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0); -} - -.btn-warning:hover, -.btn-warning:active, -.btn-warning.active { - color: #ffffff; - background-color: #f89406; - background-position: 0 -15px; -} - -.btn-warning:active, -.btn-warning.active, -.btn-warning[disabled], -.btn-warning.disabled, -fieldset[disabled] .btn-warning { - background-image: none; + background-color: #fbb450; } .btn-danger { - color: #ffffff; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - background-color: #bd362f; - background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f)); - background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f); - background-image: -o-linear-gradient(top, #ee5f5b, #bd362f); - background-image: linear-gradient(to bottom, #ee5f5b, #bd362f); - background-repeat: repeat-x; - border-color: #9e2d27; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0); -} - -.btn-danger:hover, -.btn-danger:active, -.btn-danger.active { - color: #ffffff; - background-color: #bd362f; - background-position: 0 -15px; -} - -.btn-danger:active, -.btn-danger.active, -.btn-danger[disabled], -.btn-danger.disabled, -fieldset[disabled] .btn-danger { - background-image: none; + background-color: #ee5f5b; } .btn-success { - color: #ffffff; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - background-color: #51a351; - background-image: -moz-linear-gradient(top, #62c462, #51a351); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351)); - background-image: -webkit-linear-gradient(top, #62c462, #51a351); - background-image: -o-linear-gradient(top, #62c462, #51a351); - background-image: linear-gradient(to bottom, #62c462, #51a351); - background-repeat: repeat-x; - border-color: #448944; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0); -} - -.btn-success:hover, -.btn-success:active, -.btn-success.active { - color: #ffffff; - background-color: #51a351; - background-position: 0 -15px; -} - -.btn-success:active, -.btn-success.active, -.btn-success[disabled], -.btn-success.disabled, -fieldset[disabled] .btn-success { - background-image: none; + background-color: #62c462; } .btn-link, @@ -2851,24 +2719,31 @@ fieldset[disabled] .btn-link:hover { .btn-group { position: relative; display: inline-block; - font-size: 0; - white-space: nowrap; vertical-align: middle; } -.btn-group + .btn-group { - margin-left: 5px; +.btn-group > .btn { + float: left; } -.btn-toolbar { - margin-top: 10px; - margin-bottom: 10px; - font-size: 0; +.btn-toolbar:before, +.btn-toolbar:after { + display: table; + content: " "; +} + +.btn-toolbar:after { + clear: both; +} + +.btn-toolbar .btn-group { + float: left; } .btn-toolbar > .btn + .btn, .btn-toolbar > .btn-group + .btn, -.btn-toolbar > .btn + .btn-group { +.btn-toolbar > .btn + .btn-group, +.btn-toolbar > .btn-group + .btn-group { margin-left: 5px; } @@ -2878,13 +2753,7 @@ fieldset[disabled] .btn-link:hover { } .btn-group > .btn + .btn { - margin-left: -1px; -} - -.btn-group > .btn, -.btn-group > .dropdown-menu, -.btn-group > .popover { - font-size: 14px; + margin-left: 1px; } .btn-group > .btn-mini { @@ -2923,13 +2792,6 @@ fieldset[disabled] .btn-link:hover { border-bottom-right-radius: 6px; } -.btn-group > .btn:hover, -.btn-group > .btn:focus, -.btn-group > .btn:active, -.btn-group > .btn.active { - z-index: 2; -} - .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; @@ -2938,8 +2800,6 @@ fieldset[disabled] .btn-link:hover { .btn-group > .btn + .dropdown-toggle { padding-right: 8px; padding-left: 8px; - -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); - box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); } .btn-group > .btn-mini + .dropdown-toggle { @@ -2954,8 +2814,8 @@ fieldset[disabled] .btn-link:hover { .btn-group.open .dropdown-toggle { background-image: none; - -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); + -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15); } .btn-group.open .btn.dropdown-toggle { @@ -3012,10 +2872,6 @@ fieldset[disabled] .btn-link:hover { border-bottom-color: #fff; } -.btn-group-vertical { - display: inline-block; -} - .btn-group-vertical > .btn { display: block; float: none; @@ -3024,7 +2880,7 @@ fieldset[disabled] .btn-link:hover { } .btn-group-vertical > .btn + .btn { - margin-top: -1px; + margin-top: 1px; margin-left: 0; } @@ -3369,15 +3225,8 @@ fieldset[disabled] .btn-link:hover { margin-bottom: 20px; overflow: visible; background-color: #f2f2f2; - background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2)); - background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2); - background-image: -o-linear-gradient(top, #ffffff, #f2f2f2); - background-image: linear-gradient(to bottom, #ffffff, #f2f2f2); - background-repeat: repeat-x; border: 1px solid #d4d4d4; border-radius: 4px; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0); -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); } @@ -3743,14 +3592,7 @@ fieldset[disabled] .navbar .btn-navbar { .navbar-inverse { background-color: #111111; - background-image: -moz-linear-gradient(top, #222222, #111111); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#111111)); - background-image: -webkit-linear-gradient(top, #222222, #111111); - background-image: -o-linear-gradient(top, #222222, #111111); - background-image: linear-gradient(to bottom, #222222, #111111); - background-repeat: repeat-x; border-color: #111111; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0); } .navbar-inverse .brand, -- cgit v1.2.3 From d206ec16595a022f10955eb025fd5756512399a8 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 24 Dec 2012 02:06:28 -0800 Subject: Remove .badge-info and .badge-inverse; change docs label of .badge-important to .badge-danger --- docs/assets/css/bootstrap.css | 16 ---------------- 1 file changed, 16 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 44581d473..b5ef18ebb 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -4523,22 +4523,6 @@ a.badge:hover { background-color: #356635; } -.badge-info { - background-color: #3a87ad; -} - -.badge-info[href] { - background-color: #2d6987; -} - -.badge-inverse { - background-color: #333333; -} - -.badge-inverse[href] { - background-color: #1a1a1a; -} - .btn .badge { position: relative; top: -1px; -- cgit v1.2.3 From c17673dc6139de37ecb5d075231e426d1b238706 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 26 Dec 2012 13:59:09 -0600 Subject: Restore .form-horizontal --- docs/assets/css/bootstrap.css | 25 +++++++++++++++++++++++++ 1 file changed, 25 insertions(+) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index b5ef18ebb..b4e548870 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -1528,6 +1528,31 @@ select:focus:invalid:focus { border-radius: 0 4px 4px 0; } +.form-horizontal .control-group { + margin-bottom: 10px; +} + +.form-horizontal .control-group:before, +.form-horizontal .control-group:after { + display: table; + content: " "; +} + +.form-horizontal .control-group:after { + clear: both; +} + +.form-horizontal .control-group > .control-label { + float: left; + width: 160px; + padding-top: 5px; + text-align: right; +} + +.form-horizontal .control-group > .controls { + margin-left: 180px; +} + table { max-width: 100%; background-color: transparent; -- cgit v1.2.3 From 070109abc1624808873e6e172ff97d27eb05c406 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 26 Dec 2012 14:09:36 -0600 Subject: Remove .controls-row; instead, folks should use .row and .span* for all their grid input sizing needs when multiple inputs per line are required --- docs/assets/css/bootstrap.css | 103 ------------------------------------------ 1 file changed, 103 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index b4e548870..a1af172b2 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -1088,90 +1088,6 @@ textarea[class*="span"], margin-left: 0; } -.controls-row input.offset12, -textarea.offset12, -select.offset12, -uneditable-input.offset12 { - margin-left: 101.06382978723404%; -} - -.controls-row input.offset11, -textarea.offset11, -select.offset11, -uneditable-input.offset11 { - margin-left: 92.7304964539007%; -} - -.controls-row input.offset10, -textarea.offset10, -select.offset10, -uneditable-input.offset10 { - margin-left: 84.39716312056738%; -} - -.controls-row input.offset9, -textarea.offset9, -select.offset9, -uneditable-input.offset9 { - margin-left: 76.06382978723404%; -} - -.controls-row input.offset8, -textarea.offset8, -select.offset8, -uneditable-input.offset8 { - margin-left: 67.7304964539007%; -} - -.controls-row input.offset7, -textarea.offset7, -select.offset7, -uneditable-input.offset7 { - margin-left: 59.39716312056738%; -} - -.controls-row input.offset6, -textarea.offset6, -select.offset6, -uneditable-input.offset6 { - margin-left: 51.06382978723404%; -} - -.controls-row input.offset5, -textarea.offset5, -select.offset5, -uneditable-input.offset5 { - margin-left: 42.73049645390071%; -} - -.controls-row input.offset4, -textarea.offset4, -select.offset4, -uneditable-input.offset4 { - margin-left: 34.39716312056737%; -} - -.controls-row input.offset3, -textarea.offset3, -select.offset3, -uneditable-input.offset3 { - margin-left: 26.06382978723404%; -} - -.controls-row input.offset2, -textarea.offset2, -select.offset2, -uneditable-input.offset2 { - margin-left: 17.730496453900706%; -} - -.controls-row input.offset1, -textarea.offset1, -select.offset1, -uneditable-input.offset1 { - margin-left: 9.397163120567374%; -} - .input-append input[class*="span"], .input-append .uneditable-input[class*="span"], .input-prepend input[class*="span"], @@ -1186,25 +1102,6 @@ textarea[class*="span"], height: 34px; } -.controls-row:before, -.controls-row:after { - display: table; - content: " "; -} - -.controls-row:after { - clear: both; -} - -.controls-row [class*="span"] { - float: left; -} - -.controls-row .checkbox[class*="span"], -.controls-row .radio[class*="span"] { - padding-top: 5px; -} - input[disabled], select[disabled], textarea[disabled], -- cgit v1.2.3 From 2ef4fde09fae0dd3e054a77b61b0738fe538b58d Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 26 Dec 2012 14:19:48 -0600 Subject: Drop .input-block-level modifier as inputs are already width: 100%; --- docs/assets/css/bootstrap.css | 6 ------ 1 file changed, 6 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index a1af172b2..8b93968b6 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -4924,11 +4924,6 @@ a.badge:hover { position: fixed; } -.control-block-level { - display: block; - width: 100%; -} - @-ms-viewport { width: device-width; } @@ -5213,7 +5208,6 @@ a.badge:hover { select[class*="span"], textarea[class*="span"], .uneditable-input { - display: block; width: 100%; } .input-prepend input, -- cgit v1.2.3 From d0baa99aed07b6643d649350f3988b3d8a07a4ac Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 26 Dec 2012 14:59:58 -0600 Subject: Remove .text-info and .info form validation states --- docs/assets/css/bootstrap.css | 45 ------------------------------------------- 1 file changed, 45 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 8b93968b6..fe6adf2cc 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -502,14 +502,6 @@ a.text-error:hover { color: #953b39; } -.text-info { - color: #3a87ad; -} - -a.text-info:hover { - color: #2d6987; -} - .text-success { color: #468847; } @@ -1235,43 +1227,6 @@ fieldset[disabled] input[type="checkbox"] { border-color: #468847; } -.control-group.info .control-label, -.control-group.info .help-block, -.control-group.info .help-inline { - color: #3a87ad; -} - -.control-group.info .checkbox, -.control-group.info .radio, -.control-group.info input, -.control-group.info select, -.control-group.info textarea { - color: #3a87ad; -} - -.control-group.info input, -.control-group.info select, -.control-group.info textarea { - border-color: #3a87ad; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -} - -.control-group.info input:focus, -.control-group.info select:focus, -.control-group.info textarea:focus { - border-color: #2d6987; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; -} - -.control-group.info .input-prepend .add-on, -.control-group.info .input-append .add-on { - color: #3a87ad; - background-color: #d9edf7; - border-color: #3a87ad; -} - input:focus:invalid, textarea:focus:invalid, select:focus:invalid { -- cgit v1.2.3 From dc5c6d6be8e46e36aa8a2e1d35f6ed8c8e3cd8cb Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 26 Dec 2012 15:57:52 -0600 Subject: Simplify form validation states while enabling them to be applied to one field at a time. --- docs/assets/css/bootstrap.css | 96 ++++++++++--------------------------------- 1 file changed, 22 insertions(+), 74 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index fe6adf2cc..fcc8a8c10 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -1116,117 +1116,57 @@ fieldset[disabled] input[type="checkbox"] { background-color: transparent; } -.control-group.warning .control-label, -.control-group.warning .help-block, -.control-group.warning .help-inline { +.has-warning .control-label { color: #c09853; } -.control-group.warning .checkbox, -.control-group.warning .radio, -.control-group.warning input, -.control-group.warning select, -.control-group.warning textarea { - color: #c09853; -} - -.control-group.warning input, -.control-group.warning select, -.control-group.warning textarea { +.has-warning .input-with-feedback { + padding-right: 32px; border-color: #c09853; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } -.control-group.warning input:focus, -.control-group.warning select:focus, -.control-group.warning textarea:focus { +.has-warning .input-with-feedback:focus { border-color: #a47e3c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; } -.control-group.warning .input-prepend .add-on, -.control-group.warning .input-append .add-on { - color: #c09853; - background-color: #fcf8e3; - border-color: #c09853; -} - -.control-group.error .control-label, -.control-group.error .help-block, -.control-group.error .help-inline { +.has-error .control-label { color: #b94a48; } -.control-group.error .checkbox, -.control-group.error .radio, -.control-group.error input, -.control-group.error select, -.control-group.error textarea { - color: #b94a48; -} - -.control-group.error input, -.control-group.error select, -.control-group.error textarea { +.has-error .input-with-feedback { + padding-right: 32px; border-color: #b94a48; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } -.control-group.error input:focus, -.control-group.error select:focus, -.control-group.error textarea:focus { +.has-error .input-with-feedback:focus { border-color: #953b39; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; } -.control-group.error .input-prepend .add-on, -.control-group.error .input-append .add-on { - color: #b94a48; - background-color: #f2dede; - border-color: #b94a48; -} - -.control-group.success .control-label, -.control-group.success .help-block, -.control-group.success .help-inline { +.has-success .control-label { color: #468847; } -.control-group.success .checkbox, -.control-group.success .radio, -.control-group.success input, -.control-group.success select, -.control-group.success textarea { - color: #468847; -} - -.control-group.success input, -.control-group.success select, -.control-group.success textarea { +.has-success .input-with-feedback { + padding-right: 32px; border-color: #468847; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } -.control-group.success input:focus, -.control-group.success select:focus, -.control-group.success textarea:focus { +.has-success .input-with-feedback:focus { border-color: #356635; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; } -.control-group.success .input-prepend .add-on, -.control-group.success .input-append .add-on { - color: #468847; - background-color: #dff0d8; - border-color: #468847; -} - input:focus:invalid, textarea:focus:invalid, select:focus:invalid { @@ -1381,7 +1321,8 @@ select:focus:invalid:focus { } .form-horizontal .control-group { - margin-bottom: 10px; + position: relative; + margin-bottom: 20px; } .form-horizontal .control-group:before, @@ -1394,10 +1335,17 @@ select:focus:invalid:focus { clear: both; } +.form-horizontal .control-group input, +.form-horizontal .control-group select, +.form-horizontal .control-group textarea, +.form-horizontal .control-group .uneditable-input { + margin-bottom: 0; +} + .form-horizontal .control-group > .control-label { float: left; width: 160px; - padding-top: 5px; + padding-top: 6px; text-align: right; } -- cgit v1.2.3 From 848ca6e31562fc65da891cce9046853bd16564eb Mon Sep 17 00:00:00 2001 From: "Patrick H. Lauke" Date: Wed, 2 Jan 2013 22:39:21 +0000 Subject: Basic keyboard accessibility CSS tweaks Mostly doubling-up :hover styles to also cover :focus, as a first step to making the framework more keyboard-friendly. Additionally, fixed two small markup issues in the docs/examples to make the "Learn more" large primary button-styled links keyboard-focusable (as without href they're treated as non-tabable anchors). --- docs/assets/css/bootstrap.css | 2220 +++++++++++++---------------------------- 1 file changed, 676 insertions(+), 1544 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 2e2f06160..45b2b1ecf 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -7,22 +7,18 @@ * * Designed and built with all the love in the world @twitter by @mdo and @fat. */ - .clearfix { *zoom: 1; } - .clearfix:before, .clearfix:after { display: table; - line-height: 0; content: ""; + line-height: 0; } - .clearfix:after { clear: both; } - .hide-text { font: 0/0 a; color: transparent; @@ -30,16 +26,14 @@ background-color: transparent; border: 0; } - .input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } - article, aside, details, @@ -52,7 +46,6 @@ nav, section { display: block; } - audio, canvas, video { @@ -60,28 +53,23 @@ video { *display: inline; *zoom: 1; } - audio:not([controls]) { display: none; } - html { font-size: 100%; -webkit-text-size-adjust: 100%; - -ms-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; } - a:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } - a:hover, a:active { outline: 0; } - sub, sup { position: relative; @@ -89,29 +77,32 @@ sup { line-height: 0; vertical-align: baseline; } - sup { top: -0.5em; } - sub { bottom: -0.25em; } - img { + /* Responsive images (ensure images don't scale beyond their parents) */ + + max-width: 100%; + /* Part 1: Set a maxium relative to the parent */ + width: auto\9; + /* IE7-8 need help adjusting responsive images */ + height: auto; - max-width: 100%; + /* Part 2: Scale the height according to the width, otherwise you get stretching */ + vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; } - #map_canvas img, .google-maps img { max-width: none; } - button, input, select, @@ -120,27 +111,23 @@ textarea { font-size: 100%; vertical-align: middle; } - button, input { *overflow: visible; line-height: normal; } - button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } - button, html input[type="button"], input[type="reset"], input[type="submit"] { - cursor: pointer; -webkit-appearance: button; + cursor: pointer; } - label, select, button, @@ -151,28 +138,24 @@ input[type="radio"], input[type="checkbox"] { cursor: pointer; } - input[type="search"] { -webkit-box-sizing: content-box; - -moz-box-sizing: content-box; - box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; -webkit-appearance: textfield; } - input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } - textarea { overflow: auto; vertical-align: top; } - @media print { * { - color: #000 !important; text-shadow: none !important; + color: #000 !important; background: transparent !important; box-shadow: none !important; } @@ -220,7 +203,6 @@ textarea { page-break-after: avoid; } } - body { margin: 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; @@ -229,491 +211,396 @@ body { color: #333333; background-color: #ffffff; } - a { color: #0088cc; text-decoration: none; } - -a:hover { +a:hover, +a:focus { color: #005580; text-decoration: underline; } - .img-rounded { -webkit-border-radius: 6px; - -moz-border-radius: 6px; - border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; } - .img-polaroid { padding: 4px; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); - -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } - .img-circle { -webkit-border-radius: 500px; - -moz-border-radius: 500px; - border-radius: 500px; + -moz-border-radius: 500px; + border-radius: 500px; } - .row { margin-left: -20px; *zoom: 1; } - .row:before, .row:after { display: table; - line-height: 0; content: ""; + line-height: 0; } - .row:after { clear: both; } - [class*="span"] { float: left; min-height: 1px; margin-left: 20px; } - .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 940px; } - .span12 { width: 940px; } - .span11 { width: 860px; } - .span10 { width: 780px; } - .span9 { width: 700px; } - .span8 { width: 620px; } - .span7 { width: 540px; } - .span6 { width: 460px; } - .span5 { width: 380px; } - .span4 { width: 300px; } - .span3 { width: 220px; } - .span2 { width: 140px; } - .span1 { width: 60px; } - .offset12 { margin-left: 980px; } - .offset11 { margin-left: 900px; } - .offset10 { margin-left: 820px; } - .offset9 { margin-left: 740px; } - .offset8 { margin-left: 660px; } - .offset7 { margin-left: 580px; } - .offset6 { margin-left: 500px; } - .offset5 { margin-left: 420px; } - .offset4 { margin-left: 340px; } - .offset3 { margin-left: 260px; } - .offset2 { margin-left: 180px; } - .offset1 { margin-left: 100px; } - .row-fluid { width: 100%; *zoom: 1; } - .row-fluid:before, .row-fluid:after { display: table; - line-height: 0; content: ""; + line-height: 0; } - .row-fluid:after { clear: both; } - .row-fluid [class*="span"] { display: block; - float: left; width: 100%; min-height: 30px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + float: left; margin-left: 2.127659574468085%; *margin-left: 2.074468085106383%; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; } - .row-fluid [class*="span"]:first-child { margin-left: 0; } - .row-fluid .controls-row [class*="span"] + [class*="span"] { margin-left: 2.127659574468085%; } - .row-fluid .span12 { width: 100%; *width: 99.94680851063829%; } - .row-fluid .span11 { width: 91.48936170212765%; *width: 91.43617021276594%; } - .row-fluid .span10 { width: 82.97872340425532%; *width: 82.92553191489361%; } - .row-fluid .span9 { width: 74.46808510638297%; *width: 74.41489361702126%; } - .row-fluid .span8 { width: 65.95744680851064%; *width: 65.90425531914893%; } - .row-fluid .span7 { width: 57.44680851063829%; *width: 57.39361702127659%; } - .row-fluid .span6 { width: 48.93617021276595%; *width: 48.88297872340425%; } - .row-fluid .span5 { width: 40.42553191489362%; *width: 40.37234042553192%; } - .row-fluid .span4 { width: 31.914893617021278%; *width: 31.861702127659576%; } - .row-fluid .span3 { width: 23.404255319148934%; *width: 23.351063829787233%; } - .row-fluid .span2 { width: 14.893617021276595%; *width: 14.840425531914894%; } - .row-fluid .span1 { width: 6.382978723404255%; *width: 6.329787234042553%; } - .row-fluid .offset12 { margin-left: 104.25531914893617%; *margin-left: 104.14893617021275%; } - .row-fluid .offset12:first-child { margin-left: 102.12765957446808%; *margin-left: 102.02127659574467%; } - .row-fluid .offset11 { margin-left: 95.74468085106382%; *margin-left: 95.6382978723404%; } - .row-fluid .offset11:first-child { margin-left: 93.61702127659574%; *margin-left: 93.51063829787232%; } - .row-fluid .offset10 { margin-left: 87.23404255319149%; *margin-left: 87.12765957446807%; } - .row-fluid .offset10:first-child { margin-left: 85.1063829787234%; *margin-left: 84.99999999999999%; } - .row-fluid .offset9 { margin-left: 78.72340425531914%; *margin-left: 78.61702127659572%; } - .row-fluid .offset9:first-child { margin-left: 76.59574468085106%; *margin-left: 76.48936170212764%; } - .row-fluid .offset8 { margin-left: 70.2127659574468%; *margin-left: 70.10638297872339%; } - .row-fluid .offset8:first-child { margin-left: 68.08510638297872%; *margin-left: 67.9787234042553%; } - .row-fluid .offset7 { margin-left: 61.70212765957446%; *margin-left: 61.59574468085106%; } - .row-fluid .offset7:first-child { margin-left: 59.574468085106375%; *margin-left: 59.46808510638297%; } - .row-fluid .offset6 { margin-left: 53.191489361702125%; *margin-left: 53.085106382978715%; } - .row-fluid .offset6:first-child { margin-left: 51.063829787234035%; *margin-left: 50.95744680851063%; } - .row-fluid .offset5 { margin-left: 44.68085106382979%; *margin-left: 44.57446808510638%; } - .row-fluid .offset5:first-child { margin-left: 42.5531914893617%; *margin-left: 42.4468085106383%; } - .row-fluid .offset4 { margin-left: 36.170212765957444%; *margin-left: 36.06382978723405%; } - .row-fluid .offset4:first-child { margin-left: 34.04255319148936%; *margin-left: 33.93617021276596%; } - .row-fluid .offset3 { margin-left: 27.659574468085104%; *margin-left: 27.5531914893617%; } - .row-fluid .offset3:first-child { margin-left: 25.53191489361702%; *margin-left: 25.425531914893618%; } - .row-fluid .offset2 { margin-left: 19.148936170212764%; *margin-left: 19.04255319148936%; } - .row-fluid .offset2:first-child { margin-left: 17.02127659574468%; *margin-left: 16.914893617021278%; } - .row-fluid .offset1 { margin-left: 10.638297872340425%; *margin-left: 10.53191489361702%; } - .row-fluid .offset1:first-child { margin-left: 8.51063829787234%; *margin-left: 8.404255319148938%; } - [class*="span"].hide, .row-fluid [class*="span"].hide { display: none; } - [class*="span"].pull-right, .row-fluid [class*="span"].pull-right { float: right; } - .container { margin-right: auto; margin-left: auto; *zoom: 1; } - .container:before, .container:after { display: table; - line-height: 0; content: ""; + line-height: 0; } - .container:after { clear: both; } - .container-fluid { padding-right: 20px; padding-left: 20px; *zoom: 1; } - .container-fluid:before, .container-fluid:after { display: table; - line-height: 0; content: ""; + line-height: 0; } - .container-fluid:after { clear: both; } - p { margin: 0 0 10px; } - .lead { margin-bottom: 20px; font-size: 21px; font-weight: 200; line-height: 30px; } - small { font-size: 85%; } - strong { font-weight: bold; } - em { font-style: italic; } - cite { font-style: normal; } - .muted { color: #999999; } - -a.muted:hover { +a.muted:hover, +a.muted:focus { color: #808080; } - .text-warning { color: #c09853; } - -a.text-warning:hover { +a.text-warning:hover, +a.text-warning:focus { color: #a47e3c; } - .text-error { color: #b94a48; } - -a.text-error:hover { +a.text-error:hover, +a.text-error:focus { color: #953b39; } - .text-info { color: #3a87ad; } - -a.text-info:hover { +a.text-info:hover, +a.text-info:focus { color: #2d6987; } - .text-success { color: #468847; } - -a.text-success:hover { +a.text-success:hover, +a.text-success:focus { color: #356635; } - h1, h2, h3, @@ -727,7 +614,6 @@ h6 { color: inherit; text-rendering: optimizelegibility; } - h1 small, h2 small, h3 small, @@ -738,182 +624,147 @@ h6 small { line-height: 1; color: #999999; } - h1, h2, h3 { line-height: 40px; } - h1 { font-size: 38.5px; } - h2 { font-size: 31.5px; } - h3 { font-size: 24.5px; } - h4 { font-size: 17.5px; } - h5 { font-size: 14px; } - h6 { font-size: 11.9px; } - h1 small { font-size: 24.5px; } - h2 small { font-size: 17.5px; } - h3 small { font-size: 14px; } - h4 small { font-size: 14px; } - .page-header { padding-bottom: 9px; margin: 20px 0 30px; border-bottom: 1px solid #eeeeee; } - ul, ol { padding: 0; margin: 0 0 10px 25px; } - ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; } - li { line-height: 20px; } - ul.unstyled, ol.unstyled { margin-left: 0; list-style: none; } - ul.inline, ol.inline { margin-left: 0; list-style: none; } - ul.inline > li, ol.inline > li { display: inline-block; - padding-right: 5px; padding-left: 5px; + padding-right: 5px; } - dl { margin-bottom: 20px; } - dt, dd { line-height: 20px; } - dt { font-weight: bold; } - dd { margin-left: 10px; } - .dl-horizontal { *zoom: 1; } - .dl-horizontal:before, .dl-horizontal:after { display: table; - line-height: 0; content: ""; + line-height: 0; } - .dl-horizontal:after { clear: both; } - .dl-horizontal dt { float: left; width: 160px; - overflow: hidden; clear: left; text-align: right; + overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } - .dl-horizontal dd { margin-left: 180px; } - hr { margin: 20px 0; border: 0; border-top: 1px solid #eeeeee; border-bottom: 1px solid #ffffff; } - abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #999999; } - abbr.initialism { font-size: 90%; text-transform: uppercase; } - blockquote { padding: 0 0 0 15px; margin: 0 0 20px; border-left: 5px solid #eeeeee; } - blockquote p { margin-bottom: 0; font-size: 16px; font-weight: 300; line-height: 25px; } - blockquote small { display: block; line-height: 20px; color: #999999; } - blockquote small:before { content: '\2014 \00A0'; } - blockquote.pull-right { float: right; padding-right: 15px; @@ -921,34 +772,28 @@ blockquote.pull-right { border-right: 5px solid #eeeeee; border-left: 0; } - blockquote.pull-right p, blockquote.pull-right small { text-align: right; } - blockquote.pull-right small:before { content: ''; } - blockquote.pull-right small:after { content: '\00A0 \2014'; } - q:before, q:after, blockquote:before, blockquote:after { content: ""; } - address { display: block; margin-bottom: 20px; font-style: normal; line-height: 20px; } - code, pre { padding: 0 3px 2px; @@ -956,18 +801,16 @@ pre { font-size: 12px; color: #333333; -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; } - code { padding: 2px 4px; color: #d14; - white-space: nowrap; background-color: #f7f7f9; border: 1px solid #e1e1e8; + white-space: nowrap; } - pre { display: block; padding: 9.5px; @@ -982,14 +825,12 @@ pre { border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; } - pre.prettyprint { margin-bottom: 20px; } - pre code { padding: 0; color: inherit; @@ -998,22 +839,18 @@ pre code { background-color: transparent; border: 0; } - .pre-scrollable { max-height: 340px; overflow-y: scroll; } - form { margin: 0 0 20px; } - fieldset { padding: 0; margin: 0; border: 0; } - legend { display: block; width: 100%; @@ -1025,12 +862,10 @@ legend { border: 0; border-bottom: 1px solid #e5e5e5; } - legend small { font-size: 15px; color: #999999; } - label, input, button, @@ -1040,19 +875,16 @@ textarea { font-weight: normal; line-height: 20px; } - input, button, select, textarea { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } - label { display: block; margin-bottom: 5px; } - select, textarea, input[type="text"], @@ -1077,22 +909,19 @@ input[type="color"], font-size: 14px; line-height: 20px; color: #555555; - vertical-align: middle; -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + vertical-align: middle; } - input, textarea, .uneditable-input { width: 206px; } - textarea { height: auto; } - textarea, input[type="text"], input[type="password"], @@ -1112,14 +941,13 @@ input[type="color"], background-color: #ffffff; border: 1px solid #cccccc; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; - -moz-transition: border linear 0.2s, box-shadow linear 0.2s; - -o-transition: border linear 0.2s, box-shadow linear 0.2s; - transition: border linear 0.2s, box-shadow linear 0.2s; + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -webkit-transition: border linear .2s, box-shadow linear .2s; + -moz-transition: border linear .2s, box-shadow linear .2s; + -o-transition: border linear .2s, box-shadow linear .2s; + transition: border linear .2s, box-shadow linear .2s; } - textarea:focus, input[type="text"]:focus, input[type="password"]:focus, @@ -1141,19 +969,21 @@ input[type="color"]:focus, outline: thin dotted \9; /* IE6-9 */ - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); - -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); + -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); + -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); + box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); } - input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; - margin-top: 1px \9; *margin-top: 0; + /* IE7 */ + + margin-top: 1px \9; + /* IE8-9 */ + line-height: normal; } - input[type="file"], input[type="image"], input[type="submit"], @@ -1163,7 +993,6 @@ input[type="radio"], input[type="checkbox"] { width: auto; } - select, input[type="file"] { height: 30px; @@ -1174,18 +1003,15 @@ input[type="file"] { line-height: 30px; } - select { width: 220px; - background-color: #ffffff; border: 1px solid #cccccc; + background-color: #ffffff; } - select[multiple], select[size] { height: auto; } - select:focus, input[type="file"]:focus, input[type="radio"]:focus, @@ -1194,60 +1020,50 @@ input[type="checkbox"]:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } - .uneditable-input, .uneditable-textarea { color: #999999; - cursor: not-allowed; background-color: #fcfcfc; border-color: #cccccc; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); - -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); + -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); + cursor: not-allowed; } - .uneditable-input { overflow: hidden; white-space: nowrap; } - .uneditable-textarea { width: auto; height: auto; } - input:-moz-placeholder, textarea:-moz-placeholder { color: #999999; } - input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #999999; } - input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #999999; } - .radio, .checkbox { min-height: 20px; padding-left: 20px; } - .radio input[type="radio"], .checkbox input[type="checkbox"] { float: left; margin-left: -20px; } - .controls > .radio:first-child, .controls > .checkbox:first-child { padding-top: 5px; } - .radio.inline, .checkbox.inline { display: inline-block; @@ -1255,36 +1071,28 @@ textarea::-webkit-input-placeholder { margin-bottom: 0; vertical-align: middle; } - .radio.inline + .radio.inline, .checkbox.inline + .checkbox.inline { margin-left: 10px; } - .input-mini { width: 60px; } - .input-small { width: 90px; } - .input-medium { width: 150px; } - .input-large { width: 210px; } - .input-xlarge { width: 270px; } - .input-xxlarge { width: 530px; } - input[class*="span"], select[class*="span"], textarea[class*="span"], @@ -1296,7 +1104,6 @@ textarea[class*="span"], float: none; margin-left: 0; } - .input-append input[class*="span"], .input-append .uneditable-input[class*="span"], .input-prepend input[class*="span"], @@ -1309,114 +1116,70 @@ textarea[class*="span"], .row-fluid .input-append [class*="span"] { display: inline-block; } - input, textarea, .uneditable-input { margin-left: 0; } - .controls-row [class*="span"] + [class*="span"] { margin-left: 20px; } - -input.span12, -textarea.span12, -.uneditable-input.span12 { +input.span12, textarea.span12, .uneditable-input.span12 { width: 926px; } - -input.span11, -textarea.span11, -.uneditable-input.span11 { +input.span11, textarea.span11, .uneditable-input.span11 { width: 846px; } - -input.span10, -textarea.span10, -.uneditable-input.span10 { +input.span10, textarea.span10, .uneditable-input.span10 { width: 766px; } - -input.span9, -textarea.span9, -.uneditable-input.span9 { +input.span9, textarea.span9, .uneditable-input.span9 { width: 686px; } - -input.span8, -textarea.span8, -.uneditable-input.span8 { +input.span8, textarea.span8, .uneditable-input.span8 { width: 606px; } - -input.span7, -textarea.span7, -.uneditable-input.span7 { +input.span7, textarea.span7, .uneditable-input.span7 { width: 526px; } - -input.span6, -textarea.span6, -.uneditable-input.span6 { +input.span6, textarea.span6, .uneditable-input.span6 { width: 446px; } - -input.span5, -textarea.span5, -.uneditable-input.span5 { +input.span5, textarea.span5, .uneditable-input.span5 { width: 366px; } - -input.span4, -textarea.span4, -.uneditable-input.span4 { +input.span4, textarea.span4, .uneditable-input.span4 { width: 286px; } - -input.span3, -textarea.span3, -.uneditable-input.span3 { +input.span3, textarea.span3, .uneditable-input.span3 { width: 206px; } - -input.span2, -textarea.span2, -.uneditable-input.span2 { +input.span2, textarea.span2, .uneditable-input.span2 { width: 126px; } - -input.span1, -textarea.span1, -.uneditable-input.span1 { +input.span1, textarea.span1, .uneditable-input.span1 { width: 46px; } - .controls-row { *zoom: 1; } - .controls-row:before, .controls-row:after { display: table; - line-height: 0; content: ""; + line-height: 0; } - .controls-row:after { clear: both; } - .controls-row [class*="span"], .row-fluid .controls-row [class*="span"] { float: left; } - .controls-row .checkbox[class*="span"], .controls-row .radio[class*="span"] { padding-top: 5px; } - input[disabled], select[disabled], textarea[disabled], @@ -1426,20 +1189,17 @@ textarea[readonly] { cursor: not-allowed; background-color: #eeeeee; } - input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"][readonly], input[type="checkbox"][readonly] { background-color: transparent; } - .control-group.warning .control-label, .control-group.warning .help-block, .control-group.warning .help-inline { color: #c09853; } - .control-group.warning .checkbox, .control-group.warning .radio, .control-group.warning input, @@ -1447,38 +1207,33 @@ input[type="checkbox"][readonly] { .control-group.warning textarea { color: #c09853; } - .control-group.warning input, .control-group.warning select, .control-group.warning textarea { border-color: #c09853; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } - .control-group.warning input:focus, .control-group.warning select:focus, .control-group.warning textarea:focus { border-color: #a47e3c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; - -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; } - .control-group.warning .input-prepend .add-on, .control-group.warning .input-append .add-on { color: #c09853; background-color: #fcf8e3; border-color: #c09853; } - .control-group.error .control-label, .control-group.error .help-block, .control-group.error .help-inline { color: #b94a48; } - .control-group.error .checkbox, .control-group.error .radio, .control-group.error input, @@ -1486,38 +1241,33 @@ input[type="checkbox"][readonly] { .control-group.error textarea { color: #b94a48; } - .control-group.error input, .control-group.error select, .control-group.error textarea { border-color: #b94a48; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } - .control-group.error input:focus, .control-group.error select:focus, .control-group.error textarea:focus { border-color: #953b39; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; - -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; } - .control-group.error .input-prepend .add-on, .control-group.error .input-append .add-on { color: #b94a48; background-color: #f2dede; border-color: #b94a48; } - .control-group.success .control-label, .control-group.success .help-block, .control-group.success .help-inline { color: #468847; } - .control-group.success .checkbox, .control-group.success .radio, .control-group.success input, @@ -1525,38 +1275,33 @@ input[type="checkbox"][readonly] { .control-group.success textarea { color: #468847; } - .control-group.success input, .control-group.success select, .control-group.success textarea { border-color: #468847; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } - .control-group.success input:focus, .control-group.success select:focus, .control-group.success textarea:focus { border-color: #356635; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; - -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; } - .control-group.success .input-prepend .add-on, .control-group.success .input-append .add-on { color: #468847; background-color: #dff0d8; border-color: #468847; } - .control-group.info .control-label, .control-group.info .help-block, .control-group.info .help-inline { color: #3a87ad; } - .control-group.info .checkbox, .control-group.info .radio, .control-group.info input, @@ -1564,48 +1309,42 @@ input[type="checkbox"][readonly] { .control-group.info textarea { color: #3a87ad; } - .control-group.info input, .control-group.info select, .control-group.info textarea { border-color: #3a87ad; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } - .control-group.info input:focus, .control-group.info select:focus, .control-group.info textarea:focus { border-color: #2d6987; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; - -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; } - .control-group.info .input-prepend .add-on, .control-group.info .input-append .add-on { color: #3a87ad; background-color: #d9edf7; border-color: #3a87ad; } - input:focus:invalid, textarea:focus:invalid, select:focus:invalid { color: #b94a48; border-color: #ee5f5b; } - input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus { border-color: #e9322d; -webkit-box-shadow: 0 0 6px #f8b9b7; - -moz-box-shadow: 0 0 6px #f8b9b7; - box-shadow: 0 0 6px #f8b9b7; + -moz-box-shadow: 0 0 6px #f8b9b7; + box-shadow: 0 0 6px #f8b9b7; } - .form-actions { padding: 19px 20px 20px; margin-top: 20px; @@ -1614,43 +1353,38 @@ select:focus:invalid:focus { border-top: 1px solid #e5e5e5; *zoom: 1; } - .form-actions:before, .form-actions:after { display: table; - line-height: 0; content: ""; + line-height: 0; } - .form-actions:after { clear: both; } - .help-block, .help-inline { color: #595959; } - .help-block { display: block; margin-bottom: 10px; } - .help-inline { display: inline-block; *display: inline; - padding-left: 5px; - vertical-align: middle; + /* IE7 inline-block hack */ + *zoom: 1; + vertical-align: middle; + padding-left: 5px; } - .input-append, .input-prepend { margin-bottom: 5px; font-size: 0; white-space: nowrap; } - .input-append input, .input-prepend input, .input-append select, @@ -1663,7 +1397,6 @@ select:focus:invalid:focus { .input-prepend .popover { font-size: 14px; } - .input-append input, .input-prepend input, .input-append select, @@ -1675,10 +1408,9 @@ select:focus:invalid:focus { *margin-left: 0; vertical-align: top; -webkit-border-radius: 0 4px 4px 0; - -moz-border-radius: 0 4px 4px 0; - border-radius: 0 4px 4px 0; + -moz-border-radius: 0 4px 4px 0; + border-radius: 0 4px 4px 0; } - .input-append input:focus, .input-prepend input:focus, .input-append select:focus, @@ -1687,7 +1419,6 @@ select:focus:invalid:focus { .input-prepend .uneditable-input:focus { z-index: 2; } - .input-append .add-on, .input-prepend .add-on { display: inline-block; @@ -1703,7 +1434,6 @@ select:focus:invalid:focus { background-color: #eeeeee; border: 1px solid #ccc; } - .input-append .add-on, .input-prepend .add-on, .input-append .btn, @@ -1712,94 +1442,81 @@ select:focus:invalid:focus { .input-prepend .btn-group > .dropdown-toggle { vertical-align: top; -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; } - .input-append .active, .input-prepend .active { background-color: #a9dba9; border-color: #46a546; } - .input-prepend .add-on, .input-prepend .btn { margin-right: -1px; } - .input-prepend .add-on:first-child, .input-prepend .btn:first-child { -webkit-border-radius: 4px 0 0 4px; - -moz-border-radius: 4px 0 0 4px; - border-radius: 4px 0 0 4px; + -moz-border-radius: 4px 0 0 4px; + border-radius: 4px 0 0 4px; } - .input-append input, .input-append select, .input-append .uneditable-input { -webkit-border-radius: 4px 0 0 4px; - -moz-border-radius: 4px 0 0 4px; - border-radius: 4px 0 0 4px; + -moz-border-radius: 4px 0 0 4px; + border-radius: 4px 0 0 4px; } - .input-append input + .btn-group .btn:last-child, .input-append select + .btn-group .btn:last-child, .input-append .uneditable-input + .btn-group .btn:last-child { -webkit-border-radius: 0 4px 4px 0; - -moz-border-radius: 0 4px 4px 0; - border-radius: 0 4px 4px 0; + -moz-border-radius: 0 4px 4px 0; + border-radius: 0 4px 4px 0; } - .input-append .add-on, .input-append .btn, .input-append .btn-group { margin-left: -1px; } - .input-append .add-on:last-child, .input-append .btn:last-child, .input-append .btn-group:last-child > .dropdown-toggle { -webkit-border-radius: 0 4px 4px 0; - -moz-border-radius: 0 4px 4px 0; - border-radius: 0 4px 4px 0; + -moz-border-radius: 0 4px 4px 0; + border-radius: 0 4px 4px 0; } - .input-prepend.input-append input, .input-prepend.input-append select, .input-prepend.input-append .uneditable-input { -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; } - .input-prepend.input-append input + .btn-group .btn, .input-prepend.input-append select + .btn-group .btn, .input-prepend.input-append .uneditable-input + .btn-group .btn { -webkit-border-radius: 0 4px 4px 0; - -moz-border-radius: 0 4px 4px 0; - border-radius: 0 4px 4px 0; + -moz-border-radius: 0 4px 4px 0; + border-radius: 0 4px 4px 0; } - .input-prepend.input-append .add-on:first-child, .input-prepend.input-append .btn:first-child { margin-right: -1px; -webkit-border-radius: 4px 0 0 4px; - -moz-border-radius: 4px 0 0 4px; - border-radius: 4px 0 0 4px; + -moz-border-radius: 4px 0 0 4px; + border-radius: 4px 0 0 4px; } - .input-prepend.input-append .add-on:last-child, .input-prepend.input-append .btn:last-child { margin-left: -1px; -webkit-border-radius: 0 4px 4px 0; - -moz-border-radius: 0 4px 4px 0; - border-radius: 0 4px 4px 0; + -moz-border-radius: 0 4px 4px 0; + border-radius: 0 4px 4px 0; } - .input-prepend.input-append .btn-group:first-child { margin-left: 0; } - input.search-query { padding-right: 14px; padding-right: 4px \9; @@ -1809,43 +1526,36 @@ input.search-query { margin-bottom: 0; -webkit-border-radius: 15px; - -moz-border-radius: 15px; - border-radius: 15px; + -moz-border-radius: 15px; + border-radius: 15px; } - /* Allow for input prepend/append in search forms */ - .form-search .input-append .search-query, .form-search .input-prepend .search-query { -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; } - .form-search .input-append .search-query { -webkit-border-radius: 14px 0 0 14px; - -moz-border-radius: 14px 0 0 14px; - border-radius: 14px 0 0 14px; + -moz-border-radius: 14px 0 0 14px; + border-radius: 14px 0 0 14px; } - .form-search .input-append .btn { -webkit-border-radius: 0 14px 14px 0; - -moz-border-radius: 0 14px 14px 0; - border-radius: 0 14px 14px 0; + -moz-border-radius: 0 14px 14px 0; + border-radius: 0 14px 14px 0; } - .form-search .input-prepend .search-query { -webkit-border-radius: 0 14px 14px 0; - -moz-border-radius: 0 14px 14px 0; - border-radius: 0 14px 14px 0; + -moz-border-radius: 0 14px 14px 0; + border-radius: 0 14px 14px 0; } - .form-search .input-prepend .btn { -webkit-border-radius: 14px 0 0 14px; - -moz-border-radius: 14px 0 0 14px; - border-radius: 14px 0 0 14px; + -moz-border-radius: 14px 0 0 14px; + border-radius: 14px 0 0 14px; } - .form-search input, .form-inline input, .form-horizontal input, @@ -1869,31 +1579,29 @@ input.search-query { .form-horizontal .input-append { display: inline-block; *display: inline; + /* IE7 inline-block hack */ + + *zoom: 1; margin-bottom: 0; vertical-align: middle; - *zoom: 1; } - .form-search .hide, .form-inline .hide, .form-horizontal .hide { display: none; } - .form-search label, .form-inline label, .form-search .btn-group, .form-inline .btn-group { display: inline-block; } - .form-search .input-append, .form-inline .input-append, .form-search .input-prepend, .form-inline .input-prepend { margin-bottom: 0; } - .form-search .radio, .form-search .checkbox, .form-inline .radio, @@ -1902,7 +1610,6 @@ input.search-query { margin-bottom: 0; vertical-align: middle; } - .form-search .radio input[type="radio"], .form-search .checkbox input[type="checkbox"], .form-inline .radio input[type="radio"], @@ -1911,54 +1618,44 @@ input.search-query { margin-right: 3px; margin-left: 0; } - .control-group { margin-bottom: 10px; } - legend + .control-group { margin-top: 20px; -webkit-margin-top-collapse: separate; } - .form-horizontal .control-group { margin-bottom: 20px; *zoom: 1; } - .form-horizontal .control-group:before, .form-horizontal .control-group:after { display: table; - line-height: 0; content: ""; + line-height: 0; } - .form-horizontal .control-group:after { clear: both; } - .form-horizontal .control-label { float: left; width: 160px; padding-top: 5px; text-align: right; } - .form-horizontal .controls { *display: inline-block; *padding-left: 20px; margin-left: 180px; *margin-left: 0; } - .form-horizontal .controls:first-child { *padding-left: 180px; } - .form-horizontal .help-block { margin-bottom: 0; } - .form-horizontal input + .help-block, .form-horizontal select + .help-block, .form-horizontal textarea + .help-block, @@ -1967,23 +1664,19 @@ legend + .control-group { .form-horizontal .input-append + .help-block { margin-top: 10px; } - .form-horizontal .form-actions { padding-left: 180px; } - table { max-width: 100%; background-color: transparent; border-collapse: collapse; border-spacing: 0; } - .table { width: 100%; margin-bottom: 20px; } - .table th, .table td { padding: 8px; @@ -1992,15 +1685,12 @@ table { vertical-align: top; border-top: 1px solid #dddddd; } - .table th { font-weight: bold; } - .table thead th { vertical-align: bottom; } - .table caption + thead tr:first-child th, .table caption + thead tr:first-child td, .table colgroup + thead tr:first-child th, @@ -2009,35 +1699,29 @@ table { .table thead:first-child tr:first-child td { border-top: 0; } - .table tbody + tbody { border-top: 2px solid #dddddd; } - .table .table { background-color: #ffffff; } - .table-condensed th, .table-condensed td { padding: 4px 5px; } - .table-bordered { border: 1px solid #dddddd; border-collapse: separate; *border-collapse: collapse; border-left: 0; -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; } - .table-bordered th, .table-bordered td { border-left: 1px solid #dddddd; } - .table-bordered caption + thead tr:first-child th, .table-bordered caption + tbody tr:first-child th, .table-bordered caption + tbody tr:first-child td, @@ -2049,77 +1733,66 @@ table { .table-bordered tbody:first-child tr:first-child td { border-top: 0; } - .table-bordered thead:first-child tr:first-child > th:first-child, .table-bordered tbody:first-child tr:first-child > td:first-child { -webkit-border-top-left-radius: 4px; - border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; + border-top-left-radius: 4px; } - .table-bordered thead:first-child tr:first-child > th:last-child, .table-bordered tbody:first-child tr:first-child > td:last-child { -webkit-border-top-right-radius: 4px; - border-top-right-radius: 4px; -moz-border-radius-topright: 4px; + border-top-right-radius: 4px; } - .table-bordered thead:last-child tr:last-child > th:first-child, .table-bordered tbody:last-child tr:last-child > td:first-child, .table-bordered tfoot:last-child tr:last-child > td:first-child { -webkit-border-bottom-left-radius: 4px; - border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; + border-bottom-left-radius: 4px; } - .table-bordered thead:last-child tr:last-child > th:last-child, .table-bordered tbody:last-child tr:last-child > td:last-child, .table-bordered tfoot:last-child tr:last-child > td:last-child { -webkit-border-bottom-right-radius: 4px; - border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; + border-bottom-right-radius: 4px; } - .table-bordered tfoot + tbody:last-child tr:last-child td:first-child { -webkit-border-bottom-left-radius: 0; - border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; + border-bottom-left-radius: 0; } - .table-bordered tfoot + tbody:last-child tr:last-child td:last-child { -webkit-border-bottom-right-radius: 0; - border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; + border-bottom-right-radius: 0; } - .table-bordered caption + thead tr:first-child th:first-child, .table-bordered caption + tbody tr:first-child td:first-child, .table-bordered colgroup + thead tr:first-child th:first-child, .table-bordered colgroup + tbody tr:first-child td:first-child { -webkit-border-top-left-radius: 4px; - border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; + border-top-left-radius: 4px; } - .table-bordered caption + thead tr:first-child th:last-child, .table-bordered caption + tbody tr:first-child td:last-child, .table-bordered colgroup + thead tr:first-child th:last-child, .table-bordered colgroup + tbody tr:first-child td:last-child { -webkit-border-top-right-radius: 4px; - border-top-right-radius: 4px; -moz-border-radius-topright: 4px; + border-top-right-radius: 4px; } - .table-striped tbody > tr:nth-child(odd) > td, .table-striped tbody > tr:nth-child(odd) > th { background-color: #f9f9f9; } - .table-hover tbody tr:hover td, .table-hover tbody tr:hover th { background-color: #f5f5f5; } - table td[class*="span"], table th[class*="span"], .row-fluid table td[class*="span"], @@ -2128,139 +1801,116 @@ table th[class*="span"], float: none; margin-left: 0; } - .table td.span1, .table th.span1 { float: none; width: 44px; margin-left: 0; } - .table td.span2, .table th.span2 { float: none; width: 124px; margin-left: 0; } - .table td.span3, .table th.span3 { float: none; width: 204px; margin-left: 0; } - .table td.span4, .table th.span4 { float: none; width: 284px; margin-left: 0; } - .table td.span5, .table th.span5 { float: none; width: 364px; margin-left: 0; } - .table td.span6, .table th.span6 { float: none; width: 444px; margin-left: 0; } - .table td.span7, .table th.span7 { float: none; width: 524px; margin-left: 0; } - .table td.span8, .table th.span8 { float: none; width: 604px; margin-left: 0; } - .table td.span9, .table th.span9 { float: none; width: 684px; margin-left: 0; } - .table td.span10, .table th.span10 { float: none; width: 764px; margin-left: 0; } - .table td.span11, .table th.span11 { float: none; width: 844px; margin-left: 0; } - .table td.span12, .table th.span12 { float: none; width: 924px; margin-left: 0; } - .table tbody tr.success td { background-color: #dff0d8; } - .table tbody tr.error td { background-color: #f2dede; } - .table tbody tr.warning td { background-color: #fcf8e3; } - .table tbody tr.info td { background-color: #d9edf7; } - .table-hover tbody tr.success:hover td { background-color: #d0e9c6; } - .table-hover tbody tr.error:hover td { background-color: #ebcccc; } - .table-hover tbody tr.warning:hover td { background-color: #faf2cc; } - .table-hover tbody tr.info:hover td { background-color: #c4e3f3; } - [class^="icon-"], [class*=" icon-"] { display: inline-block; width: 14px; height: 14px; - margin-top: 1px; *margin-right: .3em; line-height: 14px; vertical-align: text-top; background-image: url("../img/glyphicons-halflings.png"); background-position: 14px 14px; background-repeat: no-repeat; + margin-top: 1px; } - -/* White icons with optional class, or on hover/active states of certain elements */ - +/* White icons with optional class, or on hover/focus/active states of certain elements */ .icon-white, .nav-pills > .active > a > [class^="icon-"], .nav-pills > .active > a > [class*=" icon-"], @@ -2269,590 +1919,450 @@ table th[class*="span"], .navbar-inverse .nav > .active > a > [class^="icon-"], .navbar-inverse .nav > .active > a > [class*=" icon-"], .dropdown-menu > li > a:hover > [class^="icon-"], +.dropdown-menu > li > a:focus > [class^="icon-"], .dropdown-menu > li > a:hover > [class*=" icon-"], +.dropdown-menu > li > a:focus > [class*=" icon-"], .dropdown-menu > .active > a > [class^="icon-"], .dropdown-menu > .active > a > [class*=" icon-"], .dropdown-submenu:hover > a > [class^="icon-"], -.dropdown-submenu:hover > a > [class*=" icon-"] { +.dropdown-submenu:focus > a > [class^="icon-"], +.dropdown-submenu:hover > a > [class*=" icon-"], +.dropdown-submenu:focus > a > [class*=" icon-"] { background-image: url("../img/glyphicons-halflings-white.png"); } - .icon-glass { background-position: 0 0; } - .icon-music { background-position: -24px 0; } - .icon-search { background-position: -48px 0; } - .icon-envelope { background-position: -72px 0; } - .icon-heart { background-position: -96px 0; } - .icon-star { background-position: -120px 0; } - .icon-star-empty { background-position: -144px 0; } - .icon-user { background-position: -168px 0; } - .icon-film { background-position: -192px 0; } - .icon-th-large { background-position: -216px 0; } - .icon-th { background-position: -240px 0; } - .icon-th-list { background-position: -264px 0; } - .icon-ok { background-position: -288px 0; } - .icon-remove { background-position: -312px 0; } - .icon-zoom-in { background-position: -336px 0; } - .icon-zoom-out { background-position: -360px 0; } - .icon-off { background-position: -384px 0; } - .icon-signal { background-position: -408px 0; } - .icon-cog { background-position: -432px 0; } - .icon-trash { background-position: -456px 0; } - .icon-home { background-position: 0 -24px; } - .icon-file { background-position: -24px -24px; } - .icon-time { background-position: -48px -24px; } - .icon-road { background-position: -72px -24px; } - .icon-download-alt { background-position: -96px -24px; } - .icon-download { background-position: -120px -24px; } - .icon-upload { background-position: -144px -24px; } - .icon-inbox { background-position: -168px -24px; } - .icon-play-circle { background-position: -192px -24px; } - .icon-repeat { background-position: -216px -24px; } - .icon-refresh { background-position: -240px -24px; } - .icon-list-alt { background-position: -264px -24px; } - .icon-lock { background-position: -287px -24px; } - .icon-flag { background-position: -312px -24px; } - .icon-headphones { background-position: -336px -24px; } - .icon-volume-off { background-position: -360px -24px; } - .icon-volume-down { background-position: -384px -24px; } - .icon-volume-up { background-position: -408px -24px; } - .icon-qrcode { background-position: -432px -24px; } - .icon-barcode { background-position: -456px -24px; } - .icon-tag { background-position: 0 -48px; } - .icon-tags { background-position: -25px -48px; } - .icon-book { background-position: -48px -48px; } - .icon-bookmark { background-position: -72px -48px; } - .icon-print { background-position: -96px -48px; } - .icon-camera { background-position: -120px -48px; } - .icon-font { background-position: -144px -48px; } - .icon-bold { background-position: -167px -48px; } - .icon-italic { background-position: -192px -48px; } - .icon-text-height { background-position: -216px -48px; } - .icon-text-width { background-position: -240px -48px; } - .icon-align-left { background-position: -264px -48px; } - .icon-align-center { background-position: -288px -48px; } - .icon-align-right { background-position: -312px -48px; } - .icon-align-justify { background-position: -336px -48px; } - .icon-list { background-position: -360px -48px; } - .icon-indent-left { background-position: -384px -48px; } - .icon-indent-right { background-position: -408px -48px; } - .icon-facetime-video { background-position: -432px -48px; } - .icon-picture { background-position: -456px -48px; } - .icon-pencil { background-position: 0 -72px; } - .icon-map-marker { background-position: -24px -72px; } - .icon-adjust { background-position: -48px -72px; } - .icon-tint { background-position: -72px -72px; } - .icon-edit { background-position: -96px -72px; } - .icon-share { background-position: -120px -72px; } - .icon-check { background-position: -144px -72px; } - .icon-move { background-position: -168px -72px; } - .icon-step-backward { background-position: -192px -72px; } - .icon-fast-backward { background-position: -216px -72px; } - .icon-backward { background-position: -240px -72px; } - .icon-play { background-position: -264px -72px; } - .icon-pause { background-position: -288px -72px; } - .icon-stop { background-position: -312px -72px; } - .icon-forward { background-position: -336px -72px; } - .icon-fast-forward { background-position: -360px -72px; } - .icon-step-forward { background-position: -384px -72px; } - .icon-eject { background-position: -408px -72px; } - .icon-chevron-left { background-position: -432px -72px; } - .icon-chevron-right { background-position: -456px -72px; } - .icon-plus-sign { background-position: 0 -96px; } - .icon-minus-sign { background-position: -24px -96px; } - .icon-remove-sign { background-position: -48px -96px; } - .icon-ok-sign { background-position: -72px -96px; } - .icon-question-sign { background-position: -96px -96px; } - .icon-info-sign { background-position: -120px -96px; } - .icon-screenshot { background-position: -144px -96px; } - .icon-remove-circle { background-position: -168px -96px; } - .icon-ok-circle { background-position: -192px -96px; } - .icon-ban-circle { background-position: -216px -96px; } - .icon-arrow-left { background-position: -240px -96px; } - .icon-arrow-right { background-position: -264px -96px; } - .icon-arrow-up { background-position: -289px -96px; } - .icon-arrow-down { background-position: -312px -96px; } - .icon-share-alt { background-position: -336px -96px; } - .icon-resize-full { background-position: -360px -96px; } - .icon-resize-small { background-position: -384px -96px; } - .icon-plus { background-position: -408px -96px; } - .icon-minus { background-position: -433px -96px; } - .icon-asterisk { background-position: -456px -96px; } - .icon-exclamation-sign { background-position: 0 -120px; } - .icon-gift { background-position: -24px -120px; } - .icon-leaf { background-position: -48px -120px; } - .icon-fire { background-position: -72px -120px; } - .icon-eye-open { background-position: -96px -120px; } - .icon-eye-close { background-position: -120px -120px; } - .icon-warning-sign { background-position: -144px -120px; } - .icon-plane { background-position: -168px -120px; } - .icon-calendar { background-position: -192px -120px; } - .icon-random { - width: 16px; background-position: -216px -120px; + width: 16px; } - .icon-comment { background-position: -240px -120px; } - .icon-magnet { background-position: -264px -120px; } - .icon-chevron-up { background-position: -288px -120px; } - .icon-chevron-down { background-position: -313px -119px; } - .icon-retweet { background-position: -336px -120px; } - .icon-shopping-cart { background-position: -360px -120px; } - .icon-folder-close { background-position: -384px -120px; } - .icon-folder-open { - width: 16px; background-position: -408px -120px; + width: 16px; } - .icon-resize-vertical { background-position: -432px -119px; } - .icon-resize-horizontal { background-position: -456px -118px; } - .icon-hdd { background-position: 0 -144px; } - .icon-bullhorn { background-position: -24px -144px; } - .icon-bell { background-position: -48px -144px; } - .icon-certificate { background-position: -72px -144px; } - .icon-thumbs-up { background-position: -96px -144px; } - .icon-thumbs-down { background-position: -120px -144px; } - .icon-hand-right { background-position: -144px -144px; } - .icon-hand-left { background-position: -168px -144px; } - .icon-hand-up { background-position: -192px -144px; } - .icon-hand-down { background-position: -216px -144px; } - .icon-circle-arrow-right { background-position: -240px -144px; } - .icon-circle-arrow-left { background-position: -264px -144px; } - .icon-circle-arrow-up { background-position: -288px -144px; } - .icon-circle-arrow-down { background-position: -312px -144px; } - .icon-globe { background-position: -336px -144px; } - .icon-wrench { background-position: -360px -144px; } - .icon-tasks { background-position: -384px -144px; } - .icon-filter { background-position: -408px -144px; } - .icon-briefcase { background-position: -432px -144px; } - .icon-fullscreen { background-position: -456px -144px; } - .dropup, .dropdown { position: relative; } - .dropdown-toggle { *margin-bottom: -3px; } - .dropdown-toggle:active, .open .dropdown-toggle { outline: 0; } - .caret { display: inline-block; width: 0; @@ -2863,12 +2373,10 @@ table th[class*="span"], border-left: 4px solid transparent; content: ""; } - .dropdown .caret { margin-top: 8px; margin-left: 2px; } - .dropdown-menu { position: absolute; top: 100%; @@ -2886,21 +2394,19 @@ table th[class*="span"], *border-right-width: 2px; *border-bottom-width: 2px; -webkit-border-radius: 6px; - -moz-border-radius: 6px; - border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); - -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); - box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; - -moz-background-clip: padding; - background-clip: padding-box; + -moz-background-clip: padding; + background-clip: padding-box; } - .dropdown-menu.pull-right { right: 0; left: auto; } - .dropdown-menu .divider { *width: 100%; height: 1px; @@ -2910,7 +2416,6 @@ table th[class*="span"], background-color: #e5e5e5; border-bottom: 1px solid #ffffff; } - .dropdown-menu > li > a { display: block; padding: 3px 20px; @@ -2920,12 +2425,12 @@ table th[class*="span"], color: #333333; white-space: nowrap; } - .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, -.dropdown-submenu:hover > a { - color: #ffffff; +.dropdown-submenu:hover > a, +.dropdown-submenu:focus > a { text-decoration: none; + color: #ffffff; background-color: #0081c2; background-image: -moz-linear-gradient(top, #0088cc, #0077b3); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3)); @@ -2935,11 +2440,12 @@ table th[class*="span"], background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0); } - .dropdown-menu > .active > a, -.dropdown-menu > .active > a:hover { +.dropdown-menu > .active > a:hover, +.dropdown-menu > .active > a:focus { color: #ffffff; text-decoration: none; + outline: 0; background-color: #0081c2; background-image: -moz-linear-gradient(top, #0088cc, #0077b3); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3)); @@ -2947,121 +2453,103 @@ table th[class*="span"], background-image: -o-linear-gradient(top, #0088cc, #0077b3); background-image: linear-gradient(to bottom, #0088cc, #0077b3); background-repeat: repeat-x; - outline: 0; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0); } - .dropdown-menu > .disabled > a, -.dropdown-menu > .disabled > a:hover { +.dropdown-menu > .disabled > a:hover, +.dropdown-menu > .disabled > a:focus { color: #999999; } - -.dropdown-menu > .disabled > a:hover { +.dropdown-menu > .disabled > a:hover .dropdown-menu > .disabled > a:focus { text-decoration: none; - cursor: default; background-color: transparent; background-image: none; - filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); + cursor: default; } - .open { *z-index: 1000; } - .open > .dropdown-menu { display: block; } - .pull-right > .dropdown-menu { right: 0; left: auto; } - .dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px solid #000000; content: ""; } - .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 1px; } - .dropdown-submenu { position: relative; } - .dropdown-submenu > .dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; - -moz-border-radius: 0 6px 6px 6px; - border-radius: 0 6px 6px 6px; + -moz-border-radius: 0 6px 6px 6px; + border-radius: 0 6px 6px 6px; } - .dropdown-submenu:hover > .dropdown-menu { display: block; } - .dropup .dropdown-submenu > .dropdown-menu { top: auto; bottom: 0; margin-top: 0; margin-bottom: -2px; -webkit-border-radius: 5px 5px 5px 0; - -moz-border-radius: 5px 5px 5px 0; - border-radius: 5px 5px 5px 0; + -moz-border-radius: 5px 5px 5px 0; + border-radius: 5px 5px 5px 0; } - .dropdown-submenu > a:after { display: block; + content: " "; float: right; width: 0; height: 0; - margin-top: 5px; - margin-right: -10px; border-color: transparent; - border-left-color: #cccccc; border-style: solid; border-width: 5px 0 5px 5px; - content: " "; + border-left-color: #cccccc; + margin-top: 5px; + margin-right: -10px; } - .dropdown-submenu:hover > a:after { border-left-color: #ffffff; } - .dropdown-submenu.pull-left { float: none; } - .dropdown-submenu.pull-left > .dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; - -moz-border-radius: 6px 0 6px 6px; - border-radius: 6px 0 6px 6px; + -moz-border-radius: 6px 0 6px 6px; + border-radius: 6px 0 6px 6px; } - .dropdown .dropdown-menu .nav-header { - padding-right: 20px; padding-left: 20px; + padding-right: 20px; } - .typeahead { z-index: 1051; margin-top: 2px; -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; } - .well { min-height: 20px; padding: 19px; @@ -3069,58 +2557,50 @@ table th[class*="span"], background-color: #f5f5f5; border: 1px solid #e3e3e3; -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); - -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } - .well blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, 0.15); } - .well-large { padding: 24px; -webkit-border-radius: 6px; - -moz-border-radius: 6px; - border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; } - .well-small { padding: 9px; -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; } - .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; - -moz-transition: opacity 0.15s linear; - -o-transition: opacity 0.15s linear; - transition: opacity 0.15s linear; + -moz-transition: opacity 0.15s linear; + -o-transition: opacity 0.15s linear; + transition: opacity 0.15s linear; } - .fade.in { opacity: 1; } - .collapse { position: relative; height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; - -moz-transition: height 0.35s ease; - -o-transition: height 0.35s ease; - transition: height 0.35s ease; + -moz-transition: height 0.35s ease; + -o-transition: height 0.35s ease; + transition: height 0.35s ease; } - .collapse.in { height: auto; } - .close { float: right; font-size: 20px; @@ -3131,15 +2611,14 @@ table th[class*="span"], opacity: 0.2; filter: alpha(opacity=20); } - -.close:hover { +.close:hover, +.close:focus { color: #000000; text-decoration: none; cursor: pointer; opacity: 0.4; filter: alpha(opacity=40); } - button.close { padding: 0; cursor: pointer; @@ -3147,45 +2626,48 @@ button.close { border: 0; -webkit-appearance: none; } - .btn { display: inline-block; *display: inline; + /* IE7 inline-block hack */ + + *zoom: 1; padding: 4px 12px; margin-bottom: 0; - *margin-left: .3em; font-size: 14px; line-height: 20px; - color: #333333; text-align: center; - text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); vertical-align: middle; cursor: pointer; + color: #333333; + text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); background-color: #f5f5f5; - *background-color: #e6e6e6; background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-repeat: repeat-x; - border: 1px solid #bbbbbb; - *border: 0; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + *background-color: #e6e6e6; + /* Darken IE7 buttons by default so they stand out more given they won't have borders */ + + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); + border: 1px solid #bbbbbb; + *border: 0; border-bottom-color: #a2a2a2; -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); - filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); - *zoom: 1; - -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); - -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); - box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); + -moz-border-radius: 4px; + border-radius: 4px; + *margin-left: .3em; + -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); + -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); + box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); } - .btn:hover, +.btn:focus, .btn:active, .btn.active, .btn.disabled, @@ -3194,41 +2676,36 @@ button.close { background-color: #e6e6e6; *background-color: #d9d9d9; } - .btn:active, .btn.active { background-color: #cccccc \9; } - .btn:first-child { *margin-left: 0; } - -.btn:hover { +.btn:hover, +.btn:focus { color: #333333; text-decoration: none; background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; - -moz-transition: background-position 0.1s linear; - -o-transition: background-position 0.1s linear; - transition: background-position 0.1s linear; + -moz-transition: background-position 0.1s linear; + -o-transition: background-position 0.1s linear; + transition: background-position 0.1s linear; } - .btn:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } - .btn.active, .btn:active { background-image: none; outline: 0; - -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); - -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); + -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); + -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); + box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); } - .btn.disabled, .btn[disabled] { cursor: default; @@ -3236,69 +2713,59 @@ button.close { opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; } - .btn-large { padding: 11px 19px; font-size: 17.5px; -webkit-border-radius: 6px; - -moz-border-radius: 6px; - border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; } - .btn-large [class^="icon-"], .btn-large [class*=" icon-"] { margin-top: 4px; } - .btn-small { padding: 2px 10px; font-size: 11.9px; -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; } - .btn-small [class^="icon-"], .btn-small [class*=" icon-"] { margin-top: 0; } - .btn-mini [class^="icon-"], .btn-mini [class*=" icon-"] { margin-top: -1px; } - .btn-mini { padding: 0 6px; font-size: 10.5px; -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; } - .btn-block { display: block; width: 100%; - padding-right: 0; padding-left: 0; + padding-right: 0; -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } - .btn-block + .btn-block { margin-top: 5px; } - input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } - .btn-primary.active, .btn-warning.active, .btn-danger.active, @@ -3307,30 +2774,30 @@ input[type="button"].btn-block { .btn-inverse.active { color: rgba(255, 255, 255, 0.75); } - .btn { border-color: #c5c5c5; border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25); } - .btn-primary { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #006dcc; - *background-color: #0044cc; background-image: -moz-linear-gradient(top, #0088cc, #0044cc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); background-image: -o-linear-gradient(top, #0088cc, #0044cc); background-image: linear-gradient(to bottom, #0088cc, #0044cc); background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0); border-color: #0044cc #0044cc #002a80; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0); - filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); -} + *background-color: #0044cc; + /* Darken IE7 buttons by default so they stand out more given they won't have borders */ + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); +} .btn-primary:hover, +.btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, @@ -3339,30 +2806,30 @@ input[type="button"].btn-block { background-color: #0044cc; *background-color: #003bb3; } - .btn-primary:active, .btn-primary.active { background-color: #003399 \9; } - .btn-warning { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #faa732; - *background-color: #f89406; background-image: -moz-linear-gradient(top, #fbb450, #f89406); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); background-image: -webkit-linear-gradient(top, #fbb450, #f89406); background-image: -o-linear-gradient(top, #fbb450, #f89406); background-image: linear-gradient(to bottom, #fbb450, #f89406); background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0); border-color: #f89406 #f89406 #ad6704; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0); - filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); -} + *background-color: #f89406; + /* Darken IE7 buttons by default so they stand out more given they won't have borders */ + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); +} .btn-warning:hover, +.btn-warning:focus, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, @@ -3371,30 +2838,30 @@ input[type="button"].btn-block { background-color: #f89406; *background-color: #df8505; } - .btn-warning:active, .btn-warning.active { background-color: #c67605 \9; } - .btn-danger { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #da4f49; - *background-color: #bd362f; background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f)); background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f); background-image: -o-linear-gradient(top, #ee5f5b, #bd362f); background-image: linear-gradient(to bottom, #ee5f5b, #bd362f); background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0); border-color: #bd362f #bd362f #802420; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0); - filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); -} + *background-color: #bd362f; + /* Darken IE7 buttons by default so they stand out more given they won't have borders */ + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); +} .btn-danger:hover, +.btn-danger:focus, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, @@ -3403,30 +2870,30 @@ input[type="button"].btn-block { background-color: #bd362f; *background-color: #a9302a; } - .btn-danger:active, .btn-danger.active { background-color: #942a25 \9; } - .btn-success { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #5bb75b; - *background-color: #51a351; background-image: -moz-linear-gradient(top, #62c462, #51a351); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351)); background-image: -webkit-linear-gradient(top, #62c462, #51a351); background-image: -o-linear-gradient(top, #62c462, #51a351); background-image: linear-gradient(to bottom, #62c462, #51a351); background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0); border-color: #51a351 #51a351 #387038; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0); - filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); -} + *background-color: #51a351; + /* Darken IE7 buttons by default so they stand out more given they won't have borders */ + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); +} .btn-success:hover, +.btn-success:focus, .btn-success:active, .btn-success.active, .btn-success.disabled, @@ -3435,30 +2902,30 @@ input[type="button"].btn-block { background-color: #51a351; *background-color: #499249; } - .btn-success:active, .btn-success.active { background-color: #408140 \9; } - .btn-info { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #49afcd; - *background-color: #2f96b4; background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4)); background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4); background-image: -o-linear-gradient(top, #5bc0de, #2f96b4); background-image: linear-gradient(to bottom, #5bc0de, #2f96b4); background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0); border-color: #2f96b4 #2f96b4 #1f6377; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0); - filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); -} + *background-color: #2f96b4; + /* Darken IE7 buttons by default so they stand out more given they won't have borders */ + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); +} .btn-info:hover, +.btn-info:focus, .btn-info:active, .btn-info.active, .btn-info.disabled, @@ -3467,30 +2934,30 @@ input[type="button"].btn-block { background-color: #2f96b4; *background-color: #2a85a0; } - .btn-info:active, .btn-info.active { background-color: #24748c \9; } - .btn-inverse { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #363636; - *background-color: #222222; background-image: -moz-linear-gradient(top, #444444, #222222); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222)); background-image: -webkit-linear-gradient(top, #444444, #222222); background-image: -o-linear-gradient(top, #444444, #222222); background-image: linear-gradient(to bottom, #444444, #222222); background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0); border-color: #222222 #222222 #000000; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0); - filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); -} + *background-color: #222222; + /* Darken IE7 buttons by default so they stand out more given they won't have borders */ + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); +} .btn-inverse:hover, +.btn-inverse:focus, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, @@ -3499,272 +2966,231 @@ input[type="button"].btn-block { background-color: #222222; *background-color: #151515; } - .btn-inverse:active, .btn-inverse.active { background-color: #080808 \9; } - button.btn, input[type="submit"].btn { *padding-top: 3px; *padding-bottom: 3px; } - button.btn::-moz-focus-inner, input[type="submit"].btn::-moz-focus-inner { padding: 0; border: 0; } - button.btn.btn-large, input[type="submit"].btn.btn-large { *padding-top: 7px; *padding-bottom: 7px; } - button.btn.btn-small, input[type="submit"].btn.btn-small { *padding-top: 3px; *padding-bottom: 3px; } - button.btn.btn-mini, input[type="submit"].btn.btn-mini { *padding-top: 1px; *padding-bottom: 1px; } - .btn-link, .btn-link:active, .btn-link[disabled] { background-color: transparent; background-image: none; -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; } - .btn-link { - color: #0088cc; - cursor: pointer; border-color: transparent; + cursor: pointer; + color: #0088cc; -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; } - -.btn-link:hover { +.btn-link:hover, +.btn-link:focus { color: #005580; text-decoration: underline; background-color: transparent; } - -.btn-link[disabled]:hover { +.btn-link[disabled]:hover, +.btn-link[disabled]:focus { color: #333333; text-decoration: none; } - .btn-group { position: relative; display: inline-block; *display: inline; - *margin-left: .3em; + /* IE7 inline-block hack */ + + *zoom: 1; font-size: 0; - white-space: nowrap; vertical-align: middle; - *zoom: 1; + white-space: nowrap; + *margin-left: .3em; } - .btn-group:first-child { *margin-left: 0; } - .btn-group + .btn-group { margin-left: 5px; } - .btn-toolbar { + font-size: 0; margin-top: 10px; margin-bottom: 10px; - font-size: 0; } - .btn-toolbar > .btn + .btn, .btn-toolbar > .btn-group + .btn, .btn-toolbar > .btn + .btn-group { margin-left: 5px; } - .btn-group > .btn { position: relative; -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; } - .btn-group > .btn + .btn { margin-left: -1px; } - .btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover { font-size: 14px; } - .btn-group > .btn-mini { font-size: 10.5px; } - .btn-group > .btn-small { font-size: 11.9px; } - .btn-group > .btn-large { font-size: 17.5px; } - .btn-group > .btn:first-child { margin-left: 0; - -webkit-border-bottom-left-radius: 4px; - border-bottom-left-radius: 4px; -webkit-border-top-left-radius: 4px; - border-top-left-radius: 4px; - -moz-border-radius-bottomleft: 4px; -moz-border-radius-topleft: 4px; + border-top-left-radius: 4px; + -webkit-border-bottom-left-radius: 4px; + -moz-border-radius-bottomleft: 4px; + border-bottom-left-radius: 4px; } - .btn-group > .btn:last-child, .btn-group > .dropdown-toggle { -webkit-border-top-right-radius: 4px; - border-top-right-radius: 4px; - -webkit-border-bottom-right-radius: 4px; - border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; + border-top-right-radius: 4px; + -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; + border-bottom-right-radius: 4px; } - .btn-group > .btn.large:first-child { margin-left: 0; - -webkit-border-bottom-left-radius: 6px; - border-bottom-left-radius: 6px; -webkit-border-top-left-radius: 6px; - border-top-left-radius: 6px; - -moz-border-radius-bottomleft: 6px; -moz-border-radius-topleft: 6px; + border-top-left-radius: 6px; + -webkit-border-bottom-left-radius: 6px; + -moz-border-radius-bottomleft: 6px; + border-bottom-left-radius: 6px; } - .btn-group > .btn.large:last-child, .btn-group > .large.dropdown-toggle { -webkit-border-top-right-radius: 6px; - border-top-right-radius: 6px; - -webkit-border-bottom-right-radius: 6px; - border-bottom-right-radius: 6px; -moz-border-radius-topright: 6px; + border-top-right-radius: 6px; + -webkit-border-bottom-right-radius: 6px; -moz-border-radius-bottomright: 6px; + border-bottom-right-radius: 6px; } - .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active { z-index: 2; } - .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } - .btn-group > .btn + .dropdown-toggle { - *padding-top: 5px; + padding-left: 8px; padding-right: 8px; + -webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); + -moz-box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); + box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); + *padding-top: 5px; *padding-bottom: 5px; - padding-left: 8px; - -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); - -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); - box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); } - .btn-group > .btn-mini + .dropdown-toggle { - *padding-top: 2px; + padding-left: 5px; padding-right: 5px; + *padding-top: 2px; *padding-bottom: 2px; - padding-left: 5px; } - .btn-group > .btn-small + .dropdown-toggle { *padding-top: 5px; *padding-bottom: 4px; } - .btn-group > .btn-large + .dropdown-toggle { - *padding-top: 7px; + padding-left: 12px; padding-right: 12px; + *padding-top: 7px; *padding-bottom: 7px; - padding-left: 12px; } - .btn-group.open .dropdown-toggle { background-image: none; - -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); - -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); + -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); + -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); + box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); } - .btn-group.open .btn.dropdown-toggle { background-color: #e6e6e6; } - .btn-group.open .btn-primary.dropdown-toggle { background-color: #0044cc; } - .btn-group.open .btn-warning.dropdown-toggle { background-color: #f89406; } - .btn-group.open .btn-danger.dropdown-toggle { background-color: #bd362f; } - .btn-group.open .btn-success.dropdown-toggle { background-color: #51a351; } - .btn-group.open .btn-info.dropdown-toggle { background-color: #2f96b4; } - .btn-group.open .btn-inverse.dropdown-toggle { background-color: #222222; } - .btn .caret { margin-top: 8px; margin-left: 0; } - .btn-large .caret { margin-top: 6px; } - .btn-large .caret { - border-top-width: 5px; - border-right-width: 5px; border-left-width: 5px; + border-right-width: 5px; + border-top-width: 5px; } - .btn-mini .caret, .btn-small .caret { margin-top: 8px; } - .dropup .btn-large .caret { border-bottom-width: 5px; } - .btn-primary .caret, .btn-warning .caret, .btn-danger .caret, @@ -3774,7 +3200,6 @@ input[type="submit"].btn.btn-mini { border-top-color: #ffffff; border-bottom-color: #ffffff; } - .btn-group-vertical { display: inline-block; *display: inline; @@ -3782,45 +3207,38 @@ input[type="submit"].btn.btn-mini { *zoom: 1; } - .btn-group-vertical > .btn { display: block; float: none; max-width: 100%; -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; } - .btn-group-vertical > .btn + .btn { - margin-top: -1px; margin-left: 0; + margin-top: -1px; } - .btn-group-vertical > .btn:first-child { -webkit-border-radius: 4px 4px 0 0; - -moz-border-radius: 4px 4px 0 0; - border-radius: 4px 4px 0 0; + -moz-border-radius: 4px 4px 0 0; + border-radius: 4px 4px 0 0; } - .btn-group-vertical > .btn:last-child { -webkit-border-radius: 0 0 4px 4px; - -moz-border-radius: 0 0 4px 4px; - border-radius: 0 0 4px 4px; + -moz-border-radius: 0 0 4px 4px; + border-radius: 0 0 4px 4px; } - .btn-group-vertical > .btn-large:first-child { -webkit-border-radius: 6px 6px 0 0; - -moz-border-radius: 6px 6px 0 0; - border-radius: 6px 6px 0 0; + -moz-border-radius: 6px 6px 0 0; + border-radius: 6px 6px 0 0; } - .btn-group-vertical > .btn-large:last-child { -webkit-border-radius: 0 0 6px 6px; - -moz-border-radius: 0 0 6px 6px; - border-radius: 0 0 6px 6px; + -moz-border-radius: 0 0 6px 6px; + border-radius: 0 0 6px 6px; } - .alert { padding: 8px 35px 8px 14px; margin-bottom: 20px; @@ -3828,95 +3246,78 @@ input[type="submit"].btn.btn-mini { background-color: #fcf8e3; border: 1px solid #fbeed5; -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; } - .alert, .alert h4 { color: #c09853; } - .alert h4 { margin: 0; } - .alert .close { position: relative; top: -2px; right: -21px; line-height: 20px; } - .alert-success { - color: #468847; background-color: #dff0d8; border-color: #d6e9c6; + color: #468847; } - .alert-success h4 { color: #468847; } - .alert-danger, .alert-error { - color: #b94a48; background-color: #f2dede; border-color: #eed3d7; + color: #b94a48; } - .alert-danger h4, .alert-error h4 { color: #b94a48; } - .alert-info { - color: #3a87ad; background-color: #d9edf7; border-color: #bce8f1; + color: #3a87ad; } - .alert-info h4 { color: #3a87ad; } - .alert-block { padding-top: 14px; padding-bottom: 14px; } - .alert-block > p, .alert-block > ul { margin-bottom: 0; } - .alert-block p + p { margin-top: 5px; } - .nav { - margin-bottom: 20px; margin-left: 0; + margin-bottom: 20px; list-style: none; } - .nav > li > a { display: block; } - -.nav > li > a:hover { +.nav > li > a:hover, +.nav > li > a:focus { text-decoration: none; background-color: #eeeeee; } - .nav > li > a > img { max-width: none; } - .nav > .pull-right { float: right; } - .nav-header { display: block; padding: 3px 15px; @@ -3927,40 +3328,34 @@ input[type="submit"].btn.btn-mini { text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); text-transform: uppercase; } - .nav li + .nav-header { margin-top: 9px; } - .nav-list { - padding-right: 15px; padding-left: 15px; + padding-right: 15px; margin-bottom: 0; } - .nav-list > li > a, .nav-list .nav-header { - margin-right: -15px; margin-left: -15px; + margin-right: -15px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); } - .nav-list > li > a { padding: 3px 15px; } - .nav-list > .active > a, -.nav-list > .active > a:hover { +.nav-list > .active > a:hover, +.nav-list > .active > a:focus { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); background-color: #0088cc; } - .nav-list [class^="icon-"], .nav-list [class*=" icon-"] { margin-right: 2px; } - .nav-list .divider { *width: 100%; height: 1px; @@ -3970,31 +3365,26 @@ input[type="submit"].btn.btn-mini { background-color: #e5e5e5; border-bottom: 1px solid #ffffff; } - .nav-tabs, .nav-pills { *zoom: 1; } - .nav-tabs:before, .nav-pills:before, .nav-tabs:after, .nav-pills:after { display: table; - line-height: 0; content: ""; + line-height: 0; } - .nav-tabs:after, .nav-pills:after { clear: both; } - .nav-tabs > li, .nav-pills > li { float: left; } - .nav-tabs > li > a, .nav-pills > li > a { padding-right: 12px; @@ -4002,307 +3392,269 @@ input[type="submit"].btn.btn-mini { margin-right: 2px; line-height: 14px; } - .nav-tabs { border-bottom: 1px solid #ddd; } - .nav-tabs > li { margin-bottom: -1px; } - .nav-tabs > li > a { padding-top: 8px; padding-bottom: 8px; line-height: 20px; border: 1px solid transparent; -webkit-border-radius: 4px 4px 0 0; - -moz-border-radius: 4px 4px 0 0; - border-radius: 4px 4px 0 0; + -moz-border-radius: 4px 4px 0 0; + border-radius: 4px 4px 0 0; } - -.nav-tabs > li > a:hover { +.nav-tabs > li > a:hover, +.nav-tabs > li > a:focus { border-color: #eeeeee #eeeeee #dddddd; } - .nav-tabs > .active > a, -.nav-tabs > .active > a:hover { +.nav-tabs > .active > a:hover, +.nav-tabs > .active > a:focus { color: #555555; - cursor: default; background-color: #ffffff; border: 1px solid #ddd; border-bottom-color: transparent; + cursor: default; } - .nav-pills > li > a { padding-top: 8px; padding-bottom: 8px; margin-top: 2px; margin-bottom: 2px; -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; } - .nav-pills > .active > a, -.nav-pills > .active > a:hover { +.nav-pills > .active > a:hover, +.nav-pills > .active > a:focus { color: #ffffff; background-color: #0088cc; } - .nav-stacked > li { float: none; } - .nav-stacked > li > a { margin-right: 0; } - .nav-tabs.nav-stacked { border-bottom: 0; } - .nav-tabs.nav-stacked > li > a { border: 1px solid #ddd; -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; } - .nav-tabs.nav-stacked > li:first-child > a { -webkit-border-top-right-radius: 4px; - border-top-right-radius: 4px; - -webkit-border-top-left-radius: 4px; - border-top-left-radius: 4px; -moz-border-radius-topright: 4px; + border-top-right-radius: 4px; + -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; + border-top-left-radius: 4px; } - .nav-tabs.nav-stacked > li:last-child > a { -webkit-border-bottom-right-radius: 4px; - border-bottom-right-radius: 4px; - -webkit-border-bottom-left-radius: 4px; - border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; + border-bottom-right-radius: 4px; + -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; + border-bottom-left-radius: 4px; } - -.nav-tabs.nav-stacked > li > a:hover { - z-index: 2; +.nav-tabs.nav-stacked > li > a:hover, +.nav-tabs.nav-stacked > li > a:focus { border-color: #ddd; + z-index: 2; } - .nav-pills.nav-stacked > li > a { margin-bottom: 3px; } - .nav-pills.nav-stacked > li:last-child > a { margin-bottom: 1px; } - .nav-tabs .dropdown-menu { -webkit-border-radius: 0 0 6px 6px; - -moz-border-radius: 0 0 6px 6px; - border-radius: 0 0 6px 6px; + -moz-border-radius: 0 0 6px 6px; + border-radius: 0 0 6px 6px; } - .nav-pills .dropdown-menu { -webkit-border-radius: 6px; - -moz-border-radius: 6px; - border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; } - .nav .dropdown-toggle .caret { - margin-top: 6px; border-top-color: #0088cc; border-bottom-color: #0088cc; + margin-top: 6px; } - -.nav .dropdown-toggle:hover .caret { +.nav .dropdown-toggle:hover .caret, +.nav .dropdown-toggle:focus .caret { border-top-color: #005580; border-bottom-color: #005580; } - /* move down carets for tabs */ - .nav-tabs .dropdown-toggle .caret { margin-top: 8px; } - .nav .active .dropdown-toggle .caret { border-top-color: #fff; border-bottom-color: #fff; } - .nav-tabs .active .dropdown-toggle .caret { border-top-color: #555555; border-bottom-color: #555555; } - -.nav > .dropdown.active > a:hover { +.nav > .dropdown.active > a:hover, +.nav > .dropdown.active > a:focus { cursor: pointer; } - .nav-tabs .open .dropdown-toggle, .nav-pills .open .dropdown-toggle, -.nav > li.dropdown.open.active > a:hover { +.nav > li.dropdown.open.active > a:hover, +.nav > li.dropdown.open.active > a:focus { color: #ffffff; background-color: #999999; border-color: #999999; } - .nav li.dropdown.open .caret, .nav li.dropdown.open.active .caret, -.nav li.dropdown.open a:hover .caret { +.nav li.dropdown.open a:hover .caret, +.nav li.dropdown.open a:focus .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; opacity: 1; filter: alpha(opacity=100); } - -.tabs-stacked .open > a:hover { +.tabs-stacked .open > a:hover, +.tabs-stacked .open > a:focus { border-color: #999999; } - .tabbable { *zoom: 1; } - .tabbable:before, .tabbable:after { display: table; - line-height: 0; content: ""; + line-height: 0; } - .tabbable:after { clear: both; } - .tab-content { overflow: auto; } - .tabs-below > .nav-tabs, .tabs-right > .nav-tabs, .tabs-left > .nav-tabs { border-bottom: 0; } - .tab-content > .tab-pane, .pill-content > .pill-pane { display: none; } - .tab-content > .active, .pill-content > .active { display: block; } - .tabs-below > .nav-tabs { border-top: 1px solid #ddd; } - .tabs-below > .nav-tabs > li { margin-top: -1px; margin-bottom: 0; } - .tabs-below > .nav-tabs > li > a { -webkit-border-radius: 0 0 4px 4px; - -moz-border-radius: 0 0 4px 4px; - border-radius: 0 0 4px 4px; + -moz-border-radius: 0 0 4px 4px; + border-radius: 0 0 4px 4px; } - -.tabs-below > .nav-tabs > li > a:hover { - border-top-color: #ddd; +.tabs-below > .nav-tabs > li > a:hover, +.tabs-below > .nav-tabs > li > a:focus { border-bottom-color: transparent; + border-top-color: #ddd; } - .tabs-below > .nav-tabs > .active > a, -.tabs-below > .nav-tabs > .active > a:hover { +.tabs-below > .nav-tabs > .active > a:hover, +.tabs-below > .nav-tabs > .active > a:focus { border-color: transparent #ddd #ddd #ddd; } - .tabs-left > .nav-tabs > li, .tabs-right > .nav-tabs > li { float: none; } - .tabs-left > .nav-tabs > li > a, .tabs-right > .nav-tabs > li > a { min-width: 74px; margin-right: 0; margin-bottom: 3px; } - .tabs-left > .nav-tabs { float: left; margin-right: 19px; border-right: 1px solid #ddd; } - .tabs-left > .nav-tabs > li > a { margin-right: -1px; -webkit-border-radius: 4px 0 0 4px; - -moz-border-radius: 4px 0 0 4px; - border-radius: 4px 0 0 4px; + -moz-border-radius: 4px 0 0 4px; + border-radius: 4px 0 0 4px; } - -.tabs-left > .nav-tabs > li > a:hover { +.tabs-left > .nav-tabs > li > a:hover, +.tabs-left > .nav-tabs > li > a:focus { border-color: #eeeeee #dddddd #eeeeee #eeeeee; } - .tabs-left > .nav-tabs .active > a, -.tabs-left > .nav-tabs .active > a:hover { +.tabs-left > .nav-tabs .active > a:hover, +.tabs-left > .nav-tabs .active > a:focus { border-color: #ddd transparent #ddd #ddd; *border-right-color: #ffffff; } - .tabs-right > .nav-tabs { float: right; margin-left: 19px; border-left: 1px solid #ddd; } - .tabs-right > .nav-tabs > li > a { margin-left: -1px; -webkit-border-radius: 0 4px 4px 0; - -moz-border-radius: 0 4px 4px 0; - border-radius: 0 4px 4px 0; + -moz-border-radius: 0 4px 4px 0; + border-radius: 0 4px 4px 0; } - -.tabs-right > .nav-tabs > li > a:hover { +.tabs-right > .nav-tabs > li > a:hover, +.tabs-right > .nav-tabs > li > a:focus { border-color: #eeeeee #eeeeee #eeeeee #dddddd; } - .tabs-right > .nav-tabs .active > a, -.tabs-right > .nav-tabs .active > a:hover { +.tabs-right > .nav-tabs .active > a:hover, +.tabs-right > .nav-tabs .active > a:focus { border-color: #ddd #ddd #ddd transparent; *border-left-color: #ffffff; } - .nav > .disabled > a { color: #999999; } - -.nav > .disabled > a:hover { +.nav > .disabled > a:hover, +.nav > .disabled > a:focus { text-decoration: none; - cursor: default; background-color: transparent; + cursor: default; } - .navbar { + overflow: visible; + margin-bottom: 20px; *position: relative; *z-index: 2; - margin-bottom: 20px; - overflow: visible; } - .navbar-inner { min-height: 40px; - padding-right: 20px; padding-left: 20px; + padding-right: 20px; background-color: #fafafa; background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2)); @@ -4310,40 +3662,35 @@ input[type="submit"].btn.btn-mini { background-image: -o-linear-gradient(top, #ffffff, #f2f2f2); background-image: linear-gradient(to bottom, #ffffff, #f2f2f2); background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0); border: 1px solid #d4d4d4; -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0); - *zoom: 1; + -moz-border-radius: 4px; + border-radius: 4px; -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); - -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); - box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); + -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); + box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); + *zoom: 1; } - .navbar-inner:before, .navbar-inner:after { display: table; - line-height: 0; content: ""; + line-height: 0; } - .navbar-inner:after { clear: both; } - .navbar .container { width: auto; } - .nav-collapse.collapse { height: auto; overflow: visible; } - .navbar .brand { - display: block; float: left; + display: block; padding: 10px 20px 10px; margin-left: -20px; font-size: 20px; @@ -4351,120 +3698,102 @@ input[type="submit"].btn.btn-mini { color: #777777; text-shadow: 0 1px 0 #ffffff; } - -.navbar .brand:hover { +.navbar .brand:hover, +.navbar .brand:focus { text-decoration: none; } - .navbar-text { margin-bottom: 0; line-height: 40px; color: #777777; } - .navbar-link { color: #777777; } - -.navbar-link:hover { +.navbar-link:hover, +.navbar-link:focus { color: #333333; } - .navbar .divider-vertical { height: 40px; margin: 0 9px; - border-right: 1px solid #ffffff; border-left: 1px solid #f2f2f2; + border-right: 1px solid #ffffff; } - .navbar .btn, .navbar .btn-group { margin-top: 5px; } - .navbar .btn-group .btn, .navbar .input-prepend .btn, .navbar .input-append .btn { margin-top: 0; } - .navbar-form { margin-bottom: 0; *zoom: 1; } - .navbar-form:before, .navbar-form:after { display: table; - line-height: 0; content: ""; + line-height: 0; } - .navbar-form:after { clear: both; } - .navbar-form input, .navbar-form select, .navbar-form .radio, .navbar-form .checkbox { margin-top: 5px; } - .navbar-form input, .navbar-form select, .navbar-form .btn { display: inline-block; margin-bottom: 0; } - .navbar-form input[type="image"], .navbar-form input[type="checkbox"], .navbar-form input[type="radio"] { margin-top: 3px; } - .navbar-form .input-append, .navbar-form .input-prepend { margin-top: 5px; white-space: nowrap; } - .navbar-form .input-append input, .navbar-form .input-prepend input { margin-top: 0; } - .navbar-search { position: relative; float: left; margin-top: 5px; margin-bottom: 0; } - .navbar-search .search-query { - padding: 4px 14px; margin-bottom: 0; + padding: 4px 14px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; font-weight: normal; line-height: 1; -webkit-border-radius: 15px; - -moz-border-radius: 15px; - border-radius: 15px; + -moz-border-radius: 15px; + border-radius: 15px; } - .navbar-static-top { position: static; margin-bottom: 0; } - .navbar-static-top .navbar-inner { -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; } - .navbar-fixed-top, .navbar-fixed-bottom { position: fixed; @@ -4473,52 +3802,43 @@ input[type="submit"].btn.btn-mini { z-index: 1030; margin-bottom: 0; } - .navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner { border-width: 0 0 1px; } - .navbar-fixed-bottom .navbar-inner { border-width: 1px 0 0; } - .navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner { - padding-right: 0; padding-left: 0; + padding-right: 0; -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; } - .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 940px; } - .navbar-fixed-top { top: 0; } - .navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner { - -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); - -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); - box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); + -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.1); + -moz-box-shadow: 0 1px 10px rgba(0,0,0,.1); + box-shadow: 0 1px 10px rgba(0,0,0,.1); } - .navbar-fixed-bottom { bottom: 0; } - .navbar-fixed-bottom .navbar-inner { - -webkit-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1); - -moz-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1); - box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1); + -webkit-box-shadow: 0 -1px 10px rgba(0,0,0,.1); + -moz-box-shadow: 0 -1px 10px rgba(0,0,0,.1); + box-shadow: 0 -1px 10px rgba(0,0,0,.1); } - .navbar .nav { position: relative; left: 0; @@ -4526,16 +3846,13 @@ input[type="submit"].btn.btn-mini { float: left; margin: 0 10px 0 0; } - .navbar .nav.pull-right { float: right; margin-right: 0; } - .navbar .nav > li { float: left; } - .navbar .nav > li > a { float: none; padding: 10px 15px 10px; @@ -4543,18 +3860,15 @@ input[type="submit"].btn.btn-mini { text-decoration: none; text-shadow: 0 1px 0 #ffffff; } - .navbar .nav .dropdown-toggle .caret { margin-top: 8px; } - .navbar .nav > li > a:focus, .navbar .nav > li > a:hover { + background-color: transparent; color: #333333; text-decoration: none; - background-color: transparent; } - .navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus { @@ -4562,36 +3876,37 @@ input[type="submit"].btn.btn-mini { text-decoration: none; background-color: #e5e5e5; -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); - -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); - box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); + -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); } - .navbar .btn-navbar { display: none; float: right; padding: 7px 10px; - margin-right: 5px; margin-left: 5px; + margin-right: 5px; color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #ededed; - *background-color: #e5e5e5; background-image: -moz-linear-gradient(top, #f2f2f2, #e5e5e5); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#e5e5e5)); background-image: -webkit-linear-gradient(top, #f2f2f2, #e5e5e5); background-image: -o-linear-gradient(top, #f2f2f2, #e5e5e5); background-image: linear-gradient(to bottom, #f2f2f2, #e5e5e5); background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffe5e5e5', GradientType=0); border-color: #e5e5e5 #e5e5e5 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffe5e5e5', GradientType=0); - filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); - -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075); - -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075); - box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075); -} + *background-color: #e5e5e5; + /* Darken IE7 buttons by default so they stand out more given they won't have borders */ + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); + -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075); + -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075); + box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075); +} .navbar .btn-navbar:hover, +.navbar .btn-navbar:focus, .navbar .btn-navbar:active, .navbar .btn-navbar.active, .navbar .btn-navbar.disabled, @@ -4600,120 +3915,105 @@ input[type="submit"].btn.btn-mini { background-color: #e5e5e5; *background-color: #d9d9d9; } - .navbar .btn-navbar:active, .navbar .btn-navbar.active { background-color: #cccccc \9; } - .navbar .btn-navbar .icon-bar { display: block; width: 18px; height: 2px; background-color: #f5f5f5; -webkit-border-radius: 1px; - -moz-border-radius: 1px; - border-radius: 1px; + -moz-border-radius: 1px; + border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); - -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); - box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); + -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); + box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); } - .btn-navbar .icon-bar + .icon-bar { margin-top: 3px; } - .navbar .nav > li > .dropdown-menu:before { - position: absolute; - top: -7px; - left: 9px; + content: ''; display: inline-block; + border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; - border-left: 7px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.2); - content: ''; + position: absolute; + top: -7px; + left: 9px; } - .navbar .nav > li > .dropdown-menu:after { - position: absolute; - top: -6px; - left: 10px; + content: ''; display: inline-block; + border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #ffffff; - border-left: 6px solid transparent; - content: ''; + position: absolute; + top: -6px; + left: 10px; } - .navbar-fixed-bottom .nav > li > .dropdown-menu:before { - top: auto; - bottom: -7px; border-top: 7px solid #ccc; - border-bottom: 0; border-top-color: rgba(0, 0, 0, 0.2); + border-bottom: 0; + bottom: -7px; + top: auto; } - .navbar-fixed-bottom .nav > li > .dropdown-menu:after { - top: auto; - bottom: -6px; border-top: 6px solid #ffffff; border-bottom: 0; + bottom: -6px; + top: auto; } - -.navbar .nav li.dropdown > a:hover .caret { +.navbar .nav li.dropdown > a:hover .caret, +.navbar .nav li.dropdown > a:focus .caret { border-top-color: #555555; border-bottom-color: #555555; } - .navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle { - color: #555555; background-color: #e5e5e5; + color: #555555; } - .navbar .nav li.dropdown > .dropdown-toggle .caret { border-top-color: #777777; border-bottom-color: #777777; } - .navbar .nav li.dropdown.open > .dropdown-toggle .caret, .navbar .nav li.dropdown.active > .dropdown-toggle .caret, .navbar .nav li.dropdown.open.active > .dropdown-toggle .caret { border-top-color: #555555; border-bottom-color: #555555; } - .navbar .pull-right > li > .dropdown-menu, .navbar .nav > li > .dropdown-menu.pull-right { - right: 0; left: auto; + right: 0; } - .navbar .pull-right > li > .dropdown-menu:before, .navbar .nav > li > .dropdown-menu.pull-right:before { - right: 12px; left: auto; + right: 12px; } - .navbar .pull-right > li > .dropdown-menu:after, .navbar .nav > li > .dropdown-menu.pull-right:after { - right: 13px; left: auto; + right: 13px; } - .navbar .pull-right > li > .dropdown-menu .dropdown-menu, .navbar .nav > li > .dropdown-menu.pull-right .dropdown-menu { - right: 100%; left: auto; - margin-right: -1px; + right: 100%; margin-left: 0; + margin-right: -1px; -webkit-border-radius: 6px 0 6px 6px; - -moz-border-radius: 6px 0 6px 6px; - border-radius: 6px 0 6px 6px; + -moz-border-radius: 6px 0 6px 6px; + border-radius: 6px 0 6px 6px; } - .navbar-inverse .navbar-inner { background-color: #1b1b1b; background-image: -moz-linear-gradient(top, #222222, #111111); @@ -4722,104 +4022,90 @@ input[type="submit"].btn.btn-mini { background-image: -o-linear-gradient(top, #222222, #111111); background-image: linear-gradient(to bottom, #222222, #111111); background-repeat: repeat-x; - border-color: #252525; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0); + border-color: #252525; } - .navbar-inverse .brand, .navbar-inverse .nav > li > a { color: #999999; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } - .navbar-inverse .brand:hover, -.navbar-inverse .nav > li > a:hover { +.navbar-inverse .nav > li > a:hover, +.navbar-inverse .brand:focus, +.navbar-inverse .nav > li > a:focus { color: #ffffff; } - .navbar-inverse .brand { color: #999999; } - .navbar-inverse .navbar-text { color: #999999; } - .navbar-inverse .nav > li > a:focus, .navbar-inverse .nav > li > a:hover { - color: #ffffff; background-color: transparent; + color: #ffffff; } - .navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus { color: #ffffff; background-color: #111111; } - .navbar-inverse .navbar-link { color: #999999; } - -.navbar-inverse .navbar-link:hover { +.navbar-inverse .navbar-link:hover, +.navbar-inverse .navbar-link:focus { color: #ffffff; } - .navbar-inverse .divider-vertical { - border-right-color: #222222; border-left-color: #111111; + border-right-color: #222222; } - .navbar-inverse .nav li.dropdown.open > .dropdown-toggle, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle, .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle { - color: #ffffff; background-color: #111111; + color: #ffffff; } - -.navbar-inverse .nav li.dropdown > a:hover .caret { +.navbar-inverse .nav li.dropdown > a:hover .caret, +.navbar-inverse .nav li.dropdown > a:focus .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; } - .navbar-inverse .nav li.dropdown > .dropdown-toggle .caret { border-top-color: #999999; border-bottom-color: #999999; } - .navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret, .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; } - .navbar-inverse .navbar-search .search-query { color: #ffffff; background-color: #515151; border-color: #111111; - -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15); - -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15); - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15); + -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15); + -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15); + box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15); -webkit-transition: none; - -moz-transition: none; - -o-transition: none; - transition: none; + -moz-transition: none; + -o-transition: none; + transition: none; } - .navbar-inverse .navbar-search .search-query:-moz-placeholder { color: #cccccc; } - .navbar-inverse .navbar-search .search-query:-ms-input-placeholder { color: #cccccc; } - .navbar-inverse .navbar-search .search-query::-webkit-input-placeholder { color: #cccccc; } - .navbar-inverse .navbar-search .search-query:focus, .navbar-inverse .navbar-search .search-query.focused { padding: 5px 15px; @@ -4827,30 +4113,31 @@ input[type="submit"].btn.btn-mini { text-shadow: 0 1px 0 #ffffff; background-color: #ffffff; border: 0; - outline: 0; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); - -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); - box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); + -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); + box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); + outline: 0; } - .navbar-inverse .btn-navbar { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #0e0e0e; - *background-color: #040404; background-image: -moz-linear-gradient(top, #151515, #040404); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#151515), to(#040404)); background-image: -webkit-linear-gradient(top, #151515, #040404); background-image: -o-linear-gradient(top, #151515, #040404); background-image: linear-gradient(to bottom, #151515, #040404); background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff151515', endColorstr='#ff040404', GradientType=0); border-color: #040404 #040404 #000000; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff151515', endColorstr='#ff040404', GradientType=0); - filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); -} + *background-color: #040404; + /* Darken IE7 buttons by default so they stand out more given they won't have borders */ + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); +} .navbar-inverse .btn-navbar:hover, +.navbar-inverse .btn-navbar:focus, .navbar-inverse .btn-navbar:active, .navbar-inverse .btn-navbar.active, .navbar-inverse .btn-navbar.disabled, @@ -4859,60 +4146,55 @@ input[type="submit"].btn.btn-mini { background-color: #040404; *background-color: #000000; } - .navbar-inverse .btn-navbar:active, .navbar-inverse .btn-navbar.active { background-color: #000000 \9; } - .breadcrumb { padding: 8px 15px; margin: 0 0 20px; list-style: none; background-color: #f5f5f5; -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; } - .breadcrumb > li { display: inline-block; *display: inline; - text-shadow: 0 1px 0 #ffffff; + /* IE7 inline-block hack */ + *zoom: 1; + text-shadow: 0 1px 0 #ffffff; } - .breadcrumb > li > .divider { padding: 0 5px; color: #ccc; } - .breadcrumb > .active { color: #999999; } - .pagination { margin: 20px 0; } - .pagination ul { display: inline-block; *display: inline; - margin-bottom: 0; + /* IE7 inline-block hack */ + + *zoom: 1; margin-left: 0; + margin-bottom: 0; -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; - *zoom: 1; + -moz-border-radius: 4px; + border-radius: 4px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); - -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); + -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); } - .pagination ul > li { display: inline; } - .pagination ul > li > a, .pagination ul > li > span { float: left; @@ -4923,140 +4205,123 @@ input[type="submit"].btn.btn-mini { border: 1px solid #dddddd; border-left-width: 0; } - .pagination ul > li > a:hover, +.pagination ul > li > a:focus, .pagination ul > .active > a, .pagination ul > .active > span { background-color: #f5f5f5; } - .pagination ul > .active > a, .pagination ul > .active > span { color: #999999; cursor: default; } - .pagination ul > .disabled > span, .pagination ul > .disabled > a, -.pagination ul > .disabled > a:hover { +.pagination ul > .disabled > a:hover, +.pagination ul > .disabled > a:focus { color: #999999; - cursor: default; background-color: transparent; + cursor: default; } - .pagination ul > li:first-child > a, .pagination ul > li:first-child > span { border-left-width: 1px; - -webkit-border-bottom-left-radius: 4px; - border-bottom-left-radius: 4px; -webkit-border-top-left-radius: 4px; - border-top-left-radius: 4px; - -moz-border-radius-bottomleft: 4px; -moz-border-radius-topleft: 4px; + border-top-left-radius: 4px; + -webkit-border-bottom-left-radius: 4px; + -moz-border-radius-bottomleft: 4px; + border-bottom-left-radius: 4px; } - .pagination ul > li:last-child > a, .pagination ul > li:last-child > span { -webkit-border-top-right-radius: 4px; - border-top-right-radius: 4px; - -webkit-border-bottom-right-radius: 4px; - border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; + border-top-right-radius: 4px; + -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; + border-bottom-right-radius: 4px; } - .pagination-centered { text-align: center; } - .pagination-right { text-align: right; } - .pagination-large ul > li > a, .pagination-large ul > li > span { padding: 11px 19px; font-size: 17.5px; } - .pagination-large ul > li:first-child > a, .pagination-large ul > li:first-child > span { - -webkit-border-bottom-left-radius: 6px; - border-bottom-left-radius: 6px; -webkit-border-top-left-radius: 6px; - border-top-left-radius: 6px; - -moz-border-radius-bottomleft: 6px; -moz-border-radius-topleft: 6px; + border-top-left-radius: 6px; + -webkit-border-bottom-left-radius: 6px; + -moz-border-radius-bottomleft: 6px; + border-bottom-left-radius: 6px; } - .pagination-large ul > li:last-child > a, .pagination-large ul > li:last-child > span { -webkit-border-top-right-radius: 6px; - border-top-right-radius: 6px; - -webkit-border-bottom-right-radius: 6px; - border-bottom-right-radius: 6px; -moz-border-radius-topright: 6px; + border-top-right-radius: 6px; + -webkit-border-bottom-right-radius: 6px; -moz-border-radius-bottomright: 6px; + border-bottom-right-radius: 6px; } - .pagination-mini ul > li:first-child > a, .pagination-small ul > li:first-child > a, .pagination-mini ul > li:first-child > span, .pagination-small ul > li:first-child > span { - -webkit-border-bottom-left-radius: 3px; - border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; - border-top-left-radius: 3px; - -moz-border-radius-bottomleft: 3px; -moz-border-radius-topleft: 3px; + border-top-left-radius: 3px; + -webkit-border-bottom-left-radius: 3px; + -moz-border-radius-bottomleft: 3px; + border-bottom-left-radius: 3px; } - .pagination-mini ul > li:last-child > a, .pagination-small ul > li:last-child > a, .pagination-mini ul > li:last-child > span, .pagination-small ul > li:last-child > span { -webkit-border-top-right-radius: 3px; - border-top-right-radius: 3px; - -webkit-border-bottom-right-radius: 3px; - border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; + border-top-right-radius: 3px; + -webkit-border-bottom-right-radius: 3px; -moz-border-radius-bottomright: 3px; + border-bottom-right-radius: 3px; } - .pagination-small ul > li > a, .pagination-small ul > li > span { padding: 2px 10px; font-size: 11.9px; } - .pagination-mini ul > li > a, .pagination-mini ul > li > span { padding: 0 6px; font-size: 10.5px; } - .pager { margin: 20px 0; - text-align: center; list-style: none; + text-align: center; *zoom: 1; } - .pager:before, .pager:after { display: table; - line-height: 0; content: ""; + line-height: 0; } - .pager:after { clear: both; } - .pager li { display: inline; } - .pager li > a, .pager li > span { display: inline-block; @@ -5064,33 +4329,30 @@ input[type="submit"].btn.btn-mini { background-color: #fff; border: 1px solid #ddd; -webkit-border-radius: 15px; - -moz-border-radius: 15px; - border-radius: 15px; + -moz-border-radius: 15px; + border-radius: 15px; } - -.pager li > a:hover { +.pager li > a:hover, +.pager li > a:focus { text-decoration: none; background-color: #f5f5f5; } - .pager .next > a, .pager .next > span { float: right; } - .pager .previous > a, .pager .previous > span { float: left; } - .pager .disabled > a, .pager .disabled > a:hover, +.pager .disabled > a:focus, .pager .disabled > span { color: #999999; - cursor: default; background-color: #fff; + cursor: default; } - .modal-backdrop { position: fixed; top: 0; @@ -5100,17 +4362,14 @@ input[type="submit"].btn.btn-mini { z-index: 1040; background-color: #000000; } - .modal-backdrop.fade { opacity: 0; } - .modal-backdrop, .modal-backdrop.fade.in { opacity: 0.8; filter: alpha(opacity=80); } - .modal { position: fixed; top: 10%; @@ -5122,55 +4381,49 @@ input[type="submit"].btn.btn-mini { border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.3); *border: 1px solid #999; + /* IE6-7 */ + -webkit-border-radius: 6px; - -moz-border-radius: 6px; - border-radius: 6px; - outline: none; + -moz-border-radius: 6px; + border-radius: 6px; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); - -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); - box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); + -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); + box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -webkit-background-clip: padding-box; - -moz-background-clip: padding-box; - background-clip: padding-box; + -moz-background-clip: padding-box; + background-clip: padding-box; + outline: none; } - .modal.fade { + -webkit-transition: opacity .3s linear, top .3s ease-out; + -moz-transition: opacity .3s linear, top .3s ease-out; + -o-transition: opacity .3s linear, top .3s ease-out; + transition: opacity .3s linear, top .3s ease-out; top: -25%; - -webkit-transition: opacity 0.3s linear, top 0.3s ease-out; - -moz-transition: opacity 0.3s linear, top 0.3s ease-out; - -o-transition: opacity 0.3s linear, top 0.3s ease-out; - transition: opacity 0.3s linear, top 0.3s ease-out; } - .modal.fade.in { top: 10%; } - .modal-header { padding: 9px 15px; border-bottom: 1px solid #eee; } - .modal-header .close { margin-top: 2px; } - .modal-header h3 { margin: 0; line-height: 30px; } - .modal-body { position: relative; + overflow-y: auto; max-height: 400px; padding: 15px; - overflow-y: auto; } - .modal-form { margin-bottom: 0; } - .modal-footer { padding: 14px 15px 15px; margin-bottom: 0; @@ -5178,71 +4431,59 @@ input[type="submit"].btn.btn-mini { background-color: #f5f5f5; border-top: 1px solid #ddd; -webkit-border-radius: 0 0 6px 6px; - -moz-border-radius: 0 0 6px 6px; - border-radius: 0 0 6px 6px; - *zoom: 1; + -moz-border-radius: 0 0 6px 6px; + border-radius: 0 0 6px 6px; -webkit-box-shadow: inset 0 1px 0 #ffffff; - -moz-box-shadow: inset 0 1px 0 #ffffff; - box-shadow: inset 0 1px 0 #ffffff; + -moz-box-shadow: inset 0 1px 0 #ffffff; + box-shadow: inset 0 1px 0 #ffffff; + *zoom: 1; } - .modal-footer:before, .modal-footer:after { display: table; - line-height: 0; content: ""; + line-height: 0; } - .modal-footer:after { clear: both; } - .modal-footer .btn + .btn { - margin-bottom: 0; margin-left: 5px; + margin-bottom: 0; } - .modal-footer .btn-group .btn + .btn { margin-left: -1px; } - .modal-footer .btn-block + .btn-block { margin-left: 0; } - .tooltip { position: absolute; z-index: 1030; display: block; + visibility: visible; padding: 5px; font-size: 11px; line-height: 1.4; opacity: 0; filter: alpha(opacity=0); - visibility: visible; } - .tooltip.in { opacity: 0.8; filter: alpha(opacity=80); } - .tooltip.top { margin-top: -3px; } - .tooltip.right { margin-left: 3px; } - .tooltip.bottom { margin-top: 3px; } - .tooltip.left { margin-left: -3px; } - .tooltip-inner { max-width: 200px; padding: 8px; @@ -5251,10 +4492,9 @@ input[type="submit"].btn.btn-mini { text-decoration: none; background-color: #000000; -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; } - .tooltip-arrow { position: absolute; width: 0; @@ -5262,39 +4502,34 @@ input[type="submit"].btn.btn-mini { border-color: transparent; border-style: solid; } - .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; - border-top-color: #000000; border-width: 5px 5px 0; + border-top-color: #000000; } - .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; - border-right-color: #000000; border-width: 5px 5px 5px 0; + border-right-color: #000000; } - .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; - border-left-color: #000000; border-width: 5px 0 5px 5px; + border-left-color: #000000; } - .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; - border-bottom-color: #000000; border-width: 0 5px 5px; + border-bottom-color: #000000; } - .popover { position: absolute; top: 0; @@ -5304,58 +4539,50 @@ input[type="submit"].btn.btn-mini { max-width: 276px; padding: 1px; text-align: left; - white-space: normal; background-color: #ffffff; + -webkit-background-clip: padding-box; + -moz-background-clip: padding; + background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-border-radius: 6px; - -moz-border-radius: 6px; - border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); - -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); - box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); - -webkit-background-clip: padding-box; - -moz-background-clip: padding; - background-clip: padding-box; + -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + white-space: normal; } - .popover.top { margin-top: -10px; } - .popover.right { margin-left: 10px; } - .popover.bottom { margin-top: 10px; } - .popover.left { margin-left: -10px; } - .popover-title { - padding: 8px 14px; margin: 0; + padding: 8px 14px; font-size: 14px; font-weight: normal; line-height: 18px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + border-radius: 5px 5px 0 0; } - .popover-title:empty { display: none; } - .popover-content { padding: 9px 14px; } - .popover .arrow, .popover .arrow:after { position: absolute; @@ -5365,180 +4592,153 @@ input[type="submit"].btn.btn-mini { border-color: transparent; border-style: solid; } - .popover .arrow { border-width: 11px; } - .popover .arrow:after { border-width: 10px; content: ""; } - .popover.top .arrow { - bottom: -11px; left: 50%; margin-left: -11px; + border-bottom-width: 0; border-top-color: #999; border-top-color: rgba(0, 0, 0, 0.25); - border-bottom-width: 0; + bottom: -11px; } - .popover.top .arrow:after { bottom: 1px; margin-left: -10px; - border-top-color: #ffffff; border-bottom-width: 0; + border-top-color: #ffffff; } - .popover.right .arrow { top: 50%; left: -11px; margin-top: -11px; + border-left-width: 0; border-right-color: #999; border-right-color: rgba(0, 0, 0, 0.25); - border-left-width: 0; } - .popover.right .arrow:after { - bottom: -10px; left: 1px; - border-right-color: #ffffff; + bottom: -10px; border-left-width: 0; + border-right-color: #ffffff; } - .popover.bottom .arrow { - top: -11px; left: 50%; margin-left: -11px; + border-top-width: 0; border-bottom-color: #999; border-bottom-color: rgba(0, 0, 0, 0.25); - border-top-width: 0; + top: -11px; } - .popover.bottom .arrow:after { top: 1px; margin-left: -10px; - border-bottom-color: #ffffff; border-top-width: 0; + border-bottom-color: #ffffff; } - .popover.left .arrow { top: 50%; right: -11px; margin-top: -11px; + border-right-width: 0; border-left-color: #999; border-left-color: rgba(0, 0, 0, 0.25); - border-right-width: 0; } - .popover.left .arrow:after { right: 1px; - bottom: -10px; - border-left-color: #ffffff; border-right-width: 0; + border-left-color: #ffffff; + bottom: -10px; } - .thumbnails { margin-left: -20px; list-style: none; *zoom: 1; } - .thumbnails:before, .thumbnails:after { display: table; - line-height: 0; content: ""; + line-height: 0; } - .thumbnails:after { clear: both; } - .row-fluid .thumbnails { margin-left: 0; } - .thumbnails > li { float: left; margin-bottom: 20px; margin-left: 20px; } - .thumbnail { display: block; padding: 4px; line-height: 20px; border: 1px solid #ddd; -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); - -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); + -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; + -moz-transition: all 0.2s ease-in-out; + -o-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; } - -a.thumbnail:hover { +a.thumbnail:hover, +a.thumbnail:focus { border-color: #0088cc; -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); - -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); - box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); + -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); + box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); } - .thumbnail > img { display: block; max-width: 100%; - margin-right: auto; margin-left: auto; + margin-right: auto; } - .thumbnail .caption { padding: 9px; color: #555555; } - .media, .media-body { overflow: hidden; *overflow: visible; zoom: 1; } - .media, .media .media { margin-top: 15px; } - .media:first-child { margin-top: 0; } - .media-object { display: block; } - .media-heading { margin: 0 0 5px; } - .media > .pull-left { margin-right: 10px; } - .media > .pull-right { margin-left: 10px; } - .media-list { margin-left: 0; list-style: none; } - .label, .badge { display: inline-block; @@ -5547,99 +4747,84 @@ a.thumbnail:hover { font-weight: bold; line-height: 14px; color: #ffffff; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - white-space: nowrap; vertical-align: baseline; + white-space: nowrap; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #999999; } - .label { -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; } - .badge { - padding-right: 9px; padding-left: 9px; + padding-right: 9px; -webkit-border-radius: 9px; - -moz-border-radius: 9px; - border-radius: 9px; + -moz-border-radius: 9px; + border-radius: 9px; } - .label:empty, .badge:empty { display: none; } - a.label:hover, -a.badge:hover { +a.label:focus, +a.badge:hover, +a.badge:focus { color: #ffffff; text-decoration: none; cursor: pointer; } - .label-important, .badge-important { background-color: #b94a48; } - .label-important[href], .badge-important[href] { background-color: #953b39; } - .label-warning, .badge-warning { background-color: #f89406; } - .label-warning[href], .badge-warning[href] { background-color: #c67605; } - .label-success, .badge-success { background-color: #468847; } - .label-success[href], .badge-success[href] { background-color: #356635; } - .label-info, .badge-info { background-color: #3a87ad; } - .label-info[href], .badge-info[href] { background-color: #2d6987; } - .label-inverse, .badge-inverse { background-color: #333333; } - .label-inverse[href], .badge-inverse[href] { background-color: #1a1a1a; } - .btn .label, .btn .badge { position: relative; top: -1px; } - .btn-mini .label, .btn-mini .badge { top: 0; } - @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; @@ -5648,7 +4833,6 @@ a.badge:hover { background-position: 0 0; } } - @-moz-keyframes progress-bar-stripes { from { background-position: 40px 0; @@ -5657,7 +4841,6 @@ a.badge:hover { background-position: 0 0; } } - @-ms-keyframes progress-bar-stripes { from { background-position: 40px 0; @@ -5666,7 +4849,6 @@ a.badge:hover { background-position: 0 0; } } - @-o-keyframes progress-bar-stripes { from { background-position: 0 0; @@ -5675,7 +4857,6 @@ a.badge:hover { background-position: 40px 0; } } - @keyframes progress-bar-stripes { from { background-position: 40px 0; @@ -5684,11 +4865,10 @@ a.badge:hover { background-position: 0 0; } } - .progress { + overflow: hidden; height: 20px; margin-bottom: 20px; - overflow: hidden; background-color: #f7f7f7; background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9)); @@ -5696,21 +4876,20 @@ a.badge:hover { background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9); background-repeat: repeat-x; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; } - .progress .bar { - float: left; - width: 0; + width: 0%; height: 100%; - font-size: 12px; color: #ffffff; + float: left; + font-size: 12px; text-align: center; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #0e90d2; @@ -5722,23 +4901,21 @@ a.badge:hover { background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0); -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); - -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); + -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; -webkit-transition: width 0.6s ease; - -moz-transition: width 0.6s ease; - -o-transition: width 0.6s ease; - transition: width 0.6s ease; + -moz-transition: width 0.6s ease; + -o-transition: width 0.6s ease; + transition: width 0.6s ease; } - .progress .bar + .bar { - -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15); - -moz-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15); - box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15); + -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15); + -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15); + box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15); } - .progress-striped .bar { background-color: #149bdf; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); @@ -5747,19 +4924,17 @@ a.badge:hover { background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 40px 40px; - -moz-background-size: 40px 40px; - -o-background-size: 40px 40px; - background-size: 40px 40px; + -moz-background-size: 40px 40px; + -o-background-size: 40px 40px; + background-size: 40px 40px; } - .progress.active .bar { -webkit-animation: progress-bar-stripes 2s linear infinite; - -moz-animation: progress-bar-stripes 2s linear infinite; - -ms-animation: progress-bar-stripes 2s linear infinite; - -o-animation: progress-bar-stripes 2s linear infinite; - animation: progress-bar-stripes 2s linear infinite; + -moz-animation: progress-bar-stripes 2s linear infinite; + -ms-animation: progress-bar-stripes 2s linear infinite; + -o-animation: progress-bar-stripes 2s linear infinite; + animation: progress-bar-stripes 2s linear infinite; } - .progress-danger .bar, .progress .bar-danger { background-color: #dd514c; @@ -5771,7 +4946,6 @@ a.badge:hover { background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0); } - .progress-danger.progress-striped .bar, .progress-striped .bar-danger { background-color: #ee5f5b; @@ -5781,7 +4955,6 @@ a.badge:hover { background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } - .progress-success .bar, .progress .bar-success { background-color: #5eb95e; @@ -5793,7 +4966,6 @@ a.badge:hover { background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0); } - .progress-success.progress-striped .bar, .progress-striped .bar-success { background-color: #62c462; @@ -5803,7 +4975,6 @@ a.badge:hover { background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } - .progress-info .bar, .progress .bar-info { background-color: #4bb1cf; @@ -5815,7 +4986,6 @@ a.badge:hover { background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0); } - .progress-info.progress-striped .bar, .progress-striped .bar-info { background-color: #5bc0de; @@ -5825,7 +4995,6 @@ a.badge:hover { background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } - .progress-warning .bar, .progress .bar-warning { background-color: #faa732; @@ -5837,7 +5006,6 @@ a.badge:hover { background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0); } - .progress-warning.progress-striped .bar, .progress-striped .bar-warning { background-color: #fbb450; @@ -5847,101 +5015,82 @@ a.badge:hover { background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } - .accordion { margin-bottom: 20px; } - .accordion-group { margin-bottom: 2px; border: 1px solid #e5e5e5; -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; } - .accordion-heading { border-bottom: 0; } - .accordion-heading .accordion-toggle { display: block; padding: 8px 15px; } - .accordion-toggle { cursor: pointer; } - .accordion-inner { padding: 9px 15px; border-top: 1px solid #e5e5e5; } - .carousel { position: relative; margin-bottom: 20px; line-height: 1; } - .carousel-inner { - position: relative; - width: 100%; overflow: hidden; + width: 100%; + position: relative; } - .carousel-inner > .item { - position: relative; display: none; + position: relative; -webkit-transition: 0.6s ease-in-out left; - -moz-transition: 0.6s ease-in-out left; - -o-transition: 0.6s ease-in-out left; - transition: 0.6s ease-in-out left; + -moz-transition: 0.6s ease-in-out left; + -o-transition: 0.6s ease-in-out left; + transition: 0.6s ease-in-out left; } - .carousel-inner > .item > img { display: block; line-height: 1; } - .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; } - .carousel-inner > .active { left: 0; } - .carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } - .carousel-inner > .next { left: 100%; } - .carousel-inner > .prev { left: -100%; } - .carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; } - .carousel-inner > .active.left { left: -100%; } - .carousel-inner > .active.right { left: 100%; } - .carousel-control { position: absolute; top: 40%; @@ -5957,24 +5106,22 @@ a.badge:hover { background: #222222; border: 3px solid #ffffff; -webkit-border-radius: 23px; - -moz-border-radius: 23px; - border-radius: 23px; + -moz-border-radius: 23px; + border-radius: 23px; opacity: 0.5; filter: alpha(opacity=50); } - .carousel-control.right { - right: 15px; left: auto; + right: 15px; } - -.carousel-control:hover { +.carousel-control:hover, +.carousel-control:focus { color: #ffffff; text-decoration: none; opacity: 0.9; filter: alpha(opacity=90); } - .carousel-indicators { position: absolute; top: 15px; @@ -5983,7 +5130,6 @@ a.badge:hover { margin: 0; list-style: none; } - .carousel-indicators li { display: block; float: left; @@ -5995,35 +5141,29 @@ a.badge:hover { background-color: rgba(255, 255, 255, 0.25); border-radius: 5px; } - .carousel-indicators .active { background-color: #fff; } - .carousel-caption { position: absolute; + left: 0; right: 0; bottom: 0; - left: 0; padding: 15px; background: #333333; background: rgba(0, 0, 0, 0.75); } - .carousel-caption h4, .carousel-caption p { - line-height: 20px; color: #ffffff; + line-height: 20px; } - .carousel-caption h4 { margin: 0 0 5px; } - .carousel-caption p { margin-bottom: 0; } - .hero-unit { padding: 60px; margin-bottom: 30px; @@ -6033,42 +5173,34 @@ a.badge:hover { color: inherit; background-color: #eeeeee; -webkit-border-radius: 6px; - -moz-border-radius: 6px; - border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; } - .hero-unit h1 { margin-bottom: 0; font-size: 60px; line-height: 1; - letter-spacing: -1px; color: inherit; + letter-spacing: -1px; } - .hero-unit li { line-height: 30px; } - .pull-right { float: right; } - .pull-left { float: left; } - .hide { display: none; } - .show { display: block; } - .invisible { visibility: hidden; } - .affix { position: fixed; } -- cgit v1.2.3 From 91dd77939b4183fa86973056778ad87950674410 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 9 Jan 2013 18:56:08 -0800 Subject: Add text alignment utility classes --- docs/assets/css/bootstrap.css | 12 ++++++++++++ 1 file changed, 12 insertions(+) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index fcc8a8c10..3f7434cbd 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -510,6 +510,18 @@ a.text-success:hover { color: #356635; } +.text-left { + text-align: left; +} + +.text-right { + text-align: right; +} + +.text-center { + text-align: center; +} + h1, h2, h3, -- cgit v1.2.3 From b9b5cd786d2e774f478704c9aa942f35ac5d2a0c Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 11 Jan 2013 20:23:37 -0800 Subject: Fixes #6555: remove .controls-row from responsive --- docs/assets/css/bootstrap.css | 3 --- 1 file changed, 3 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 3f7434cbd..b296eeeb4 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -5132,9 +5132,6 @@ a.badge:hover { display: inline-block; width: auto; } - .controls-row [class*="span"] + [class*="span"] { - margin-left: 0; - } .modal { position: fixed; top: 20px; -- cgit v1.2.3 From 7626cc629ff165f84601ad7c35b64e0b30f491f1 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 11 Jan 2013 20:26:48 -0800 Subject: Remove overflow: auto; from .tab-content --- docs/assets/css/bootstrap.css | 4 ---- 1 file changed, 4 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index b296eeeb4..944292719 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3177,10 +3177,6 @@ fieldset[disabled] .btn-link:hover { clear: both; } -.tab-content { - overflow: auto; -} - .tab-content > .tab-pane, .pill-content > .pill-pane { display: none; -- cgit v1.2.3 From 77c68e4bc2862321fbe9c1cfac4d9ab34d2a8073 Mon Sep 17 00:00:00 2001 From: "Patrick H. Lauke" Date: Sat, 12 Jan 2013 11:02:13 +0000 Subject: Cleaned up dirty CSS Used recess rather than less --- docs/assets/css/bootstrap.css | 2071 +++++++++++++++++++++++++++++------------ 1 file changed, 1499 insertions(+), 572 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 45b2b1ecf..23982903d 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -7,18 +7,22 @@ * * 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: ""; line-height: 0; + content: ""; } + .clearfix:after { clear: both; } + .hide-text { font: 0/0 a; color: transparent; @@ -26,14 +30,16 @@ background-color: transparent; border: 0; } + .input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } + article, aside, details, @@ -46,6 +52,7 @@ nav, section { display: block; } + audio, canvas, video { @@ -53,23 +60,28 @@ video { *display: inline; *zoom: 1; } + audio:not([controls]) { display: none; } + html { font-size: 100%; -webkit-text-size-adjust: 100%; - -ms-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; } + a:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } + a:hover, a:active { outline: 0; } + sub, sup { position: relative; @@ -77,32 +89,29 @@ sup { line-height: 0; vertical-align: baseline; } + sup { top: -0.5em; } + sub { bottom: -0.25em; } -img { - /* Responsive images (ensure images don't scale beyond their parents) */ - - max-width: 100%; - /* Part 1: Set a maxium relative to the parent */ +img { width: auto\9; - /* IE7-8 need help adjusting responsive images */ - height: auto; - /* Part 2: Scale the height according to the width, otherwise you get stretching */ - + max-width: 100%; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; } + #map_canvas img, .google-maps img { max-width: none; } + button, input, select, @@ -111,23 +120,27 @@ textarea { font-size: 100%; vertical-align: middle; } + button, input { *overflow: visible; line-height: normal; } + button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } + button, html input[type="button"], input[type="reset"], input[type="submit"] { - -webkit-appearance: button; cursor: pointer; + -webkit-appearance: button; } + label, select, button, @@ -138,24 +151,28 @@ input[type="radio"], input[type="checkbox"] { cursor: pointer; } + input[type="search"] { -webkit-box-sizing: content-box; - -moz-box-sizing: content-box; - box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; -webkit-appearance: textfield; } + input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } + textarea { overflow: auto; vertical-align: top; } + @media print { * { - text-shadow: none !important; color: #000 !important; + text-shadow: none !important; background: transparent !important; box-shadow: none !important; } @@ -203,6 +220,7 @@ textarea { page-break-after: avoid; } } + body { margin: 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; @@ -211,396 +229,497 @@ body { color: #333333; background-color: #ffffff; } + a { color: #0088cc; text-decoration: none; } + a:hover, a:focus { color: #005580; text-decoration: underline; } + .img-rounded { -webkit-border-radius: 6px; - -moz-border-radius: 6px; - border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; } + .img-polaroid { padding: 4px; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); - -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } + .img-circle { -webkit-border-radius: 500px; - -moz-border-radius: 500px; - border-radius: 500px; + -moz-border-radius: 500px; + border-radius: 500px; } + .row { margin-left: -20px; *zoom: 1; } + .row:before, .row:after { display: table; - content: ""; line-height: 0; + content: ""; } + .row:after { clear: both; } + [class*="span"] { float: left; min-height: 1px; margin-left: 20px; } + .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 940px; } + .span12 { width: 940px; } + .span11 { width: 860px; } + .span10 { width: 780px; } + .span9 { width: 700px; } + .span8 { width: 620px; } + .span7 { width: 540px; } + .span6 { width: 460px; } + .span5 { width: 380px; } + .span4 { width: 300px; } + .span3 { width: 220px; } + .span2 { width: 140px; } + .span1 { width: 60px; } + .offset12 { margin-left: 980px; } + .offset11 { margin-left: 900px; } + .offset10 { margin-left: 820px; } + .offset9 { margin-left: 740px; } + .offset8 { margin-left: 660px; } + .offset7 { margin-left: 580px; } + .offset6 { margin-left: 500px; } + .offset5 { margin-left: 420px; } + .offset4 { margin-left: 340px; } + .offset3 { margin-left: 260px; } + .offset2 { margin-left: 180px; } + .offset1 { margin-left: 100px; } + .row-fluid { width: 100%; *zoom: 1; } + .row-fluid:before, .row-fluid:after { display: table; - content: ""; line-height: 0; + content: ""; } + .row-fluid:after { clear: both; } + .row-fluid [class*="span"] { display: block; + float: left; width: 100%; min-height: 30px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - float: left; margin-left: 2.127659574468085%; *margin-left: 2.074468085106383%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } + .row-fluid [class*="span"]:first-child { margin-left: 0; } + .row-fluid .controls-row [class*="span"] + [class*="span"] { margin-left: 2.127659574468085%; } + .row-fluid .span12 { width: 100%; *width: 99.94680851063829%; } + .row-fluid .span11 { width: 91.48936170212765%; *width: 91.43617021276594%; } + .row-fluid .span10 { width: 82.97872340425532%; *width: 82.92553191489361%; } + .row-fluid .span9 { width: 74.46808510638297%; *width: 74.41489361702126%; } + .row-fluid .span8 { width: 65.95744680851064%; *width: 65.90425531914893%; } + .row-fluid .span7 { width: 57.44680851063829%; *width: 57.39361702127659%; } + .row-fluid .span6 { width: 48.93617021276595%; *width: 48.88297872340425%; } + .row-fluid .span5 { width: 40.42553191489362%; *width: 40.37234042553192%; } + .row-fluid .span4 { width: 31.914893617021278%; *width: 31.861702127659576%; } + .row-fluid .span3 { width: 23.404255319148934%; *width: 23.351063829787233%; } + .row-fluid .span2 { width: 14.893617021276595%; *width: 14.840425531914894%; } + .row-fluid .span1 { width: 6.382978723404255%; *width: 6.329787234042553%; } + .row-fluid .offset12 { margin-left: 104.25531914893617%; *margin-left: 104.14893617021275%; } + .row-fluid .offset12:first-child { margin-left: 102.12765957446808%; *margin-left: 102.02127659574467%; } + .row-fluid .offset11 { margin-left: 95.74468085106382%; *margin-left: 95.6382978723404%; } + .row-fluid .offset11:first-child { margin-left: 93.61702127659574%; *margin-left: 93.51063829787232%; } + .row-fluid .offset10 { margin-left: 87.23404255319149%; *margin-left: 87.12765957446807%; } + .row-fluid .offset10:first-child { margin-left: 85.1063829787234%; *margin-left: 84.99999999999999%; } + .row-fluid .offset9 { margin-left: 78.72340425531914%; *margin-left: 78.61702127659572%; } + .row-fluid .offset9:first-child { margin-left: 76.59574468085106%; *margin-left: 76.48936170212764%; } + .row-fluid .offset8 { margin-left: 70.2127659574468%; *margin-left: 70.10638297872339%; } + .row-fluid .offset8:first-child { margin-left: 68.08510638297872%; *margin-left: 67.9787234042553%; } + .row-fluid .offset7 { margin-left: 61.70212765957446%; *margin-left: 61.59574468085106%; } + .row-fluid .offset7:first-child { margin-left: 59.574468085106375%; *margin-left: 59.46808510638297%; } + .row-fluid .offset6 { margin-left: 53.191489361702125%; *margin-left: 53.085106382978715%; } + .row-fluid .offset6:first-child { margin-left: 51.063829787234035%; *margin-left: 50.95744680851063%; } + .row-fluid .offset5 { margin-left: 44.68085106382979%; *margin-left: 44.57446808510638%; } + .row-fluid .offset5:first-child { margin-left: 42.5531914893617%; *margin-left: 42.4468085106383%; } + .row-fluid .offset4 { margin-left: 36.170212765957444%; *margin-left: 36.06382978723405%; } + .row-fluid .offset4:first-child { margin-left: 34.04255319148936%; *margin-left: 33.93617021276596%; } + .row-fluid .offset3 { margin-left: 27.659574468085104%; *margin-left: 27.5531914893617%; } + .row-fluid .offset3:first-child { margin-left: 25.53191489361702%; *margin-left: 25.425531914893618%; } + .row-fluid .offset2 { margin-left: 19.148936170212764%; *margin-left: 19.04255319148936%; } + .row-fluid .offset2:first-child { margin-left: 17.02127659574468%; *margin-left: 16.914893617021278%; } + .row-fluid .offset1 { margin-left: 10.638297872340425%; *margin-left: 10.53191489361702%; } + .row-fluid .offset1:first-child { margin-left: 8.51063829787234%; *margin-left: 8.404255319148938%; } + [class*="span"].hide, .row-fluid [class*="span"].hide { display: none; } + [class*="span"].pull-right, .row-fluid [class*="span"].pull-right { float: right; } + .container { margin-right: auto; margin-left: auto; *zoom: 1; } + .container:before, .container:after { display: table; - content: ""; line-height: 0; + content: ""; } + .container:after { clear: both; } + .container-fluid { padding-right: 20px; padding-left: 20px; *zoom: 1; } + .container-fluid:before, .container-fluid:after { display: table; - content: ""; line-height: 0; + content: ""; } + .container-fluid:after { clear: both; } + p { margin: 0 0 10px; } + .lead { margin-bottom: 20px; font-size: 21px; font-weight: 200; line-height: 30px; } + small { font-size: 85%; } + strong { font-weight: bold; } + em { font-style: italic; } + cite { font-style: normal; } + .muted { color: #999999; } + a.muted:hover, a.muted:focus { color: #808080; } + .text-warning { color: #c09853; } + a.text-warning:hover, a.text-warning:focus { color: #a47e3c; } + .text-error { color: #b94a48; } + a.text-error:hover, a.text-error:focus { color: #953b39; } + .text-info { color: #3a87ad; } + a.text-info:hover, a.text-info:focus { color: #2d6987; } + .text-success { color: #468847; } + a.text-success:hover, a.text-success:focus { color: #356635; } + h1, h2, h3, @@ -614,6 +733,7 @@ h6 { color: inherit; text-rendering: optimizelegibility; } + h1 small, h2 small, h3 small, @@ -624,147 +744,182 @@ h6 small { line-height: 1; color: #999999; } + h1, h2, h3 { line-height: 40px; } + h1 { font-size: 38.5px; } + h2 { font-size: 31.5px; } + h3 { font-size: 24.5px; } + h4 { font-size: 17.5px; } + h5 { font-size: 14px; } + h6 { font-size: 11.9px; } + h1 small { font-size: 24.5px; } + h2 small { font-size: 17.5px; } + h3 small { font-size: 14px; } + h4 small { font-size: 14px; } + .page-header { padding-bottom: 9px; margin: 20px 0 30px; border-bottom: 1px solid #eeeeee; } + ul, ol { padding: 0; margin: 0 0 10px 25px; } + ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; } + li { line-height: 20px; } + ul.unstyled, ol.unstyled { margin-left: 0; list-style: none; } + ul.inline, ol.inline { margin-left: 0; list-style: none; } + ul.inline > li, ol.inline > li { display: inline-block; - padding-left: 5px; padding-right: 5px; + padding-left: 5px; } + dl { margin-bottom: 20px; } + dt, dd { line-height: 20px; } + dt { font-weight: bold; } + dd { margin-left: 10px; } + .dl-horizontal { *zoom: 1; } + .dl-horizontal:before, .dl-horizontal:after { display: table; - content: ""; line-height: 0; + content: ""; } + .dl-horizontal:after { clear: both; } + .dl-horizontal dt { float: left; width: 160px; + overflow: hidden; clear: left; text-align: right; - overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } + .dl-horizontal dd { margin-left: 180px; } + hr { margin: 20px 0; border: 0; border-top: 1px solid #eeeeee; border-bottom: 1px solid #ffffff; } + abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #999999; } + abbr.initialism { font-size: 90%; text-transform: uppercase; } + blockquote { padding: 0 0 0 15px; margin: 0 0 20px; border-left: 5px solid #eeeeee; } + blockquote p { margin-bottom: 0; font-size: 16px; font-weight: 300; line-height: 25px; } + blockquote small { display: block; line-height: 20px; color: #999999; } + blockquote small:before { content: '\2014 \00A0'; } + blockquote.pull-right { float: right; padding-right: 15px; @@ -772,28 +927,34 @@ blockquote.pull-right { border-right: 5px solid #eeeeee; border-left: 0; } + blockquote.pull-right p, blockquote.pull-right small { text-align: right; } + blockquote.pull-right small:before { content: ''; } + blockquote.pull-right small:after { content: '\00A0 \2014'; } + q:before, q:after, blockquote:before, blockquote:after { content: ""; } + address { display: block; margin-bottom: 20px; font-style: normal; line-height: 20px; } + code, pre { padding: 0 3px 2px; @@ -801,16 +962,18 @@ pre { font-size: 12px; color: #333333; -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; } + code { padding: 2px 4px; color: #d14; + white-space: nowrap; background-color: #f7f7f9; border: 1px solid #e1e1e8; - white-space: nowrap; } + pre { display: block; padding: 9.5px; @@ -825,12 +988,14 @@ pre { border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; } + pre.prettyprint { margin-bottom: 20px; } + pre code { padding: 0; color: inherit; @@ -839,18 +1004,22 @@ pre code { background-color: transparent; border: 0; } + .pre-scrollable { max-height: 340px; overflow-y: scroll; } + form { margin: 0 0 20px; } + fieldset { padding: 0; margin: 0; border: 0; } + legend { display: block; width: 100%; @@ -862,10 +1031,12 @@ legend { border: 0; border-bottom: 1px solid #e5e5e5; } + legend small { font-size: 15px; color: #999999; } + label, input, button, @@ -875,16 +1046,19 @@ textarea { font-weight: normal; line-height: 20px; } + input, button, select, textarea { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } + label { display: block; margin-bottom: 5px; } + select, textarea, input[type="text"], @@ -909,19 +1083,22 @@ input[type="color"], font-size: 14px; line-height: 20px; color: #555555; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; vertical-align: middle; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; } + input, textarea, .uneditable-input { width: 206px; } + textarea { height: auto; } + textarea, input[type="text"], input[type="password"], @@ -941,13 +1118,14 @@ input[type="color"], background-color: #ffffff; border: 1px solid #cccccc; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -webkit-transition: border linear .2s, box-shadow linear .2s; - -moz-transition: border linear .2s, box-shadow linear .2s; - -o-transition: border linear .2s, box-shadow linear .2s; - transition: border linear .2s, box-shadow linear .2s; + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; + -moz-transition: border linear 0.2s, box-shadow linear 0.2s; + -o-transition: border linear 0.2s, box-shadow linear 0.2s; + transition: border linear 0.2s, box-shadow linear 0.2s; } + textarea:focus, input[type="text"]:focus, input[type="password"]:focus, @@ -969,21 +1147,19 @@ input[type="color"]:focus, outline: thin dotted \9; /* IE6-9 */ - -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); - -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); - box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6); + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); } + input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; - *margin-top: 0; - /* IE7 */ - margin-top: 1px \9; - /* IE8-9 */ - + *margin-top: 0; line-height: normal; } + input[type="file"], input[type="image"], input[type="submit"], @@ -993,6 +1169,7 @@ input[type="radio"], input[type="checkbox"] { width: auto; } + select, input[type="file"] { height: 30px; @@ -1003,15 +1180,18 @@ input[type="file"] { line-height: 30px; } + select { width: 220px; - border: 1px solid #cccccc; background-color: #ffffff; + border: 1px solid #cccccc; } + select[multiple], select[size] { height: auto; } + select:focus, input[type="file"]:focus, input[type="radio"]:focus, @@ -1020,50 +1200,60 @@ input[type="checkbox"]:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } + .uneditable-input, .uneditable-textarea { color: #999999; + cursor: not-allowed; background-color: #fcfcfc; border-color: #cccccc; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); - -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); - cursor: not-allowed; + -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); } + .uneditable-input { overflow: hidden; white-space: nowrap; } + .uneditable-textarea { width: auto; height: auto; } + input:-moz-placeholder, textarea:-moz-placeholder { color: #999999; } + input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #999999; } + input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #999999; } + .radio, .checkbox { min-height: 20px; padding-left: 20px; } + .radio input[type="radio"], .checkbox input[type="checkbox"] { float: left; margin-left: -20px; } + .controls > .radio:first-child, .controls > .checkbox:first-child { padding-top: 5px; } + .radio.inline, .checkbox.inline { display: inline-block; @@ -1071,28 +1261,36 @@ textarea::-webkit-input-placeholder { margin-bottom: 0; vertical-align: middle; } + .radio.inline + .radio.inline, .checkbox.inline + .checkbox.inline { margin-left: 10px; } + .input-mini { width: 60px; } + .input-small { width: 90px; } + .input-medium { width: 150px; } + .input-large { width: 210px; } + .input-xlarge { width: 270px; } + .input-xxlarge { width: 530px; } + input[class*="span"], select[class*="span"], textarea[class*="span"], @@ -1104,6 +1302,7 @@ textarea[class*="span"], float: none; margin-left: 0; } + .input-append input[class*="span"], .input-append .uneditable-input[class*="span"], .input-prepend input[class*="span"], @@ -1116,70 +1315,114 @@ textarea[class*="span"], .row-fluid .input-append [class*="span"] { display: inline-block; } + input, textarea, .uneditable-input { margin-left: 0; } + .controls-row [class*="span"] + [class*="span"] { margin-left: 20px; } -input.span12, textarea.span12, .uneditable-input.span12 { + +input.span12, +textarea.span12, +.uneditable-input.span12 { width: 926px; } -input.span11, textarea.span11, .uneditable-input.span11 { + +input.span11, +textarea.span11, +.uneditable-input.span11 { width: 846px; } -input.span10, textarea.span10, .uneditable-input.span10 { + +input.span10, +textarea.span10, +.uneditable-input.span10 { width: 766px; } -input.span9, textarea.span9, .uneditable-input.span9 { + +input.span9, +textarea.span9, +.uneditable-input.span9 { width: 686px; } -input.span8, textarea.span8, .uneditable-input.span8 { + +input.span8, +textarea.span8, +.uneditable-input.span8 { width: 606px; } -input.span7, textarea.span7, .uneditable-input.span7 { + +input.span7, +textarea.span7, +.uneditable-input.span7 { width: 526px; } -input.span6, textarea.span6, .uneditable-input.span6 { + +input.span6, +textarea.span6, +.uneditable-input.span6 { width: 446px; } -input.span5, textarea.span5, .uneditable-input.span5 { + +input.span5, +textarea.span5, +.uneditable-input.span5 { width: 366px; } -input.span4, textarea.span4, .uneditable-input.span4 { + +input.span4, +textarea.span4, +.uneditable-input.span4 { width: 286px; } -input.span3, textarea.span3, .uneditable-input.span3 { + +input.span3, +textarea.span3, +.uneditable-input.span3 { width: 206px; } -input.span2, textarea.span2, .uneditable-input.span2 { + +input.span2, +textarea.span2, +.uneditable-input.span2 { width: 126px; } -input.span1, textarea.span1, .uneditable-input.span1 { + +input.span1, +textarea.span1, +.uneditable-input.span1 { width: 46px; } + .controls-row { *zoom: 1; } + .controls-row:before, .controls-row:after { display: table; - content: ""; line-height: 0; + content: ""; } + .controls-row:after { clear: both; } + .controls-row [class*="span"], .row-fluid .controls-row [class*="span"] { float: left; } + .controls-row .checkbox[class*="span"], .controls-row .radio[class*="span"] { padding-top: 5px; } + input[disabled], select[disabled], textarea[disabled], @@ -1189,17 +1432,20 @@ textarea[readonly] { cursor: not-allowed; background-color: #eeeeee; } + input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"][readonly], input[type="checkbox"][readonly] { background-color: transparent; } + .control-group.warning .control-label, .control-group.warning .help-block, .control-group.warning .help-inline { color: #c09853; } + .control-group.warning .checkbox, .control-group.warning .radio, .control-group.warning input, @@ -1207,33 +1453,38 @@ input[type="checkbox"][readonly] { .control-group.warning textarea { color: #c09853; } + .control-group.warning input, .control-group.warning select, .control-group.warning textarea { border-color: #c09853; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } + .control-group.warning input:focus, .control-group.warning select:focus, .control-group.warning textarea:focus { border-color: #a47e3c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; - -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; } + .control-group.warning .input-prepend .add-on, .control-group.warning .input-append .add-on { color: #c09853; background-color: #fcf8e3; border-color: #c09853; } + .control-group.error .control-label, .control-group.error .help-block, .control-group.error .help-inline { color: #b94a48; } + .control-group.error .checkbox, .control-group.error .radio, .control-group.error input, @@ -1241,33 +1492,38 @@ input[type="checkbox"][readonly] { .control-group.error textarea { color: #b94a48; } + .control-group.error input, .control-group.error select, .control-group.error textarea { border-color: #b94a48; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } + .control-group.error input:focus, .control-group.error select:focus, .control-group.error textarea:focus { border-color: #953b39; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; - -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; } + .control-group.error .input-prepend .add-on, .control-group.error .input-append .add-on { color: #b94a48; background-color: #f2dede; border-color: #b94a48; } + .control-group.success .control-label, .control-group.success .help-block, .control-group.success .help-inline { color: #468847; } + .control-group.success .checkbox, .control-group.success .radio, .control-group.success input, @@ -1275,33 +1531,38 @@ input[type="checkbox"][readonly] { .control-group.success textarea { color: #468847; } + .control-group.success input, .control-group.success select, .control-group.success textarea { border-color: #468847; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } + .control-group.success input:focus, .control-group.success select:focus, .control-group.success textarea:focus { border-color: #356635; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; - -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; } + .control-group.success .input-prepend .add-on, .control-group.success .input-append .add-on { color: #468847; background-color: #dff0d8; border-color: #468847; } + .control-group.info .control-label, .control-group.info .help-block, .control-group.info .help-inline { color: #3a87ad; } + .control-group.info .checkbox, .control-group.info .radio, .control-group.info input, @@ -1309,42 +1570,48 @@ input[type="checkbox"][readonly] { .control-group.info textarea { color: #3a87ad; } + .control-group.info input, .control-group.info select, .control-group.info textarea { border-color: #3a87ad; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } + .control-group.info input:focus, .control-group.info select:focus, .control-group.info textarea:focus { border-color: #2d6987; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; - -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; } + .control-group.info .input-prepend .add-on, .control-group.info .input-append .add-on { color: #3a87ad; background-color: #d9edf7; border-color: #3a87ad; } + input:focus:invalid, textarea:focus:invalid, select:focus:invalid { color: #b94a48; border-color: #ee5f5b; } + input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus { border-color: #e9322d; -webkit-box-shadow: 0 0 6px #f8b9b7; - -moz-box-shadow: 0 0 6px #f8b9b7; - box-shadow: 0 0 6px #f8b9b7; + -moz-box-shadow: 0 0 6px #f8b9b7; + box-shadow: 0 0 6px #f8b9b7; } + .form-actions { padding: 19px 20px 20px; margin-top: 20px; @@ -1353,38 +1620,43 @@ select:focus:invalid:focus { border-top: 1px solid #e5e5e5; *zoom: 1; } + .form-actions:before, .form-actions:after { display: table; - content: ""; line-height: 0; + content: ""; } + .form-actions:after { clear: both; } + .help-block, .help-inline { color: #595959; } + .help-block { display: block; margin-bottom: 10px; } + .help-inline { display: inline-block; *display: inline; - /* IE7 inline-block hack */ - - *zoom: 1; - vertical-align: middle; padding-left: 5px; + vertical-align: middle; + *zoom: 1; } + .input-append, .input-prepend { margin-bottom: 5px; font-size: 0; white-space: nowrap; } + .input-append input, .input-prepend input, .input-append select, @@ -1397,6 +1669,7 @@ select:focus:invalid:focus { .input-prepend .popover { font-size: 14px; } + .input-append input, .input-prepend input, .input-append select, @@ -1408,9 +1681,10 @@ select:focus:invalid:focus { *margin-left: 0; vertical-align: top; -webkit-border-radius: 0 4px 4px 0; - -moz-border-radius: 0 4px 4px 0; - border-radius: 0 4px 4px 0; + -moz-border-radius: 0 4px 4px 0; + border-radius: 0 4px 4px 0; } + .input-append input:focus, .input-prepend input:focus, .input-append select:focus, @@ -1419,6 +1693,7 @@ select:focus:invalid:focus { .input-prepend .uneditable-input:focus { z-index: 2; } + .input-append .add-on, .input-prepend .add-on { display: inline-block; @@ -1434,6 +1709,7 @@ select:focus:invalid:focus { background-color: #eeeeee; border: 1px solid #ccc; } + .input-append .add-on, .input-prepend .add-on, .input-append .btn, @@ -1442,81 +1718,94 @@ select:focus:invalid:focus { .input-prepend .btn-group > .dropdown-toggle { vertical-align: top; -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; } + .input-append .active, .input-prepend .active { background-color: #a9dba9; border-color: #46a546; } + .input-prepend .add-on, .input-prepend .btn { margin-right: -1px; } + .input-prepend .add-on:first-child, .input-prepend .btn:first-child { -webkit-border-radius: 4px 0 0 4px; - -moz-border-radius: 4px 0 0 4px; - border-radius: 4px 0 0 4px; + -moz-border-radius: 4px 0 0 4px; + border-radius: 4px 0 0 4px; } + .input-append input, .input-append select, .input-append .uneditable-input { -webkit-border-radius: 4px 0 0 4px; - -moz-border-radius: 4px 0 0 4px; - border-radius: 4px 0 0 4px; + -moz-border-radius: 4px 0 0 4px; + border-radius: 4px 0 0 4px; } + .input-append input + .btn-group .btn:last-child, .input-append select + .btn-group .btn:last-child, .input-append .uneditable-input + .btn-group .btn:last-child { -webkit-border-radius: 0 4px 4px 0; - -moz-border-radius: 0 4px 4px 0; - border-radius: 0 4px 4px 0; + -moz-border-radius: 0 4px 4px 0; + border-radius: 0 4px 4px 0; } + .input-append .add-on, .input-append .btn, .input-append .btn-group { margin-left: -1px; } + .input-append .add-on:last-child, .input-append .btn:last-child, .input-append .btn-group:last-child > .dropdown-toggle { -webkit-border-radius: 0 4px 4px 0; - -moz-border-radius: 0 4px 4px 0; - border-radius: 0 4px 4px 0; + -moz-border-radius: 0 4px 4px 0; + border-radius: 0 4px 4px 0; } + .input-prepend.input-append input, .input-prepend.input-append select, .input-prepend.input-append .uneditable-input { -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; } + .input-prepend.input-append input + .btn-group .btn, .input-prepend.input-append select + .btn-group .btn, .input-prepend.input-append .uneditable-input + .btn-group .btn { -webkit-border-radius: 0 4px 4px 0; - -moz-border-radius: 0 4px 4px 0; - border-radius: 0 4px 4px 0; + -moz-border-radius: 0 4px 4px 0; + border-radius: 0 4px 4px 0; } + .input-prepend.input-append .add-on:first-child, .input-prepend.input-append .btn:first-child { margin-right: -1px; -webkit-border-radius: 4px 0 0 4px; - -moz-border-radius: 4px 0 0 4px; - border-radius: 4px 0 0 4px; + -moz-border-radius: 4px 0 0 4px; + border-radius: 4px 0 0 4px; } + .input-prepend.input-append .add-on:last-child, .input-prepend.input-append .btn:last-child { margin-left: -1px; -webkit-border-radius: 0 4px 4px 0; - -moz-border-radius: 0 4px 4px 0; - border-radius: 0 4px 4px 0; + -moz-border-radius: 0 4px 4px 0; + border-radius: 0 4px 4px 0; } + .input-prepend.input-append .btn-group:first-child { margin-left: 0; } + input.search-query { padding-right: 14px; padding-right: 4px \9; @@ -1526,36 +1815,43 @@ input.search-query { margin-bottom: 0; -webkit-border-radius: 15px; - -moz-border-radius: 15px; - border-radius: 15px; + -moz-border-radius: 15px; + border-radius: 15px; } + /* Allow for input prepend/append in search forms */ + .form-search .input-append .search-query, .form-search .input-prepend .search-query { -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; } + .form-search .input-append .search-query { -webkit-border-radius: 14px 0 0 14px; - -moz-border-radius: 14px 0 0 14px; - border-radius: 14px 0 0 14px; + -moz-border-radius: 14px 0 0 14px; + border-radius: 14px 0 0 14px; } + .form-search .input-append .btn { -webkit-border-radius: 0 14px 14px 0; - -moz-border-radius: 0 14px 14px 0; - border-radius: 0 14px 14px 0; + -moz-border-radius: 0 14px 14px 0; + border-radius: 0 14px 14px 0; } + .form-search .input-prepend .search-query { -webkit-border-radius: 0 14px 14px 0; - -moz-border-radius: 0 14px 14px 0; - border-radius: 0 14px 14px 0; + -moz-border-radius: 0 14px 14px 0; + border-radius: 0 14px 14px 0; } + .form-search .input-prepend .btn { -webkit-border-radius: 14px 0 0 14px; - -moz-border-radius: 14px 0 0 14px; - border-radius: 14px 0 0 14px; + -moz-border-radius: 14px 0 0 14px; + border-radius: 14px 0 0 14px; } + .form-search input, .form-inline input, .form-horizontal input, @@ -1579,29 +1875,31 @@ input.search-query { .form-horizontal .input-append { display: inline-block; *display: inline; - /* IE7 inline-block hack */ - - *zoom: 1; margin-bottom: 0; vertical-align: middle; + *zoom: 1; } + .form-search .hide, .form-inline .hide, .form-horizontal .hide { display: none; } + .form-search label, .form-inline label, .form-search .btn-group, .form-inline .btn-group { display: inline-block; } + .form-search .input-append, .form-inline .input-append, .form-search .input-prepend, .form-inline .input-prepend { margin-bottom: 0; } + .form-search .radio, .form-search .checkbox, .form-inline .radio, @@ -1610,6 +1908,7 @@ input.search-query { margin-bottom: 0; vertical-align: middle; } + .form-search .radio input[type="radio"], .form-search .checkbox input[type="checkbox"], .form-inline .radio input[type="radio"], @@ -1618,44 +1917,54 @@ input.search-query { margin-right: 3px; margin-left: 0; } + .control-group { margin-bottom: 10px; } + legend + .control-group { margin-top: 20px; -webkit-margin-top-collapse: separate; } + .form-horizontal .control-group { margin-bottom: 20px; *zoom: 1; } + .form-horizontal .control-group:before, .form-horizontal .control-group:after { display: table; - content: ""; line-height: 0; + content: ""; } + .form-horizontal .control-group:after { clear: both; } + .form-horizontal .control-label { float: left; width: 160px; padding-top: 5px; text-align: right; } + .form-horizontal .controls { *display: inline-block; *padding-left: 20px; margin-left: 180px; *margin-left: 0; } + .form-horizontal .controls:first-child { *padding-left: 180px; } + .form-horizontal .help-block { margin-bottom: 0; } + .form-horizontal input + .help-block, .form-horizontal select + .help-block, .form-horizontal textarea + .help-block, @@ -1664,19 +1973,23 @@ legend + .control-group { .form-horizontal .input-append + .help-block { margin-top: 10px; } + .form-horizontal .form-actions { padding-left: 180px; } + table { max-width: 100%; background-color: transparent; border-collapse: collapse; border-spacing: 0; } + .table { width: 100%; margin-bottom: 20px; } + .table th, .table td { padding: 8px; @@ -1685,12 +1998,15 @@ table { vertical-align: top; border-top: 1px solid #dddddd; } + .table th { font-weight: bold; } + .table thead th { vertical-align: bottom; } + .table caption + thead tr:first-child th, .table caption + thead tr:first-child td, .table colgroup + thead tr:first-child th, @@ -1699,29 +2015,35 @@ table { .table thead:first-child tr:first-child td { border-top: 0; } + .table tbody + tbody { border-top: 2px solid #dddddd; } + .table .table { background-color: #ffffff; } + .table-condensed th, .table-condensed td { padding: 4px 5px; } + .table-bordered { border: 1px solid #dddddd; border-collapse: separate; *border-collapse: collapse; border-left: 0; -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; } + .table-bordered th, .table-bordered td { border-left: 1px solid #dddddd; } + .table-bordered caption + thead tr:first-child th, .table-bordered caption + tbody tr:first-child th, .table-bordered caption + tbody tr:first-child td, @@ -1733,66 +2055,77 @@ table { .table-bordered tbody:first-child tr:first-child td { border-top: 0; } + .table-bordered thead:first-child tr:first-child > th:first-child, .table-bordered tbody:first-child tr:first-child > td:first-child { -webkit-border-top-left-radius: 4px; + border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; - border-top-left-radius: 4px; } + .table-bordered thead:first-child tr:first-child > th:last-child, .table-bordered tbody:first-child tr:first-child > td:last-child { -webkit-border-top-right-radius: 4px; + border-top-right-radius: 4px; -moz-border-radius-topright: 4px; - border-top-right-radius: 4px; } + .table-bordered thead:last-child tr:last-child > th:first-child, .table-bordered tbody:last-child tr:last-child > td:first-child, .table-bordered tfoot:last-child tr:last-child > td:first-child { -webkit-border-bottom-left-radius: 4px; + border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; - border-bottom-left-radius: 4px; } + .table-bordered thead:last-child tr:last-child > th:last-child, .table-bordered tbody:last-child tr:last-child > td:last-child, .table-bordered tfoot:last-child tr:last-child > td:last-child { -webkit-border-bottom-right-radius: 4px; + border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; - border-bottom-right-radius: 4px; } + .table-bordered tfoot + tbody:last-child tr:last-child td:first-child { -webkit-border-bottom-left-radius: 0; + border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; - border-bottom-left-radius: 0; } + .table-bordered tfoot + tbody:last-child tr:last-child td:last-child { -webkit-border-bottom-right-radius: 0; + border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; - border-bottom-right-radius: 0; } + .table-bordered caption + thead tr:first-child th:first-child, .table-bordered caption + tbody tr:first-child td:first-child, .table-bordered colgroup + thead tr:first-child th:first-child, .table-bordered colgroup + tbody tr:first-child td:first-child { -webkit-border-top-left-radius: 4px; + border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; - border-top-left-radius: 4px; } + .table-bordered caption + thead tr:first-child th:last-child, .table-bordered caption + tbody tr:first-child td:last-child, .table-bordered colgroup + thead tr:first-child th:last-child, .table-bordered colgroup + tbody tr:first-child td:last-child { -webkit-border-top-right-radius: 4px; + border-top-right-radius: 4px; -moz-border-radius-topright: 4px; - border-top-right-radius: 4px; } + .table-striped tbody > tr:nth-child(odd) > td, .table-striped tbody > tr:nth-child(odd) > th { background-color: #f9f9f9; } + .table-hover tbody tr:hover td, .table-hover tbody tr:hover th { background-color: #f5f5f5; } + table td[class*="span"], table th[class*="span"], .row-fluid table td[class*="span"], @@ -1801,116 +2134,139 @@ table th[class*="span"], float: none; margin-left: 0; } + .table td.span1, .table th.span1 { float: none; width: 44px; margin-left: 0; } + .table td.span2, .table th.span2 { float: none; width: 124px; margin-left: 0; } + .table td.span3, .table th.span3 { float: none; width: 204px; margin-left: 0; } + .table td.span4, .table th.span4 { float: none; width: 284px; margin-left: 0; } + .table td.span5, .table th.span5 { float: none; width: 364px; margin-left: 0; } + .table td.span6, .table th.span6 { float: none; width: 444px; margin-left: 0; } + .table td.span7, .table th.span7 { float: none; width: 524px; margin-left: 0; } + .table td.span8, .table th.span8 { float: none; width: 604px; margin-left: 0; } + .table td.span9, .table th.span9 { float: none; width: 684px; margin-left: 0; } + .table td.span10, .table th.span10 { float: none; width: 764px; margin-left: 0; } + .table td.span11, .table th.span11 { float: none; width: 844px; margin-left: 0; } + .table td.span12, .table th.span12 { float: none; width: 924px; margin-left: 0; } + .table tbody tr.success td { background-color: #dff0d8; } + .table tbody tr.error td { background-color: #f2dede; } + .table tbody tr.warning td { background-color: #fcf8e3; } + .table tbody tr.info td { background-color: #d9edf7; } + .table-hover tbody tr.success:hover td { background-color: #d0e9c6; } + .table-hover tbody tr.error:hover td { background-color: #ebcccc; } + .table-hover tbody tr.warning:hover td { background-color: #faf2cc; } + .table-hover tbody tr.info:hover td { background-color: #c4e3f3; } + [class^="icon-"], [class*=" icon-"] { display: inline-block; width: 14px; height: 14px; + margin-top: 1px; *margin-right: .3em; line-height: 14px; vertical-align: text-top; background-image: url("../img/glyphicons-halflings.png"); background-position: 14px 14px; background-repeat: no-repeat; - margin-top: 1px; } + /* White icons with optional class, or on hover/focus/active states of certain elements */ + .icon-white, .nav-pills > .active > a > [class^="icon-"], .nav-pills > .active > a > [class*=" icon-"], @@ -1930,439 +2286,583 @@ table th[class*="span"], .dropdown-submenu:focus > a > [class*=" icon-"] { background-image: url("../img/glyphicons-halflings-white.png"); } + .icon-glass { background-position: 0 0; } + .icon-music { background-position: -24px 0; } + .icon-search { background-position: -48px 0; } + .icon-envelope { background-position: -72px 0; } + .icon-heart { background-position: -96px 0; } + .icon-star { background-position: -120px 0; } + .icon-star-empty { background-position: -144px 0; } + .icon-user { background-position: -168px 0; } + .icon-film { background-position: -192px 0; } + .icon-th-large { background-position: -216px 0; } + .icon-th { background-position: -240px 0; } + .icon-th-list { background-position: -264px 0; } + .icon-ok { background-position: -288px 0; } + .icon-remove { background-position: -312px 0; } + .icon-zoom-in { background-position: -336px 0; } + .icon-zoom-out { background-position: -360px 0; } + .icon-off { background-position: -384px 0; } + .icon-signal { background-position: -408px 0; } + .icon-cog { background-position: -432px 0; } + .icon-trash { background-position: -456px 0; } + .icon-home { background-position: 0 -24px; } + .icon-file { background-position: -24px -24px; } + .icon-time { background-position: -48px -24px; } + .icon-road { background-position: -72px -24px; } + .icon-download-alt { background-position: -96px -24px; } + .icon-download { background-position: -120px -24px; } + .icon-upload { background-position: -144px -24px; } + .icon-inbox { background-position: -168px -24px; } + .icon-play-circle { background-position: -192px -24px; } + .icon-repeat { background-position: -216px -24px; } + .icon-refresh { background-position: -240px -24px; } + .icon-list-alt { background-position: -264px -24px; } + .icon-lock { background-position: -287px -24px; } + .icon-flag { background-position: -312px -24px; } + .icon-headphones { background-position: -336px -24px; } + .icon-volume-off { background-position: -360px -24px; } + .icon-volume-down { background-position: -384px -24px; } + .icon-volume-up { background-position: -408px -24px; } + .icon-qrcode { background-position: -432px -24px; } + .icon-barcode { background-position: -456px -24px; } + .icon-tag { background-position: 0 -48px; } + .icon-tags { background-position: -25px -48px; } + .icon-book { background-position: -48px -48px; } + .icon-bookmark { background-position: -72px -48px; } + .icon-print { background-position: -96px -48px; } + .icon-camera { background-position: -120px -48px; } + .icon-font { background-position: -144px -48px; } + .icon-bold { background-position: -167px -48px; } + .icon-italic { background-position: -192px -48px; } + .icon-text-height { background-position: -216px -48px; } + .icon-text-width { background-position: -240px -48px; } + .icon-align-left { background-position: -264px -48px; } + .icon-align-center { background-position: -288px -48px; } + .icon-align-right { background-position: -312px -48px; } + .icon-align-justify { background-position: -336px -48px; } + .icon-list { background-position: -360px -48px; } + .icon-indent-left { background-position: -384px -48px; } + .icon-indent-right { background-position: -408px -48px; } + .icon-facetime-video { background-position: -432px -48px; } + .icon-picture { background-position: -456px -48px; } + .icon-pencil { background-position: 0 -72px; } + .icon-map-marker { background-position: -24px -72px; } + .icon-adjust { background-position: -48px -72px; } + .icon-tint { background-position: -72px -72px; } + .icon-edit { background-position: -96px -72px; } + .icon-share { background-position: -120px -72px; } + .icon-check { background-position: -144px -72px; } + .icon-move { background-position: -168px -72px; } + .icon-step-backward { background-position: -192px -72px; } + .icon-fast-backward { background-position: -216px -72px; } + .icon-backward { background-position: -240px -72px; } + .icon-play { background-position: -264px -72px; } + .icon-pause { background-position: -288px -72px; } + .icon-stop { background-position: -312px -72px; } + .icon-forward { background-position: -336px -72px; } + .icon-fast-forward { background-position: -360px -72px; } + .icon-step-forward { background-position: -384px -72px; } + .icon-eject { background-position: -408px -72px; } + .icon-chevron-left { background-position: -432px -72px; } + .icon-chevron-right { background-position: -456px -72px; } + .icon-plus-sign { background-position: 0 -96px; } + .icon-minus-sign { background-position: -24px -96px; } + .icon-remove-sign { background-position: -48px -96px; } + .icon-ok-sign { background-position: -72px -96px; } + .icon-question-sign { background-position: -96px -96px; } + .icon-info-sign { background-position: -120px -96px; } + .icon-screenshot { background-position: -144px -96px; } + .icon-remove-circle { background-position: -168px -96px; } + .icon-ok-circle { background-position: -192px -96px; } + .icon-ban-circle { background-position: -216px -96px; } + .icon-arrow-left { background-position: -240px -96px; } + .icon-arrow-right { background-position: -264px -96px; } + .icon-arrow-up { background-position: -289px -96px; } + .icon-arrow-down { background-position: -312px -96px; } + .icon-share-alt { background-position: -336px -96px; } + .icon-resize-full { background-position: -360px -96px; } + .icon-resize-small { background-position: -384px -96px; } + .icon-plus { background-position: -408px -96px; } + .icon-minus { background-position: -433px -96px; } + .icon-asterisk { background-position: -456px -96px; } + .icon-exclamation-sign { background-position: 0 -120px; } + .icon-gift { background-position: -24px -120px; } + .icon-leaf { background-position: -48px -120px; } + .icon-fire { background-position: -72px -120px; } + .icon-eye-open { background-position: -96px -120px; } + .icon-eye-close { background-position: -120px -120px; } + .icon-warning-sign { background-position: -144px -120px; } + .icon-plane { background-position: -168px -120px; } + .icon-calendar { background-position: -192px -120px; } + .icon-random { - background-position: -216px -120px; width: 16px; + background-position: -216px -120px; } + .icon-comment { background-position: -240px -120px; } + .icon-magnet { background-position: -264px -120px; } + .icon-chevron-up { background-position: -288px -120px; } + .icon-chevron-down { background-position: -313px -119px; } + .icon-retweet { background-position: -336px -120px; } + .icon-shopping-cart { background-position: -360px -120px; } + .icon-folder-close { background-position: -384px -120px; } + .icon-folder-open { - background-position: -408px -120px; width: 16px; + background-position: -408px -120px; } + .icon-resize-vertical { background-position: -432px -119px; } + .icon-resize-horizontal { background-position: -456px -118px; } + .icon-hdd { background-position: 0 -144px; } + .icon-bullhorn { background-position: -24px -144px; } + .icon-bell { background-position: -48px -144px; } + .icon-certificate { background-position: -72px -144px; } + .icon-thumbs-up { background-position: -96px -144px; } + .icon-thumbs-down { background-position: -120px -144px; } + .icon-hand-right { background-position: -144px -144px; } + .icon-hand-left { background-position: -168px -144px; } + .icon-hand-up { background-position: -192px -144px; } + .icon-hand-down { background-position: -216px -144px; } + .icon-circle-arrow-right { background-position: -240px -144px; } + .icon-circle-arrow-left { background-position: -264px -144px; } + .icon-circle-arrow-up { background-position: -288px -144px; } + .icon-circle-arrow-down { background-position: -312px -144px; } + .icon-globe { background-position: -336px -144px; } + .icon-wrench { background-position: -360px -144px; } + .icon-tasks { background-position: -384px -144px; } + .icon-filter { background-position: -408px -144px; } + .icon-briefcase { background-position: -432px -144px; } + .icon-fullscreen { background-position: -456px -144px; } + .dropup, .dropdown { position: relative; } + .dropdown-toggle { *margin-bottom: -3px; } + .dropdown-toggle:active, .open .dropdown-toggle { outline: 0; } + .caret { display: inline-block; width: 0; @@ -2373,10 +2873,12 @@ table th[class*="span"], border-left: 4px solid transparent; content: ""; } + .dropdown .caret { margin-top: 8px; margin-left: 2px; } + .dropdown-menu { position: absolute; top: 100%; @@ -2394,19 +2896,21 @@ table th[class*="span"], *border-right-width: 2px; *border-bottom-width: 2px; -webkit-border-radius: 6px; - -moz-border-radius: 6px; - border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); - -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); - box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; - -moz-background-clip: padding; - background-clip: padding-box; + -moz-background-clip: padding; + background-clip: padding-box; } + .dropdown-menu.pull-right { right: 0; left: auto; } + .dropdown-menu .divider { *width: 100%; height: 1px; @@ -2416,6 +2920,7 @@ table th[class*="span"], background-color: #e5e5e5; border-bottom: 1px solid #ffffff; } + .dropdown-menu > li > a { display: block; padding: 3px 20px; @@ -2425,12 +2930,13 @@ table th[class*="span"], color: #333333; white-space: nowrap; } + .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a { - text-decoration: none; color: #ffffff; + text-decoration: none; background-color: #0081c2; background-image: -moz-linear-gradient(top, #0088cc, #0077b3); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3)); @@ -2440,12 +2946,12 @@ table th[class*="span"], background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0); } + .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #ffffff; text-decoration: none; - outline: 0; background-color: #0081c2; background-image: -moz-linear-gradient(top, #0088cc, #0077b3); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3)); @@ -2453,103 +2959,122 @@ table th[class*="span"], background-image: -o-linear-gradient(top, #0088cc, #0077b3); background-image: linear-gradient(to bottom, #0088cc, #0077b3); background-repeat: repeat-x; + outline: 0; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0); } + .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: #999999; } + .dropdown-menu > .disabled > a:hover .dropdown-menu > .disabled > a:focus { text-decoration: none; + cursor: default; background-color: transparent; background-image: none; - filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); - cursor: default; + filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } + .open { *z-index: 1000; } + .open > .dropdown-menu { display: block; } + .pull-right > .dropdown-menu { right: 0; left: auto; } + .dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px solid #000000; content: ""; } + .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 1px; } + .dropdown-submenu { position: relative; } + .dropdown-submenu > .dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; - -moz-border-radius: 0 6px 6px 6px; - border-radius: 0 6px 6px 6px; + -moz-border-radius: 0 6px 6px 6px; + border-radius: 0 6px 6px 6px; } + .dropdown-submenu:hover > .dropdown-menu { display: block; } + .dropup .dropdown-submenu > .dropdown-menu { top: auto; bottom: 0; margin-top: 0; margin-bottom: -2px; -webkit-border-radius: 5px 5px 5px 0; - -moz-border-radius: 5px 5px 5px 0; - border-radius: 5px 5px 5px 0; + -moz-border-radius: 5px 5px 5px 0; + border-radius: 5px 5px 5px 0; } + .dropdown-submenu > a:after { display: block; - content: " "; float: right; width: 0; height: 0; + margin-top: 5px; + margin-right: -10px; border-color: transparent; + border-left-color: #cccccc; border-style: solid; border-width: 5px 0 5px 5px; - border-left-color: #cccccc; - margin-top: 5px; - margin-right: -10px; + content: " "; } + .dropdown-submenu:hover > a:after { border-left-color: #ffffff; } + .dropdown-submenu.pull-left { float: none; } + .dropdown-submenu.pull-left > .dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; - -moz-border-radius: 6px 0 6px 6px; - border-radius: 6px 0 6px 6px; + -moz-border-radius: 6px 0 6px 6px; + border-radius: 6px 0 6px 6px; } + .dropdown .dropdown-menu .nav-header { - padding-left: 20px; padding-right: 20px; + padding-left: 20px; } + .typeahead { z-index: 1051; margin-top: 2px; -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; } + .well { min-height: 20px; padding: 19px; @@ -2557,50 +3082,58 @@ table th[class*="span"], background-color: #f5f5f5; border: 1px solid #e3e3e3; -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); - -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } + .well blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, 0.15); } + .well-large { padding: 24px; -webkit-border-radius: 6px; - -moz-border-radius: 6px; - border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; } + .well-small { padding: 9px; -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; } + .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; - -moz-transition: opacity 0.15s linear; - -o-transition: opacity 0.15s linear; - transition: opacity 0.15s linear; + -moz-transition: opacity 0.15s linear; + -o-transition: opacity 0.15s linear; + transition: opacity 0.15s linear; } + .fade.in { opacity: 1; } + .collapse { position: relative; height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; - -moz-transition: height 0.35s ease; - -o-transition: height 0.35s ease; - transition: height 0.35s ease; + -moz-transition: height 0.35s ease; + -o-transition: height 0.35s ease; + transition: height 0.35s ease; } + .collapse.in { height: auto; } + .close { float: right; font-size: 20px; @@ -2611,6 +3144,7 @@ table th[class*="span"], opacity: 0.2; filter: alpha(opacity=20); } + .close:hover, .close:focus { color: #000000; @@ -2619,6 +3153,7 @@ table th[class*="span"], opacity: 0.4; filter: alpha(opacity=40); } + button.close { padding: 0; cursor: pointer; @@ -2626,46 +3161,44 @@ button.close { border: 0; -webkit-appearance: none; } + .btn { display: inline-block; *display: inline; - /* IE7 inline-block hack */ - - *zoom: 1; padding: 4px 12px; margin-bottom: 0; + *margin-left: .3em; font-size: 14px; line-height: 20px; + color: #333333; text-align: center; + text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); vertical-align: middle; cursor: pointer; - color: #333333; - text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); background-color: #f5f5f5; + *background-color: #e6e6e6; background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); - border-color: #e6e6e6 #e6e6e6 #bfbfbf; - border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - *background-color: #e6e6e6; - /* Darken IE7 buttons by default so they stand out more given they won't have borders */ - - filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); border: 1px solid #bbbbbb; *border: 0; + border-color: #e6e6e6 #e6e6e6 #bfbfbf; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-bottom-color: #a2a2a2; -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; - *margin-left: .3em; - -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); - -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); - box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); + -moz-border-radius: 4px; + border-radius: 4px; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); + *zoom: 1; + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); + -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); } + .btn:hover, .btn:focus, .btn:active, @@ -2676,36 +3209,42 @@ button.close { background-color: #e6e6e6; *background-color: #d9d9d9; } + .btn:active, .btn.active { background-color: #cccccc \9; } + .btn:first-child { *margin-left: 0; } + .btn:hover, .btn:focus { color: #333333; text-decoration: none; background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; - -moz-transition: background-position 0.1s linear; - -o-transition: background-position 0.1s linear; - transition: background-position 0.1s linear; + -moz-transition: background-position 0.1s linear; + -o-transition: background-position 0.1s linear; + transition: background-position 0.1s linear; } + .btn:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } + .btn.active, .btn:active { background-image: none; outline: 0; - -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); - -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); - box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); + -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); + -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); } + .btn.disabled, .btn[disabled] { cursor: default; @@ -2713,59 +3252,69 @@ button.close { opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; } + .btn-large { padding: 11px 19px; font-size: 17.5px; -webkit-border-radius: 6px; - -moz-border-radius: 6px; - border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; } + .btn-large [class^="icon-"], .btn-large [class*=" icon-"] { margin-top: 4px; } + .btn-small { padding: 2px 10px; font-size: 11.9px; -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; } + .btn-small [class^="icon-"], .btn-small [class*=" icon-"] { margin-top: 0; } + .btn-mini [class^="icon-"], .btn-mini [class*=" icon-"] { margin-top: -1px; } + .btn-mini { padding: 0 6px; font-size: 10.5px; -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; } + .btn-block { display: block; width: 100%; - padding-left: 0; padding-right: 0; + padding-left: 0; -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } + .btn-block + .btn-block { margin-top: 5px; } + input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } + .btn-primary.active, .btn-warning.active, .btn-danger.active, @@ -2774,28 +3323,29 @@ input[type="button"].btn-block { .btn-inverse.active { color: rgba(255, 255, 255, 0.75); } + .btn { border-color: #c5c5c5; border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25); } + .btn-primary { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #006dcc; + *background-color: #0044cc; background-image: -moz-linear-gradient(top, #0088cc, #0044cc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); background-image: -o-linear-gradient(top, #0088cc, #0044cc); background-image: linear-gradient(to bottom, #0088cc, #0044cc); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0); border-color: #0044cc #0044cc #002a80; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - *background-color: #0044cc; - /* Darken IE7 buttons by default so they stand out more given they won't have borders */ - - filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } + .btn-primary:hover, .btn-primary:focus, .btn-primary:active, @@ -2806,28 +3356,29 @@ input[type="button"].btn-block { background-color: #0044cc; *background-color: #003bb3; } + .btn-primary:active, .btn-primary.active { background-color: #003399 \9; } + .btn-warning { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #faa732; + *background-color: #f89406; background-image: -moz-linear-gradient(top, #fbb450, #f89406); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); background-image: -webkit-linear-gradient(top, #fbb450, #f89406); background-image: -o-linear-gradient(top, #fbb450, #f89406); background-image: linear-gradient(to bottom, #fbb450, #f89406); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0); border-color: #f89406 #f89406 #ad6704; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - *background-color: #f89406; - /* Darken IE7 buttons by default so they stand out more given they won't have borders */ - - filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } + .btn-warning:hover, .btn-warning:focus, .btn-warning:active, @@ -2838,28 +3389,29 @@ input[type="button"].btn-block { background-color: #f89406; *background-color: #df8505; } + .btn-warning:active, .btn-warning.active { background-color: #c67605 \9; } + .btn-danger { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #da4f49; + *background-color: #bd362f; background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f)); background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f); background-image: -o-linear-gradient(top, #ee5f5b, #bd362f); background-image: linear-gradient(to bottom, #ee5f5b, #bd362f); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0); border-color: #bd362f #bd362f #802420; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - *background-color: #bd362f; - /* Darken IE7 buttons by default so they stand out more given they won't have borders */ - - filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } + .btn-danger:hover, .btn-danger:focus, .btn-danger:active, @@ -2870,28 +3422,29 @@ input[type="button"].btn-block { background-color: #bd362f; *background-color: #a9302a; } + .btn-danger:active, .btn-danger.active { background-color: #942a25 \9; } + .btn-success { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #5bb75b; + *background-color: #51a351; background-image: -moz-linear-gradient(top, #62c462, #51a351); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351)); background-image: -webkit-linear-gradient(top, #62c462, #51a351); background-image: -o-linear-gradient(top, #62c462, #51a351); background-image: linear-gradient(to bottom, #62c462, #51a351); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0); border-color: #51a351 #51a351 #387038; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - *background-color: #51a351; - /* Darken IE7 buttons by default so they stand out more given they won't have borders */ - - filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } + .btn-success:hover, .btn-success:focus, .btn-success:active, @@ -2902,28 +3455,29 @@ input[type="button"].btn-block { background-color: #51a351; *background-color: #499249; } + .btn-success:active, .btn-success.active { background-color: #408140 \9; } + .btn-info { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #49afcd; + *background-color: #2f96b4; background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4)); background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4); background-image: -o-linear-gradient(top, #5bc0de, #2f96b4); background-image: linear-gradient(to bottom, #5bc0de, #2f96b4); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0); border-color: #2f96b4 #2f96b4 #1f6377; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - *background-color: #2f96b4; - /* Darken IE7 buttons by default so they stand out more given they won't have borders */ - - filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } + .btn-info:hover, .btn-info:focus, .btn-info:active, @@ -2934,28 +3488,29 @@ input[type="button"].btn-block { background-color: #2f96b4; *background-color: #2a85a0; } + .btn-info:active, .btn-info.active { background-color: #24748c \9; } + .btn-inverse { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #363636; + *background-color: #222222; background-image: -moz-linear-gradient(top, #444444, #222222); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222)); background-image: -webkit-linear-gradient(top, #444444, #222222); background-image: -o-linear-gradient(top, #444444, #222222); background-image: linear-gradient(to bottom, #444444, #222222); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0); border-color: #222222 #222222 #000000; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - *background-color: #222222; - /* Darken IE7 buttons by default so they stand out more given they won't have borders */ - - filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } + .btn-inverse:hover, .btn-inverse:focus, .btn-inverse:active, @@ -2966,231 +3521,274 @@ input[type="button"].btn-block { background-color: #222222; *background-color: #151515; } + .btn-inverse:active, .btn-inverse.active { background-color: #080808 \9; } + button.btn, input[type="submit"].btn { *padding-top: 3px; *padding-bottom: 3px; } + button.btn::-moz-focus-inner, input[type="submit"].btn::-moz-focus-inner { padding: 0; border: 0; } + button.btn.btn-large, input[type="submit"].btn.btn-large { *padding-top: 7px; *padding-bottom: 7px; } + button.btn.btn-small, input[type="submit"].btn.btn-small { *padding-top: 3px; *padding-bottom: 3px; } + button.btn.btn-mini, input[type="submit"].btn.btn-mini { *padding-top: 1px; *padding-bottom: 1px; } + .btn-link, .btn-link:active, .btn-link[disabled] { background-color: transparent; background-image: none; -webkit-box-shadow: none; - -moz-box-shadow: none; - box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; } + .btn-link { - border-color: transparent; - cursor: pointer; color: #0088cc; + cursor: pointer; + border-color: transparent; -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; } + .btn-link:hover, .btn-link:focus { color: #005580; text-decoration: underline; background-color: transparent; } + .btn-link[disabled]:hover, .btn-link[disabled]:focus { color: #333333; text-decoration: none; } + .btn-group { position: relative; display: inline-block; *display: inline; - /* IE7 inline-block hack */ - - *zoom: 1; + *margin-left: .3em; font-size: 0; - vertical-align: middle; white-space: nowrap; - *margin-left: .3em; + vertical-align: middle; + *zoom: 1; } + .btn-group:first-child { *margin-left: 0; } + .btn-group + .btn-group { margin-left: 5px; } + .btn-toolbar { - font-size: 0; margin-top: 10px; margin-bottom: 10px; + font-size: 0; } + .btn-toolbar > .btn + .btn, .btn-toolbar > .btn-group + .btn, .btn-toolbar > .btn + .btn-group { margin-left: 5px; } + .btn-group > .btn { position: relative; -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; } + .btn-group > .btn + .btn { margin-left: -1px; } + .btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover { font-size: 14px; } + .btn-group > .btn-mini { font-size: 10.5px; } + .btn-group > .btn-small { font-size: 11.9px; } + .btn-group > .btn-large { font-size: 17.5px; } + .btn-group > .btn:first-child { margin-left: 0; - -webkit-border-top-left-radius: 4px; - -moz-border-radius-topleft: 4px; - border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; + border-bottom-left-radius: 4px; + -webkit-border-top-left-radius: 4px; + border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; - border-bottom-left-radius: 4px; + -moz-border-radius-topleft: 4px; } + .btn-group > .btn:last-child, .btn-group > .dropdown-toggle { -webkit-border-top-right-radius: 4px; - -moz-border-radius-topright: 4px; - border-top-right-radius: 4px; + border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; + border-bottom-right-radius: 4px; + -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; - border-bottom-right-radius: 4px; } + .btn-group > .btn.large:first-child { margin-left: 0; - -webkit-border-top-left-radius: 6px; - -moz-border-radius-topleft: 6px; - border-top-left-radius: 6px; -webkit-border-bottom-left-radius: 6px; + border-bottom-left-radius: 6px; + -webkit-border-top-left-radius: 6px; + border-top-left-radius: 6px; -moz-border-radius-bottomleft: 6px; - border-bottom-left-radius: 6px; + -moz-border-radius-topleft: 6px; } + .btn-group > .btn.large:last-child, .btn-group > .large.dropdown-toggle { -webkit-border-top-right-radius: 6px; - -moz-border-radius-topright: 6px; - border-top-right-radius: 6px; + border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; + border-bottom-right-radius: 6px; + -moz-border-radius-topright: 6px; -moz-border-radius-bottomright: 6px; - border-bottom-right-radius: 6px; } + .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active { z-index: 2; } + .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } + .btn-group > .btn + .dropdown-toggle { - padding-left: 8px; - padding-right: 8px; - -webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); - -moz-box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); - box-shadow: inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05); *padding-top: 5px; + padding-right: 8px; *padding-bottom: 5px; + padding-left: 8px; + -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); + -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); + box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); } + .btn-group > .btn-mini + .dropdown-toggle { - padding-left: 5px; - padding-right: 5px; *padding-top: 2px; + padding-right: 5px; *padding-bottom: 2px; + padding-left: 5px; } + .btn-group > .btn-small + .dropdown-toggle { *padding-top: 5px; *padding-bottom: 4px; } + .btn-group > .btn-large + .dropdown-toggle { - padding-left: 12px; - padding-right: 12px; *padding-top: 7px; + padding-right: 12px; *padding-bottom: 7px; + padding-left: 12px; } + .btn-group.open .dropdown-toggle { background-image: none; - -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); - -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); - box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05); + -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); + -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); } + .btn-group.open .btn.dropdown-toggle { background-color: #e6e6e6; } + .btn-group.open .btn-primary.dropdown-toggle { background-color: #0044cc; } + .btn-group.open .btn-warning.dropdown-toggle { background-color: #f89406; } + .btn-group.open .btn-danger.dropdown-toggle { background-color: #bd362f; } + .btn-group.open .btn-success.dropdown-toggle { background-color: #51a351; } + .btn-group.open .btn-info.dropdown-toggle { background-color: #2f96b4; } + .btn-group.open .btn-inverse.dropdown-toggle { background-color: #222222; } + .btn .caret { margin-top: 8px; margin-left: 0; } + .btn-large .caret { margin-top: 6px; } + .btn-large .caret { - border-left-width: 5px; - border-right-width: 5px; border-top-width: 5px; + border-right-width: 5px; + border-left-width: 5px; } + .btn-mini .caret, .btn-small .caret { margin-top: 8px; } + .dropup .btn-large .caret { border-bottom-width: 5px; } + .btn-primary .caret, .btn-warning .caret, .btn-danger .caret, @@ -3200,6 +3798,7 @@ input[type="submit"].btn.btn-mini { border-top-color: #ffffff; border-bottom-color: #ffffff; } + .btn-group-vertical { display: inline-block; *display: inline; @@ -3207,38 +3806,45 @@ input[type="submit"].btn.btn-mini { *zoom: 1; } + .btn-group-vertical > .btn { display: block; float: none; max-width: 100%; -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; } + .btn-group-vertical > .btn + .btn { - margin-left: 0; margin-top: -1px; + margin-left: 0; } + .btn-group-vertical > .btn:first-child { -webkit-border-radius: 4px 4px 0 0; - -moz-border-radius: 4px 4px 0 0; - border-radius: 4px 4px 0 0; + -moz-border-radius: 4px 4px 0 0; + border-radius: 4px 4px 0 0; } + .btn-group-vertical > .btn:last-child { -webkit-border-radius: 0 0 4px 4px; - -moz-border-radius: 0 0 4px 4px; - border-radius: 0 0 4px 4px; + -moz-border-radius: 0 0 4px 4px; + border-radius: 0 0 4px 4px; } + .btn-group-vertical > .btn-large:first-child { -webkit-border-radius: 6px 6px 0 0; - -moz-border-radius: 6px 6px 0 0; - border-radius: 6px 6px 0 0; + -moz-border-radius: 6px 6px 0 0; + border-radius: 6px 6px 0 0; } + .btn-group-vertical > .btn-large:last-child { -webkit-border-radius: 0 0 6px 6px; - -moz-border-radius: 0 0 6px 6px; - border-radius: 0 0 6px 6px; + -moz-border-radius: 0 0 6px 6px; + border-radius: 0 0 6px 6px; } + .alert { padding: 8px 35px 8px 14px; margin-bottom: 20px; @@ -3246,78 +3852,96 @@ input[type="submit"].btn.btn-mini { background-color: #fcf8e3; border: 1px solid #fbeed5; -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; } + .alert, .alert h4 { color: #c09853; } + .alert h4 { margin: 0; } + .alert .close { position: relative; top: -2px; right: -21px; line-height: 20px; } + .alert-success { + color: #468847; background-color: #dff0d8; border-color: #d6e9c6; - color: #468847; } + .alert-success h4 { color: #468847; } + .alert-danger, .alert-error { + color: #b94a48; background-color: #f2dede; border-color: #eed3d7; - color: #b94a48; } + .alert-danger h4, .alert-error h4 { color: #b94a48; } + .alert-info { + color: #3a87ad; background-color: #d9edf7; border-color: #bce8f1; - color: #3a87ad; } + .alert-info h4 { color: #3a87ad; } + .alert-block { padding-top: 14px; padding-bottom: 14px; } + .alert-block > p, .alert-block > ul { margin-bottom: 0; } + .alert-block p + p { margin-top: 5px; } + .nav { - margin-left: 0; margin-bottom: 20px; + margin-left: 0; list-style: none; } + .nav > li > a { display: block; } + .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: #eeeeee; } + .nav > li > a > img { max-width: none; } + .nav > .pull-right { float: right; } + .nav-header { display: block; padding: 3px 15px; @@ -3328,23 +3952,28 @@ input[type="submit"].btn.btn-mini { text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); text-transform: uppercase; } + .nav li + .nav-header { margin-top: 9px; } + .nav-list { - padding-left: 15px; padding-right: 15px; + padding-left: 15px; margin-bottom: 0; } + .nav-list > li > a, .nav-list .nav-header { - margin-left: -15px; margin-right: -15px; + margin-left: -15px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); } + .nav-list > li > a { padding: 3px 15px; } + .nav-list > .active > a, .nav-list > .active > a:hover, .nav-list > .active > a:focus { @@ -3352,10 +3981,12 @@ input[type="submit"].btn.btn-mini { text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); background-color: #0088cc; } + .nav-list [class^="icon-"], .nav-list [class*=" icon-"] { margin-right: 2px; } + .nav-list .divider { *width: 100%; height: 1px; @@ -3365,26 +3996,31 @@ input[type="submit"].btn.btn-mini { background-color: #e5e5e5; border-bottom: 1px solid #ffffff; } + .nav-tabs, .nav-pills { *zoom: 1; } + .nav-tabs:before, .nav-pills:before, .nav-tabs:after, .nav-pills:after { display: table; - content: ""; line-height: 0; + content: ""; } + .nav-tabs:after, .nav-pills:after { clear: both; } + .nav-tabs > li, .nav-pills > li { float: left; } + .nav-tabs > li > a, .nav-pills > li > a { padding-right: 12px; @@ -3392,127 +4028,153 @@ input[type="submit"].btn.btn-mini { margin-right: 2px; line-height: 14px; } + .nav-tabs { border-bottom: 1px solid #ddd; } + .nav-tabs > li { margin-bottom: -1px; } + .nav-tabs > li > a { padding-top: 8px; padding-bottom: 8px; line-height: 20px; border: 1px solid transparent; -webkit-border-radius: 4px 4px 0 0; - -moz-border-radius: 4px 4px 0 0; - border-radius: 4px 4px 0 0; + -moz-border-radius: 4px 4px 0 0; + border-radius: 4px 4px 0 0; } + .nav-tabs > li > a:hover, .nav-tabs > li > a:focus { border-color: #eeeeee #eeeeee #dddddd; } + .nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus { color: #555555; + cursor: default; background-color: #ffffff; border: 1px solid #ddd; border-bottom-color: transparent; - cursor: default; } + .nav-pills > li > a { padding-top: 8px; padding-bottom: 8px; margin-top: 2px; margin-bottom: 2px; -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; } + .nav-pills > .active > a, .nav-pills > .active > a:hover, .nav-pills > .active > a:focus { color: #ffffff; background-color: #0088cc; } + .nav-stacked > li { float: none; } + .nav-stacked > li > a { margin-right: 0; } + .nav-tabs.nav-stacked { border-bottom: 0; } + .nav-tabs.nav-stacked > li > a { border: 1px solid #ddd; -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; } + .nav-tabs.nav-stacked > li:first-child > a { -webkit-border-top-right-radius: 4px; - -moz-border-radius-topright: 4px; - border-top-right-radius: 4px; + border-top-right-radius: 4px; -webkit-border-top-left-radius: 4px; + border-top-left-radius: 4px; + -moz-border-radius-topright: 4px; -moz-border-radius-topleft: 4px; - border-top-left-radius: 4px; } + .nav-tabs.nav-stacked > li:last-child > a { -webkit-border-bottom-right-radius: 4px; - -moz-border-radius-bottomright: 4px; - border-bottom-right-radius: 4px; + border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; + border-bottom-left-radius: 4px; + -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; - border-bottom-left-radius: 4px; } + .nav-tabs.nav-stacked > li > a:hover, .nav-tabs.nav-stacked > li > a:focus { - border-color: #ddd; z-index: 2; + border-color: #ddd; } + .nav-pills.nav-stacked > li > a { margin-bottom: 3px; } + .nav-pills.nav-stacked > li:last-child > a { margin-bottom: 1px; } + .nav-tabs .dropdown-menu { -webkit-border-radius: 0 0 6px 6px; - -moz-border-radius: 0 0 6px 6px; - border-radius: 0 0 6px 6px; + -moz-border-radius: 0 0 6px 6px; + border-radius: 0 0 6px 6px; } + .nav-pills .dropdown-menu { -webkit-border-radius: 6px; - -moz-border-radius: 6px; - border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; } + .nav .dropdown-toggle .caret { + margin-top: 6px; border-top-color: #0088cc; border-bottom-color: #0088cc; - margin-top: 6px; } + .nav .dropdown-toggle:hover .caret, .nav .dropdown-toggle:focus .caret { border-top-color: #005580; border-bottom-color: #005580; } + /* move down carets for tabs */ + .nav-tabs .dropdown-toggle .caret { margin-top: 8px; } + .nav .active .dropdown-toggle .caret { border-top-color: #fff; border-bottom-color: #fff; } + .nav-tabs .active .dropdown-toggle .caret { border-top-color: #555555; border-bottom-color: #555555; } + .nav > .dropdown.active > a:hover, .nav > .dropdown.active > a:focus { cursor: pointer; } + .nav-tabs .open .dropdown-toggle, .nav-pills .open .dropdown-toggle, .nav > li.dropdown.open.active > a:hover, @@ -3521,6 +4183,7 @@ input[type="submit"].btn.btn-mini { background-color: #999999; border-color: #999999; } + .nav li.dropdown.open .caret, .nav li.dropdown.open.active .caret, .nav li.dropdown.open a:hover .caret, @@ -3530,131 +4193,158 @@ input[type="submit"].btn.btn-mini { opacity: 1; filter: alpha(opacity=100); } + .tabs-stacked .open > a:hover, .tabs-stacked .open > a:focus { border-color: #999999; } + .tabbable { *zoom: 1; } + .tabbable:before, .tabbable:after { display: table; - content: ""; line-height: 0; + content: ""; } + .tabbable:after { clear: both; } + .tab-content { overflow: auto; } + .tabs-below > .nav-tabs, .tabs-right > .nav-tabs, .tabs-left > .nav-tabs { border-bottom: 0; } + .tab-content > .tab-pane, .pill-content > .pill-pane { display: none; } + .tab-content > .active, .pill-content > .active { display: block; } + .tabs-below > .nav-tabs { border-top: 1px solid #ddd; } + .tabs-below > .nav-tabs > li { margin-top: -1px; margin-bottom: 0; } + .tabs-below > .nav-tabs > li > a { -webkit-border-radius: 0 0 4px 4px; - -moz-border-radius: 0 0 4px 4px; - border-radius: 0 0 4px 4px; + -moz-border-radius: 0 0 4px 4px; + border-radius: 0 0 4px 4px; } + .tabs-below > .nav-tabs > li > a:hover, .tabs-below > .nav-tabs > li > a:focus { - border-bottom-color: transparent; border-top-color: #ddd; + border-bottom-color: transparent; } + .tabs-below > .nav-tabs > .active > a, .tabs-below > .nav-tabs > .active > a:hover, .tabs-below > .nav-tabs > .active > a:focus { border-color: transparent #ddd #ddd #ddd; } + .tabs-left > .nav-tabs > li, .tabs-right > .nav-tabs > li { float: none; } + .tabs-left > .nav-tabs > li > a, .tabs-right > .nav-tabs > li > a { min-width: 74px; margin-right: 0; margin-bottom: 3px; } + .tabs-left > .nav-tabs { float: left; margin-right: 19px; border-right: 1px solid #ddd; } + .tabs-left > .nav-tabs > li > a { margin-right: -1px; -webkit-border-radius: 4px 0 0 4px; - -moz-border-radius: 4px 0 0 4px; - border-radius: 4px 0 0 4px; + -moz-border-radius: 4px 0 0 4px; + border-radius: 4px 0 0 4px; } + .tabs-left > .nav-tabs > li > a:hover, .tabs-left > .nav-tabs > li > a:focus { border-color: #eeeeee #dddddd #eeeeee #eeeeee; } + .tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a:hover, .tabs-left > .nav-tabs .active > a:focus { border-color: #ddd transparent #ddd #ddd; *border-right-color: #ffffff; } + .tabs-right > .nav-tabs { float: right; margin-left: 19px; border-left: 1px solid #ddd; } + .tabs-right > .nav-tabs > li > a { margin-left: -1px; -webkit-border-radius: 0 4px 4px 0; - -moz-border-radius: 0 4px 4px 0; - border-radius: 0 4px 4px 0; + -moz-border-radius: 0 4px 4px 0; + border-radius: 0 4px 4px 0; } + .tabs-right > .nav-tabs > li > a:hover, .tabs-right > .nav-tabs > li > a:focus { border-color: #eeeeee #eeeeee #eeeeee #dddddd; } + .tabs-right > .nav-tabs .active > a, .tabs-right > .nav-tabs .active > a:hover, .tabs-right > .nav-tabs .active > a:focus { border-color: #ddd #ddd #ddd transparent; *border-left-color: #ffffff; } + .nav > .disabled > a { color: #999999; } + .nav > .disabled > a:hover, .nav > .disabled > a:focus { text-decoration: none; - background-color: transparent; cursor: default; + background-color: transparent; } + .navbar { - overflow: visible; - margin-bottom: 20px; *position: relative; *z-index: 2; + margin-bottom: 20px; + overflow: visible; } + .navbar-inner { min-height: 40px; - padding-left: 20px; padding-right: 20px; + padding-left: 20px; background-color: #fafafa; background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2)); @@ -3662,35 +4352,40 @@ input[type="submit"].btn.btn-mini { background-image: -o-linear-gradient(top, #ffffff, #f2f2f2); background-image: linear-gradient(to bottom, #ffffff, #f2f2f2); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0); border: 1px solid #d4d4d4; -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; - -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); - -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); - box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); + -moz-border-radius: 4px; + border-radius: 4px; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0); *zoom: 1; + -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); + -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); + box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); } + .navbar-inner:before, .navbar-inner:after { display: table; - content: ""; line-height: 0; + content: ""; } + .navbar-inner:after { clear: both; } + .navbar .container { width: auto; } + .nav-collapse.collapse { height: auto; overflow: visible; } + .navbar .brand { - float: left; display: block; + float: left; padding: 10px 20px 10px; margin-left: -20px; font-size: 20px; @@ -3698,102 +4393,122 @@ input[type="submit"].btn.btn-mini { color: #777777; text-shadow: 0 1px 0 #ffffff; } + .navbar .brand:hover, .navbar .brand:focus { text-decoration: none; } + .navbar-text { margin-bottom: 0; line-height: 40px; color: #777777; } + .navbar-link { color: #777777; } + .navbar-link:hover, .navbar-link:focus { color: #333333; } + .navbar .divider-vertical { height: 40px; margin: 0 9px; - border-left: 1px solid #f2f2f2; border-right: 1px solid #ffffff; + border-left: 1px solid #f2f2f2; } + .navbar .btn, .navbar .btn-group { margin-top: 5px; } + .navbar .btn-group .btn, .navbar .input-prepend .btn, .navbar .input-append .btn { margin-top: 0; } + .navbar-form { margin-bottom: 0; *zoom: 1; } + .navbar-form:before, .navbar-form:after { display: table; - content: ""; line-height: 0; + content: ""; } + .navbar-form:after { clear: both; } + .navbar-form input, .navbar-form select, .navbar-form .radio, .navbar-form .checkbox { margin-top: 5px; } + .navbar-form input, .navbar-form select, .navbar-form .btn { display: inline-block; margin-bottom: 0; } + .navbar-form input[type="image"], .navbar-form input[type="checkbox"], .navbar-form input[type="radio"] { margin-top: 3px; } + .navbar-form .input-append, .navbar-form .input-prepend { margin-top: 5px; white-space: nowrap; } + .navbar-form .input-append input, .navbar-form .input-prepend input { margin-top: 0; } + .navbar-search { position: relative; float: left; margin-top: 5px; margin-bottom: 0; } + .navbar-search .search-query { - margin-bottom: 0; padding: 4px 14px; + margin-bottom: 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; font-weight: normal; line-height: 1; -webkit-border-radius: 15px; - -moz-border-radius: 15px; - border-radius: 15px; + -moz-border-radius: 15px; + border-radius: 15px; } + .navbar-static-top { position: static; margin-bottom: 0; } + .navbar-static-top .navbar-inner { -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; } + .navbar-fixed-top, .navbar-fixed-bottom { position: fixed; @@ -3802,43 +4517,52 @@ input[type="submit"].btn.btn-mini { z-index: 1030; margin-bottom: 0; } + .navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner { border-width: 0 0 1px; } + .navbar-fixed-bottom .navbar-inner { border-width: 1px 0 0; } + .navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner { - padding-left: 0; padding-right: 0; + padding-left: 0; -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; } + .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 940px; } + .navbar-fixed-top { top: 0; } + .navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner { - -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.1); - -moz-box-shadow: 0 1px 10px rgba(0,0,0,.1); - box-shadow: 0 1px 10px rgba(0,0,0,.1); + -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); + box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); } + .navbar-fixed-bottom { bottom: 0; } + .navbar-fixed-bottom .navbar-inner { - -webkit-box-shadow: 0 -1px 10px rgba(0,0,0,.1); - -moz-box-shadow: 0 -1px 10px rgba(0,0,0,.1); - box-shadow: 0 -1px 10px rgba(0,0,0,.1); + -webkit-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1); + box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1); } + .navbar .nav { position: relative; left: 0; @@ -3846,13 +4570,16 @@ input[type="submit"].btn.btn-mini { float: left; margin: 0 10px 0 0; } + .navbar .nav.pull-right { float: right; margin-right: 0; } + .navbar .nav > li { float: left; } + .navbar .nav > li > a { float: none; padding: 10px 15px 10px; @@ -3860,15 +4587,18 @@ input[type="submit"].btn.btn-mini { text-decoration: none; text-shadow: 0 1px 0 #ffffff; } + .navbar .nav .dropdown-toggle .caret { margin-top: 8px; } + .navbar .nav > li > a:focus, .navbar .nav > li > a:hover { - background-color: transparent; color: #333333; text-decoration: none; + background-color: transparent; } + .navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus { @@ -3876,35 +4606,35 @@ input[type="submit"].btn.btn-mini { text-decoration: none; background-color: #e5e5e5; -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); - -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); - box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); + -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); } + .navbar .btn-navbar { display: none; float: right; padding: 7px 10px; - margin-left: 5px; margin-right: 5px; + margin-left: 5px; color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #ededed; + *background-color: #e5e5e5; background-image: -moz-linear-gradient(top, #f2f2f2, #e5e5e5); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#e5e5e5)); background-image: -webkit-linear-gradient(top, #f2f2f2, #e5e5e5); background-image: -o-linear-gradient(top, #f2f2f2, #e5e5e5); background-image: linear-gradient(to bottom, #f2f2f2, #e5e5e5); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffe5e5e5', GradientType=0); border-color: #e5e5e5 #e5e5e5 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - *background-color: #e5e5e5; - /* Darken IE7 buttons by default so they stand out more given they won't have borders */ - - filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); - -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075); - -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075); - box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffe5e5e5', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075); + -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075); } + .navbar .btn-navbar:hover, .navbar .btn-navbar:focus, .navbar .btn-navbar:active, @@ -3915,105 +4645,121 @@ input[type="submit"].btn.btn-mini { background-color: #e5e5e5; *background-color: #d9d9d9; } + .navbar .btn-navbar:active, .navbar .btn-navbar.active { background-color: #cccccc \9; } + .navbar .btn-navbar .icon-bar { display: block; width: 18px; height: 2px; background-color: #f5f5f5; -webkit-border-radius: 1px; - -moz-border-radius: 1px; - border-radius: 1px; + -moz-border-radius: 1px; + border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); - -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); - box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); + -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); + box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); } + .btn-navbar .icon-bar + .icon-bar { margin-top: 3px; } + .navbar .nav > li > .dropdown-menu:before { - content: ''; + position: absolute; + top: -7px; + left: 9px; display: inline-block; - border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #ccc; + border-left: 7px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.2); - position: absolute; - top: -7px; - left: 9px; + content: ''; } + .navbar .nav > li > .dropdown-menu:after { - content: ''; - display: inline-block; - border-left: 6px solid transparent; - border-right: 6px solid transparent; - border-bottom: 6px solid #ffffff; position: absolute; top: -6px; left: 10px; + display: inline-block; + border-right: 6px solid transparent; + border-bottom: 6px solid #ffffff; + border-left: 6px solid transparent; + content: ''; } + .navbar-fixed-bottom .nav > li > .dropdown-menu:before { + top: auto; + bottom: -7px; border-top: 7px solid #ccc; - border-top-color: rgba(0, 0, 0, 0.2); border-bottom: 0; - bottom: -7px; - top: auto; + border-top-color: rgba(0, 0, 0, 0.2); } + .navbar-fixed-bottom .nav > li > .dropdown-menu:after { + top: auto; + bottom: -6px; border-top: 6px solid #ffffff; border-bottom: 0; - bottom: -6px; - top: auto; } + .navbar .nav li.dropdown > a:hover .caret, .navbar .nav li.dropdown > a:focus .caret { border-top-color: #555555; border-bottom-color: #555555; } + .navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle { - background-color: #e5e5e5; color: #555555; + background-color: #e5e5e5; } + .navbar .nav li.dropdown > .dropdown-toggle .caret { border-top-color: #777777; border-bottom-color: #777777; } + .navbar .nav li.dropdown.open > .dropdown-toggle .caret, .navbar .nav li.dropdown.active > .dropdown-toggle .caret, .navbar .nav li.dropdown.open.active > .dropdown-toggle .caret { border-top-color: #555555; border-bottom-color: #555555; } + .navbar .pull-right > li > .dropdown-menu, .navbar .nav > li > .dropdown-menu.pull-right { - left: auto; right: 0; + left: auto; } + .navbar .pull-right > li > .dropdown-menu:before, .navbar .nav > li > .dropdown-menu.pull-right:before { - left: auto; right: 12px; + left: auto; } + .navbar .pull-right > li > .dropdown-menu:after, .navbar .nav > li > .dropdown-menu.pull-right:after { - left: auto; right: 13px; + left: auto; } + .navbar .pull-right > li > .dropdown-menu .dropdown-menu, .navbar .nav > li > .dropdown-menu.pull-right .dropdown-menu { - left: auto; right: 100%; - margin-left: 0; + left: auto; margin-right: -1px; + margin-left: 0; -webkit-border-radius: 6px 0 6px 6px; - -moz-border-radius: 6px 0 6px 6px; - border-radius: 6px 0 6px 6px; + -moz-border-radius: 6px 0 6px 6px; + border-radius: 6px 0 6px 6px; } + .navbar-inverse .navbar-inner { background-color: #1b1b1b; background-image: -moz-linear-gradient(top, #222222, #111111); @@ -4022,90 +4768,108 @@ input[type="submit"].btn.btn-mini { background-image: -o-linear-gradient(top, #222222, #111111); background-image: linear-gradient(to bottom, #222222, #111111); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0); border-color: #252525; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0); } + .navbar-inverse .brand, .navbar-inverse .nav > li > a { color: #999999; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } + .navbar-inverse .brand:hover, .navbar-inverse .nav > li > a:hover, .navbar-inverse .brand:focus, .navbar-inverse .nav > li > a:focus { color: #ffffff; } + .navbar-inverse .brand { color: #999999; } + .navbar-inverse .navbar-text { color: #999999; } + .navbar-inverse .nav > li > a:focus, .navbar-inverse .nav > li > a:hover { - background-color: transparent; color: #ffffff; + background-color: transparent; } + .navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus { color: #ffffff; background-color: #111111; } + .navbar-inverse .navbar-link { color: #999999; } + .navbar-inverse .navbar-link:hover, .navbar-inverse .navbar-link:focus { color: #ffffff; } + .navbar-inverse .divider-vertical { - border-left-color: #111111; border-right-color: #222222; + border-left-color: #111111; } + .navbar-inverse .nav li.dropdown.open > .dropdown-toggle, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle, .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle { - background-color: #111111; color: #ffffff; + background-color: #111111; } + .navbar-inverse .nav li.dropdown > a:hover .caret, .navbar-inverse .nav li.dropdown > a:focus .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; } + .navbar-inverse .nav li.dropdown > .dropdown-toggle .caret { border-top-color: #999999; border-bottom-color: #999999; } + .navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret, .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; } + .navbar-inverse .navbar-search .search-query { color: #ffffff; background-color: #515151; border-color: #111111; - -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15); - -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15); - box-shadow: inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15); + -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15); + -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15); -webkit-transition: none; - -moz-transition: none; - -o-transition: none; - transition: none; + -moz-transition: none; + -o-transition: none; + transition: none; } + .navbar-inverse .navbar-search .search-query:-moz-placeholder { color: #cccccc; } + .navbar-inverse .navbar-search .search-query:-ms-input-placeholder { color: #cccccc; } + .navbar-inverse .navbar-search .search-query::-webkit-input-placeholder { color: #cccccc; } + .navbar-inverse .navbar-search .search-query:focus, .navbar-inverse .navbar-search .search-query.focused { padding: 5px 15px; @@ -4113,29 +4877,29 @@ input[type="submit"].btn.btn-mini { text-shadow: 0 1px 0 #ffffff; background-color: #ffffff; border: 0; - -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); - -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); - box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); outline: 0; + -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); + -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); + box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); } + .navbar-inverse .btn-navbar { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #0e0e0e; + *background-color: #040404; background-image: -moz-linear-gradient(top, #151515, #040404); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#151515), to(#040404)); background-image: -webkit-linear-gradient(top, #151515, #040404); background-image: -o-linear-gradient(top, #151515, #040404); background-image: linear-gradient(to bottom, #151515, #040404); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff151515', endColorstr='#ff040404', GradientType=0); border-color: #040404 #040404 #000000; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - *background-color: #040404; - /* Darken IE7 buttons by default so they stand out more given they won't have borders */ - - filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff151515', endColorstr='#ff040404', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } + .navbar-inverse .btn-navbar:hover, .navbar-inverse .btn-navbar:focus, .navbar-inverse .btn-navbar:active, @@ -4146,55 +4910,60 @@ input[type="submit"].btn.btn-mini { background-color: #040404; *background-color: #000000; } + .navbar-inverse .btn-navbar:active, .navbar-inverse .btn-navbar.active { background-color: #000000 \9; } + .breadcrumb { padding: 8px 15px; margin: 0 0 20px; list-style: none; background-color: #f5f5f5; -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; } + .breadcrumb > li { display: inline-block; *display: inline; - /* IE7 inline-block hack */ - - *zoom: 1; text-shadow: 0 1px 0 #ffffff; + *zoom: 1; } + .breadcrumb > li > .divider { padding: 0 5px; color: #ccc; } + .breadcrumb > .active { color: #999999; } + .pagination { margin: 20px 0; } + .pagination ul { display: inline-block; *display: inline; - /* IE7 inline-block hack */ - - *zoom: 1; - margin-left: 0; margin-bottom: 0; + margin-left: 0; -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + *zoom: 1; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); - -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); + -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); } + .pagination ul > li { display: inline; } + .pagination ul > li > a, .pagination ul > li > span { float: left; @@ -4205,123 +4974,142 @@ input[type="submit"].btn.btn-mini { border: 1px solid #dddddd; border-left-width: 0; } + .pagination ul > li > a:hover, .pagination ul > li > a:focus, .pagination ul > .active > a, .pagination ul > .active > span { background-color: #f5f5f5; } + .pagination ul > .active > a, .pagination ul > .active > span { color: #999999; cursor: default; } + .pagination ul > .disabled > span, .pagination ul > .disabled > a, .pagination ul > .disabled > a:hover, .pagination ul > .disabled > a:focus { color: #999999; - background-color: transparent; cursor: default; + background-color: transparent; } + .pagination ul > li:first-child > a, .pagination ul > li:first-child > span { border-left-width: 1px; - -webkit-border-top-left-radius: 4px; - -moz-border-radius-topleft: 4px; - border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; + border-bottom-left-radius: 4px; + -webkit-border-top-left-radius: 4px; + border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; - border-bottom-left-radius: 4px; + -moz-border-radius-topleft: 4px; } + .pagination ul > li:last-child > a, .pagination ul > li:last-child > span { -webkit-border-top-right-radius: 4px; - -moz-border-radius-topright: 4px; - border-top-right-radius: 4px; + border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; + border-bottom-right-radius: 4px; + -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; - border-bottom-right-radius: 4px; } + .pagination-centered { text-align: center; } + .pagination-right { text-align: right; } + .pagination-large ul > li > a, .pagination-large ul > li > span { padding: 11px 19px; font-size: 17.5px; } + .pagination-large ul > li:first-child > a, .pagination-large ul > li:first-child > span { - -webkit-border-top-left-radius: 6px; - -moz-border-radius-topleft: 6px; - border-top-left-radius: 6px; -webkit-border-bottom-left-radius: 6px; + border-bottom-left-radius: 6px; + -webkit-border-top-left-radius: 6px; + border-top-left-radius: 6px; -moz-border-radius-bottomleft: 6px; - border-bottom-left-radius: 6px; + -moz-border-radius-topleft: 6px; } + .pagination-large ul > li:last-child > a, .pagination-large ul > li:last-child > span { -webkit-border-top-right-radius: 6px; - -moz-border-radius-topright: 6px; - border-top-right-radius: 6px; + border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; + border-bottom-right-radius: 6px; + -moz-border-radius-topright: 6px; -moz-border-radius-bottomright: 6px; - border-bottom-right-radius: 6px; } + .pagination-mini ul > li:first-child > a, .pagination-small ul > li:first-child > a, .pagination-mini ul > li:first-child > span, .pagination-small ul > li:first-child > span { - -webkit-border-top-left-radius: 3px; - -moz-border-radius-topleft: 3px; - border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; + border-bottom-left-radius: 3px; + -webkit-border-top-left-radius: 3px; + border-top-left-radius: 3px; -moz-border-radius-bottomleft: 3px; - border-bottom-left-radius: 3px; + -moz-border-radius-topleft: 3px; } + .pagination-mini ul > li:last-child > a, .pagination-small ul > li:last-child > a, .pagination-mini ul > li:last-child > span, .pagination-small ul > li:last-child > span { -webkit-border-top-right-radius: 3px; - -moz-border-radius-topright: 3px; - border-top-right-radius: 3px; + border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; + border-bottom-right-radius: 3px; + -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; - border-bottom-right-radius: 3px; } + .pagination-small ul > li > a, .pagination-small ul > li > span { padding: 2px 10px; font-size: 11.9px; } + .pagination-mini ul > li > a, .pagination-mini ul > li > span { padding: 0 6px; font-size: 10.5px; } + .pager { margin: 20px 0; - list-style: none; text-align: center; + list-style: none; *zoom: 1; } + .pager:before, .pager:after { display: table; - content: ""; line-height: 0; + content: ""; } + .pager:after { clear: both; } + .pager li { display: inline; } + .pager li > a, .pager li > span { display: inline-block; @@ -4329,30 +5117,35 @@ input[type="submit"].btn.btn-mini { background-color: #fff; border: 1px solid #ddd; -webkit-border-radius: 15px; - -moz-border-radius: 15px; - border-radius: 15px; + -moz-border-radius: 15px; + border-radius: 15px; } + .pager li > a:hover, .pager li > a:focus { text-decoration: none; background-color: #f5f5f5; } + .pager .next > a, .pager .next > span { float: right; } + .pager .previous > a, .pager .previous > span { float: left; } + .pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span { color: #999999; - background-color: #fff; cursor: default; + background-color: #fff; } + .modal-backdrop { position: fixed; top: 0; @@ -4362,14 +5155,17 @@ input[type="submit"].btn.btn-mini { z-index: 1040; background-color: #000000; } + .modal-backdrop.fade { opacity: 0; } + .modal-backdrop, .modal-backdrop.fade.in { opacity: 0.8; filter: alpha(opacity=80); } + .modal { position: fixed; top: 10%; @@ -4381,49 +5177,55 @@ input[type="submit"].btn.btn-mini { border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.3); *border: 1px solid #999; - /* IE6-7 */ - -webkit-border-radius: 6px; - -moz-border-radius: 6px; - border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; + outline: none; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); - -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); - box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); + -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); + box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -webkit-background-clip: padding-box; - -moz-background-clip: padding-box; - background-clip: padding-box; - outline: none; + -moz-background-clip: padding-box; + background-clip: padding-box; } + .modal.fade { - -webkit-transition: opacity .3s linear, top .3s ease-out; - -moz-transition: opacity .3s linear, top .3s ease-out; - -o-transition: opacity .3s linear, top .3s ease-out; - transition: opacity .3s linear, top .3s ease-out; top: -25%; + -webkit-transition: opacity 0.3s linear, top 0.3s ease-out; + -moz-transition: opacity 0.3s linear, top 0.3s ease-out; + -o-transition: opacity 0.3s linear, top 0.3s ease-out; + transition: opacity 0.3s linear, top 0.3s ease-out; } + .modal.fade.in { top: 10%; } + .modal-header { padding: 9px 15px; border-bottom: 1px solid #eee; } + .modal-header .close { margin-top: 2px; } + .modal-header h3 { margin: 0; line-height: 30px; } + .modal-body { position: relative; - overflow-y: auto; max-height: 400px; padding: 15px; + overflow-y: auto; } + .modal-form { margin-bottom: 0; } + .modal-footer { padding: 14px 15px 15px; margin-bottom: 0; @@ -4431,59 +5233,71 @@ input[type="submit"].btn.btn-mini { background-color: #f5f5f5; border-top: 1px solid #ddd; -webkit-border-radius: 0 0 6px 6px; - -moz-border-radius: 0 0 6px 6px; - border-radius: 0 0 6px 6px; - -webkit-box-shadow: inset 0 1px 0 #ffffff; - -moz-box-shadow: inset 0 1px 0 #ffffff; - box-shadow: inset 0 1px 0 #ffffff; + -moz-border-radius: 0 0 6px 6px; + border-radius: 0 0 6px 6px; *zoom: 1; + -webkit-box-shadow: inset 0 1px 0 #ffffff; + -moz-box-shadow: inset 0 1px 0 #ffffff; + box-shadow: inset 0 1px 0 #ffffff; } + .modal-footer:before, .modal-footer:after { display: table; - content: ""; line-height: 0; + content: ""; } + .modal-footer:after { clear: both; } + .modal-footer .btn + .btn { - margin-left: 5px; margin-bottom: 0; + margin-left: 5px; } + .modal-footer .btn-group .btn + .btn { margin-left: -1px; } + .modal-footer .btn-block + .btn-block { margin-left: 0; } + .tooltip { position: absolute; z-index: 1030; display: block; - visibility: visible; padding: 5px; font-size: 11px; line-height: 1.4; opacity: 0; filter: alpha(opacity=0); + visibility: visible; } + .tooltip.in { opacity: 0.8; filter: alpha(opacity=80); } + .tooltip.top { margin-top: -3px; } + .tooltip.right { margin-left: 3px; } + .tooltip.bottom { margin-top: 3px; } + .tooltip.left { margin-left: -3px; } + .tooltip-inner { max-width: 200px; padding: 8px; @@ -4492,9 +5306,10 @@ input[type="submit"].btn.btn-mini { text-decoration: none; background-color: #000000; -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; } + .tooltip-arrow { position: absolute; width: 0; @@ -4502,34 +5317,39 @@ input[type="submit"].btn.btn-mini { border-color: transparent; border-style: solid; } + .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; - border-width: 5px 5px 0; border-top-color: #000000; + border-width: 5px 5px 0; } + .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; - border-width: 5px 5px 5px 0; border-right-color: #000000; + border-width: 5px 5px 5px 0; } + .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; - border-width: 5px 0 5px 5px; border-left-color: #000000; + border-width: 5px 0 5px 5px; } + .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; - border-width: 0 5px 5px; border-bottom-color: #000000; + border-width: 0 5px 5px; } + .popover { position: absolute; top: 0; @@ -4539,50 +5359,58 @@ input[type="submit"].btn.btn-mini { max-width: 276px; padding: 1px; text-align: left; + white-space: normal; background-color: #ffffff; - -webkit-background-clip: padding-box; - -moz-background-clip: padding; - background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-border-radius: 6px; - -moz-border-radius: 6px; - border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); - -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); - box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); - white-space: normal; + -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + -webkit-background-clip: padding-box; + -moz-background-clip: padding; + background-clip: padding-box; } + .popover.top { margin-top: -10px; } + .popover.right { margin-left: 10px; } + .popover.bottom { margin-top: 10px; } + .popover.left { margin-left: -10px; } + .popover-title { - margin: 0; padding: 8px 14px; + margin: 0; font-size: 14px; font-weight: normal; line-height: 18px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + border-radius: 5px 5px 0 0; } + .popover-title:empty { display: none; } + .popover-content { padding: 9px 14px; } + .popover .arrow, .popover .arrow:after { position: absolute; @@ -4592,153 +5420,181 @@ input[type="submit"].btn.btn-mini { border-color: transparent; border-style: solid; } + .popover .arrow { border-width: 11px; } + .popover .arrow:after { border-width: 10px; content: ""; } + .popover.top .arrow { + bottom: -11px; left: 50%; margin-left: -11px; - border-bottom-width: 0; border-top-color: #999; border-top-color: rgba(0, 0, 0, 0.25); - bottom: -11px; + border-bottom-width: 0; } + .popover.top .arrow:after { bottom: 1px; margin-left: -10px; - border-bottom-width: 0; border-top-color: #ffffff; + border-bottom-width: 0; } + .popover.right .arrow { top: 50%; left: -11px; margin-top: -11px; - border-left-width: 0; border-right-color: #999; border-right-color: rgba(0, 0, 0, 0.25); + border-left-width: 0; } + .popover.right .arrow:after { - left: 1px; bottom: -10px; - border-left-width: 0; + left: 1px; border-right-color: #ffffff; + border-left-width: 0; } + .popover.bottom .arrow { + top: -11px; left: 50%; margin-left: -11px; - border-top-width: 0; border-bottom-color: #999; border-bottom-color: rgba(0, 0, 0, 0.25); - top: -11px; + border-top-width: 0; } + .popover.bottom .arrow:after { top: 1px; margin-left: -10px; - border-top-width: 0; border-bottom-color: #ffffff; + border-top-width: 0; } + .popover.left .arrow { top: 50%; right: -11px; margin-top: -11px; - border-right-width: 0; border-left-color: #999; border-left-color: rgba(0, 0, 0, 0.25); + border-right-width: 0; } + .popover.left .arrow:after { right: 1px; - border-right-width: 0; - border-left-color: #ffffff; bottom: -10px; + border-left-color: #ffffff; + border-right-width: 0; } + .thumbnails { margin-left: -20px; list-style: none; *zoom: 1; } + .thumbnails:before, .thumbnails:after { display: table; - content: ""; line-height: 0; + content: ""; } + .thumbnails:after { clear: both; } + .row-fluid .thumbnails { margin-left: 0; } + .thumbnails > li { float: left; margin-bottom: 20px; margin-left: 20px; } + .thumbnail { display: block; padding: 4px; line-height: 20px; border: 1px solid #ddd; -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); - -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); + -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; + -moz-transition: all 0.2s ease-in-out; + -o-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; } + a.thumbnail:hover, a.thumbnail:focus { border-color: #0088cc; -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); - -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); - box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); + -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); + box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); } + .thumbnail > img { display: block; max-width: 100%; - margin-left: auto; margin-right: auto; + margin-left: auto; } + .thumbnail .caption { padding: 9px; color: #555555; } + .media, .media-body { overflow: hidden; *overflow: visible; zoom: 1; } + .media, .media .media { margin-top: 15px; } + .media:first-child { margin-top: 0; } + .media-object { display: block; } + .media-heading { margin: 0 0 5px; } + .media > .pull-left { margin-right: 10px; } + .media > .pull-right { margin-left: 10px; } + .media-list { margin-left: 0; list-style: none; } + .label, .badge { display: inline-block; @@ -4747,27 +5603,31 @@ a.thumbnail:focus { font-weight: bold; line-height: 14px; color: #ffffff; - vertical-align: baseline; - white-space: nowrap; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + white-space: nowrap; + vertical-align: baseline; background-color: #999999; } + .label { -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; } + .badge { - padding-left: 9px; padding-right: 9px; + padding-left: 9px; -webkit-border-radius: 9px; - -moz-border-radius: 9px; - border-radius: 9px; + -moz-border-radius: 9px; + border-radius: 9px; } + .label:empty, .badge:empty { display: none; } + a.label:hover, a.label:focus, a.badge:hover, @@ -4776,55 +5636,68 @@ a.badge:focus { text-decoration: none; cursor: pointer; } + .label-important, .badge-important { background-color: #b94a48; } + .label-important[href], .badge-important[href] { background-color: #953b39; } + .label-warning, .badge-warning { background-color: #f89406; } + .label-warning[href], .badge-warning[href] { background-color: #c67605; } + .label-success, .badge-success { background-color: #468847; } + .label-success[href], .badge-success[href] { background-color: #356635; } + .label-info, .badge-info { background-color: #3a87ad; } + .label-info[href], .badge-info[href] { background-color: #2d6987; } + .label-inverse, .badge-inverse { background-color: #333333; } + .label-inverse[href], .badge-inverse[href] { background-color: #1a1a1a; } + .btn .label, .btn .badge { position: relative; top: -1px; } + .btn-mini .label, .btn-mini .badge { top: 0; } + @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; @@ -4833,6 +5706,7 @@ a.badge:focus { background-position: 0 0; } } + @-moz-keyframes progress-bar-stripes { from { background-position: 40px 0; @@ -4841,6 +5715,7 @@ a.badge:focus { background-position: 0 0; } } + @-ms-keyframes progress-bar-stripes { from { background-position: 40px 0; @@ -4849,6 +5724,7 @@ a.badge:focus { background-position: 0 0; } } + @-o-keyframes progress-bar-stripes { from { background-position: 0 0; @@ -4857,6 +5733,7 @@ a.badge:focus { background-position: 40px 0; } } + @keyframes progress-bar-stripes { from { background-position: 40px 0; @@ -4865,10 +5742,11 @@ a.badge:focus { background-position: 0 0; } } + .progress { - overflow: hidden; height: 20px; margin-bottom: 20px; + overflow: hidden; background-color: #f7f7f7; background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9)); @@ -4876,20 +5754,21 @@ a.badge:focus { background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9); background-repeat: repeat-x; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; + -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); } + .progress .bar { - width: 0%; - height: 100%; - color: #ffffff; float: left; + width: 0; + height: 100%; font-size: 12px; + color: #ffffff; text-align: center; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #0e90d2; @@ -4901,21 +5780,23 @@ a.badge:focus { background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0); -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); - -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); + -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; -webkit-transition: width 0.6s ease; - -moz-transition: width 0.6s ease; - -o-transition: width 0.6s ease; - transition: width 0.6s ease; + -moz-transition: width 0.6s ease; + -o-transition: width 0.6s ease; + transition: width 0.6s ease; } + .progress .bar + .bar { - -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15); - -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15); - box-shadow: inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15); + -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15); + -moz-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15); + box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15); } + .progress-striped .bar { background-color: #149bdf; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); @@ -4924,17 +5805,19 @@ a.badge:focus { background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 40px 40px; - -moz-background-size: 40px 40px; - -o-background-size: 40px 40px; - background-size: 40px 40px; + -moz-background-size: 40px 40px; + -o-background-size: 40px 40px; + background-size: 40px 40px; } + .progress.active .bar { -webkit-animation: progress-bar-stripes 2s linear infinite; - -moz-animation: progress-bar-stripes 2s linear infinite; - -ms-animation: progress-bar-stripes 2s linear infinite; - -o-animation: progress-bar-stripes 2s linear infinite; - animation: progress-bar-stripes 2s linear infinite; + -moz-animation: progress-bar-stripes 2s linear infinite; + -ms-animation: progress-bar-stripes 2s linear infinite; + -o-animation: progress-bar-stripes 2s linear infinite; + animation: progress-bar-stripes 2s linear infinite; } + .progress-danger .bar, .progress .bar-danger { background-color: #dd514c; @@ -4946,6 +5829,7 @@ a.badge:focus { background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0); } + .progress-danger.progress-striped .bar, .progress-striped .bar-danger { background-color: #ee5f5b; @@ -4955,6 +5839,7 @@ a.badge:focus { background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } + .progress-success .bar, .progress .bar-success { background-color: #5eb95e; @@ -4966,6 +5851,7 @@ a.badge:focus { background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0); } + .progress-success.progress-striped .bar, .progress-striped .bar-success { background-color: #62c462; @@ -4975,6 +5861,7 @@ a.badge:focus { background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } + .progress-info .bar, .progress .bar-info { background-color: #4bb1cf; @@ -4986,6 +5873,7 @@ a.badge:focus { background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0); } + .progress-info.progress-striped .bar, .progress-striped .bar-info { background-color: #5bc0de; @@ -4995,6 +5883,7 @@ a.badge:focus { background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } + .progress-warning .bar, .progress .bar-warning { background-color: #faa732; @@ -5006,6 +5895,7 @@ a.badge:focus { background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0); } + .progress-warning.progress-striped .bar, .progress-striped .bar-warning { background-color: #fbb450; @@ -5015,82 +5905,101 @@ a.badge:focus { background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } + .accordion { margin-bottom: 20px; } + .accordion-group { margin-bottom: 2px; border: 1px solid #e5e5e5; -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; } + .accordion-heading { border-bottom: 0; } + .accordion-heading .accordion-toggle { display: block; padding: 8px 15px; } + .accordion-toggle { cursor: pointer; } + .accordion-inner { padding: 9px 15px; border-top: 1px solid #e5e5e5; } + .carousel { position: relative; margin-bottom: 20px; line-height: 1; } + .carousel-inner { - overflow: hidden; - width: 100%; position: relative; + width: 100%; + overflow: hidden; } + .carousel-inner > .item { - display: none; position: relative; + display: none; -webkit-transition: 0.6s ease-in-out left; - -moz-transition: 0.6s ease-in-out left; - -o-transition: 0.6s ease-in-out left; - transition: 0.6s ease-in-out left; + -moz-transition: 0.6s ease-in-out left; + -o-transition: 0.6s ease-in-out left; + transition: 0.6s ease-in-out left; } + .carousel-inner > .item > img { display: block; line-height: 1; } + .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; } + .carousel-inner > .active { left: 0; } + .carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } + .carousel-inner > .next { left: 100%; } + .carousel-inner > .prev { left: -100%; } + .carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; } + .carousel-inner > .active.left { left: -100%; } + .carousel-inner > .active.right { left: 100%; } + .carousel-control { position: absolute; top: 40%; @@ -5106,15 +6015,17 @@ a.badge:focus { background: #222222; border: 3px solid #ffffff; -webkit-border-radius: 23px; - -moz-border-radius: 23px; - border-radius: 23px; + -moz-border-radius: 23px; + border-radius: 23px; opacity: 0.5; filter: alpha(opacity=50); } + .carousel-control.right { - left: auto; right: 15px; + left: auto; } + .carousel-control:hover, .carousel-control:focus { color: #ffffff; @@ -5122,6 +6033,7 @@ a.badge:focus { opacity: 0.9; filter: alpha(opacity=90); } + .carousel-indicators { position: absolute; top: 15px; @@ -5130,6 +6042,7 @@ a.badge:focus { margin: 0; list-style: none; } + .carousel-indicators li { display: block; float: left; @@ -5141,29 +6054,35 @@ a.badge:focus { background-color: rgba(255, 255, 255, 0.25); border-radius: 5px; } + .carousel-indicators .active { background-color: #fff; } + .carousel-caption { position: absolute; - left: 0; right: 0; bottom: 0; + left: 0; padding: 15px; background: #333333; background: rgba(0, 0, 0, 0.75); } + .carousel-caption h4, .carousel-caption p { - color: #ffffff; line-height: 20px; + color: #ffffff; } + .carousel-caption h4 { margin: 0 0 5px; } + .carousel-caption p { margin-bottom: 0; } + .hero-unit { padding: 60px; margin-bottom: 30px; @@ -5173,34 +6092,42 @@ a.badge:focus { color: inherit; background-color: #eeeeee; -webkit-border-radius: 6px; - -moz-border-radius: 6px; - border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; } + .hero-unit h1 { margin-bottom: 0; font-size: 60px; line-height: 1; - color: inherit; letter-spacing: -1px; + color: inherit; } + .hero-unit li { line-height: 30px; } + .pull-right { float: right; } + .pull-left { float: left; } + .hide { display: none; } + .show { display: block; } + .invisible { visibility: hidden; } + .affix { position: fixed; } -- cgit v1.2.3 From 7a3f078fb487323246ccf64460b7efaf7d478afc Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 12 Jan 2013 13:15:19 -0800 Subject: Remove parent div from pagination component * No more div.pagination; it's now just ul.pagination * No more .pagination-right or .pagination-centered * Sizes remain * Any further customization, such as alignment, should be done on the individual application or site level. --- docs/assets/css/bootstrap.css | 81 ++++++++++++++++++------------------------- 1 file changed, 34 insertions(+), 47 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 944292719..b707ef309 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3746,24 +3746,19 @@ fieldset[disabled] .navbar-inverse .btn-navbar { } .pagination { - margin: 20px 0; -} - -.pagination ul { display: inline-block; - margin-bottom: 0; - margin-left: 0; + margin: 20px 0; border-radius: 4px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); } -.pagination ul > li { +.pagination > li { display: inline; } -.pagination ul > li > a, -.pagination ul > li > span { +.pagination > li > a, +.pagination > li > span { float: left; padding: 4px 12px; line-height: 20px; @@ -3773,89 +3768,81 @@ fieldset[disabled] .navbar-inverse .btn-navbar { border-left-width: 0; } -.pagination ul > li > a:hover, -.pagination ul > .active > a, -.pagination ul > .active > span { +.pagination > li > a:hover, +.pagination > .active > a, +.pagination > .active > span { background-color: #f5f5f5; } -.pagination ul > .active > a, -.pagination ul > .active > span { +.pagination > .active > a, +.pagination > .active > span { color: #999999; cursor: default; } -.pagination ul > .disabled > span, -.pagination ul > .disabled > a, -.pagination ul > .disabled > a:hover { +.pagination > .disabled > span, +.pagination > .disabled > a, +.pagination > .disabled > a:hover { color: #999999; cursor: default; background-color: transparent; } -.pagination ul > li:first-child > a, -.pagination ul > li:first-child > span { +.pagination > li:first-child > a, +.pagination > li:first-child > span { border-left-width: 1px; border-bottom-left-radius: 4px; border-top-left-radius: 4px; } -.pagination ul > li:last-child > a, -.pagination ul > li:last-child > span { +.pagination > li:last-child > a, +.pagination > li:last-child > span { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } -.pagination-centered { - text-align: center; -} - -.pagination-right { - text-align: right; -} - -.pagination-large ul > li > a, -.pagination-large ul > li > span { +.pagination-large > li > a, +.pagination-large > li > span { padding: 11px 19px; font-size: 17.5px; } -.pagination-large ul > li:first-child > a, -.pagination-large ul > li:first-child > span { +.pagination-large > li:first-child > a, +.pagination-large > li:first-child > span { border-bottom-left-radius: 6px; border-top-left-radius: 6px; } -.pagination-large ul > li:last-child > a, -.pagination-large ul > li:last-child > span { +.pagination-large > li:last-child > a, +.pagination-large > li:last-child > span { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } -.pagination-mini ul > li:first-child > a, -.pagination-small ul > li:first-child > a, -.pagination-mini ul > li:first-child > span, -.pagination-small ul > li:first-child > span { +.pagination-mini > li:first-child > a, +.pagination-small > li:first-child > a, +.pagination-mini > li:first-child > span, +.pagination-small > li:first-child > span { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } -.pagination-mini ul > li:last-child > a, -.pagination-small ul > li:last-child > a, -.pagination-mini ul > li:last-child > span, -.pagination-small ul > li:last-child > span { +.pagination-mini > li:last-child > a, +.pagination-small > li:last-child > a, +.pagination-mini > li:last-child > span, +.pagination-small > li:last-child > span { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } -.pagination-small ul > li > a, -.pagination-small ul > li > span { +.pagination-small > li > a, +.pagination-small > li > span { padding: 2px 10px; font-size: 11.9px; } -.pagination-mini ul > li > a, -.pagination-mini ul > li > span { +.pagination-mini > li > a, +.pagination-mini > li > span { padding: 0 6px; font-size: 10.5px; } -- cgit v1.2.3 From ff02043bbc5a6dca3eec734a274e91cffc611dd4 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 12 Jan 2013 14:31:18 -0800 Subject: Flatten navbar --- docs/assets/css/bootstrap.css | 48 ++++++++++++++++--------------------------- 1 file changed, 18 insertions(+), 30 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index fb7a75cbe..a8b8c323f 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3058,10 +3058,7 @@ fieldset[disabled] .btn-link:hover { margin-bottom: 20px; overflow: visible; background-color: #f2f2f2; - border: 1px solid #d4d4d4; border-radius: 4px; - -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); - box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); } .navbar:before, @@ -3225,16 +3222,8 @@ fieldset[disabled] .btn-link:hover { top: 0; } -.navbar-fixed-top, -.navbar-static-top { - -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); - box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); -} - .navbar-fixed-bottom { bottom: 0; - -webkit-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1); - box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1); } .navbar .nav { @@ -3424,8 +3413,7 @@ fieldset[disabled] .navbar .btn-navbar { } .navbar-inverse { - background-color: #111111; - border-color: #111111; + background-color: #222222; } .navbar-inverse .brand, @@ -3457,7 +3445,7 @@ fieldset[disabled] .navbar .btn-navbar { .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus { color: #ffffff; - background-color: #111111; + background-color: #222222; } .navbar-inverse .navbar-link { @@ -3470,14 +3458,14 @@ fieldset[disabled] .navbar .btn-navbar { .navbar-inverse .divider-vertical { border-right-color: #222222; - border-left-color: #111111; + border-left-color: #222222; } .navbar-inverse .nav li.dropdown.open > .dropdown-toggle, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle, .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle { color: #ffffff; - background-color: #111111; + background-color: #222222; } .navbar-inverse .nav li.dropdown > a:hover .caret { @@ -3499,8 +3487,8 @@ fieldset[disabled] .navbar .btn-navbar { .navbar-inverse .navbar-search .search-query { color: #fff; - background-color: #515151; - border-color: #111111; + background-color: #626262; + border-color: #222222; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15); -webkit-transition: none; @@ -3536,22 +3524,22 @@ fieldset[disabled] .navbar .btn-navbar { .navbar-inverse .btn-navbar { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - background-color: #040404; - background-image: -moz-linear-gradient(top, #151515, #040404); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#151515), to(#040404)); - background-image: -webkit-linear-gradient(top, #151515, #040404); - background-image: -o-linear-gradient(top, #151515, #040404); - background-image: linear-gradient(to bottom, #151515, #040404); + background-color: #151515; + background-image: -moz-linear-gradient(top, #151515, #151515); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#151515), to(#151515)); + background-image: -webkit-linear-gradient(top, #151515, #151515); + background-image: -o-linear-gradient(top, #151515, #151515); + background-image: linear-gradient(to bottom, #151515, #151515); background-repeat: repeat-x; - border-color: #000000; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff151515', endColorstr='#ff040404', GradientType=0); + border-color: #020202; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff151515', endColorstr='#ff151515', GradientType=0); } .navbar-inverse .btn-navbar:hover, .navbar-inverse .btn-navbar:active, .navbar-inverse .btn-navbar.active { color: #ffffff; - background-color: #040404; + background-color: #151515; background-position: 0 -15px; } @@ -5097,7 +5085,7 @@ a.badge:hover { } .navbar-inverse .nav-collapse .nav > li > a:hover, .navbar-inverse .nav-collapse .dropdown-menu a:hover { - background-color: #111111; + background-color: #222222; } .nav-collapse.in .btn-group { padding: 0; @@ -5144,8 +5132,8 @@ a.badge:hover { } .navbar-inverse .nav-collapse .navbar-form, .navbar-inverse .nav-collapse .navbar-search { - border-top-color: #111111; - border-bottom-color: #111111; + border-top-color: #222222; + border-bottom-color: #222222; } .navbar .nav-collapse .nav.pull-right { float: none; -- cgit v1.2.3 From a9a66e9c341cf21bc53f2ce174254d4c615b400a Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 12 Jan 2013 17:51:57 -0800 Subject: finetune buttons flattened colors --- docs/assets/css/bootstrap.css | 150 +++++++++++++++++++++++++++--------------- 1 file changed, 96 insertions(+), 54 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index a8b8c323f..469c6f42f 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -219,12 +219,12 @@ textarea { } a { - color: #0088cc; + color: #428bca; text-decoration: none; } a:hover { - color: #005580; + color: #2a6496; text-decoration: underline; } @@ -2260,29 +2260,29 @@ table th[class*="span"] { .dropdown-menu li > a:focus { color: #ffffff; text-decoration: none; - background-color: #0077b3; - background-image: -moz-linear-gradient(top, #0088cc, #0077b3); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3)); - background-image: -webkit-linear-gradient(top, #0088cc, #0077b3); - background-image: -o-linear-gradient(top, #0088cc, #0077b3); - background-image: linear-gradient(to bottom, #0088cc, #0077b3); + background-color: #357ebd; + background-image: -moz-linear-gradient(top, #428bca, #357ebd); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#428bca), to(#357ebd)); + background-image: -webkit-linear-gradient(top, #428bca, #357ebd); + background-image: -o-linear-gradient(top, #428bca, #357ebd); + background-image: linear-gradient(to bottom, #428bca, #357ebd); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0); } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover { color: #ffffff; text-decoration: none; - background-color: #0077b3; - background-image: -moz-linear-gradient(top, #0088cc, #0077b3); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3)); - background-image: -webkit-linear-gradient(top, #0088cc, #0077b3); - background-image: -o-linear-gradient(top, #0088cc, #0077b3); - background-image: linear-gradient(to bottom, #0088cc, #0077b3); + background-color: #357ebd; + background-image: -moz-linear-gradient(top, #428bca, #357ebd); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#428bca), to(#357ebd)); + background-image: -webkit-linear-gradient(top, #428bca, #357ebd); + background-image: -o-linear-gradient(top, #428bca, #357ebd); + background-image: linear-gradient(to bottom, #428bca, #357ebd); background-repeat: repeat-x; outline: 0; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0); } .dropdown-menu > .disabled > a, @@ -2411,15 +2411,16 @@ button.close { .btn { display: inline-block; - padding: 7px 13px; + padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: bold; line-height: 20px; text-align: center; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); vertical-align: middle; cursor: pointer; - border: 0; + border: 1px solid #a7a9aa; border-radius: 4px; } @@ -2437,8 +2438,8 @@ button.close { .btn.active { background-image: none; outline: 0; - -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 1px 0 rgba(255, 255, 255, 0.1); - box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 1px 0 rgba(255, 255, 255, 0.1); + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn.disabled, @@ -2505,23 +2506,63 @@ input[type="button"].btn-block { .btn { color: #fff; - background-color: #ccc; + background-color: #a7a9aa; + border-color: #a7a9aa; +} + +.btn:hover, +.btn:focus, +.btn:active { + background-color: #9a9c9d; + border-color: #8d9091; } .btn-primary { - background-color: #0088cc; + background-color: #428bca; + border-color: #428bca; +} + +.btn-primary:hover, +.btn-primary:focus, +.btn-primary:active { + background-color: #357ebd; + border-color: #3071a9; } .btn-warning { - background-color: #fbb450; + background-color: #f0ad4e; + border-color: #f0ad4e; +} + +.btn-warning:hover, +.btn-warning:focus, +.btn-warning:active { + background-color: #eea236; + border-color: #ec971f; } .btn-danger { - background-color: #ee5f5b; + background-color: #d9534f; + border-color: #d9534f; +} + +.btn-danger:hover, +.btn-danger:focus, +.btn-danger:active { + background-color: #d43f3a; + border-color: #c9302c; } .btn-success { - background-color: #62c462; + background-color: #5cb85c; + border-color: #5cb85c; +} + +.btn-success:hover, +.btn-success:focus, +.btn-success:active { + background-color: #4cae4c; + border-color: #449d44; } .btn-link, @@ -2535,14 +2576,15 @@ fieldset[disabled] .btn-link { } .btn-link { - color: #0088cc; + font-weight: normal; + color: #428bca; cursor: pointer; border-color: transparent; border-radius: 0; } .btn-link:hover { - color: #005580; + color: #2a6496; text-decoration: underline; background-color: transparent; } @@ -2649,32 +2691,32 @@ fieldset[disabled] .btn-link:hover { padding-left: 12px; } +.btn-group.open { + /* .btn.dropdown-toggle { + background-color: @btn-background-highlight; + } + .btn-primary.dropdown-toggle { + background-color: @btn-background-primary-highlight; + } + .btn-warning.dropdown-toggle { + background-color: @btn-background-warning-highlight; + } + .btn-danger.dropdown-toggle { + background-color: @btn-background-danger-highlight; + } + .btn-success.dropdown-toggle { + background-color: @btn-background-success-highlight; + } +*/ + +} + .btn-group.open .dropdown-toggle { background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15); } -.btn-group.open .btn.dropdown-toggle { - background-color: #eaeaea; -} - -.btn-group.open .btn-primary.dropdown-toggle { - background-color: #006699; -} - -.btn-group.open .btn-warning.dropdown-toggle { - background-color: #f89406; -} - -.btn-group.open .btn-danger.dropdown-toggle { - background-color: #bd362f; -} - -.btn-group.open .btn-success.dropdown-toggle { - background-color: #51a351; -} - .btn .caret { margin-top: 8px; margin-left: 0; @@ -2908,7 +2950,7 @@ fieldset[disabled] .btn-link:hover { .nav-pills > .active > a, .nav-pills > .active > a:hover { color: #fff; - background-color: #0088cc; + background-color: #428bca; } .nav-stacked > li { @@ -2966,7 +3008,7 @@ fieldset[disabled] .btn-link:hover { padding: 9px 15px; color: #fff; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15); - background-color: #0088cc; + background-color: #428bca; border-width: 0; -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.1), inset -1px 0 0 rgba(0, 0, 0, 0.1); box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.1), inset -1px 0 0 rgba(0, 0, 0, 0.1); @@ -2979,13 +3021,13 @@ fieldset[disabled] .btn-link:hover { .nav .dropdown-toggle .caret { margin-top: 8px; - border-top-color: #0088cc; - border-bottom-color: #0088cc; + border-top-color: #428bca; + border-bottom-color: #428bca; } .nav .dropdown-toggle:hover .caret { - border-top-color: #005580; - border-bottom-color: #005580; + border-top-color: #2a6496; + border-bottom-color: #2a6496; } .nav .active .dropdown-toggle .caret { @@ -4072,7 +4114,7 @@ fieldset[disabled] .navbar-inverse .btn-navbar { } a.thumbnail:hover { - border-color: #0088cc; + border-color: #428bca; -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); } -- cgit v1.2.3 From 583fc4b962f5d36a7a3bbe8707535558fd2dd229 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 12 Jan 2013 18:52:06 -0800 Subject: buttons and button group flattening improvements --- docs/assets/css/bootstrap.css | 32 ++++++-------------------------- 1 file changed, 6 insertions(+), 26 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 469c6f42f..22d6a97f3 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -2417,7 +2417,6 @@ button.close { font-weight: bold; line-height: 20px; text-align: center; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); vertical-align: middle; cursor: pointer; border: 1px solid #a7a9aa; @@ -2595,6 +2594,11 @@ fieldset[disabled] .btn-link:hover { text-decoration: none; } +.caret { + border-top-color: #fff; + border-bottom-color: #fff; +} + .btn-group { position: relative; display: inline-block; @@ -2635,18 +2639,6 @@ fieldset[disabled] .btn-link:hover { margin-left: 1px; } -.btn-group > .btn-mini { - font-size: 10.5px; -} - -.btn-group > .btn-small { - font-size: 11.9px; -} - -.btn-group > .btn-large { - font-size: 17.5px; -} - .btn-group > .btn:first-child { margin-left: 0; border-bottom-left-radius: 4px; @@ -2727,9 +2719,7 @@ fieldset[disabled] .btn-link:hover { } .btn-large .caret { - border-top-width: 5px; - border-right-width: 5px; - border-left-width: 5px; + border-width: 5px; } .btn-mini .caret, @@ -2741,16 +2731,6 @@ fieldset[disabled] .btn-link:hover { border-bottom-width: 5px; } -.btn-primary .caret, -.btn-warning .caret, -.btn-danger .caret, -.btn-info .caret, -.btn-success .caret, -.btn-inverse .caret { - border-top-color: #fff; - border-bottom-color: #fff; -} - .btn-group-vertical > .btn { display: block; float: none; -- cgit v1.2.3 From 1ea647ce987cddc07382eff6a719bea440c5b456 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 12 Jan 2013 19:02:58 -0800 Subject: Remove shadows from active links in navbar --- docs/assets/css/bootstrap.css | 2 -- 1 file changed, 2 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 22d6a97f3..39823abee 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3290,8 +3290,6 @@ fieldset[disabled] .btn-link:hover { color: #555555; text-decoration: none; background-color: #e5e5e5; - -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); - box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); } .navbar .btn-navbar { -- cgit v1.2.3 From 867002193515ac7251e6fb874be4068e082db36c Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 12 Jan 2013 19:44:51 -0800 Subject: fixed navbars fixings --- docs/assets/css/bootstrap.css | 7 ------- 1 file changed, 7 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 39823abee..d6133e618 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3223,17 +3223,10 @@ fieldset[disabled] .btn-link:hover { right: 0; left: 0; z-index: 1030; - padding-right: 0; - padding-left: 0; margin-bottom: 0; - border-width: 0 0 1px; border-radius: 0; } -.navbar-fixed-bottom { - border-width: 1px 0 0; -} - .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { -- cgit v1.2.3 From ea1a12593db0fb037804ccb833f3c46c1ae6034d Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 12 Jan 2013 19:46:47 -0800 Subject: Nuke shadow on pagination --- docs/assets/css/bootstrap.css | 2 -- 1 file changed, 2 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index d6133e618..cc134dc4d 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3592,8 +3592,6 @@ fieldset[disabled] .navbar-inverse .btn-navbar { display: inline-block; margin: 20px 0; border-radius: 4px; - -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); } .pagination > li { -- cgit v1.2.3 From 01db5db2f6e0dfcd63e181303723e1aceeb01045 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 12 Jan 2013 20:08:13 -0800 Subject: white text on buttons on hover for links --- docs/assets/css/bootstrap.css | 1 + 1 file changed, 1 insertion(+) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index cc134dc4d..c95912cb0 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -2430,6 +2430,7 @@ button.close { } .btn:hover { + color: #fff; text-decoration: none; } -- cgit v1.2.3 From 1916eb7c7f7ed837cd2bd4bd2bda9d41ed91c1cc Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 13 Jan 2013 04:04:16 -0800 Subject: Fix btn link hover and tweak dropdown border/shadows --- docs/assets/css/bootstrap.css | 17 +++++++++++------ 1 file changed, 11 insertions(+), 6 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index c95912cb0..61a161688 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -2224,10 +2224,10 @@ table th[class*="span"] { list-style: none; background-color: #ffffff; border: 1px solid #ccc; - border: 1px solid rgba(0, 0, 0, 0.2); + border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; - -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); - box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); + box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; @@ -2575,11 +2575,16 @@ fieldset[disabled] .btn-link { box-shadow: none; } +.btn-link, +.btn-link:hover, +.btn-link:active { + border-color: transparent; +} + .btn-link { font-weight: normal; color: #428bca; cursor: pointer; - border-color: transparent; border-radius: 0; } @@ -3345,7 +3350,7 @@ fieldset[disabled] .navbar .btn-navbar { border-right: 7px solid transparent; border-bottom: 7px solid #ccc; border-left: 7px solid transparent; - border-bottom-color: rgba(0, 0, 0, 0.2); + border-bottom-color: rgba(0, 0, 0, 0.15); content: ''; } @@ -3365,7 +3370,7 @@ fieldset[disabled] .navbar .btn-navbar { bottom: -7px; border-top: 7px solid #ccc; border-bottom: 0; - border-top-color: rgba(0, 0, 0, 0.2); + border-top-color: rgba(0, 0, 0, 0.15); } .navbar-fixed-bottom .nav > li > .dropdown-menu:after { -- cgit v1.2.3 From 76ed6b0b2ced6a29c5cb7b6ea62d0c738dbbd90a Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 13 Jan 2013 04:05:34 -0800 Subject: Remove comment out code and simplify what's left for button group toggles --- docs/assets/css/bootstrap.css | 25 ++----------------------- 1 file changed, 2 insertions(+), 23 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 61a161688..10a05729c 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -2689,30 +2689,9 @@ fieldset[disabled] .btn-link:hover { padding-left: 12px; } -.btn-group.open { - /* .btn.dropdown-toggle { - background-color: @btn-background-highlight; - } - .btn-primary.dropdown-toggle { - background-color: @btn-background-primary-highlight; - } - .btn-warning.dropdown-toggle { - background-color: @btn-background-warning-highlight; - } - .btn-danger.dropdown-toggle { - background-color: @btn-background-danger-highlight; - } - .btn-success.dropdown-toggle { - background-color: @btn-background-success-highlight; - } -*/ - -} - .btn-group.open .dropdown-toggle { - background-image: none; - -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15); + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn .caret { -- cgit v1.2.3 From 25c9b6b59a23ac572634e5314c0b682e2ec8cf3d Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 14 Jan 2013 22:05:55 -0800 Subject: nuke and flatten and stuff --- docs/assets/css/bootstrap.css | 5000 +---------------------------------------- 1 file changed, 55 insertions(+), 4945 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index dc4ff24a0..cd4064006 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -202,4967 +202,77 @@ table { border-spacing: 0; } -body { - margin: 0; - color: #333333; - background-color: #ffffff; -} - -body, -input, -button, -select, -textarea { - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; - font-size: 14px; - line-height: 20px; -} - -a { - color: #428bca; - text-decoration: none; -} - -a:hover { - color: #2a6496; - text-decoration: underline; -} - -a:focus { - outline: thin dotted #333; - outline: 5px auto -webkit-focus-ring-color; - outline-offset: -2px; -} - -img { - width: auto\9; - height: auto; - max-width: 100%; - vertical-align: middle; -} - -.img-rounded { - border-radius: 6px; -} - -.img-polaroid { - padding: 4px; - background-color: #fff; - border: 1px solid #ccc; - border: 1px solid rgba(0, 0, 0, 0.2); - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -} - -.img-circle { - border-radius: 500px; -} - -@media print { - * { - color: #000 !important; - text-shadow: none !important; - background: transparent !important; - box-shadow: none !important; - } - a, - a:visited { - text-decoration: underline; - } - a[href]:after { - content: " (" attr(href) ")"; - } - abbr[title]:after { - content: " (" attr(title) ")"; - } - .ir a:after, - a[href^="javascript:"]:after, - a[href^="#"]:after { - content: ""; - } - pre, - blockquote { - border: 1px solid #999; - page-break-inside: avoid; - } - thead { - display: table-header-group; - } - tr, - img { - page-break-inside: avoid; - } - img { - max-width: 100% !important; - } - @page { - margin: 0.5cm; - } - p, - h2, - h3 { - orphans: 3; - widows: 3; - } - h2, - h3 { - page-break-after: avoid; - } -} - -.container { - max-width: 940px; - margin-right: auto; - margin-left: auto; -} - -.container:before, -.container:after { - display: table; - content: " "; -} - -.container:after { - clear: both; -} - -.row { - margin-right: -10px; - margin-left: -10px; -} - -.row:before, -.row:after { - display: table; - content: " "; -} - -.row:after { - clear: both; -} - -[class*="span"] { - float: left; - min-height: 1px; - padding-right: 10px; - padding-left: 10px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} - -.span12 { - width: 100%; -} - -.span11 { - width: 91.66666666666666%; -} - -.span10 { - width: 83.33333333333334%; -} - -.span9 { - width: 75%; -} - -.span8 { - width: 66.66666666666666%; -} - -.span7 { - width: 58.333333333333336%; -} - -.span6 { - width: 50%; -} - -.span5 { - width: 41.66666666666667%; -} - -.span4 { - width: 33.33333333333333%; -} - -.span3 { - width: 25%; -} - -.span2 { - width: 16.666666666666664%; -} - -.span1 { - width: 8.333333333333332%; -} - -.offset12 { - margin-left: 100%; -} - -.offset11 { - margin-left: 91.66666666666666%; -} - -.offset10 { - margin-left: 83.33333333333334%; -} - -.offset9 { - margin-left: 75%; -} - -.offset8 { - margin-left: 66.66666666666666%; -} - -.offset7 { - margin-left: 58.333333333333336%; -} - -.offset6 { - margin-left: 50%; -} - -.offset5 { - margin-left: 41.66666666666667%; -} - -.offset4 { - margin-left: 33.33333333333333%; -} - -.offset3 { - margin-left: 25%; -} - -.offset2 { - margin-left: 16.666666666666664%; -} - -.offset1 { - margin-left: 8.333333333333332%; -} - -[class*="span"].pull-right { - float: right; -} - -p { - margin: 0 0 10px; -} - -.lead { - margin-bottom: 20px; - font-size: 21px; - font-weight: 200; - line-height: 30px; -} - -small { - font-size: 85%; -} - -strong { - font-weight: bold; -} - -em { - font-style: italic; -} - -cite { - font-style: normal; -} - -.muted { - color: #999999; -} - -a.muted:hover { - color: #808080; -} - -.text-warning { - color: #c09853; -} - -a.text-warning:hover { - color: #a47e3c; -} - -.text-error { - color: #b94a48; -} - -a.text-error:hover { - color: #953b39; -} - -.text-success { - color: #468847; -} - -a.text-success:hover { - color: #356635; -} - -.text-left { - text-align: left; -} - -.text-right { - text-align: right; -} - -.text-center { - text-align: center; -} - -h1, -h2, -h3, -h4, -h5, -h6 { - margin: 10px 0; - font-family: inherit; - font-weight: bold; - line-height: 20px; - text-rendering: optimizelegibility; -} - -h1 small, -h2 small, -h3 small, -h4 small, -h5 small, -h6 small { - font-weight: normal; - line-height: 1; - color: #999999; -} - -h1, -h2, -h3 { - line-height: 40px; -} - -h1 { - font-size: 38.5px; -} - -h2 { - font-size: 31.5px; -} - -h3 { - font-size: 24.5px; -} - -h4 { - font-size: 17.5px; -} - -h5 { - font-size: 14px; -} - -h6 { - font-size: 11.9px; -} - -h1 small { - font-size: 24.5px; -} - -h2 small { - font-size: 17.5px; -} - -h3 small { - font-size: 14px; -} - -h4 small { - font-size: 14px; -} - -.page-header { - padding-bottom: 9px; - margin: 20px 0 30px; - border-bottom: 1px solid #eeeeee; -} - -ul, -ol { - padding: 0; - margin: 0 0 10px 25px; -} - -ul ul, -ul ol, -ol ol, -ol ul { - margin-bottom: 0; -} - -li { - line-height: 20px; -} - -.list-unstyled, -.list-inline { - margin-left: 0; - list-style: none; -} - -.list-inline > li { - display: inline-block; - padding-right: 5px; - padding-left: 5px; -} - -dl { - margin-bottom: 20px; -} - -dt, -dd { - line-height: 20px; -} - -dt { - font-weight: bold; -} - -dd { - margin-left: 10px; -} - -.dl-horizontal:before, -.dl-horizontal:after { - display: table; - content: " "; -} - -.dl-horizontal:after { - clear: both; -} - -.dl-horizontal dt { - float: left; - width: 160px; - overflow: hidden; - clear: left; - text-align: right; - text-overflow: ellipsis; - white-space: nowrap; -} - -.dl-horizontal dd { - margin-left: 180px; -} - -hr { - margin: 20px 0; - border: 0; - border-top: 1px solid #eeeeee; - border-bottom: 1px solid #fff; -} - -abbr[title], -abbr[data-original-title] { - cursor: help; - border-bottom: 1px dotted #999999; -} - -abbr.initialism { - font-size: 90%; - text-transform: uppercase; -} - -blockquote { - padding: 0 0 0 15px; - margin: 0 0 20px; - border-left: 5px solid #eeeeee; -} - -blockquote p { - margin-bottom: 0; - font-size: 17.5px; - font-weight: 300; - line-height: 1.25; -} - -blockquote small { - display: block; - line-height: 20px; - color: #999999; -} - -blockquote small:before { - content: '\2014 \00A0'; -} - -blockquote.pull-right { - float: right; - padding-right: 15px; - padding-left: 0; - border-right: 5px solid #eeeeee; - border-left: 0; -} - -blockquote.pull-right p, -blockquote.pull-right small { - text-align: right; -} - -blockquote.pull-right small:before { - content: ''; -} - -blockquote.pull-right small:after { - content: '\00A0 \2014'; -} - -q:before, -q:after, -blockquote:before, -blockquote:after { - content: ""; -} - -address { - display: block; - margin-bottom: 20px; - font-style: normal; - line-height: 20px; -} - -code, -pre { - padding: 0 3px 2px; - font-family: Monaco, Menlo, Consolas, "Courier New", monospace; - font-size: 12px; - color: #333333; - border-radius: 4px; -} - -code { - padding: 2px 4px; - color: #d14; - white-space: nowrap; - background-color: #f7f7f9; - border: 1px solid #e1e1e8; -} - -pre { - display: block; - padding: 9.5px; - margin: 0 0 10px; - font-size: 13px; - line-height: 20px; - word-break: break-all; - word-wrap: break-word; - white-space: pre; - white-space: pre-wrap; - background-color: #f5f5f5; - border: 1px solid #ccc; - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 4px; -} - -pre.prettyprint { - margin-bottom: 20px; -} - -pre code { - padding: 0; - color: inherit; - white-space: pre; - white-space: pre-wrap; - background-color: transparent; - border: 0; -} - -.pre-scrollable { - max-height: 340px; - overflow-y: scroll; -} - -form { - margin: 0 0 20px; -} - -fieldset { - padding: 0; - margin: 0; - border: 0; -} - -legend { - display: block; - width: 100%; - padding: 0; - margin-bottom: 20px; - font-size: 21px; - line-height: 40px; - color: #333333; - border: 0; - border-bottom: 1px solid #e5e5e5; -} - -label { - display: inline-block; - margin-bottom: 5px; - font-weight: bold; -} - -select, -textarea, -input[type="text"], -input[type="password"], -input[type="datetime"], -input[type="datetime-local"], -input[type="date"], -input[type="month"], -input[type="time"], -input[type="week"], -input[type="number"], -input[type="email"], -input[type="url"], -input[type="search"], -input[type="tel"], -input[type="color"], -.uneditable-input { - display: inline-block; - min-height: 34px; - padding: 6px 9px; - margin-bottom: 10px; - font-size: 14px; - line-height: 20px; - color: #555555; - vertical-align: middle; - background-color: #ffffff; - border: 1px solid #cccccc; - border-radius: 4px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; - -moz-transition: border linear 0.2s, box-shadow linear 0.2s; - -o-transition: border linear 0.2s, box-shadow linear 0.2s; - transition: border linear 0.2s, box-shadow linear 0.2s; -} - -input, -select, -textarea, -.uneditable-input { - width: 100%; -} - -input[type="file"], -input[type="image"], -input[type="submit"], -input[type="reset"], -input[type="button"], -input[type="radio"], -input[type="checkbox"] { - width: auto; -} - -textarea { - height: auto; -} - -textarea:focus, -input[type="text"]:focus, -input[type="password"]:focus, -input[type="datetime"]:focus, -input[type="datetime-local"]:focus, -input[type="date"]:focus, -input[type="month"]:focus, -input[type="time"]:focus, -input[type="week"]:focus, -input[type="number"]:focus, -input[type="email"]:focus, -input[type="url"]:focus, -input[type="search"]:focus, -input[type="tel"]:focus, -input[type="color"]:focus, -.uneditable-input:focus { - border-color: rgba(82, 168, 236, 0.8); - outline: 0; - outline: thin dotted \9; - /* IE6-9 */ - - -webkit-box-shadow: 0 0 8px rgba(82, 168, 236, 0.6); - box-shadow: 0 0 8px rgba(82, 168, 236, 0.6); -} - -input[type="radio"], -input[type="checkbox"] { - margin: 4px 0 0; - margin-top: 1px \9; - /* IE8-9 */ - - line-height: normal; -} - -select, -input[type="file"] { - height: 34px; - /* In IE7, the height of the select element cannot be changed by height, only font-size. TODO: Check if this is still needed when dropping IE7 support */ - - line-height: 34px; -} - -select { - border: 1px solid #cccccc; -} - -select[multiple], -select[size] { - height: auto; -} - -select:focus, -input[type="file"]:focus, -input[type="radio"]:focus, -input[type="checkbox"]:focus { - outline: thin dotted #333; - outline: 5px auto -webkit-focus-ring-color; - outline-offset: -2px; -} - -.uneditable-input, -.uneditable-textarea { - color: #999999; - cursor: not-allowed; - background-color: #fcfcfc; - border-color: #cccccc; - -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); -} - -.uneditable-input { - overflow: hidden; - white-space: nowrap; -} - -.uneditable-textarea { - width: auto; - height: auto; -} - -input:-moz-placeholder, -textarea:-moz-placeholder { - color: #999999; -} - -input:-ms-input-placeholder, -textarea:-ms-input-placeholder { - color: #999999; -} - -input::-webkit-input-placeholder, -textarea::-webkit-input-placeholder { - color: #999999; -} - -.radio, -.checkbox { - display: block; - min-height: 20px; - padding-left: 20px; -} - -.radio label, -.checkbox label { - margin-bottom: 0; - font-weight: normal; -} - -.radio input[type="radio"], -.checkbox input[type="checkbox"] { - float: left; - margin-left: -20px; -} - -.controls > .radio:first-child, -.controls > .checkbox:first-child { - padding-top: 5px; -} - -.radio.inline, -.checkbox.inline { - display: inline-block; - padding-top: 5px; - margin-bottom: 0; - vertical-align: middle; -} - -.radio.inline + .radio.inline, -.checkbox.inline + .checkbox.inline { - margin-left: 10px; -} - -select.input-large, -textarea.input-large, -input[type="text"].input-large, -input[type="password"].input-large, -input[type="datetime"].input-large, -input[type="datetime-local"].input-large, -input[type="date"].input-large, -input[type="month"].input-large, -input[type="time"].input-large, -input[type="week"].input-large, -input[type="number"].input-large, -input[type="email"].input-large, -input[type="url"].input-large, -input[type="search"].input-large, -input[type="tel"].input-large, -input[type="color"].input-large, -.uneditable-input.input-large { - padding: 11px 19px; - padding-right: 14px; - padding-left: 14px; - font-size: 17.5px; - border-radius: 6px; -} - -select.input-small, -textarea.input-small, -input[type="text"].input-small, -input[type="password"].input-small, -input[type="datetime"].input-small, -input[type="datetime-local"].input-small, -input[type="date"].input-small, -input[type="month"].input-small, -input[type="time"].input-small, -input[type="week"].input-small, -input[type="number"].input-small, -input[type="email"].input-small, -input[type="url"].input-small, -input[type="search"].input-small, -input[type="tel"].input-small, -input[type="color"].input-small, -.uneditable-input.input-small { - padding: 2px 10px; - font-size: 11.9px; - border-radius: 3px; -} - -select.input-mini, -textarea.input-mini, -input[type="text"].input-mini, -input[type="password"].input-mini, -input[type="datetime"].input-mini, -input[type="datetime-local"].input-mini, -input[type="date"].input-mini, -input[type="month"].input-mini, -input[type="time"].input-mini, -input[type="week"].input-mini, -input[type="number"].input-mini, -input[type="email"].input-mini, -input[type="url"].input-mini, -input[type="search"].input-mini, -input[type="tel"].input-mini, -input[type="color"].input-mini, -.uneditable-input.input-mini { - padding: 0 6px; - font-size: 10.5px; - border-radius: 3px; -} - -input[class*="span"], -select[class*="span"], -textarea[class*="span"], -.uneditable-input[class*="span"] { - float: none; - margin-right: 0; - margin-left: 0; -} - -.input-append input[class*="span"], -.input-append .uneditable-input[class*="span"], -.input-prepend input[class*="span"], -.input-prepend .uneditable-input[class*="span"] { - display: inline-block; -} - -input[class*="span"], -select[class*="span"], -textarea[class*="span"], -.uneditable-input[class*="span"] { - height: 34px; -} - -input[disabled], -select[disabled], -textarea[disabled], -input[readonly], -select[readonly], -textarea[readonly], -fieldset[disabled] input, -fieldset[disabled] select, -fieldset[disabled] textarea { - cursor: not-allowed; - background-color: #eeeeee; -} - -input[type="radio"][disabled], -input[type="checkbox"][disabled], -input[type="radio"][readonly], -input[type="checkbox"][readonly], -fieldset[disabled] input[type="radio"], -fieldset[disabled] input[type="checkbox"] { - background-color: transparent; -} - -.has-warning .control-label { - color: #c09853; -} - -.has-warning .input-with-feedback { - padding-right: 32px; - border-color: #c09853; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -} - -.has-warning .input-with-feedback:focus { - border-color: #a47e3c; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; -} - -.has-error .control-label { - color: #b94a48; -} - -.has-error .input-with-feedback { - padding-right: 32px; - border-color: #b94a48; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -} - -.has-error .input-with-feedback:focus { - border-color: #953b39; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; -} - -.has-success .control-label { - color: #468847; -} - -.has-success .input-with-feedback { - padding-right: 32px; - border-color: #468847; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -} - -.has-success .input-with-feedback:focus { - border-color: #356635; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; -} - -input:focus:invalid, -textarea:focus:invalid, -select:focus:invalid { - color: #b94a48; - border-color: #ee5f5b; -} - -input:focus:invalid:focus, -textarea:focus:invalid:focus, -select:focus:invalid:focus { - border-color: #e9322d; - -webkit-box-shadow: 0 0 6px #f8b9b7; - box-shadow: 0 0 6px #f8b9b7; -} - -.form-actions { - padding: 19px 20px 20px; - margin-top: 20px; - margin-bottom: 20px; - background-color: #f5f5f5; - border-top: 1px solid #e5e5e5; -} - -.form-actions:before, -.form-actions:after { - display: table; - content: " "; -} - -.form-actions:after { - clear: both; -} - -.help-block, -.help-inline { - color: #737373; -} - -.help-block { - display: block; - margin-bottom: 10px; -} - -.help-inline { - display: inline-block; - padding-left: 5px; - vertical-align: middle; -} - -.input-group { - display: table; -} - -.input-group[class*="span"] { - float: none; - padding: 0; -} - -.input-group input, -.input-group select, -.input-group .uneditable-input { - width: 100%; -} - -.input-group-addon, -.input-group-btn, -.input-group input, -.input-group .uneditable-input { - display: table-cell; - margin: 0; - border-radius: 0; -} - -.input-group-addon, -.input-group-btn { - width: 1%; - vertical-align: middle; -} - -.input-group-addon { - padding: 6px 8px; - font-size: 14px; - font-weight: normal; - line-height: 20px; - text-align: center; - text-shadow: 0 1px 0 #fff; - background-color: #eeeeee; - border: 1px solid #ccc; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} - -.input-group input:first-child, -.input-group .uneditable-input:first-child, -.input-group-addon:first-child { - border-bottom-left-radius: 4px; - border-top-left-radius: 4px; -} - -.input-group-addon:first-child { - border-right: 0; -} - -.input-group input:last-child, -.input-group .uneditable-input:last-child, -.input-group-addon:last-child { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} - -.input-group-addon:last-child { - border-left: 0; -} - -.input-group-btn, -.input-group-btn .btn { - white-space: nowrap; -} - -.input-group-btn > .btn { - float: left; - border-radius: 0; -} - -.input-group-btn > .btn + .btn { - border-left: 0; -} - -.input-group-btn.btn-group { - display: table-cell; -} - -.input-group-btn:first-child > .btn, -.input-group-btn.btn-group:first-child > .btn { - border-right: 0; -} - -.input-group-btn:first-child > .btn, -.input-group-btn.btn-group:first-child > .btn { - border-radius: 4px 0 0 4px; -} - -.input-group-btn:last-child > .btn, -.input-group-btn.btn-group:last-child > .btn:first-child { - border-left: 0; -} - -.input-group-btn:last-child > .btn, -.input-group-btn.btn-group:last-child > .btn { - border-radius: 0 4px 4px 0; -} - -.form-horizontal .control-group { - position: relative; - margin-bottom: 20px; -} - -.form-horizontal .control-group:before, -.form-horizontal .control-group:after { - display: table; - content: " "; -} - -.form-horizontal .control-group:after { - clear: both; -} - -.form-horizontal .control-group input, -.form-horizontal .control-group select, -.form-horizontal .control-group textarea, -.form-horizontal .control-group .uneditable-input { - margin-bottom: 0; -} - -.form-horizontal .control-group > .control-label { - float: left; - width: 160px; - padding-top: 6px; - text-align: right; -} - -.form-horizontal .control-group > .controls { - margin-left: 180px; -} - -table { - max-width: 100%; - background-color: transparent; - border-collapse: collapse; - border-spacing: 0; -} - -.table { - width: 100%; - margin-bottom: 20px; -} - -.table th, -.table td { - padding: 8px; - line-height: 20px; - text-align: left; - vertical-align: top; - border-top: 1px solid #dddddd; -} - -.table th { - font-weight: bold; -} - -.table thead th { - vertical-align: bottom; -} - -.table caption + thead tr:first-child th, -.table caption + thead tr:first-child td, -.table colgroup + thead tr:first-child th, -.table colgroup + thead tr:first-child td, -.table thead:first-child tr:first-child th, -.table thead:first-child tr:first-child td { - border-top: 0; -} - -.table tbody + tbody { - border-top: 2px solid #dddddd; -} - -.table .table { - background-color: #ffffff; -} - -.table-condensed th, -.table-condensed td { - padding: 4px 5px; -} - -.table-bordered { - border: 1px solid #dddddd; - border-collapse: separate; - border-left: 0; - border-radius: 4px; -} - -.table-bordered th, -.table-bordered td { - border-left: 1px solid #dddddd; -} - -.table-bordered caption + thead tr:first-child th, -.table-bordered caption + tbody tr:first-child th, -.table-bordered caption + tbody tr:first-child td, -.table-bordered colgroup + thead tr:first-child th, -.table-bordered colgroup + tbody tr:first-child th, -.table-bordered colgroup + tbody tr:first-child td, -.table-bordered thead:first-child tr:first-child th, -.table-bordered tbody:first-child tr:first-child th, -.table-bordered tbody:first-child tr:first-child td { - border-top: 0; -} - -.table-bordered thead:first-child tr:first-child > th:first-child, -.table-bordered tbody:first-child tr:first-child > td:first-child, -.table-bordered tbody:first-child tr:first-child > th:first-child { - border-top-left-radius: 4px; -} - -.table-bordered thead:first-child tr:first-child > th:last-child, -.table-bordered tbody:first-child tr:first-child > td:last-child, -.table-bordered tbody:first-child tr:first-child > th:last-child { - border-top-right-radius: 4px; -} - -.table-bordered thead:last-child tr:last-child > th:first-child, -.table-bordered tbody:last-child tr:last-child > td:first-child, -.table-bordered tbody:last-child tr:last-child > th:first-child, -.table-bordered tfoot:last-child tr:last-child > td:first-child, -.table-bordered tfoot:last-child tr:last-child > th:first-child { - border-bottom-left-radius: 4px; -} - -.table-bordered thead:last-child tr:last-child > th:last-child, -.table-bordered tbody:last-child tr:last-child > td:last-child, -.table-bordered tbody:last-child tr:last-child > th:last-child, -.table-bordered tfoot:last-child tr:last-child > td:last-child, -.table-bordered tfoot:last-child tr:last-child > th:last-child { - border-bottom-right-radius: 4px; -} - -.table-bordered tfoot + tbody:last-child tr:last-child > td:first-child { - border-bottom-left-radius: 0; -} - -.table-bordered tfoot + tbody:last-child tr:last-child > td:last-child { - border-bottom-right-radius: 0; -} - -.table-bordered caption + thead tr:first-child th:first-child, -.table-bordered caption + tbody tr:first-child td:first-child, -.table-bordered colgroup + thead tr:first-child th:first-child, -.table-bordered colgroup + tbody tr:first-child td:first-child { - border-top-left-radius: 4px; -} - -.table-bordered caption + thead tr:first-child th:last-child, -.table-bordered caption + tbody tr:first-child td:last-child, -.table-bordered colgroup + thead tr:first-child th:last-child, -.table-bordered colgroup + tbody tr:first-child td:last-child { - border-top-right-radius: 4px; -} - -.table-striped tbody > tr:nth-child(odd) > td, -.table-striped tbody > tr:nth-child(odd) > th { - background-color: #f9f9f9; -} - -.table-hover tbody tr:hover > td, -.table-hover tbody tr:hover > th { - background-color: #f5f5f5; -} - -table td[class*="span"], -table th[class*="span"] { - display: table-cell; - float: none; - margin-left: 0; -} - -.table tbody tr.success > td { - background-color: #dff0d8; -} - -.table tbody tr.error > td { - background-color: #f2dede; -} - -.table tbody tr.warning > td { - background-color: #fcf8e3; -} - -.table tbody tr.info > td { - background-color: #d9edf7; -} - -.table-hover tbody tr.success:hover > td { - background-color: #d0e9c6; -} - -.table-hover tbody tr.error:hover > td { - background-color: #ebcccc; -} - -.table-hover tbody tr.warning:hover > td { - background-color: #faf2cc; -} - -.table-hover tbody tr.info:hover > td { - background-color: #c4e3f3; -} - -@font-face { - font-family: 'Glyphicons Halflings'; - font-style: normal; - font-weight: normal; - src: url('../fonts/glyphiconshalflings-regular.eot'); - src: url('../fonts/glyphiconshalflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphiconshalflings-regular.woff') format('woff'), url('../fonts/glyphiconshalflings-regular.ttf') format('truetype'), url('../fonts/glyphiconshalflings-regular.svg#glyphicons_halflingsregular') format('svg'); -} - -[class^="glyphicon-"]:before { - font-family: 'Glyphicons Halflings'; - font-style: normal; - line-height: 1; -} - -.glyphicon-glass:before { - content: "\e001"; -} - -.glyphicon-music:before { - content: "\e002"; -} - -.glyphicon-search:before { - content: "\e003"; -} - -.glyphicon-envelope:before { - content: "\2709"; -} - -.glyphicon-heart:before { - content: "\e005"; -} - -.glyphicon-star:before { - content: "\e006"; -} - -.glyphicon-star-empty:before { - content: "\e007"; -} - -.glyphicon-user:before { - content: "\e008"; -} - -.glyphicon-film:before { - content: "\e009"; -} - -.glyphicon-th-large:before { - content: "\e010"; -} - -.glyphicon-th:before { - content: "\e011"; -} - -.glyphicon-th-list:before { - content: "\e012"; -} - -.glyphicon-ok:before { - content: "\e013"; -} - -.glyphicon-remove:before { - content: "\e014"; -} - -.glyphicon-zoom-in:before { - content: "\e015"; -} - -.glyphicon-zoom-out:before { - content: "\e016"; -} - -.glyphicon-off:before { - content: "\e017"; -} - -.glyphicon-signal:before { - content: "\e018"; -} - -.glyphicon-cog:before { - content: "\e019"; -} - -.glyphicon-trash:before { - content: "\e020"; -} - -.glyphicon-home:before { - content: "\e021"; -} - -.glyphicon-file:before { - content: "\e022"; -} - -.glyphicon-time:before { - content: "\e023"; -} - -.glyphicon-road:before { - content: "\e024"; -} - -.glyphicon-download-alt:before { - content: "\e025"; -} - -.glyphicon-download:before { - content: "\e026"; -} - -.glyphicon-upload:before { - content: "\e027"; -} - -.glyphicon-inbox:before { - content: "\e028"; -} - -.glyphicon-play-circle:before { - content: "\e029"; -} - -.glyphicon-repeat:before { - content: "\e030"; -} - -.glyphicon-refresh:before { - content: "\e031"; -} - -.glyphicon-list-alt:before { - content: "\e032"; -} - -.glyphicon-lock:before { - content: "\e033"; -} - -.glyphicon-flag:before { - content: "\e034"; -} - -.glyphicon-headphones:before { - content: "\e035"; -} - -.glyphicon-volume-off:before { - content: "\e036"; -} - -.glyphicon-volume-down:before { - content: "\e037"; -} - -.glyphicon-volume-up:before { - content: "\e038"; -} - -.glyphicon-qrcode:before { - content: "\e039"; -} - -.glyphicon-barcode:before { - content: "\e040"; -} - -.glyphicon-tag:before { - content: "\e041"; -} - -.glyphicon-tags:before { - content: "\e042"; -} - -.glyphicon-book:before { - content: "\e043"; -} - -.glyphicon-bookmark:before { - content: "\e044"; -} - -.glyphicon-print:before { - content: "\e045"; -} - -.glyphicon-camera:before { - content: "\e046"; -} - -.glyphicon-font:before { - content: "\e047"; -} - -.glyphicon-bold:before { - content: "\e048"; -} - -.glyphicon-italic:before { - content: "\e049"; -} - -.glyphicon-text-height:before { - content: "\e050"; -} - -.glyphicon-text-width:before { - content: "\e051"; -} - -.glyphicon-align-left:before { - content: "\e052"; -} - -.glyphicon-align-center:before { - content: "\e053"; -} - -.glyphicon-align-right:before { - content: "\e054"; -} - -.glyphicon-align-justify:before { - content: "\e055"; -} - -.glyphicon-list:before { - content: "\e056"; -} - -.glyphicon-indent-left:before { - content: "\e057"; -} - -.glyphicon-indent-right:before { - content: "\e058"; -} - -.glyphicon-facetime-video:before { - content: "\e059"; -} - -.glyphicon-picture:before { - content: "\e060"; -} - -.glyphicon-pencil:before { - content: "\270f"; -} - -.glyphicon-map-marker:before { - content: "\e062"; -} - -.glyphicon-adjust:before { - content: "\e063"; -} - -.glyphicon-tint:before { - content: "\e064"; -} - -.glyphicon-edit:before { - content: "\e065"; -} - -.glyphicon-share:before { - content: "\e066"; -} - -.glyphicon-check:before { - content: "\e067"; -} - -.glyphicon-move:before { - content: "\e068"; -} - -.glyphicon-step-backward:before { - content: "\e069"; -} - -.glyphicon-fast-backward:before { - content: "\e070"; -} - -.glyphicon-backward:before { - content: "\e071"; -} - -.glyphicon-play:before { - content: "\e072"; -} - -.glyphicon-pause:before { - content: "\e073"; -} - -.glyphicon-stop:before { - content: "\e074"; -} - -.glyphicon-forward:before { - content: "\e075"; -} - -.glyphicon-fast-forward:before { - content: "\e076"; -} - -.glyphicon-step-forward:before { - content: "\e077"; -} - -.glyphicon-eject:before { - content: "\e078"; -} - -.glyphicon-chevron-left:before { - content: "\e079"; -} - -.glyphicon-chevron-right:before { - content: "\e080"; -} - -.glyphicon-plus-sign:before { - content: "\e081"; -} - -.glyphicon-minus-sign:before { - content: "\e082"; -} - -.glyphicon-remove-sign:before { - content: "\e083"; -} - -.glyphicon-ok-sign:before { - content: "\e084"; -} - -.glyphicon-question-sign:before { - content: "\e085"; -} - -.glyphicon-info-sign:before { - content: "\e086"; -} - -.glyphicon-screenshot:before { - content: "\e087"; -} - -.glyphicon-remove-circle:before { - content: "\e088"; -} - -.glyphicon-ok-circle:before { - content: "\e089"; -} - -.glyphicon-ban-circle:before { - content: "\e090"; -} - -.glyphicon-arrow-left:before { - content: "\e091"; -} - -.glyphicon-arrow-right:before { - content: "\e092"; -} - -.glyphicon-arrow-up:before { - content: "\e093"; -} - -.glyphicon-arrow-down:before { - content: "\e094"; -} - -.glyphicon-share-alt:before { - content: "\e095"; -} - -.glyphicon-resize-full:before { - content: "\e096"; -} - -.glyphicon-resize-small:before { - content: "\e097"; -} - -.glyphicon-plus:before { - content: "\002b"; -} - -.glyphicon-minus:before { - content: "\2212"; -} - -.glyphicon-asterisk:before { - content: "\002a"; -} - -.glyphicon-exclamation-sign:before { - content: "\e101"; -} - -.glyphicon-gift:before { - content: "\e102"; -} - -.glyphicon-leaf:before { - content: "\e103"; -} - -.glyphicon-fire:before { - content: "\e104"; -} - -.glyphicon-eye-open:before { - content: "\e105"; -} - -.glyphicon-eye-close:before { - content: "\e106"; -} - -.glyphicon-warning-sign:before { - content: "\e107"; -} - -.glyphicon-plane:before { - content: "\e108"; -} - -.glyphicon-calendar:before { - content: "\e109"; -} - -.glyphicon-random:before { - content: "\e110"; -} - -.glyphicon-comment:before { - content: "\e111"; -} - -.glyphicon-magnet:before { - content: "\e112"; -} - -.glyphicon-chevron-up:before { - content: "\e113"; -} - -.glyphicon-chevron-down:before { - content: "\e114"; -} - -.glyphicon-retweet:before { - content: "\e115"; -} - -.glyphicon-shopping-cart:before { - content: "\e116"; -} - -.glyphicon-folder-close:before { - content: "\e117"; -} - -.glyphicon-folder-open:before { - content: "\e118"; -} - -.glyphicon-resize-vertical:before { - content: "\e119"; -} - -.glyphicon-resize-horizontal:before { - content: "\e120"; -} - -.glyphicon-hdd:before { - content: "\e121"; -} - -.glyphicon-bullhorn:before { - content: "\e122"; -} - -.glyphicon-bell:before { - content: "\e123"; -} - -.glyphicon-certificate:before { - content: "\e124"; -} - -.glyphicon-thumbs-up:before { - content: "\e125"; -} - -.glyphicon-thumbs-down:before { - content: "\e126"; -} - -.glyphicon-hand-right:before { - content: "\e127"; -} - -.glyphicon-hand-left:before { - content: "\e128"; -} - -.glyphicon-hand-up:before { - content: "\e129"; -} - -.glyphicon-hand-down:before { - content: "\e130"; -} - -.glyphicon-circle-arrow-right:before { - content: "\e131"; -} - -.glyphicon-circle-arrow-left:before { - content: "\e132"; -} - -.glyphicon-circle-arrow-up:before { - content: "\e133"; -} - -.glyphicon-circle-arrow-down:before { - content: "\e134"; -} - -.glyphicon-globe:before { - content: "\e135"; -} - -.glyphicon-wrench:before { - content: "\e136"; -} - -.glyphicon-tasks:before { - content: "\e137"; -} - -.glyphicon-filter:before { - content: "\e138"; -} - -.glyphicon-briefcase:before { - content: "\e139"; -} - -.glyphicon-fullscreen:before { - content: "\e140"; -} - -.glyphicon-dashboard:before { - content: "\e141"; -} - -.glyphicon-paperclip:before { - content: "\e142"; -} - -.glyphicon-heart-empty:before { - content: "\e143"; -} - -.glyphicon-link:before { - content: "\e144"; -} - -.glyphicon-phone:before { - content: "\e145"; -} - -.glyphicon-pushpin:before { - content: "\e146"; -} - -.glyphicon-euro:before { - content: "\20ac"; -} - -.glyphicon-usd:before { - content: "\e148"; -} - -.glyphicon-gbp:before { - content: "\e149"; -} - -.glyphicon-sort:before { - content: "\e150"; -} - -.glyphicon-sort-by-alphabet:before { - content: "\e151"; -} - -.glyphicon-sort-by-alphabet-alt:before { - content: "\e152"; -} - -.glyphicon-sort-by-order:before { - content: "\e153"; -} - -.glyphicon-sort-by-order-alt:before { - content: "\e154"; -} - -.glyphicon-sort-by-attributes:before { - content: "\e155"; -} - -.glyphicon-sort-by-attributes-alt:before { - content: "\e156"; -} - -.glyphicon-unchecked:before { - content: "\e157"; -} - -.glyphicon-expand:before { - content: "\e158"; -} - -.glyphicon-collapse:before { - content: "\e159"; -} - -.glyphicon-collapse-top:before { - content: "\e160"; -} - -.dropup, -.dropdown { - position: relative; -} - -.dropdown-toggle:active, -.open .dropdown-toggle { - outline: 0; -} - -.caret { - display: inline-block; - width: 0; - height: 0; - vertical-align: top; - border-top: 4px solid #000; - border-right: 4px solid transparent; - border-left: 4px solid transparent; - content: ""; -} - -.dropdown .caret { - margin-top: 8px; - margin-left: 2px; -} - -.dropdown-menu { - position: absolute; - top: 100%; - left: 0; - z-index: 1000; - display: none; - float: left; - min-width: 160px; - padding: 5px 0; - margin: 2px 0 0; - list-style: none; - background-color: #ffffff; - border: 1px solid #ccc; - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 4px; - -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); - box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); - -webkit-background-clip: padding-box; - -moz-background-clip: padding-box; - background-clip: padding-box; -} - -.dropdown-menu.pull-right { - right: 0; - left: auto; -} - -.dropdown-menu .divider { - height: 1px; - margin: 9px 1px; - overflow: hidden; - background-color: #e5e5e5; - border-bottom: 1px solid #ffffff; -} - -.dropdown-menu > li > a { - display: block; - padding: 3px 20px; - clear: both; - font-weight: normal; - line-height: 20px; - color: #333333; - white-space: nowrap; -} - -.dropdown-menu li > a:hover, -.dropdown-menu li > a:focus { - color: #ffffff; - text-decoration: none; - background-color: #357ebd; - background-image: -moz-linear-gradient(top, #428bca, #357ebd); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#428bca), to(#357ebd)); - background-image: -webkit-linear-gradient(top, #428bca, #357ebd); - background-image: -o-linear-gradient(top, #428bca, #357ebd); - background-image: linear-gradient(to bottom, #428bca, #357ebd); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0); -} - -.dropdown-menu > .active > a, -.dropdown-menu > .active > a:hover { - color: #ffffff; - text-decoration: none; - background-color: #357ebd; - background-image: -moz-linear-gradient(top, #428bca, #357ebd); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#428bca), to(#357ebd)); - background-image: -webkit-linear-gradient(top, #428bca, #357ebd); - background-image: -o-linear-gradient(top, #428bca, #357ebd); - background-image: linear-gradient(to bottom, #428bca, #357ebd); - background-repeat: repeat-x; - outline: 0; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0); -} - -.dropdown-menu > .disabled > a, -.dropdown-menu > .disabled > a:hover { - color: #999999; -} - -.dropdown-menu > .disabled > a:hover { - text-decoration: none; - cursor: default; - background-color: transparent; - background-image: none; - filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); -} - -.open > .dropdown-menu { - display: block; -} - -.pull-right > .dropdown-menu { - right: 0; - left: auto; -} - -.dropup .caret, -.navbar-fixed-bottom .dropdown .caret { - border-top: 0; - border-bottom: 4px solid #000; - content: ""; -} - -.dropup .dropdown-menu, -.navbar-fixed-bottom .dropdown .dropdown-menu { - top: auto; - bottom: 100%; - margin-bottom: 1px; -} - -.dropdown .dropdown-menu .nav-header { - padding-right: 20px; - padding-left: 20px; -} - -.typeahead { - z-index: 1051; -} - -.well { - min-height: 20px; - padding: 19px; - margin-bottom: 20px; - background-color: #f5f5f5; - border: 1px solid #e3e3e3; - border-radius: 4px; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); -} - -.well blockquote { - border-color: #ddd; - border-color: rgba(0, 0, 0, 0.15); -} - -.well-large { - padding: 24px; - border-radius: 6px; -} - -.well-small { - padding: 9px; - border-radius: 3px; -} - -.fade { - opacity: 0; - -webkit-transition: opacity 0.15s linear; - -moz-transition: opacity 0.15s linear; - -o-transition: opacity 0.15s linear; - transition: opacity 0.15s linear; -} - -.fade.in { - opacity: 1; -} - -.collapse { - position: relative; - height: 0; - overflow: hidden; - -webkit-transition: height 0.35s ease; - -moz-transition: height 0.35s ease; - -o-transition: height 0.35s ease; - transition: height 0.35s ease; -} - -.collapse.in { - height: auto; -} - -.close { - float: right; - font-size: 20px; - font-weight: bold; - line-height: 20px; - color: #000; - text-shadow: 0 1px 0 #ffffff; - opacity: 0.2; - filter: alpha(opacity=20); -} - -.close:hover { - color: #000; - text-decoration: none; - cursor: pointer; - opacity: 0.4; - filter: alpha(opacity=40); -} - -button.close { - padding: 0; - cursor: pointer; - background: transparent; - border: 0; - -webkit-appearance: none; -} - -.btn { - display: inline-block; - padding: 6px 12px; - margin-bottom: 0; - font-size: 14px; - font-weight: bold; - line-height: 20px; - text-align: center; - vertical-align: middle; - cursor: pointer; - border: 1px solid #a7a9aa; - border-radius: 4px; -} - -.btn:focus { - outline: thin dotted #333; - outline: 5px auto -webkit-focus-ring-color; - outline-offset: -2px; -} - -.btn:hover { - color: #fff; - text-decoration: none; -} - -.btn:active, -.btn.active { - background-image: none; - outline: 0; - -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); - box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); -} - -.btn.disabled, -.btn[disabled], -fieldset[disabled] .btn { - cursor: default; - opacity: 0.65; - filter: alpha(opacity=65); - -webkit-box-shadow: none; - box-shadow: none; -} - -.btn-large { - padding: 11px 19px; - font-size: 17.5px; - border-radius: 6px; -} - -.btn-small { - padding: 2px 10px; - font-size: 11.9px; - border-radius: 3px; -} - -.btn-mini [class^="icon-"], -.btn-mini [class*=" icon-"] { - margin-top: -1px; -} - -.btn-mini { - padding: 0 6px; - font-size: 10.5px; - border-radius: 3px; -} - -.btn [class^="glyphicon-"]::before { - vertical-align: -2px; -} - -.btn-small [class^="glyphicon-"]::before, -.btn-mini [class^="glyphicon-"]::before { - vertical-align: -1px; -} - -.btn-block { - display: block; - width: 100%; - padding-right: 0; - padding-left: 0; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} - -.btn-block + .btn-block { - margin-top: 5px; -} - -input[type="submit"].btn-block, -input[type="reset"].btn-block, -input[type="button"].btn-block { - width: 100%; -} - -.btn { - color: #fff; - background-color: #a7a9aa; - border-color: #a7a9aa; -} - -.btn:hover, -.btn:focus, -.btn:active { - background-color: #9a9c9d; - border-color: #8d9091; -} - -.btn-primary { - background-color: #428bca; - border-color: #428bca; -} - -.btn-primary:hover, -.btn-primary:focus, -.btn-primary:active { - background-color: #357ebd; - border-color: #3071a9; -} - -.btn-warning { - background-color: #f0ad4e; - border-color: #f0ad4e; -} - -.btn-warning:hover, -.btn-warning:focus, -.btn-warning:active { - background-color: #eea236; - border-color: #ec971f; -} - -.btn-danger { - background-color: #d9534f; - border-color: #d9534f; -} - -.btn-danger:hover, -.btn-danger:focus, -.btn-danger:active { - background-color: #d43f3a; - border-color: #c9302c; -} - -.btn-success { - background-color: #5cb85c; - border-color: #5cb85c; -} - -.btn-success:hover, -.btn-success:focus, -.btn-success:active { - background-color: #4cae4c; - border-color: #449d44; -} - -.btn-link, -.btn-link:active, -.btn-link[disabled], -fieldset[disabled] .btn-link { - background-color: transparent; - background-image: none; - -webkit-box-shadow: none; - box-shadow: none; -} - -.btn-link, -.btn-link:hover, -.btn-link:active { - border-color: transparent; -} - -.btn-link { - font-weight: normal; - color: #428bca; - cursor: pointer; - border-radius: 0; -} - -.btn-link:hover { - color: #2a6496; - text-decoration: underline; - background-color: transparent; -} - -.btn-link[disabled]:hover, -fieldset[disabled] .btn-link:hover { - color: #333333; - text-decoration: none; -} - -.caret { - border-top-color: #fff; - border-bottom-color: #fff; -} - -.btn-group { - position: relative; - display: inline-block; - vertical-align: middle; -} - -.btn-group > .btn { - float: left; -} - -.btn-toolbar:before, -.btn-toolbar:after { - display: table; - content: " "; -} - -.btn-toolbar:after { - clear: both; -} - -.btn-toolbar .btn-group { - float: left; -} - -.btn-toolbar > .btn + .btn, -.btn-toolbar > .btn-group + .btn, -.btn-toolbar > .btn + .btn-group, -.btn-toolbar > .btn-group + .btn-group { - margin-left: 5px; -} - -.btn-group > .btn { - position: relative; - border-radius: 0; -} - -.btn-group > .btn + .btn { - margin-left: 1px; -} - -.btn-group > .btn:first-child { - margin-left: 0; - border-bottom-left-radius: 4px; - border-top-left-radius: 4px; -} - -.btn-group > .btn:last-child, -.btn-group > .dropdown-toggle { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} - -.btn-group > .btn.large:first-child { - margin-left: 0; - border-bottom-left-radius: 6px; - border-top-left-radius: 6px; -} - -.btn-group > .btn.large:last-child, -.btn-group > .large.dropdown-toggle { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; -} - -.btn-group .dropdown-toggle:active, -.btn-group.open .dropdown-toggle { - outline: 0; -} - -.btn-group > .btn + .dropdown-toggle { - padding-right: 8px; - padding-left: 8px; -} - -.btn-group > .btn-mini + .dropdown-toggle { - padding-right: 5px; - padding-left: 5px; -} - -.btn-group > .btn-large + .dropdown-toggle { - padding-right: 12px; - padding-left: 12px; -} - -.btn-group.open .dropdown-toggle { - -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); - box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); -} - -.btn .caret { - margin-top: 8px; - margin-left: 0; -} - -.btn-large .caret { - margin-top: 6px; -} - -.btn-large .caret { - border-width: 5px; -} - -.btn-mini .caret, -.btn-small .caret { - margin-top: 8px; -} - -.dropup .btn-large .caret { - border-bottom-width: 5px; -} - -.btn-group-vertical > .btn { - display: block; - float: none; - max-width: 100%; - border-radius: 0; -} - -.btn-group-vertical > .btn + .btn { - margin-top: 1px; - margin-left: 0; -} - -.btn-group-vertical .btn:first-child { - border-radius: 4px 4px 0 0; -} - -.btn-group-vertical .btn:last-child { - border-radius: 0 0 4px 4px; -} - -.btn-group-vertical .btn-large:first-child { - border-radius: 6px 6px 0 0; -} - -.btn-group-vertical .btn-large:last-child { - border-radius: 0 0 6px 6px; -} - -.alert { - padding: 8px 35px 8px 14px; - margin-bottom: 20px; - text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); - background-color: #fcf8e3; - border: 1px solid #fbeed5; - border-radius: 4px; -} - -.alert, -.alert h4 { - color: #c09853; -} - -.alert h4 { - margin: 0; -} - -.alert .close { - position: relative; - top: -2px; - right: -21px; - line-height: 20px; -} - -.alert-success { - color: #468847; - background-color: #dff0d8; - border-color: #d6e9c6; -} - -.alert-success h4 { - color: #468847; -} - -.alert-danger, -.alert-error { - color: #b94a48; - background-color: #f2dede; - border-color: #eed3d7; -} - -.alert-danger h4, -.alert-error h4 { - color: #b94a48; -} - -.alert-info { - color: #3a87ad; - background-color: #d9edf7; - border-color: #bce8f1; -} - -.alert-info h4 { - color: #3a87ad; -} - -.alert-block { - padding-top: 14px; - padding-bottom: 14px; -} - -.alert-block > p, -.alert-block > ul { - margin-bottom: 0; -} - -.alert-block p + p { - margin-top: 5px; -} - -.nav { - margin-bottom: 20px; - margin-left: 0; - list-style: none; -} - -.nav:before, -.nav:after { - display: table; - content: " "; -} - -.nav:after { - clear: both; -} - -.nav > li { - float: left; -} - -.nav > li > a { - display: block; - padding: 8px 12px; -} - -.nav > li > a:hover { - text-decoration: none; - background-color: #eeeeee; -} - -.nav > li > a > img { - max-width: none; -} - -.nav > .pull-right { - float: right; -} - -.nav-header { - display: block; - padding: 3px 15px; - font-size: 11px; - font-weight: bold; - line-height: 20px; - color: #999999; - text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); - text-transform: uppercase; -} - -.nav li + .nav-header { - margin-top: 9px; -} - -.nav .divider { - height: 1px; - margin: 9px 1px; - overflow: hidden; - background-color: #e5e5e5; - border-bottom: 1px solid #ffffff; -} - -.nav-tabs { - border-bottom: 1px solid #ddd; -} - -.nav-tabs > li { - margin-bottom: -1px; -} - -.nav-tabs > li > a { - margin-right: 2px; - line-height: 20px; - border: 1px solid transparent; - border-radius: 4px 4px 0 0; -} - -.nav-tabs > li > a:hover { - border-color: #eeeeee #eeeeee #dddddd; -} - -.nav-tabs > .active > a, -.nav-tabs > .active > a:hover { - color: #555555; - cursor: default; - background-color: #ffffff; - border: 1px solid #ddd; - border-bottom-color: transparent; -} - -.nav-pills > li > a { - border-radius: 5px; -} - -.nav-pills > li + li > a { - margin-left: 2px; -} - -.nav-pills > .active > a, -.nav-pills > .active > a:hover { - color: #fff; - background-color: #428bca; -} - -.nav-stacked > li { - float: none; -} - -.nav-stacked > li + li > a { - margin-top: 2px; - margin-left: 0; -} - -.nav-justified { - max-height: 37px; -} - -.nav-justified > li { - display: table-cell; - float: none; - width: 1%; - text-align: center; -} - -.nav-list { - background-color: #fff; - border-radius: 6px; - -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); - box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); -} - -.nav-list > li { - float: none; -} - -.nav-list > li > a { - margin-bottom: -1px; - border: 1px solid #e5e5e5; -} - -.nav-list > li > a:hover { - background-color: #f5f5f5; -} - -.nav-list > li:first-child > a { - border-radius: 6px 6px 0 0; -} - -.nav-list > li:last-child > a { - border-radius: 0 0 6px 6px; -} - -.nav-list > .active > a, -.nav-list > .active > a:hover { - position: relative; - z-index: 2; - padding: 9px 15px; - color: #fff; - text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15); - background-color: #428bca; - border-width: 0; - -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.1), inset -1px 0 0 rgba(0, 0, 0, 0.1); - box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.1), inset -1px 0 0 rgba(0, 0, 0, 0.1); -} - -.nav-tabs .dropdown-menu { - border-top-right-radius: 0; - border-top-left-radius: 0; -} - -.nav .dropdown-toggle .caret { - margin-top: 8px; - border-top-color: #428bca; - border-bottom-color: #428bca; -} - -.nav .dropdown-toggle:hover .caret { - border-top-color: #2a6496; - border-bottom-color: #2a6496; -} - -.nav .active .dropdown-toggle .caret { - border-top-color: #fff; - border-bottom-color: #fff; -} - -.nav-tabs .active .dropdown-toggle .caret { - border-top-color: #555555; - border-bottom-color: #555555; -} - -.nav > .dropdown.active > a:hover { - cursor: pointer; -} - -.nav-tabs .open .dropdown-toggle, -.nav-pills .open .dropdown-toggle, -.nav > li.dropdown.open.active > a:hover { - color: #fff; - background-color: #999999; - border-color: #999999; -} - -.nav li.dropdown.open .caret, -.nav li.dropdown.open.active .caret, -.nav li.dropdown.open a:hover .caret { - border-top-color: #fff; - border-bottom-color: #fff; - opacity: 1; - filter: alpha(opacity=100); -} - -.tabs-stacked .open > a:hover { - border-color: #999999; -} - -.tabbable:before, -.tabbable:after { - display: table; - content: " "; -} - -.tabbable:after { - clear: both; -} - -.tab-content > .tab-pane, -.pill-content > .pill-pane { - display: none; -} - -.tab-content > .active, -.pill-content > .active { - display: block; -} - -.nav > .disabled > a { - color: #999999; -} - -.nav > .disabled > a:hover { - text-decoration: none; - cursor: default; - background-color: transparent; -} - -.navbar { - padding: 0 20px; - margin-bottom: 20px; - overflow: visible; - background-color: #f2f2f2; - border-radius: 4px; -} - -.navbar:before, -.navbar:after { - display: table; - content: " "; -} - -.navbar:after { - clear: both; -} - -.navbar .container { - width: auto; -} - -.nav-collapse.collapse { - height: auto; - overflow: visible; -} - -.navbar .brand { - display: block; - float: left; - padding: 12px 20px 12px; - margin-left: -20px; - font-size: 20px; - font-weight: 200; - color: #777777; - text-shadow: 0 1px 0 #ffffff; -} - -.navbar .brand:hover { - text-decoration: none; -} - -.navbar-text { - margin-bottom: 0; - line-height: 44px; - color: #777777; -} - -.navbar-link { - color: #777777; -} - -.navbar-link:hover { - color: #333333; -} - -.navbar .divider-vertical { - height: 44px; - margin: 0 9px; - border-right: 1px solid #ffffff; - border-left: 1px solid #f2f2f2; -} - -.navbar .btn, -.navbar .btn-group { - margin-top: 7px; -} - -.navbar .btn-group .btn, -.navbar .input-prepend .btn, -.navbar .input-append .btn { - margin-top: 0; -} - -.navbar-form { - margin-bottom: 0; -} - -.navbar-form:before, -.navbar-form:after { - display: table; - content: " "; -} - -.navbar-form:after { - clear: both; -} - -.navbar-form input, -.navbar-form select, -.navbar-form .radio, -.navbar-form .checkbox { - margin-top: 7px; -} - -.navbar-form input, -.navbar-form select, -.navbar-form .btn { - display: inline-block; - margin-bottom: 0; -} - -.navbar-form input[type="image"], -.navbar-form input[type="checkbox"], -.navbar-form input[type="radio"] { - margin-top: 3px; -} - -.navbar-form .input-append, -.navbar-form .input-prepend { - margin-top: 5px; - white-space: nowrap; -} - -.navbar-form .input-append input, -.navbar-form .input-prepend input { - margin-top: 0; -} - -.navbar-search { - position: relative; - float: left; - margin-top: 7px; - margin-bottom: 0; -} - -.navbar-search .search-query { - padding: 4px 14px; - margin-bottom: 0; - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; - font-size: 13px; - font-weight: normal; - line-height: 1; - border-radius: 15px; -} - -.navbar-static-top { - position: static; - margin-bottom: 0; - border-radius: 0; -} - -.navbar-fixed-top, -.navbar-fixed-bottom { - position: fixed; - right: 0; - left: 0; - z-index: 1030; - margin-bottom: 0; - border-radius: 0; -} - -.navbar-static-top .container, -.navbar-fixed-top .container, -.navbar-fixed-bottom .container { - width: 100%; -} - -.navbar-fixed-top { - top: 0; -} - -.navbar-fixed-bottom { - bottom: 0; -} - -.navbar .nav { - position: relative; - left: 0; - display: block; - float: left; - margin: 0 10px 0 0; -} - -.navbar .nav.pull-right { - float: right; - margin-right: 0; -} - -.navbar .nav > li { - float: left; -} - -.navbar .nav > li > a { - float: none; - padding: 12px 15px 12px; - color: #777777; - text-decoration: none; - text-shadow: 0 1px 0 #ffffff; -} - -.navbar .nav .dropdown-toggle .caret { - margin-top: 8px; -} - -.navbar .nav > li > a:focus, -.navbar .nav > li > a:hover { - color: #333333; - text-decoration: none; - background-color: transparent; -} - -.navbar .nav > .active > a, -.navbar .nav > .active > a:hover, -.navbar .nav > .active > a:focus { - color: #555555; - text-decoration: none; - background-color: #e5e5e5; -} - -.navbar .btn-navbar { - display: none; - float: right; - padding: 7px 10px; - margin-right: 5px; - margin-left: 5px; - color: #ffffff; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - background-color: #e5e5e5; - background-image: -moz-linear-gradient(top, #f2f2f2, #e5e5e5); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#e5e5e5)); - background-image: -webkit-linear-gradient(top, #f2f2f2, #e5e5e5); - background-image: -o-linear-gradient(top, #f2f2f2, #e5e5e5); - background-image: linear-gradient(to bottom, #f2f2f2, #e5e5e5); - background-repeat: repeat-x; - border-color: #d2d2d2; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffe5e5e5', GradientType=0); - -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075); - box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075); -} - -.navbar .btn-navbar:hover, -.navbar .btn-navbar:active, -.navbar .btn-navbar.active { - color: #ffffff; - background-color: #e5e5e5; - background-position: 0 -15px; -} - -.navbar .btn-navbar:active, -.navbar .btn-navbar.active, -.navbar .btn-navbar[disabled], -.navbar .btn-navbar.disabled, -fieldset[disabled] .navbar .btn-navbar { - background-image: none; -} - -.navbar .btn-navbar .icon-bar { - display: block; - width: 18px; - height: 2px; - background-color: #f5f5f5; - border-radius: 1px; - -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); - box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -} - -.btn-navbar .icon-bar + .icon-bar { - margin-top: 3px; -} - -.navbar .nav > li > .dropdown-menu:before { - position: absolute; - top: -7px; - left: 9px; - display: inline-block; - border-right: 7px solid transparent; - border-bottom: 7px solid #ccc; - border-left: 7px solid transparent; - border-bottom-color: rgba(0, 0, 0, 0.15); - content: ''; -} - -.navbar .nav > li > .dropdown-menu:after { - position: absolute; - top: -6px; - left: 10px; - display: inline-block; - border-right: 6px solid transparent; - border-bottom: 6px solid #ffffff; - border-left: 6px solid transparent; - content: ''; -} - -.navbar-fixed-bottom .nav > li > .dropdown-menu:before { - top: auto; - bottom: -7px; - border-top: 7px solid #ccc; - border-bottom: 0; - border-top-color: rgba(0, 0, 0, 0.15); -} - -.navbar-fixed-bottom .nav > li > .dropdown-menu:after { - top: auto; - bottom: -6px; - border-top: 6px solid #ffffff; - border-bottom: 0; -} - -.navbar .nav li.dropdown > a:hover .caret { - border-top-color: #333333; - border-bottom-color: #333333; -} - -.navbar .nav li.dropdown.open > .dropdown-toggle, -.navbar .nav li.dropdown.active > .dropdown-toggle, -.navbar .nav li.dropdown.open.active > .dropdown-toggle { - color: #555555; - background-color: #e5e5e5; -} - -.navbar .nav li.dropdown > .dropdown-toggle .caret { - border-top-color: #777777; - border-bottom-color: #777777; -} - -.navbar .nav li.dropdown.open > .dropdown-toggle .caret, -.navbar .nav li.dropdown.active > .dropdown-toggle .caret, -.navbar .nav li.dropdown.open.active > .dropdown-toggle .caret { - border-top-color: #555555; - border-bottom-color: #555555; -} - -.navbar .pull-right > li > .dropdown-menu, -.navbar .nav > li > .dropdown-menu.pull-right { - right: 0; - left: auto; -} - -.navbar .pull-right > li > .dropdown-menu:before, -.navbar .nav > li > .dropdown-menu.pull-right:before { - right: 12px; - left: auto; -} - -.navbar .pull-right > li > .dropdown-menu:after, -.navbar .nav > li > .dropdown-menu.pull-right:after { - right: 13px; - left: auto; -} - -.navbar .pull-right > li > .dropdown-menu .dropdown-menu, -.navbar .nav > li > .dropdown-menu.pull-right .dropdown-menu { - right: 100%; - left: auto; - margin-right: -1px; - margin-left: 0; - border-radius: 6px 0 6px 6px; -} - -.navbar-inverse { - background-color: #222222; -} - -.navbar-inverse .brand, -.navbar-inverse .nav > li > a { - color: #999999; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); -} - -.navbar-inverse .brand:hover, -.navbar-inverse .nav > li > a:hover { - color: #ffffff; -} - -.navbar-inverse .brand { - color: #999999; -} - -.navbar-inverse .navbar-text { - color: #999999; -} - -.navbar-inverse .nav > li > a:focus, -.navbar-inverse .nav > li > a:hover { - color: #ffffff; - background-color: transparent; -} - -.navbar-inverse .nav .active > a, -.navbar-inverse .nav .active > a:hover, -.navbar-inverse .nav .active > a:focus { - color: #ffffff; - background-color: #222222; -} - -.navbar-inverse .navbar-link { - color: #999999; -} - -.navbar-inverse .navbar-link:hover { - color: #ffffff; -} - -.navbar-inverse .divider-vertical { - border-right-color: #222222; - border-left-color: #222222; -} - -.navbar-inverse .nav li.dropdown.open > .dropdown-toggle, -.navbar-inverse .nav li.dropdown.active > .dropdown-toggle, -.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle { - color: #ffffff; - background-color: #222222; -} - -.navbar-inverse .nav li.dropdown > a:hover .caret { - border-top-color: #ffffff; - border-bottom-color: #ffffff; -} - -.navbar-inverse .nav li.dropdown > .dropdown-toggle .caret { - border-top-color: #999999; - border-bottom-color: #999999; -} - -.navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret, -.navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret, -.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle .caret { - border-top-color: #ffffff; - border-bottom-color: #ffffff; -} - -.navbar-inverse .navbar-search .search-query { - color: #fff; - background-color: #626262; - border-color: #222222; - -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15); - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15); - -webkit-transition: none; - -moz-transition: none; - -o-transition: none; - transition: none; -} - -.navbar-inverse .navbar-search .search-query:-moz-placeholder { - color: #cccccc; -} - -.navbar-inverse .navbar-search .search-query:-ms-input-placeholder { - color: #cccccc; -} - -.navbar-inverse .navbar-search .search-query::-webkit-input-placeholder { - color: #cccccc; -} - -.navbar-inverse .navbar-search .search-query:focus, -.navbar-inverse .navbar-search .search-query.focused { - padding: 5px 15px; - color: #333333; - text-shadow: 0 1px 0 #fff; - background-color: #ffffff; - border: 0; - outline: 0; - -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); - box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); -} - -.navbar-inverse .btn-navbar { - color: #ffffff; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - background-color: #151515; - background-image: -moz-linear-gradient(top, #151515, #151515); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#151515), to(#151515)); - background-image: -webkit-linear-gradient(top, #151515, #151515); - background-image: -o-linear-gradient(top, #151515, #151515); - background-image: linear-gradient(to bottom, #151515, #151515); - background-repeat: repeat-x; - border-color: #020202; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff151515', endColorstr='#ff151515', GradientType=0); -} - -.navbar-inverse .btn-navbar:hover, -.navbar-inverse .btn-navbar:active, -.navbar-inverse .btn-navbar.active { - color: #ffffff; - background-color: #151515; - background-position: 0 -15px; -} - -.navbar-inverse .btn-navbar:active, -.navbar-inverse .btn-navbar.active, -.navbar-inverse .btn-navbar[disabled], -.navbar-inverse .btn-navbar.disabled, -fieldset[disabled] .navbar-inverse .btn-navbar { - background-image: none; -} - -.breadcrumb { - padding: 8px 15px; - margin: 0 0 20px; - list-style: none; - background-color: #f5f5f5; - border-radius: 4px; -} - -.breadcrumb > li { - display: inline-block; - text-shadow: 0 1px 0 #fff; -} - -.breadcrumb > li:after { - display: inline-block; - padding: 0 5px; - color: #ccc; - content: "\00a0 /"; -} - -.breadcrumb > .active { - color: #999999; -} - -.pagination { - display: inline-block; - margin: 20px 0; - border-radius: 4px; -} - -.pagination > li { - display: inline; -} - -.pagination > li > a, -.pagination > li > span { - float: left; - padding: 4px 12px; - line-height: 20px; - text-decoration: none; - background-color: #ffffff; - border: 1px solid #dddddd; - border-left-width: 0; -} - -.pagination > li > a:hover, -.pagination > .active > a, -.pagination > .active > span { - background-color: #f5f5f5; -} - -.pagination > .active > a, -.pagination > .active > span { - color: #999999; - cursor: default; -} - -.pagination > .disabled > span, -.pagination > .disabled > a, -.pagination > .disabled > a:hover { - color: #999999; - cursor: default; - background-color: transparent; -} - -.pagination > li:first-child > a, -.pagination > li:first-child > span { - border-left-width: 1px; - border-bottom-left-radius: 4px; - border-top-left-radius: 4px; -} - -.pagination > li:last-child > a, -.pagination > li:last-child > span { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} - -.pagination-large > li > a, -.pagination-large > li > span { - padding: 11px 19px; - font-size: 17.5px; -} - -.pagination-large > li:first-child > a, -.pagination-large > li:first-child > span { - border-bottom-left-radius: 6px; - border-top-left-radius: 6px; -} - -.pagination-large > li:last-child > a, -.pagination-large > li:last-child > span { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; -} - -.pagination-mini > li:first-child > a, -.pagination-small > li:first-child > a, -.pagination-mini > li:first-child > span, -.pagination-small > li:first-child > span { - border-bottom-left-radius: 3px; - border-top-left-radius: 3px; -} - -.pagination-mini > li:last-child > a, -.pagination-small > li:last-child > a, -.pagination-mini > li:last-child > span, -.pagination-small > li:last-child > span { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} - -.pagination-small > li > a, -.pagination-small > li > span { - padding: 2px 10px; - font-size: 11.9px; -} - -.pagination-mini > li > a, -.pagination-mini > li > span { - padding: 0 6px; - font-size: 10.5px; -} - -.pager { - margin: 20px 0; - text-align: center; - list-style: none; -} - -.pager:before, -.pager:after { - display: table; - content: " "; -} - -.pager:after { - clear: both; -} - -.pager li { - display: inline; -} - -.pager li > a, -.pager li > span { - display: inline-block; - padding: 5px 14px; - background-color: #fff; - border: 1px solid #ddd; - border-radius: 15px; -} - -.pager li > a:hover { - text-decoration: none; - background-color: #f5f5f5; -} - -.pager .next > a, -.pager .next > span { - float: right; -} - -.pager .previous > a, -.pager .previous > span { - float: left; -} - -.pager .disabled > a, -.pager .disabled > a:hover, -.pager .disabled > span { - color: #999999; - cursor: default; - background-color: #fff; -} - -.modal-backdrop { - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 1040; - background-color: #000; -} - -.modal-backdrop.fade { - opacity: 0; -} - -.modal-backdrop, -.modal-backdrop.fade.in { - opacity: 0.8; - filter: alpha(opacity=80); -} - -.modal { - position: fixed; - top: 10%; - left: 50%; - z-index: 1050; - display: none; - width: 560px; - margin-left: -280px; - background-color: #fff; - border: 1px solid #999; - border: 1px solid rgba(0, 0, 0, 0.3); - border-radius: 6px; - outline: none; - -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); - box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); - -webkit-background-clip: padding-box; - -moz-background-clip: padding-box; - background-clip: padding-box; -} - -.modal.fade { - top: -25%; - -webkit-transition: opacity 0.3s linear, top 0.3s ease-out; - -moz-transition: opacity 0.3s linear, top 0.3s ease-out; - -o-transition: opacity 0.3s linear, top 0.3s ease-out; - transition: opacity 0.3s linear, top 0.3s ease-out; -} - -.modal.fade.in { - top: 10%; -} - -.modal-header { - padding: 9px 15px; - border-bottom: 1px solid #eee; -} - -.modal-header .close { - margin-top: 2px; -} - -.modal-header h3 { - margin: 0; - line-height: 30px; -} - -.modal-body { - position: relative; - max-height: 400px; - padding: 15px; - overflow-y: auto; -} - -.modal-form { - margin-bottom: 0; -} - -.modal-footer { - padding: 14px 15px 15px; - margin-bottom: 0; - text-align: right; - background-color: #f5f5f5; - border-top: 1px solid #ddd; - border-radius: 0 0 6px 6px; - -webkit-box-shadow: inset 0 1px 0 #ffffff; - box-shadow: inset 0 1px 0 #ffffff; -} - -.modal-footer:before, -.modal-footer:after { - display: table; - content: " "; -} - -.modal-footer:after { - clear: both; -} - -.modal-footer .btn + .btn { - margin-bottom: 0; - margin-left: 5px; -} - -.modal-footer .btn-group .btn + .btn { - margin-left: -1px; -} - -.modal-footer .btn-block + .btn-block { - margin-left: 0; -} - -.tooltip { - position: absolute; - z-index: 1030; - display: block; - padding: 5px; - font-size: 11px; - line-height: 1.4; - opacity: 0; - filter: alpha(opacity=0); - visibility: visible; -} - -.tooltip.in { - opacity: 1; - filter: alpha(opacity=100); -} - -.tooltip.top { - margin-top: -3px; -} - -.tooltip.right { - margin-left: 3px; -} - -.tooltip.bottom { - margin-top: 3px; -} - -.tooltip.left { - margin-left: -3px; -} - -.tooltip-inner { - max-width: 200px; - padding: 3px 8px; - color: #ffffff; - text-align: center; - text-decoration: none; - background-color: rgba(0, 0, 0, 0.9); - border-radius: 4px; -} +/* -.tooltip-arrow { - position: absolute; - width: 0; - height: 0; - border-color: transparent; - border-style: solid; -} - -.tooltip.top .tooltip-arrow { - bottom: 0; - left: 50%; - margin-left: -5px; - border-top-color: rgba(0, 0, 0, 0.9); - border-width: 5px 5px 0; -} - -.tooltip.right .tooltip-arrow { - top: 50%; - left: 0; - margin-top: -5px; - border-right-color: rgba(0, 0, 0, 0.9); - border-width: 5px 5px 5px 0; -} - -.tooltip.left .tooltip-arrow { - top: 50%; - right: 0; - margin-top: -5px; - border-left-color: rgba(0, 0, 0, 0.9); - border-width: 5px 0 5px 5px; -} - -.tooltip.bottom .tooltip-arrow { - top: 0; - left: 50%; - margin-left: -5px; - border-bottom-color: rgba(0, 0, 0, 0.9); - border-width: 0 5px 5px; -} - -.popover { - position: absolute; - top: 0; - left: 0; - z-index: 1010; - display: none; - max-width: 276px; - padding: 1px; - text-align: left; - white-space: normal; - background-color: #ffffff; - border: 1px solid #ccc; - border: 1px solid rgba(0, 0, 0, 0.2); - border-radius: 6px; - -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); - box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); - -webkit-background-clip: padding-box; - -moz-background-clip: padding; - background-clip: padding-box; -} - -.popover.top { - margin-top: -10px; -} - -.popover.right { - margin-left: 10px; -} - -.popover.bottom { - margin-top: 10px; -} - -.popover.left { - margin-left: -10px; -} - -.popover-title { - padding: 8px 14px; - margin: 0; - font-size: 14px; - font-weight: normal; - line-height: 18px; - background-color: #f7f7f7; - border-bottom: 1px solid #ebebeb; - border-radius: 5px 5px 0 0; -} - -.popover-title:empty { - display: none; -} - -.popover-content { - padding: 9px 14px; -} - -.popover .arrow, -.popover .arrow:after { - position: absolute; - display: block; - width: 0; - height: 0; - border-color: transparent; - border-style: solid; -} - -.popover .arrow { - border-width: 11px; -} - -.popover .arrow:after { - border-width: 10px; - content: ""; -} - -.popover.top .arrow { - bottom: -11px; - left: 50%; - margin-left: -11px; - border-top-color: #999; - border-top-color: rgba(0, 0, 0, 0.25); - border-bottom-width: 0; -} - -.popover.top .arrow:after { - bottom: 1px; - margin-left: -10px; - border-top-color: #ffffff; - border-bottom-width: 0; -} - -.popover.right .arrow { - top: 50%; - left: -11px; - margin-top: -11px; - border-right-color: #999; - border-right-color: rgba(0, 0, 0, 0.25); - border-left-width: 0; -} - -.popover.right .arrow:after { - bottom: -10px; - left: 1px; - border-right-color: #ffffff; - border-left-width: 0; -} - -.popover.bottom .arrow { - top: -11px; - left: 50%; - margin-left: -11px; - border-bottom-color: #999; - border-bottom-color: rgba(0, 0, 0, 0.25); - border-top-width: 0; -} - -.popover.bottom .arrow:after { - top: 1px; - margin-left: -10px; - border-bottom-color: #ffffff; - border-top-width: 0; -} - -.popover.left .arrow { - top: 50%; - right: -11px; - margin-top: -11px; - border-left-color: #999; - border-left-color: rgba(0, 0, 0, 0.25); - border-right-width: 0; -} - -.popover.left .arrow:after { - right: 1px; - bottom: -10px; - border-left-color: #ffffff; - border-right-width: 0; -} - -.thumbnail { - display: block; - padding: 4px; - line-height: 20px; - border: 1px solid #ddd; - border-radius: 4px; - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} - -a.thumbnail:hover { - border-color: #428bca; - -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); - box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); -} - -.thumbnail > img { - display: block; - max-width: 100%; - margin-right: auto; - margin-left: auto; -} - -.thumbnail .caption { - padding: 9px; - color: #555555; -} - -.media, -.media-body { - overflow: hidden; - zoom: 1; -} - -.media, -.media .media { - margin-top: 15px; -} - -.media:first-child { - margin-top: 0; -} - -.media-object { - display: block; -} - -.media-heading { - margin: 0 0 5px; -} - -.media > .pull-left { - margin-right: 10px; -} - -.media > .pull-right { - margin-left: 10px; -} - -.media-list { - margin-left: 0; - list-style: none; -} - -.badge { - display: inline-block; - padding: 2px 4px; - font-size: 11.844px; - font-weight: bold; - line-height: 14px; - color: #fff; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - white-space: nowrap; - vertical-align: baseline; - background-color: #999999; - border-radius: 3px; -} - -.badge:empty { - display: none; -} - -a.badge:hover { - color: #fff; - text-decoration: none; - cursor: pointer; -} - -.badge-danger { - background-color: #b94a48; -} - -.badge-danger[href] { - background-color: #953b39; -} - -.badge-warning { - background-color: #f89406; -} - -.badge-warning[href] { - background-color: #c67605; -} - -.badge-success { - background-color: #468847; -} - -.badge-success[href] { - background-color: #356635; -} - -.btn .badge { - position: relative; - top: -1px; -} - -.btn-mini .badge { - top: 0; -} - -@-webkit-keyframes progress-bar-stripes { - from { - background-position: 40px 0; - } - to { - background-position: 0 0; - } -} - -@-moz-keyframes progress-bar-stripes { - from { - background-position: 40px 0; - } - to { - background-position: 0 0; - } -} - -@-ms-keyframes progress-bar-stripes { - from { - background-position: 40px 0; - } - to { - background-position: 0 0; - } -} - -@-o-keyframes progress-bar-stripes { - from { - background-position: 0 0; - } - to { - background-position: 40px 0; - } -} - -@keyframes progress-bar-stripes { - from { - background-position: 40px 0; - } - to { - background-position: 0 0; - } -} - -.progress { - height: 20px; - margin-bottom: 20px; - overflow: hidden; - background-color: #f9f9f9; - background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9)); - background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9); - background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9); - background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9); - background-repeat: repeat-x; - border-radius: 4px; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0); - -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -} - -.progress .bar { - float: left; - width: 0; - height: 100%; - font-size: 12px; - color: #fff; - text-align: center; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - background-color: #0480be; - background-image: -moz-linear-gradient(top, #149bdf, #0480be); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be)); - background-image: -webkit-linear-gradient(top, #149bdf, #0480be); - background-image: -o-linear-gradient(top, #149bdf, #0480be); - background-image: linear-gradient(to bottom, #149bdf, #0480be); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0); - -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - -webkit-transition: width 0.6s ease; - -moz-transition: width 0.6s ease; - -o-transition: width 0.6s ease; - transition: width 0.6s ease; -} - -.progress .bar + .bar { - -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15); - box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15); -} - -.progress-striped .bar { - background-color: #149bdf; - background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); - background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - -webkit-background-size: 40px 40px; - -moz-background-size: 40px 40px; - -o-background-size: 40px 40px; - background-size: 40px 40px; -} +// Grid system and page structure +@import "scaffolding.less"; +@import "grid.less"; -.progress.active .bar { - -webkit-animation: progress-bar-stripes 2s linear infinite; - -moz-animation: progress-bar-stripes 2s linear infinite; - -ms-animation: progress-bar-stripes 2s linear infinite; - -o-animation: progress-bar-stripes 2s linear infinite; - animation: progress-bar-stripes 2s linear infinite; -} - -.progress-danger .bar, -.progress .bar-danger { - background-color: #c43c35; - background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35)); - background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35); - background-image: -o-linear-gradient(top, #ee5f5b, #c43c35); - background-image: linear-gradient(to bottom, #ee5f5b, #c43c35); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0); -} - -.progress-danger.progress-striped .bar, -.progress-striped .bar-danger { - background-color: #ee5f5b; - background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); - background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -} - -.progress-success .bar, -.progress .bar-success { - background-color: #57a957; - background-image: -moz-linear-gradient(top, #62c462, #57a957); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957)); - background-image: -webkit-linear-gradient(top, #62c462, #57a957); - background-image: -o-linear-gradient(top, #62c462, #57a957); - background-image: linear-gradient(to bottom, #62c462, #57a957); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0); -} - -.progress-success.progress-striped .bar, -.progress-striped .bar-success { - background-color: #62c462; - background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); - background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -} - -.progress-info .bar, -.progress .bar-info { - background-color: #339bb9; - background-image: -moz-linear-gradient(top, #5bc0de, #339bb9); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9)); - background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9); - background-image: -o-linear-gradient(top, #5bc0de, #339bb9); - background-image: linear-gradient(to bottom, #5bc0de, #339bb9); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0); -} - -.progress-info.progress-striped .bar, -.progress-striped .bar-info { - background-color: #5bc0de; - background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); - background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -} - -.progress-warning .bar, -.progress .bar-warning { - background-color: #f89406; - background-image: -moz-linear-gradient(top, #fbb450, #f89406); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); - background-image: -webkit-linear-gradient(top, #fbb450, #f89406); - background-image: -o-linear-gradient(top, #fbb450, #f89406); - background-image: linear-gradient(to bottom, #fbb450, #f89406); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0); -} - -.progress-warning.progress-striped .bar, -.progress-striped .bar-warning { - background-color: #fbb450; - background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); - background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -} - -.accordion { - margin-bottom: 20px; -} - -.accordion-group { - margin-bottom: 2px; - border: 1px solid #e5e5e5; - border-radius: 4px; -} - -.accordion-heading { - border-bottom: 0; -} - -.accordion-heading .accordion-toggle { - display: block; - padding: 8px 15px; -} - -.accordion-toggle { - cursor: pointer; -} - -.accordion-inner { - padding: 9px 15px; - border-top: 1px solid #e5e5e5; -} - -.carousel { - position: relative; - margin-bottom: 20px; - line-height: 1; -} - -.carousel-inner { - position: relative; - width: 100%; - overflow: hidden; -} - -.carousel-inner > .item { - position: relative; - display: none; - -webkit-transition: 0.6s ease-in-out left; - -moz-transition: 0.6s ease-in-out left; - -o-transition: 0.6s ease-in-out left; - transition: 0.6s ease-in-out left; -} - -.carousel-inner > .item > img { - display: block; - line-height: 1; -} - -.carousel-inner > .active, -.carousel-inner > .next, -.carousel-inner > .prev { - display: block; -} - -.carousel-inner > .active { - left: 0; -} - -.carousel-inner > .next, -.carousel-inner > .prev { - position: absolute; - top: 0; - width: 100%; -} - -.carousel-inner > .next { - left: 100%; -} - -.carousel-inner > .prev { - left: -100%; -} - -.carousel-inner > .next.left, -.carousel-inner > .prev.right { - left: 0; -} - -.carousel-inner > .active.left { - left: -100%; -} - -.carousel-inner > .active.right { - left: 100%; -} - -.carousel-control { - position: absolute; - top: 0; - bottom: 0; - left: 0; - width: 120px; - opacity: 0.5; - filter: alpha(opacity=50); -} +// Base CSS +@import "type.less"; +@import "code.less"; +@import "forms.less"; +@import "tables.less"; -.carousel-control.left { - background-color: rgba(0, 0, 0, 0.001); - background-color: transparent; - background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.001)); - background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0, 0, 0, 0.75)), to(rgba(0, 0, 0, 0.001))); - background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.001)); - background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.001)); - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.001)); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf000000', endColorstr='#00000000', GradientType=1); -} - -.carousel-control.right { - right: 0; - left: auto; - background-color: rgba(0, 0, 0, 0.75); - background-color: transparent; - background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.001), rgba(0, 0, 0, 0.75)); - background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0, 0, 0, 0.001)), to(rgba(0, 0, 0, 0.75))); - background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.001), rgba(0, 0, 0, 0.75)); - background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.001), rgba(0, 0, 0, 0.75)); - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.001), rgba(0, 0, 0, 0.75)); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#bf000000', GradientType=1); -} - -.carousel-control:hover { - color: #fff; - text-decoration: none; - opacity: 0.9; - filter: alpha(opacity=90); -} - -.carousel-control .control { - position: absolute; - top: 50%; - z-index: 5; - display: block; - margin-top: -35px; - margin-left: 30px; - font-size: 80px; - font-weight: 100; - color: #fff; - text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); -} - -.carousel-control.right .control { - margin-left: 70px; -} - -.carousel-indicators { - position: absolute; - top: 15px; - right: 15px; - z-index: 5; - margin: 0; - list-style: none; -} - -.carousel-indicators li { - display: block; - float: left; - width: 10px; - height: 10px; - margin-left: 5px; - text-indent: -999px; - background-color: #ccc; - background-color: rgba(255, 255, 255, 0.25); - border-radius: 5px; -} - -.carousel-indicators .active { - background-color: #fff; -} - -.carousel-caption { - position: absolute; - right: 0; - bottom: 0; - left: 0; - z-index: 10; - max-width: 60%; - padding: 40px; - text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); -} - -.carousel-caption h3, -.carousel-caption p { - line-height: 20px; - color: #fff; -} - -.carousel-caption h3 { - margin: 0 0 5px; -} - -.carousel-caption p { - margin-bottom: 0; -} - -.jumbotron { - padding: 60px; - margin-bottom: 30px; - font-size: 18px; - font-weight: 200; - line-height: 30px; - color: inherit; - background-color: #eeeeee; - border-radius: 6px; -} - -.jumbotron h1 { - margin-bottom: 0; - font-size: 60px; - line-height: 1; - letter-spacing: -1px; - color: inherit; -} - -.jumbotron li { - line-height: 30px; -} +// Components: common +@import "glyphicons.less"; +@import "dropdowns.less"; +@import "wells.less"; +@import "component-animations.less"; +@import "close.less"; -.clearfix:before, -.clearfix:after { - display: table; - content: " "; -} - -.clearfix:after { - clear: both; -} - -.pull-right { - float: right; -} - -.pull-left { - float: left; -} - -.hide { - display: none !important; -} - -.show { - display: block !important; -} - -.invisible { - visibility: hidden; -} - -.text-hide { - font: 0/0 a; - color: transparent; - text-shadow: none; - background-color: transparent; - border: 0; -} +// Components: Buttons & Alerts +@import "buttons.less"; +@import "button-groups.less"; +@import "alerts.less"; -.affix { - position: fixed; -} +// Components: Nav +@import "navs.less"; +@import "navbar.less"; +@import "breadcrumbs.less"; +@import "pagination.less"; +@import "pager.less"; -@-ms-viewport { - width: device-width; -} +// Components: Popovers +@import "modals.less"; +@import "tooltip.less"; +@import "popovers.less"; -.hidden { - display: none; - visibility: hidden; -} +// Components: Misc +@import "thumbnails.less"; +@import "media.less"; +@import "badges.less"; +@import "progress-bars.less"; +@import "accordion.less"; +@import "carousel.less"; +@import "jumbotron.less"; -.visible-phone { - display: none !important; -} +// Utility classes +@import "utilities.less"; // Has to be last to override when necessary -.visible-tablet { - display: none !important; -} -.hidden-desktop { - display: none !important; -} -.visible-desktop { - display: inherit !important; -} +// Responsive +// ------------------------------------------------------------- -@media (min-width: 768px) and (max-width: 979px) { - .hidden-desktop { - display: inherit !important; - } - .visible-desktop { - display: none !important ; - } - .visible-tablet { - display: inherit !important; - } - .hidden-tablet { - display: none !important; - } -} +// Responsive utility classes +@import "responsive-utilities.less"; -@media (max-width: 767px) { - .hidden-desktop { - display: inherit !important; - } - .visible-desktop { - display: none !important; - } - .visible-phone { - display: inherit !important; - } - .hidden-phone { - display: none !important; - } -} -@media (min-width: 1200px) { - .container { - max-width: 1170px; - } - .row { - margin-right: -15px; - margin-left: -15px; - } - .row:before, - .row:after { - display: table; - content: " "; - } - .row:after { - clear: both; - } - [class*="span"] { - float: left; - min-height: 1px; - padding-right: 15px; - padding-left: 15px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - } - .span12 { - width: 100%; - } - .span11 { - width: 91.66666666666666%; - } - .span10 { - width: 83.33333333333334%; - } - .span9 { - width: 75%; - } - .span8 { - width: 66.66666666666666%; - } - .span7 { - width: 58.333333333333336%; - } - .span6 { - width: 50%; - } - .span5 { - width: 41.66666666666667%; - } - .span4 { - width: 33.33333333333333%; - } - .span3 { - width: 25%; - } - .span2 { - width: 16.666666666666664%; - } - .span1 { - width: 8.333333333333332%; - } - .offset12 { - margin-left: 100%; - } - .offset11 { - margin-left: 91.66666666666666%; - } - .offset10 { - margin-left: 83.33333333333334%; - } - .offset9 { - margin-left: 75%; - } - .offset8 { - margin-left: 66.66666666666666%; - } - .offset7 { - margin-left: 58.333333333333336%; - } - .offset6 { - margin-left: 50%; - } - .offset5 { - margin-left: 41.66666666666667%; - } - .offset4 { - margin-left: 33.33333333333333%; - } - .offset3 { - margin-left: 25%; - } - .offset2 { - margin-left: 16.666666666666664%; - } - .offset1 { - margin-left: 8.333333333333332%; - } -} +// Media queries +// ------------------ -@media (min-width: 768px) and (max-width: 979px) { - .row { - margin-right: -10px; - margin-left: -10px; - } - .row:before, - .row:after { - display: table; - content: " "; - } - .row:after { - clear: both; - } - [class*="span"] { - float: left; - min-height: 1px; - padding-right: 10px; - padding-left: 10px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - } - .span12 { - width: 100%; - } - .span11 { - width: 91.66666666666666%; - } - .span10 { - width: 83.33333333333334%; - } - .span9 { - width: 75%; - } - .span8 { - width: 66.66666666666666%; - } - .span7 { - width: 58.333333333333336%; - } - .span6 { - width: 50%; - } - .span5 { - width: 41.66666666666667%; - } - .span4 { - width: 33.33333333333333%; - } - .span3 { - width: 25%; - } - .span2 { - width: 16.666666666666664%; - } - .span1 { - width: 8.333333333333332%; - } - .offset12 { - margin-left: 100%; - } - .offset11 { - margin-left: 91.66666666666666%; - } - .offset10 { - margin-left: 83.33333333333334%; - } - .offset9 { - margin-left: 75%; - } - .offset8 { - margin-left: 66.66666666666666%; - } - .offset7 { - margin-left: 58.333333333333336%; - } - .offset6 { - margin-left: 50%; - } - .offset5 { - margin-left: 41.66666666666667%; - } - .offset4 { - margin-left: 33.33333333333333%; - } - .offset3 { - margin-left: 25%; - } - .offset2 { - margin-left: 16.666666666666664%; - } - .offset1 { - margin-left: 8.333333333333332%; - } -} +// Large desktops +@import "responsive-1200px-min.less"; -@media (max-width: 767px) { - body { - padding-right: 20px; - padding-left: 20px; - } - .navbar-fixed-top, - .navbar-fixed-bottom, - .navbar-static-top { - margin-right: -20px; - margin-left: -20px; - } - .dl-horizontal dt { - float: none; - width: auto; - clear: none; - text-align: left; - } - .dl-horizontal dd { - margin-left: 0; - } - .container { - width: auto; - } - [class*="span"], - .uneditable-input[class*="span"] { - display: block; - float: none; - width: 100%; - margin-left: 0; - } - input[class*="span"], - select[class*="span"], - textarea[class*="span"], - .uneditable-input { - width: 100%; - } - .input-prepend input, - .input-append input, - .input-prepend input[class*="span"], - .input-append input[class*="span"] { - display: inline-block; - width: auto; - } - .modal { - position: fixed; - top: 20px; - right: 20px; - left: 20px; - width: auto; - margin: 0; - } - .modal.fade { - top: -100px; - } - .modal.fade.in { - top: 20px; - } -} +// Tablets to regular desktops +@import "responsive-768px-979px.less"; -@media (max-width: 480px) { - .nav-collapse { - -webkit-transform: translate3d(0, 0, 0); - } - .page-header h1 small { - display: block; - line-height: 20px; - } - input[type="checkbox"], - input[type="radio"] { - border: 1px solid #ccc; - } - .form-horizontal .control-label { - float: none; - width: auto; - padding-top: 0; - text-align: left; - } - .form-horizontal .controls { - margin-left: 0; - } - .form-horizontal .control-list { - padding-top: 0; - } - .form-horizontal .form-actions { - padding-right: 10px; - padding-left: 10px; - } - .media .pull-left, - .media .pull-right { - display: block; - float: none; - margin-bottom: 10px; - } - .media-object { - margin-right: 0; - margin-left: 0; - } - .modal { - top: 10px; - right: 10px; - left: 10px; - } - .modal-header .close { - padding: 10px; - margin: -10px; - } - .carousel-caption { - position: static; - } -} +// Phones to portrait tablets and narrow desktops +@import "responsive-767px-max.less"; -@media (max-width: 979px) { - body { - padding-top: 0; - } - .navbar-fixed-top, - .navbar-fixed-bottom { - position: static; - } - .navbar-fixed-top { - margin-bottom: 20px; - } - .navbar-fixed-bottom { - margin-top: 20px; - } - .navbar-fixed-top, - .navbar-fixed-bottom { - padding: 5px; - } - .navbar .container { - width: auto; - padding: 0; - } - .navbar .brand { - padding-right: 10px; - padding-left: 10px; - margin: 0 0 0 -5px; - } - .nav-collapse { - clear: both; - } - .nav-collapse .nav { - float: none; - margin: 0 0 10px; - } - .nav-collapse .nav > li { - float: none; - } - .nav-collapse .nav > li > a { - margin-bottom: 2px; - } - .nav-collapse .nav > .divider-vertical { - display: none; - } - .nav-collapse .nav .nav-header { - color: #777777; - text-shadow: none; - } - .nav-collapse .nav > li > a, - .nav-collapse .dropdown-menu a { - padding: 9px 15px; - font-weight: bold; - color: #777777; - border-radius: 3px; - } - .nav-collapse .btn { - padding: 4px 10px 4px; - font-weight: normal; - border-radius: 4px; - } - .nav-collapse .dropdown-menu li + li a { - margin-bottom: 2px; - } - .nav-collapse .nav > li > a:hover, - .nav-collapse .dropdown-menu a:hover { - background-color: #f2f2f2; - } - .navbar-inverse .nav-collapse .nav > li > a, - .navbar-inverse .nav-collapse .dropdown-menu a { - color: #999999; - } - .navbar-inverse .nav-collapse .nav > li > a:hover, - .navbar-inverse .nav-collapse .dropdown-menu a:hover { - background-color: #222222; - } - .nav-collapse.in .btn-group { - padding: 0; - margin-top: 5px; - } - .nav-collapse .dropdown-menu { - position: static; - top: auto; - left: auto; - display: none; - float: none; - max-width: none; - padding: 0; - margin: 0 15px; - background-color: transparent; - border: none; - border-radius: 0; - -webkit-box-shadow: none; - box-shadow: none; - } - .nav-collapse .open > .dropdown-menu { - display: block; - } - .nav-collapse .dropdown-menu:before, - .nav-collapse .dropdown-menu:after { - display: none; - } - .nav-collapse .dropdown-menu .divider { - display: none; - } - .nav-collapse .nav > li > .dropdown-menu:before, - .nav-collapse .nav > li > .dropdown-menu:after { - display: none; - } - .nav-collapse .navbar-form, - .nav-collapse .navbar-search { - float: none; - padding: 10px 15px; - margin: 10px 0; - border-top: 1px solid #f2f2f2; - border-bottom: 1px solid #f2f2f2; - -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); - box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); - } - .navbar-inverse .nav-collapse .navbar-form, - .navbar-inverse .nav-collapse .navbar-search { - border-top-color: #222222; - border-bottom-color: #222222; - } - .navbar .nav-collapse .nav.pull-right { - float: none; - margin-left: 0; - } - .nav-collapse, - .nav-collapse.collapse { - height: 0; - overflow: hidden; - } - .navbar .btn-navbar { - display: block; - } - .navbar-static { - padding-right: 10px; - padding-left: 10px; - } -} -@media (min-width: 980px) { - .nav-collapse.collapse { - height: auto !important; - overflow: visible !important; - } -} +// Responsive navbar +// From 979px and below, show a button to toggle navbar contents +@import "responsive-navbar.less"; +*/ -- cgit v1.2.3 From a67c86e40f0b79e8abf5c6c266166db80d8edb72 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 15 Jan 2013 10:27:30 -0800 Subject: Fixes #6586: remove top 5px margin from navbar input group button groups --- docs/assets/css/bootstrap.css | 16 +++++++++++++++- 1 file changed, 15 insertions(+), 1 deletion(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 57325606f..71c42f319 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -714,6 +714,18 @@ a.text-success:hover { color: #356635; } +.text-left { + text-align: left; +} + +.text-right { + text-align: right; +} + +.text-center { + text-align: center; +} + h1, h2, h3, @@ -4387,7 +4399,9 @@ input[type="submit"].btn.btn-mini { .navbar .btn-group .btn, .navbar .input-prepend .btn, -.navbar .input-append .btn { +.navbar .input-append .btn, +.navbar .input-prepend .btn-group, +.navbar .input-append .btn-group { margin-top: 0; } -- cgit v1.2.3 From 85db846b651842444d374f8e54f3f362ca18d08e Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 15 Jan 2013 17:55:14 -0800 Subject: mobile-first navs, navbar, grids, and type --- docs/assets/css/bootstrap.css | 1394 ++++++++++++++++++++++++++++++++++++++++- 1 file changed, 1393 insertions(+), 1 deletion(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index cd4064006..c20e14cf8 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -202,10 +202,1402 @@ table { border-spacing: 0; } +html { + font-size: 62.5%; + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; + -webkit-overflow-scrolling: touch; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} + +@media screen and (max-device-width: 480px) { + html { + -webkit-text-size-adjust: none; + -ms-text-size-adjust: none; + } +} + +body { + margin: 0; + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 14px; + font-size: 1.4rem; + line-height: 1.5; + color: #333333; + background-color: #ffffff; +} + +body, +input, +button, +select, +textarea { + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 14px; + line-height: 20px; +} + +a { + color: #428bca; + text-decoration: none; +} + +a:hover { + color: #2a6496; + text-decoration: underline; +} + +a:focus { + outline: thin dotted #333; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} + +img { + width: auto\9; + height: auto; + max-width: 100%; + vertical-align: middle; +} + +.img-rounded { + border-radius: 6px; +} + +.img-polaroid { + padding: 4px; + background-color: #fff; + border: 1px solid #ccc; + border: 1px solid rgba(0, 0, 0, 0.2); + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); +} + +.img-circle { + border-radius: 500px; +} + +@media print { + * { + color: #000 !important; + text-shadow: none !important; + background: transparent !important; + box-shadow: none !important; + } + a, + a:visited { + text-decoration: underline; + } + a[href]:after { + content: " (" attr(href) ")"; + } + abbr[title]:after { + content: " (" attr(title) ")"; + } + .ir a:after, + a[href^="javascript:"]:after, + a[href^="#"]:after { + content: ""; + } + pre, + blockquote { + border: 1px solid #999; + page-break-inside: avoid; + } + thead { + display: table-header-group; + } + tr, + img { + page-break-inside: avoid; + } + img { + max-width: 100% !important; + } + @page { + margin: 0.5cm; + } + p, + h2, + h3 { + orphans: 3; + widows: 3; + } + h2, + h3 { + page-break-after: avoid; + } +} + +p { + margin: 0 0 10px; +} + +.lead { + margin-bottom: 20px; + font-size: 21px; + font-weight: 200; + line-height: 30px; +} + +small { + font-size: 85%; +} + +strong { + font-weight: bold; +} + +em { + font-style: italic; +} + +cite { + font-style: normal; +} + +.muted { + color: #999999; +} + +a.muted:hover { + color: #808080; +} + +.text-warning { + color: #c09853; +} + +a.text-warning:hover { + color: #a47e3c; +} + +.text-error { + color: #b94a48; +} + +a.text-error:hover { + color: #953b39; +} + +.text-success { + color: #468847; +} + +a.text-success:hover { + color: #356635; +} + +.text-left { + text-align: left; +} + +.text-right { + text-align: right; +} + +.text-center { + text-align: center; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + margin: 10px 0; + font-family: inherit; + font-weight: 500; + line-height: 20px; + text-rendering: optimizelegibility; +} + +h1 small, +h2 small, +h3 small, +h4 small, +h5 small, +h6 small { + font-weight: normal; + line-height: 1; + color: #999999; +} + +h1, +h2, +h3 { + line-height: 40px; +} + +h1 { + font-size: 38.5px; +} + +h2 { + font-size: 31.5px; +} + +h3 { + font-size: 24.5px; +} + +h4 { + font-size: 17.5px; +} + +h5 { + font-size: 14px; +} + +h6 { + font-size: 11.9px; +} + +h1 small { + font-size: 24.5px; +} + +h2 small { + font-size: 17.5px; +} + +h3 small { + font-size: 14px; +} + +h4 small { + font-size: 14px; +} + +.page-header { + padding-bottom: 9px; + margin: 20px 0 30px; + border-bottom: 1px solid #eeeeee; +} + +ul, +ol { + padding: 0; + margin: 0 0 10px 25px; +} + +ul ul, +ul ol, +ol ol, +ol ul { + margin-bottom: 0; +} + +li { + line-height: 20px; +} + +.list-unstyled, +.list-inline { + margin-left: 0; + list-style: none; +} + +.list-inline > li { + display: inline-block; + padding-right: 5px; + padding-left: 5px; +} + +dl { + margin-bottom: 20px; +} + +dt, +dd { + line-height: 20px; +} + +dt { + font-weight: bold; +} + +dd { + margin-left: 10px; +} + +.dl-horizontal:before, +.dl-horizontal:after { + display: table; + content: " "; +} + +.dl-horizontal:after { + clear: both; +} + +.dl-horizontal dt { + float: left; + width: 160px; + overflow: hidden; + clear: left; + text-align: right; + text-overflow: ellipsis; + white-space: nowrap; +} + +.dl-horizontal dd { + margin-left: 180px; +} + +hr { + margin: 20px 0; + border: 0; + border-top: 1px solid #eeeeee; + border-bottom: 1px solid #fff; +} + +abbr[title], +abbr[data-original-title] { + cursor: help; + border-bottom: 1px dotted #999999; +} + +abbr.initialism { + font-size: 90%; + text-transform: uppercase; +} + +blockquote { + padding: 0 0 0 15px; + margin: 0 0 20px; + border-left: 5px solid #eeeeee; +} + +blockquote p { + margin-bottom: 0; + font-size: 17.5px; + font-weight: 300; + line-height: 1.25; +} + +blockquote small { + display: block; + line-height: 20px; + color: #999999; +} + +blockquote small:before { + content: '\2014 \00A0'; +} + +blockquote.pull-right { + float: right; + padding-right: 15px; + padding-left: 0; + border-right: 5px solid #eeeeee; + border-left: 0; +} + +blockquote.pull-right p, +blockquote.pull-right small { + text-align: right; +} + +blockquote.pull-right small:before { + content: ''; +} + +blockquote.pull-right small:after { + content: '\00A0 \2014'; +} + +q:before, +q:after, +blockquote:before, +blockquote:after { + content: ""; +} + +address { + display: block; + margin-bottom: 20px; + font-style: normal; + line-height: 20px; +} + +code, +pre { + padding: 0 3px 2px; + font-family: Monaco, Menlo, Consolas, "Courier New", monospace; + font-size: 12px; + color: #333333; + border-radius: 4px; +} + +code { + padding: 2px 4px; + font-size: 90%; + color: #c7254e; + white-space: nowrap; + background-color: #f9f2f4; +} + +pre { + display: block; + padding: 9.5px; + margin: 0 0 10px; + font-size: 13px; + line-height: 20px; + word-break: break-all; + word-wrap: break-word; + white-space: pre; + white-space: pre-wrap; + background-color: #f5f5f5; + border: 1px solid #ccc; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 4px; +} + +pre.prettyprint { + margin-bottom: 20px; +} + +pre code { + padding: 0; + color: inherit; + white-space: pre; + white-space: pre-wrap; + background-color: transparent; + border: 0; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + max-width: 940px; + margin-right: auto; + margin-left: auto; +} + +.container:before, +.container:after { + display: table; + content: " "; +} + +.container:after { + clear: both; +} + +.row { + margin-right: -10px; + margin-left: -10px; +} + +.row:before, +.row:after { + display: table; + content: " "; +} + +.row:after { + clear: both; +} + +[class^="span"] { + padding-right: 10px; + padding-left: 10px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +[class*="span"].pull-right { + float: right; +} + +.fade { + opacity: 0; + -webkit-transition: opacity 0.15s linear; + -moz-transition: opacity 0.15s linear; + -o-transition: opacity 0.15s linear; + transition: opacity 0.15s linear; +} + +.fade.in { + opacity: 1; +} + +/*.collapse { + position: relative; + height: 0; + overflow: hidden; + .transition(height .35s ease); + &.in { + height: auto; + } +}*/ + +.collapse { + position: relative; + height: 0; + overflow: hidden; + -webkit-transition: height 0.35s ease; + -moz-transition: height 0.35s ease; + -o-transition: height 0.35s ease; + transition: height 0.35s ease; +} + +.collapse.in { + height: auto; +} + +.nav { + padding-left: 0; + margin-bottom: 0; + margin-left: 0; + list-style: none; +} + +.nav:before, +.nav:after { + display: table; + content: " "; +} + +.nav:after { + clear: both; +} + +.nav > li { + display: block; +} + +.nav > li > a { + position: relative; + display: block; + padding: 10px 15px; +} + +.nav > li > a:hover { + text-decoration: none; + background-color: #eeeeee; +} + +.nav-list > li > a { + margin-bottom: -1px; + border: 1px solid #e5e5e5; +} + +.nav-list > li:first-child > a { + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} + +.nav-list > li:last-child > a { + border-radius: 0 0 6px 6px; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} + +.nav-list > .active > a, +.nav-list > .active > a:hover { + z-index: 2; + color: #fff; + background-color: #428bca; + border-color: #428bca; +} + +/* +// Prevent IE8 from misplacing imgs +// See https://github.com/h5bp/html5-boilerplate/issues/984#issuecomment-3985989 +.nav > li > a > img { + max-width: none; +} + +// Redeclare pull classes because of specifity +.nav > .pull-right { + float: right; +} + +// Nav headers (for dropdowns and lists) +.nav-header { + display: block; + padding: 3px 15px; + font-size: 11px; + font-weight: bold; + line-height: @line-height-base; + color: @grayLight; + text-shadow: 0 1px 0 rgba(255,255,255,.5); + text-transform: uppercase; +} +// Space them out when they follow another list item (link) +.nav li + .nav-header { + margin-top: 9px; +} + +// Dividers (basically an hr) within the dropdown +.nav .divider { + .nav-divider(); +} +*/ + /* +// Tabs +// ------------------------- +// Give the tabs something to sit on +.nav-tabs { + border-bottom: 1px solid #ddd; +} +// Make the list-items overlay the bottom border +.nav-tabs > li { + margin-bottom: -1px; +} +// Actual tabs (as links) +.nav-tabs > li > a { + margin-right: 2px; + line-height: @line-height-base; + border: 1px solid transparent; + border-radius: @border-radius-base @border-radius-base 0 0; + &:hover { + border-color: @grayLighter @grayLighter #ddd; + } +} +// Active state, and it's :hover to override normal :hover +.nav-tabs > .active > a, +.nav-tabs > .active > a:hover { + color: @gray; + background-color: @body-background; + border: 1px solid #ddd; + border-bottom-color: transparent; + cursor: default; +} + + + +// Pills +// ------------------------- + +// Links rendered as pills +.nav-pills > li > a { + border-radius: 5px; +} +.nav-pills > li + li > a { + margin-left: 2px; +} + +// Active state +.nav-pills > .active > a, +.nav-pills > .active > a:hover { + color: #fff; + background-color: @link-color; +} + +// Stacked pills +.nav-stacked > li { + float: none; +} +.nav-stacked > li + li > a { + margin-top: 2px; + margin-left: 0; // no need for the gap between nav items +} + + + +// Justified navs +// ------------------------- + +.nav-justified { + // Negative margin doesn't work, so we hack it + max-height: 37px; +} +.nav-justified > li { + float: none; + display: table-cell; + width: 1%; + text-align: center; +} + + + +// Lists +// ------------------------- + +.nav-list { + background-color: #fff; + border-radius: 6px; + .box-shadow(0 1px 4px rgba(0,0,0,.065)) +} +.nav-list > li { + float: none; +} +.nav-list > li > a { + margin-bottom: -1px; // pull up the following link for a 1px border between + border: 1px solid #e5e5e5; +} +.nav-list > li > a:hover { + background-color: #f5f5f5; +} +.nav-list > li:first-child > a { + border-radius: 6px 6px 0 0; +} +.nav-list > li:last-child > a { + border-radius: 0 0 6px 6px; +} +.nav-list > .active > a, +.nav-list > .active > a:hover { + position: relative; + z-index: 2; + padding: 9px 15px; + color: #fff; + text-shadow: 0 1px 0 rgba(0,0,0,.15); + background-color: @link-color; + border-width: 0; + .box-shadow(~"inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1)") +} + + + +// Dropdowns +// ------------------------- + +.nav-tabs .dropdown-menu { + // Remove the top rounded corners here since there is a hard edge above the menu + .border-top-radius(0); +} + +// Default dropdown links +// ------------------------- +// Make carets use linkColor to start +.nav .dropdown-toggle .caret { + border-top-color: @link-color; + border-bottom-color: @link-color; + margin-top: 8px; +} +.nav .dropdown-toggle:hover .caret { + border-top-color: @link-color-hover; + border-bottom-color: @link-color-hover; +} + +// Active dropdown links +// ------------------------- +.nav .active .dropdown-toggle .caret { + border-top-color: #fff; + border-bottom-color: #fff; +} +.nav-tabs .active .dropdown-toggle .caret { + border-top-color: @gray; + border-bottom-color: @gray; +} + +// Active:hover dropdown links +// ------------------------- +.nav > .dropdown.active > a:hover { + cursor: pointer; +} + +// Open dropdowns +// ------------------------- +.nav-tabs .open .dropdown-toggle, +.nav-pills .open .dropdown-toggle, +.nav > li.dropdown.open.active > a:hover { + color: #fff; + background-color: @grayLight; + border-color: @grayLight; +} +.nav li.dropdown.open .caret, +.nav li.dropdown.open.active .caret, +.nav li.dropdown.open a:hover .caret { + border-top-color: #fff; + border-bottom-color: #fff; + .opacity(100); +} + +// Dropdowns in stacked tabs +.tabs-stacked .open > a:hover { + border-color: @grayLight; +} + + + +// Tabbable tabs +// ------------------------- + +// Clear any floats +.tabbable { + .clearfix(); +} + +// Show/hide tabbable areas +.tab-content > .tab-pane, +.pill-content > .pill-pane { + display: none; +} +.tab-content > .active, +.pill-content > .active { + display: block; +} + + + +// Disabled state +// ------------------------- + +// Gray out text +.nav > .disabled > a { + color: @grayLight; +} +// Nuke hover effects +.nav > .disabled > a:hover { + text-decoration: none; + background-color: transparent; + cursor: default; +} +*/ + +.navbar { + padding: 15px; + background-color: #eee; +} + +.navbar:before, +.navbar:after { + display: table; + content: " "; +} + +.navbar:after { + clear: both; +} + +.navbar .brand { + display: inline-block; + padding: 7px 15px; + font-size: 18px; + font-weight: bold; + line-height: 1; +} + +.navbar .brand:hover { + text-decoration: none; + background-color: #ddd; +} + +.btn-navbar { + float: right; + padding: 10px 12px; + background-color: #ddd; + border: 0; + border-radius: 4px; +} + +.btn-navbar .icon-bar { + display: block; + width: 20px; + height: 2px; + background-color: #fff; + border-radius: 1px; +} + +.btn-navbar .icon-bar + .icon-bar { + margin-top: 3px; +} + +.navbar .nav { + margin-top: 15px; +} + +.navbar .nav > li > a { + line-height: 20px; +} + +.navbar .nav > li > a:hover { + background-color: #ddd; +} + +.navbar .nav > .active > a { + background-color: #ddd; +} + +.navbar-inverse { + background-color: #222; +} + +.navbar-inverse .brand { + color: #fff; +} + +.navbar-inverse .brand:hover { + background-color: #333; +} + +.navbar-inverse .nav > li > a { + color: #fff; +} + +.navbar-inverse .nav > li > a:hover { + background-color: #333; +} + +.navbar-inverse .nav > .active > a { + background-color: #333; +} + +.navbar-inverse .btn-navbar { + background-color: #444; +} + +/* + +// COMMON STYLES +// ------------- + +// Base class and wrapper +.navbar { + overflow: visible; + padding: 0 20px; + margin-bottom: @line-height-base; + background-color: @navbar-background; + border-radius: @border-radius-base; + + // Prevent floats from breaking the navbar + .clearfix(); +} + +// Set width to auto for default container +// We then reset it for fixed navbars in the #gridSystem mixin +.navbar .container { + width: auto; +} + +// Override the default collapsed state +.nav-collapse.collapse { + height: auto; + overflow: visible; +} + + +// Brand: website or project name +// ------------------------- +.navbar .brand { + float: left; + display: block; + // Vertically center the text given @navbar-height + padding: ((@navbar-height - @line-height-base) / 2) 20px ((@navbar-height - @line-height-base) / 2); + margin-left: -20px; // negative indent to left-align the text down the page + font-size: 20px; + font-weight: 200; + color: @navbar-brand-color; + text-shadow: 0 1px 0 @navbar-background-highlight; + &:hover { + text-decoration: none; + } +} + +// Plain text in topbar +// ------------------------- +.navbar-text { + margin-bottom: 0; + line-height: @navbar-height; + color: @navbar-text; +} + +// Janky solution for now to account for links outside the .nav +// ------------------------- +.navbar-link { + color: @navbar-link-color; + &:hover { + color: @navbar-link-color-hover; + } +} + +// Dividers in navbar +// ------------------------- +.navbar .divider-vertical { + height: @navbar-height; + margin: 0 9px; + border-left: 1px solid @navbar-background; + border-right: 1px solid @navbar-background-highlight; +} + +// Buttons in navbar +// ------------------------- +.navbar .btn, +.navbar .btn-group { + .navbarVerticalAlign(30px); // Vertically center in navbar +} +.navbar .btn-group .btn, +.navbar .input-prepend .btn, +.navbar .input-append .btn { + margin-top: 0; // then undo the margin here so we don't accidentally double it +} + +// Navbar forms +// ------------------------- +.navbar-form { + margin-bottom: 0; // remove default bottom margin + .clearfix(); + input, + select, + .radio, + .checkbox { + .navbarVerticalAlign(30px); // Vertically center in navbar + } + input, + select, + .btn { + display: inline-block; + margin-bottom: 0; + } + input[type="image"], + input[type="checkbox"], + input[type="radio"] { + margin-top: 3px; + } + .input-append, + .input-prepend { + margin-top: 5px; + white-space: nowrap; // preven two items from separating within a .navbar-form that has .pull-left + input { + margin-top: 0; // remove the margin on top since it's on the parent + } + } +} + +// Navbar search +// ------------------------- +.navbar-search { + position: relative; + float: left; + .navbarVerticalAlign(30px); // Vertically center in navbar + margin-bottom: 0; + .search-query { + margin-bottom: 0; + padding: 4px 14px; + #font > .sans-serif(13px, normal, 1); + border-radius: 15px; // redeclare because of specificity of the type attribute + } +} + + + +// Static navbar +// ------------------------- + +.navbar-static-top { + position: static; + margin-bottom: 0; // remove 18px margin for default navbar + border-radius: 0; +} + + + +// Fixed navbar +// ------------------------- + +// Shared (top/bottom) styles +.navbar-fixed-top, +.navbar-fixed-bottom { + position: fixed; + right: 0; + left: 0; + z-index: @zindex-navbar-fixed; + margin-bottom: 0; // remove 18px margin for default navbar + border-radius: 0; +} + +// Reset container width +// Required here as we reset the width earlier on and the grid mixins don't override early enough +.navbar-static-top .container, +.navbar-fixed-top .container, +.navbar-fixed-bottom .container { + #grid > .core > .span(@grid-columns); +} + +// Fixed to top +.navbar-fixed-top { + top: 0; +} + +// Fixed to bottom +.navbar-fixed-bottom { + bottom: 0; +} + + + +// NAVIGATION +// ---------- + +.navbar .nav { + position: relative; + left: 0; + display: block; + float: left; + margin: 0 10px 0 0; +} +.navbar .nav.pull-right { + float: right; // redeclare due to specificity + margin-right: 0; // remove margin on float right nav +} +.navbar .nav > li { + float: left; +} + +// Links +.navbar .nav > li > a { + float: none; + // Vertically center the text given @navbar-height + padding: ((@navbar-height - @line-height-base) / 2) 15px ((@navbar-height - @line-height-base) / 2); + color: @navbar-link-color; + text-decoration: none; + text-shadow: 0 1px 0 @navbar-background-highlight; +} +.navbar .nav .dropdown-toggle .caret { + margin-top: 8px; +} + +// Hover +.navbar .nav > li > a:focus, +.navbar .nav > li > a:hover { + background-color: @navbar-link-background-hover; // "transparent" is default to differentiate :hover from .active + color: @navbar-link-color-hover; + text-decoration: none; +} + +// Active nav items +.navbar .nav > .active > a, +.navbar .nav > .active > a:hover, +.navbar .nav > .active > a:focus { + color: @navbar-link-color-active; + text-decoration: none; + background-color: @navbar-link-background-active; +} + +// Navbar button for toggling navbar items in responsive layouts +// These definitions need to come after '.navbar .btn' +.navbar .btn-navbar { + display: none; + float: right; + padding: 7px 10px; + margin-left: 5px; + margin-right: 5px; + .buttonBackground(darken(@navbar-background-highlight, 5%), darken(@navbar-background, 5%)); + .box-shadow(~"inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075)"); +} +.navbar .btn-navbar .icon-bar { + display: block; + width: 18px; + height: 2px; + background-color: #f5f5f5; + border-radius: 1px; + .box-shadow(0 1px 0 rgba(0,0,0,.25)); +} +.btn-navbar .icon-bar + .icon-bar { + margin-top: 3px; +} + + + +// Dropdown menus +// -------------- + +// Menu position and menu carets +.navbar .nav > li > .dropdown-menu { + &:before { + content: ''; + display: inline-block; + border-left: 7px solid transparent; + border-right: 7px solid transparent; + border-bottom: 7px solid #ccc; + border-bottom-color: @dropdown-border; + position: absolute; + top: -7px; + left: 9px; + } + &:after { + content: ''; + display: inline-block; + border-left: 6px solid transparent; + border-right: 6px solid transparent; + border-bottom: 6px solid @dropdown-background; + position: absolute; + top: -6px; + left: 10px; + } +} +// Menu position and menu caret support for dropups via extra dropup class +.navbar-fixed-bottom .nav > li > .dropdown-menu { + &:before { + border-top: 7px solid #ccc; + border-top-color: @dropdown-border; + border-bottom: 0; + bottom: -7px; + top: auto; + } + &:after { + border-top: 6px solid @dropdown-background; + border-bottom: 0; + bottom: -6px; + top: auto; + } +} + +// Caret should match text color on hover +.navbar .nav li.dropdown > a:hover .caret { + border-top-color: @navbar-link-color-hover; + border-bottom-color: @navbar-link-color-hover; +} + +// Remove background color from open dropdown +.navbar .nav li.dropdown.open > .dropdown-toggle, +.navbar .nav li.dropdown.active > .dropdown-toggle, +.navbar .nav li.dropdown.open.active > .dropdown-toggle { + background-color: @navbar-link-background-active; + color: @navbar-link-color-active; +} +.navbar .nav li.dropdown > .dropdown-toggle .caret { + border-top-color: @navbar-link-color; + border-bottom-color: @navbar-link-color; +} +.navbar .nav li.dropdown.open > .dropdown-toggle .caret, +.navbar .nav li.dropdown.active > .dropdown-toggle .caret, +.navbar .nav li.dropdown.open.active > .dropdown-toggle .caret { + border-top-color: @navbar-link-color-active; + border-bottom-color: @navbar-link-color-active; +} + +// Right aligned menus need alt position +.navbar .pull-right > li > .dropdown-menu, +.navbar .nav > li > .dropdown-menu.pull-right { + left: auto; + right: 0; + &:before { + left: auto; + right: 12px; + } + &:after { + left: auto; + right: 13px; + } + .dropdown-menu { + left: auto; + right: 100%; + margin-left: 0; + margin-right: -1px; + border-radius: 6px 0 6px 6px; + } +} + + +// Inverted navbar +// ------------------------- + +.navbar-inverse { + background-color: @navbar-inverse-background; + + .brand, + .nav > li > a { + color: @navbar-inverse-link-color; + text-shadow: 0 -1px 0 rgba(0,0,0,.25); + &:hover { + color: @navbar-inverse-link-color-hover; + } + } + + .brand { + color: @navbar-inverse-brand-color; + } + + .navbar-text { + color: @navbar-inverse-text; + } + + .nav > li > a:focus, + .nav > li > a:hover { + background-color: @navbar-inverse-link-background-hover; + color: @navbar-inverse-link-color-hover; + } + + .nav .active > a, + .nav .active > a:hover, + .nav .active > a:focus { + color: @navbar-inverse-link-color-active; + background-color: @navbar-inverse-link-background-active; + } + + // Inline text links + .navbar-link { + color: @navbar-inverse-link-color; + &:hover { + color: @navbar-inverse-link-color-hover; + } + } + + // Dividers in navbar + .divider-vertical { + border-left-color: @navbar-inverse-background; + border-right-color: @navbar-inverse-background-highlight; + } + + // Dropdowns + .nav li.dropdown.open > .dropdown-toggle, + .nav li.dropdown.active > .dropdown-toggle, + .nav li.dropdown.open.active > .dropdown-toggle { + background-color: @navbar-inverse-link-background-active; + color: @navbar-inverse-link-color-active; + } + .nav li.dropdown > a:hover .caret { + border-top-color: @navbar-inverse-link-color-active; + border-bottom-color: @navbar-inverse-link-color-active; + } + .nav li.dropdown > .dropdown-toggle .caret { + border-top-color: @navbar-inverse-link-color; + border-bottom-color: @navbar-inverse-link-color; + } + .nav li.dropdown.open > .dropdown-toggle .caret, + .nav li.dropdown.active > .dropdown-toggle .caret, + .nav li.dropdown.open.active > .dropdown-toggle .caret { + border-top-color: @navbar-inverse-link-color-active; + border-bottom-color: @navbar-inverse-link-color-active; + } + + // Navbar search + .navbar-search { + .search-query { + color: #fff; + background-color: @navbar-inverse-search-background; + border-color: @navbar-inverse-search-border; + .box-shadow(~"inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15)"); + .transition(none); + .placeholder(@navbar-inverse-search-placeholder-color); + + // Focus states (we use .focused since IE8 and down doesn't support :focus) + &:focus, + &.focused { + padding: 5px 15px; + color: @grayDark; + text-shadow: 0 1px 0 #fff; + background-color: @navbar-inverse-search-background-focus; + border: 0; + .box-shadow(0 0 3px rgba(0,0,0,.15)); + outline: 0; + } + } + } + + // Navbar collapse button + .btn-navbar { + .buttonBackground(darken(@navbar-inverse-background-highlight, 5%), darken(@navbar-inverse-background, 5%)); + } + +} + +*/ + +/* // Grid system and page structure -@import "scaffolding.less"; @import "grid.less"; // Base CSS -- cgit v1.2.3 From 5a3cb0d778b22db3ecd412dd2c6367d09a356c6d Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 16 Jan 2013 10:49:19 -0800 Subject: remove extra border-radius props --- docs/assets/css/bootstrap.css | 1 - 1 file changed, 1 deletion(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index c20e14cf8..9912ca6b8 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -795,7 +795,6 @@ pre code { } .nav-list > li:last-child > a { - border-radius: 0 0 6px 6px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } -- cgit v1.2.3 From 8fd26040d80f72e357692d257e80526bf2c36427 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 16 Jan 2013 10:52:33 -0800 Subject: Port over temp responsive styles to bootstrap.less; readd buttons --- docs/assets/css/bootstrap.css | 277 ++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 277 insertions(+) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 9912ca6b8..63fb17523 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -716,6 +716,197 @@ pre code { float: right; } +.btn { + display: inline-block; + padding: 6px 12px; + margin-bottom: 0; + font-size: 14px; + font-weight: bold; + line-height: 20px; + text-align: center; + vertical-align: middle; + cursor: pointer; + border: 1px solid #a7a9aa; + border-radius: 4px; +} + +.btn:focus { + outline: thin dotted #333; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} + +.btn:hover { + color: #fff; + text-decoration: none; +} + +.btn:active, +.btn.active { + background-image: none; + outline: 0; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); +} + +.btn.disabled, +.btn[disabled], +fieldset[disabled] .btn { + cursor: default; + opacity: 0.65; + filter: alpha(opacity=65); + -webkit-box-shadow: none; + box-shadow: none; +} + +.btn-large { + padding: 11px 19px; + font-size: 17.5px; + border-radius: 6px; +} + +.btn-small { + padding: 2px 10px; + font-size: 11.9px; + border-radius: 3px; +} + +.btn-mini [class^="icon-"], +.btn-mini [class*=" icon-"] { + margin-top: -1px; +} + +.btn-mini { + padding: 0 6px; + font-size: 10.5px; + border-radius: 3px; +} + +.btn [class^="glyphicon-"]::before { + vertical-align: -2px; +} + +.btn-small [class^="glyphicon-"]::before, +.btn-mini [class^="glyphicon-"]::before { + vertical-align: -1px; +} + +.btn-block { + display: block; + width: 100%; + padding-right: 0; + padding-left: 0; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.btn-block + .btn-block { + margin-top: 5px; +} + +input[type="submit"].btn-block, +input[type="reset"].btn-block, +input[type="button"].btn-block { + width: 100%; +} + +.btn { + color: #fff; + background-color: #a7a9aa; + border-color: #a7a9aa; +} + +.btn:hover, +.btn:focus, +.btn:active { + background-color: #9a9c9d; + border-color: #8d9091; +} + +.btn-primary { + background-color: #428bca; + border-color: #428bca; +} + +.btn-primary:hover, +.btn-primary:focus, +.btn-primary:active { + background-color: #357ebd; + border-color: #3071a9; +} + +.btn-warning { + background-color: #f0ad4e; + border-color: #f0ad4e; +} + +.btn-warning:hover, +.btn-warning:focus, +.btn-warning:active { + background-color: #eea236; + border-color: #ec971f; +} + +.btn-danger { + background-color: #d9534f; + border-color: #d9534f; +} + +.btn-danger:hover, +.btn-danger:focus, +.btn-danger:active { + background-color: #d43f3a; + border-color: #c9302c; +} + +.btn-success { + background-color: #5cb85c; + border-color: #5cb85c; +} + +.btn-success:hover, +.btn-success:focus, +.btn-success:active { + background-color: #4cae4c; + border-color: #449d44; +} + +.btn-link, +.btn-link:active, +.btn-link[disabled], +fieldset[disabled] .btn-link { + background-color: transparent; + background-image: none; + -webkit-box-shadow: none; + box-shadow: none; +} + +.btn-link, +.btn-link:hover, +.btn-link:active { + border-color: transparent; +} + +.btn-link { + font-weight: normal; + color: #428bca; + cursor: pointer; + border-radius: 0; +} + +.btn-link:hover { + color: #2a6496; + text-decoration: underline; + background-color: transparent; +} + +.btn-link[disabled]:hover, +fieldset[disabled] .btn-link:hover { + color: #333333; + text-decoration: none; +} + .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; @@ -1595,6 +1786,92 @@ pre code { */ +@media screen and (min-width: 768px) { + [class^="span"] { + float: left; + } + .span1 { + width: 8.3333333%; + } + .span2 { + width: 16.6666667%; + } + .span3 { + width: 25%; + } + .span4 { + width: 33.3333333%; + } + .span5 { + width: 41.666666667%; + } + .span6 { + width: 50%; + } + .span7 { + width: 58.333333333%; + } + .span8 { + width: 66.666666667%; + } + .span9 { + width: 75%; + } + .span10 { + width: 83.333333333%; + } + .span11 { + width: 91.666666667%; + } +} + +@media screen and (min-width: 992px) { + { + /* body { + font-size: 1.6rem; + font-size: 16px; + } + */ + + /* Required to make the collapsing navbar work on regular desktops */ + + } + .container { + width: 940px; + margin-right: auto; + margin-left: auto; + } + .navbar { + padding-top: 0; + padding-bottom: 0; + } + .navbar .brand { + float: left; + padding-top: 11px; + padding-bottom: 11px; + margin-left: -15px; + } + .navbar .nav { + margin-top: 0; + overflow: hidden; + } + .navbar .nav > li { + float: left; + } + .navbar .nav > li > a { + padding-top: 10px; + padding-bottom: 10px; + } + .navbar .btn-navbar { + display: none; + } + .nav-collapse.collapse { + float: left; + height: auto !important; + overflow: visible !important; + } +} + /* // Grid system and page structure @import "grid.less"; -- cgit v1.2.3 From cb0691d92f214df385d512a3f63f8f5ea861f922 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 16 Jan 2013 10:57:00 -0800 Subject: mo betta type margins for headings --- docs/assets/css/bootstrap.css | 12 ++++++++++-- 1 file changed, 10 insertions(+), 2 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 63fb17523..d42563746 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -406,7 +406,6 @@ h3, h4, h5, h6 { - margin: 10px 0; font-family: inherit; font-weight: 500; line-height: 20px; @@ -427,9 +426,18 @@ h6 small { h1, h2, h3 { + margin-top: 20px; + margin-bottom: 10px; line-height: 40px; } +h4, +h5, +h6 { + margin-top: 10px; + margin-bottom: 10px; +} + h1 { font-size: 38.5px; } @@ -472,7 +480,7 @@ h4 small { .page-header { padding-bottom: 9px; - margin: 20px 0 30px; + margin: 40px 0 20px; border-bottom: 1px solid #eeeeee; } -- cgit v1.2.3 From 0df7411362bbfb1497c37d66e224ec88e34ffb8e Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 16 Jan 2013 11:38:34 -0800 Subject: Derp on type styles a bit more; bring back and fix up more more docs styles --- docs/assets/css/bootstrap.css | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index d42563746..e8527cd35 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -337,7 +337,7 @@ p { margin-bottom: 20px; font-size: 21px; font-weight: 200; - line-height: 30px; + line-height: 1.25; } small { @@ -440,26 +440,32 @@ h6 { h1 { font-size: 38.5px; + font-size: 4rem; } h2 { font-size: 31.5px; + font-size: 3rem; } h3 { font-size: 24.5px; + font-size: 2.5rem; } h4 { font-size: 17.5px; + font-size: 2rem; } h5 { font-size: 14px; + font-size: 1.6rem; } h6 { font-size: 11.9px; + font-size: 1.2rem; } h1 small { @@ -729,7 +735,7 @@ pre code { padding: 6px 12px; margin-bottom: 0; font-size: 14px; - font-weight: bold; + font-weight: 500; line-height: 20px; text-align: center; vertical-align: middle; -- cgit v1.2.3 From cb99c4b63a9f67f67388619f0438c05bce1daee5 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 16 Jan 2013 11:48:20 -0800 Subject: restore table styles --- docs/assets/css/bootstrap.css | 174 ++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 174 insertions(+) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index e8527cd35..74e99c75c 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -730,6 +730,180 @@ pre code { float: right; } +table { + max-width: 100%; + background-color: transparent; + border-collapse: collapse; + border-spacing: 0; +} + +.table { + width: 100%; + margin-bottom: 20px; +} + +.table th, +.table td { + padding: 8px; + line-height: 20px; + text-align: left; + vertical-align: top; + border-top: 1px solid #dddddd; +} + +.table th { + font-weight: bold; +} + +.table thead th { + vertical-align: bottom; +} + +.table caption + thead tr:first-child th, +.table caption + thead tr:first-child td, +.table colgroup + thead tr:first-child th, +.table colgroup + thead tr:first-child td, +.table thead:first-child tr:first-child th, +.table thead:first-child tr:first-child td { + border-top: 0; +} + +.table tbody + tbody { + border-top: 2px solid #dddddd; +} + +.table .table { + background-color: #ffffff; +} + +.table-condensed th, +.table-condensed td { + padding: 4px 5px; +} + +.table-bordered { + border: 1px solid #dddddd; + border-collapse: separate; + border-left: 0; + border-radius: 4px; +} + +.table-bordered th, +.table-bordered td { + border-left: 1px solid #dddddd; +} + +.table-bordered caption + thead tr:first-child th, +.table-bordered caption + tbody tr:first-child th, +.table-bordered caption + tbody tr:first-child td, +.table-bordered colgroup + thead tr:first-child th, +.table-bordered colgroup + tbody tr:first-child th, +.table-bordered colgroup + tbody tr:first-child td, +.table-bordered thead:first-child tr:first-child th, +.table-bordered tbody:first-child tr:first-child th, +.table-bordered tbody:first-child tr:first-child td { + border-top: 0; +} + +.table-bordered thead:first-child tr:first-child > th:first-child, +.table-bordered tbody:first-child tr:first-child > td:first-child, +.table-bordered tbody:first-child tr:first-child > th:first-child { + border-top-left-radius: 4px; +} + +.table-bordered thead:first-child tr:first-child > th:last-child, +.table-bordered tbody:first-child tr:first-child > td:last-child, +.table-bordered tbody:first-child tr:first-child > th:last-child { + border-top-right-radius: 4px; +} + +.table-bordered thead:last-child tr:last-child > th:first-child, +.table-bordered tbody:last-child tr:last-child > td:first-child, +.table-bordered tbody:last-child tr:last-child > th:first-child, +.table-bordered tfoot:last-child tr:last-child > td:first-child, +.table-bordered tfoot:last-child tr:last-child > th:first-child { + border-bottom-left-radius: 4px; +} + +.table-bordered thead:last-child tr:last-child > th:last-child, +.table-bordered tbody:last-child tr:last-child > td:last-child, +.table-bordered tbody:last-child tr:last-child > th:last-child, +.table-bordered tfoot:last-child tr:last-child > td:last-child, +.table-bordered tfoot:last-child tr:last-child > th:last-child { + border-bottom-right-radius: 4px; +} + +.table-bordered tfoot + tbody:last-child tr:last-child > td:first-child { + border-bottom-left-radius: 0; +} + +.table-bordered tfoot + tbody:last-child tr:last-child > td:last-child { + border-bottom-right-radius: 0; +} + +.table-bordered caption + thead tr:first-child th:first-child, +.table-bordered caption + tbody tr:first-child td:first-child, +.table-bordered colgroup + thead tr:first-child th:first-child, +.table-bordered colgroup + tbody tr:first-child td:first-child { + border-top-left-radius: 4px; +} + +.table-bordered caption + thead tr:first-child th:last-child, +.table-bordered caption + tbody tr:first-child td:last-child, +.table-bordered colgroup + thead tr:first-child th:last-child, +.table-bordered colgroup + tbody tr:first-child td:last-child { + border-top-right-radius: 4px; +} + +.table-striped tbody > tr:nth-child(odd) > td, +.table-striped tbody > tr:nth-child(odd) > th { + background-color: #f9f9f9; +} + +.table-hover tbody tr:hover > td, +.table-hover tbody tr:hover > th { + background-color: #f5f5f5; +} + +table td[class*="span"], +table th[class*="span"] { + display: table-cell; + float: none; + margin-left: 0; +} + +.table tbody tr.success > td { + background-color: #dff0d8; +} + +.table tbody tr.error > td { + background-color: #f2dede; +} + +.table tbody tr.warning > td { + background-color: #fcf8e3; +} + +.table tbody tr.info > td { + background-color: #d9edf7; +} + +.table-hover tbody tr.success:hover > td { + background-color: #d0e9c6; +} + +.table-hover tbody tr.error:hover > td { + background-color: #ebcccc; +} + +.table-hover tbody tr.warning:hover > td { + background-color: #faf2cc; +} + +.table-hover tbody tr.info:hover > td { + background-color: #c4e3f3; +} + .btn { display: inline-block; padding: 6px 12px; -- cgit v1.2.3 From 992e0d922ae5c15bf9df2d65cbc6293cf203734f Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 16 Jan 2013 12:20:34 -0800 Subject: Re-add and update form styles: * Restore forms.less file * Overhaul .radio.inline .checkbox.inline to be .radio-inline or .checkbox-inline * Update docs to reflect changes --- docs/assets/css/bootstrap.css | 579 ++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 579 insertions(+) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 74e99c75c..c30443f79 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -904,6 +904,585 @@ table th[class*="span"] { background-color: #c4e3f3; } +form { + margin: 0; +} + +fieldset { + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + padding: 0; + margin-bottom: 20px; + font-size: 21px; + line-height: 40px; + color: #333333; + border: 0; + border-bottom: 1px solid #e5e5e5; +} + +label { + display: inline-block; + margin-bottom: 5px; + font-weight: bold; +} + +select, +textarea, +input[type="text"], +input[type="password"], +input[type="datetime"], +input[type="datetime-local"], +input[type="date"], +input[type="month"], +input[type="time"], +input[type="week"], +input[type="number"], +input[type="email"], +input[type="url"], +input[type="search"], +input[type="tel"], +input[type="color"], +.uneditable-input { + display: block; + min-height: 34px; + padding: 6px 9px; + margin-bottom: 10px; + font-size: 14px; + line-height: 20px; + color: #555555; + vertical-align: middle; + background-color: #ffffff; + border: 1px solid #cccccc; + border-radius: 4px; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; + -moz-transition: border linear 0.2s, box-shadow linear 0.2s; + -o-transition: border linear 0.2s, box-shadow linear 0.2s; + transition: border linear 0.2s, box-shadow linear 0.2s; +} + +input, +select, +textarea, +.uneditable-input { + width: 100%; +} + +input[type="file"], +input[type="image"], +input[type="submit"], +input[type="reset"], +input[type="button"], +input[type="radio"], +input[type="checkbox"] { + width: auto; +} + +textarea { + height: auto; +} + +textarea:focus, +input[type="text"]:focus, +input[type="password"]:focus, +input[type="datetime"]:focus, +input[type="datetime-local"]:focus, +input[type="date"]:focus, +input[type="month"]:focus, +input[type="time"]:focus, +input[type="week"]:focus, +input[type="number"]:focus, +input[type="email"]:focus, +input[type="url"]:focus, +input[type="search"]:focus, +input[type="tel"]:focus, +input[type="color"]:focus, +.uneditable-input:focus { + border-color: rgba(82, 168, 236, 0.8); + outline: 0; + outline: thin dotted \9; + /* IE6-9 */ + + -webkit-box-shadow: 0 0 8px rgba(82, 168, 236, 0.6); + box-shadow: 0 0 8px rgba(82, 168, 236, 0.6); +} + +input[type="radio"], +input[type="checkbox"] { + margin: 4px 0 0; + margin-top: 1px \9; + /* IE8-9 */ + + line-height: normal; +} + +select, +input[type="file"] { + height: 34px; + /* In IE7, the height of the select element cannot be changed by height, only font-size. TODO: Check if this is still needed when dropping IE7 support */ + + line-height: 34px; +} + +select { + border: 1px solid #cccccc; +} + +select[multiple], +select[size] { + height: auto; +} + +select:focus, +input[type="file"]:focus, +input[type="radio"]:focus, +input[type="checkbox"]:focus { + outline: thin dotted #333; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} + +.uneditable-input, +.uneditable-textarea { + color: #999999; + cursor: not-allowed; + background-color: #fcfcfc; + border-color: #cccccc; + -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); +} + +.uneditable-input { + overflow: hidden; + white-space: nowrap; +} + +.uneditable-textarea { + width: auto; + height: auto; +} + +input:-moz-placeholder, +textarea:-moz-placeholder { + color: #999999; +} + +input:-ms-input-placeholder, +textarea:-ms-input-placeholder { + color: #999999; +} + +input::-webkit-input-placeholder, +textarea::-webkit-input-placeholder { + color: #999999; +} + +.radio, +.checkbox { + display: block; + min-height: 20px; + padding-left: 20px; + margin-bottom: 10px; +} + +.radio label, +.checkbox label { + display: inline; + margin-bottom: 0; + font-weight: normal; +} + +.radio input[type="radio"], +.radio-inline input[type="radio"], +.checkbox input[type="checkbox"], +.checkbox-inline input[type="checkbox"] { + float: left; + margin-left: -20px; +} + +.radio + .radio, +.checkbox + .checkbox { + margin-top: -5px; +} + +.controls > .radio:first-child, +.controls > .checkbox:first-child { + padding-top: 5px; +} + +.radio-inline, +.checkbox-inline { + display: inline-block; + padding-top: 5px; + padding-left: 20px; + margin-bottom: 0; + font-weight: normal; + vertical-align: middle; +} + +.radio-inline + .radio-inline, +.checkbox-inline + .checkbox-inline { + margin-top: 0; + margin-left: 10px; +} + +select.input-large, +textarea.input-large, +input[type="text"].input-large, +input[type="password"].input-large, +input[type="datetime"].input-large, +input[type="datetime-local"].input-large, +input[type="date"].input-large, +input[type="month"].input-large, +input[type="time"].input-large, +input[type="week"].input-large, +input[type="number"].input-large, +input[type="email"].input-large, +input[type="url"].input-large, +input[type="search"].input-large, +input[type="tel"].input-large, +input[type="color"].input-large, +.uneditable-input.input-large { + padding: 11px 19px; + padding-right: 14px; + padding-left: 14px; + font-size: 17.5px; + border-radius: 6px; +} + +select.input-small, +textarea.input-small, +input[type="text"].input-small, +input[type="password"].input-small, +input[type="datetime"].input-small, +input[type="datetime-local"].input-small, +input[type="date"].input-small, +input[type="month"].input-small, +input[type="time"].input-small, +input[type="week"].input-small, +input[type="number"].input-small, +input[type="email"].input-small, +input[type="url"].input-small, +input[type="search"].input-small, +input[type="tel"].input-small, +input[type="color"].input-small, +.uneditable-input.input-small { + padding: 2px 10px; + font-size: 11.9px; + border-radius: 3px; +} + +select.input-mini, +textarea.input-mini, +input[type="text"].input-mini, +input[type="password"].input-mini, +input[type="datetime"].input-mini, +input[type="datetime-local"].input-mini, +input[type="date"].input-mini, +input[type="month"].input-mini, +input[type="time"].input-mini, +input[type="week"].input-mini, +input[type="number"].input-mini, +input[type="email"].input-mini, +input[type="url"].input-mini, +input[type="search"].input-mini, +input[type="tel"].input-mini, +input[type="color"].input-mini, +.uneditable-input.input-mini { + padding: 0 6px; + font-size: 10.5px; + border-radius: 3px; +} + +input[class*="span"], +select[class*="span"], +textarea[class*="span"], +.uneditable-input[class*="span"] { + float: none; + margin-right: 0; + margin-left: 0; +} + +.input-append input[class*="span"], +.input-append .uneditable-input[class*="span"], +.input-prepend input[class*="span"], +.input-prepend .uneditable-input[class*="span"] { + display: inline-block; +} + +input[class*="span"], +select[class*="span"], +textarea[class*="span"], +.uneditable-input[class*="span"] { + height: 34px; +} + +input[disabled], +select[disabled], +textarea[disabled], +input[readonly], +select[readonly], +textarea[readonly], +fieldset[disabled] input, +fieldset[disabled] select, +fieldset[disabled] textarea { + cursor: not-allowed; + background-color: #eeeeee; +} + +input[type="radio"][disabled], +input[type="checkbox"][disabled], +input[type="radio"][readonly], +input[type="checkbox"][readonly], +fieldset[disabled] input[type="radio"], +fieldset[disabled] input[type="checkbox"] { + background-color: transparent; +} + +.has-warning .control-label { + color: #c09853; +} + +.has-warning .input-with-feedback { + padding-right: 32px; + border-color: #c09853; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); +} + +.has-warning .input-with-feedback:focus { + border-color: #a47e3c; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; +} + +.has-error .control-label { + color: #b94a48; +} + +.has-error .input-with-feedback { + padding-right: 32px; + border-color: #b94a48; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); +} + +.has-error .input-with-feedback:focus { + border-color: #953b39; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; +} + +.has-success .control-label { + color: #468847; +} + +.has-success .input-with-feedback { + padding-right: 32px; + border-color: #468847; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); +} + +.has-success .input-with-feedback:focus { + border-color: #356635; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; +} + +input:focus:invalid, +textarea:focus:invalid, +select:focus:invalid { + color: #b94a48; + border-color: #ee5f5b; +} + +input:focus:invalid:focus, +textarea:focus:invalid:focus, +select:focus:invalid:focus { + border-color: #e9322d; + -webkit-box-shadow: 0 0 6px #f8b9b7; + box-shadow: 0 0 6px #f8b9b7; +} + +.form-actions { + padding: 19px 20px 20px; + margin-top: 20px; + margin-bottom: 20px; + background-color: #f5f5f5; + border-top: 1px solid #e5e5e5; +} + +.form-actions:before, +.form-actions:after { + display: table; + content: " "; +} + +.form-actions:after { + clear: both; +} + +.help-block, +.help-inline { + color: #737373; +} + +.help-block { + display: block; + margin-bottom: 10px; +} + +.help-inline { + display: inline-block; + padding-left: 5px; + vertical-align: middle; +} + +.input-group { + display: table; +} + +.input-group[class*="span"] { + float: none; + padding: 0; +} + +.input-group input, +.input-group select, +.input-group .uneditable-input { + width: 100%; +} + +.input-group-addon, +.input-group-btn, +.input-group input, +.input-group .uneditable-input { + display: table-cell; + margin: 0; + border-radius: 0; +} + +.input-group-addon, +.input-group-btn { + width: 1%; + vertical-align: middle; +} + +.input-group-addon { + padding: 6px 8px; + font-size: 14px; + font-weight: normal; + line-height: 20px; + text-align: center; + text-shadow: 0 1px 0 #fff; + background-color: #eeeeee; + border: 1px solid #ccc; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.input-group input:first-child, +.input-group .uneditable-input:first-child, +.input-group-addon:first-child { + border-bottom-left-radius: 4px; + border-top-left-radius: 4px; +} + +.input-group-addon:first-child { + border-right: 0; +} + +.input-group input:last-child, +.input-group .uneditable-input:last-child, +.input-group-addon:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +.input-group-addon:last-child { + border-left: 0; +} + +.input-group-btn, +.input-group-btn .btn { + white-space: nowrap; +} + +.input-group-btn > .btn { + float: left; + border-radius: 0; +} + +.input-group-btn > .btn + .btn { + border-left: 0; +} + +.input-group-btn.btn-group { + display: table-cell; +} + +.input-group-btn:first-child > .btn, +.input-group-btn.btn-group:first-child > .btn { + border-right: 0; +} + +.input-group-btn:first-child > .btn, +.input-group-btn.btn-group:first-child > .btn { + border-radius: 4px 0 0 4px; +} + +.input-group-btn:last-child > .btn, +.input-group-btn.btn-group:last-child > .btn:first-child { + border-left: 0; +} + +.input-group-btn:last-child > .btn, +.input-group-btn.btn-group:last-child > .btn { + border-radius: 0 4px 4px 0; +} + +@media screen and (min-width: 768px) { + .form-horizontal .control-group { + position: relative; + margin-bottom: 20px; + } + .form-horizontal .control-group:before, + .form-horizontal .control-group:after { + display: table; + content: " "; + } + .form-horizontal .control-group:after { + clear: both; + } + .form-horizontal .control-group input, + .form-horizontal .control-group select, + .form-horizontal .control-group textarea, + .form-horizontal .control-group .uneditable-input { + margin-bottom: 0; + } + .form-horizontal .control-group > .control-label { + float: left; + width: 160px; + padding-top: 6px; + text-align: right; + } + .form-horizontal .control-group > .controls { + margin-left: 180px; + } +} + .btn { display: inline-block; padding: 6px 12px; -- cgit v1.2.3 From c76f1cd97ed6f075146e9c406e808e6683306f6a Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 16 Jan 2013 12:30:44 -0800 Subject: restore glyphicons --- docs/assets/css/bootstrap.css | 654 ++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 654 insertions(+) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index c30443f79..cf06541a2 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -1710,6 +1710,660 @@ fieldset[disabled] .btn-link:hover { height: auto; } +@font-face { + font-family: 'Glyphicons Halflings'; + font-style: normal; + font-weight: normal; + src: url('../fonts/glyphiconshalflings-regular.eot'); + src: url('../fonts/glyphiconshalflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphiconshalflings-regular.woff') format('woff'), url('../fonts/glyphiconshalflings-regular.ttf') format('truetype'), url('../fonts/glyphiconshalflings-regular.svg#glyphicons_halflingsregular') format('svg'); +} + +[class^="glyphicon-"]:before { + font-family: 'Glyphicons Halflings'; + font-style: normal; + line-height: 1; +} + +.glyphicon-glass:before { + content: "\e001"; +} + +.glyphicon-music:before { + content: "\e002"; +} + +.glyphicon-search:before { + content: "\e003"; +} + +.glyphicon-envelope:before { + content: "\2709"; +} + +.glyphicon-heart:before { + content: "\e005"; +} + +.glyphicon-star:before { + content: "\e006"; +} + +.glyphicon-star-empty:before { + content: "\e007"; +} + +.glyphicon-user:before { + content: "\e008"; +} + +.glyphicon-film:before { + content: "\e009"; +} + +.glyphicon-th-large:before { + content: "\e010"; +} + +.glyphicon-th:before { + content: "\e011"; +} + +.glyphicon-th-list:before { + content: "\e012"; +} + +.glyphicon-ok:before { + content: "\e013"; +} + +.glyphicon-remove:before { + content: "\e014"; +} + +.glyphicon-zoom-in:before { + content: "\e015"; +} + +.glyphicon-zoom-out:before { + content: "\e016"; +} + +.glyphicon-off:before { + content: "\e017"; +} + +.glyphicon-signal:before { + content: "\e018"; +} + +.glyphicon-cog:before { + content: "\e019"; +} + +.glyphicon-trash:before { + content: "\e020"; +} + +.glyphicon-home:before { + content: "\e021"; +} + +.glyphicon-file:before { + content: "\e022"; +} + +.glyphicon-time:before { + content: "\e023"; +} + +.glyphicon-road:before { + content: "\e024"; +} + +.glyphicon-download-alt:before { + content: "\e025"; +} + +.glyphicon-download:before { + content: "\e026"; +} + +.glyphicon-upload:before { + content: "\e027"; +} + +.glyphicon-inbox:before { + content: "\e028"; +} + +.glyphicon-play-circle:before { + content: "\e029"; +} + +.glyphicon-repeat:before { + content: "\e030"; +} + +.glyphicon-refresh:before { + content: "\e031"; +} + +.glyphicon-list-alt:before { + content: "\e032"; +} + +.glyphicon-lock:before { + content: "\e033"; +} + +.glyphicon-flag:before { + content: "\e034"; +} + +.glyphicon-headphones:before { + content: "\e035"; +} + +.glyphicon-volume-off:before { + content: "\e036"; +} + +.glyphicon-volume-down:before { + content: "\e037"; +} + +.glyphicon-volume-up:before { + content: "\e038"; +} + +.glyphicon-qrcode:before { + content: "\e039"; +} + +.glyphicon-barcode:before { + content: "\e040"; +} + +.glyphicon-tag:before { + content: "\e041"; +} + +.glyphicon-tags:before { + content: "\e042"; +} + +.glyphicon-book:before { + content: "\e043"; +} + +.glyphicon-bookmark:before { + content: "\e044"; +} + +.glyphicon-print:before { + content: "\e045"; +} + +.glyphicon-camera:before { + content: "\e046"; +} + +.glyphicon-font:before { + content: "\e047"; +} + +.glyphicon-bold:before { + content: "\e048"; +} + +.glyphicon-italic:before { + content: "\e049"; +} + +.glyphicon-text-height:before { + content: "\e050"; +} + +.glyphicon-text-width:before { + content: "\e051"; +} + +.glyphicon-align-left:before { + content: "\e052"; +} + +.glyphicon-align-center:before { + content: "\e053"; +} + +.glyphicon-align-right:before { + content: "\e054"; +} + +.glyphicon-align-justify:before { + content: "\e055"; +} + +.glyphicon-list:before { + content: "\e056"; +} + +.glyphicon-indent-left:before { + content: "\e057"; +} + +.glyphicon-indent-right:before { + content: "\e058"; +} + +.glyphicon-facetime-video:before { + content: "\e059"; +} + +.glyphicon-picture:before { + content: "\e060"; +} + +.glyphicon-pencil:before { + content: "\270f"; +} + +.glyphicon-map-marker:before { + content: "\e062"; +} + +.glyphicon-adjust:before { + content: "\e063"; +} + +.glyphicon-tint:before { + content: "\e064"; +} + +.glyphicon-edit:before { + content: "\e065"; +} + +.glyphicon-share:before { + content: "\e066"; +} + +.glyphicon-check:before { + content: "\e067"; +} + +.glyphicon-move:before { + content: "\e068"; +} + +.glyphicon-step-backward:before { + content: "\e069"; +} + +.glyphicon-fast-backward:before { + content: "\e070"; +} + +.glyphicon-backward:before { + content: "\e071"; +} + +.glyphicon-play:before { + content: "\e072"; +} + +.glyphicon-pause:before { + content: "\e073"; +} + +.glyphicon-stop:before { + content: "\e074"; +} + +.glyphicon-forward:before { + content: "\e075"; +} + +.glyphicon-fast-forward:before { + content: "\e076"; +} + +.glyphicon-step-forward:before { + content: "\e077"; +} + +.glyphicon-eject:before { + content: "\e078"; +} + +.glyphicon-chevron-left:before { + content: "\e079"; +} + +.glyphicon-chevron-right:before { + content: "\e080"; +} + +.glyphicon-plus-sign:before { + content: "\e081"; +} + +.glyphicon-minus-sign:before { + content: "\e082"; +} + +.glyphicon-remove-sign:before { + content: "\e083"; +} + +.glyphicon-ok-sign:before { + content: "\e084"; +} + +.glyphicon-question-sign:before { + content: "\e085"; +} + +.glyphicon-info-sign:before { + content: "\e086"; +} + +.glyphicon-screenshot:before { + content: "\e087"; +} + +.glyphicon-remove-circle:before { + content: "\e088"; +} + +.glyphicon-ok-circle:before { + content: "\e089"; +} + +.glyphicon-ban-circle:before { + content: "\e090"; +} + +.glyphicon-arrow-left:before { + content: "\e091"; +} + +.glyphicon-arrow-right:before { + content: "\e092"; +} + +.glyphicon-arrow-up:before { + content: "\e093"; +} + +.glyphicon-arrow-down:before { + content: "\e094"; +} + +.glyphicon-share-alt:before { + content: "\e095"; +} + +.glyphicon-resize-full:before { + content: "\e096"; +} + +.glyphicon-resize-small:before { + content: "\e097"; +} + +.glyphicon-plus:before { + content: "\002b"; +} + +.glyphicon-minus:before { + content: "\2212"; +} + +.glyphicon-asterisk:before { + content: "\002a"; +} + +.glyphicon-exclamation-sign:before { + content: "\e101"; +} + +.glyphicon-gift:before { + content: "\e102"; +} + +.glyphicon-leaf:before { + content: "\e103"; +} + +.glyphicon-fire:before { + content: "\e104"; +} + +.glyphicon-eye-open:before { + content: "\e105"; +} + +.glyphicon-eye-close:before { + content: "\e106"; +} + +.glyphicon-warning-sign:before { + content: "\e107"; +} + +.glyphicon-plane:before { + content: "\e108"; +} + +.glyphicon-calendar:before { + content: "\e109"; +} + +.glyphicon-random:before { + content: "\e110"; +} + +.glyphicon-comment:before { + content: "\e111"; +} + +.glyphicon-magnet:before { + content: "\e112"; +} + +.glyphicon-chevron-up:before { + content: "\e113"; +} + +.glyphicon-chevron-down:before { + content: "\e114"; +} + +.glyphicon-retweet:before { + content: "\e115"; +} + +.glyphicon-shopping-cart:before { + content: "\e116"; +} + +.glyphicon-folder-close:before { + content: "\e117"; +} + +.glyphicon-folder-open:before { + content: "\e118"; +} + +.glyphicon-resize-vertical:before { + content: "\e119"; +} + +.glyphicon-resize-horizontal:before { + content: "\e120"; +} + +.glyphicon-hdd:before { + content: "\e121"; +} + +.glyphicon-bullhorn:before { + content: "\e122"; +} + +.glyphicon-bell:before { + content: "\e123"; +} + +.glyphicon-certificate:before { + content: "\e124"; +} + +.glyphicon-thumbs-up:before { + content: "\e125"; +} + +.glyphicon-thumbs-down:before { + content: "\e126"; +} + +.glyphicon-hand-right:before { + content: "\e127"; +} + +.glyphicon-hand-left:before { + content: "\e128"; +} + +.glyphicon-hand-up:before { + content: "\e129"; +} + +.glyphicon-hand-down:before { + content: "\e130"; +} + +.glyphicon-circle-arrow-right:before { + content: "\e131"; +} + +.glyphicon-circle-arrow-left:before { + content: "\e132"; +} + +.glyphicon-circle-arrow-up:before { + content: "\e133"; +} + +.glyphicon-circle-arrow-down:before { + content: "\e134"; +} + +.glyphicon-globe:before { + content: "\e135"; +} + +.glyphicon-wrench:before { + content: "\e136"; +} + +.glyphicon-tasks:before { + content: "\e137"; +} + +.glyphicon-filter:before { + content: "\e138"; +} + +.glyphicon-briefcase:before { + content: "\e139"; +} + +.glyphicon-fullscreen:before { + content: "\e140"; +} + +.glyphicon-dashboard:before { + content: "\e141"; +} + +.glyphicon-paperclip:before { + content: "\e142"; +} + +.glyphicon-heart-empty:before { + content: "\e143"; +} + +.glyphicon-link:before { + content: "\e144"; +} + +.glyphicon-phone:before { + content: "\e145"; +} + +.glyphicon-pushpin:before { + content: "\e146"; +} + +.glyphicon-euro:before { + content: "\20ac"; +} + +.glyphicon-usd:before { + content: "\e148"; +} + +.glyphicon-gbp:before { + content: "\e149"; +} + +.glyphicon-sort:before { + content: "\e150"; +} + +.glyphicon-sort-by-alphabet:before { + content: "\e151"; +} + +.glyphicon-sort-by-alphabet-alt:before { + content: "\e152"; +} + +.glyphicon-sort-by-order:before { + content: "\e153"; +} + +.glyphicon-sort-by-order-alt:before { + content: "\e154"; +} + +.glyphicon-sort-by-attributes:before { + content: "\e155"; +} + +.glyphicon-sort-by-attributes-alt:before { + content: "\e156"; +} + +.glyphicon-unchecked:before { + content: "\e157"; +} + +.glyphicon-expand:before { + content: "\e158"; +} + +.glyphicon-collapse:before { + content: "\e159"; +} + +.glyphicon-collapse-top:before { + content: "\e160"; +} + .nav { padding-left: 0; margin-bottom: 0; -- cgit v1.2.3 From a4cc704220c3969fdf842d92846f77920613a003 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 16 Jan 2013 12:44:31 -0800 Subject: Restore dropdowns.less --- docs/assets/css/bootstrap.css | 145 ++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 145 insertions(+) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index cf06541a2..119489523 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -2364,6 +2364,151 @@ fieldset[disabled] .btn-link:hover { content: "\e160"; } +.dropup, +.dropdown { + position: relative; +} + +.dropdown-toggle:active, +.open .dropdown-toggle { + outline: 0; +} + +.caret { + display: inline-block; + width: 0; + height: 0; + vertical-align: top; + border-top: 4px solid #000; + border-right: 4px solid transparent; + border-left: 4px solid transparent; + content: ""; +} + +.dropdown .caret { + margin-top: 8px; + margin-left: 2px; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 160px; + padding: 5px 0; + margin: 2px 0 0; + list-style: none; + background-color: #ffffff; + border: 1px solid #ccc; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 4px; + -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); + box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); + -webkit-background-clip: padding-box; + -moz-background-clip: padding-box; + background-clip: padding-box; +} + +.dropdown-menu.pull-right { + right: 0; + left: auto; +} + +.dropdown-menu .divider { + height: 1px; + margin: 9px 1px; + overflow: hidden; + background-color: #e5e5e5; + border-bottom: 1px solid #ffffff; +} + +.dropdown-menu > li > a { + display: block; + padding: 3px 20px; + clear: both; + font-weight: normal; + line-height: 20px; + color: #333333; + white-space: nowrap; +} + +.dropdown-menu li > a:hover, +.dropdown-menu li > a:focus { + color: #ffffff; + text-decoration: none; + background-color: #357ebd; + background-image: -moz-linear-gradient(top, #428bca, #357ebd); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#428bca), to(#357ebd)); + background-image: -webkit-linear-gradient(top, #428bca, #357ebd); + background-image: -o-linear-gradient(top, #428bca, #357ebd); + background-image: linear-gradient(to bottom, #428bca, #357ebd); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0); +} + +.dropdown-menu > .active > a, +.dropdown-menu > .active > a:hover { + color: #ffffff; + text-decoration: none; + background-color: #357ebd; + background-image: -moz-linear-gradient(top, #428bca, #357ebd); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#428bca), to(#357ebd)); + background-image: -webkit-linear-gradient(top, #428bca, #357ebd); + background-image: -o-linear-gradient(top, #428bca, #357ebd); + background-image: linear-gradient(to bottom, #428bca, #357ebd); + background-repeat: repeat-x; + outline: 0; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0); +} + +.dropdown-menu > .disabled > a, +.dropdown-menu > .disabled > a:hover { + color: #999999; +} + +.dropdown-menu > .disabled > a:hover { + text-decoration: none; + cursor: default; + background-color: transparent; + background-image: none; + filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); +} + +.open > .dropdown-menu { + display: block; +} + +.pull-right > .dropdown-menu { + right: 0; + left: auto; +} + +.dropup .caret, +.navbar-fixed-bottom .dropdown .caret { + border-top: 0; + border-bottom: 4px solid #000; + content: ""; +} + +.dropup .dropdown-menu, +.navbar-fixed-bottom .dropdown .dropdown-menu { + top: auto; + bottom: 100%; + margin-bottom: 1px; +} + +.dropdown .dropdown-menu .nav-header { + padding-right: 20px; + padding-left: 20px; +} + +.typeahead { + z-index: 1051; +} + .nav { padding-left: 0; margin-bottom: 0; -- cgit v1.2.3 From ab38493e91d3d0f95d57189af6e67de7671e4104 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 16 Jan 2013 13:04:29 -0800 Subject: Restore button groups --- docs/assets/css/bootstrap.css | 144 ++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 144 insertions(+) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 119489523..1bb409d37 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3352,6 +3352,150 @@ fieldset[disabled] .btn-link:hover { */ +.caret { + border-top-color: #fff; + border-bottom-color: #fff; +} + +.btn-group { + position: relative; + display: inline-block; + vertical-align: middle; +} + +.btn-group > .btn { + float: left; +} + +.btn-toolbar:before, +.btn-toolbar:after { + display: table; + content: " "; +} + +.btn-toolbar:after { + clear: both; +} + +.btn-toolbar .btn-group { + float: left; +} + +.btn-toolbar > .btn + .btn, +.btn-toolbar > .btn-group + .btn, +.btn-toolbar > .btn + .btn-group, +.btn-toolbar > .btn-group + .btn-group { + margin-left: 5px; +} + +.btn-group > .btn { + position: relative; + border-radius: 0; +} + +.btn-group > .btn + .btn { + margin-left: 1px; +} + +.btn-group > .btn:first-child { + margin-left: 0; + border-bottom-left-radius: 4px; + border-top-left-radius: 4px; +} + +.btn-group > .btn:last-child, +.btn-group > .dropdown-toggle { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +.btn-group > .btn.large:first-child { + margin-left: 0; + border-bottom-left-radius: 6px; + border-top-left-radius: 6px; +} + +.btn-group > .btn.large:last-child, +.btn-group > .large.dropdown-toggle { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + +.btn-group .dropdown-toggle:active, +.btn-group.open .dropdown-toggle { + outline: 0; +} + +.btn-group > .btn + .dropdown-toggle { + padding-right: 8px; + padding-left: 8px; +} + +.btn-group > .btn-mini + .dropdown-toggle { + padding-right: 5px; + padding-left: 5px; +} + +.btn-group > .btn-large + .dropdown-toggle { + padding-right: 12px; + padding-left: 12px; +} + +.btn-group.open .dropdown-toggle { + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); +} + +.btn .caret { + margin-top: 8px; + margin-left: 0; +} + +.btn-large .caret { + margin-top: 6px; +} + +.btn-large .caret { + border-width: 5px; +} + +.btn-mini .caret, +.btn-small .caret { + margin-top: 8px; +} + +.dropup .btn-large .caret { + border-bottom-width: 5px; +} + +.btn-group-vertical > .btn { + display: block; + float: none; + max-width: 100%; + border-radius: 0; +} + +.btn-group-vertical > .btn + .btn { + margin-top: 1px; + margin-left: 0; +} + +.btn-group-vertical .btn:first-child { + border-radius: 4px 4px 0 0; +} + +.btn-group-vertical .btn:last-child { + border-radius: 0 0 4px 4px; +} + +.btn-group-vertical .btn-large:first-child { + border-radius: 6px 6px 0 0; +} + +.btn-group-vertical .btn-large:last-child { + border-radius: 0 0 6px 6px; +} + @media screen and (min-width: 768px) { [class^="span"] { float: left; -- cgit v1.2.3 From 2407217686cda083d0c560733f159421b77bd0fe Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 16 Jan 2013 13:05:20 -0800 Subject: restore wells and close --- docs/assets/css/bootstrap.css | 53 +++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 53 insertions(+) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 1bb409d37..170921099 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -2509,6 +2509,59 @@ fieldset[disabled] .btn-link:hover { z-index: 1051; } +.well { + min-height: 20px; + padding: 19px; + margin-bottom: 20px; + background-color: #f5f5f5; + border: 1px solid #e3e3e3; + border-radius: 4px; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); +} + +.well blockquote { + border-color: #ddd; + border-color: rgba(0, 0, 0, 0.15); +} + +.well-large { + padding: 24px; + border-radius: 6px; +} + +.well-small { + padding: 9px; + border-radius: 3px; +} + +.close { + float: right; + font-size: 20px; + font-weight: bold; + line-height: 20px; + color: #000; + text-shadow: 0 1px 0 #ffffff; + opacity: 0.2; + filter: alpha(opacity=20); +} + +.close:hover { + color: #000; + text-decoration: none; + cursor: pointer; + opacity: 0.4; + filter: alpha(opacity=40); +} + +button.close { + padding: 0; + cursor: pointer; + background: transparent; + border: 0; + -webkit-appearance: none; +} + .nav { padding-left: 0; margin-bottom: 0; -- cgit v1.2.3 From 2127690e73df97ae95ce367043c4d6928eb78204 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 16 Jan 2013 13:06:15 -0800 Subject: restore breadcrumbs --- docs/assets/css/bootstrap.css | 24 ++++++++++++++++++++++++ 1 file changed, 24 insertions(+) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 170921099..316b297b5 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3549,6 +3549,30 @@ button.close { border-radius: 0 0 6px 6px; } +.breadcrumb { + padding: 8px 15px; + margin: 0 0 20px; + list-style: none; + background-color: #f5f5f5; + border-radius: 4px; +} + +.breadcrumb > li { + display: inline-block; + text-shadow: 0 1px 0 #fff; +} + +.breadcrumb > li:after { + display: inline-block; + padding: 0 5px; + color: #ccc; + content: "\00a0 /"; +} + +.breadcrumb > .active { + color: #999999; +} + @media screen and (min-width: 768px) { [class^="span"] { float: left; -- cgit v1.2.3 From bc7fd582edd592bc3061f37c59e381fc5ec85187 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 16 Jan 2013 13:07:08 -0800 Subject: restore pagination and pager --- docs/assets/css/bootstrap.css | 152 ++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 152 insertions(+) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 316b297b5..1fd513afe 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3573,6 +3573,158 @@ button.close { color: #999999; } +.pagination { + display: inline-block; + margin: 20px 0; + border-radius: 4px; +} + +.pagination > li { + display: inline; +} + +.pagination > li > a, +.pagination > li > span { + float: left; + padding: 4px 12px; + line-height: 20px; + text-decoration: none; + background-color: #ffffff; + border: 1px solid #dddddd; + border-left-width: 0; +} + +.pagination > li > a:hover, +.pagination > .active > a, +.pagination > .active > span { + background-color: #f5f5f5; +} + +.pagination > .active > a, +.pagination > .active > span { + color: #999999; + cursor: default; +} + +.pagination > .disabled > span, +.pagination > .disabled > a, +.pagination > .disabled > a:hover { + color: #999999; + cursor: default; + background-color: transparent; +} + +.pagination > li:first-child > a, +.pagination > li:first-child > span { + border-left-width: 1px; + border-bottom-left-radius: 4px; + border-top-left-radius: 4px; +} + +.pagination > li:last-child > a, +.pagination > li:last-child > span { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +.pagination-large > li > a, +.pagination-large > li > span { + padding: 11px 19px; + font-size: 17.5px; +} + +.pagination-large > li:first-child > a, +.pagination-large > li:first-child > span { + border-bottom-left-radius: 6px; + border-top-left-radius: 6px; +} + +.pagination-large > li:last-child > a, +.pagination-large > li:last-child > span { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + +.pagination-mini > li:first-child > a, +.pagination-small > li:first-child > a, +.pagination-mini > li:first-child > span, +.pagination-small > li:first-child > span { + border-bottom-left-radius: 3px; + border-top-left-radius: 3px; +} + +.pagination-mini > li:last-child > a, +.pagination-small > li:last-child > a, +.pagination-mini > li:last-child > span, +.pagination-small > li:last-child > span { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.pagination-small > li > a, +.pagination-small > li > span { + padding: 2px 10px; + font-size: 11.9px; +} + +.pagination-mini > li > a, +.pagination-mini > li > span { + padding: 0 6px; + font-size: 10.5px; +} + +.pager { + margin: 20px 0; + text-align: center; + list-style: none; +} + +.pager:before, +.pager:after { + display: table; + content: " "; +} + +.pager:after { + clear: both; +} + +.pager li { + display: inline; +} + +.pager li > a, +.pager li > span { + display: inline-block; + padding: 5px 14px; + background-color: #fff; + border: 1px solid #ddd; + border-radius: 15px; +} + +.pager li > a:hover { + text-decoration: none; + background-color: #f5f5f5; +} + +.pager .next > a, +.pager .next > span { + float: right; +} + +.pager .previous > a, +.pager .previous > span { + float: left; +} + +.pager .disabled > a, +.pager .disabled > a:hover, +.pager .disabled > span { + color: #999999; + cursor: default; + background-color: #fff; +} + @media screen and (min-width: 768px) { [class^="span"] { float: left; -- cgit v1.2.3 From 910ca85a7009885fb209cd7ea476303394116882 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 16 Jan 2013 13:07:41 -0800 Subject: restore remaining components --- docs/assets/css/bootstrap.css | 928 ++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 928 insertions(+) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 1fd513afe..84076279b 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3725,6 +3725,934 @@ button.close { background-color: #fff; } +.modal-backdrop { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1040; + background-color: #000; +} + +.modal-backdrop.fade { + opacity: 0; +} + +.modal-backdrop, +.modal-backdrop.fade.in { + opacity: 0.8; + filter: alpha(opacity=80); +} + +.modal { + position: fixed; + top: 10%; + left: 50%; + z-index: 1050; + display: none; + width: 560px; + margin-left: -280px; + background-color: #fff; + border: 1px solid #999; + border: 1px solid rgba(0, 0, 0, 0.3); + border-radius: 6px; + outline: none; + -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); + box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); + -webkit-background-clip: padding-box; + -moz-background-clip: padding-box; + background-clip: padding-box; +} + +.modal.fade { + top: -25%; + -webkit-transition: opacity 0.3s linear, top 0.3s ease-out; + -moz-transition: opacity 0.3s linear, top 0.3s ease-out; + -o-transition: opacity 0.3s linear, top 0.3s ease-out; + transition: opacity 0.3s linear, top 0.3s ease-out; +} + +.modal.fade.in { + top: 10%; +} + +.modal-header { + padding: 9px 15px; + border-bottom: 1px solid #eee; +} + +.modal-header .close { + margin-top: 2px; +} + +.modal-header h3 { + margin: 0; + line-height: 30px; +} + +.modal-body { + position: relative; + max-height: 400px; + padding: 15px; + overflow-y: auto; +} + +.modal-form { + margin-bottom: 0; +} + +.modal-footer { + padding: 14px 15px 15px; + margin-bottom: 0; + text-align: right; + background-color: #f5f5f5; + border-top: 1px solid #ddd; + border-radius: 0 0 6px 6px; + -webkit-box-shadow: inset 0 1px 0 #ffffff; + box-shadow: inset 0 1px 0 #ffffff; +} + +.modal-footer:before, +.modal-footer:after { + display: table; + content: " "; +} + +.modal-footer:after { + clear: both; +} + +.modal-footer .btn + .btn { + margin-bottom: 0; + margin-left: 5px; +} + +.modal-footer .btn-group .btn + .btn { + margin-left: -1px; +} + +.modal-footer .btn-block + .btn-block { + margin-left: 0; +} + +.tooltip { + position: absolute; + z-index: 1030; + display: block; + padding: 5px; + font-size: 11px; + line-height: 1.4; + opacity: 0; + filter: alpha(opacity=0); + visibility: visible; +} + +.tooltip.in { + opacity: 1; + filter: alpha(opacity=100); +} + +.tooltip.top { + margin-top: -3px; +} + +.tooltip.right { + margin-left: 3px; +} + +.tooltip.bottom { + margin-top: 3px; +} + +.tooltip.left { + margin-left: -3px; +} + +.tooltip-inner { + max-width: 200px; + padding: 3px 8px; + color: #ffffff; + text-align: center; + text-decoration: none; + background-color: rgba(0, 0, 0, 0.9); + border-radius: 4px; +} + +.tooltip-arrow { + position: absolute; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; +} + +.tooltip.top .tooltip-arrow { + bottom: 0; + left: 50%; + margin-left: -5px; + border-top-color: rgba(0, 0, 0, 0.9); + border-width: 5px 5px 0; +} + +.tooltip.right .tooltip-arrow { + top: 50%; + left: 0; + margin-top: -5px; + border-right-color: rgba(0, 0, 0, 0.9); + border-width: 5px 5px 5px 0; +} + +.tooltip.left .tooltip-arrow { + top: 50%; + right: 0; + margin-top: -5px; + border-left-color: rgba(0, 0, 0, 0.9); + border-width: 5px 0 5px 5px; +} + +.tooltip.bottom .tooltip-arrow { + top: 0; + left: 50%; + margin-left: -5px; + border-bottom-color: rgba(0, 0, 0, 0.9); + border-width: 0 5px 5px; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1010; + display: none; + max-width: 276px; + padding: 1px; + text-align: left; + white-space: normal; + background-color: #ffffff; + border: 1px solid #ccc; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 6px; + -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + -webkit-background-clip: padding-box; + -moz-background-clip: padding; + background-clip: padding-box; +} + +.popover.top { + margin-top: -10px; +} + +.popover.right { + margin-left: 10px; +} + +.popover.bottom { + margin-top: 10px; +} + +.popover.left { + margin-left: -10px; +} + +.popover-title { + padding: 8px 14px; + margin: 0; + font-size: 14px; + font-weight: normal; + line-height: 18px; + background-color: #f7f7f7; + border-bottom: 1px solid #ebebeb; + border-radius: 5px 5px 0 0; +} + +.popover-title:empty { + display: none; +} + +.popover-content { + padding: 9px 14px; +} + +.popover .arrow, +.popover .arrow:after { + position: absolute; + display: block; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; +} + +.popover .arrow { + border-width: 11px; +} + +.popover .arrow:after { + border-width: 10px; + content: ""; +} + +.popover.top .arrow { + bottom: -11px; + left: 50%; + margin-left: -11px; + border-top-color: #999; + border-top-color: rgba(0, 0, 0, 0.25); + border-bottom-width: 0; +} + +.popover.top .arrow:after { + bottom: 1px; + margin-left: -10px; + border-top-color: #ffffff; + border-bottom-width: 0; +} + +.popover.right .arrow { + top: 50%; + left: -11px; + margin-top: -11px; + border-right-color: #999; + border-right-color: rgba(0, 0, 0, 0.25); + border-left-width: 0; +} + +.popover.right .arrow:after { + bottom: -10px; + left: 1px; + border-right-color: #ffffff; + border-left-width: 0; +} + +.popover.bottom .arrow { + top: -11px; + left: 50%; + margin-left: -11px; + border-bottom-color: #999; + border-bottom-color: rgba(0, 0, 0, 0.25); + border-top-width: 0; +} + +.popover.bottom .arrow:after { + top: 1px; + margin-left: -10px; + border-bottom-color: #ffffff; + border-top-width: 0; +} + +.popover.left .arrow { + top: 50%; + right: -11px; + margin-top: -11px; + border-left-color: #999; + border-left-color: rgba(0, 0, 0, 0.25); + border-right-width: 0; +} + +.popover.left .arrow:after { + right: 1px; + bottom: -10px; + border-left-color: #ffffff; + border-right-width: 0; +} + +.thumbnail { + display: block; + padding: 4px; + line-height: 20px; + border: 1px solid #ddd; + border-radius: 4px; + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); + -webkit-transition: all 0.2s ease-in-out; + -moz-transition: all 0.2s ease-in-out; + -o-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; +} + +a.thumbnail:hover { + border-color: #428bca; + -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); + box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); +} + +.thumbnail > img { + display: block; + max-width: 100%; + margin-right: auto; + margin-left: auto; +} + +.thumbnail .caption { + padding: 9px; + color: #555555; +} + +.media, +.media-body { + overflow: hidden; + zoom: 1; +} + +.media, +.media .media { + margin-top: 15px; +} + +.media:first-child { + margin-top: 0; +} + +.media-object { + display: block; +} + +.media-heading { + margin: 0 0 5px; +} + +.media > .pull-left { + margin-right: 10px; +} + +.media > .pull-right { + margin-left: 10px; +} + +.media-list { + margin-left: 0; + list-style: none; +} + +.badge { + display: inline-block; + padding: 2px 4px; + font-size: 11.844px; + font-weight: bold; + line-height: 14px; + color: #fff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + white-space: nowrap; + vertical-align: baseline; + background-color: #999999; + border-radius: 3px; +} + +.badge:empty { + display: none; +} + +a.badge:hover { + color: #fff; + text-decoration: none; + cursor: pointer; +} + +.badge-danger { + background-color: #b94a48; +} + +.badge-danger[href] { + background-color: #953b39; +} + +.badge-warning { + background-color: #f89406; +} + +.badge-warning[href] { + background-color: #c67605; +} + +.badge-success { + background-color: #468847; +} + +.badge-success[href] { + background-color: #356635; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.btn-mini .badge { + top: 0; +} + +@-webkit-keyframes progress-bar-stripes { + from { + background-position: 40px 0; + } + to { + background-position: 0 0; + } +} + +@-moz-keyframes progress-bar-stripes { + from { + background-position: 40px 0; + } + to { + background-position: 0 0; + } +} + +@-ms-keyframes progress-bar-stripes { + from { + background-position: 40px 0; + } + to { + background-position: 0 0; + } +} + +@-o-keyframes progress-bar-stripes { + from { + background-position: 0 0; + } + to { + background-position: 40px 0; + } +} + +@keyframes progress-bar-stripes { + from { + background-position: 40px 0; + } + to { + background-position: 0 0; + } +} + +.progress { + height: 20px; + margin-bottom: 20px; + overflow: hidden; + background-color: #f9f9f9; + background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9)); + background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9); + background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9); + background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9); + background-repeat: repeat-x; + border-radius: 4px; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0); + -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); +} + +.progress .bar { + float: left; + width: 0; + height: 100%; + font-size: 12px; + color: #fff; + text-align: center; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #0480be; + background-image: -moz-linear-gradient(top, #149bdf, #0480be); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be)); + background-image: -webkit-linear-gradient(top, #149bdf, #0480be); + background-image: -o-linear-gradient(top, #149bdf, #0480be); + background-image: linear-gradient(to bottom, #149bdf, #0480be); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0); + -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: width 0.6s ease; + -moz-transition: width 0.6s ease; + -o-transition: width 0.6s ease; + transition: width 0.6s ease; +} + +.progress .bar + .bar { + -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15); + box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15); +} + +.progress-striped .bar { + background-color: #149bdf; + background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + -webkit-background-size: 40px 40px; + -moz-background-size: 40px 40px; + -o-background-size: 40px 40px; + background-size: 40px 40px; +} + +.progress.active .bar { + -webkit-animation: progress-bar-stripes 2s linear infinite; + -moz-animation: progress-bar-stripes 2s linear infinite; + -ms-animation: progress-bar-stripes 2s linear infinite; + -o-animation: progress-bar-stripes 2s linear infinite; + animation: progress-bar-stripes 2s linear infinite; +} + +.progress-danger .bar, +.progress .bar-danger { + background-color: #c43c35; + background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35)); + background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35); + background-image: -o-linear-gradient(top, #ee5f5b, #c43c35); + background-image: linear-gradient(to bottom, #ee5f5b, #c43c35); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0); +} + +.progress-danger.progress-striped .bar, +.progress-striped .bar-danger { + background-color: #ee5f5b; + background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); +} + +.progress-success .bar, +.progress .bar-success { + background-color: #57a957; + background-image: -moz-linear-gradient(top, #62c462, #57a957); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957)); + background-image: -webkit-linear-gradient(top, #62c462, #57a957); + background-image: -o-linear-gradient(top, #62c462, #57a957); + background-image: linear-gradient(to bottom, #62c462, #57a957); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0); +} + +.progress-success.progress-striped .bar, +.progress-striped .bar-success { + background-color: #62c462; + background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); +} + +.progress-info .bar, +.progress .bar-info { + background-color: #339bb9; + background-image: -moz-linear-gradient(top, #5bc0de, #339bb9); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9)); + background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9); + background-image: -o-linear-gradient(top, #5bc0de, #339bb9); + background-image: linear-gradient(to bottom, #5bc0de, #339bb9); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0); +} + +.progress-info.progress-striped .bar, +.progress-striped .bar-info { + background-color: #5bc0de; + background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); +} + +.progress-warning .bar, +.progress .bar-warning { + background-color: #f89406; + background-image: -moz-linear-gradient(top, #fbb450, #f89406); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); + background-image: -webkit-linear-gradient(top, #fbb450, #f89406); + background-image: -o-linear-gradient(top, #fbb450, #f89406); + background-image: linear-gradient(to bottom, #fbb450, #f89406); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0); +} + +.progress-warning.progress-striped .bar, +.progress-striped .bar-warning { + background-color: #fbb450; + background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); +} + +.accordion { + margin-bottom: 20px; +} + +.accordion-group { + margin-bottom: 2px; + border: 1px solid #e5e5e5; + border-radius: 4px; +} + +.accordion-heading { + border-bottom: 0; +} + +.accordion-heading .accordion-toggle { + display: block; + padding: 8px 15px; +} + +.accordion-toggle { + cursor: pointer; +} + +.accordion-inner { + padding: 9px 15px; + border-top: 1px solid #e5e5e5; +} + +.carousel { + position: relative; + margin-bottom: 20px; + line-height: 1; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} + +.carousel-inner > .item { + position: relative; + display: none; + -webkit-transition: 0.6s ease-in-out left; + -moz-transition: 0.6s ease-in-out left; + -o-transition: 0.6s ease-in-out left; + transition: 0.6s ease-in-out left; +} + +.carousel-inner > .item > img { + display: block; + line-height: 1; +} + +.carousel-inner > .active, +.carousel-inner > .next, +.carousel-inner > .prev { + display: block; +} + +.carousel-inner > .active { + left: 0; +} + +.carousel-inner > .next, +.carousel-inner > .prev { + position: absolute; + top: 0; + width: 100%; +} + +.carousel-inner > .next { + left: 100%; +} + +.carousel-inner > .prev { + left: -100%; +} + +.carousel-inner > .next.left, +.carousel-inner > .prev.right { + left: 0; +} + +.carousel-inner > .active.left { + left: -100%; +} + +.carousel-inner > .active.right { + left: 100%; +} + +.carousel-control { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 120px; + opacity: 0.5; + filter: alpha(opacity=50); +} + +.carousel-control.left { + background-color: rgba(0, 0, 0, 0.001); + background-color: transparent; + background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.001)); + background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0, 0, 0, 0.75)), to(rgba(0, 0, 0, 0.001))); + background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.001)); + background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.001)); + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.001)); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf000000', endColorstr='#00000000', GradientType=1); +} + +.carousel-control.right { + right: 0; + left: auto; + background-color: rgba(0, 0, 0, 0.75); + background-color: transparent; + background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.001), rgba(0, 0, 0, 0.75)); + background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0, 0, 0, 0.001)), to(rgba(0, 0, 0, 0.75))); + background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.001), rgba(0, 0, 0, 0.75)); + background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.001), rgba(0, 0, 0, 0.75)); + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.001), rgba(0, 0, 0, 0.75)); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#bf000000', GradientType=1); +} + +.carousel-control:hover { + color: #fff; + text-decoration: none; + opacity: 0.9; + filter: alpha(opacity=90); +} + +.carousel-control .control { + position: absolute; + top: 50%; + z-index: 5; + display: block; + margin-top: -35px; + margin-left: 30px; + font-size: 80px; + font-weight: 100; + color: #fff; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); +} + +.carousel-control.right .control { + margin-left: 70px; +} + +.carousel-indicators { + position: absolute; + top: 15px; + right: 15px; + z-index: 5; + margin: 0; + list-style: none; +} + +.carousel-indicators li { + display: block; + float: left; + width: 10px; + height: 10px; + margin-left: 5px; + text-indent: -999px; + background-color: #ccc; + background-color: rgba(255, 255, 255, 0.25); + border-radius: 5px; +} + +.carousel-indicators .active { + background-color: #fff; +} + +.carousel-caption { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 10; + max-width: 60%; + padding: 40px; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); +} + +.carousel-caption h3, +.carousel-caption p { + line-height: 20px; + color: #fff; +} + +.carousel-caption h3 { + margin: 0 0 5px; +} + +.carousel-caption p { + margin-bottom: 0; +} + +.jumbotron { + padding: 60px; + margin-bottom: 30px; + font-size: 18px; + font-weight: 200; + line-height: 30px; + color: inherit; + background-color: #eeeeee; + border-radius: 6px; +} + +.jumbotron h1 { + margin-bottom: 0; + font-size: 60px; + line-height: 1; + letter-spacing: -1px; + color: inherit; +} + +.jumbotron li { + line-height: 30px; +} + +.clearfix:before, +.clearfix:after { + display: table; + content: " "; +} + +.clearfix:after { + clear: both; +} + +.pull-right { + float: right; +} + +.pull-left { + float: left; +} + +.hide { + display: none !important; +} + +.show { + display: block !important; +} + +.invisible { + visibility: hidden; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.affix { + position: fixed; +} + @media screen and (min-width: 768px) { [class^="span"] { float: left; -- cgit v1.2.3 From a7a06a05a49bc1cdd5798832e0b751ea01ec2cfb Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 16 Jan 2013 13:08:27 -0800 Subject: Remove commented out files; leave responsive stuff commented out for now --- docs/assets/css/bootstrap.css | 47 ------------------------------------------- 1 file changed, 47 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 84076279b..65cde5fda 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -4740,53 +4740,6 @@ a.badge:hover { } /* -// Grid system and page structure -@import "grid.less"; - -// Base CSS -@import "type.less"; -@import "code.less"; -@import "forms.less"; -@import "tables.less"; - -// Components: common -@import "glyphicons.less"; -@import "dropdowns.less"; -@import "wells.less"; -@import "component-animations.less"; -@import "close.less"; - -// Components: Buttons & Alerts -@import "buttons.less"; -@import "button-groups.less"; -@import "alerts.less"; - -// Components: Nav -@import "navs.less"; -@import "navbar.less"; -@import "breadcrumbs.less"; -@import "pagination.less"; -@import "pager.less"; - -// Components: Popovers -@import "modals.less"; -@import "tooltip.less"; -@import "popovers.less"; - -// Components: Misc -@import "thumbnails.less"; -@import "media.less"; -@import "badges.less"; -@import "progress-bars.less"; -@import "accordion.less"; -@import "carousel.less"; -@import "jumbotron.less"; - -// Utility classes -@import "utilities.less"; // Has to be last to override when necessary - - - // Responsive // ------------------------------------------------------------- -- cgit v1.2.3 From beb2c13f4d9648da38cefa019f1ee7039b8a7f28 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 16 Jan 2013 13:11:45 -0800 Subject: Prevent grids from collapsing, fix affixed side nav for docs --- docs/assets/css/bootstrap.css | 1 + 1 file changed, 1 insertion(+) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 65cde5fda..afb9b68a4 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -719,6 +719,7 @@ pre code { } [class^="span"] { + min-height: 1px; padding-right: 10px; padding-left: 10px; -webkit-box-sizing: border-box; -- cgit v1.2.3 From 13a80f33c80bf8823b1d3addcfdb990ff42409ec Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 16 Jan 2013 14:10:33 -0800 Subject: fix up sidenav and components page --- docs/assets/css/bootstrap.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index afb9b68a4..2195adde9 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -4705,7 +4705,7 @@ a.badge:hover { } .container { - width: 940px; + max-width: 940px; margin-right: auto; margin-left: auto; } -- cgit v1.2.3 From cf693b56321c457ce35e1ebb72a2a5f3606fc563 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 16 Jan 2013 14:48:25 -0800 Subject: Add in responsive for 1200px+ layout; increase padding for that viewport size --- docs/assets/css/bootstrap.css | 13 ++++++++++--- 1 file changed, 10 insertions(+), 3 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 2195adde9..b5cea261d 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -688,7 +688,6 @@ pre code { } .container { - max-width: 940px; margin-right: auto; margin-left: auto; } @@ -4706,8 +4705,6 @@ a.badge:hover { } .container { max-width: 940px; - margin-right: auto; - margin-left: auto; } .navbar { padding-top: 0; @@ -4740,6 +4737,16 @@ a.badge:hover { } } +@media screen and (min-width: 1200px) { + .container { + max-width: 1170px; + } + [class^="span"] { + padding-right: 15px; + padding-left: 15px; + } +} + /* // Responsive // ------------------------------------------------------------- -- cgit v1.2.3 From 1288304e9199b8cd2be06faaece97dc0c878d9e7 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 16 Jan 2013 15:07:57 -0800 Subject: Make jumbotron mo responsive --- docs/assets/css/bootstrap.css | 20 +++++++++++++------- 1 file changed, 13 insertions(+), 7 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index b5cea261d..b9865ee09 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -4589,9 +4589,9 @@ a.badge:hover { } .jumbotron { - padding: 60px; + padding: 30px; margin-bottom: 30px; - font-size: 18px; + font-size: 21px; font-weight: 200; line-height: 30px; color: inherit; @@ -4600,15 +4600,21 @@ a.badge:hover { } .jumbotron h1 { - margin-bottom: 0; - font-size: 60px; line-height: 1; - letter-spacing: -1px; color: inherit; } -.jumbotron li { - line-height: 30px; +.jumbotron p { + line-height: 1.4; +} + +@media screen and (min-width: 768px) { + .jumbotron { + padding: 50px 60px; + } + .jumbotron h1 { + font-size: 60px; + } } .clearfix:before, -- cgit v1.2.3 From baa8c3ec9eeefcc1644aa7d0cf58b4cc3337b003 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 16 Jan 2013 15:16:04 -0800 Subject: restore alerts, and make them suck much less --- docs/assets/css/bootstrap.css | 60 +++++++++++++++++++++++++++++++++++++++++-- 1 file changed, 58 insertions(+), 2 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index b9865ee09..b00f7a4e8 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -2550,8 +2550,8 @@ fieldset[disabled] .btn-link:hover { color: #000; text-decoration: none; cursor: pointer; - opacity: 0.4; - filter: alpha(opacity=40); + opacity: 0.5; + filter: alpha(opacity=50); } button.close { @@ -4058,6 +4058,62 @@ button.close { border-right-width: 0; } +.alert { + padding: 8px 35px 8px 14px; + margin-bottom: 20px; + color: #c09853; + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); + background-color: #fcf8e3; + border: 1px solid #fbeed5; + border-radius: 4px; +} + +.alert h4 { + margin-top: 0; + color: inherit; +} + +.alert .close { + position: relative; + top: -2px; + right: -21px; + line-height: 20px; + color: inherit; +} + +.alert-success { + color: #468847; + background-color: #dff0d8; + border-color: #d6e9c6; +} + +.alert-danger, +.alert-error { + color: #b94a48; + background-color: #f2dede; + border-color: #eed3d7; +} + +.alert-info { + color: #3a87ad; + background-color: #d9edf7; + border-color: #bce8f1; +} + +.alert-block { + padding-top: 14px; + padding-bottom: 14px; +} + +.alert-block > p, +.alert-block > ul { + margin-bottom: 0; +} + +.alert-block p + p { + margin-top: 5px; +} + .thumbnail { display: block; padding: 4px; -- cgit v1.2.3 From ee9403e2d2c726fa01e9e9b6d44cf5162cd05705 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 16 Jan 2013 15:19:55 -0800 Subject: flatten the progress bars --- docs/assets/css/bootstrap.css | 69 ++++++++++--------------------------------- 1 file changed, 16 insertions(+), 53 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index b00f7a4e8..ea9e77cfb 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -4288,15 +4288,8 @@ a.badge:hover { height: 20px; margin-bottom: 20px; overflow: hidden; - background-color: #f9f9f9; - background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9)); - background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9); - background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9); - background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9); - background-repeat: repeat-x; + background-color: #f5f5f5; border-radius: 4px; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); } @@ -4309,14 +4302,9 @@ a.badge:hover { color: #fff; text-align: center; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - background-color: #0480be; - background-image: -moz-linear-gradient(top, #149bdf, #0480be); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be)); - background-image: -webkit-linear-gradient(top, #149bdf, #0480be); - background-image: -o-linear-gradient(top, #149bdf, #0480be); - background-image: linear-gradient(to bottom, #149bdf, #0480be); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0); + background-color: #149bdf; + /*#gradient > .vertical(#149bdf, #0480be);*/ + -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-box-sizing: border-box; @@ -4328,11 +4316,6 @@ a.badge:hover { transition: width 0.6s ease; } -.progress .bar + .bar { - -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15); - box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15); -} - .progress-striped .bar { background-color: #149bdf; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); @@ -4356,14 +4339,9 @@ a.badge:hover { .progress-danger .bar, .progress .bar-danger { - background-color: #c43c35; - background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35)); - background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35); - background-image: -o-linear-gradient(top, #ee5f5b, #c43c35); - background-image: linear-gradient(to bottom, #ee5f5b, #c43c35); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0); + background-color: #ee5f5b; + /*#gradient > .vertical(#ee5f5b, #c43c35);*/ + } .progress-danger.progress-striped .bar, @@ -4378,14 +4356,9 @@ a.badge:hover { .progress-success .bar, .progress .bar-success { - background-color: #57a957; - background-image: -moz-linear-gradient(top, #62c462, #57a957); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957)); - background-image: -webkit-linear-gradient(top, #62c462, #57a957); - background-image: -o-linear-gradient(top, #62c462, #57a957); - background-image: linear-gradient(to bottom, #62c462, #57a957); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0); + background-color: #62c462; + /*#gradient > .vertical(#62c462, #57a957);*/ + } .progress-success.progress-striped .bar, @@ -4400,14 +4373,9 @@ a.badge:hover { .progress-info .bar, .progress .bar-info { - background-color: #339bb9; - background-image: -moz-linear-gradient(top, #5bc0de, #339bb9); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9)); - background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9); - background-image: -o-linear-gradient(top, #5bc0de, #339bb9); - background-image: linear-gradient(to bottom, #5bc0de, #339bb9); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0); + background-color: #5bc0de; + /*#gradient > .vertical(#5bc0de, #339bb9);*/ + } .progress-info.progress-striped .bar, @@ -4422,14 +4390,9 @@ a.badge:hover { .progress-warning .bar, .progress .bar-warning { - background-color: #f89406; - background-image: -moz-linear-gradient(top, #fbb450, #f89406); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); - background-image: -webkit-linear-gradient(top, #fbb450, #f89406); - background-image: -o-linear-gradient(top, #fbb450, #f89406); - background-image: linear-gradient(to bottom, #fbb450, #f89406); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0); + background-color: #fbb450; + /*#gradient > .vertical(lighten(#f89406, 15%), #f89406);*/ + } .progress-warning.progress-striped .bar, -- cgit v1.2.3 From 960804cea397d5616918341eaec41a384976c20e Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 16 Jan 2013 15:35:41 -0800 Subject: mo betta new navbar styles; hook up some changed vars --- docs/assets/css/bootstrap.css | 34 +++++++++++++++++++++++----------- 1 file changed, 23 insertions(+), 11 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index ea9e77cfb..e73506ac1 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -2867,7 +2867,7 @@ button.close { .navbar { padding: 15px; - background-color: #eee; + background-color: #eeeeee; } .navbar:before, @@ -2886,6 +2886,7 @@ button.close { font-size: 18px; font-weight: bold; line-height: 1; + color: #777777; } .navbar .brand:hover { @@ -2919,18 +2920,24 @@ button.close { .navbar .nav > li > a { line-height: 20px; + color: #777777; } -.navbar .nav > li > a:hover { - background-color: #ddd; +.navbar .nav > li > a:hover, +.navbar .nav > li > a:focus { + color: #333333; + background-color: transparent; } -.navbar .nav > .active > a { - background-color: #ddd; +.navbar .nav > .active > a, +.navbar .nav > .active > a:hover, +.navbar .nav > .active > a:focus { + color: #555555; + background-color: #e1e1e1; } .navbar-inverse { - background-color: #222; + background-color: #222222; } .navbar-inverse .brand { @@ -2942,15 +2949,20 @@ button.close { } .navbar-inverse .nav > li > a { - color: #fff; + color: #999999; } -.navbar-inverse .nav > li > a:hover { - background-color: #333; +.navbar-inverse .nav > li > a:hover, +.navbar-inverse .nav > li > a:focus { + color: #ffffff; + background-color: transparent; } -.navbar-inverse .nav > .active > a { - background-color: #333; +.navbar-inverse .nav > .active > a, +.navbar-inverse .nav > .active > a:hover, +.navbar-inverse .nav > .active > a:focus { + color: #ffffff; + background-color: #222222; } .navbar-inverse .btn-navbar { -- cgit v1.2.3 From 9ba14cfb7c0daa75453fd226d09198ffec142b1b Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 16 Jan 2013 16:14:41 -0800 Subject: More navbar derping --- docs/assets/css/bootstrap.css | 114 ++++++++++++++++++++++++++++-------------- 1 file changed, 77 insertions(+), 37 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index e73506ac1..70eaace26 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -949,10 +949,9 @@ input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { - display: block; + display: inline-block; min-height: 34px; padding: 6px 9px; - margin-bottom: 10px; font-size: 14px; line-height: 20px; color: #555555; @@ -2868,6 +2867,7 @@ button.close { .navbar { padding: 15px; background-color: #eeeeee; + border-radius: 4px; } .navbar:before, @@ -2882,16 +2882,17 @@ button.close { .navbar .brand { display: inline-block; - padding: 7px 15px; + padding: 15px 15px; font-size: 18px; font-weight: bold; - line-height: 1; + line-height: 20px; color: #777777; } .navbar .brand:hover { + color: #5e5e5e; text-decoration: none; - background-color: #ddd; + background-color: transparent; } .btn-navbar { @@ -2918,7 +2919,13 @@ button.close { margin-top: 15px; } +.navbar .nav > li { + float: left; +} + .navbar .nav > li > a { + padding-top: 15px; + padding-bottom: 15px; line-height: 20px; color: #777777; } @@ -2933,7 +2940,37 @@ button.close { .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus { color: #555555; - background-color: #e1e1e1; + background-color: #d5d5d5; +} + +@media screen and (min-width: 992px) { + .navbar { + padding-top: 0; + padding-bottom: 0; + } + .navbar .brand { + float: left; + margin-left: -15px; + } + .navbar .nav { + margin-top: 0; + } + .navbar .nav:before, + .navbar .nav:after { + display: table; + content: " "; + } + .navbar .nav:after { + clear: both; + } + .navbar .btn-navbar { + display: none; + } + .nav-collapse.collapse { + float: left; + height: auto !important; + overflow: visible !important; + } } .navbar-inverse { @@ -2969,6 +3006,40 @@ button.close { background-color: #444; } +.navbar-static-top { + position: static; + border-radius: 0; +} + +.navbar-fixed-top, +.navbar-fixed-bottom { + position: fixed; + right: 0; + left: 0; + z-index: 1030; + border-radius: 0; +} + +.navbar-fixed-top { + top: 0; +} + +.navbar-fixed-bottom { + bottom: 0; +} + +.navbar .divider-vertical { + height: 26px; + margin: 7px 9px; + border-right: 1px solid #fbfbfb; + border-left: 1px solid #e1e1e1; +} + +.navbar-form { + margin-top: 9px; + margin-bottom: 9px; +} + /* // COMMON STYLES @@ -4737,41 +4808,10 @@ a.badge:hover { } */ - /* Required to make the collapsing navbar work on regular desktops */ - } .container { max-width: 940px; } - .navbar { - padding-top: 0; - padding-bottom: 0; - } - .navbar .brand { - float: left; - padding-top: 11px; - padding-bottom: 11px; - margin-left: -15px; - } - .navbar .nav { - margin-top: 0; - overflow: hidden; - } - .navbar .nav > li { - float: left; - } - .navbar .nav > li > a { - padding-top: 10px; - padding-bottom: 10px; - } - .navbar .btn-navbar { - display: none; - } - .nav-collapse.collapse { - float: left; - height: auto !important; - overflow: visible !important; - } } @media screen and (min-width: 1200px) { -- cgit v1.2.3 From 6b193dc22d544d55100c6c0eb237a30b8eaf184b Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 16 Jan 2013 16:20:29 -0800 Subject: More navbar tweaks, including making fixed navbars work in the docs by adding padding to body --- docs/assets/css/bootstrap.css | 13 +++++++------ 1 file changed, 7 insertions(+), 6 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 70eaace26..d1feacac1 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -2882,7 +2882,7 @@ button.close { .navbar .brand { display: inline-block; - padding: 15px 15px; + padding: 7px 15px; font-size: 18px; font-weight: bold; line-height: 20px; @@ -2919,10 +2919,6 @@ button.close { margin-top: 15px; } -.navbar .nav > li { - float: left; -} - .navbar .nav > li > a { padding-top: 15px; padding-bottom: 15px; @@ -2943,13 +2939,15 @@ button.close { background-color: #d5d5d5; } -@media screen and (min-width: 992px) { +@media screen and (min-width: 768px) { .navbar { padding-top: 0; padding-bottom: 0; } .navbar .brand { float: left; + padding-top: 15px; + padding-bottom: 15px; margin-left: -15px; } .navbar .nav { @@ -2963,6 +2961,9 @@ button.close { .navbar .nav:after { clear: both; } + .navbar .nav > li { + float: left; + } .navbar .btn-navbar { display: none; } -- cgit v1.2.3 From f5352017814b45a62a614f92cc7c687391c51021 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 16 Jan 2013 23:33:26 -0800 Subject: improve navbar vars and fix side nav alignment --- docs/assets/css/bootstrap.css | 9 +++++++-- 1 file changed, 7 insertions(+), 2 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index d1feacac1..6ffc18648 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -2979,11 +2979,16 @@ button.close { } .navbar-inverse .brand { - color: #fff; + color: #999999; } .navbar-inverse .brand:hover { - background-color: #333; + color: #808080; + background-color: transparent; +} + +.navbar-inverse .navbar-text { + color: #999999; } .navbar-inverse .nav > li > a { -- cgit v1.2.3 From 630005687d19846620138253df0033a22cd72fb8 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 17 Jan 2013 00:13:12 -0800 Subject: Remove ported navbar css that was already commented out --- docs/assets/css/bootstrap.css | 223 ------------------------------------------ 1 file changed, 223 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 6ffc18648..345064d4f 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3048,59 +3048,6 @@ button.close { /* -// COMMON STYLES -// ------------- - -// Base class and wrapper -.navbar { - overflow: visible; - padding: 0 20px; - margin-bottom: @line-height-base; - background-color: @navbar-background; - border-radius: @border-radius-base; - - // Prevent floats from breaking the navbar - .clearfix(); -} - -// Set width to auto for default container -// We then reset it for fixed navbars in the #gridSystem mixin -.navbar .container { - width: auto; -} - -// Override the default collapsed state -.nav-collapse.collapse { - height: auto; - overflow: visible; -} - - -// Brand: website or project name -// ------------------------- -.navbar .brand { - float: left; - display: block; - // Vertically center the text given @navbar-height - padding: ((@navbar-height - @line-height-base) / 2) 20px ((@navbar-height - @line-height-base) / 2); - margin-left: -20px; // negative indent to left-align the text down the page - font-size: 20px; - font-weight: 200; - color: @navbar-brand-color; - text-shadow: 0 1px 0 @navbar-background-highlight; - &:hover { - text-decoration: none; - } -} - -// Plain text in topbar -// ------------------------- -.navbar-text { - margin-bottom: 0; - line-height: @navbar-height; - color: @navbar-text; -} - // Janky solution for now to account for links outside the .nav // ------------------------- .navbar-link { @@ -3178,126 +3125,6 @@ button.close { } } - - -// Static navbar -// ------------------------- - -.navbar-static-top { - position: static; - margin-bottom: 0; // remove 18px margin for default navbar - border-radius: 0; -} - - - -// Fixed navbar -// ------------------------- - -// Shared (top/bottom) styles -.navbar-fixed-top, -.navbar-fixed-bottom { - position: fixed; - right: 0; - left: 0; - z-index: @zindex-navbar-fixed; - margin-bottom: 0; // remove 18px margin for default navbar - border-radius: 0; -} - -// Reset container width -// Required here as we reset the width earlier on and the grid mixins don't override early enough -.navbar-static-top .container, -.navbar-fixed-top .container, -.navbar-fixed-bottom .container { - #grid > .core > .span(@grid-columns); -} - -// Fixed to top -.navbar-fixed-top { - top: 0; -} - -// Fixed to bottom -.navbar-fixed-bottom { - bottom: 0; -} - - - -// NAVIGATION -// ---------- - -.navbar .nav { - position: relative; - left: 0; - display: block; - float: left; - margin: 0 10px 0 0; -} -.navbar .nav.pull-right { - float: right; // redeclare due to specificity - margin-right: 0; // remove margin on float right nav -} -.navbar .nav > li { - float: left; -} - -// Links -.navbar .nav > li > a { - float: none; - // Vertically center the text given @navbar-height - padding: ((@navbar-height - @line-height-base) / 2) 15px ((@navbar-height - @line-height-base) / 2); - color: @navbar-link-color; - text-decoration: none; - text-shadow: 0 1px 0 @navbar-background-highlight; -} -.navbar .nav .dropdown-toggle .caret { - margin-top: 8px; -} - -// Hover -.navbar .nav > li > a:focus, -.navbar .nav > li > a:hover { - background-color: @navbar-link-background-hover; // "transparent" is default to differentiate :hover from .active - color: @navbar-link-color-hover; - text-decoration: none; -} - -// Active nav items -.navbar .nav > .active > a, -.navbar .nav > .active > a:hover, -.navbar .nav > .active > a:focus { - color: @navbar-link-color-active; - text-decoration: none; - background-color: @navbar-link-background-active; -} - -// Navbar button for toggling navbar items in responsive layouts -// These definitions need to come after '.navbar .btn' -.navbar .btn-navbar { - display: none; - float: right; - padding: 7px 10px; - margin-left: 5px; - margin-right: 5px; - .buttonBackground(darken(@navbar-background-highlight, 5%), darken(@navbar-background, 5%)); - .box-shadow(~"inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075)"); -} -.navbar .btn-navbar .icon-bar { - display: block; - width: 18px; - height: 2px; - background-color: #f5f5f5; - border-radius: 1px; - .box-shadow(0 1px 0 rgba(0,0,0,.25)); -} -.btn-navbar .icon-bar + .icon-bar { - margin-top: 3px; -} - - - // Dropdown menus // -------------- @@ -3393,51 +3220,6 @@ button.close { // ------------------------- .navbar-inverse { - background-color: @navbar-inverse-background; - - .brand, - .nav > li > a { - color: @navbar-inverse-link-color; - text-shadow: 0 -1px 0 rgba(0,0,0,.25); - &:hover { - color: @navbar-inverse-link-color-hover; - } - } - - .brand { - color: @navbar-inverse-brand-color; - } - - .navbar-text { - color: @navbar-inverse-text; - } - - .nav > li > a:focus, - .nav > li > a:hover { - background-color: @navbar-inverse-link-background-hover; - color: @navbar-inverse-link-color-hover; - } - - .nav .active > a, - .nav .active > a:hover, - .nav .active > a:focus { - color: @navbar-inverse-link-color-active; - background-color: @navbar-inverse-link-background-active; - } - - // Inline text links - .navbar-link { - color: @navbar-inverse-link-color; - &:hover { - color: @navbar-inverse-link-color-hover; - } - } - - // Dividers in navbar - .divider-vertical { - border-left-color: @navbar-inverse-background; - border-right-color: @navbar-inverse-background-highlight; - } // Dropdowns .nav li.dropdown.open > .dropdown-toggle, @@ -3485,11 +3267,6 @@ button.close { } } - // Navbar collapse button - .btn-navbar { - .buttonBackground(darken(@navbar-inverse-background-highlight, 5%), darken(@navbar-inverse-background, 5%)); - } - } */ -- cgit v1.2.3 From 687d4a3eebf15fe9235ece784a541c1fad5852b0 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 17 Jan 2013 00:42:31 -0800 Subject: Move grid/container styles to grid.less; update docs; add offsetting back --- docs/assets/css/bootstrap.css | 157 ++++++++++++++++++++++++------------------ 1 file changed, 90 insertions(+), 67 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 345064d4f..6f9d92ecc 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -204,16 +204,14 @@ table { html { font-size: 62.5%; - -webkit-text-size-adjust: 100%; - -ms-text-size-adjust: 100%; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } @media screen and (max-device-width: 480px) { html { - -webkit-text-size-adjust: none; - -ms-text-size-adjust: none; + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; } } @@ -726,6 +724,94 @@ pre code { box-sizing: border-box; } +@media screen and (min-width: 768px) { + [class^="span"] { + float: left; + } + .span1 { + width: 8.3333333%; + } + .span2 { + width: 16.6666667%; + } + .span3 { + width: 25%; + } + .span4 { + width: 33.3333333%; + } + .span5 { + width: 41.666666667%; + } + .span6 { + width: 50%; + } + .span7 { + width: 58.333333333%; + } + .span8 { + width: 66.666666667%; + } + .span9 { + width: 75%; + } + .span10 { + width: 83.333333333%; + } + .span11 { + width: 91.666666667%; + } + .offset1 { + margin-left: 8.3333333%; + } + .offset2 { + margin-left: 16.6666667%; + } + .offset3 { + margin-left: 25%; + } + .offset4 { + margin-left: 33.3333333%; + } + .offset5 { + margin-left: 41.666666667%; + } + .offset6 { + margin-left: 50%; + } + .offset7 { + margin-left: 58.333333333%; + } + .offset8 { + margin-left: 66.666666667%; + } + .offset9 { + margin-left: 75%; + } + .offset10 { + margin-left: 83.333333333%; + } + .offset11 { + margin-left: 91.666666667%; + } +} + +@media screen and (min-width: 992px) { + .container { + max-width: 940px; + } +} + +@media screen and (min-width: 1200px) { + .container { + max-width: 1170px; + } + [class^="span"] { + padding-right: 15px; + padding-left: 15px; + } +} + [class*="span"].pull-right { float: right; } @@ -4544,69 +4630,6 @@ a.badge:hover { position: fixed; } -@media screen and (min-width: 768px) { - [class^="span"] { - float: left; - } - .span1 { - width: 8.3333333%; - } - .span2 { - width: 16.6666667%; - } - .span3 { - width: 25%; - } - .span4 { - width: 33.3333333%; - } - .span5 { - width: 41.666666667%; - } - .span6 { - width: 50%; - } - .span7 { - width: 58.333333333%; - } - .span8 { - width: 66.666666667%; - } - .span9 { - width: 75%; - } - .span10 { - width: 83.333333333%; - } - .span11 { - width: 91.666666667%; - } -} - -@media screen and (min-width: 992px) { - { - /* body { - font-size: 1.6rem; - font-size: 16px; - } - */ - - } - .container { - max-width: 940px; - } -} - -@media screen and (min-width: 1200px) { - .container { - max-width: 1170px; - } - [class^="span"] { - padding-right: 15px; - padding-left: 15px; - } -} - /* // Responsive // ------------------------------------------------------------- -- cgit v1.2.3 From 2398245e17279c602e8904baa72b806f19e0971b Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 17 Jan 2013 00:43:58 -0800 Subject: Remove all old responsive styles since we're motherfucking mobile first son --- docs/assets/css/bootstrap.css | 65 +++++++++++++++++++++++++++++++------------ 1 file changed, 47 insertions(+), 18 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 6f9d92ecc..32f1258d6 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -4630,28 +4630,57 @@ a.badge:hover { position: fixed; } -/* -// Responsive -// ------------------------------------------------------------- - -// Responsive utility classes -@import "responsive-utilities.less"; +@-ms-viewport { + width: device-width; +} +.hidden { + display: none; + visibility: hidden; +} -// Media queries -// ------------------ +.visible-phone { + display: none !important; +} -// Large desktops -@import "responsive-1200px-min.less"; +.visible-tablet { + display: none !important; +} -// Tablets to regular desktops -@import "responsive-768px-979px.less"; +.hidden-desktop { + display: none !important; +} -// Phones to portrait tablets and narrow desktops -@import "responsive-767px-max.less"; +.visible-desktop { + display: inherit !important; +} +@media (min-width: 768px) and (max-width: 979px) { + .hidden-desktop { + display: inherit !important; + } + .visible-desktop { + display: none !important ; + } + .visible-tablet { + display: inherit !important; + } + .hidden-tablet { + display: none !important; + } +} -// Responsive navbar -// From 979px and below, show a button to toggle navbar contents -@import "responsive-navbar.less"; -*/ +@media (max-width: 767px) { + .hidden-desktop { + display: inherit !important; + } + .visible-desktop { + display: none !important; + } + .visible-phone { + display: inherit !important; + } + .hidden-phone { + display: none !important; + } +} -- cgit v1.2.3 From 7e46b6f6364d754cb87fca35e0897cf2fad09206 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 17 Jan 2013 00:58:34 -0800 Subject: Update nav and add bounds for tablet container --- docs/assets/css/bootstrap.css | 3 +++ 1 file changed, 3 insertions(+) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 32f1258d6..d67aa9b15 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -725,6 +725,9 @@ pre code { } @media screen and (min-width: 768px) { + .container { + max-width: 728px; + } [class^="span"] { float: left; } -- cgit v1.2.3 From 01b32f472d89e6c4f7e58aa85be7a6ad92a982ec Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 17 Jan 2013 10:49:10 -0800 Subject: Simplify and bring back the grid mixin for generating spans and offsets --- docs/assets/css/bootstrap.css | 86 +++++++++++++++++++++++-------------------- 1 file changed, 46 insertions(+), 40 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index d67aa9b15..016c320e1 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -731,71 +731,77 @@ pre code { [class^="span"] { float: left; } - .span1 { - width: 8.3333333%; + .span12 { + width: 100%; } - .span2 { - width: 16.6666667%; + .span11 { + width: 91.66666666666666%; } - .span3 { - width: 25%; + .span10 { + width: 83.33333333333334%; } - .span4 { - width: 33.3333333%; + .span9 { + width: 75%; } - .span5 { - width: 41.666666667%; + .span8 { + width: 66.66666666666666%; + } + .span7 { + width: 58.333333333333336%; } .span6 { width: 50%; } - .span7 { - width: 58.333333333%; + .span5 { + width: 41.66666666666667%; } - .span8 { - width: 66.666666667%; + .span4 { + width: 33.33333333333333%; } - .span9 { - width: 75%; + .span3 { + width: 25%; } - .span10 { - width: 83.333333333%; + .span2 { + width: 16.666666666666664%; } - .span11 { - width: 91.666666667%; + .span1 { + width: 8.333333333333332%; } - .offset1 { - margin-left: 8.3333333%; + .offset12 { + margin-left: 100%; } - .offset2 { - margin-left: 16.6666667%; + .offset11 { + margin-left: 91.66666666666666%; } - .offset3 { - margin-left: 25%; + .offset10 { + margin-left: 83.33333333333334%; } - .offset4 { - margin-left: 33.3333333%; + .offset9 { + margin-left: 75%; } - .offset5 { - margin-left: 41.666666667%; + .offset8 { + margin-left: 66.66666666666666%; + } + .offset7 { + margin-left: 58.333333333333336%; } .offset6 { margin-left: 50%; } - .offset7 { - margin-left: 58.333333333%; + .offset5 { + margin-left: 41.66666666666667%; } - .offset8 { - margin-left: 66.666666667%; + .offset4 { + margin-left: 33.33333333333333%; } - .offset9 { - margin-left: 75%; + .offset3 { + margin-left: 25%; } - .offset10 { - margin-left: 83.333333333%; + .offset2 { + margin-left: 16.666666666666664%; } - .offset11 { - margin-left: 91.666666667%; + .offset1 { + margin-left: 8.333333333333332%; } } -- cgit v1.2.3 From 360f0c5359917d3a54d4822a7cc348ef787fef12 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 17 Jan 2013 11:20:19 -0800 Subject: Fix floats in navbar --- docs/assets/css/bootstrap.css | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 016c320e1..151c3dd02 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3046,6 +3046,7 @@ button.close { margin-left: -15px; } .navbar .nav { + float: left; margin-top: 0; } .navbar .nav:before, @@ -3056,6 +3057,9 @@ button.close { .navbar .nav:after { clear: both; } + .navbar .nav.pull-right { + float: right; + } .navbar .nav > li { float: left; } @@ -3063,7 +3067,6 @@ button.close { display: none; } .nav-collapse.collapse { - float: left; height: auto !important; overflow: visible !important; } -- cgit v1.2.3 From 597a248d4ac8bf873d3227c2db285877061ed7b8 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 17 Jan 2013 11:34:46 -0800 Subject: Rearrange navbar.less and improve vertical divider support --- docs/assets/css/bootstrap.css | 179 ++++++++++++++++++++++-------------------- 1 file changed, 92 insertions(+), 87 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 151c3dd02..d001c03cd 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -2975,6 +2975,52 @@ button.close { clear: both; } +.navbar .nav { + margin-top: 15px; +} + +.navbar .nav > li > a { + padding-top: 15px; + padding-bottom: 15px; + line-height: 20px; + color: #777777; +} + +.navbar .nav > li > a:hover, +.navbar .nav > li > a:focus { + color: #333333; + background-color: transparent; +} + +.navbar .nav > .active > a, +.navbar .nav > .active > a:hover, +.navbar .nav > .active > a:focus { + color: #555555; + background-color: #d5d5d5; +} + +.navbar-static-top { + position: static; + border-radius: 0; +} + +.navbar-fixed-top, +.navbar-fixed-bottom { + position: fixed; + right: 0; + left: 0; + z-index: 1030; + border-radius: 0; +} + +.navbar-fixed-top { + top: 0; +} + +.navbar-fixed-bottom { + bottom: 0; +} + .navbar .brand { display: inline-block; padding: 7px 15px; @@ -3010,28 +3056,59 @@ button.close { margin-top: 3px; } -.navbar .nav { - margin-top: 15px; +.navbar .divider-vertical { + height: 30px; + margin: 10px 9px; + border-right: 1px solid #fbfbfb; + border-left: 1px solid #e1e1e1; } -.navbar .nav > li > a { - padding-top: 15px; - padding-bottom: 15px; - line-height: 20px; - color: #777777; +.navbar-form { + margin-top: 9px; + margin-bottom: 9px; } -.navbar .nav > li > a:hover, -.navbar .nav > li > a:focus { - color: #333333; +.navbar-inverse { + background-color: #222222; +} + +.navbar-inverse .brand { + color: #999999; +} + +.navbar-inverse .brand:hover { + color: #808080; background-color: transparent; } -.navbar .nav > .active > a, -.navbar .nav > .active > a:hover, -.navbar .nav > .active > a:focus { - color: #555555; - background-color: #d5d5d5; +.navbar-inverse .navbar-text { + color: #999999; +} + +.navbar-inverse .nav > li > a { + color: #999999; +} + +.navbar-inverse .nav > li > a:hover, +.navbar-inverse .nav > li > a:focus { + color: #ffffff; + background-color: transparent; +} + +.navbar-inverse .nav > .active > a, +.navbar-inverse .nav > .active > a:hover, +.navbar-inverse .nav > .active > a:focus { + color: #ffffff; + background-color: #222222; +} + +.navbar-inverse .btn-navbar { + background-color: #444; +} + +.navbar-inverse .divider-vertical { + border-right-color: #2f2f2f; + border-left-color: #151515; } @media screen and (min-width: 768px) { @@ -3072,78 +3149,6 @@ button.close { } } -.navbar-inverse { - background-color: #222222; -} - -.navbar-inverse .brand { - color: #999999; -} - -.navbar-inverse .brand:hover { - color: #808080; - background-color: transparent; -} - -.navbar-inverse .navbar-text { - color: #999999; -} - -.navbar-inverse .nav > li > a { - color: #999999; -} - -.navbar-inverse .nav > li > a:hover, -.navbar-inverse .nav > li > a:focus { - color: #ffffff; - background-color: transparent; -} - -.navbar-inverse .nav > .active > a, -.navbar-inverse .nav > .active > a:hover, -.navbar-inverse .nav > .active > a:focus { - color: #ffffff; - background-color: #222222; -} - -.navbar-inverse .btn-navbar { - background-color: #444; -} - -.navbar-static-top { - position: static; - border-radius: 0; -} - -.navbar-fixed-top, -.navbar-fixed-bottom { - position: fixed; - right: 0; - left: 0; - z-index: 1030; - border-radius: 0; -} - -.navbar-fixed-top { - top: 0; -} - -.navbar-fixed-bottom { - bottom: 0; -} - -.navbar .divider-vertical { - height: 26px; - margin: 7px 9px; - border-right: 1px solid #fbfbfb; - border-left: 1px solid #e1e1e1; -} - -.navbar-form { - margin-top: 9px; - margin-bottom: 9px; -} - /* // Janky solution for now to account for links outside the .nav -- cgit v1.2.3 From 32ebe2efd1e72b60ceedd69bb1503257cdf22a41 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 17 Jan 2013 11:55:37 -0800 Subject: mo betta navbar dropdowns --- docs/assets/css/bootstrap.css | 218 +++++++++++++----------------------------- 1 file changed, 65 insertions(+), 153 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index d001c03cd..6317b1760 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3068,6 +3068,47 @@ button.close { margin-bottom: 9px; } +.navbar .nav > li > .dropdown-menu { + margin-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; +} + +.navbar-fixed-bottom .nav > li > .dropdown-menu { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.navbar .nav li.dropdown > a:hover .caret { + border-top-color: #333333; + border-bottom-color: #333333; +} + +.navbar .nav li.dropdown.open > .dropdown-toggle, +.navbar .nav li.dropdown.active > .dropdown-toggle, +.navbar .nav li.dropdown.open.active > .dropdown-toggle { + color: #555555; + background-color: #d5d5d5; +} + +.navbar .nav li.dropdown > .dropdown-toggle .caret { + border-top-color: #777777; + border-bottom-color: #777777; +} + +.navbar .nav li.dropdown.open > .dropdown-toggle .caret, +.navbar .nav li.dropdown.active > .dropdown-toggle .caret, +.navbar .nav li.dropdown.open.active > .dropdown-toggle .caret { + border-top-color: #555555; + border-bottom-color: #555555; +} + +.navbar .pull-right > li > .dropdown-menu, +.navbar .nav > li > .dropdown-menu.pull-right { + right: 0; + left: auto; +} + .navbar-inverse { background-color: #222222; } @@ -3111,6 +3152,30 @@ button.close { border-left-color: #151515; } +.navbar-inverse .nav li.dropdown.open > .dropdown-toggle, +.navbar-inverse .nav li.dropdown.active > .dropdown-toggle, +.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle { + color: #ffffff; + background-color: #222222; +} + +.navbar-inverse .nav li.dropdown > a:hover .caret { + border-top-color: #ffffff; + border-bottom-color: #ffffff; +} + +.navbar-inverse .nav li.dropdown > .dropdown-toggle .caret { + border-top-color: #999999; + border-bottom-color: #999999; +} + +.navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret, +.navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret, +.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle .caret { + border-top-color: #ffffff; + border-bottom-color: #ffffff; +} + @media screen and (min-width: 768px) { .navbar { padding-top: 0; @@ -3160,15 +3225,6 @@ button.close { } } -// Dividers in navbar -// ------------------------- -.navbar .divider-vertical { - height: @navbar-height; - margin: 0 9px; - border-left: 1px solid @navbar-background; - border-right: 1px solid @navbar-background-highlight; -} - // Buttons in navbar // ------------------------- .navbar .btn, @@ -3228,150 +3284,6 @@ button.close { } } -// Dropdown menus -// -------------- - -// Menu position and menu carets -.navbar .nav > li > .dropdown-menu { - &:before { - content: ''; - display: inline-block; - border-left: 7px solid transparent; - border-right: 7px solid transparent; - border-bottom: 7px solid #ccc; - border-bottom-color: @dropdown-border; - position: absolute; - top: -7px; - left: 9px; - } - &:after { - content: ''; - display: inline-block; - border-left: 6px solid transparent; - border-right: 6px solid transparent; - border-bottom: 6px solid @dropdown-background; - position: absolute; - top: -6px; - left: 10px; - } -} -// Menu position and menu caret support for dropups via extra dropup class -.navbar-fixed-bottom .nav > li > .dropdown-menu { - &:before { - border-top: 7px solid #ccc; - border-top-color: @dropdown-border; - border-bottom: 0; - bottom: -7px; - top: auto; - } - &:after { - border-top: 6px solid @dropdown-background; - border-bottom: 0; - bottom: -6px; - top: auto; - } -} - -// Caret should match text color on hover -.navbar .nav li.dropdown > a:hover .caret { - border-top-color: @navbar-link-color-hover; - border-bottom-color: @navbar-link-color-hover; -} - -// Remove background color from open dropdown -.navbar .nav li.dropdown.open > .dropdown-toggle, -.navbar .nav li.dropdown.active > .dropdown-toggle, -.navbar .nav li.dropdown.open.active > .dropdown-toggle { - background-color: @navbar-link-background-active; - color: @navbar-link-color-active; -} -.navbar .nav li.dropdown > .dropdown-toggle .caret { - border-top-color: @navbar-link-color; - border-bottom-color: @navbar-link-color; -} -.navbar .nav li.dropdown.open > .dropdown-toggle .caret, -.navbar .nav li.dropdown.active > .dropdown-toggle .caret, -.navbar .nav li.dropdown.open.active > .dropdown-toggle .caret { - border-top-color: @navbar-link-color-active; - border-bottom-color: @navbar-link-color-active; -} - -// Right aligned menus need alt position -.navbar .pull-right > li > .dropdown-menu, -.navbar .nav > li > .dropdown-menu.pull-right { - left: auto; - right: 0; - &:before { - left: auto; - right: 12px; - } - &:after { - left: auto; - right: 13px; - } - .dropdown-menu { - left: auto; - right: 100%; - margin-left: 0; - margin-right: -1px; - border-radius: 6px 0 6px 6px; - } -} - - -// Inverted navbar -// ------------------------- - -.navbar-inverse { - - // Dropdowns - .nav li.dropdown.open > .dropdown-toggle, - .nav li.dropdown.active > .dropdown-toggle, - .nav li.dropdown.open.active > .dropdown-toggle { - background-color: @navbar-inverse-link-background-active; - color: @navbar-inverse-link-color-active; - } - .nav li.dropdown > a:hover .caret { - border-top-color: @navbar-inverse-link-color-active; - border-bottom-color: @navbar-inverse-link-color-active; - } - .nav li.dropdown > .dropdown-toggle .caret { - border-top-color: @navbar-inverse-link-color; - border-bottom-color: @navbar-inverse-link-color; - } - .nav li.dropdown.open > .dropdown-toggle .caret, - .nav li.dropdown.active > .dropdown-toggle .caret, - .nav li.dropdown.open.active > .dropdown-toggle .caret { - border-top-color: @navbar-inverse-link-color-active; - border-bottom-color: @navbar-inverse-link-color-active; - } - - // Navbar search - .navbar-search { - .search-query { - color: #fff; - background-color: @navbar-inverse-search-background; - border-color: @navbar-inverse-search-border; - .box-shadow(~"inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15)"); - .transition(none); - .placeholder(@navbar-inverse-search-placeholder-color); - - // Focus states (we use .focused since IE8 and down doesn't support :focus) - &:focus, - &.focused { - padding: 5px 15px; - color: @grayDark; - text-shadow: 0 1px 0 #fff; - background-color: @navbar-inverse-search-background-focus; - border: 0; - .box-shadow(0 0 3px rgba(0,0,0,.15)); - outline: 0; - } - } - } - -} - */ .caret { -- cgit v1.2.3 From 26f9f4e3a574a3a17999b4171b8ffdf813949719 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 17 Jan 2013 12:02:17 -0800 Subject: Remove navbar search --- docs/assets/css/bootstrap.css | 15 --------------- 1 file changed, 15 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 6317b1760..0b1b7e266 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3269,21 +3269,6 @@ button.close { } } -// Navbar search -// ------------------------- -.navbar-search { - position: relative; - float: left; - .navbarVerticalAlign(30px); // Vertically center in navbar - margin-bottom: 0; - .search-query { - margin-bottom: 0; - padding: 4px 14px; - #font > .sans-serif(13px, normal, 1); - border-radius: 15px; // redeclare because of specificity of the type attribute - } -} - */ .caret { -- cgit v1.2.3 From 237f5e15d3376d141ac934a9264428a7b822384c Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 17 Jan 2013 14:25:40 -0800 Subject: Nuke shadows around thumbnails --- docs/assets/css/bootstrap.css | 4 ---- 1 file changed, 4 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 0b1b7e266..041475e67 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3986,8 +3986,6 @@ button.close { line-height: 20px; border: 1px solid #ddd; border-radius: 4px; - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; @@ -3996,8 +3994,6 @@ button.close { a.thumbnail:hover { border-color: #428bca; - -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); - box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); } .thumbnail > img { -- cgit v1.2.3 From 8765df47cd47930adf51fe996a2b55a037c1e12e Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 17 Jan 2013 15:43:23 -0800 Subject: remove global text-shadow from alerts components because it was fucking up buttons in a real way --- docs/assets/css/bootstrap.css | 1 - 1 file changed, 1 deletion(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 041475e67..8ede6dabb 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3928,7 +3928,6 @@ button.close { padding: 8px 35px 8px 14px; margin-bottom: 20px; color: #c09853; - text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #fcf8e3; border: 1px solid #fbeed5; border-radius: 4px; -- cgit v1.2.3 From b30b8c2c1234686b330e86fe24d11894b5d08539 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 17 Jan 2013 17:02:35 -0800 Subject: Restore nav tabs, pills, justified variation, disabled links, and a few more things. Still need to add the dropdowns back though. --- docs/assets/css/bootstrap.css | 197 +++++++++++++++--------------------------- 1 file changed, 71 insertions(+), 126 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 8ede6dabb..9477775f6 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -2688,179 +2688,139 @@ button.close { background-color: #eeeeee; } -.nav-list > li > a { - margin-bottom: -1px; - border: 1px solid #e5e5e5; -} - -.nav-list > li:first-child > a { - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} - -.nav-list > li:last-child > a { - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} - -.nav-list > .active > a, -.nav-list > .active > a:hover { - z-index: 2; - color: #fff; - background-color: #428bca; - border-color: #428bca; -} - -/* -// Prevent IE8 from misplacing imgs -// See https://github.com/h5bp/html5-boilerplate/issues/984#issuecomment-3985989 -.nav > li > a > img { - max-width: none; -} - -// Redeclare pull classes because of specifity .nav > .pull-right { float: right; } -// Nav headers (for dropdowns and lists) -.nav-header { - display: block; - padding: 3px 15px; - font-size: 11px; - font-weight: bold; - line-height: @line-height-base; - color: @grayLight; - text-shadow: 0 1px 0 rgba(255,255,255,.5); - text-transform: uppercase; -} -// Space them out when they follow another list item (link) -.nav li + .nav-header { - margin-top: 9px; -} - -// Dividers (basically an hr) within the dropdown -.nav .divider { - .nav-divider(); -} -*/ - -/* -// Tabs -// ------------------------- - -// Give the tabs something to sit on .nav-tabs { border-bottom: 1px solid #ddd; } -// Make the list-items overlay the bottom border + .nav-tabs > li { + float: left; margin-bottom: -1px; } -// Actual tabs (as links) + .nav-tabs > li > a { margin-right: 2px; - line-height: @line-height-base; + line-height: 20px; border: 1px solid transparent; - border-radius: @border-radius-base @border-radius-base 0 0; - &:hover { - border-color: @grayLighter @grayLighter #ddd; - } + border-radius: 4px 4px 0 0; +} + +.nav-tabs > li > a:hover { + border-color: #eeeeee #eeeeee #dddddd; } -// Active state, and it's :hover to override normal :hover + .nav-tabs > .active > a, .nav-tabs > .active > a:hover { - color: @gray; - background-color: @body-background; + color: #555555; + cursor: default; + background-color: #ffffff; border: 1px solid #ddd; border-bottom-color: transparent; - cursor: default; } +.nav-pills > li { + float: left; +} - -// Pills -// ------------------------- - -// Links rendered as pills .nav-pills > li > a { border-radius: 5px; } + .nav-pills > li + li > a { margin-left: 2px; } -// Active state .nav-pills > .active > a, .nav-pills > .active > a:hover { color: #fff; - background-color: @link-color; + background-color: #428bca; } -// Stacked pills .nav-stacked > li { float: none; } + .nav-stacked > li + li > a { margin-top: 2px; - margin-left: 0; // no need for the gap between nav items + margin-left: 0; } - - -// Justified navs -// ------------------------- - .nav-justified { - // Negative margin doesn't work, so we hack it - max-height: 37px; + max-height: 40px; } + .nav-justified > li { - float: none; display: table-cell; + float: none; width: 1%; text-align: center; } - - -// Lists -// ------------------------- - -.nav-list { - background-color: #fff; - border-radius: 6px; - .box-shadow(0 1px 4px rgba(0,0,0,.065)) -} -.nav-list > li { - float: none; -} .nav-list > li > a { - margin-bottom: -1px; // pull up the following link for a 1px border between + margin-bottom: -1px; border: 1px solid #e5e5e5; } -.nav-list > li > a:hover { - background-color: #f5f5f5; -} + .nav-list > li:first-child > a { - border-radius: 6px 6px 0 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; } + .nav-list > li:last-child > a { - border-radius: 0 0 6px 6px; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; } + .nav-list > .active > a, .nav-list > .active > a:hover { - position: relative; z-index: 2; - padding: 9px 15px; color: #fff; - text-shadow: 0 1px 0 rgba(0,0,0,.15); - background-color: @link-color; - border-width: 0; - .box-shadow(~"inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1)") + background-color: #428bca; + border-color: #428bca; } +.nav > .disabled > a { + color: #999999; +} +.nav > .disabled > a:hover { + text-decoration: none; + cursor: default; + background-color: transparent; +} + +.nav-header { + display: block; + padding: 3px 15px; + font-size: 11px; + font-weight: bold; + line-height: 20px; + color: #999999; + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); + text-transform: uppercase; +} + +.nav li + .nav-header { + margin-top: 9px; +} + +.nav .divider { + height: 1px; + margin: 9px 1px; + overflow: hidden; + background-color: #e5e5e5; + border-bottom: 1px solid #ffffff; +} + +/* +// Prevent IE8 from misplacing imgs +// See https://github.com/h5bp/html5-boilerplate/issues/984#issuecomment-3985989 +.nav > li > a > img { + max-width: none; +} // Dropdowns // ------------------------- @@ -2942,21 +2902,6 @@ button.close { display: block; } - - -// Disabled state -// ------------------------- - -// Gray out text -.nav > .disabled > a { - color: @grayLight; -} -// Nuke hover effects -.nav > .disabled > a:hover { - text-decoration: none; - background-color: transparent; - cursor: default; -} */ .navbar { -- cgit v1.2.3 From 5663833bfc3ea815ee9fa82a53e1bd3e3f14f585 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 17 Jan 2013 19:51:22 -0800 Subject: Restore .btn-info --- docs/assets/css/bootstrap.css | 12 ++++++++++++ 1 file changed, 12 insertions(+) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 9477775f6..1e78aa66d 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -1733,6 +1733,18 @@ input[type="button"].btn-block { border-color: #449d44; } +.btn-info { + background-color: #5bc0de; + border-color: #5bc0de; +} + +.btn-info:hover, +.btn-info:focus, +.btn-info:active { + background-color: #46b8da; + border-color: #31b0d5; +} + .btn-link, .btn-link:active, .btn-link[disabled], -- cgit v1.2.3 From 89b6477bdc3c86a59c22a62778a6879c220c5df5 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 17 Jan 2013 20:13:11 -0800 Subject: Remove .info from table rows --- docs/assets/css/bootstrap.css | 8 -------- 1 file changed, 8 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 1e78aa66d..e9df5670c 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -979,10 +979,6 @@ table th[class*="span"] { background-color: #fcf8e3; } -.table tbody tr.info > td { - background-color: #d9edf7; -} - .table-hover tbody tr.success:hover > td { background-color: #d0e9c6; } @@ -995,10 +991,6 @@ table th[class*="span"] { background-color: #faf2cc; } -.table-hover tbody tr.info:hover > td { - background-color: #c4e3f3; -} - form { margin: 0; } -- cgit v1.2.3 From ca74b9882b1c2029bfd0d091fd372007b9dc7420 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 17 Jan 2013 20:16:04 -0800 Subject: Change .img-polaroid to .img-thumbnail * Same code, but different classes was confusing * Now .img-thumbnail just extends .thumbnail --- docs/assets/css/bootstrap.css | 16 ++++++++++------ 1 file changed, 10 insertions(+), 6 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index e9df5670c..0ec2e4ddc 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -262,13 +262,17 @@ img { border-radius: 6px; } -.img-polaroid { +.img-thumbnail { + display: block; + display: inline-block; padding: 4px; - background-color: #fff; - border: 1px solid #ccc; - border: 1px solid rgba(0, 0, 0, 0.2); - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); + line-height: 20px; + border: 1px solid #ddd; + border-radius: 4px; + -webkit-transition: all 0.2s ease-in-out; + -moz-transition: all 0.2s ease-in-out; + -o-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; } .img-circle { -- cgit v1.2.3 From f068cdeb63770182b9e954eac9cbd11bf8df5d57 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 17 Jan 2013 20:18:03 -0800 Subject: Combine .thumbnail and .img-thumbnail into simpler selectors --- docs/assets/css/bootstrap.css | 25 ++++++++++--------------- 1 file changed, 10 insertions(+), 15 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 0ec2e4ddc..46cd2bc4b 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -262,19 +262,6 @@ img { border-radius: 6px; } -.img-thumbnail { - display: block; - display: inline-block; - padding: 4px; - line-height: 20px; - border: 1px solid #ddd; - border-radius: 4px; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} - .img-circle { border-radius: 500px; } @@ -3932,8 +3919,8 @@ button.close { margin-top: 5px; } -.thumbnail { - display: block; +.thumbnail, +.img-thumbnail { padding: 4px; line-height: 20px; border: 1px solid #ddd; @@ -3944,6 +3931,14 @@ button.close { transition: all 0.2s ease-in-out; } +.thumbnail { + display: block; +} + +.img-thumbnail { + display: inline-block; +} + a.thumbnail:hover { border-color: #428bca; } -- cgit v1.2.3 From 5075f4973b8bb926573bb7f45c720ff345e1eb54 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 17 Jan 2013 20:30:40 -0800 Subject: Semibold dat .navbar .brand --- docs/assets/css/bootstrap.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index a625ec51a..1c7bf11bb 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -2977,7 +2977,7 @@ button.close { display: inline-block; padding: 7px 15px; font-size: 18px; - font-weight: bold; + font-weight: 500; line-height: 20px; color: #777777; } -- cgit v1.2.3 From 6e96cd1a7c503289bd7dfd41fccaa7eefcc5c91e Mon Sep 17 00:00:00 2001 From: Vickash Mahabir Date: Fri, 18 Jan 2013 11:58:12 -0400 Subject: Forgot to add built docs css file --- docs/assets/css/bootstrap.css | 54 ++++++++++++++++++++++++++++--------------- 1 file changed, 36 insertions(+), 18 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 46cd2bc4b..771df6bff 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -1661,9 +1661,12 @@ input[type="button"].btn-block { border-color: #a7a9aa; } -.btn:hover, -.btn:focus, -.btn:active { +.btn:not([disabled]):not(.disabled):hover, +fieldset:not([disabled]) .btn:hover, +.btn:not([disabled]):not(.disabled):focus, +fieldset:not([disabled]) .btn:focus, +.btn:not([disabled]):not(.disabled):active, +fieldset:not([disabled]) .btn:active { background-color: #9a9c9d; border-color: #8d9091; } @@ -1673,9 +1676,12 @@ input[type="button"].btn-block { border-color: #428bca; } -.btn-primary:hover, -.btn-primary:focus, -.btn-primary:active { +.btn-primary:not([disabled]):not(.disabled):hover, +fieldset:not([disabled]) .btn-primary:hover, +.btn-primary:not([disabled]):not(.disabled):focus, +fieldset:not([disabled]) .btn-primary:focus, +.btn-primary:not([disabled]):not(.disabled):active, +fieldset:not([disabled]) .btn-primary:active { background-color: #357ebd; border-color: #3071a9; } @@ -1685,9 +1691,12 @@ input[type="button"].btn-block { border-color: #f0ad4e; } -.btn-warning:hover, -.btn-warning:focus, -.btn-warning:active { +.btn-warning:not([disabled]):not(.disabled):hover, +fieldset:not([disabled]) .btn-warning:hover, +.btn-warning:not([disabled]):not(.disabled):focus, +fieldset:not([disabled]) .btn-warning:focus, +.btn-warning:not([disabled]):not(.disabled):active, +fieldset:not([disabled]) .btn-warning:active { background-color: #eea236; border-color: #ec971f; } @@ -1697,9 +1706,12 @@ input[type="button"].btn-block { border-color: #d9534f; } -.btn-danger:hover, -.btn-danger:focus, -.btn-danger:active { +.btn-danger:not([disabled]):not(.disabled):hover, +fieldset:not([disabled]) .btn-danger:hover, +.btn-danger:not([disabled]):not(.disabled):focus, +fieldset:not([disabled]) .btn-danger:focus, +.btn-danger:not([disabled]):not(.disabled):active, +fieldset:not([disabled]) .btn-danger:active { background-color: #d43f3a; border-color: #c9302c; } @@ -1709,9 +1721,12 @@ input[type="button"].btn-block { border-color: #5cb85c; } -.btn-success:hover, -.btn-success:focus, -.btn-success:active { +.btn-success:not([disabled]):not(.disabled):hover, +fieldset:not([disabled]) .btn-success:hover, +.btn-success:not([disabled]):not(.disabled):focus, +fieldset:not([disabled]) .btn-success:focus, +.btn-success:not([disabled]):not(.disabled):active, +fieldset:not([disabled]) .btn-success:active { background-color: #4cae4c; border-color: #449d44; } @@ -1721,9 +1736,12 @@ input[type="button"].btn-block { border-color: #5bc0de; } -.btn-info:hover, -.btn-info:focus, -.btn-info:active { +.btn-info:not([disabled]):not(.disabled):hover, +fieldset:not([disabled]) .btn-info:hover, +.btn-info:not([disabled]):not(.disabled):focus, +fieldset:not([disabled]) .btn-info:focus, +.btn-info:not([disabled]):not(.disabled):active, +fieldset:not([disabled]) .btn-info:active { background-color: #46b8da; border-color: #31b0d5; } -- cgit v1.2.3 From b741c731a2ce3aaf0d891770705b3feb5b09c853 Mon Sep 17 00:00:00 2001 From: Vickash Mahabir Date: Fri, 18 Jan 2013 12:12:30 -0400 Subject: Fix logic error where a disabled button would change color in an enabled fieldset --- docs/assets/css/bootstrap.css | 48 +++++++++++++++++++++---------------------- 1 file changed, 24 insertions(+), 24 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 771df6bff..5028c913a 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -1661,12 +1661,12 @@ input[type="button"].btn-block { border-color: #a7a9aa; } +fieldset:not([disabled]) .btn:not([disabled]):not(.disabled):hover, .btn:not([disabled]):not(.disabled):hover, -fieldset:not([disabled]) .btn:hover, +fieldset:not([disabled]) .btn:not([disabled]):not(.disabled):focus, .btn:not([disabled]):not(.disabled):focus, -fieldset:not([disabled]) .btn:focus, -.btn:not([disabled]):not(.disabled):active, -fieldset:not([disabled]) .btn:active { +fieldset:not([disabled]) .btn:not([disabled]):not(.disabled):active, +.btn:not([disabled]):not(.disabled):active { background-color: #9a9c9d; border-color: #8d9091; } @@ -1676,12 +1676,12 @@ fieldset:not([disabled]) .btn:active { border-color: #428bca; } +fieldset:not([disabled]) .btn-primary:not([disabled]):not(.disabled):hover, .btn-primary:not([disabled]):not(.disabled):hover, -fieldset:not([disabled]) .btn-primary:hover, +fieldset:not([disabled]) .btn-primary:not([disabled]):not(.disabled):focus, .btn-primary:not([disabled]):not(.disabled):focus, -fieldset:not([disabled]) .btn-primary:focus, -.btn-primary:not([disabled]):not(.disabled):active, -fieldset:not([disabled]) .btn-primary:active { +fieldset:not([disabled]) .btn-primary:not([disabled]):not(.disabled):active, +.btn-primary:not([disabled]):not(.disabled):active { background-color: #357ebd; border-color: #3071a9; } @@ -1691,12 +1691,12 @@ fieldset:not([disabled]) .btn-primary:active { border-color: #f0ad4e; } +fieldset:not([disabled]) .btn-warning:not([disabled]):not(.disabled):hover, .btn-warning:not([disabled]):not(.disabled):hover, -fieldset:not([disabled]) .btn-warning:hover, +fieldset:not([disabled]) .btn-warning:not([disabled]):not(.disabled):focus, .btn-warning:not([disabled]):not(.disabled):focus, -fieldset:not([disabled]) .btn-warning:focus, -.btn-warning:not([disabled]):not(.disabled):active, -fieldset:not([disabled]) .btn-warning:active { +fieldset:not([disabled]) .btn-warning:not([disabled]):not(.disabled):active, +.btn-warning:not([disabled]):not(.disabled):active { background-color: #eea236; border-color: #ec971f; } @@ -1706,12 +1706,12 @@ fieldset:not([disabled]) .btn-warning:active { border-color: #d9534f; } +fieldset:not([disabled]) .btn-danger:not([disabled]):not(.disabled):hover, .btn-danger:not([disabled]):not(.disabled):hover, -fieldset:not([disabled]) .btn-danger:hover, +fieldset:not([disabled]) .btn-danger:not([disabled]):not(.disabled):focus, .btn-danger:not([disabled]):not(.disabled):focus, -fieldset:not([disabled]) .btn-danger:focus, -.btn-danger:not([disabled]):not(.disabled):active, -fieldset:not([disabled]) .btn-danger:active { +fieldset:not([disabled]) .btn-danger:not([disabled]):not(.disabled):active, +.btn-danger:not([disabled]):not(.disabled):active { background-color: #d43f3a; border-color: #c9302c; } @@ -1721,12 +1721,12 @@ fieldset:not([disabled]) .btn-danger:active { border-color: #5cb85c; } +fieldset:not([disabled]) .btn-success:not([disabled]):not(.disabled):hover, .btn-success:not([disabled]):not(.disabled):hover, -fieldset:not([disabled]) .btn-success:hover, +fieldset:not([disabled]) .btn-success:not([disabled]):not(.disabled):focus, .btn-success:not([disabled]):not(.disabled):focus, -fieldset:not([disabled]) .btn-success:focus, -.btn-success:not([disabled]):not(.disabled):active, -fieldset:not([disabled]) .btn-success:active { +fieldset:not([disabled]) .btn-success:not([disabled]):not(.disabled):active, +.btn-success:not([disabled]):not(.disabled):active { background-color: #4cae4c; border-color: #449d44; } @@ -1736,12 +1736,12 @@ fieldset:not([disabled]) .btn-success:active { border-color: #5bc0de; } +fieldset:not([disabled]) .btn-info:not([disabled]):not(.disabled):hover, .btn-info:not([disabled]):not(.disabled):hover, -fieldset:not([disabled]) .btn-info:hover, +fieldset:not([disabled]) .btn-info:not([disabled]):not(.disabled):focus, .btn-info:not([disabled]):not(.disabled):focus, -fieldset:not([disabled]) .btn-info:focus, -.btn-info:not([disabled]):not(.disabled):active, -fieldset:not([disabled]) .btn-info:active { +fieldset:not([disabled]) .btn-info:not([disabled]):not(.disabled):active, +.btn-info:not([disabled]):not(.disabled):active { background-color: #46b8da; border-color: #31b0d5; } -- cgit v1.2.3 From 665de0455cb433c9e3c3b6d6ad72318b46098650 Mon Sep 17 00:00:00 2001 From: Vickash Mahabir Date: Fri, 18 Jan 2013 17:35:23 -0400 Subject: Change .badge to .counter, make appearance more OSX-ish, and remove colors --- docs/assets/css/bootstrap.css | 40 +++++++++------------------------------- 1 file changed, 9 insertions(+), 31 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 46cd2bc4b..5c7c2bba9 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3991,60 +3991,38 @@ a.thumbnail:hover { list-style: none; } -.badge { +.counter { display: inline-block; - padding: 2px 4px; + min-width: 10px; + padding: 2px 7px; font-size: 11.844px; font-weight: bold; line-height: 14px; color: #fff; + text-align: center; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); white-space: nowrap; vertical-align: baseline; background-color: #999999; - border-radius: 3px; + border-radius: 10px; } -.badge:empty { +.counter:empty { display: none; } -a.badge:hover { +a.counter:hover { color: #fff; text-decoration: none; cursor: pointer; } -.badge-danger { - background-color: #b94a48; -} - -.badge-danger[href] { - background-color: #953b39; -} - -.badge-warning { - background-color: #f89406; -} - -.badge-warning[href] { - background-color: #c67605; -} - -.badge-success { - background-color: #468847; -} - -.badge-success[href] { - background-color: #356635; -} - -.btn .badge { +.btn .counter { position: relative; top: -1px; } -.btn-mini .badge { +.btn-mini .counter { top: 0; } -- cgit v1.2.3 From c77a459b3520a8ee14bebad887427c3cb540f76b Mon Sep 17 00:00:00 2001 From: Vickash Mahabir Date: Sat, 19 Jan 2013 19:32:55 -0400 Subject: IE8 compatible fix for disabled button hover --- docs/assets/css/bootstrap.css | 132 ++++++++++++++++++++++++++++++------------ 1 file changed, 96 insertions(+), 36 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 5028c913a..c1357a79c 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -1661,91 +1661,151 @@ input[type="button"].btn-block { border-color: #a7a9aa; } -fieldset:not([disabled]) .btn:not([disabled]):not(.disabled):hover, -.btn:not([disabled]):not(.disabled):hover, -fieldset:not([disabled]) .btn:not([disabled]):not(.disabled):focus, -.btn:not([disabled]):not(.disabled):focus, -fieldset:not([disabled]) .btn:not([disabled]):not(.disabled):active, -.btn:not([disabled]):not(.disabled):active { +.btn:hover, +.btn:focus, +.btn:active { background-color: #9a9c9d; border-color: #8d9091; } +.btn.disabled:hover, +.btn[disabled]:hover, +fieldset[disabled] .btn:hover, +.btn.disabled:focus, +.btn[disabled]:focus, +fieldset[disabled] .btn:focus, +.btn.disabled:active, +.btn[disabled]:active, +fieldset[disabled] .btn:active { + background-color: #a7a9aa; + border-color: #a7a9aa; +} + .btn-primary { background-color: #428bca; border-color: #428bca; } -fieldset:not([disabled]) .btn-primary:not([disabled]):not(.disabled):hover, -.btn-primary:not([disabled]):not(.disabled):hover, -fieldset:not([disabled]) .btn-primary:not([disabled]):not(.disabled):focus, -.btn-primary:not([disabled]):not(.disabled):focus, -fieldset:not([disabled]) .btn-primary:not([disabled]):not(.disabled):active, -.btn-primary:not([disabled]):not(.disabled):active { +.btn-primary:hover, +.btn-primary:focus, +.btn-primary:active { background-color: #357ebd; border-color: #3071a9; } +.btn-primary.disabled:hover, +.btn-primary[disabled]:hover, +fieldset[disabled] .btn-primary:hover, +.btn-primary.disabled:focus, +.btn-primary[disabled]:focus, +fieldset[disabled] .btn-primary:focus, +.btn-primary.disabled:active, +.btn-primary[disabled]:active, +fieldset[disabled] .btn-primary:active { + background-color: #428bca; + border-color: #428bca; +} + .btn-warning { background-color: #f0ad4e; border-color: #f0ad4e; } -fieldset:not([disabled]) .btn-warning:not([disabled]):not(.disabled):hover, -.btn-warning:not([disabled]):not(.disabled):hover, -fieldset:not([disabled]) .btn-warning:not([disabled]):not(.disabled):focus, -.btn-warning:not([disabled]):not(.disabled):focus, -fieldset:not([disabled]) .btn-warning:not([disabled]):not(.disabled):active, -.btn-warning:not([disabled]):not(.disabled):active { +.btn-warning:hover, +.btn-warning:focus, +.btn-warning:active { background-color: #eea236; border-color: #ec971f; } +.btn-warning.disabled:hover, +.btn-warning[disabled]:hover, +fieldset[disabled] .btn-warning:hover, +.btn-warning.disabled:focus, +.btn-warning[disabled]:focus, +fieldset[disabled] .btn-warning:focus, +.btn-warning.disabled:active, +.btn-warning[disabled]:active, +fieldset[disabled] .btn-warning:active { + background-color: #f0ad4e; + border-color: #f0ad4e; +} + .btn-danger { background-color: #d9534f; border-color: #d9534f; } -fieldset:not([disabled]) .btn-danger:not([disabled]):not(.disabled):hover, -.btn-danger:not([disabled]):not(.disabled):hover, -fieldset:not([disabled]) .btn-danger:not([disabled]):not(.disabled):focus, -.btn-danger:not([disabled]):not(.disabled):focus, -fieldset:not([disabled]) .btn-danger:not([disabled]):not(.disabled):active, -.btn-danger:not([disabled]):not(.disabled):active { +.btn-danger:hover, +.btn-danger:focus, +.btn-danger:active { background-color: #d43f3a; border-color: #c9302c; } +.btn-danger.disabled:hover, +.btn-danger[disabled]:hover, +fieldset[disabled] .btn-danger:hover, +.btn-danger.disabled:focus, +.btn-danger[disabled]:focus, +fieldset[disabled] .btn-danger:focus, +.btn-danger.disabled:active, +.btn-danger[disabled]:active, +fieldset[disabled] .btn-danger:active { + background-color: #d9534f; + border-color: #d9534f; +} + .btn-success { background-color: #5cb85c; border-color: #5cb85c; } -fieldset:not([disabled]) .btn-success:not([disabled]):not(.disabled):hover, -.btn-success:not([disabled]):not(.disabled):hover, -fieldset:not([disabled]) .btn-success:not([disabled]):not(.disabled):focus, -.btn-success:not([disabled]):not(.disabled):focus, -fieldset:not([disabled]) .btn-success:not([disabled]):not(.disabled):active, -.btn-success:not([disabled]):not(.disabled):active { +.btn-success:hover, +.btn-success:focus, +.btn-success:active { background-color: #4cae4c; border-color: #449d44; } +.btn-success.disabled:hover, +.btn-success[disabled]:hover, +fieldset[disabled] .btn-success:hover, +.btn-success.disabled:focus, +.btn-success[disabled]:focus, +fieldset[disabled] .btn-success:focus, +.btn-success.disabled:active, +.btn-success[disabled]:active, +fieldset[disabled] .btn-success:active { + background-color: #5cb85c; + border-color: #5cb85c; +} + .btn-info { background-color: #5bc0de; border-color: #5bc0de; } -fieldset:not([disabled]) .btn-info:not([disabled]):not(.disabled):hover, -.btn-info:not([disabled]):not(.disabled):hover, -fieldset:not([disabled]) .btn-info:not([disabled]):not(.disabled):focus, -.btn-info:not([disabled]):not(.disabled):focus, -fieldset:not([disabled]) .btn-info:not([disabled]):not(.disabled):active, -.btn-info:not([disabled]):not(.disabled):active { +.btn-info:hover, +.btn-info:focus, +.btn-info:active { background-color: #46b8da; border-color: #31b0d5; } +.btn-info.disabled:hover, +.btn-info[disabled]:hover, +fieldset[disabled] .btn-info:hover, +.btn-info.disabled:focus, +.btn-info[disabled]:focus, +fieldset[disabled] .btn-info:focus, +.btn-info.disabled:active, +.btn-info[disabled]:active, +fieldset[disabled] .btn-info:active { + background-color: #5bc0de; + border-color: #5bc0de; +} + .btn-link, .btn-link:active, .btn-link[disabled], -- cgit v1.2.3 From d30f47efb2580b0f435128940b48d5e5d30ca529 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 19 Jan 2013 18:53:41 -0800 Subject: Tighten up badges docs; less bottom margin on h3 --- docs/assets/css/bootstrap.css | 23 ++++++++++++++++------- 1 file changed, 16 insertions(+), 7 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index a78ab929a..47396530a 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -425,13 +425,13 @@ h6 small { } h1, -h2, -h3 { +h2 { margin-top: 20px; margin-bottom: 10px; line-height: 40px; } +h3, h4, h5, h6 { @@ -4006,15 +4006,14 @@ a.thumbnail:hover { .counter { display: inline-block; min-width: 10px; - padding: 2px 7px; - font-size: 11.844px; + padding: 3px 7px; + font-size: 12px; font-weight: bold; - line-height: 14px; + line-height: 1; color: #fff; text-align: center; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); white-space: nowrap; - vertical-align: baseline; + vertical-align: middle; background-color: #999999; border-radius: 10px; } @@ -4038,6 +4037,16 @@ a.counter:hover { top: 0; } +.nav-list > .active > a > .counter, +.nav-pills > .active > a > .counter { + color: #428bca; + background-color: #fff; +} + +.nav-pills > li > a > .counter { + margin-left: 3px; +} + @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; -- cgit v1.2.3 From baadc33c88f701a068d468e15500ed87b84df43b Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 30 Jan 2013 18:22:20 -0800 Subject: make on prev commit --- docs/assets/css/bootstrap.css | 1 + 1 file changed, 1 insertion(+) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 71c42f319..c0c5ac91e 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -2763,6 +2763,7 @@ table th[class*="span"], } .icon-folder-close { + width: 16px; background-position: -384px -120px; } -- cgit v1.2.3 From e38d08d4c0c23e678549b10f96286b37a7d8c7ed Mon Sep 17 00:00:00 2001 From: RJ Regenold Date: Thu, 31 Jan 2013 09:06:37 -0600 Subject: fixes jankiness with anchor tags in carousel. --- docs/assets/css/bootstrap.css | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index c0c5ac91e..6c568a918 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -5917,7 +5917,9 @@ a.badge:hover { transition: 0.6s ease-in-out left; } -.carousel-inner > .item > img { +.carousel-inner > .item > img, +.carousel-inner > .item > a, +.carousel-inner > .item > img > a { display: block; line-height: 1; } -- cgit v1.2.3 From 6014e630547d08dcc9610546e4f04aaac0c30be5 Mon Sep 17 00:00:00 2001 From: RJ Regenold Date: Thu, 31 Jan 2013 11:10:41 -0600 Subject: lets see how much i can mess this pull request up. :| --- docs/assets/css/bootstrap.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 6c568a918..bb05c79d5 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -5919,7 +5919,7 @@ a.badge:hover { .carousel-inner > .item > img, .carousel-inner > .item > a, -.carousel-inner > .item > img > a { +.carousel-inner > .item > a > img { display: block; line-height: 1; } -- cgit v1.2.3 From 2f44d8d2dac855ecaeb0ad4ac460c83bb2ca321b Mon Sep 17 00:00:00 2001 From: RJ Regenold Date: Thu, 31 Jan 2013 12:49:53 -0600 Subject: removes anchor tag definition. --- docs/assets/css/bootstrap.css | 1 - 1 file changed, 1 deletion(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index bb05c79d5..e09e1e23a 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -5918,7 +5918,6 @@ a.badge:hover { } .carousel-inner > .item > img, -.carousel-inner > .item > a, .carousel-inner > .item > a > img { display: block; line-height: 1; -- cgit v1.2.3 From b02a0fe768e3703fe889953d9e9d26dae25bc074 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 31 Jan 2013 18:09:49 -0800 Subject: Button up navbar form which was adding 2px padding to .navbar --- docs/assets/css/bootstrap.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 47396530a..ebca6a630 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3016,8 +3016,8 @@ button.close { } .navbar-form { - margin-top: 9px; - margin-bottom: 9px; + margin-top: 8px; + margin-bottom: 8px; } .navbar .nav > li > .dropdown-menu { -- cgit v1.2.3 From 52aa67fa1c539aa9b31f3d9cf349287ab5c06120 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 31 Jan 2013 18:11:45 -0800 Subject: only round jumbotron corners at 768px+ --- docs/assets/css/bootstrap.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index ebca6a630..d534985d9 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -4423,7 +4423,6 @@ a.counter:hover { line-height: 30px; color: inherit; background-color: #eeeeee; - border-radius: 6px; } .jumbotron h1 { @@ -4438,6 +4437,7 @@ a.counter:hover { @media screen and (min-width: 768px) { .jumbotron { padding: 50px 60px; + border-radius: 6px; } .jumbotron h1 { font-size: 60px; -- cgit v1.2.3 From 24f0505bde5df08e9e7dd5b96bf0abeaab10901d Mon Sep 17 00:00:00 2001 From: Gil Barbara Date: Fri, 1 Feb 2013 01:39:26 -0200 Subject: Update input-group-addon for input sizes --- docs/assets/css/bootstrap.css | 91 ++++++++++++++++++++++++++++++++++++++++--- 1 file changed, 86 insertions(+), 5 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 47396530a..8a0c28bb4 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -1242,9 +1242,8 @@ input[type="search"].input-large, input[type="tel"].input-large, input[type="color"].input-large, .uneditable-input.input-large { - padding: 11px 19px; - padding-right: 14px; - padding-left: 14px; + min-height: 44px; + padding: 10px 14px; font-size: 17.5px; border-radius: 6px; } @@ -1266,6 +1265,7 @@ input[type="search"].input-small, input[type="tel"].input-small, input[type="color"].input-small, .uneditable-input.input-small { + min-height: 26px; padding: 2px 10px; font-size: 11.9px; border-radius: 3px; @@ -1288,6 +1288,7 @@ input[type="search"].input-mini, input[type="tel"].input-mini, input[type="color"].input-mini, .uneditable-input.input-mini { + min-height: 26px; padding: 0 6px; font-size: 10.5px; border-radius: 3px; @@ -1462,6 +1463,20 @@ select:focus:invalid:focus { border-radius: 0; } +.input-group-addon.input-small, +.input-group-btn.input-small, +.input-group input.input-small, +.input-group .uneditable-input.input-small { + border-radius: 0; +} + +.input-group-addon.input-large, +.input-group-btn.input-large, +.input-group input.input-large, +.input-group .uneditable-input.input-large { + border-radius: 0; +} + .input-group-addon, .input-group-btn { width: 1%; @@ -1482,6 +1497,16 @@ select:focus:invalid:focus { box-sizing: border-box; } +.input-group-addon.input-small { + padding: 2px 10px; + font-size: 11.9px; +} + +.input-group-addon.input-large { + padding: 10px 14px; + font-size: 17.5px; +} + .input-group input:first-child, .input-group .uneditable-input:first-child, .input-group-addon:first-child { @@ -1489,6 +1514,24 @@ select:focus:invalid:focus { border-top-left-radius: 4px; } +.input-group input:first-child.input-small, +.input-group .uneditable-input:first-child.input-small, +.input-group-addon:first-child.input-small { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 3px; + border-top-left-radius: 3px; +} + +.input-group input:first-child.input-large, +.input-group .uneditable-input:first-child.input-large, +.input-group-addon:first-child.input-large { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + border-bottom-left-radius: 6px; + border-top-left-radius: 6px; +} + .input-group-addon:first-child { border-right: 0; } @@ -1500,6 +1543,24 @@ select:focus:invalid:focus { border-bottom-right-radius: 4px; } +.input-group input:last-child.input-small, +.input-group .uneditable-input:last-child.input-small, +.input-group-addon:last-child.input-small { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 0; + border-top-left-radius: 0; +} + +.input-group input:last-child.input-large, +.input-group .uneditable-input:last-child.input-large, +.input-group-addon:last-child.input-large { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 0; + border-top-left-radius: 0; +} + .input-group-addon:last-child { border-left: 0; } @@ -1532,6 +1593,16 @@ select:focus:invalid:focus { border-radius: 4px 0 0 4px; } +.input-group-btn:first-child > .btn.btn-large, +.input-group-btn.btn-group:first-child > .btn.btn-large { + border-radius: 6px 0 0 6px; +} + +.input-group-btn:first-child > .btn.btn-small, +.input-group-btn.btn-group:first-child > .btn.btn-small { + border-radius: 3px 0 0 3px; +} + .input-group-btn:last-child > .btn, .input-group-btn.btn-group:last-child > .btn:first-child { border-left: 0; @@ -1542,6 +1613,16 @@ select:focus:invalid:focus { border-radius: 0 4px 4px 0; } +.input-group-btn:last-child > .btn.btn-large, +.input-group-btn.btn-group:last-child > .btn.btn-large { + border-radius: 0 6px 6px 0; +} + +.input-group-btn:last-child > .btn.btn-small, +.input-group-btn.btn-group:last-child > .btn.btn-small { + border-radius: 0 3px 3px 0; +} + @media screen and (min-width: 768px) { .form-horizontal .control-group { position: relative; @@ -1616,7 +1697,7 @@ fieldset[disabled] .btn { } .btn-large { - padding: 11px 19px; + padding: 11px 14px; font-size: 17.5px; border-radius: 6px; } @@ -3447,7 +3528,7 @@ button.close { .pagination-large > li > a, .pagination-large > li > span { - padding: 11px 19px; + padding: 11px 14px; font-size: 17.5px; } -- cgit v1.2.3 From b7b2e4f8a1bda965442668869e1dc5e5118fd985 Mon Sep 17 00:00:00 2001 From: Nikhil Dabas Date: Sat, 2 Feb 2013 02:04:30 +0530 Subject: Fixing inline lists for IE7 --- docs/assets/css/bootstrap.css | 2 ++ 1 file changed, 2 insertions(+) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index c0c5ac91e..ca9c699b6 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -835,8 +835,10 @@ ol.inline { ul.inline > li, ol.inline > li { display: inline-block; + *display: inline; padding-right: 5px; padding-left: 5px; + *zoom: 1; } dl { -- cgit v1.2.3 From d53af49afea5af5ac2c3cf74f0f5439b58021198 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 1 Feb 2013 16:21:38 -0800 Subject: Refactor colors and progress bars * Buttons and progress bars now make use of more semantic global @brand- colors * Progress bars have been rewritten to reduce the number of possible selectors * Instead of .progress .bar, it's .progress-bar for individual bars of color, ultimately making for less CSS --- docs/assets/css/bootstrap.css | 60 +++++++++++++++---------------------------- 1 file changed, 21 insertions(+), 39 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index d534985d9..d67148b13 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -4102,7 +4102,7 @@ a.counter:hover { box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); } -.progress .bar { +.progress-bar { float: left; width: 0; height: 100%; @@ -4110,9 +4110,7 @@ a.counter:hover { color: #fff; text-align: center; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - background-color: #149bdf; - /*#gradient > .vertical(#149bdf, #0480be);*/ - + background-color: #428bca; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-box-sizing: border-box; @@ -4124,8 +4122,8 @@ a.counter:hover { transition: width 0.6s ease; } -.progress-striped .bar { - background-color: #149bdf; +.progress-striped .progress-bar { + background-color: #428bca; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); @@ -4137,7 +4135,7 @@ a.counter:hover { background-size: 40px 40px; } -.progress.active .bar { +.progress.active .progress-bar { -webkit-animation: progress-bar-stripes 2s linear infinite; -moz-animation: progress-bar-stripes 2s linear infinite; -ms-animation: progress-bar-stripes 2s linear infinite; @@ -4145,16 +4143,12 @@ a.counter:hover { animation: progress-bar-stripes 2s linear infinite; } -.progress-danger .bar, -.progress .bar-danger { - background-color: #ee5f5b; - /*#gradient > .vertical(#ee5f5b, #c43c35);*/ - +.progress-bar-danger { + background-color: #d9534f; } -.progress-danger.progress-striped .bar, -.progress-striped .bar-danger { - background-color: #ee5f5b; +.progress-striped .progress-bar-danger { + background-color: #d9534f; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); @@ -4162,16 +4156,12 @@ a.counter:hover { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } -.progress-success .bar, -.progress .bar-success { - background-color: #62c462; - /*#gradient > .vertical(#62c462, #57a957);*/ - +.progress-bar-success { + background-color: #5cb85c; } -.progress-success.progress-striped .bar, -.progress-striped .bar-success { - background-color: #62c462; +.progress-striped .progress-bar-success { + background-color: #5cb85c; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); @@ -4179,16 +4169,12 @@ a.counter:hover { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } -.progress-info .bar, -.progress .bar-info { - background-color: #5bc0de; - /*#gradient > .vertical(#5bc0de, #339bb9);*/ - +.progress-bar-warning { + background-color: #f0ad4e; } -.progress-info.progress-striped .bar, -.progress-striped .bar-info { - background-color: #5bc0de; +.progress-striped .progress-bar-warning { + background-color: #f0ad4e; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); @@ -4196,16 +4182,12 @@ a.counter:hover { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } -.progress-warning .bar, -.progress .bar-warning { - background-color: #fbb450; - /*#gradient > .vertical(lighten(#f89406, 15%), #f89406);*/ - +.progress-bar-info { + background-color: #5bc0de; } -.progress-warning.progress-striped .bar, -.progress-striped .bar-warning { - background-color: #fbb450; +.progress-striped .progress-bar-info { + background-color: #5bc0de; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -- cgit v1.2.3 From dad9889aeb703f7276a1c9e54e19df622ffadb99 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 1 Feb 2013 21:49:19 -0800 Subject: Fixes #6657: Upgrade Normalize to 2.1.0 --- docs/assets/css/bootstrap.css | 15 +++++++++++++-- 1 file changed, 13 insertions(+), 2 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index d67148b13..d006d7160 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -18,6 +18,7 @@ figure, footer, header, hgroup, +main, nav, section, summary { @@ -59,6 +60,7 @@ a:hover { } h1 { + margin: 0.67em 0; font-size: 2em; } @@ -75,6 +77,12 @@ dfn { font-style: italic; } +hr { + height: 0; + -moz-box-sizing: content-box; + box-sizing: content-box; +} + mark { color: #000; background: #ff0; @@ -89,8 +97,6 @@ samp { } pre { - word-wrap: break-word; - white-space: pre; white-space: pre-wrap; } @@ -155,6 +161,11 @@ input { line-height: normal; } +button, +select { + text-transform: none; +} + button, html input[type="button"], input[type="reset"], -- cgit v1.2.3 From 94e256c0162748dcddd6401d57a186576254f884 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 1 Feb 2013 22:56:09 -0800 Subject: Refactor navbar dividers * Instead of .divider-vertical, use .divider * Makes use of .nav-divider mixin * Dividers are horizontal to start, matching the default state of navbar nav links * Dividers become vertical above 768px via media queries --- docs/assets/css/bootstrap.css | 33 ++++++++++++++++++++++----------- 1 file changed, 22 insertions(+), 11 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index d006d7160..01c603b26 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -8,7 +8,7 @@ * Designed and built with all the love in the world by @mdo and @fat. */ -/*! normalize.css v2.0.1 | MIT License | git.io/normalize */ +/*! normalize.css v2.1.0 | MIT License | git.io/normalize */ article, aside, @@ -2531,7 +2531,7 @@ fieldset[disabled] .btn-link:hover { .dropdown-menu .divider { height: 1px; - margin: 9px 1px; + margin: 9px 0; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid #ffffff; @@ -2827,7 +2827,7 @@ button.close { .nav .divider { height: 1px; - margin: 9px 1px; + margin: 9px 0; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid #ffffff; @@ -3019,11 +3019,12 @@ button.close { margin-top: 3px; } -.navbar .divider-vertical { - height: 30px; - margin: 10px 9px; - border-right: 1px solid #fbfbfb; - border-left: 1px solid #e1e1e1; +.navbar .nav > .divider { + height: 1px; + margin: 9px 0; + overflow: hidden; + background-color: #e1e1e1; + border-bottom: 1px solid #fbfbfb; } .navbar-form { @@ -3110,9 +3111,9 @@ button.close { background-color: #444; } -.navbar-inverse .divider-vertical { - border-right-color: #2f2f2f; - border-left-color: #151515; +.navbar-inverse .nav > .divider { + background-color: #151515; + border-bottom-color: #2f2f2f; } .navbar-inverse .nav li.dropdown.open > .dropdown-toggle, @@ -3168,6 +3169,16 @@ button.close { .navbar .nav > li { float: left; } + .navbar .nav > .divider { + width: 1px; + height: 30px; + margin: 10px 9px; + border-right: 1px solid #fbfbfb; + border-bottom: 0; + } + .navbar-inverse .nav > .divider { + border-right-color: #2f2f2f; + } .navbar .btn-navbar { display: none; } -- cgit v1.2.3 From c64aa26d062b53a40be55ea62017bd04f523b290 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 2 Feb 2013 13:03:18 -0800 Subject: Add @btn-color variable and use in buttons and carets; fixes dropup caret as well --- docs/assets/css/bootstrap.css | 20 +++++++------------- 1 file changed, 7 insertions(+), 13 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 01c603b26..66002d292 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -1679,7 +1679,7 @@ input[type="button"].btn-block { } .btn { - color: #fff; + color: #ffffff; background-color: #a7a9aa; border-color: #a7a9aa; } @@ -3245,9 +3245,12 @@ button.close { */ -.caret { - border-top-color: #fff; - border-bottom-color: #fff; +.btn .caret { + border-top-color: #ffffff; +} + +.dropup .btn .caret { + border-bottom-color: #ffffff; } .btn-group { @@ -3344,19 +3347,10 @@ button.close { margin-left: 0; } -.btn-large .caret { - margin-top: 6px; -} - .btn-large .caret { border-width: 5px; } -.btn-mini .caret, -.btn-small .caret { - margin-top: 8px; -} - .dropup .btn-large .caret { border-bottom-width: 5px; } -- cgit v1.2.3 From 6993fadf7ec217608653ec5c0d4434ad8d8b2eb7 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 2 Feb 2013 17:31:26 -0800 Subject: Simplify input and input group sizing * Remove .input-mini because who really needs inputs that small * Remove unnecessary border-radius resets from large and small input groups --- docs/assets/css/bootstrap.css | 41 +++++++---------------------------------- 1 file changed, 7 insertions(+), 34 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index f1e0b43a5..50687ac2a 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -8,6 +8,11 @@ * Designed and built with all the love in the world by @mdo and @fat. */ +/*@padding-large-input: 10px 14px; // 44px +// firefox hack since it doesn't accept custom line-height for inputs and automatically sets line-height as font-size + 4 px. +// input-large at 18 + 4 = 22, so I tried to compensate on padding. +*/ + /*! normalize.css v2.1.0 | MIT License | git.io/normalize */ article, @@ -1253,8 +1258,7 @@ input[type="search"].input-large, input[type="tel"].input-large, input[type="color"].input-large, .uneditable-input.input-large { - min-height: 44px; - padding: 10px 14px; + padding: 11px 14px; font-size: 17.5px; border-radius: 6px; } @@ -1282,29 +1286,6 @@ input[type="color"].input-small, border-radius: 3px; } -select.input-mini, -textarea.input-mini, -input[type="text"].input-mini, -input[type="password"].input-mini, -input[type="datetime"].input-mini, -input[type="datetime-local"].input-mini, -input[type="date"].input-mini, -input[type="month"].input-mini, -input[type="time"].input-mini, -input[type="week"].input-mini, -input[type="number"].input-mini, -input[type="email"].input-mini, -input[type="url"].input-mini, -input[type="search"].input-mini, -input[type="tel"].input-mini, -input[type="color"].input-mini, -.uneditable-input.input-mini { - min-height: 26px; - padding: 0 6px; - font-size: 10.5px; - border-radius: 3px; -} - input[class*="span"], select[class*="span"], textarea[class*="span"], @@ -1514,7 +1495,7 @@ select:focus:invalid:focus { } .input-group-addon.input-large { - padding: 10px 14px; + padding: 11px 14px; font-size: 17.5px; } @@ -1528,8 +1509,6 @@ select:focus:invalid:focus { .input-group input:first-child.input-small, .input-group .uneditable-input:first-child.input-small, .input-group-addon:first-child.input-small { - border-top-right-radius: 0; - border-bottom-right-radius: 0; border-bottom-left-radius: 3px; border-top-left-radius: 3px; } @@ -1537,8 +1516,6 @@ select:focus:invalid:focus { .input-group input:first-child.input-large, .input-group .uneditable-input:first-child.input-large, .input-group-addon:first-child.input-large { - border-top-right-radius: 0; - border-bottom-right-radius: 0; border-bottom-left-radius: 6px; border-top-left-radius: 6px; } @@ -1559,8 +1536,6 @@ select:focus:invalid:focus { .input-group-addon:last-child.input-small { border-top-right-radius: 3px; border-bottom-right-radius: 3px; - border-bottom-left-radius: 0; - border-top-left-radius: 0; } .input-group input:last-child.input-large, @@ -1568,8 +1543,6 @@ select:focus:invalid:focus { .input-group-addon:last-child.input-large { border-top-right-radius: 6px; border-bottom-right-radius: 6px; - border-bottom-left-radius: 0; - border-top-left-radius: 0; } .input-group-addon:last-child { -- cgit v1.2.3 From c09b994eea35da794b1905bf0a56485aeb28158a Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 5 Feb 2013 00:30:03 -0800 Subject: Add justified button groups for link buttons; reorganize dropdowns and button groups docs sections --- docs/assets/css/bootstrap.css | 11 +++++++++++ 1 file changed, 11 insertions(+) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 4abbee2cc..30fb6de1a 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3515,6 +3515,17 @@ button.close { border-radius: 0 0 6px 6px; } +.btn-group-justified { + display: table; + width: 100%; +} + +.btn-group-justified .btn { + display: table-cell; + float: none; + width: 1%; +} + .breadcrumb { padding: 8px 15px; margin: 0 0 20px; -- cgit v1.2.3 From 74c8a5611d64b2efd0b60774e184125ed4b5549f Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 5 Feb 2013 00:49:54 -0800 Subject: Increase margins and line-height on h3; overhaul button dropdown docs --- docs/assets/css/bootstrap.css | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 30fb6de1a..cf075b0a7 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -441,13 +441,17 @@ h6 small { } h1, -h2 { +h2, +h3 { margin-top: 20px; margin-bottom: 10px; line-height: 40px; } -h3, +h3 { + line-height: 30px; +} + h4, h5, h6 { -- cgit v1.2.3 From c97d304c0ca0c3b11f2c550590b54a75b41471fb Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 5 Feb 2013 19:43:49 -0800 Subject: derp, fix broke css and recompile --- docs/assets/css/bootstrap.css | 6155 +++++++++++++++++++++++++++++++++++++++++ 1 file changed, 6155 insertions(+) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index e69de29bb..302a00ea4 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -0,0 +1,6155 @@ +/*! + * Bootstrap v2.3.0 + * + * Copyright 2012 Twitter, Inc + * Licensed under the Apache License v2.0 + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Designed and built with all the love in the world @twitter by @mdo and @fat. + */ + +.clearfix { + *zoom: 1; +} + +.clearfix:before, +.clearfix:after { + display: table; + line-height: 0; + content: ""; +} + +.clearfix:after { + clear: both; +} + +.hide-text { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.input-block-level { + display: block; + width: 100%; + min-height: 30px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +nav, +section { + display: block; +} + +audio, +canvas, +video { + display: inline-block; + *display: inline; + *zoom: 1; +} + +audio:not([controls]) { + display: none; +} + +html { + font-size: 100%; + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; +} + +a:focus { + outline: thin dotted #333; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} + +a:hover, +a:active { + outline: 0; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sup { + top: -0.5em; +} + +sub { + bottom: -0.25em; +} + +img { + width: auto\9; + height: auto; + max-width: 100%; + vertical-align: middle; + border: 0; + -ms-interpolation-mode: bicubic; +} + +#map_canvas img, +.google-maps img { + max-width: none; +} + +button, +input, +select, +textarea { + margin: 0; + font-size: 100%; + vertical-align: middle; +} + +button, +input { + *overflow: visible; + line-height: normal; +} + +button::-moz-focus-inner, +input::-moz-focus-inner { + padding: 0; + border: 0; +} + +button, +html input[type="button"], +input[type="reset"], +input[type="submit"] { + cursor: pointer; + -webkit-appearance: button; +} + +label, +select, +button, +input[type="button"], +input[type="reset"], +input[type="submit"], +input[type="radio"], +input[type="checkbox"] { + cursor: pointer; +} + +input[type="search"] { + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; + -webkit-appearance: textfield; +} + +input[type="search"]::-webkit-search-decoration, +input[type="search"]::-webkit-search-cancel-button { + -webkit-appearance: none; +} + +textarea { + overflow: auto; + vertical-align: top; +} + +@media print { + * { + color: #000 !important; + text-shadow: none !important; + background: transparent !important; + box-shadow: none !important; + } + a, + a:visited { + text-decoration: underline; + } + a[href]:after { + content: " (" attr(href) ")"; + } + abbr[title]:after { + content: " (" attr(title) ")"; + } + .ir a:after, + a[href^="javascript:"]:after, + a[href^="#"]:after { + content: ""; + } + pre, + blockquote { + border: 1px solid #999; + page-break-inside: avoid; + } + thead { + display: table-header-group; + } + tr, + img { + page-break-inside: avoid; + } + img { + max-width: 100% !important; + } + @page { + margin: 0.5cm; + } + p, + h2, + h3 { + orphans: 3; + widows: 3; + } + h2, + h3 { + page-break-after: avoid; + } +} + +body { + margin: 0; + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 14px; + line-height: 20px; + color: #333333; + background-color: #ffffff; +} + +a { + color: #0088cc; + text-decoration: none; +} + +a:hover, +a:focus { + color: #005580; + text-decoration: underline; +} + +.img-rounded { + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; +} + +.img-polaroid { + padding: 4px; + background-color: #fff; + border: 1px solid #ccc; + border: 1px solid rgba(0, 0, 0, 0.2); + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); +} + +.img-circle { + -webkit-border-radius: 500px; + -moz-border-radius: 500px; + border-radius: 500px; +} + +.row { + margin-left: -20px; + *zoom: 1; +} + +.row:before, +.row:after { + display: table; + line-height: 0; + content: ""; +} + +.row:after { + clear: both; +} + +[class*="span"] { + float: left; + min-height: 1px; + margin-left: 20px; +} + +.container, +.navbar-static-top .container, +.navbar-fixed-top .container, +.navbar-fixed-bottom .container { + width: 940px; +} + +.span12 { + width: 940px; +} + +.span11 { + width: 860px; +} + +.span10 { + width: 780px; +} + +.span9 { + width: 700px; +} + +.span8 { + width: 620px; +} + +.span7 { + width: 540px; +} + +.span6 { + width: 460px; +} + +.span5 { + width: 380px; +} + +.span4 { + width: 300px; +} + +.span3 { + width: 220px; +} + +.span2 { + width: 140px; +} + +.span1 { + width: 60px; +} + +.offset12 { + margin-left: 980px; +} + +.offset11 { + margin-left: 900px; +} + +.offset10 { + margin-left: 820px; +} + +.offset9 { + margin-left: 740px; +} + +.offset8 { + margin-left: 660px; +} + +.offset7 { + margin-left: 580px; +} + +.offset6 { + margin-left: 500px; +} + +.offset5 { + margin-left: 420px; +} + +.offset4 { + margin-left: 340px; +} + +.offset3 { + margin-left: 260px; +} + +.offset2 { + margin-left: 180px; +} + +.offset1 { + margin-left: 100px; +} + +.row-fluid { + width: 100%; + *zoom: 1; +} + +.row-fluid:before, +.row-fluid:after { + display: table; + line-height: 0; + content: ""; +} + +.row-fluid:after { + clear: both; +} + +.row-fluid [class*="span"] { + display: block; + float: left; + width: 100%; + min-height: 30px; + margin-left: 2.127659574468085%; + *margin-left: 2.074468085106383%; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.row-fluid [class*="span"]:first-child { + margin-left: 0; +} + +.row-fluid .controls-row [class*="span"] + [class*="span"] { + margin-left: 2.127659574468085%; +} + +.row-fluid .span12 { + width: 100%; + *width: 99.94680851063829%; +} + +.row-fluid .span11 { + width: 91.48936170212765%; + *width: 91.43617021276594%; +} + +.row-fluid .span10 { + width: 82.97872340425532%; + *width: 82.92553191489361%; +} + +.row-fluid .span9 { + width: 74.46808510638297%; + *width: 74.41489361702126%; +} + +.row-fluid .span8 { + width: 65.95744680851064%; + *width: 65.90425531914893%; +} + +.row-fluid .span7 { + width: 57.44680851063829%; + *width: 57.39361702127659%; +} + +.row-fluid .span6 { + width: 48.93617021276595%; + *width: 48.88297872340425%; +} + +.row-fluid .span5 { + width: 40.42553191489362%; + *width: 40.37234042553192%; +} + +.row-fluid .span4 { + width: 31.914893617021278%; + *width: 31.861702127659576%; +} + +.row-fluid .span3 { + width: 23.404255319148934%; + *width: 23.351063829787233%; +} + +.row-fluid .span2 { + width: 14.893617021276595%; + *width: 14.840425531914894%; +} + +.row-fluid .span1 { + width: 6.382978723404255%; + *width: 6.329787234042553%; +} + +.row-fluid .offset12 { + margin-left: 104.25531914893617%; + *margin-left: 104.14893617021275%; +} + +.row-fluid .offset12:first-child { + margin-left: 102.12765957446808%; + *margin-left: 102.02127659574467%; +} + +.row-fluid .offset11 { + margin-left: 95.74468085106382%; + *margin-left: 95.6382978723404%; +} + +.row-fluid .offset11:first-child { + margin-left: 93.61702127659574%; + *margin-left: 93.51063829787232%; +} + +.row-fluid .offset10 { + margin-left: 87.23404255319149%; + *margin-left: 87.12765957446807%; +} + +.row-fluid .offset10:first-child { + margin-left: 85.1063829787234%; + *margin-left: 84.99999999999999%; +} + +.row-fluid .offset9 { + margin-left: 78.72340425531914%; + *margin-left: 78.61702127659572%; +} + +.row-fluid .offset9:first-child { + margin-left: 76.59574468085106%; + *margin-left: 76.48936170212764%; +} + +.row-fluid .offset8 { + margin-left: 70.2127659574468%; + *margin-left: 70.10638297872339%; +} + +.row-fluid .offset8:first-child { + margin-left: 68.08510638297872%; + *margin-left: 67.9787234042553%; +} + +.row-fluid .offset7 { + margin-left: 61.70212765957446%; + *margin-left: 61.59574468085106%; +} + +.row-fluid .offset7:first-child { + margin-left: 59.574468085106375%; + *margin-left: 59.46808510638297%; +} + +.row-fluid .offset6 { + margin-left: 53.191489361702125%; + *margin-left: 53.085106382978715%; +} + +.row-fluid .offset6:first-child { + margin-left: 51.063829787234035%; + *margin-left: 50.95744680851063%; +} + +.row-fluid .offset5 { + margin-left: 44.68085106382979%; + *margin-left: 44.57446808510638%; +} + +.row-fluid .offset5:first-child { + margin-left: 42.5531914893617%; + *margin-left: 42.4468085106383%; +} + +.row-fluid .offset4 { + margin-left: 36.170212765957444%; + *margin-left: 36.06382978723405%; +} + +.row-fluid .offset4:first-child { + margin-left: 34.04255319148936%; + *margin-left: 33.93617021276596%; +} + +.row-fluid .offset3 { + margin-left: 27.659574468085104%; + *margin-left: 27.5531914893617%; +} + +.row-fluid .offset3:first-child { + margin-left: 25.53191489361702%; + *margin-left: 25.425531914893618%; +} + +.row-fluid .offset2 { + margin-left: 19.148936170212764%; + *margin-left: 19.04255319148936%; +} + +.row-fluid .offset2:first-child { + margin-left: 17.02127659574468%; + *margin-left: 16.914893617021278%; +} + +.row-fluid .offset1 { + margin-left: 10.638297872340425%; + *margin-left: 10.53191489361702%; +} + +.row-fluid .offset1:first-child { + margin-left: 8.51063829787234%; + *margin-left: 8.404255319148938%; +} + +[class*="span"].hide, +.row-fluid [class*="span"].hide { + display: none; +} + +[class*="span"].pull-right, +.row-fluid [class*="span"].pull-right { + float: right; +} + +.container { + margin-right: auto; + margin-left: auto; + *zoom: 1; +} + +.container:before, +.container:after { + display: table; + line-height: 0; + content: ""; +} + +.container:after { + clear: both; +} + +.container-fluid { + padding-right: 20px; + padding-left: 20px; + *zoom: 1; +} + +.container-fluid:before, +.container-fluid:after { + display: table; + line-height: 0; + content: ""; +} + +.container-fluid:after { + clear: both; +} + +p { + margin: 0 0 10px; +} + +.lead { + margin-bottom: 20px; + font-size: 21px; + font-weight: 200; + line-height: 30px; +} + +small { + font-size: 85%; +} + +strong { + font-weight: bold; +} + +em { + font-style: italic; +} + +cite { + font-style: normal; +} + +.muted { + color: #999999; +} + +a.muted:hover, +a.muted:focus { + color: #808080; +} + +.text-warning { + color: #c09853; +} + +a.text-warning:hover, +a.text-warning:focus { + color: #a47e3c; +} + +.text-error { + color: #b94a48; +} + +a.text-error:hover, +a.text-error:focus { + color: #953b39; +} + +.text-info { + color: #3a87ad; +} + +a.text-info:hover, +a.text-info:focus { + color: #2d6987; +} + +.text-success { + color: #468847; +} + +a.text-success:hover, +a.text-success:focus { + color: #356635; +} + +.text-left { + text-align: left; +} + +.text-right { + text-align: right; +} + +.text-center { + text-align: center; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + margin: 10px 0; + font-family: inherit; + font-weight: bold; + line-height: 20px; + color: inherit; + text-rendering: optimizelegibility; +} + +h1 small, +h2 small, +h3 small, +h4 small, +h5 small, +h6 small { + font-weight: normal; + line-height: 1; + color: #999999; +} + +h1, +h2, +h3 { + line-height: 40px; +} + +h1 { + font-size: 38.5px; +} + +h2 { + font-size: 31.5px; +} + +h3 { + font-size: 24.5px; +} + +h4 { + font-size: 17.5px; +} + +h5 { + font-size: 14px; +} + +h6 { + font-size: 11.9px; +} + +h1 small { + font-size: 24.5px; +} + +h2 small { + font-size: 17.5px; +} + +h3 small { + font-size: 14px; +} + +h4 small { + font-size: 14px; +} + +.page-header { + padding-bottom: 9px; + margin: 20px 0 30px; + border-bottom: 1px solid #eeeeee; +} + +ul, +ol { + padding: 0; + margin: 0 0 10px 25px; +} + +ul ul, +ul ol, +ol ol, +ol ul { + margin-bottom: 0; +} + +li { + line-height: 20px; +} + +ul.unstyled, +ol.unstyled { + margin-left: 0; + list-style: none; +} + +ul.inline, +ol.inline { + margin-left: 0; + list-style: none; +} + +ul.inline > li, +ol.inline > li { + display: inline-block; + *display: inline; + padding-right: 5px; + padding-left: 5px; + *zoom: 1; +} + +dl { + margin-bottom: 20px; +} + +dt, +dd { + line-height: 20px; +} + +dt { + font-weight: bold; +} + +dd { + margin-left: 10px; +} + +.dl-horizontal { + *zoom: 1; +} + +.dl-horizontal:before, +.dl-horizontal:after { + display: table; + line-height: 0; + content: ""; +} + +.dl-horizontal:after { + clear: both; +} + +.dl-horizontal dt { + float: left; + width: 160px; + overflow: hidden; + clear: left; + text-align: right; + text-overflow: ellipsis; + white-space: nowrap; +} + +.dl-horizontal dd { + margin-left: 180px; +} + +hr { + margin: 20px 0; + border: 0; + border-top: 1px solid #eeeeee; + border-bottom: 1px solid #ffffff; +} + +abbr[title], +abbr[data-original-title] { + cursor: help; + border-bottom: 1px dotted #999999; +} + +abbr.initialism { + font-size: 90%; + text-transform: uppercase; +} + +blockquote { + padding: 0 0 0 15px; + margin: 0 0 20px; + border-left: 5px solid #eeeeee; +} + +blockquote p { + margin-bottom: 0; + font-size: 17.5px; + font-weight: 300; + line-height: 1.25; +} + +blockquote small { + display: block; + line-height: 20px; + color: #999999; +} + +blockquote small:before { + content: '\2014 \00A0'; +} + +blockquote.pull-right { + float: right; + padding-right: 15px; + padding-left: 0; + border-right: 5px solid #eeeeee; + border-left: 0; +} + +blockquote.pull-right p, +blockquote.pull-right small { + text-align: right; +} + +blockquote.pull-right small:before { + content: ''; +} + +blockquote.pull-right small:after { + content: '\00A0 \2014'; +} + +q:before, +q:after, +blockquote:before, +blockquote:after { + content: ""; +} + +address { + display: block; + margin-bottom: 20px; + font-style: normal; + line-height: 20px; +} + +code, +pre { + padding: 0 3px 2px; + font-family: Monaco, Menlo, Consolas, "Courier New", monospace; + font-size: 12px; + color: #333333; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} + +code { + padding: 2px 4px; + color: #d14; + white-space: nowrap; + background-color: #f7f7f9; + border: 1px solid #e1e1e8; +} + +pre { + display: block; + padding: 9.5px; + margin: 0 0 10px; + font-size: 13px; + line-height: 20px; + word-break: break-all; + word-wrap: break-word; + white-space: pre; + white-space: pre-wrap; + background-color: #f5f5f5; + border: 1px solid #ccc; + border: 1px solid rgba(0, 0, 0, 0.15); + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} + +pre.prettyprint { + margin-bottom: 20px; +} + +pre code { + padding: 0; + color: inherit; + white-space: pre; + white-space: pre-wrap; + background-color: transparent; + border: 0; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +form { + margin: 0 0 20px; +} + +fieldset { + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + padding: 0; + margin-bottom: 20px; + font-size: 21px; + line-height: 40px; + color: #333333; + border: 0; + border-bottom: 1px solid #e5e5e5; +} + +legend small { + font-size: 15px; + color: #999999; +} + +label, +input, +button, +select, +textarea { + font-size: 14px; + font-weight: normal; + line-height: 20px; +} + +input, +button, +select, +textarea { + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; +} + +label { + display: block; + margin-bottom: 5px; +} + +select, +textarea, +input[type="text"], +input[type="password"], +input[type="datetime"], +input[type="datetime-local"], +input[type="date"], +input[type="month"], +input[type="time"], +input[type="week"], +input[type="number"], +input[type="email"], +input[type="url"], +input[type="search"], +input[type="tel"], +input[type="color"], +.uneditable-input { + display: inline-block; + height: 20px; + padding: 4px 6px; + margin-bottom: 10px; + font-size: 14px; + line-height: 20px; + color: #555555; + vertical-align: middle; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} + +input, +textarea, +.uneditable-input { + width: 206px; +} + +textarea { + height: auto; +} + +textarea, +input[type="text"], +input[type="password"], +input[type="datetime"], +input[type="datetime-local"], +input[type="date"], +input[type="month"], +input[type="time"], +input[type="week"], +input[type="number"], +input[type="email"], +input[type="url"], +input[type="search"], +input[type="tel"], +input[type="color"], +.uneditable-input { + background-color: #ffffff; + border: 1px solid #cccccc; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; + -moz-transition: border linear 0.2s, box-shadow linear 0.2s; + -o-transition: border linear 0.2s, box-shadow linear 0.2s; + transition: border linear 0.2s, box-shadow linear 0.2s; +} + +textarea:focus, +input[type="text"]:focus, +input[type="password"]:focus, +input[type="datetime"]:focus, +input[type="datetime-local"]:focus, +input[type="date"]:focus, +input[type="month"]:focus, +input[type="time"]:focus, +input[type="week"]:focus, +input[type="number"]:focus, +input[type="email"]:focus, +input[type="url"]:focus, +input[type="search"]:focus, +input[type="tel"]:focus, +input[type="color"]:focus, +.uneditable-input:focus { + border-color: rgba(82, 168, 236, 0.8); + outline: 0; + outline: thin dotted \9; + /* IE6-9 */ + + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); +} + +input[type="radio"], +input[type="checkbox"] { + margin: 4px 0 0; + margin-top: 1px \9; + *margin-top: 0; + line-height: normal; +} + +input[type="file"], +input[type="image"], +input[type="submit"], +input[type="reset"], +input[type="button"], +input[type="radio"], +input[type="checkbox"] { + width: auto; +} + +select, +input[type="file"] { + height: 30px; + /* In IE7, the height of the select element cannot be changed by height, only font-size */ + + *margin-top: 4px; + /* For IE7, add top margin to align select with labels */ + + line-height: 30px; +} + +select { + width: 220px; + background-color: #ffffff; + border: 1px solid #cccccc; +} + +select[multiple], +select[size] { + height: auto; +} + +select:focus, +input[type="file"]:focus, +input[type="radio"]:focus, +input[type="checkbox"]:focus { + outline: thin dotted #333; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} + +.uneditable-input, +.uneditable-textarea { + color: #999999; + cursor: not-allowed; + background-color: #fcfcfc; + border-color: #cccccc; + -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); + -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); +} + +.uneditable-input { + overflow: hidden; + white-space: nowrap; +} + +.uneditable-textarea { + width: auto; + height: auto; +} + +input:-moz-placeholder, +textarea:-moz-placeholder { + color: #999999; +} + +input:-ms-input-placeholder, +textarea:-ms-input-placeholder { + color: #999999; +} + +input::-webkit-input-placeholder, +textarea::-webkit-input-placeholder { + color: #999999; +} + +.radio, +.checkbox { + min-height: 20px; + padding-left: 20px; +} + +.radio input[type="radio"], +.checkbox input[type="checkbox"] { + float: left; + margin-left: -20px; +} + +.controls > .radio:first-child, +.controls > .checkbox:first-child { + padding-top: 5px; +} + +.radio.inline, +.checkbox.inline { + display: inline-block; + padding-top: 5px; + margin-bottom: 0; + vertical-align: middle; +} + +.radio.inline + .radio.inline, +.checkbox.inline + .checkbox.inline { + margin-left: 10px; +} + +.input-mini { + width: 60px; +} + +.input-small { + width: 90px; +} + +.input-medium { + width: 150px; +} + +.input-large { + width: 210px; +} + +.input-xlarge { + width: 270px; +} + +.input-xxlarge { + width: 530px; +} + +input[class*="span"], +select[class*="span"], +textarea[class*="span"], +.uneditable-input[class*="span"], +.row-fluid input[class*="span"], +.row-fluid select[class*="span"], +.row-fluid textarea[class*="span"], +.row-fluid .uneditable-input[class*="span"] { + float: none; + margin-left: 0; +} + +.input-append input[class*="span"], +.input-append .uneditable-input[class*="span"], +.input-prepend input[class*="span"], +.input-prepend .uneditable-input[class*="span"], +.row-fluid input[class*="span"], +.row-fluid select[class*="span"], +.row-fluid textarea[class*="span"], +.row-fluid .uneditable-input[class*="span"], +.row-fluid .input-prepend [class*="span"], +.row-fluid .input-append [class*="span"] { + display: inline-block; +} + +input, +textarea, +.uneditable-input { + margin-left: 0; +} + +.controls-row [class*="span"] + [class*="span"] { + margin-left: 20px; +} + +input.span12, +textarea.span12, +.uneditable-input.span12 { + width: 926px; +} + +input.span11, +textarea.span11, +.uneditable-input.span11 { + width: 846px; +} + +input.span10, +textarea.span10, +.uneditable-input.span10 { + width: 766px; +} + +input.span9, +textarea.span9, +.uneditable-input.span9 { + width: 686px; +} + +input.span8, +textarea.span8, +.uneditable-input.span8 { + width: 606px; +} + +input.span7, +textarea.span7, +.uneditable-input.span7 { + width: 526px; +} + +input.span6, +textarea.span6, +.uneditable-input.span6 { + width: 446px; +} + +input.span5, +textarea.span5, +.uneditable-input.span5 { + width: 366px; +} + +input.span4, +textarea.span4, +.uneditable-input.span4 { + width: 286px; +} + +input.span3, +textarea.span3, +.uneditable-input.span3 { + width: 206px; +} + +input.span2, +textarea.span2, +.uneditable-input.span2 { + width: 126px; +} + +input.span1, +textarea.span1, +.uneditable-input.span1 { + width: 46px; +} + +.controls-row { + *zoom: 1; +} + +.controls-row:before, +.controls-row:after { + display: table; + line-height: 0; + content: ""; +} + +.controls-row:after { + clear: both; +} + +.controls-row [class*="span"], +.row-fluid .controls-row [class*="span"] { + float: left; +} + +.controls-row .checkbox[class*="span"], +.controls-row .radio[class*="span"] { + padding-top: 5px; +} + +input[disabled], +select[disabled], +textarea[disabled], +input[readonly], +select[readonly], +textarea[readonly] { + cursor: not-allowed; + background-color: #eeeeee; +} + +input[type="radio"][disabled], +input[type="checkbox"][disabled], +input[type="radio"][readonly], +input[type="checkbox"][readonly] { + background-color: transparent; +} + +.control-group.warning .control-label, +.control-group.warning .help-block, +.control-group.warning .help-inline { + color: #c09853; +} + +.control-group.warning .checkbox, +.control-group.warning .radio, +.control-group.warning input, +.control-group.warning select, +.control-group.warning textarea { + color: #c09853; +} + +.control-group.warning input, +.control-group.warning select, +.control-group.warning textarea { + border-color: #c09853; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); +} + +.control-group.warning input:focus, +.control-group.warning select:focus, +.control-group.warning textarea:focus { + border-color: #a47e3c; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; +} + +.control-group.warning .input-prepend .add-on, +.control-group.warning .input-append .add-on { + color: #c09853; + background-color: #fcf8e3; + border-color: #c09853; +} + +.control-group.error .control-label, +.control-group.error .help-block, +.control-group.error .help-inline { + color: #b94a48; +} + +.control-group.error .checkbox, +.control-group.error .radio, +.control-group.error input, +.control-group.error select, +.control-group.error textarea { + color: #b94a48; +} + +.control-group.error input, +.control-group.error select, +.control-group.error textarea { + border-color: #b94a48; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); +} + +.control-group.error input:focus, +.control-group.error select:focus, +.control-group.error textarea:focus { + border-color: #953b39; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; +} + +.control-group.error .input-prepend .add-on, +.control-group.error .input-append .add-on { + color: #b94a48; + background-color: #f2dede; + border-color: #b94a48; +} + +.control-group.success .control-label, +.control-group.success .help-block, +.control-group.success .help-inline { + color: #468847; +} + +.control-group.success .checkbox, +.control-group.success .radio, +.control-group.success input, +.control-group.success select, +.control-group.success textarea { + color: #468847; +} + +.control-group.success input, +.control-group.success select, +.control-group.success textarea { + border-color: #468847; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); +} + +.control-group.success input:focus, +.control-group.success select:focus, +.control-group.success textarea:focus { + border-color: #356635; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; +} + +.control-group.success .input-prepend .add-on, +.control-group.success .input-append .add-on { + color: #468847; + background-color: #dff0d8; + border-color: #468847; +} + +.control-group.info .control-label, +.control-group.info .help-block, +.control-group.info .help-inline { + color: #3a87ad; +} + +.control-group.info .checkbox, +.control-group.info .radio, +.control-group.info input, +.control-group.info select, +.control-group.info textarea { + color: #3a87ad; +} + +.control-group.info input, +.control-group.info select, +.control-group.info textarea { + border-color: #3a87ad; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); +} + +.control-group.info input:focus, +.control-group.info select:focus, +.control-group.info textarea:focus { + border-color: #2d6987; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; +} + +.control-group.info .input-prepend .add-on, +.control-group.info .input-append .add-on { + color: #3a87ad; + background-color: #d9edf7; + border-color: #3a87ad; +} + +input:focus:invalid, +textarea:focus:invalid, +select:focus:invalid { + color: #b94a48; + border-color: #ee5f5b; +} + +input:focus:invalid:focus, +textarea:focus:invalid:focus, +select:focus:invalid:focus { + border-color: #e9322d; + -webkit-box-shadow: 0 0 6px #f8b9b7; + -moz-box-shadow: 0 0 6px #f8b9b7; + box-shadow: 0 0 6px #f8b9b7; +} + +.form-actions { + padding: 19px 20px 20px; + margin-top: 20px; + margin-bottom: 20px; + background-color: #f5f5f5; + border-top: 1px solid #e5e5e5; + *zoom: 1; +} + +.form-actions:before, +.form-actions:after { + display: table; + line-height: 0; + content: ""; +} + +.form-actions:after { + clear: both; +} + +.help-block, +.help-inline { + color: #595959; +} + +.help-block { + display: block; + margin-bottom: 10px; +} + +.help-inline { + display: inline-block; + *display: inline; + padding-left: 5px; + vertical-align: middle; + *zoom: 1; +} + +.input-append, +.input-prepend { + display: inline-block; + margin-bottom: 10px; + font-size: 0; + white-space: nowrap; + vertical-align: middle; +} + +.input-append input, +.input-prepend input, +.input-append select, +.input-prepend select, +.input-append .uneditable-input, +.input-prepend .uneditable-input, +.input-append .dropdown-menu, +.input-prepend .dropdown-menu, +.input-append .popover, +.input-prepend .popover { + font-size: 14px; +} + +.input-append input, +.input-prepend input, +.input-append select, +.input-prepend select, +.input-append .uneditable-input, +.input-prepend .uneditable-input { + position: relative; + margin-bottom: 0; + *margin-left: 0; + vertical-align: top; + -webkit-border-radius: 0 4px 4px 0; + -moz-border-radius: 0 4px 4px 0; + border-radius: 0 4px 4px 0; +} + +.input-append input:focus, +.input-prepend input:focus, +.input-append select:focus, +.input-prepend select:focus, +.input-append .uneditable-input:focus, +.input-prepend .uneditable-input:focus { + z-index: 2; +} + +.input-append .add-on, +.input-prepend .add-on { + display: inline-block; + width: auto; + height: 20px; + min-width: 16px; + padding: 4px 5px; + font-size: 14px; + font-weight: normal; + line-height: 20px; + text-align: center; + text-shadow: 0 1px 0 #ffffff; + background-color: #eeeeee; + border: 1px solid #ccc; +} + +.input-append .add-on, +.input-prepend .add-on, +.input-append .btn, +.input-prepend .btn, +.input-append .btn-group > .dropdown-toggle, +.input-prepend .btn-group > .dropdown-toggle { + vertical-align: top; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} + +.input-append .active, +.input-prepend .active { + background-color: #a9dba9; + border-color: #46a546; +} + +.input-prepend .add-on, +.input-prepend .btn { + margin-right: -1px; +} + +.input-prepend .add-on:first-child, +.input-prepend .btn:first-child { + -webkit-border-radius: 4px 0 0 4px; + -moz-border-radius: 4px 0 0 4px; + border-radius: 4px 0 0 4px; +} + +.input-append input, +.input-append select, +.input-append .uneditable-input { + -webkit-border-radius: 4px 0 0 4px; + -moz-border-radius: 4px 0 0 4px; + border-radius: 4px 0 0 4px; +} + +.input-append input + .btn-group .btn:last-child, +.input-append select + .btn-group .btn:last-child, +.input-append .uneditable-input + .btn-group .btn:last-child { + -webkit-border-radius: 0 4px 4px 0; + -moz-border-radius: 0 4px 4px 0; + border-radius: 0 4px 4px 0; +} + +.input-append .add-on, +.input-append .btn, +.input-append .btn-group { + margin-left: -1px; +} + +.input-append .add-on:last-child, +.input-append .btn:last-child, +.input-append .btn-group:last-child > .dropdown-toggle { + -webkit-border-radius: 0 4px 4px 0; + -moz-border-radius: 0 4px 4px 0; + border-radius: 0 4px 4px 0; +} + +.input-prepend.input-append input, +.input-prepend.input-append select, +.input-prepend.input-append .uneditable-input { + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} + +.input-prepend.input-append input + .btn-group .btn, +.input-prepend.input-append select + .btn-group .btn, +.input-prepend.input-append .uneditable-input + .btn-group .btn { + -webkit-border-radius: 0 4px 4px 0; + -moz-border-radius: 0 4px 4px 0; + border-radius: 0 4px 4px 0; +} + +.input-prepend.input-append .add-on:first-child, +.input-prepend.input-append .btn:first-child { + margin-right: -1px; + -webkit-border-radius: 4px 0 0 4px; + -moz-border-radius: 4px 0 0 4px; + border-radius: 4px 0 0 4px; +} + +.input-prepend.input-append .add-on:last-child, +.input-prepend.input-append .btn:last-child { + margin-left: -1px; + -webkit-border-radius: 0 4px 4px 0; + -moz-border-radius: 0 4px 4px 0; + border-radius: 0 4px 4px 0; +} + +.input-prepend.input-append .btn-group:first-child { + margin-left: 0; +} + +input.search-query { + padding-right: 14px; + padding-right: 4px \9; + padding-left: 14px; + padding-left: 4px \9; + /* IE7-8 doesn't have border-radius, so don't indent the padding */ + + margin-bottom: 0; + -webkit-border-radius: 15px; + -moz-border-radius: 15px; + border-radius: 15px; +} + +/* Allow for input prepend/append in search forms */ + +.form-search .input-append .search-query, +.form-search .input-prepend .search-query { + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} + +.form-search .input-append .search-query { + -webkit-border-radius: 14px 0 0 14px; + -moz-border-radius: 14px 0 0 14px; + border-radius: 14px 0 0 14px; +} + +.form-search .input-append .btn { + -webkit-border-radius: 0 14px 14px 0; + -moz-border-radius: 0 14px 14px 0; + border-radius: 0 14px 14px 0; +} + +.form-search .input-prepend .search-query { + -webkit-border-radius: 0 14px 14px 0; + -moz-border-radius: 0 14px 14px 0; + border-radius: 0 14px 14px 0; +} + +.form-search .input-prepend .btn { + -webkit-border-radius: 14px 0 0 14px; + -moz-border-radius: 14px 0 0 14px; + border-radius: 14px 0 0 14px; +} + +.form-search input, +.form-inline input, +.form-horizontal input, +.form-search textarea, +.form-inline textarea, +.form-horizontal textarea, +.form-search select, +.form-inline select, +.form-horizontal select, +.form-search .help-inline, +.form-inline .help-inline, +.form-horizontal .help-inline, +.form-search .uneditable-input, +.form-inline .uneditable-input, +.form-horizontal .uneditable-input, +.form-search .input-prepend, +.form-inline .input-prepend, +.form-horizontal .input-prepend, +.form-search .input-append, +.form-inline .input-append, +.form-horizontal .input-append { + display: inline-block; + *display: inline; + margin-bottom: 0; + vertical-align: middle; + *zoom: 1; +} + +.form-search .hide, +.form-inline .hide, +.form-horizontal .hide { + display: none; +} + +.form-search label, +.form-inline label, +.form-search .btn-group, +.form-inline .btn-group { + display: inline-block; +} + +.form-search .input-append, +.form-inline .input-append, +.form-search .input-prepend, +.form-inline .input-prepend { + margin-bottom: 0; +} + +.form-search .radio, +.form-search .checkbox, +.form-inline .radio, +.form-inline .checkbox { + padding-left: 0; + margin-bottom: 0; + vertical-align: middle; +} + +.form-search .radio input[type="radio"], +.form-search .checkbox input[type="checkbox"], +.form-inline .radio input[type="radio"], +.form-inline .checkbox input[type="checkbox"] { + float: left; + margin-right: 3px; + margin-left: 0; +} + +.control-group { + margin-bottom: 10px; +} + +legend + .control-group { + margin-top: 20px; + -webkit-margin-top-collapse: separate; +} + +.form-horizontal .control-group { + margin-bottom: 20px; + *zoom: 1; +} + +.form-horizontal .control-group:before, +.form-horizontal .control-group:after { + display: table; + line-height: 0; + content: ""; +} + +.form-horizontal .control-group:after { + clear: both; +} + +.form-horizontal .control-label { + float: left; + width: 160px; + padding-top: 5px; + text-align: right; +} + +.form-horizontal .controls { + *display: inline-block; + *padding-left: 20px; + margin-left: 180px; + *margin-left: 0; +} + +.form-horizontal .controls:first-child { + *padding-left: 180px; +} + +.form-horizontal .help-block { + margin-bottom: 0; +} + +.form-horizontal input + .help-block, +.form-horizontal select + .help-block, +.form-horizontal textarea + .help-block, +.form-horizontal .uneditable-input + .help-block, +.form-horizontal .input-prepend + .help-block, +.form-horizontal .input-append + .help-block { + margin-top: 10px; +} + +.form-horizontal .form-actions { + padding-left: 180px; +} + +table { + max-width: 100%; + background-color: transparent; + border-collapse: collapse; + border-spacing: 0; +} + +.table { + width: 100%; + margin-bottom: 20px; +} + +.table th, +.table td { + padding: 8px; + line-height: 20px; + text-align: left; + vertical-align: top; + border-top: 1px solid #dddddd; +} + +.table th { + font-weight: bold; +} + +.table thead th { + vertical-align: bottom; +} + +.table caption + thead tr:first-child th, +.table caption + thead tr:first-child td, +.table colgroup + thead tr:first-child th, +.table colgroup + thead tr:first-child td, +.table thead:first-child tr:first-child th, +.table thead:first-child tr:first-child td { + border-top: 0; +} + +.table tbody + tbody { + border-top: 2px solid #dddddd; +} + +.table .table { + background-color: #ffffff; +} + +.table-condensed th, +.table-condensed td { + padding: 4px 5px; +} + +.table-bordered { + border: 1px solid #dddddd; + border-collapse: separate; + *border-collapse: collapse; + border-left: 0; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} + +.table-bordered th, +.table-bordered td { + border-left: 1px solid #dddddd; +} + +.table-bordered caption + thead tr:first-child th, +.table-bordered caption + tbody tr:first-child th, +.table-bordered caption + tbody tr:first-child td, +.table-bordered colgroup + thead tr:first-child th, +.table-bordered colgroup + tbody tr:first-child th, +.table-bordered colgroup + tbody tr:first-child td, +.table-bordered thead:first-child tr:first-child th, +.table-bordered tbody:first-child tr:first-child th, +.table-bordered tbody:first-child tr:first-child td { + border-top: 0; +} + +.table-bordered thead:first-child tr:first-child > th:first-child, +.table-bordered tbody:first-child tr:first-child > td:first-child, +.table-bordered tbody:first-child tr:first-child > th:first-child { + -webkit-border-top-left-radius: 4px; + border-top-left-radius: 4px; + -moz-border-radius-topleft: 4px; +} + +.table-bordered thead:first-child tr:first-child > th:last-child, +.table-bordered tbody:first-child tr:first-child > td:last-child, +.table-bordered tbody:first-child tr:first-child > th:last-child { + -webkit-border-top-right-radius: 4px; + border-top-right-radius: 4px; + -moz-border-radius-topright: 4px; +} + +.table-bordered thead:last-child tr:last-child > th:first-child, +.table-bordered tbody:last-child tr:last-child > td:first-child, +.table-bordered tbody:last-child tr:last-child > th:first-child, +.table-bordered tfoot:last-child tr:last-child > td:first-child, +.table-bordered tfoot:last-child tr:last-child > th:first-child { + -webkit-border-bottom-left-radius: 4px; + border-bottom-left-radius: 4px; + -moz-border-radius-bottomleft: 4px; +} + +.table-bordered thead:last-child tr:last-child > th:last-child, +.table-bordered tbody:last-child tr:last-child > td:last-child, +.table-bordered tbody:last-child tr:last-child > th:last-child, +.table-bordered tfoot:last-child tr:last-child > td:last-child, +.table-bordered tfoot:last-child tr:last-child > th:last-child { + -webkit-border-bottom-right-radius: 4px; + border-bottom-right-radius: 4px; + -moz-border-radius-bottomright: 4px; +} + +.table-bordered tfoot + tbody:last-child tr:last-child td:first-child { + -webkit-border-bottom-left-radius: 0; + border-bottom-left-radius: 0; + -moz-border-radius-bottomleft: 0; +} + +.table-bordered tfoot + tbody:last-child tr:last-child td:last-child { + -webkit-border-bottom-right-radius: 0; + border-bottom-right-radius: 0; + -moz-border-radius-bottomright: 0; +} + +.table-bordered caption + thead tr:first-child th:first-child, +.table-bordered caption + tbody tr:first-child td:first-child, +.table-bordered colgroup + thead tr:first-child th:first-child, +.table-bordered colgroup + tbody tr:first-child td:first-child { + -webkit-border-top-left-radius: 4px; + border-top-left-radius: 4px; + -moz-border-radius-topleft: 4px; +} + +.table-bordered caption + thead tr:first-child th:last-child, +.table-bordered caption + tbody tr:first-child td:last-child, +.table-bordered colgroup + thead tr:first-child th:last-child, +.table-bordered colgroup + tbody tr:first-child td:last-child { + -webkit-border-top-right-radius: 4px; + border-top-right-radius: 4px; + -moz-border-radius-topright: 4px; +} + +.table-striped tbody > tr:nth-child(odd) > td, +.table-striped tbody > tr:nth-child(odd) > th { + background-color: #f9f9f9; +} + +.table-hover tbody tr:hover > td, +.table-hover tbody tr:hover > th { + background-color: #f5f5f5; +} + +table td[class*="span"], +table th[class*="span"], +.row-fluid table td[class*="span"], +.row-fluid table th[class*="span"] { + display: table-cell; + float: none; + margin-left: 0; +} + +.table td.span1, +.table th.span1 { + float: none; + width: 44px; + margin-left: 0; +} + +.table td.span2, +.table th.span2 { + float: none; + width: 124px; + margin-left: 0; +} + +.table td.span3, +.table th.span3 { + float: none; + width: 204px; + margin-left: 0; +} + +.table td.span4, +.table th.span4 { + float: none; + width: 284px; + margin-left: 0; +} + +.table td.span5, +.table th.span5 { + float: none; + width: 364px; + margin-left: 0; +} + +.table td.span6, +.table th.span6 { + float: none; + width: 444px; + margin-left: 0; +} + +.table td.span7, +.table th.span7 { + float: none; + width: 524px; + margin-left: 0; +} + +.table td.span8, +.table th.span8 { + float: none; + width: 604px; + margin-left: 0; +} + +.table td.span9, +.table th.span9 { + float: none; + width: 684px; + margin-left: 0; +} + +.table td.span10, +.table th.span10 { + float: none; + width: 764px; + margin-left: 0; +} + +.table td.span11, +.table th.span11 { + float: none; + width: 844px; + margin-left: 0; +} + +.table td.span12, +.table th.span12 { + float: none; + width: 924px; + margin-left: 0; +} + +.table tbody tr.success > td { + background-color: #dff0d8; +} + +.table tbody tr.error > td { + background-color: #f2dede; +} + +.table tbody tr.warning > td { + background-color: #fcf8e3; +} + +.table tbody tr.info > td { + background-color: #d9edf7; +} + +.table-hover tbody tr.success:hover > td { + background-color: #d0e9c6; +} + +.table-hover tbody tr.error:hover > td { + background-color: #ebcccc; +} + +.table-hover tbody tr.warning:hover > td { + background-color: #faf2cc; +} + +.table-hover tbody tr.info:hover > td { + background-color: #c4e3f3; +} + +[class^="icon-"], +[class*=" icon-"] { + display: inline-block; + width: 14px; + height: 14px; + margin-top: 1px; + *margin-right: .3em; + line-height: 14px; + vertical-align: text-top; + background-image: url("../img/glyphicons-halflings.png"); + background-position: 14px 14px; + background-repeat: no-repeat; +} + +/* White icons with optional class, or on hover/focus/active states of certain elements */ + +.icon-white, +.nav-pills > .active > a > [class^="icon-"], +.nav-pills > .active > a > [class*=" icon-"], +.nav-list > .active > a > [class^="icon-"], +.nav-list > .active > a > [class*=" icon-"], +.navbar-inverse .nav > .active > a > [class^="icon-"], +.navbar-inverse .nav > .active > a > [class*=" icon-"], +.dropdown-menu > li > a:hover > [class^="icon-"], +.dropdown-menu > li > a:focus > [class^="icon-"], +.dropdown-menu > li > a:hover > [class*=" icon-"], +.dropdown-menu > li > a:focus > [class*=" icon-"], +.dropdown-menu > .active > a > [class^="icon-"], +.dropdown-menu > .active > a > [class*=" icon-"], +.dropdown-submenu:hover > a > [class^="icon-"], +.dropdown-submenu:focus > a > [class^="icon-"], +.dropdown-submenu:hover > a > [class*=" icon-"], +.dropdown-submenu:focus > a > [class*=" icon-"] { + background-image: url("../img/glyphicons-halflings-white.png"); +} + +.icon-glass { + background-position: 0 0; +} + +.icon-music { + background-position: -24px 0; +} + +.icon-search { + background-position: -48px 0; +} + +.icon-envelope { + background-position: -72px 0; +} + +.icon-heart { + background-position: -96px 0; +} + +.icon-star { + background-position: -120px 0; +} + +.icon-star-empty { + background-position: -144px 0; +} + +.icon-user { + background-position: -168px 0; +} + +.icon-film { + background-position: -192px 0; +} + +.icon-th-large { + background-position: -216px 0; +} + +.icon-th { + background-position: -240px 0; +} + +.icon-th-list { + background-position: -264px 0; +} + +.icon-ok { + background-position: -288px 0; +} + +.icon-remove { + background-position: -312px 0; +} + +.icon-zoom-in { + background-position: -336px 0; +} + +.icon-zoom-out { + background-position: -360px 0; +} + +.icon-off { + background-position: -384px 0; +} + +.icon-signal { + background-position: -408px 0; +} + +.icon-cog { + background-position: -432px 0; +} + +.icon-trash { + background-position: -456px 0; +} + +.icon-home { + background-position: 0 -24px; +} + +.icon-file { + background-position: -24px -24px; +} + +.icon-time { + background-position: -48px -24px; +} + +.icon-road { + background-position: -72px -24px; +} + +.icon-download-alt { + background-position: -96px -24px; +} + +.icon-download { + background-position: -120px -24px; +} + +.icon-upload { + background-position: -144px -24px; +} + +.icon-inbox { + background-position: -168px -24px; +} + +.icon-play-circle { + background-position: -192px -24px; +} + +.icon-repeat { + background-position: -216px -24px; +} + +.icon-refresh { + background-position: -240px -24px; +} + +.icon-list-alt { + background-position: -264px -24px; +} + +.icon-lock { + background-position: -287px -24px; +} + +.icon-flag { + background-position: -312px -24px; +} + +.icon-headphones { + background-position: -336px -24px; +} + +.icon-volume-off { + background-position: -360px -24px; +} + +.icon-volume-down { + background-position: -384px -24px; +} + +.icon-volume-up { + background-position: -408px -24px; +} + +.icon-qrcode { + background-position: -432px -24px; +} + +.icon-barcode { + background-position: -456px -24px; +} + +.icon-tag { + background-position: 0 -48px; +} + +.icon-tags { + background-position: -25px -48px; +} + +.icon-book { + background-position: -48px -48px; +} + +.icon-bookmark { + background-position: -72px -48px; +} + +.icon-print { + background-position: -96px -48px; +} + +.icon-camera { + background-position: -120px -48px; +} + +.icon-font { + background-position: -144px -48px; +} + +.icon-bold { + background-position: -167px -48px; +} + +.icon-italic { + background-position: -192px -48px; +} + +.icon-text-height { + background-position: -216px -48px; +} + +.icon-text-width { + background-position: -240px -48px; +} + +.icon-align-left { + background-position: -264px -48px; +} + +.icon-align-center { + background-position: -288px -48px; +} + +.icon-align-right { + background-position: -312px -48px; +} + +.icon-align-justify { + background-position: -336px -48px; +} + +.icon-list { + background-position: -360px -48px; +} + +.icon-indent-left { + background-position: -384px -48px; +} + +.icon-indent-right { + background-position: -408px -48px; +} + +.icon-facetime-video { + background-position: -432px -48px; +} + +.icon-picture { + background-position: -456px -48px; +} + +.icon-pencil { + background-position: 0 -72px; +} + +.icon-map-marker { + background-position: -24px -72px; +} + +.icon-adjust { + background-position: -48px -72px; +} + +.icon-tint { + background-position: -72px -72px; +} + +.icon-edit { + background-position: -96px -72px; +} + +.icon-share { + background-position: -120px -72px; +} + +.icon-check { + background-position: -144px -72px; +} + +.icon-move { + background-position: -168px -72px; +} + +.icon-step-backward { + background-position: -192px -72px; +} + +.icon-fast-backward { + background-position: -216px -72px; +} + +.icon-backward { + background-position: -240px -72px; +} + +.icon-play { + background-position: -264px -72px; +} + +.icon-pause { + background-position: -288px -72px; +} + +.icon-stop { + background-position: -312px -72px; +} + +.icon-forward { + background-position: -336px -72px; +} + +.icon-fast-forward { + background-position: -360px -72px; +} + +.icon-step-forward { + background-position: -384px -72px; +} + +.icon-eject { + background-position: -408px -72px; +} + +.icon-chevron-left { + background-position: -432px -72px; +} + +.icon-chevron-right { + background-position: -456px -72px; +} + +.icon-plus-sign { + background-position: 0 -96px; +} + +.icon-minus-sign { + background-position: -24px -96px; +} + +.icon-remove-sign { + background-position: -48px -96px; +} + +.icon-ok-sign { + background-position: -72px -96px; +} + +.icon-question-sign { + background-position: -96px -96px; +} + +.icon-info-sign { + background-position: -120px -96px; +} + +.icon-screenshot { + background-position: -144px -96px; +} + +.icon-remove-circle { + background-position: -168px -96px; +} + +.icon-ok-circle { + background-position: -192px -96px; +} + +.icon-ban-circle { + background-position: -216px -96px; +} + +.icon-arrow-left { + background-position: -240px -96px; +} + +.icon-arrow-right { + background-position: -264px -96px; +} + +.icon-arrow-up { + background-position: -289px -96px; +} + +.icon-arrow-down { + background-position: -312px -96px; +} + +.icon-share-alt { + background-position: -336px -96px; +} + +.icon-resize-full { + background-position: -360px -96px; +} + +.icon-resize-small { + background-position: -384px -96px; +} + +.icon-plus { + background-position: -408px -96px; +} + +.icon-minus { + background-position: -433px -96px; +} + +.icon-asterisk { + background-position: -456px -96px; +} + +.icon-exclamation-sign { + background-position: 0 -120px; +} + +.icon-gift { + background-position: -24px -120px; +} + +.icon-leaf { + background-position: -48px -120px; +} + +.icon-fire { + background-position: -72px -120px; +} + +.icon-eye-open { + background-position: -96px -120px; +} + +.icon-eye-close { + background-position: -120px -120px; +} + +.icon-warning-sign { + background-position: -144px -120px; +} + +.icon-plane { + background-position: -168px -120px; +} + +.icon-calendar { + background-position: -192px -120px; +} + +.icon-random { + width: 16px; + background-position: -216px -120px; +} + +.icon-comment { + background-position: -240px -120px; +} + +.icon-magnet { + background-position: -264px -120px; +} + +.icon-chevron-up { + background-position: -288px -120px; +} + +.icon-chevron-down { + background-position: -313px -119px; +} + +.icon-retweet { + background-position: -336px -120px; +} + +.icon-shopping-cart { + background-position: -360px -120px; +} + +.icon-folder-close { + width: 16px; + background-position: -384px -120px; +} + +.icon-folder-open { + width: 16px; + background-position: -408px -120px; +} + +.icon-resize-vertical { + background-position: -432px -119px; +} + +.icon-resize-horizontal { + background-position: -456px -118px; +} + +.icon-hdd { + background-position: 0 -144px; +} + +.icon-bullhorn { + background-position: -24px -144px; +} + +.icon-bell { + background-position: -48px -144px; +} + +.icon-certificate { + background-position: -72px -144px; +} + +.icon-thumbs-up { + background-position: -96px -144px; +} + +.icon-thumbs-down { + background-position: -120px -144px; +} + +.icon-hand-right { + background-position: -144px -144px; +} + +.icon-hand-left { + background-position: -168px -144px; +} + +.icon-hand-up { + background-position: -192px -144px; +} + +.icon-hand-down { + background-position: -216px -144px; +} + +.icon-circle-arrow-right { + background-position: -240px -144px; +} + +.icon-circle-arrow-left { + background-position: -264px -144px; +} + +.icon-circle-arrow-up { + background-position: -288px -144px; +} + +.icon-circle-arrow-down { + background-position: -312px -144px; +} + +.icon-globe { + background-position: -336px -144px; +} + +.icon-wrench { + background-position: -360px -144px; +} + +.icon-tasks { + background-position: -384px -144px; +} + +.icon-filter { + background-position: -408px -144px; +} + +.icon-briefcase { + background-position: -432px -144px; +} + +.icon-fullscreen { + background-position: -456px -144px; +} + +.dropup, +.dropdown { + position: relative; +} + +.dropdown-toggle { + *margin-bottom: -3px; +} + +.dropdown-toggle:active, +.open .dropdown-toggle { + outline: 0; +} + +.caret { + display: inline-block; + width: 0; + height: 0; + vertical-align: top; + border-top: 4px solid #000000; + border-right: 4px solid transparent; + border-left: 4px solid transparent; + content: ""; +} + +.dropdown .caret { + margin-top: 8px; + margin-left: 2px; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 160px; + padding: 5px 0; + margin: 2px 0 0; + list-style: none; + background-color: #ffffff; + border: 1px solid #ccc; + border: 1px solid rgba(0, 0, 0, 0.2); + *border-right-width: 2px; + *border-bottom-width: 2px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; + -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + -webkit-background-clip: padding-box; + -moz-background-clip: padding; + background-clip: padding-box; +} + +.dropdown-menu.pull-right { + right: 0; + left: auto; +} + +.dropdown-menu .divider { + *width: 100%; + height: 1px; + margin: 9px 1px; + *margin: -5px 0 5px; + overflow: hidden; + background-color: #e5e5e5; + border-bottom: 1px solid #ffffff; +} + +.dropdown-menu > li > a { + display: block; + padding: 3px 20px; + clear: both; + font-weight: normal; + line-height: 20px; + color: #333333; + white-space: nowrap; +} + +.dropdown-menu > li > a:hover, +.dropdown-menu > li > a:focus, +.dropdown-submenu:hover > a, +.dropdown-submenu:focus > a { + color: #ffffff; + text-decoration: none; + background-color: #0081c2; + background-image: -moz-linear-gradient(top, #0088cc, #0077b3); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3)); + background-image: -webkit-linear-gradient(top, #0088cc, #0077b3); + background-image: -o-linear-gradient(top, #0088cc, #0077b3); + background-image: linear-gradient(to bottom, #0088cc, #0077b3); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0); +} + +.dropdown-menu > .active > a, +.dropdown-menu > .active > a:hover, +.dropdown-menu > .active > a:focus { + color: #ffffff; + text-decoration: none; + background-color: #0081c2; + background-image: -moz-linear-gradient(top, #0088cc, #0077b3); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3)); + background-image: -webkit-linear-gradient(top, #0088cc, #0077b3); + background-image: -o-linear-gradient(top, #0088cc, #0077b3); + background-image: linear-gradient(to bottom, #0088cc, #0077b3); + background-repeat: repeat-x; + outline: 0; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0); +} + +.dropdown-menu > .disabled > a, +.dropdown-menu > .disabled > a:hover, +.dropdown-menu > .disabled > a:focus { + color: #999999; +} + +.dropdown-menu > .disabled > a:hover, +.dropdown-menu > .disabled > a:focus { + text-decoration: none; + cursor: default; + background-color: transparent; + background-image: none; + filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); +} + +.open { + *z-index: 1000; +} + +.open > .dropdown-menu { + display: block; +} + +.pull-right > .dropdown-menu { + right: 0; + left: auto; +} + +.dropup .caret, +.navbar-fixed-bottom .dropdown .caret { + border-top: 0; + border-bottom: 4px solid #000000; + content: ""; +} + +.dropup .dropdown-menu, +.navbar-fixed-bottom .dropdown .dropdown-menu { + top: auto; + bottom: 100%; + margin-bottom: 1px; +} + +.dropdown-submenu { + position: relative; +} + +.dropdown-submenu > .dropdown-menu { + top: 0; + left: 100%; + margin-top: -6px; + margin-left: -1px; + -webkit-border-radius: 0 6px 6px 6px; + -moz-border-radius: 0 6px 6px 6px; + border-radius: 0 6px 6px 6px; +} + +.dropdown-submenu:hover > .dropdown-menu { + display: block; +} + +.dropup .dropdown-submenu > .dropdown-menu { + top: auto; + bottom: 0; + margin-top: 0; + margin-bottom: -2px; + -webkit-border-radius: 5px 5px 5px 0; + -moz-border-radius: 5px 5px 5px 0; + border-radius: 5px 5px 5px 0; +} + +.dropdown-submenu > a:after { + display: block; + float: right; + width: 0; + height: 0; + margin-top: 5px; + margin-right: -10px; + border-color: transparent; + border-left-color: #cccccc; + border-style: solid; + border-width: 5px 0 5px 5px; + content: " "; +} + +.dropdown-submenu:hover > a:after { + border-left-color: #ffffff; +} + +.dropdown-submenu.pull-left { + float: none; +} + +.dropdown-submenu.pull-left > .dropdown-menu { + left: -100%; + margin-left: 10px; + -webkit-border-radius: 6px 0 6px 6px; + -moz-border-radius: 6px 0 6px 6px; + border-radius: 6px 0 6px 6px; +} + +.dropdown .dropdown-menu .nav-header { + padding-right: 20px; + padding-left: 20px; +} + +.typeahead { + z-index: 1051; + margin-top: 2px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} + +.well { + min-height: 20px; + padding: 19px; + margin-bottom: 20px; + background-color: #f5f5f5; + border: 1px solid #e3e3e3; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); + -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); +} + +.well blockquote { + border-color: #ddd; + border-color: rgba(0, 0, 0, 0.15); +} + +.well-large { + padding: 24px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; +} + +.well-small { + padding: 9px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} + +.fade { + opacity: 0; + -webkit-transition: opacity 0.15s linear; + -moz-transition: opacity 0.15s linear; + -o-transition: opacity 0.15s linear; + transition: opacity 0.15s linear; +} + +.fade.in { + opacity: 1; +} + +.collapse { + position: relative; + height: 0; + overflow: hidden; + -webkit-transition: height 0.35s ease; + -moz-transition: height 0.35s ease; + -o-transition: height 0.35s ease; + transition: height 0.35s ease; +} + +.collapse.in { + height: auto; +} + +.close { + float: right; + font-size: 20px; + font-weight: bold; + line-height: 20px; + color: #000000; + text-shadow: 0 1px 0 #ffffff; + opacity: 0.2; + filter: alpha(opacity=20); +} + +.close:hover, +.close:focus { + color: #000000; + text-decoration: none; + cursor: pointer; + opacity: 0.4; + filter: alpha(opacity=40); +} + +button.close { + padding: 0; + cursor: pointer; + background: transparent; + border: 0; + -webkit-appearance: none; +} + +.btn { + display: inline-block; + *display: inline; + padding: 4px 12px; + margin-bottom: 0; + *margin-left: .3em; + font-size: 14px; + line-height: 20px; + color: #333333; + text-align: center; + text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); + vertical-align: middle; + cursor: pointer; + background-color: #f5f5f5; + *background-color: #e6e6e6; + background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); + background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); + background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); + background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); + background-repeat: repeat-x; + border: 1px solid #cccccc; + *border: 0; + border-color: #e6e6e6 #e6e6e6 #bfbfbf; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + border-bottom-color: #b3b3b3; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); + *zoom: 1; + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); + -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); +} + +.btn:hover, +.btn:focus, +.btn:active, +.btn.active, +.btn.disabled, +.btn[disabled] { + color: #333333; + background-color: #e6e6e6; + *background-color: #d9d9d9; +} + +.btn:active, +.btn.active { + background-color: #cccccc \9; +} + +.btn:first-child { + *margin-left: 0; +} + +.btn:hover, +.btn:focus { + color: #333333; + text-decoration: none; + background-position: 0 -15px; + -webkit-transition: background-position 0.1s linear; + -moz-transition: background-position 0.1s linear; + -o-transition: background-position 0.1s linear; + transition: background-position 0.1s linear; +} + +.btn:focus { + outline: thin dotted #333; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} + +.btn.active, +.btn:active { + background-image: none; + outline: 0; + -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); + -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); +} + +.btn.disabled, +.btn[disabled] { + cursor: default; + background-image: none; + opacity: 0.65; + filter: alpha(opacity=65); + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} + +.btn-large { + padding: 11px 19px; + font-size: 17.5px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; +} + +.btn-large [class^="icon-"], +.btn-large [class*=" icon-"] { + margin-top: 4px; +} + +.btn-small { + padding: 2px 10px; + font-size: 11.9px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} + +.btn-small [class^="icon-"], +.btn-small [class*=" icon-"] { + margin-top: 0; +} + +.btn-mini [class^="icon-"], +.btn-mini [class*=" icon-"] { + margin-top: -1px; +} + +.btn-mini { + padding: 0 6px; + font-size: 10.5px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} + +.btn-block { + display: block; + width: 100%; + padding-right: 0; + padding-left: 0; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.btn-block + .btn-block { + margin-top: 5px; +} + +input[type="submit"].btn-block, +input[type="reset"].btn-block, +input[type="button"].btn-block { + width: 100%; +} + +.btn-primary.active, +.btn-warning.active, +.btn-danger.active, +.btn-success.active, +.btn-info.active, +.btn-inverse.active { + color: rgba(255, 255, 255, 0.75); +} + +.btn-primary { + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #006dcc; + *background-color: #0044cc; + background-image: -moz-linear-gradient(top, #0088cc, #0044cc); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); + background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); + background-image: -o-linear-gradient(top, #0088cc, #0044cc); + background-image: linear-gradient(to bottom, #0088cc, #0044cc); + background-repeat: repeat-x; + border-color: #0044cc #0044cc #002a80; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); +} + +.btn-primary:hover, +.btn-primary:focus, +.btn-primary:active, +.btn-primary.active, +.btn-primary.disabled, +.btn-primary[disabled] { + color: #ffffff; + background-color: #0044cc; + *background-color: #003bb3; +} + +.btn-primary:active, +.btn-primary.active { + background-color: #003399 \9; +} + +.btn-warning { + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #faa732; + *background-color: #f89406; + background-image: -moz-linear-gradient(top, #fbb450, #f89406); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); + background-image: -webkit-linear-gradient(top, #fbb450, #f89406); + background-image: -o-linear-gradient(top, #fbb450, #f89406); + background-image: linear-gradient(to bottom, #fbb450, #f89406); + background-repeat: repeat-x; + border-color: #f89406 #f89406 #ad6704; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); +} + +.btn-warning:hover, +.btn-warning:focus, +.btn-warning:active, +.btn-warning.active, +.btn-warning.disabled, +.btn-warning[disabled] { + color: #ffffff; + background-color: #f89406; + *background-color: #df8505; +} + +.btn-warning:active, +.btn-warning.active { + background-color: #c67605 \9; +} + +.btn-danger { + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #da4f49; + *background-color: #bd362f; + background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f)); + background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f); + background-image: -o-linear-gradient(top, #ee5f5b, #bd362f); + background-image: linear-gradient(to bottom, #ee5f5b, #bd362f); + background-repeat: repeat-x; + border-color: #bd362f #bd362f #802420; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); +} + +.btn-danger:hover, +.btn-danger:focus, +.btn-danger:active, +.btn-danger.active, +.btn-danger.disabled, +.btn-danger[disabled] { + color: #ffffff; + background-color: #bd362f; + *background-color: #a9302a; +} + +.btn-danger:active, +.btn-danger.active { + background-color: #942a25 \9; +} + +.btn-success { + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #5bb75b; + *background-color: #51a351; + background-image: -moz-linear-gradient(top, #62c462, #51a351); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351)); + background-image: -webkit-linear-gradient(top, #62c462, #51a351); + background-image: -o-linear-gradient(top, #62c462, #51a351); + background-image: linear-gradient(to bottom, #62c462, #51a351); + background-repeat: repeat-x; + border-color: #51a351 #51a351 #387038; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); +} + +.btn-success:hover, +.btn-success:focus, +.btn-success:active, +.btn-success.active, +.btn-success.disabled, +.btn-success[disabled] { + color: #ffffff; + background-color: #51a351; + *background-color: #499249; +} + +.btn-success:active, +.btn-success.active { + background-color: #408140 \9; +} + +.btn-info { + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #49afcd; + *background-color: #2f96b4; + background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4)); + background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4); + background-image: -o-linear-gradient(top, #5bc0de, #2f96b4); + background-image: linear-gradient(to bottom, #5bc0de, #2f96b4); + background-repeat: repeat-x; + border-color: #2f96b4 #2f96b4 #1f6377; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); +} + +.btn-info:hover, +.btn-info:focus, +.btn-info:active, +.btn-info.active, +.btn-info.disabled, +.btn-info[disabled] { + color: #ffffff; + background-color: #2f96b4; + *background-color: #2a85a0; +} + +.btn-info:active, +.btn-info.active { + background-color: #24748c \9; +} + +.btn-inverse { + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #363636; + *background-color: #222222; + background-image: -moz-linear-gradient(top, #444444, #222222); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222)); + background-image: -webkit-linear-gradient(top, #444444, #222222); + background-image: -o-linear-gradient(top, #444444, #222222); + background-image: linear-gradient(to bottom, #444444, #222222); + background-repeat: repeat-x; + border-color: #222222 #222222 #000000; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); +} + +.btn-inverse:hover, +.btn-inverse:focus, +.btn-inverse:active, +.btn-inverse.active, +.btn-inverse.disabled, +.btn-inverse[disabled] { + color: #ffffff; + background-color: #222222; + *background-color: #151515; +} + +.btn-inverse:active, +.btn-inverse.active { + background-color: #080808 \9; +} + +button.btn, +input[type="submit"].btn { + *padding-top: 3px; + *padding-bottom: 3px; +} + +button.btn::-moz-focus-inner, +input[type="submit"].btn::-moz-focus-inner { + padding: 0; + border: 0; +} + +button.btn.btn-large, +input[type="submit"].btn.btn-large { + *padding-top: 7px; + *padding-bottom: 7px; +} + +button.btn.btn-small, +input[type="submit"].btn.btn-small { + *padding-top: 3px; + *padding-bottom: 3px; +} + +button.btn.btn-mini, +input[type="submit"].btn.btn-mini { + *padding-top: 1px; + *padding-bottom: 1px; +} + +.btn-link, +.btn-link:active, +.btn-link[disabled] { + background-color: transparent; + background-image: none; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; +} + +.btn-link { + color: #0088cc; + cursor: pointer; + border-color: transparent; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} + +.btn-link:hover, +.btn-link:focus { + color: #005580; + text-decoration: underline; + background-color: transparent; +} + +.btn-link[disabled]:hover, +.btn-link[disabled]:focus { + color: #333333; + text-decoration: none; +} + +.btn-group { + position: relative; + display: inline-block; + *display: inline; + *margin-left: .3em; + font-size: 0; + white-space: nowrap; + vertical-align: middle; + *zoom: 1; +} + +.btn-group:first-child { + *margin-left: 0; +} + +.btn-group + .btn-group { + margin-left: 5px; +} + +.btn-toolbar { + margin-top: 10px; + margin-bottom: 10px; + font-size: 0; +} + +.btn-toolbar > .btn + .btn, +.btn-toolbar > .btn-group + .btn, +.btn-toolbar > .btn + .btn-group { + margin-left: 5px; +} + +.btn-group > .btn { + position: relative; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} + +.btn-group > .btn + .btn { + margin-left: -1px; +} + +.btn-group > .btn, +.btn-group > .dropdown-menu, +.btn-group > .popover { + font-size: 14px; +} + +.btn-group > .btn-mini { + font-size: 10.5px; +} + +.btn-group > .btn-small { + font-size: 11.9px; +} + +.btn-group > .btn-large { + font-size: 17.5px; +} + +.btn-group > .btn:first-child { + margin-left: 0; + -webkit-border-bottom-left-radius: 4px; + border-bottom-left-radius: 4px; + -webkit-border-top-left-radius: 4px; + border-top-left-radius: 4px; + -moz-border-radius-bottomleft: 4px; + -moz-border-radius-topleft: 4px; +} + +.btn-group > .btn:last-child, +.btn-group > .dropdown-toggle { + -webkit-border-top-right-radius: 4px; + border-top-right-radius: 4px; + -webkit-border-bottom-right-radius: 4px; + border-bottom-right-radius: 4px; + -moz-border-radius-topright: 4px; + -moz-border-radius-bottomright: 4px; +} + +.btn-group > .btn.large:first-child { + margin-left: 0; + -webkit-border-bottom-left-radius: 6px; + border-bottom-left-radius: 6px; + -webkit-border-top-left-radius: 6px; + border-top-left-radius: 6px; + -moz-border-radius-bottomleft: 6px; + -moz-border-radius-topleft: 6px; +} + +.btn-group > .btn.large:last-child, +.btn-group > .large.dropdown-toggle { + -webkit-border-top-right-radius: 6px; + border-top-right-radius: 6px; + -webkit-border-bottom-right-radius: 6px; + border-bottom-right-radius: 6px; + -moz-border-radius-topright: 6px; + -moz-border-radius-bottomright: 6px; +} + +.btn-group > .btn:hover, +.btn-group > .btn:focus, +.btn-group > .btn:active, +.btn-group > .btn.active { + z-index: 2; +} + +.btn-group .dropdown-toggle:active, +.btn-group.open .dropdown-toggle { + outline: 0; +} + +.btn-group > .btn + .dropdown-toggle { + *padding-top: 5px; + padding-right: 8px; + *padding-bottom: 5px; + padding-left: 8px; + -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); + -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); + box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); +} + +.btn-group > .btn-mini + .dropdown-toggle { + *padding-top: 2px; + padding-right: 5px; + *padding-bottom: 2px; + padding-left: 5px; +} + +.btn-group > .btn-small + .dropdown-toggle { + *padding-top: 5px; + *padding-bottom: 4px; +} + +.btn-group > .btn-large + .dropdown-toggle { + *padding-top: 7px; + padding-right: 12px; + *padding-bottom: 7px; + padding-left: 12px; +} + +.btn-group.open .dropdown-toggle { + background-image: none; + -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); + -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); +} + +.btn-group.open .btn.dropdown-toggle { + background-color: #e6e6e6; +} + +.btn-group.open .btn-primary.dropdown-toggle { + background-color: #0044cc; +} + +.btn-group.open .btn-warning.dropdown-toggle { + background-color: #f89406; +} + +.btn-group.open .btn-danger.dropdown-toggle { + background-color: #bd362f; +} + +.btn-group.open .btn-success.dropdown-toggle { + background-color: #51a351; +} + +.btn-group.open .btn-info.dropdown-toggle { + background-color: #2f96b4; +} + +.btn-group.open .btn-inverse.dropdown-toggle { + background-color: #222222; +} + +.btn .caret { + margin-top: 8px; + margin-left: 0; +} + +.btn-large .caret { + margin-top: 6px; +} + +.btn-large .caret { + border-top-width: 5px; + border-right-width: 5px; + border-left-width: 5px; +} + +.btn-mini .caret, +.btn-small .caret { + margin-top: 8px; +} + +.dropup .btn-large .caret { + border-bottom-width: 5px; +} + +.btn-primary .caret, +.btn-warning .caret, +.btn-danger .caret, +.btn-info .caret, +.btn-success .caret, +.btn-inverse .caret { + border-top-color: #ffffff; + border-bottom-color: #ffffff; +} + +.btn-group-vertical { + display: inline-block; + *display: inline; + /* IE7 inline-block hack */ + + *zoom: 1; +} + +.btn-group-vertical > .btn { + display: block; + float: none; + max-width: 100%; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} + +.btn-group-vertical > .btn + .btn { + margin-top: -1px; + margin-left: 0; +} + +.btn-group-vertical > .btn:first-child { + -webkit-border-radius: 4px 4px 0 0; + -moz-border-radius: 4px 4px 0 0; + border-radius: 4px 4px 0 0; +} + +.btn-group-vertical > .btn:last-child { + -webkit-border-radius: 0 0 4px 4px; + -moz-border-radius: 0 0 4px 4px; + border-radius: 0 0 4px 4px; +} + +.btn-group-vertical > .btn-large:first-child { + -webkit-border-radius: 6px 6px 0 0; + -moz-border-radius: 6px 6px 0 0; + border-radius: 6px 6px 0 0; +} + +.btn-group-vertical > .btn-large:last-child { + -webkit-border-radius: 0 0 6px 6px; + -moz-border-radius: 0 0 6px 6px; + border-radius: 0 0 6px 6px; +} + +.alert { + padding: 8px 35px 8px 14px; + margin-bottom: 20px; + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); + background-color: #fcf8e3; + border: 1px solid #fbeed5; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} + +.alert, +.alert h4 { + color: #c09853; +} + +.alert h4 { + margin: 0; +} + +.alert .close { + position: relative; + top: -2px; + right: -21px; + line-height: 20px; +} + +.alert-success { + color: #468847; + background-color: #dff0d8; + border-color: #d6e9c6; +} + +.alert-success h4 { + color: #468847; +} + +.alert-danger, +.alert-error { + color: #b94a48; + background-color: #f2dede; + border-color: #eed3d7; +} + +.alert-danger h4, +.alert-error h4 { + color: #b94a48; +} + +.alert-info { + color: #3a87ad; + background-color: #d9edf7; + border-color: #bce8f1; +} + +.alert-info h4 { + color: #3a87ad; +} + +.alert-block { + padding-top: 14px; + padding-bottom: 14px; +} + +.alert-block > p, +.alert-block > ul { + margin-bottom: 0; +} + +.alert-block p + p { + margin-top: 5px; +} + +.nav { + margin-bottom: 20px; + margin-left: 0; + list-style: none; +} + +.nav > li > a { + display: block; +} + +.nav > li > a:hover, +.nav > li > a:focus { + text-decoration: none; + background-color: #eeeeee; +} + +.nav > li > a > img { + max-width: none; +} + +.nav > .pull-right { + float: right; +} + +.nav-header { + display: block; + padding: 3px 15px; + font-size: 11px; + font-weight: bold; + line-height: 20px; + color: #999999; + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); + text-transform: uppercase; +} + +.nav li + .nav-header { + margin-top: 9px; +} + +.nav-list { + padding-right: 15px; + padding-left: 15px; + margin-bottom: 0; +} + +.nav-list > li > a, +.nav-list .nav-header { + margin-right: -15px; + margin-left: -15px; + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); +} + +.nav-list > li > a { + padding: 3px 15px; +} + +.nav-list > .active > a, +.nav-list > .active > a:hover, +.nav-list > .active > a:focus { + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); + background-color: #0088cc; +} + +.nav-list [class^="icon-"], +.nav-list [class*=" icon-"] { + margin-right: 2px; +} + +.nav-list .divider { + *width: 100%; + height: 1px; + margin: 9px 1px; + *margin: -5px 0 5px; + overflow: hidden; + background-color: #e5e5e5; + border-bottom: 1px solid #ffffff; +} + +.nav-tabs, +.nav-pills { + *zoom: 1; +} + +.nav-tabs:before, +.nav-pills:before, +.nav-tabs:after, +.nav-pills:after { + display: table; + line-height: 0; + content: ""; +} + +.nav-tabs:after, +.nav-pills:after { + clear: both; +} + +.nav-tabs > li, +.nav-pills > li { + float: left; +} + +.nav-tabs > li > a, +.nav-pills > li > a { + padding-right: 12px; + padding-left: 12px; + margin-right: 2px; + line-height: 14px; +} + +.nav-tabs { + border-bottom: 1px solid #ddd; +} + +.nav-tabs > li { + margin-bottom: -1px; +} + +.nav-tabs > li > a { + padding-top: 8px; + padding-bottom: 8px; + line-height: 20px; + border: 1px solid transparent; + -webkit-border-radius: 4px 4px 0 0; + -moz-border-radius: 4px 4px 0 0; + border-radius: 4px 4px 0 0; +} + +.nav-tabs > li > a:hover, +.nav-tabs > li > a:focus { + border-color: #eeeeee #eeeeee #dddddd; +} + +.nav-tabs > .active > a, +.nav-tabs > .active > a:hover, +.nav-tabs > .active > a:focus { + color: #555555; + cursor: default; + background-color: #ffffff; + border: 1px solid #ddd; + border-bottom-color: transparent; +} + +.nav-pills > li > a { + padding-top: 8px; + padding-bottom: 8px; + margin-top: 2px; + margin-bottom: 2px; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; +} + +.nav-pills > .active > a, +.nav-pills > .active > a:hover, +.nav-pills > .active > a:focus { + color: #ffffff; + background-color: #0088cc; +} + +.nav-stacked > li { + float: none; +} + +.nav-stacked > li > a { + margin-right: 0; +} + +.nav-tabs.nav-stacked { + border-bottom: 0; +} + +.nav-tabs.nav-stacked > li > a { + border: 1px solid #ddd; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} + +.nav-tabs.nav-stacked > li:first-child > a { + -webkit-border-top-right-radius: 4px; + border-top-right-radius: 4px; + -webkit-border-top-left-radius: 4px; + border-top-left-radius: 4px; + -moz-border-radius-topright: 4px; + -moz-border-radius-topleft: 4px; +} + +.nav-tabs.nav-stacked > li:last-child > a { + -webkit-border-bottom-right-radius: 4px; + border-bottom-right-radius: 4px; + -webkit-border-bottom-left-radius: 4px; + border-bottom-left-radius: 4px; + -moz-border-radius-bottomright: 4px; + -moz-border-radius-bottomleft: 4px; +} + +.nav-tabs.nav-stacked > li > a:hover, +.nav-tabs.nav-stacked > li > a:focus { + z-index: 2; + border-color: #ddd; +} + +.nav-pills.nav-stacked > li > a { + margin-bottom: 3px; +} + +.nav-pills.nav-stacked > li:last-child > a { + margin-bottom: 1px; +} + +.nav-tabs .dropdown-menu { + -webkit-border-radius: 0 0 6px 6px; + -moz-border-radius: 0 0 6px 6px; + border-radius: 0 0 6px 6px; +} + +.nav-pills .dropdown-menu { + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; +} + +.nav .dropdown-toggle .caret { + margin-top: 6px; + border-top-color: #0088cc; + border-bottom-color: #0088cc; +} + +.nav .dropdown-toggle:hover .caret, +.nav .dropdown-toggle:focus .caret { + border-top-color: #005580; + border-bottom-color: #005580; +} + +/* move down carets for tabs */ + +.nav-tabs .dropdown-toggle .caret { + margin-top: 8px; +} + +.nav .active .dropdown-toggle .caret { + border-top-color: #fff; + border-bottom-color: #fff; +} + +.nav-tabs .active .dropdown-toggle .caret { + border-top-color: #555555; + border-bottom-color: #555555; +} + +.nav > .dropdown.active > a:hover, +.nav > .dropdown.active > a:focus { + cursor: pointer; +} + +.nav-tabs .open .dropdown-toggle, +.nav-pills .open .dropdown-toggle, +.nav > li.dropdown.open.active > a:hover, +.nav > li.dropdown.open.active > a:focus { + color: #ffffff; + background-color: #999999; + border-color: #999999; +} + +.nav li.dropdown.open .caret, +.nav li.dropdown.open.active .caret, +.nav li.dropdown.open a:hover .caret, +.nav li.dropdown.open a:focus .caret { + border-top-color: #ffffff; + border-bottom-color: #ffffff; + opacity: 1; + filter: alpha(opacity=100); +} + +.tabs-stacked .open > a:hover, +.tabs-stacked .open > a:focus { + border-color: #999999; +} + +.tabbable { + *zoom: 1; +} + +.tabbable:before, +.tabbable:after { + display: table; + line-height: 0; + content: ""; +} + +.tabbable:after { + clear: both; +} + +.tab-content { + overflow: auto; +} + +.tabs-below > .nav-tabs, +.tabs-right > .nav-tabs, +.tabs-left > .nav-tabs { + border-bottom: 0; +} + +.tab-content > .tab-pane, +.pill-content > .pill-pane { + display: none; +} + +.tab-content > .active, +.pill-content > .active { + display: block; +} + +.tabs-below > .nav-tabs { + border-top: 1px solid #ddd; +} + +.tabs-below > .nav-tabs > li { + margin-top: -1px; + margin-bottom: 0; +} + +.tabs-below > .nav-tabs > li > a { + -webkit-border-radius: 0 0 4px 4px; + -moz-border-radius: 0 0 4px 4px; + border-radius: 0 0 4px 4px; +} + +.tabs-below > .nav-tabs > li > a:hover, +.tabs-below > .nav-tabs > li > a:focus { + border-top-color: #ddd; + border-bottom-color: transparent; +} + +.tabs-below > .nav-tabs > .active > a, +.tabs-below > .nav-tabs > .active > a:hover, +.tabs-below > .nav-tabs > .active > a:focus { + border-color: transparent #ddd #ddd #ddd; +} + +.tabs-left > .nav-tabs > li, +.tabs-right > .nav-tabs > li { + float: none; +} + +.tabs-left > .nav-tabs > li > a, +.tabs-right > .nav-tabs > li > a { + min-width: 74px; + margin-right: 0; + margin-bottom: 3px; +} + +.tabs-left > .nav-tabs { + float: left; + margin-right: 19px; + border-right: 1px solid #ddd; +} + +.tabs-left > .nav-tabs > li > a { + margin-right: -1px; + -webkit-border-radius: 4px 0 0 4px; + -moz-border-radius: 4px 0 0 4px; + border-radius: 4px 0 0 4px; +} + +.tabs-left > .nav-tabs > li > a:hover, +.tabs-left > .nav-tabs > li > a:focus { + border-color: #eeeeee #dddddd #eeeeee #eeeeee; +} + +.tabs-left > .nav-tabs .active > a, +.tabs-left > .nav-tabs .active > a:hover, +.tabs-left > .nav-tabs .active > a:focus { + border-color: #ddd transparent #ddd #ddd; + *border-right-color: #ffffff; +} + +.tabs-right > .nav-tabs { + float: right; + margin-left: 19px; + border-left: 1px solid #ddd; +} + +.tabs-right > .nav-tabs > li > a { + margin-left: -1px; + -webkit-border-radius: 0 4px 4px 0; + -moz-border-radius: 0 4px 4px 0; + border-radius: 0 4px 4px 0; +} + +.tabs-right > .nav-tabs > li > a:hover, +.tabs-right > .nav-tabs > li > a:focus { + border-color: #eeeeee #eeeeee #eeeeee #dddddd; +} + +.tabs-right > .nav-tabs .active > a, +.tabs-right > .nav-tabs .active > a:hover, +.tabs-right > .nav-tabs .active > a:focus { + border-color: #ddd #ddd #ddd transparent; + *border-left-color: #ffffff; +} + +.nav > .disabled > a { + color: #999999; +} + +.nav > .disabled > a:hover, +.nav > .disabled > a:focus { + text-decoration: none; + cursor: default; + background-color: transparent; +} + +.navbar { + *position: relative; + *z-index: 2; + margin-bottom: 20px; + overflow: visible; +} + +.navbar-inner { + min-height: 40px; + padding-right: 20px; + padding-left: 20px; + background-color: #fafafa; + background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2)); + background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2); + background-image: -o-linear-gradient(top, #ffffff, #f2f2f2); + background-image: linear-gradient(to bottom, #ffffff, #f2f2f2); + background-repeat: repeat-x; + border: 1px solid #d4d4d4; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0); + *zoom: 1; + -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); + -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); + box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065); +} + +.navbar-inner:before, +.navbar-inner:after { + display: table; + line-height: 0; + content: ""; +} + +.navbar-inner:after { + clear: both; +} + +.navbar .container { + width: auto; +} + +.nav-collapse.collapse { + height: auto; + overflow: visible; +} + +.navbar .brand { + display: block; + float: left; + padding: 10px 20px 10px; + margin-left: -20px; + font-size: 20px; + font-weight: 200; + color: #777777; + text-shadow: 0 1px 0 #ffffff; +} + +.navbar .brand:hover, +.navbar .brand:focus { + text-decoration: none; +} + +.navbar-text { + margin-bottom: 0; + line-height: 40px; + color: #777777; +} + +.navbar-link { + color: #777777; +} + +.navbar-link:hover, +.navbar-link:focus { + color: #333333; +} + +.navbar .divider-vertical { + height: 40px; + margin: 0 9px; + border-right: 1px solid #ffffff; + border-left: 1px solid #f2f2f2; +} + +.navbar .btn, +.navbar .btn-group { + margin-top: 5px; +} + +.navbar .btn-group .btn, +.navbar .input-prepend .btn, +.navbar .input-append .btn, +.navbar .input-prepend .btn-group, +.navbar .input-append .btn-group { + margin-top: 0; +} + +.navbar-form { + margin-bottom: 0; + *zoom: 1; +} + +.navbar-form:before, +.navbar-form:after { + display: table; + line-height: 0; + content: ""; +} + +.navbar-form:after { + clear: both; +} + +.navbar-form input, +.navbar-form select, +.navbar-form .radio, +.navbar-form .checkbox { + margin-top: 5px; +} + +.navbar-form input, +.navbar-form select, +.navbar-form .btn { + display: inline-block; + margin-bottom: 0; +} + +.navbar-form input[type="image"], +.navbar-form input[type="checkbox"], +.navbar-form input[type="radio"] { + margin-top: 3px; +} + +.navbar-form .input-append, +.navbar-form .input-prepend { + margin-top: 5px; + white-space: nowrap; +} + +.navbar-form .input-append input, +.navbar-form .input-prepend input { + margin-top: 0; +} + +.navbar-search { + position: relative; + float: left; + margin-top: 5px; + margin-bottom: 0; +} + +.navbar-search .search-query { + padding: 4px 14px; + margin-bottom: 0; + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 13px; + font-weight: normal; + line-height: 1; + -webkit-border-radius: 15px; + -moz-border-radius: 15px; + border-radius: 15px; +} + +.navbar-static-top { + position: static; + margin-bottom: 0; +} + +.navbar-static-top .navbar-inner { + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} + +.navbar-fixed-top, +.navbar-fixed-bottom { + position: fixed; + right: 0; + left: 0; + z-index: 1030; + margin-bottom: 0; +} + +.navbar-fixed-top .navbar-inner, +.navbar-static-top .navbar-inner { + border-width: 0 0 1px; +} + +.navbar-fixed-bottom .navbar-inner { + border-width: 1px 0 0; +} + +.navbar-fixed-top .navbar-inner, +.navbar-fixed-bottom .navbar-inner { + padding-right: 0; + padding-left: 0; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} + +.navbar-static-top .container, +.navbar-fixed-top .container, +.navbar-fixed-bottom .container { + width: 940px; +} + +.navbar-fixed-top { + top: 0; +} + +.navbar-fixed-top .navbar-inner, +.navbar-static-top .navbar-inner { + -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); + box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); +} + +.navbar-fixed-bottom { + bottom: 0; +} + +.navbar-fixed-bottom .navbar-inner { + -webkit-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1); + -moz-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1); + box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1); +} + +.navbar .nav { + position: relative; + left: 0; + display: block; + float: left; + margin: 0 10px 0 0; +} + +.navbar .nav.pull-right { + float: right; + margin-right: 0; +} + +.navbar .nav > li { + float: left; +} + +.navbar .nav > li > a { + float: none; + padding: 10px 15px 10px; + color: #777777; + text-decoration: none; + text-shadow: 0 1px 0 #ffffff; +} + +.navbar .nav .dropdown-toggle .caret { + margin-top: 8px; +} + +.navbar .nav > li > a:focus, +.navbar .nav > li > a:hover { + color: #333333; + text-decoration: none; + background-color: transparent; +} + +.navbar .nav > .active > a, +.navbar .nav > .active > a:hover, +.navbar .nav > .active > a:focus { + color: #555555; + text-decoration: none; + background-color: #e5e5e5; + -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); + -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); +} + +.navbar .btn-navbar { + display: none; + float: right; + padding: 7px 10px; + margin-right: 5px; + margin-left: 5px; + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #ededed; + *background-color: #e5e5e5; + background-image: -moz-linear-gradient(top, #f2f2f2, #e5e5e5); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#e5e5e5)); + background-image: -webkit-linear-gradient(top, #f2f2f2, #e5e5e5); + background-image: -o-linear-gradient(top, #f2f2f2, #e5e5e5); + background-image: linear-gradient(to bottom, #f2f2f2, #e5e5e5); + background-repeat: repeat-x; + border-color: #e5e5e5 #e5e5e5 #bfbfbf; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffe5e5e5', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075); + -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075); + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075); +} + +.navbar .btn-navbar:hover, +.navbar .btn-navbar:focus, +.navbar .btn-navbar:active, +.navbar .btn-navbar.active, +.navbar .btn-navbar.disabled, +.navbar .btn-navbar[disabled] { + color: #ffffff; + background-color: #e5e5e5; + *background-color: #d9d9d9; +} + +.navbar .btn-navbar:active, +.navbar .btn-navbar.active { + background-color: #cccccc \9; +} + +.navbar .btn-navbar .icon-bar { + display: block; + width: 18px; + height: 2px; + background-color: #f5f5f5; + -webkit-border-radius: 1px; + -moz-border-radius: 1px; + border-radius: 1px; + -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); + -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); + box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); +} + +.btn-navbar .icon-bar + .icon-bar { + margin-top: 3px; +} + +.navbar .nav > li > .dropdown-menu:before { + position: absolute; + top: -7px; + left: 9px; + display: inline-block; + border-right: 7px solid transparent; + border-bottom: 7px solid #ccc; + border-left: 7px solid transparent; + border-bottom-color: rgba(0, 0, 0, 0.2); + content: ''; +} + +.navbar .nav > li > .dropdown-menu:after { + position: absolute; + top: -6px; + left: 10px; + display: inline-block; + border-right: 6px solid transparent; + border-bottom: 6px solid #ffffff; + border-left: 6px solid transparent; + content: ''; +} + +.navbar-fixed-bottom .nav > li > .dropdown-menu:before { + top: auto; + bottom: -7px; + border-top: 7px solid #ccc; + border-bottom: 0; + border-top-color: rgba(0, 0, 0, 0.2); +} + +.navbar-fixed-bottom .nav > li > .dropdown-menu:after { + top: auto; + bottom: -6px; + border-top: 6px solid #ffffff; + border-bottom: 0; +} + +.navbar .nav li.dropdown > a:hover .caret, +.navbar .nav li.dropdown > a:focus .caret { + border-top-color: #333333; + border-bottom-color: #333333; +} + +.navbar .nav li.dropdown.open > .dropdown-toggle, +.navbar .nav li.dropdown.active > .dropdown-toggle, +.navbar .nav li.dropdown.open.active > .dropdown-toggle { + color: #555555; + background-color: #e5e5e5; +} + +.navbar .nav li.dropdown > .dropdown-toggle .caret { + border-top-color: #777777; + border-bottom-color: #777777; +} + +.navbar .nav li.dropdown.open > .dropdown-toggle .caret, +.navbar .nav li.dropdown.active > .dropdown-toggle .caret, +.navbar .nav li.dropdown.open.active > .dropdown-toggle .caret { + border-top-color: #555555; + border-bottom-color: #555555; +} + +.navbar .pull-right > li > .dropdown-menu, +.navbar .nav > li > .dropdown-menu.pull-right { + right: 0; + left: auto; +} + +.navbar .pull-right > li > .dropdown-menu:before, +.navbar .nav > li > .dropdown-menu.pull-right:before { + right: 12px; + left: auto; +} + +.navbar .pull-right > li > .dropdown-menu:after, +.navbar .nav > li > .dropdown-menu.pull-right:after { + right: 13px; + left: auto; +} + +.navbar .pull-right > li > .dropdown-menu .dropdown-menu, +.navbar .nav > li > .dropdown-menu.pull-right .dropdown-menu { + right: 100%; + left: auto; + margin-right: -1px; + margin-left: 0; + -webkit-border-radius: 6px 0 6px 6px; + -moz-border-radius: 6px 0 6px 6px; + border-radius: 6px 0 6px 6px; +} + +.navbar-inverse .navbar-inner { + background-color: #1b1b1b; + background-image: -moz-linear-gradient(top, #222222, #111111); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#111111)); + background-image: -webkit-linear-gradient(top, #222222, #111111); + background-image: -o-linear-gradient(top, #222222, #111111); + background-image: linear-gradient(to bottom, #222222, #111111); + background-repeat: repeat-x; + border-color: #252525; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0); +} + +.navbar-inverse .brand, +.navbar-inverse .nav > li > a { + color: #999999; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); +} + +.navbar-inverse .brand:hover, +.navbar-inverse .nav > li > a:hover, +.navbar-inverse .brand:focus, +.navbar-inverse .nav > li > a:focus { + color: #ffffff; +} + +.navbar-inverse .brand { + color: #999999; +} + +.navbar-inverse .navbar-text { + color: #999999; +} + +.navbar-inverse .nav > li > a:focus, +.navbar-inverse .nav > li > a:hover { + color: #ffffff; + background-color: transparent; +} + +.navbar-inverse .nav .active > a, +.navbar-inverse .nav .active > a:hover, +.navbar-inverse .nav .active > a:focus { + color: #ffffff; + background-color: #111111; +} + +.navbar-inverse .navbar-link { + color: #999999; +} + +.navbar-inverse .navbar-link:hover, +.navbar-inverse .navbar-link:focus { + color: #ffffff; +} + +.navbar-inverse .divider-vertical { + border-right-color: #222222; + border-left-color: #111111; +} + +.navbar-inverse .nav li.dropdown.open > .dropdown-toggle, +.navbar-inverse .nav li.dropdown.active > .dropdown-toggle, +.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle { + color: #ffffff; + background-color: #111111; +} + +.navbar-inverse .nav li.dropdown > a:hover .caret, +.navbar-inverse .nav li.dropdown > a:focus .caret { + border-top-color: #ffffff; + border-bottom-color: #ffffff; +} + +.navbar-inverse .nav li.dropdown > .dropdown-toggle .caret { + border-top-color: #999999; + border-bottom-color: #999999; +} + +.navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret, +.navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret, +.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle .caret { + border-top-color: #ffffff; + border-bottom-color: #ffffff; +} + +.navbar-inverse .navbar-search .search-query { + color: #ffffff; + background-color: #515151; + border-color: #111111; + -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15); + -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15); + -webkit-transition: none; + -moz-transition: none; + -o-transition: none; + transition: none; +} + +.navbar-inverse .navbar-search .search-query:-moz-placeholder { + color: #cccccc; +} + +.navbar-inverse .navbar-search .search-query:-ms-input-placeholder { + color: #cccccc; +} + +.navbar-inverse .navbar-search .search-query::-webkit-input-placeholder { + color: #cccccc; +} + +.navbar-inverse .navbar-search .search-query:focus, +.navbar-inverse .navbar-search .search-query.focused { + padding: 5px 15px; + color: #333333; + text-shadow: 0 1px 0 #ffffff; + background-color: #ffffff; + border: 0; + outline: 0; + -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); + -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); + box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); +} + +.navbar-inverse .btn-navbar { + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #0e0e0e; + *background-color: #040404; + background-image: -moz-linear-gradient(top, #151515, #040404); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#151515), to(#040404)); + background-image: -webkit-linear-gradient(top, #151515, #040404); + background-image: -o-linear-gradient(top, #151515, #040404); + background-image: linear-gradient(to bottom, #151515, #040404); + background-repeat: repeat-x; + border-color: #040404 #040404 #000000; + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff151515', endColorstr='#ff040404', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); +} + +.navbar-inverse .btn-navbar:hover, +.navbar-inverse .btn-navbar:focus, +.navbar-inverse .btn-navbar:active, +.navbar-inverse .btn-navbar.active, +.navbar-inverse .btn-navbar.disabled, +.navbar-inverse .btn-navbar[disabled] { + color: #ffffff; + background-color: #040404; + *background-color: #000000; +} + +.navbar-inverse .btn-navbar:active, +.navbar-inverse .btn-navbar.active { + background-color: #000000 \9; +} + +.breadcrumb { + padding: 8px 15px; + margin: 0 0 20px; + list-style: none; + background-color: #f5f5f5; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} + +.breadcrumb > li { + display: inline-block; + *display: inline; + text-shadow: 0 1px 0 #ffffff; + *zoom: 1; +} + +.breadcrumb > li > .divider { + padding: 0 5px; + color: #ccc; +} + +.breadcrumb > .active { + color: #999999; +} + +.pagination { + margin: 20px 0; +} + +.pagination ul { + display: inline-block; + *display: inline; + margin-bottom: 0; + margin-left: 0; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + *zoom: 1; + -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); + -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); +} + +.pagination ul > li { + display: inline; +} + +.pagination ul > li > a, +.pagination ul > li > span { + float: left; + padding: 4px 12px; + line-height: 20px; + text-decoration: none; + background-color: #ffffff; + border: 1px solid #dddddd; + border-left-width: 0; +} + +.pagination ul > li > a:hover, +.pagination ul > li > a:focus, +.pagination ul > .active > a, +.pagination ul > .active > span { + background-color: #f5f5f5; +} + +.pagination ul > .active > a, +.pagination ul > .active > span { + color: #999999; + cursor: default; +} + +.pagination ul > .disabled > span, +.pagination ul > .disabled > a, +.pagination ul > .disabled > a:hover, +.pagination ul > .disabled > a:focus { + color: #999999; + cursor: default; + background-color: transparent; +} + +.pagination ul > li:first-child > a, +.pagination ul > li:first-child > span { + border-left-width: 1px; + -webkit-border-bottom-left-radius: 4px; + border-bottom-left-radius: 4px; + -webkit-border-top-left-radius: 4px; + border-top-left-radius: 4px; + -moz-border-radius-bottomleft: 4px; + -moz-border-radius-topleft: 4px; +} + +.pagination ul > li:last-child > a, +.pagination ul > li:last-child > span { + -webkit-border-top-right-radius: 4px; + border-top-right-radius: 4px; + -webkit-border-bottom-right-radius: 4px; + border-bottom-right-radius: 4px; + -moz-border-radius-topright: 4px; + -moz-border-radius-bottomright: 4px; +} + +.pagination-centered { + text-align: center; +} + +.pagination-right { + text-align: right; +} + +.pagination-large ul > li > a, +.pagination-large ul > li > span { + padding: 11px 19px; + font-size: 17.5px; +} + +.pagination-large ul > li:first-child > a, +.pagination-large ul > li:first-child > span { + -webkit-border-bottom-left-radius: 6px; + border-bottom-left-radius: 6px; + -webkit-border-top-left-radius: 6px; + border-top-left-radius: 6px; + -moz-border-radius-bottomleft: 6px; + -moz-border-radius-topleft: 6px; +} + +.pagination-large ul > li:last-child > a, +.pagination-large ul > li:last-child > span { + -webkit-border-top-right-radius: 6px; + border-top-right-radius: 6px; + -webkit-border-bottom-right-radius: 6px; + border-bottom-right-radius: 6px; + -moz-border-radius-topright: 6px; + -moz-border-radius-bottomright: 6px; +} + +.pagination-mini ul > li:first-child > a, +.pagination-small ul > li:first-child > a, +.pagination-mini ul > li:first-child > span, +.pagination-small ul > li:first-child > span { + -webkit-border-bottom-left-radius: 3px; + border-bottom-left-radius: 3px; + -webkit-border-top-left-radius: 3px; + border-top-left-radius: 3px; + -moz-border-radius-bottomleft: 3px; + -moz-border-radius-topleft: 3px; +} + +.pagination-mini ul > li:last-child > a, +.pagination-small ul > li:last-child > a, +.pagination-mini ul > li:last-child > span, +.pagination-small ul > li:last-child > span { + -webkit-border-top-right-radius: 3px; + border-top-right-radius: 3px; + -webkit-border-bottom-right-radius: 3px; + border-bottom-right-radius: 3px; + -moz-border-radius-topright: 3px; + -moz-border-radius-bottomright: 3px; +} + +.pagination-small ul > li > a, +.pagination-small ul > li > span { + padding: 2px 10px; + font-size: 11.9px; +} + +.pagination-mini ul > li > a, +.pagination-mini ul > li > span { + padding: 0 6px; + font-size: 10.5px; +} + +.pager { + margin: 20px 0; + text-align: center; + list-style: none; + *zoom: 1; +} + +.pager:before, +.pager:after { + display: table; + line-height: 0; + content: ""; +} + +.pager:after { + clear: both; +} + +.pager li { + display: inline; +} + +.pager li > a, +.pager li > span { + display: inline-block; + padding: 5px 14px; + background-color: #fff; + border: 1px solid #ddd; + -webkit-border-radius: 15px; + -moz-border-radius: 15px; + border-radius: 15px; +} + +.pager li > a:hover, +.pager li > a:focus { + text-decoration: none; + background-color: #f5f5f5; +} + +.pager .next > a, +.pager .next > span { + float: right; +} + +.pager .previous > a, +.pager .previous > span { + float: left; +} + +.pager .disabled > a, +.pager .disabled > a:hover, +.pager .disabled > a:focus, +.pager .disabled > span { + color: #999999; + cursor: default; + background-color: #fff; +} + +.modal-backdrop { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1040; + background-color: #000000; +} + +.modal-backdrop.fade { + opacity: 0; +} + +.modal-backdrop, +.modal-backdrop.fade.in { + opacity: 0.8; + filter: alpha(opacity=80); +} + +.modal { + position: fixed; + top: 10%; + left: 50%; + z-index: 1050; + width: 560px; + margin-left: -280px; + background-color: #ffffff; + border: 1px solid #999; + border: 1px solid rgba(0, 0, 0, 0.3); + *border: 1px solid #999; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; + outline: none; + -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); + -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); + box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); + -webkit-background-clip: padding-box; + -moz-background-clip: padding-box; + background-clip: padding-box; +} + +.modal.fade { + top: -25%; + -webkit-transition: opacity 0.3s linear, top 0.3s ease-out; + -moz-transition: opacity 0.3s linear, top 0.3s ease-out; + -o-transition: opacity 0.3s linear, top 0.3s ease-out; + transition: opacity 0.3s linear, top 0.3s ease-out; +} + +.modal.fade.in { + top: 10%; +} + +.modal-header { + padding: 9px 15px; + border-bottom: 1px solid #eee; +} + +.modal-header .close { + margin-top: 2px; +} + +.modal-header h3 { + margin: 0; + line-height: 30px; +} + +.modal-body { + position: relative; + max-height: 400px; + padding: 15px; + overflow-y: auto; +} + +.modal-form { + margin-bottom: 0; +} + +.modal-footer { + padding: 14px 15px 15px; + margin-bottom: 0; + text-align: right; + background-color: #f5f5f5; + border-top: 1px solid #ddd; + -webkit-border-radius: 0 0 6px 6px; + -moz-border-radius: 0 0 6px 6px; + border-radius: 0 0 6px 6px; + *zoom: 1; + -webkit-box-shadow: inset 0 1px 0 #ffffff; + -moz-box-shadow: inset 0 1px 0 #ffffff; + box-shadow: inset 0 1px 0 #ffffff; +} + +.modal-footer:before, +.modal-footer:after { + display: table; + line-height: 0; + content: ""; +} + +.modal-footer:after { + clear: both; +} + +.modal-footer .btn + .btn { + margin-bottom: 0; + margin-left: 5px; +} + +.modal-footer .btn-group .btn + .btn { + margin-left: -1px; +} + +.modal-footer .btn-block + .btn-block { + margin-left: 0; +} + +.tooltip { + position: absolute; + z-index: 1030; + display: block; + padding: 5px; + font-size: 11px; + line-height: 1.4; + opacity: 0; + filter: alpha(opacity=0); + visibility: visible; +} + +.tooltip.in { + opacity: 0.8; + filter: alpha(opacity=80); +} + +.tooltip.top { + margin-top: -3px; +} + +.tooltip.right { + margin-left: 3px; +} + +.tooltip.bottom { + margin-top: 3px; +} + +.tooltip.left { + margin-left: -3px; +} + +.tooltip-inner { + max-width: 200px; + padding: 8px; + color: #ffffff; + text-align: center; + text-decoration: none; + background-color: #000000; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} + +.tooltip-arrow { + position: absolute; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; +} + +.tooltip.top .tooltip-arrow { + bottom: 0; + left: 50%; + margin-left: -5px; + border-top-color: #000000; + border-width: 5px 5px 0; +} + +.tooltip.right .tooltip-arrow { + top: 50%; + left: 0; + margin-top: -5px; + border-right-color: #000000; + border-width: 5px 5px 5px 0; +} + +.tooltip.left .tooltip-arrow { + top: 50%; + right: 0; + margin-top: -5px; + border-left-color: #000000; + border-width: 5px 0 5px 5px; +} + +.tooltip.bottom .tooltip-arrow { + top: 0; + left: 50%; + margin-left: -5px; + border-bottom-color: #000000; + border-width: 0 5px 5px; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1010; + display: none; + max-width: 276px; + padding: 1px; + text-align: left; + white-space: normal; + background-color: #ffffff; + border: 1px solid #ccc; + border: 1px solid rgba(0, 0, 0, 0.2); + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; + -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + -webkit-background-clip: padding-box; + -moz-background-clip: padding; + background-clip: padding-box; +} + +.popover.top { + margin-top: -10px; +} + +.popover.right { + margin-left: 10px; +} + +.popover.bottom { + margin-top: 10px; +} + +.popover.left { + margin-left: -10px; +} + +.popover-title { + padding: 8px 14px; + margin: 0; + font-size: 14px; + font-weight: normal; + line-height: 18px; + background-color: #f7f7f7; + border-bottom: 1px solid #ebebeb; + -webkit-border-radius: 5px 5px 0 0; + -moz-border-radius: 5px 5px 0 0; + border-radius: 5px 5px 0 0; +} + +.popover-title:empty { + display: none; +} + +.popover-content { + padding: 9px 14px; +} + +.popover .arrow, +.popover .arrow:after { + position: absolute; + display: block; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; +} + +.popover .arrow { + border-width: 11px; +} + +.popover .arrow:after { + border-width: 10px; + content: ""; +} + +.popover.top .arrow { + bottom: -11px; + left: 50%; + margin-left: -11px; + border-top-color: #999; + border-top-color: rgba(0, 0, 0, 0.25); + border-bottom-width: 0; +} + +.popover.top .arrow:after { + bottom: 1px; + margin-left: -10px; + border-top-color: #ffffff; + border-bottom-width: 0; +} + +.popover.right .arrow { + top: 50%; + left: -11px; + margin-top: -11px; + border-right-color: #999; + border-right-color: rgba(0, 0, 0, 0.25); + border-left-width: 0; +} + +.popover.right .arrow:after { + bottom: -10px; + left: 1px; + border-right-color: #ffffff; + border-left-width: 0; +} + +.popover.bottom .arrow { + top: -11px; + left: 50%; + margin-left: -11px; + border-bottom-color: #999; + border-bottom-color: rgba(0, 0, 0, 0.25); + border-top-width: 0; +} + +.popover.bottom .arrow:after { + top: 1px; + margin-left: -10px; + border-bottom-color: #ffffff; + border-top-width: 0; +} + +.popover.left .arrow { + top: 50%; + right: -11px; + margin-top: -11px; + border-left-color: #999; + border-left-color: rgba(0, 0, 0, 0.25); + border-right-width: 0; +} + +.popover.left .arrow:after { + right: 1px; + bottom: -10px; + border-left-color: #ffffff; + border-right-width: 0; +} + +.thumbnails { + margin-left: -20px; + list-style: none; + *zoom: 1; +} + +.thumbnails:before, +.thumbnails:after { + display: table; + line-height: 0; + content: ""; +} + +.thumbnails:after { + clear: both; +} + +.row-fluid .thumbnails { + margin-left: 0; +} + +.thumbnails > li { + float: left; + margin-bottom: 20px; + margin-left: 20px; +} + +.thumbnail { + display: block; + padding: 4px; + line-height: 20px; + border: 1px solid #ddd; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); + -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055); + -webkit-transition: all 0.2s ease-in-out; + -moz-transition: all 0.2s ease-in-out; + -o-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; +} + +a.thumbnail:hover, +a.thumbnail:focus { + border-color: #0088cc; + -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); + -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); + box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); +} + +.thumbnail > img { + display: block; + max-width: 100%; + margin-right: auto; + margin-left: auto; +} + +.thumbnail .caption { + padding: 9px; + color: #555555; +} + +.media, +.media-body { + overflow: hidden; + *overflow: visible; + zoom: 1; +} + +.media, +.media .media { + margin-top: 15px; +} + +.media:first-child { + margin-top: 0; +} + +.media-object { + display: block; +} + +.media-heading { + margin: 0 0 5px; +} + +.media > .pull-left { + margin-right: 10px; +} + +.media > .pull-right { + margin-left: 10px; +} + +.media-list { + margin-left: 0; + list-style: none; +} + +.label, +.badge { + display: inline-block; + padding: 2px 4px; + font-size: 11.844px; + font-weight: bold; + line-height: 14px; + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + white-space: nowrap; + vertical-align: baseline; + background-color: #999999; +} + +.label { + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} + +.badge { + padding-right: 9px; + padding-left: 9px; + -webkit-border-radius: 9px; + -moz-border-radius: 9px; + border-radius: 9px; +} + +.label:empty, +.badge:empty { + display: none; +} + +a.label:hover, +a.label:focus, +a.badge:hover, +a.badge:focus { + color: #ffffff; + text-decoration: none; + cursor: pointer; +} + +.label-important, +.badge-important { + background-color: #b94a48; +} + +.label-important[href], +.badge-important[href] { + background-color: #953b39; +} + +.label-warning, +.badge-warning { + background-color: #f89406; +} + +.label-warning[href], +.badge-warning[href] { + background-color: #c67605; +} + +.label-success, +.badge-success { + background-color: #468847; +} + +.label-success[href], +.badge-success[href] { + background-color: #356635; +} + +.label-info, +.badge-info { + background-color: #3a87ad; +} + +.label-info[href], +.badge-info[href] { + background-color: #2d6987; +} + +.label-inverse, +.badge-inverse { + background-color: #333333; +} + +.label-inverse[href], +.badge-inverse[href] { + background-color: #1a1a1a; +} + +.btn .label, +.btn .badge { + position: relative; + top: -1px; +} + +.btn-mini .label, +.btn-mini .badge { + top: 0; +} + +@-webkit-keyframes progress-bar-stripes { + from { + background-position: 40px 0; + } + to { + background-position: 0 0; + } +} + +@-moz-keyframes progress-bar-stripes { + from { + background-position: 40px 0; + } + to { + background-position: 0 0; + } +} + +@-ms-keyframes progress-bar-stripes { + from { + background-position: 40px 0; + } + to { + background-position: 0 0; + } +} + +@-o-keyframes progress-bar-stripes { + from { + background-position: 0 0; + } + to { + background-position: 40px 0; + } +} + +@keyframes progress-bar-stripes { + from { + background-position: 40px 0; + } + to { + background-position: 0 0; + } +} + +.progress { + height: 20px; + margin-bottom: 20px; + overflow: hidden; + background-color: #f7f7f7; + background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9)); + background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9); + background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9); + background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9); + background-repeat: repeat-x; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0); + -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); +} + +.progress .bar { + float: left; + width: 0; + height: 100%; + font-size: 12px; + color: #ffffff; + text-align: center; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #0e90d2; + background-image: -moz-linear-gradient(top, #149bdf, #0480be); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be)); + background-image: -webkit-linear-gradient(top, #149bdf, #0480be); + background-image: -o-linear-gradient(top, #149bdf, #0480be); + background-image: linear-gradient(to bottom, #149bdf, #0480be); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0); + -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); + -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: width 0.6s ease; + -moz-transition: width 0.6s ease; + -o-transition: width 0.6s ease; + transition: width 0.6s ease; +} + +.progress .bar + .bar { + -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15); + -moz-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15); + box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15); +} + +.progress-striped .bar { + background-color: #149bdf; + background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + -webkit-background-size: 40px 40px; + -moz-background-size: 40px 40px; + -o-background-size: 40px 40px; + background-size: 40px 40px; +} + +.progress.active .bar { + -webkit-animation: progress-bar-stripes 2s linear infinite; + -moz-animation: progress-bar-stripes 2s linear infinite; + -ms-animation: progress-bar-stripes 2s linear infinite; + -o-animation: progress-bar-stripes 2s linear infinite; + animation: progress-bar-stripes 2s linear infinite; +} + +.progress-danger .bar, +.progress .bar-danger { + background-color: #dd514c; + background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35)); + background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35); + background-image: -o-linear-gradient(top, #ee5f5b, #c43c35); + background-image: linear-gradient(to bottom, #ee5f5b, #c43c35); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0); +} + +.progress-danger.progress-striped .bar, +.progress-striped .bar-danger { + background-color: #ee5f5b; + background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); +} + +.progress-success .bar, +.progress .bar-success { + background-color: #5eb95e; + background-image: -moz-linear-gradient(top, #62c462, #57a957); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957)); + background-image: -webkit-linear-gradient(top, #62c462, #57a957); + background-image: -o-linear-gradient(top, #62c462, #57a957); + background-image: linear-gradient(to bottom, #62c462, #57a957); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0); +} + +.progress-success.progress-striped .bar, +.progress-striped .bar-success { + background-color: #62c462; + background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); +} + +.progress-info .bar, +.progress .bar-info { + background-color: #4bb1cf; + background-image: -moz-linear-gradient(top, #5bc0de, #339bb9); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9)); + background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9); + background-image: -o-linear-gradient(top, #5bc0de, #339bb9); + background-image: linear-gradient(to bottom, #5bc0de, #339bb9); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0); +} + +.progress-info.progress-striped .bar, +.progress-striped .bar-info { + background-color: #5bc0de; + background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); +} + +.progress-warning .bar, +.progress .bar-warning { + background-color: #faa732; + background-image: -moz-linear-gradient(top, #fbb450, #f89406); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); + background-image: -webkit-linear-gradient(top, #fbb450, #f89406); + background-image: -o-linear-gradient(top, #fbb450, #f89406); + background-image: linear-gradient(to bottom, #fbb450, #f89406); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0); +} + +.progress-warning.progress-striped .bar, +.progress-striped .bar-warning { + background-color: #fbb450; + background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); +} + +.accordion { + margin-bottom: 20px; +} + +.accordion-group { + margin-bottom: 2px; + border: 1px solid #e5e5e5; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} + +.accordion-heading { + border-bottom: 0; +} + +.accordion-heading .accordion-toggle { + display: block; + padding: 8px 15px; +} + +.accordion-toggle { + cursor: pointer; +} + +.accordion-inner { + padding: 9px 15px; + border-top: 1px solid #e5e5e5; +} + +.carousel { + position: relative; + margin-bottom: 20px; + line-height: 1; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} + +.carousel-inner > .item { + position: relative; + display: none; + -webkit-transition: 0.6s ease-in-out left; + -moz-transition: 0.6s ease-in-out left; + -o-transition: 0.6s ease-in-out left; + transition: 0.6s ease-in-out left; +} + +.carousel-inner > .item > img, +.carousel-inner > .item > a > img { + display: block; + line-height: 1; +} + +.carousel-inner > .active, +.carousel-inner > .next, +.carousel-inner > .prev { + display: block; +} + +.carousel-inner > .active { + left: 0; +} + +.carousel-inner > .next, +.carousel-inner > .prev { + position: absolute; + top: 0; + width: 100%; +} + +.carousel-inner > .next { + left: 100%; +} + +.carousel-inner > .prev { + left: -100%; +} + +.carousel-inner > .next.left, +.carousel-inner > .prev.right { + left: 0; +} + +.carousel-inner > .active.left { + left: -100%; +} + +.carousel-inner > .active.right { + left: 100%; +} + +.carousel-control { + position: absolute; + top: 40%; + left: 15px; + width: 40px; + height: 40px; + margin-top: -20px; + font-size: 60px; + font-weight: 100; + line-height: 30px; + color: #ffffff; + text-align: center; + background: #222222; + border: 3px solid #ffffff; + -webkit-border-radius: 23px; + -moz-border-radius: 23px; + border-radius: 23px; + opacity: 0.5; + filter: alpha(opacity=50); +} + +.carousel-control.right { + right: 15px; + left: auto; +} + +.carousel-control:hover, +.carousel-control:focus { + color: #ffffff; + text-decoration: none; + opacity: 0.9; + filter: alpha(opacity=90); +} + +.carousel-indicators { + position: absolute; + top: 15px; + right: 15px; + z-index: 5; + margin: 0; + list-style: none; +} + +.carousel-indicators li { + display: block; + float: left; + width: 10px; + height: 10px; + margin-left: 5px; + text-indent: -999px; + background-color: #ccc; + background-color: rgba(255, 255, 255, 0.25); + border-radius: 5px; +} + +.carousel-indicators .active { + background-color: #fff; +} + +.carousel-caption { + position: absolute; + right: 0; + bottom: 0; + left: 0; + padding: 15px; + background: #333333; + background: rgba(0, 0, 0, 0.75); +} + +.carousel-caption h4, +.carousel-caption p { + line-height: 20px; + color: #ffffff; +} + +.carousel-caption h4 { + margin: 0 0 5px; +} + +.carousel-caption p { + margin-bottom: 0; +} + +.hero-unit { + padding: 60px; + margin-bottom: 30px; + font-size: 18px; + font-weight: 200; + line-height: 30px; + color: inherit; + background-color: #eeeeee; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; +} + +.hero-unit h1 { + margin-bottom: 0; + font-size: 60px; + line-height: 1; + letter-spacing: -1px; + color: inherit; +} + +.hero-unit li { + line-height: 30px; +} + +.pull-right { + float: right; +} + +.pull-left { + float: left; +} + +.hide { + display: none; +} + +.show { + display: block; +} + +.invisible { + visibility: hidden; +} + +.affix { + position: fixed; +} -- cgit v1.2.3 From 28e1702052172e2076f87732b43f2618701ae605 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 5 Feb 2013 19:59:02 -0800 Subject: nuke rogue conflict comment and remake --- docs/assets/css/bootstrap.css | 4705 +++++++++++++++++++++++++++++++++++++++++ 1 file changed, 4705 insertions(+) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index e69de29bb..9a52db8f1 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -0,0 +1,4705 @@ +/*! + * Bootstrap v3.0.0 + * + * Copyright 2012 Twitter, Inc + * Licensed under the Apache License v2.0 + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Designed and built with all the love in the world by @mdo and @fat. + */ + +/*@padding-large-input: 10px 14px; // 44px +// firefox hack since it doesn't accept custom line-height for inputs and automatically sets line-height as font-size + 4 px. +// input-large at 18 + 4 = 22, so I tried to compensate on padding. +*/ + +/*! normalize.css v2.1.0 | MIT License | git.io/normalize */ + +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +main, +nav, +section, +summary { + display: block; +} + +audio, +canvas, +video { + display: inline-block; +} + +audio:not([controls]) { + display: none; + height: 0; +} + +[hidden] { + display: none; +} + +html { + font-family: sans-serif; + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; +} + +body { + margin: 0; +} + +a:focus { + outline: thin dotted; +} + +a:active, +a:hover { + outline: 0; +} + +h1 { + margin: 0.67em 0; + font-size: 2em; +} + +abbr[title] { + border-bottom: 1px dotted; +} + +b, +strong { + font-weight: bold; +} + +dfn { + font-style: italic; +} + +hr { + height: 0; + -moz-box-sizing: content-box; + box-sizing: content-box; +} + +mark { + color: #000; + background: #ff0; +} + +code, +kbd, +pre, +samp { + font-family: monospace, serif; + font-size: 1em; +} + +pre { + white-space: pre-wrap; +} + +q { + quotes: "\201C" "\201D" "\2018" "\2019"; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sup { + top: -0.5em; +} + +sub { + bottom: -0.25em; +} + +img { + border: 0; +} + +svg:not(:root) { + overflow: hidden; +} + +figure { + margin: 0; +} + +fieldset { + padding: 0.35em 0.625em 0.75em; + margin: 0 2px; + border: 1px solid #c0c0c0; +} + +legend { + padding: 0; + border: 0; +} + +button, +input, +select, +textarea { + margin: 0; + font-family: inherit; + font-size: 100%; +} + +button, +input { + line-height: normal; +} + +button, +select { + text-transform: none; +} + +button, +html input[type="button"], +input[type="reset"], +input[type="submit"] { + cursor: pointer; + -webkit-appearance: button; +} + +button[disabled], +html input[disabled] { + cursor: default; +} + +input[type="checkbox"], +input[type="radio"] { + padding: 0; + box-sizing: border-box; +} + +input[type="search"] { + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; + -webkit-appearance: textfield; +} + +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + +button::-moz-focus-inner, +input::-moz-focus-inner { + padding: 0; + border: 0; +} + +textarea { + overflow: auto; + vertical-align: top; +} + +table { + border-collapse: collapse; + border-spacing: 0; +} + +html { + font-size: 62.5%; + -webkit-overflow-scrolling: touch; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} + +@media screen and (max-device-width: 480px) { + html { + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; + } +} + +body { + margin: 0; + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 14px; + font-size: 1.4rem; + line-height: 1.5; + color: #333333; + background-color: #ffffff; +} + +body, +input, +button, +select, +textarea { + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 14px; + line-height: 20px; +} + +a { + color: #428bca; + text-decoration: none; +} + +a:hover, +a:focus { + color: #2a6496; + text-decoration: underline; +} + +a:focus { + outline: thin dotted #333; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} + +img { + width: auto\9; + height: auto; + max-width: 100%; + vertical-align: middle; +} + +.img-rounded { + border-radius: 6px; +} + +.img-circle { + border-radius: 500px; +} + +@media print { + * { + color: #000 !important; + text-shadow: none !important; + background: transparent !important; + box-shadow: none !important; + } + a, + a:visited { + text-decoration: underline; + } + a[href]:after { + content: " (" attr(href) ")"; + } + abbr[title]:after { + content: " (" attr(title) ")"; + } + .ir a:after, + a[href^="javascript:"]:after, + a[href^="#"]:after { + content: ""; + } + pre, + blockquote { + border: 1px solid #999; + page-break-inside: avoid; + } + thead { + display: table-header-group; + } + tr, + img { + page-break-inside: avoid; + } + img { + max-width: 100% !important; + } + @page { + margin: 0.5cm; + } + p, + h2, + h3 { + orphans: 3; + widows: 3; + } + h2, + h3 { + page-break-after: avoid; + } +} + +p { + margin: 0 0 10px; +} + +.lead { + margin-bottom: 20px; + font-size: 21px; + font-weight: 200; + line-height: 1.25; +} + +small { + font-size: 85%; +} + +strong { + font-weight: bold; +} + +em { + font-style: italic; +} + +cite { + font-style: normal; +} + +.muted { + color: #999999; +} + +a.muted:hover, +a.muted:focus { + color: #808080; +} + +.text-warning { + color: #c09853; +} + +a.text-warning:hover, +a.text-warning:focus { + color: #a47e3c; +} + +.text-error { + color: #b94a48; +} + +a.text-error:hover, +a.text-error:focus { + color: #953b39; +} + +.text-success { + color: #468847; +} + +a.text-success:hover, +a.text-success:focus { + color: #356635; +} + +.text-left { + text-align: left; +} + +.text-right { + text-align: right; +} + +.text-center { + text-align: center; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + font-family: inherit; + font-weight: 500; + line-height: 20px; + text-rendering: optimizelegibility; +} + +h1 small, +h2 small, +h3 small, +h4 small, +h5 small, +h6 small { + font-weight: normal; + line-height: 1; + color: #999999; +} + +h1, +h2, +h3 { + margin-top: 20px; + margin-bottom: 10px; + line-height: 40px; +} + +h3 { + line-height: 30px; +} + +h4, +h5, +h6 { + margin-top: 10px; + margin-bottom: 10px; +} + +h1 { + font-size: 38.5px; + font-size: 4rem; +} + +h2 { + font-size: 31.5px; + font-size: 3rem; +} + +h3 { + font-size: 24.5px; + font-size: 2.5rem; +} + +h4 { + font-size: 17.5px; + font-size: 2rem; +} + +h5 { + font-size: 14px; + font-size: 1.6rem; +} + +h6 { + font-size: 11.9px; + font-size: 1.2rem; +} + +h1 small { + font-size: 24.5px; +} + +h2 small { + font-size: 17.5px; +} + +h3 small { + font-size: 14px; +} + +h4 small { + font-size: 14px; +} + +.page-header { + padding-bottom: 9px; + margin: 40px 0 20px; + border-bottom: 1px solid #eeeeee; +} + +ul, +ol { + padding: 0; + margin: 0 0 10px 25px; +} + +ul ul, +ul ol, +ol ol, +ol ul { + margin-bottom: 0; +} + +li { + line-height: 20px; +} + +.list-unstyled, +.list-inline { + margin-left: 0; + list-style: none; +} + +.list-inline > li { + display: inline-block; + padding-right: 5px; + padding-left: 5px; +} + +dl { + margin-bottom: 20px; +} + +dt, +dd { + line-height: 20px; +} + +dt { + font-weight: bold; +} + +dd { + margin-left: 10px; +} + +.dl-horizontal:before, +.dl-horizontal:after { + display: table; + content: " "; +} + +.dl-horizontal:after { + clear: both; +} + +.dl-horizontal dt { + float: left; + width: 160px; + overflow: hidden; + clear: left; + text-align: right; + text-overflow: ellipsis; + white-space: nowrap; +} + +.dl-horizontal dd { + margin-left: 180px; +} + +hr { + margin: 20px 0; + border: 0; + border-top: 1px solid #eeeeee; + border-bottom: 1px solid #fff; +} + +abbr[title], +abbr[data-original-title] { + cursor: help; + border-bottom: 1px dotted #999999; +} + +abbr.initialism { + font-size: 90%; + text-transform: uppercase; +} + +blockquote { + padding: 0 0 0 15px; + margin: 0 0 20px; + border-left: 5px solid #eeeeee; +} + +blockquote p { + margin-bottom: 0; + font-size: 17.5px; + font-weight: 300; + line-height: 1.25; +} + +blockquote small { + display: block; + line-height: 20px; + color: #999999; +} + +blockquote small:before { + content: '\2014 \00A0'; +} + +blockquote.pull-right { + float: right; + padding-right: 15px; + padding-left: 0; + border-right: 5px solid #eeeeee; + border-left: 0; +} + +blockquote.pull-right p, +blockquote.pull-right small { + text-align: right; +} + +blockquote.pull-right small:before { + content: ''; +} + +blockquote.pull-right small:after { + content: '\00A0 \2014'; +} + +q:before, +q:after, +blockquote:before, +blockquote:after { + content: ""; +} + +address { + display: block; + margin-bottom: 20px; + font-style: normal; + line-height: 20px; +} + +code, +pre { + padding: 0 3px 2px; + font-family: Monaco, Menlo, Consolas, "Courier New", monospace; + font-size: 12px; + color: #333333; + border-radius: 4px; +} + +code { + padding: 2px 4px; + font-size: 90%; + color: #c7254e; + white-space: nowrap; + background-color: #f9f2f4; +} + +pre { + display: block; + padding: 9.5px; + margin: 0 0 10px; + font-size: 13px; + line-height: 20px; + word-break: break-all; + word-wrap: break-word; + white-space: pre; + white-space: pre-wrap; + background-color: #f5f5f5; + border: 1px solid #ccc; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 4px; +} + +pre.prettyprint { + margin-bottom: 20px; +} + +pre code { + padding: 0; + color: inherit; + white-space: pre; + white-space: pre-wrap; + background-color: transparent; + border: 0; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + margin-right: auto; + margin-left: auto; +} + +.container:before, +.container:after { + display: table; + content: " "; +} + +.container:after { + clear: both; +} + +.row { + margin-right: -10px; + margin-left: -10px; +} + +.row:before, +.row:after { + display: table; + content: " "; +} + +.row:after { + clear: both; +} + +[class^="span"] { + min-height: 1px; + padding-right: 10px; + padding-left: 10px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +@media screen and (min-width: 768px) { + .container { + max-width: 728px; + } + [class^="span"] { + float: left; + } + .span12 { + width: 100%; + } + .span11 { + width: 91.66666666666666%; + } + .span10 { + width: 83.33333333333334%; + } + .span9 { + width: 75%; + } + .span8 { + width: 66.66666666666666%; + } + .span7 { + width: 58.333333333333336%; + } + .span6 { + width: 50%; + } + .span5 { + width: 41.66666666666667%; + } + .span4 { + width: 33.33333333333333%; + } + .span3 { + width: 25%; + } + .span2 { + width: 16.666666666666664%; + } + .span1 { + width: 8.333333333333332%; + } + .offset12 { + margin-left: 100%; + } + .offset11 { + margin-left: 91.66666666666666%; + } + .offset10 { + margin-left: 83.33333333333334%; + } + .offset9 { + margin-left: 75%; + } + .offset8 { + margin-left: 66.66666666666666%; + } + .offset7 { + margin-left: 58.333333333333336%; + } + .offset6 { + margin-left: 50%; + } + .offset5 { + margin-left: 41.66666666666667%; + } + .offset4 { + margin-left: 33.33333333333333%; + } + .offset3 { + margin-left: 25%; + } + .offset2 { + margin-left: 16.666666666666664%; + } + .offset1 { + margin-left: 8.333333333333332%; + } +} + +@media screen and (min-width: 992px) { + .container { + max-width: 940px; + } +} + +@media screen and (min-width: 1200px) { + .container { + max-width: 1170px; + } + [class^="span"] { + padding-right: 15px; + padding-left: 15px; + } +} + +[class*="span"].pull-right { + float: right; +} + +table { + max-width: 100%; + background-color: transparent; + border-collapse: collapse; + border-spacing: 0; +} + +.table { + width: 100%; + margin-bottom: 20px; +} + +.table th, +.table td { + padding: 8px; + line-height: 20px; + text-align: left; + vertical-align: top; + border-top: 1px solid #dddddd; +} + +.table th { + font-weight: bold; +} + +.table thead th { + vertical-align: bottom; +} + +.table caption + thead tr:first-child th, +.table caption + thead tr:first-child td, +.table colgroup + thead tr:first-child th, +.table colgroup + thead tr:first-child td, +.table thead:first-child tr:first-child th, +.table thead:first-child tr:first-child td { + border-top: 0; +} + +.table tbody + tbody { + border-top: 2px solid #dddddd; +} + +.table .table { + background-color: #ffffff; +} + +.table-condensed th, +.table-condensed td { + padding: 4px 5px; +} + +.table-bordered { + border: 1px solid #dddddd; + border-collapse: separate; + border-left: 0; + border-radius: 4px; +} + +.table-bordered th, +.table-bordered td { + border-left: 1px solid #dddddd; +} + +.table-bordered caption + thead tr:first-child th, +.table-bordered caption + tbody tr:first-child th, +.table-bordered caption + tbody tr:first-child td, +.table-bordered colgroup + thead tr:first-child th, +.table-bordered colgroup + tbody tr:first-child th, +.table-bordered colgroup + tbody tr:first-child td, +.table-bordered thead:first-child tr:first-child th, +.table-bordered tbody:first-child tr:first-child th, +.table-bordered tbody:first-child tr:first-child td { + border-top: 0; +} + +.table-bordered thead:first-child tr:first-child > th:first-child, +.table-bordered tbody:first-child tr:first-child > td:first-child, +.table-bordered tbody:first-child tr:first-child > th:first-child { + border-top-left-radius: 4px; +} + +.table-bordered thead:first-child tr:first-child > th:last-child, +.table-bordered tbody:first-child tr:first-child > td:last-child, +.table-bordered tbody:first-child tr:first-child > th:last-child { + border-top-right-radius: 4px; +} + +.table-bordered thead:last-child tr:last-child > th:first-child, +.table-bordered tbody:last-child tr:last-child > td:first-child, +.table-bordered tbody:last-child tr:last-child > th:first-child, +.table-bordered tfoot:last-child tr:last-child > td:first-child, +.table-bordered tfoot:last-child tr:last-child > th:first-child { + border-bottom-left-radius: 4px; +} + +.table-bordered thead:last-child tr:last-child > th:last-child, +.table-bordered tbody:last-child tr:last-child > td:last-child, +.table-bordered tbody:last-child tr:last-child > th:last-child, +.table-bordered tfoot:last-child tr:last-child > td:last-child, +.table-bordered tfoot:last-child tr:last-child > th:last-child { + border-bottom-right-radius: 4px; +} + +.table-bordered tfoot + tbody:last-child tr:last-child > td:first-child { + border-bottom-left-radius: 0; +} + +.table-bordered tfoot + tbody:last-child tr:last-child > td:last-child { + border-bottom-right-radius: 0; +} + +.table-bordered caption + thead tr:first-child th:first-child, +.table-bordered caption + tbody tr:first-child td:first-child, +.table-bordered colgroup + thead tr:first-child th:first-child, +.table-bordered colgroup + tbody tr:first-child td:first-child { + border-top-left-radius: 4px; +} + +.table-bordered caption + thead tr:first-child th:last-child, +.table-bordered caption + tbody tr:first-child td:last-child, +.table-bordered colgroup + thead tr:first-child th:last-child, +.table-bordered colgroup + tbody tr:first-child td:last-child { + border-top-right-radius: 4px; +} + +.table-striped tbody > tr:nth-child(odd) > td, +.table-striped tbody > tr:nth-child(odd) > th { + background-color: #f9f9f9; +} + +.table-hover tbody tr:hover > td, +.table-hover tbody tr:hover > th { + background-color: #f5f5f5; +} + +table td[class*="span"], +table th[class*="span"] { + display: table-cell; + float: none; + margin-left: 0; +} + +.table tbody tr.success > td { + background-color: #dff0d8; +} + +.table tbody tr.error > td { + background-color: #f2dede; +} + +.table tbody tr.warning > td { + background-color: #fcf8e3; +} + +.table-hover tbody tr.success:hover > td { + background-color: #d0e9c6; +} + +.table-hover tbody tr.error:hover > td { + background-color: #ebcccc; +} + +.table-hover tbody tr.warning:hover > td { + background-color: #faf2cc; +} + +form { + margin: 0; +} + +fieldset { + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + padding: 0; + margin-bottom: 20px; + font-size: 21px; + line-height: 40px; + color: #333333; + border: 0; + border-bottom: 1px solid #e5e5e5; +} + +label { + display: inline-block; + margin-bottom: 5px; + font-weight: bold; +} + +select, +textarea, +input[type="text"], +input[type="password"], +input[type="datetime"], +input[type="datetime-local"], +input[type="date"], +input[type="month"], +input[type="time"], +input[type="week"], +input[type="number"], +input[type="email"], +input[type="url"], +input[type="search"], +input[type="tel"], +input[type="color"], +.uneditable-input { + display: inline-block; + min-height: 34px; + padding: 6px 9px; + font-size: 14px; + line-height: 20px; + color: #555555; + vertical-align: middle; + background-color: #ffffff; + border: 1px solid #cccccc; + border-radius: 4px; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; + -moz-transition: border linear 0.2s, box-shadow linear 0.2s; + -o-transition: border linear 0.2s, box-shadow linear 0.2s; + transition: border linear 0.2s, box-shadow linear 0.2s; +} + +input, +select, +textarea, +.uneditable-input { + width: 100%; +} + +input[type="file"], +input[type="image"], +input[type="submit"], +input[type="reset"], +input[type="button"], +input[type="radio"], +input[type="checkbox"] { + width: auto; +} + +textarea { + height: auto; +} + +textarea:focus, +input[type="text"]:focus, +input[type="password"]:focus, +input[type="datetime"]:focus, +input[type="datetime-local"]:focus, +input[type="date"]:focus, +input[type="month"]:focus, +input[type="time"]:focus, +input[type="week"]:focus, +input[type="number"]:focus, +input[type="email"]:focus, +input[type="url"]:focus, +input[type="search"]:focus, +input[type="tel"]:focus, +input[type="color"]:focus, +.uneditable-input:focus { + border-color: rgba(82, 168, 236, 0.8); + outline: 0; + outline: thin dotted \9; + /* IE6-9 */ + + -webkit-box-shadow: 0 0 8px rgba(82, 168, 236, 0.6); + box-shadow: 0 0 8px rgba(82, 168, 236, 0.6); +} + +input[type="radio"], +input[type="checkbox"] { + margin: 4px 0 0; + margin-top: 1px \9; + /* IE8-9 */ + + line-height: normal; +} + +select, +input[type="file"] { + height: 34px; + /* In IE7, the height of the select element cannot be changed by height, only font-size. TODO: Check if this is still needed when dropping IE7 support */ + + line-height: 34px; +} + +select { + border: 1px solid #cccccc; +} + +select[multiple], +select[size] { + height: auto; +} + +select:focus, +input[type="file"]:focus, +input[type="radio"]:focus, +input[type="checkbox"]:focus { + outline: thin dotted #333; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} + +.uneditable-input, +.uneditable-textarea { + color: #999999; + cursor: not-allowed; + background-color: #fcfcfc; + border-color: #cccccc; + -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); +} + +.uneditable-input { + overflow: hidden; + white-space: nowrap; +} + +.uneditable-textarea { + width: auto; + height: auto; +} + +input:-moz-placeholder, +textarea:-moz-placeholder { + color: #999999; +} + +input:-ms-input-placeholder, +textarea:-ms-input-placeholder { + color: #999999; +} + +input::-webkit-input-placeholder, +textarea::-webkit-input-placeholder { + color: #999999; +} + +.radio, +.checkbox { + display: block; + min-height: 20px; + padding-left: 20px; + margin-bottom: 10px; +} + +.radio label, +.checkbox label { + display: inline; + margin-bottom: 0; + font-weight: normal; +} + +.radio input[type="radio"], +.radio-inline input[type="radio"], +.checkbox input[type="checkbox"], +.checkbox-inline input[type="checkbox"] { + float: left; + margin-left: -20px; +} + +.radio + .radio, +.checkbox + .checkbox { + margin-top: -5px; +} + +.controls > .radio:first-child, +.controls > .checkbox:first-child { + padding-top: 5px; +} + +.radio-inline, +.checkbox-inline { + display: inline-block; + padding-top: 5px; + padding-left: 20px; + margin-bottom: 0; + font-weight: normal; + vertical-align: middle; +} + +.radio-inline + .radio-inline, +.checkbox-inline + .checkbox-inline { + margin-top: 0; + margin-left: 10px; +} + +select.input-large, +textarea.input-large, +input[type="text"].input-large, +input[type="password"].input-large, +input[type="datetime"].input-large, +input[type="datetime-local"].input-large, +input[type="date"].input-large, +input[type="month"].input-large, +input[type="time"].input-large, +input[type="week"].input-large, +input[type="number"].input-large, +input[type="email"].input-large, +input[type="url"].input-large, +input[type="search"].input-large, +input[type="tel"].input-large, +input[type="color"].input-large, +.uneditable-input.input-large { + padding: 11px 14px; + font-size: 17.5px; + border-radius: 6px; +} + +select.input-small, +textarea.input-small, +input[type="text"].input-small, +input[type="password"].input-small, +input[type="datetime"].input-small, +input[type="datetime-local"].input-small, +input[type="date"].input-small, +input[type="month"].input-small, +input[type="time"].input-small, +input[type="week"].input-small, +input[type="number"].input-small, +input[type="email"].input-small, +input[type="url"].input-small, +input[type="search"].input-small, +input[type="tel"].input-small, +input[type="color"].input-small, +.uneditable-input.input-small { + min-height: 26px; + padding: 2px 10px; + font-size: 11.9px; + border-radius: 3px; +} + +input[class*="span"], +select[class*="span"], +textarea[class*="span"], +.uneditable-input[class*="span"] { + float: none; + margin-right: 0; + margin-left: 0; +} + +.input-append input[class*="span"], +.input-append .uneditable-input[class*="span"], +.input-prepend input[class*="span"], +.input-prepend .uneditable-input[class*="span"] { + display: inline-block; +} + +input[class*="span"], +select[class*="span"], +textarea[class*="span"], +.uneditable-input[class*="span"] { + height: 34px; +} + +input[disabled], +select[disabled], +textarea[disabled], +input[readonly], +select[readonly], +textarea[readonly], +fieldset[disabled] input, +fieldset[disabled] select, +fieldset[disabled] textarea { + cursor: not-allowed; + background-color: #eeeeee; +} + +input[type="radio"][disabled], +input[type="checkbox"][disabled], +input[type="radio"][readonly], +input[type="checkbox"][readonly], +fieldset[disabled] input[type="radio"], +fieldset[disabled] input[type="checkbox"] { + background-color: transparent; +} + +.has-warning .control-label { + color: #c09853; +} + +.has-warning .input-with-feedback { + padding-right: 32px; + border-color: #c09853; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); +} + +.has-warning .input-with-feedback:focus { + border-color: #a47e3c; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; +} + +.has-error .control-label { + color: #b94a48; +} + +.has-error .input-with-feedback { + padding-right: 32px; + border-color: #b94a48; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); +} + +.has-error .input-with-feedback:focus { + border-color: #953b39; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; +} + +.has-success .control-label { + color: #468847; +} + +.has-success .input-with-feedback { + padding-right: 32px; + border-color: #468847; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); +} + +.has-success .input-with-feedback:focus { + border-color: #356635; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; +} + +input:focus:invalid, +textarea:focus:invalid, +select:focus:invalid { + color: #b94a48; + border-color: #ee5f5b; +} + +input:focus:invalid:focus, +textarea:focus:invalid:focus, +select:focus:invalid:focus { + border-color: #e9322d; + -webkit-box-shadow: 0 0 6px #f8b9b7; + box-shadow: 0 0 6px #f8b9b7; +} + +.form-actions { + padding: 19px 20px 20px; + margin-top: 20px; + margin-bottom: 20px; + background-color: #f5f5f5; + border-top: 1px solid #e5e5e5; +} + +.form-actions:before, +.form-actions:after { + display: table; + content: " "; +} + +.form-actions:after { + clear: both; +} + +.help-block, +.help-inline { + color: #737373; +} + +.help-block { + display: block; + margin-bottom: 10px; +} + +.help-inline { + display: inline-block; + padding-left: 5px; + vertical-align: middle; +} + +.input-group { + display: table; +} + +.input-group[class*="span"] { + float: none; + padding: 0; +} + +.input-group input, +.input-group select, +.input-group .uneditable-input { + width: 100%; +} + +.input-group-addon, +.input-group-btn, +.input-group input, +.input-group .uneditable-input { + display: table-cell; + margin: 0; + border-radius: 0; +} + +.input-group-addon.input-small, +.input-group-btn.input-small, +.input-group input.input-small, +.input-group .uneditable-input.input-small { + border-radius: 0; +} + +.input-group-addon.input-large, +.input-group-btn.input-large, +.input-group input.input-large, +.input-group .uneditable-input.input-large { + border-radius: 0; +} + +.input-group-addon, +.input-group-btn { + width: 1%; + vertical-align: middle; +} + +.input-group-addon { + padding: 6px 8px; + font-size: 14px; + font-weight: normal; + line-height: 20px; + text-align: center; + text-shadow: 0 1px 0 #fff; + background-color: #eeeeee; + border: 1px solid #ccc; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.input-group-addon.input-small { + padding: 2px 10px; + font-size: 11.9px; +} + +.input-group-addon.input-large { + padding: 11px 14px; + font-size: 17.5px; +} + +.input-group input:first-child, +.input-group .uneditable-input:first-child, +.input-group-addon:first-child { + border-bottom-left-radius: 4px; + border-top-left-radius: 4px; +} + +.input-group input:first-child.input-small, +.input-group .uneditable-input:first-child.input-small, +.input-group-addon:first-child.input-small { + border-bottom-left-radius: 3px; + border-top-left-radius: 3px; +} + +.input-group input:first-child.input-large, +.input-group .uneditable-input:first-child.input-large, +.input-group-addon:first-child.input-large { + border-bottom-left-radius: 6px; + border-top-left-radius: 6px; +} + +.input-group-addon:first-child { + border-right: 0; +} + +.input-group input:last-child, +.input-group .uneditable-input:last-child, +.input-group-addon:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +.input-group input:last-child.input-small, +.input-group .uneditable-input:last-child.input-small, +.input-group-addon:last-child.input-small { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.input-group input:last-child.input-large, +.input-group .uneditable-input:last-child.input-large, +.input-group-addon:last-child.input-large { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + +.input-group-addon:last-child { + border-left: 0; +} + +.input-group-btn, +.input-group-btn .btn { + white-space: nowrap; +} + +.input-group-btn > .btn { + float: left; + border-radius: 0; +} + +.input-group-btn > .btn + .btn { + border-left: 0; +} + +.input-group-btn.btn-group { + display: table-cell; +} + +.input-group-btn:first-child > .btn, +.input-group-btn.btn-group:first-child > .btn { + border-right: 0; +} + +.input-group-btn:first-child > .btn, +.input-group-btn.btn-group:first-child > .btn { + border-radius: 4px 0 0 4px; +} + +.input-group-btn:first-child > .btn.btn-large, +.input-group-btn.btn-group:first-child > .btn.btn-large { + border-radius: 6px 0 0 6px; +} + +.input-group-btn:first-child > .btn.btn-small, +.input-group-btn.btn-group:first-child > .btn.btn-small { + border-radius: 3px 0 0 3px; +} + +.input-group-btn:last-child > .btn, +.input-group-btn.btn-group:last-child > .btn:first-child { + border-left: 0; +} + +.input-group-btn:last-child > .btn, +.input-group-btn.btn-group:last-child > .btn { + border-radius: 0 4px 4px 0; +} + +.input-group-btn:last-child > .btn.btn-large, +.input-group-btn.btn-group:last-child > .btn.btn-large { + border-radius: 0 6px 6px 0; +} + +.input-group-btn:last-child > .btn.btn-small, +.input-group-btn.btn-group:last-child > .btn.btn-small { + border-radius: 0 3px 3px 0; +} + +@media screen and (min-width: 768px) { + .form-horizontal .control-group { + position: relative; + margin-bottom: 20px; + } + .form-horizontal .control-group:before, + .form-horizontal .control-group:after { + display: table; + content: " "; + } + .form-horizontal .control-group:after { + clear: both; + } + .form-horizontal .control-group input, + .form-horizontal .control-group select, + .form-horizontal .control-group textarea, + .form-horizontal .control-group .uneditable-input { + margin-bottom: 0; + } + .form-horizontal .control-group > .control-label { + float: left; + width: 160px; + padding-top: 6px; + text-align: right; + } + .form-horizontal .control-group > .controls { + margin-left: 180px; + } +} + +.btn { + display: inline-block; + padding: 6px 12px; + margin-bottom: 0; + font-size: 14px; + font-weight: 500; + line-height: 20px; + text-align: center; + vertical-align: middle; + cursor: pointer; + border: 1px solid #a7a9aa; + border-radius: 4px; +} + +.btn:focus { + outline: thin dotted #333; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} + +.btn:hover, +.btn:focus { + color: #fff; + text-decoration: none; +} + +.btn:active, +.btn.active { + background-image: none; + outline: 0; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); +} + +.btn.disabled, +.btn[disabled], +fieldset[disabled] .btn { + cursor: default; + opacity: 0.65; + filter: alpha(opacity=65); + -webkit-box-shadow: none; + box-shadow: none; +} + +.btn-large { + padding: 11px 14px; + font-size: 17.5px; + border-radius: 6px; +} + +.btn-small { + padding: 2px 10px; + font-size: 11.9px; + border-radius: 3px; +} + +.btn-mini [class^="icon-"], +.btn-mini [class*=" icon-"] { + margin-top: -1px; +} + +.btn-mini { + padding: 0 6px; + font-size: 10.5px; + border-radius: 3px; +} + +.btn [class^="glyphicon-"]::before { + vertical-align: -2px; +} + +.btn-small [class^="glyphicon-"]::before, +.btn-mini [class^="glyphicon-"]::before { + vertical-align: -1px; +} + +.btn-block { + display: block; + width: 100%; + padding-right: 0; + padding-left: 0; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.btn-block + .btn-block { + margin-top: 5px; +} + +input[type="submit"].btn-block, +input[type="reset"].btn-block, +input[type="button"].btn-block { + width: 100%; +} + +.btn { + color: #ffffff; + background-color: #a7a9aa; + border-color: #a7a9aa; +} + +.btn:hover, +.btn:focus, +.btn:active { + background-color: #9a9c9d; + border-color: #8d9091; +} + +.btn.disabled:hover, +.btn[disabled]:hover, +fieldset[disabled] .btn:hover, +.btn.disabled:focus, +.btn[disabled]:focus, +fieldset[disabled] .btn:focus, +.btn.disabled:active, +.btn[disabled]:active, +fieldset[disabled] .btn:active { + background-color: #a7a9aa; + border-color: #a7a9aa; +} + +.btn-primary { + background-color: #428bca; + border-color: #428bca; +} + +.btn-primary:hover, +.btn-primary:focus, +.btn-primary:active { + background-color: #357ebd; + border-color: #3071a9; +} + +.btn-primary.disabled:hover, +.btn-primary[disabled]:hover, +fieldset[disabled] .btn-primary:hover, +.btn-primary.disabled:focus, +.btn-primary[disabled]:focus, +fieldset[disabled] .btn-primary:focus, +.btn-primary.disabled:active, +.btn-primary[disabled]:active, +fieldset[disabled] .btn-primary:active { + background-color: #428bca; + border-color: #428bca; +} + +.btn-warning { + background-color: #f0ad4e; + border-color: #f0ad4e; +} + +.btn-warning:hover, +.btn-warning:focus, +.btn-warning:active { + background-color: #eea236; + border-color: #ec971f; +} + +.btn-warning.disabled:hover, +.btn-warning[disabled]:hover, +fieldset[disabled] .btn-warning:hover, +.btn-warning.disabled:focus, +.btn-warning[disabled]:focus, +fieldset[disabled] .btn-warning:focus, +.btn-warning.disabled:active, +.btn-warning[disabled]:active, +fieldset[disabled] .btn-warning:active { + background-color: #f0ad4e; + border-color: #f0ad4e; +} + +.btn-danger { + background-color: #d9534f; + border-color: #d9534f; +} + +.btn-danger:hover, +.btn-danger:focus, +.btn-danger:active { + background-color: #d43f3a; + border-color: #c9302c; +} + +.btn-danger.disabled:hover, +.btn-danger[disabled]:hover, +fieldset[disabled] .btn-danger:hover, +.btn-danger.disabled:focus, +.btn-danger[disabled]:focus, +fieldset[disabled] .btn-danger:focus, +.btn-danger.disabled:active, +.btn-danger[disabled]:active, +fieldset[disabled] .btn-danger:active { + background-color: #d9534f; + border-color: #d9534f; +} + +.btn-success { + background-color: #5cb85c; + border-color: #5cb85c; +} + +.btn-success:hover, +.btn-success:focus, +.btn-success:active { + background-color: #4cae4c; + border-color: #449d44; +} + +.btn-success.disabled:hover, +.btn-success[disabled]:hover, +fieldset[disabled] .btn-success:hover, +.btn-success.disabled:focus, +.btn-success[disabled]:focus, +fieldset[disabled] .btn-success:focus, +.btn-success.disabled:active, +.btn-success[disabled]:active, +fieldset[disabled] .btn-success:active { + background-color: #5cb85c; + border-color: #5cb85c; +} + +.btn-info { + background-color: #5bc0de; + border-color: #5bc0de; +} + +.btn-info:hover, +.btn-info:focus, +.btn-info:active { + background-color: #46b8da; + border-color: #31b0d5; +} + +.btn-info.disabled:hover, +.btn-info[disabled]:hover, +fieldset[disabled] .btn-info:hover, +.btn-info.disabled:focus, +.btn-info[disabled]:focus, +fieldset[disabled] .btn-info:focus, +.btn-info.disabled:active, +.btn-info[disabled]:active, +fieldset[disabled] .btn-info:active { + background-color: #5bc0de; + border-color: #5bc0de; +} + +.btn-link, +.btn-link:active, +.btn-link[disabled], +fieldset[disabled] .btn-link { + background-color: transparent; + background-image: none; + -webkit-box-shadow: none; + box-shadow: none; +} + +.btn-link, +.btn-link:hover, +.btn-link:focus, +.btn-link:active { + border-color: transparent; +} + +.btn-link { + font-weight: normal; + color: #428bca; + cursor: pointer; + border-radius: 0; +} + +.btn-link:hover, +.btn-link:focus { + color: #2a6496; + text-decoration: underline; + background-color: transparent; +} + +.btn-link[disabled]:hover, +fieldset[disabled] .btn-link:hover, +.btn-link[disabled]:focus, +fieldset[disabled] .btn-link:focus { + color: #333333; + text-decoration: none; +} + +.fade { + opacity: 0; + -webkit-transition: opacity 0.15s linear; + -moz-transition: opacity 0.15s linear; + -o-transition: opacity 0.15s linear; + transition: opacity 0.15s linear; +} + +.fade.in { + opacity: 1; +} + +/*.collapse { + position: relative; + height: 0; + overflow: hidden; + .transition(height .35s ease); + &.in { + height: auto; + } +}*/ + +.collapse { + position: relative; + height: 0; + overflow: hidden; + -webkit-transition: height 0.35s ease; + -moz-transition: height 0.35s ease; + -o-transition: height 0.35s ease; + transition: height 0.35s ease; +} + +.collapse.in { + height: auto; +} + +@font-face { + font-family: 'Glyphicons Halflings'; + font-style: normal; + font-weight: normal; + src: url('../fonts/glyphiconshalflings-regular.eot'); + src: url('../fonts/glyphiconshalflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphiconshalflings-regular.woff') format('woff'), url('../fonts/glyphiconshalflings-regular.ttf') format('truetype'), url('../fonts/glyphiconshalflings-regular.svg#glyphicons_halflingsregular') format('svg'); +} + +[class^="glyphicon-"]:before { + font-family: 'Glyphicons Halflings'; + font-style: normal; + line-height: 1; +} + +.glyphicon-glass:before { + content: "\e001"; +} + +.glyphicon-music:before { + content: "\e002"; +} + +.glyphicon-search:before { + content: "\e003"; +} + +.glyphicon-envelope:before { + content: "\2709"; +} + +.glyphicon-heart:before { + content: "\e005"; +} + +.glyphicon-star:before { + content: "\e006"; +} + +.glyphicon-star-empty:before { + content: "\e007"; +} + +.glyphicon-user:before { + content: "\e008"; +} + +.glyphicon-film:before { + content: "\e009"; +} + +.glyphicon-th-large:before { + content: "\e010"; +} + +.glyphicon-th:before { + content: "\e011"; +} + +.glyphicon-th-list:before { + content: "\e012"; +} + +.glyphicon-ok:before { + content: "\e013"; +} + +.glyphicon-remove:before { + content: "\e014"; +} + +.glyphicon-zoom-in:before { + content: "\e015"; +} + +.glyphicon-zoom-out:before { + content: "\e016"; +} + +.glyphicon-off:before { + content: "\e017"; +} + +.glyphicon-signal:before { + content: "\e018"; +} + +.glyphicon-cog:before { + content: "\e019"; +} + +.glyphicon-trash:before { + content: "\e020"; +} + +.glyphicon-home:before { + content: "\e021"; +} + +.glyphicon-file:before { + content: "\e022"; +} + +.glyphicon-time:before { + content: "\e023"; +} + +.glyphicon-road:before { + content: "\e024"; +} + +.glyphicon-download-alt:before { + content: "\e025"; +} + +.glyphicon-download:before { + content: "\e026"; +} + +.glyphicon-upload:before { + content: "\e027"; +} + +.glyphicon-inbox:before { + content: "\e028"; +} + +.glyphicon-play-circle:before { + content: "\e029"; +} + +.glyphicon-repeat:before { + content: "\e030"; +} + +.glyphicon-refresh:before { + content: "\e031"; +} + +.glyphicon-list-alt:before { + content: "\e032"; +} + +.glyphicon-lock:before { + content: "\e033"; +} + +.glyphicon-flag:before { + content: "\e034"; +} + +.glyphicon-headphones:before { + content: "\e035"; +} + +.glyphicon-volume-off:before { + content: "\e036"; +} + +.glyphicon-volume-down:before { + content: "\e037"; +} + +.glyphicon-volume-up:before { + content: "\e038"; +} + +.glyphicon-qrcode:before { + content: "\e039"; +} + +.glyphicon-barcode:before { + content: "\e040"; +} + +.glyphicon-tag:before { + content: "\e041"; +} + +.glyphicon-tags:before { + content: "\e042"; +} + +.glyphicon-book:before { + content: "\e043"; +} + +.glyphicon-bookmark:before { + content: "\e044"; +} + +.glyphicon-print:before { + content: "\e045"; +} + +.glyphicon-camera:before { + content: "\e046"; +} + +.glyphicon-font:before { + content: "\e047"; +} + +.glyphicon-bold:before { + content: "\e048"; +} + +.glyphicon-italic:before { + content: "\e049"; +} + +.glyphicon-text-height:before { + content: "\e050"; +} + +.glyphicon-text-width:before { + content: "\e051"; +} + +.glyphicon-align-left:before { + content: "\e052"; +} + +.glyphicon-align-center:before { + content: "\e053"; +} + +.glyphicon-align-right:before { + content: "\e054"; +} + +.glyphicon-align-justify:before { + content: "\e055"; +} + +.glyphicon-list:before { + content: "\e056"; +} + +.glyphicon-indent-left:before { + content: "\e057"; +} + +.glyphicon-indent-right:before { + content: "\e058"; +} + +.glyphicon-facetime-video:before { + content: "\e059"; +} + +.glyphicon-picture:before { + content: "\e060"; +} + +.glyphicon-pencil:before { + content: "\270f"; +} + +.glyphicon-map-marker:before { + content: "\e062"; +} + +.glyphicon-adjust:before { + content: "\e063"; +} + +.glyphicon-tint:before { + content: "\e064"; +} + +.glyphicon-edit:before { + content: "\e065"; +} + +.glyphicon-share:before { + content: "\e066"; +} + +.glyphicon-check:before { + content: "\e067"; +} + +.glyphicon-move:before { + content: "\e068"; +} + +.glyphicon-step-backward:before { + content: "\e069"; +} + +.glyphicon-fast-backward:before { + content: "\e070"; +} + +.glyphicon-backward:before { + content: "\e071"; +} + +.glyphicon-play:before { + content: "\e072"; +} + +.glyphicon-pause:before { + content: "\e073"; +} + +.glyphicon-stop:before { + content: "\e074"; +} + +.glyphicon-forward:before { + content: "\e075"; +} + +.glyphicon-fast-forward:before { + content: "\e076"; +} + +.glyphicon-step-forward:before { + content: "\e077"; +} + +.glyphicon-eject:before { + content: "\e078"; +} + +.glyphicon-chevron-left:before { + content: "\e079"; +} + +.glyphicon-chevron-right:before { + content: "\e080"; +} + +.glyphicon-plus-sign:before { + content: "\e081"; +} + +.glyphicon-minus-sign:before { + content: "\e082"; +} + +.glyphicon-remove-sign:before { + content: "\e083"; +} + +.glyphicon-ok-sign:before { + content: "\e084"; +} + +.glyphicon-question-sign:before { + content: "\e085"; +} + +.glyphicon-info-sign:before { + content: "\e086"; +} + +.glyphicon-screenshot:before { + content: "\e087"; +} + +.glyphicon-remove-circle:before { + content: "\e088"; +} + +.glyphicon-ok-circle:before { + content: "\e089"; +} + +.glyphicon-ban-circle:before { + content: "\e090"; +} + +.glyphicon-arrow-left:before { + content: "\e091"; +} + +.glyphicon-arrow-right:before { + content: "\e092"; +} + +.glyphicon-arrow-up:before { + content: "\e093"; +} + +.glyphicon-arrow-down:before { + content: "\e094"; +} + +.glyphicon-share-alt:before { + content: "\e095"; +} + +.glyphicon-resize-full:before { + content: "\e096"; +} + +.glyphicon-resize-small:before { + content: "\e097"; +} + +.glyphicon-plus:before { + content: "\002b"; +} + +.glyphicon-minus:before { + content: "\2212"; +} + +.glyphicon-asterisk:before { + content: "\002a"; +} + +.glyphicon-exclamation-sign:before { + content: "\e101"; +} + +.glyphicon-gift:before { + content: "\e102"; +} + +.glyphicon-leaf:before { + content: "\e103"; +} + +.glyphicon-fire:before { + content: "\e104"; +} + +.glyphicon-eye-open:before { + content: "\e105"; +} + +.glyphicon-eye-close:before { + content: "\e106"; +} + +.glyphicon-warning-sign:before { + content: "\e107"; +} + +.glyphicon-plane:before { + content: "\e108"; +} + +.glyphicon-calendar:before { + content: "\e109"; +} + +.glyphicon-random:before { + content: "\e110"; +} + +.glyphicon-comment:before { + content: "\e111"; +} + +.glyphicon-magnet:before { + content: "\e112"; +} + +.glyphicon-chevron-up:before { + content: "\e113"; +} + +.glyphicon-chevron-down:before { + content: "\e114"; +} + +.glyphicon-retweet:before { + content: "\e115"; +} + +.glyphicon-shopping-cart:before { + content: "\e116"; +} + +.glyphicon-folder-close:before { + content: "\e117"; +} + +.glyphicon-folder-open:before { + content: "\e118"; +} + +.glyphicon-resize-vertical:before { + content: "\e119"; +} + +.glyphicon-resize-horizontal:before { + content: "\e120"; +} + +.glyphicon-hdd:before { + content: "\e121"; +} + +.glyphicon-bullhorn:before { + content: "\e122"; +} + +.glyphicon-bell:before { + content: "\e123"; +} + +.glyphicon-certificate:before { + content: "\e124"; +} + +.glyphicon-thumbs-up:before { + content: "\e125"; +} + +.glyphicon-thumbs-down:before { + content: "\e126"; +} + +.glyphicon-hand-right:before { + content: "\e127"; +} + +.glyphicon-hand-left:before { + content: "\e128"; +} + +.glyphicon-hand-up:before { + content: "\e129"; +} + +.glyphicon-hand-down:before { + content: "\e130"; +} + +.glyphicon-circle-arrow-right:before { + content: "\e131"; +} + +.glyphicon-circle-arrow-left:before { + content: "\e132"; +} + +.glyphicon-circle-arrow-up:before { + content: "\e133"; +} + +.glyphicon-circle-arrow-down:before { + content: "\e134"; +} + +.glyphicon-globe:before { + content: "\e135"; +} + +.glyphicon-wrench:before { + content: "\e136"; +} + +.glyphicon-tasks:before { + content: "\e137"; +} + +.glyphicon-filter:before { + content: "\e138"; +} + +.glyphicon-briefcase:before { + content: "\e139"; +} + +.glyphicon-fullscreen:before { + content: "\e140"; +} + +.glyphicon-dashboard:before { + content: "\e141"; +} + +.glyphicon-paperclip:before { + content: "\e142"; +} + +.glyphicon-heart-empty:before { + content: "\e143"; +} + +.glyphicon-link:before { + content: "\e144"; +} + +.glyphicon-phone:before { + content: "\e145"; +} + +.glyphicon-pushpin:before { + content: "\e146"; +} + +.glyphicon-euro:before { + content: "\20ac"; +} + +.glyphicon-usd:before { + content: "\e148"; +} + +.glyphicon-gbp:before { + content: "\e149"; +} + +.glyphicon-sort:before { + content: "\e150"; +} + +.glyphicon-sort-by-alphabet:before { + content: "\e151"; +} + +.glyphicon-sort-by-alphabet-alt:before { + content: "\e152"; +} + +.glyphicon-sort-by-order:before { + content: "\e153"; +} + +.glyphicon-sort-by-order-alt:before { + content: "\e154"; +} + +.glyphicon-sort-by-attributes:before { + content: "\e155"; +} + +.glyphicon-sort-by-attributes-alt:before { + content: "\e156"; +} + +.glyphicon-unchecked:before { + content: "\e157"; +} + +.glyphicon-expand:before { + content: "\e158"; +} + +.glyphicon-collapse:before { + content: "\e159"; +} + +.glyphicon-collapse-top:before { + content: "\e160"; +} + +.dropup, +.dropdown { + position: relative; +} + +.dropdown-toggle:active, +.open .dropdown-toggle { + outline: 0; +} + +.caret { + display: inline-block; + width: 0; + height: 0; + vertical-align: top; + border-top: 4px solid #000; + border-right: 4px solid transparent; + border-left: 4px solid transparent; + content: ""; +} + +.dropdown .caret { + margin-top: 8px; + margin-left: 2px; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 160px; + padding: 5px 0; + margin: 2px 0 0; + list-style: none; + background-color: #ffffff; + border: 1px solid #ccc; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 4px; + -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); + box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); + -webkit-background-clip: padding-box; + -moz-background-clip: padding-box; + background-clip: padding-box; +} + +.dropdown-menu.pull-right { + right: 0; + left: auto; +} + +.dropdown-menu .divider { + height: 1px; + margin: 9px 0; + overflow: hidden; + background-color: #e5e5e5; + border-bottom: 1px solid #ffffff; +} + +.dropdown-menu > li > a { + display: block; + padding: 3px 20px; + clear: both; + font-weight: normal; + line-height: 20px; + color: #333333; + white-space: nowrap; +} + +.dropdown-menu li > a:hover, +.dropdown-menu li > a:focus { + color: #ffffff; + text-decoration: none; + background-color: #357ebd; + background-image: -moz-linear-gradient(top, #428bca, #357ebd); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#428bca), to(#357ebd)); + background-image: -webkit-linear-gradient(top, #428bca, #357ebd); + background-image: -o-linear-gradient(top, #428bca, #357ebd); + background-image: linear-gradient(to bottom, #428bca, #357ebd); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0); +} + +.dropdown-menu > .active > a, +.dropdown-menu > .active > a:hover, +.dropdown-menu > .active > a:focus { + color: #ffffff; + text-decoration: none; + background-color: #357ebd; + background-image: -moz-linear-gradient(top, #428bca, #357ebd); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#428bca), to(#357ebd)); + background-image: -webkit-linear-gradient(top, #428bca, #357ebd); + background-image: -o-linear-gradient(top, #428bca, #357ebd); + background-image: linear-gradient(to bottom, #428bca, #357ebd); + background-repeat: repeat-x; + outline: 0; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0); +} + +.dropdown-menu > .disabled > a, +.dropdown-menu > .disabled > a:hover, +.dropdown-menu > .disabled > a:focus { + color: #999999; +} + +.dropdown-menu > .disabled > a:hover, +.dropdown-menu > .disabled > a:focus { + text-decoration: none; + cursor: default; + background-color: transparent; + background-image: none; + filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); +} + +.open > .dropdown-menu { + display: block; +} + +.pull-right > .dropdown-menu { + right: 0; + left: auto; +} + +.dropup .caret, +.navbar-fixed-bottom .dropdown .caret { + border-top: 0; + border-bottom: 4px solid #000; + content: ""; +} + +.dropup .dropdown-menu, +.navbar-fixed-bottom .dropdown .dropdown-menu { + top: auto; + bottom: 100%; + margin-bottom: 1px; +} + +.dropdown .dropdown-menu .nav-header { + padding-right: 20px; + padding-left: 20px; +} + +.typeahead { + z-index: 1051; +} + +.well { + min-height: 20px; + padding: 19px; + margin-bottom: 20px; + background-color: #f5f5f5; + border: 1px solid #e3e3e3; + border-radius: 4px; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); +} + +.well blockquote { + border-color: #ddd; + border-color: rgba(0, 0, 0, 0.15); +} + +.well-large { + padding: 24px; + border-radius: 6px; +} + +.well-small { + padding: 9px; + border-radius: 3px; +} + +.close { + float: right; + font-size: 20px; + font-weight: bold; + line-height: 20px; + color: #000; + text-shadow: 0 1px 0 #ffffff; + opacity: 0.2; + filter: alpha(opacity=20); +} + +.close:hover, +.close:focus { + color: #000; + text-decoration: none; + cursor: pointer; + opacity: 0.5; + filter: alpha(opacity=50); +} + +button.close { + padding: 0; + cursor: pointer; + background: transparent; + border: 0; + -webkit-appearance: none; +} + +.nav { + padding-left: 0; + margin-bottom: 0; + margin-left: 0; + list-style: none; +} + +.nav:before, +.nav:after { + display: table; + content: " "; +} + +.nav:after { + clear: both; +} + +.nav > li { + display: block; +} + +.nav > li > a { + position: relative; + display: block; + padding: 10px 15px; +} + +.nav > li > a:hover, +.nav > li > a:focus { + text-decoration: none; + background-color: #eeeeee; +} + +.nav > .pull-right { + float: right; +} + +.nav-tabs { + border-bottom: 1px solid #ddd; +} + +.nav-tabs > li { + float: left; + margin-bottom: -1px; +} + +.nav-tabs > li > a { + margin-right: 2px; + line-height: 20px; + border: 1px solid transparent; + border-radius: 4px 4px 0 0; +} + +.nav-tabs > li > a:hover { + border-color: #eeeeee #eeeeee #dddddd; +} + +.nav-tabs > .active > a, +.nav-tabs > .active > a:hover, +.nav-tabs > .active > a:focus { + color: #555555; + cursor: default; + background-color: #ffffff; + border: 1px solid #ddd; + border-bottom-color: transparent; +} + +.nav-pills > li { + float: left; +} + +.nav-pills > li > a { + border-radius: 5px; +} + +.nav-pills > li + li > a { + margin-left: 2px; +} + +.nav-pills > .active > a, +.nav-pills > .active > a:hover, +.nav-pills > .active > a:focus { + color: #fff; + background-color: #428bca; +} + +.nav-stacked > li { + float: none; +} + +.nav-stacked > li + li > a { + margin-top: 2px; + margin-left: 0; +} + +.nav-justified { + max-height: 40px; +} + +.nav-justified > li { + display: table-cell; + float: none; + width: 1%; + text-align: center; +} + +.nav-list > li > a { + margin-bottom: -1px; + border: 1px solid #e5e5e5; +} + +.nav-list > li:first-child > a { + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} + +.nav-list > li:last-child > a { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} + +.nav-list > .active > a, +.nav-list > .active > a:hover, +.nav-list > .active > a:focus { + z-index: 2; + color: #fff; + background-color: #428bca; + border-color: #428bca; +} + +.nav > .disabled > a { + color: #999999; +} + +.nav > .disabled > a:hover, +.nav > .disabled > a:focus { + text-decoration: none; + cursor: default; + background-color: transparent; +} + +.nav-header { + display: block; + padding: 3px 15px; + font-size: 11px; + font-weight: bold; + line-height: 20px; + color: #999999; + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); + text-transform: uppercase; +} + +.nav li + .nav-header { + margin-top: 9px; +} + +.nav .divider { + height: 1px; + margin: 9px 0; + overflow: hidden; + background-color: #e5e5e5; + border-bottom: 1px solid #ffffff; +} + +/* +// Prevent IE8 from misplacing imgs +// See https://github.com/h5bp/html5-boilerplate/issues/984#issuecomment-3985989 +.nav > li > a > img { + max-width: none; +} + +// Dropdowns +// ------------------------- + +.nav-tabs .dropdown-menu { + // Remove the top rounded corners here since there is a hard edge above the menu + .border-top-radius(0); +} + +// Default dropdown links +// ------------------------- +// Make carets use linkColor to start +.nav .dropdown-toggle .caret { + border-top-color: @link-color; + border-bottom-color: @link-color; + margin-top: 8px; +} +.nav .dropdown-toggle:hover .caret { + border-top-color: @link-color-hover; + border-bottom-color: @link-color-hover; +} + +// Active dropdown links +// ------------------------- +.nav .active .dropdown-toggle .caret { + border-top-color: #fff; + border-bottom-color: #fff; +} +.nav-tabs .active .dropdown-toggle .caret { + border-top-color: @gray; + border-bottom-color: @gray; +} + +// Active:hover dropdown links +// ------------------------- +.nav > .dropdown.active > a:hover { + cursor: pointer; +} + +// Open dropdowns +// ------------------------- +.nav-tabs .open .dropdown-toggle, +.nav-pills .open .dropdown-toggle, +.nav > li.dropdown.open.active > a:hover { + color: #fff; + background-color: @grayLight; + border-color: @grayLight; +} +.nav li.dropdown.open .caret, +.nav li.dropdown.open.active .caret, +.nav li.dropdown.open a:hover .caret { + border-top-color: #fff; + border-bottom-color: #fff; + .opacity(100); +} + +// Dropdowns in stacked tabs +.tabs-stacked .open > a:hover { + border-color: @grayLight; +} + + + +// Tabbable tabs +// ------------------------- + +// Clear any floats +.tabbable { + .clearfix(); +} + +// Show/hide tabbable areas +.tab-content > .tab-pane, +.pill-content > .pill-pane { + display: none; +} +.tab-content > .active, +.pill-content > .active { + display: block; +} + +*/ + +.navbar { + padding: 15px; + background-color: #eeeeee; + border-radius: 4px; +} + +.navbar:before, +.navbar:after { + display: table; + content: " "; +} + +.navbar:after { + clear: both; +} + +.navbar .nav { + margin-top: 15px; +} + +.navbar .nav > li > a { + padding-top: 15px; + padding-bottom: 15px; + line-height: 20px; + color: #777777; +} + +.navbar .nav > li > a:hover, +.navbar .nav > li > a:focus { + color: #333333; + background-color: transparent; +} + +.navbar .nav > .active > a, +.navbar .nav > .active > a:hover, +.navbar .nav > .active > a:focus { + color: #555555; + background-color: #d5d5d5; +} + +.navbar-static-top { + position: static; + border-radius: 0; +} + +.navbar-fixed-top, +.navbar-fixed-bottom { + position: fixed; + right: 0; + left: 0; + z-index: 1030; + border-radius: 0; +} + +.navbar-fixed-top { + top: 0; +} + +.navbar-fixed-bottom { + bottom: 0; +} + +.navbar .brand { + display: inline-block; + padding: 7px 15px; + font-size: 18px; + font-weight: 500; + line-height: 20px; + color: #777777; +} + +.navbar .brand:hover, +.navbar .brand:focus { + color: #5e5e5e; + text-decoration: none; + background-color: transparent; +} + +.btn-navbar { + float: right; + padding: 10px 12px; + background-color: #ddd; + border: 0; + border-radius: 4px; +} + +.btn-navbar .icon-bar { + display: block; + width: 20px; + height: 2px; + background-color: #fff; + border-radius: 1px; +} + +.btn-navbar .icon-bar + .icon-bar { + margin-top: 3px; +} + +.navbar .nav > .divider { + height: 1px; + margin: 9px 0; + overflow: hidden; + background-color: #e1e1e1; + border-bottom: 1px solid #fbfbfb; +} + +.navbar-form { + margin-top: 8px; + margin-bottom: 8px; +} + +.navbar .nav > li > .dropdown-menu { + margin-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; +} + +.navbar-fixed-bottom .nav > li > .dropdown-menu { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.navbar .nav li.dropdown > a:hover .caret, +.navbar .nav li.dropdown > a:focus .caret { + border-top-color: #333333; + border-bottom-color: #333333; +} + +.navbar .nav li.dropdown.open > .dropdown-toggle, +.navbar .nav li.dropdown.active > .dropdown-toggle, +.navbar .nav li.dropdown.open.active > .dropdown-toggle { + color: #555555; + background-color: #d5d5d5; +} + +.navbar .nav li.dropdown > .dropdown-toggle .caret { + border-top-color: #777777; + border-bottom-color: #777777; +} + +.navbar .nav li.dropdown.open > .dropdown-toggle .caret, +.navbar .nav li.dropdown.active > .dropdown-toggle .caret, +.navbar .nav li.dropdown.open.active > .dropdown-toggle .caret { + border-top-color: #555555; + border-bottom-color: #555555; +} + +.navbar .pull-right > li > .dropdown-menu, +.navbar .nav > li > .dropdown-menu.pull-right { + right: 0; + left: auto; +} + +.navbar-inverse { + background-color: #222222; +} + +.navbar-inverse .brand { + color: #999999; +} + +.navbar-inverse .brand:hover, +.navbar-inverse .brand:focus { + color: #808080; + background-color: transparent; +} + +.navbar-inverse .navbar-text { + color: #999999; +} + +.navbar-inverse .nav > li > a { + color: #999999; +} + +.navbar-inverse .nav > li > a:hover, +.navbar-inverse .nav > li > a:focus { + color: #ffffff; + background-color: transparent; +} + +.navbar-inverse .nav > .active > a, +.navbar-inverse .nav > .active > a:hover, +.navbar-inverse .nav > .active > a:focus { + color: #ffffff; + background-color: #222222; +} + +.navbar-inverse .btn-navbar { + background-color: #444; +} + +.navbar-inverse .nav > .divider { + background-color: #151515; + border-bottom-color: #2f2f2f; +} + +.navbar-inverse .nav li.dropdown.open > .dropdown-toggle, +.navbar-inverse .nav li.dropdown.active > .dropdown-toggle, +.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle { + color: #ffffff; + background-color: #222222; +} + +.navbar-inverse .nav li.dropdown > a:hover .caret { + border-top-color: #ffffff; + border-bottom-color: #ffffff; +} + +.navbar-inverse .nav li.dropdown > .dropdown-toggle .caret { + border-top-color: #999999; + border-bottom-color: #999999; +} + +.navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret, +.navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret, +.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle .caret { + border-top-color: #ffffff; + border-bottom-color: #ffffff; +} + +@media screen and (min-width: 768px) { + .navbar { + padding-top: 0; + padding-bottom: 0; + } + .navbar .brand { + float: left; + padding-top: 15px; + padding-bottom: 15px; + margin-left: -15px; + } + .navbar .nav { + float: left; + margin-top: 0; + } + .navbar .nav:before, + .navbar .nav:after { + display: table; + content: " "; + } + .navbar .nav:after { + clear: both; + } + .navbar .nav.pull-right { + float: right; + } + .navbar .nav > li { + float: left; + } + .navbar .nav > .divider { + width: 1px; + height: 30px; + margin: 10px 9px; + border-right: 1px solid #fbfbfb; + border-bottom: 0; + } + .navbar-inverse .nav > .divider { + border-right-color: #2f2f2f; + } + .navbar .btn-navbar { + display: none; + } + .nav-collapse.collapse { + height: auto !important; + overflow: visible !important; + } +} + +/* + +// Janky solution for now to account for links outside the .nav +// ------------------------- +.navbar-link { + color: @navbar-link-color; + &:hover { + color: @navbar-link-color-hover; + } +} + +// Buttons in navbar +// ------------------------- +.navbar .btn, +.navbar .btn-group { + .navbarVerticalAlign(30px); // Vertically center in navbar +} +.navbar .btn-group .btn, +.navbar .input-prepend .btn, +.navbar .input-append .btn { + margin-top: 0; // then undo the margin here so we don't accidentally double it +} + +// Navbar forms +// ------------------------- +.navbar-form { + margin-bottom: 0; // remove default bottom margin + .clearfix(); + input, + select, + .radio, + .checkbox { + .navbarVerticalAlign(30px); // Vertically center in navbar + } + input, + select, + .btn { + display: inline-block; + margin-bottom: 0; + } + input[type="image"], + input[type="checkbox"], + input[type="radio"] { + margin-top: 3px; + } + .input-append, + .input-prepend { + margin-top: 5px; + white-space: nowrap; // preven two items from separating within a .navbar-form that has .pull-left + input { + margin-top: 0; // remove the margin on top since it's on the parent + } + } +} + +*/ + +.btn .caret { + border-top-color: #ffffff; +} + +.dropup .btn .caret { + border-bottom-color: #ffffff; +} + +.btn-group { + position: relative; + display: inline-block; + vertical-align: middle; +} + +.btn-group > .btn { + float: left; +} + +.btn-toolbar:before, +.btn-toolbar:after { + display: table; + content: " "; +} + +.btn-toolbar:after { + clear: both; +} + +.btn-toolbar .btn-group { + float: left; +} + +.btn-toolbar > .btn + .btn, +.btn-toolbar > .btn-group + .btn, +.btn-toolbar > .btn + .btn-group, +.btn-toolbar > .btn-group + .btn-group { + margin-left: 5px; +} + +.btn-group > .btn { + position: relative; + border-radius: 0; +} + +.btn-group > .btn + .btn { + margin-left: 1px; +} + +.btn-group > .btn:first-child { + margin-left: 0; + border-bottom-left-radius: 4px; + border-top-left-radius: 4px; +} + +.btn-group > .btn:last-child, +.btn-group > .dropdown-toggle { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +.btn-group > .btn.large:first-child { + margin-left: 0; + border-bottom-left-radius: 6px; + border-top-left-radius: 6px; +} + +.btn-group > .btn.large:last-child, +.btn-group > .large.dropdown-toggle { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + +.btn-group .dropdown-toggle:active, +.btn-group.open .dropdown-toggle { + outline: 0; +} + +.btn-group > .btn + .dropdown-toggle { + padding-right: 8px; + padding-left: 8px; +} + +.btn-group > .btn-mini + .dropdown-toggle { + padding-right: 5px; + padding-left: 5px; +} + +.btn-group > .btn-large + .dropdown-toggle { + padding-right: 12px; + padding-left: 12px; +} + +.btn-group.open .dropdown-toggle { + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); +} + +.btn .caret { + margin-top: 8px; + margin-left: 0; +} + +.btn-large .caret { + border-width: 5px; +} + +.dropup .btn-large .caret { + border-bottom-width: 5px; +} + +.btn-group-vertical > .btn { + display: block; + float: none; + max-width: 100%; + border-radius: 0; +} + +.btn-group-vertical > .btn + .btn { + margin-top: 1px; + margin-left: 0; +} + +.btn-group-vertical .btn:first-child { + border-radius: 4px 4px 0 0; +} + +.btn-group-vertical .btn:last-child { + border-radius: 0 0 4px 4px; +} + +.btn-group-vertical .btn-large:first-child { + border-radius: 6px 6px 0 0; +} + +.btn-group-vertical .btn-large:last-child { + border-radius: 0 0 6px 6px; +} + +.btn-group-justified { + display: table; + width: 100%; +} + +.btn-group-justified .btn { + display: table-cell; + float: none; + width: 1%; +} + +.breadcrumb { + padding: 8px 15px; + margin: 0 0 20px; + list-style: none; + background-color: #f5f5f5; + border-radius: 4px; +} + +.breadcrumb > li { + display: inline-block; + text-shadow: 0 1px 0 #fff; +} + +.breadcrumb > li:after { + display: inline-block; + padding: 0 5px; + color: #ccc; + content: "\00a0 /"; +} + +.breadcrumb > .active { + color: #999999; +} + +.pagination { + display: inline-block; + margin: 20px 0; + border-radius: 4px; +} + +.pagination > li { + display: inline; +} + +.pagination > li > a, +.pagination > li > span { + float: left; + padding: 4px 12px; + line-height: 20px; + text-decoration: none; + background-color: #ffffff; + border: 1px solid #dddddd; + border-left-width: 0; +} + +.pagination > li > a:hover, +.pagination > li > a:focus, +.pagination > .active > a, +.pagination > .active > span { + background-color: #f5f5f5; +} + +.pagination > .active > a, +.pagination > .active > span { + color: #999999; + cursor: default; +} + +.pagination > .disabled > span, +.pagination > .disabled > a, +.pagination > .disabled > a:hover, +.pagination > .disabled > a:focus { + color: #999999; + cursor: default; + background-color: transparent; +} + +.pagination > li:first-child > a, +.pagination > li:first-child > span { + border-left-width: 1px; + border-bottom-left-radius: 4px; + border-top-left-radius: 4px; +} + +.pagination > li:last-child > a, +.pagination > li:last-child > span { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +.pagination-large > li > a, +.pagination-large > li > span { + padding: 11px 14px; + font-size: 17.5px; +} + +.pagination-large > li:first-child > a, +.pagination-large > li:first-child > span { + border-bottom-left-radius: 6px; + border-top-left-radius: 6px; +} + +.pagination-large > li:last-child > a, +.pagination-large > li:last-child > span { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + +.pagination-mini > li:first-child > a, +.pagination-small > li:first-child > a, +.pagination-mini > li:first-child > span, +.pagination-small > li:first-child > span { + border-bottom-left-radius: 3px; + border-top-left-radius: 3px; +} + +.pagination-mini > li:last-child > a, +.pagination-small > li:last-child > a, +.pagination-mini > li:last-child > span, +.pagination-small > li:last-child > span { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.pagination-small > li > a, +.pagination-small > li > span { + padding: 2px 10px; + font-size: 11.9px; +} + +.pagination-mini > li > a, +.pagination-mini > li > span { + padding: 0 6px; + font-size: 10.5px; +} + +.pager { + margin: 20px 0; + text-align: center; + list-style: none; +} + +.pager:before, +.pager:after { + display: table; + content: " "; +} + +.pager:after { + clear: both; +} + +.pager li { + display: inline; +} + +.pager li > a, +.pager li > span { + display: inline-block; + padding: 5px 14px; + background-color: #fff; + border: 1px solid #ddd; + border-radius: 15px; +} + +.pager li > a:hover, +.pager li > a:focus { + text-decoration: none; + background-color: #f5f5f5; +} + +.pager .next > a, +.pager .next > span { + float: right; +} + +.pager .previous > a, +.pager .previous > span { + float: left; +} + +.pager .disabled > a, +.pager .disabled > a:hover, +.pager .disabled > a:focus, +.pager .disabled > span { + color: #999999; + cursor: default; + background-color: #fff; +} + +.modal-backdrop { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1040; + background-color: #000; +} + +.modal-backdrop.fade { + opacity: 0; +} + +.modal-backdrop, +.modal-backdrop.fade.in { + opacity: 0.8; + filter: alpha(opacity=80); +} + +.modal { + position: fixed; + top: 10%; + left: 50%; + z-index: 1050; + display: none; + width: 560px; + margin-left: -280px; + background-color: #fff; + border: 1px solid #999; + border: 1px solid rgba(0, 0, 0, 0.3); + border-radius: 6px; + outline: none; + -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); + box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); + -webkit-background-clip: padding-box; + -moz-background-clip: padding-box; + background-clip: padding-box; +} + +.modal.fade { + top: -25%; + -webkit-transition: opacity 0.3s linear, top 0.3s ease-out; + -moz-transition: opacity 0.3s linear, top 0.3s ease-out; + -o-transition: opacity 0.3s linear, top 0.3s ease-out; + transition: opacity 0.3s linear, top 0.3s ease-out; +} + +.modal.fade.in { + top: 10%; +} + +.modal-header { + padding: 9px 15px; + border-bottom: 1px solid #eee; +} + +.modal-header .close { + margin-top: 2px; +} + +.modal-header h3 { + margin: 0; + line-height: 30px; +} + +.modal-body { + position: relative; + max-height: 400px; + padding: 15px; + overflow-y: auto; +} + +.modal-form { + margin-bottom: 0; +} + +.modal-footer { + padding: 14px 15px 15px; + margin-bottom: 0; + text-align: right; + background-color: #f5f5f5; + border-top: 1px solid #ddd; + border-radius: 0 0 6px 6px; + -webkit-box-shadow: inset 0 1px 0 #ffffff; + box-shadow: inset 0 1px 0 #ffffff; +} + +.modal-footer:before, +.modal-footer:after { + display: table; + content: " "; +} + +.modal-footer:after { + clear: both; +} + +.modal-footer .btn + .btn { + margin-bottom: 0; + margin-left: 5px; +} + +.modal-footer .btn-group .btn + .btn { + margin-left: -1px; +} + +.modal-footer .btn-block + .btn-block { + margin-left: 0; +} + +.tooltip { + position: absolute; + z-index: 1030; + display: block; + padding: 5px; + font-size: 11px; + line-height: 1.4; + opacity: 0; + filter: alpha(opacity=0); + visibility: visible; +} + +.tooltip.in { + opacity: 1; + filter: alpha(opacity=100); +} + +.tooltip.top { + margin-top: -3px; +} + +.tooltip.right { + margin-left: 3px; +} + +.tooltip.bottom { + margin-top: 3px; +} + +.tooltip.left { + margin-left: -3px; +} + +.tooltip-inner { + max-width: 200px; + padding: 3px 8px; + color: #ffffff; + text-align: center; + text-decoration: none; + background-color: rgba(0, 0, 0, 0.9); + border-radius: 4px; +} + +.tooltip-arrow { + position: absolute; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; +} + +.tooltip.top .tooltip-arrow { + bottom: 0; + left: 50%; + margin-left: -5px; + border-top-color: rgba(0, 0, 0, 0.9); + border-width: 5px 5px 0; +} + +.tooltip.right .tooltip-arrow { + top: 50%; + left: 0; + margin-top: -5px; + border-right-color: rgba(0, 0, 0, 0.9); + border-width: 5px 5px 5px 0; +} + +.tooltip.left .tooltip-arrow { + top: 50%; + right: 0; + margin-top: -5px; + border-left-color: rgba(0, 0, 0, 0.9); + border-width: 5px 0 5px 5px; +} + +.tooltip.bottom .tooltip-arrow { + top: 0; + left: 50%; + margin-left: -5px; + border-bottom-color: rgba(0, 0, 0, 0.9); + border-width: 0 5px 5px; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1010; + display: none; + max-width: 276px; + padding: 1px; + text-align: left; + white-space: normal; + background-color: #ffffff; + border: 1px solid #ccc; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 6px; + -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + -webkit-background-clip: padding-box; + -moz-background-clip: padding; + background-clip: padding-box; +} + +.popover.top { + margin-top: -10px; +} + +.popover.right { + margin-left: 10px; +} + +.popover.bottom { + margin-top: 10px; +} + +.popover.left { + margin-left: -10px; +} + +.popover-title { + padding: 8px 14px; + margin: 0; + font-size: 14px; + font-weight: normal; + line-height: 18px; + background-color: #f7f7f7; + border-bottom: 1px solid #ebebeb; + border-radius: 5px 5px 0 0; +} + +.popover-title:empty { + display: none; +} + +.popover-content { + padding: 9px 14px; +} + +.popover .arrow, +.popover .arrow:after { + position: absolute; + display: block; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; +} + +.popover .arrow { + border-width: 11px; +} + +.popover .arrow:after { + border-width: 10px; + content: ""; +} + +.popover.top .arrow { + bottom: -11px; + left: 50%; + margin-left: -11px; + border-top-color: #999; + border-top-color: rgba(0, 0, 0, 0.25); + border-bottom-width: 0; +} + +.popover.top .arrow:after { + bottom: 1px; + margin-left: -10px; + border-top-color: #ffffff; + border-bottom-width: 0; +} + +.popover.right .arrow { + top: 50%; + left: -11px; + margin-top: -11px; + border-right-color: #999; + border-right-color: rgba(0, 0, 0, 0.25); + border-left-width: 0; +} + +.popover.right .arrow:after { + bottom: -10px; + left: 1px; + border-right-color: #ffffff; + border-left-width: 0; +} + +.popover.bottom .arrow { + top: -11px; + left: 50%; + margin-left: -11px; + border-bottom-color: #999; + border-bottom-color: rgba(0, 0, 0, 0.25); + border-top-width: 0; +} + +.popover.bottom .arrow:after { + top: 1px; + margin-left: -10px; + border-bottom-color: #ffffff; + border-top-width: 0; +} + +.popover.left .arrow { + top: 50%; + right: -11px; + margin-top: -11px; + border-left-color: #999; + border-left-color: rgba(0, 0, 0, 0.25); + border-right-width: 0; +} + +.popover.left .arrow:after { + right: 1px; + bottom: -10px; + border-left-color: #ffffff; + border-right-width: 0; +} + +.alert { + padding: 8px 35px 8px 14px; + margin-bottom: 20px; + color: #c09853; + background-color: #fcf8e3; + border: 1px solid #fbeed5; + border-radius: 4px; +} + +.alert h4 { + margin-top: 0; + color: inherit; +} + +.alert .close { + position: relative; + top: -2px; + right: -21px; + line-height: 20px; + color: inherit; +} + +.alert-success { + color: #468847; + background-color: #dff0d8; + border-color: #d6e9c6; +} + +.alert-danger, +.alert-error { + color: #b94a48; + background-color: #f2dede; + border-color: #eed3d7; +} + +.alert-info { + color: #3a87ad; + background-color: #d9edf7; + border-color: #bce8f1; +} + +.alert-block { + padding-top: 14px; + padding-bottom: 14px; +} + +.alert-block > p, +.alert-block > ul { + margin-bottom: 0; +} + +.alert-block p + p { + margin-top: 5px; +} + +.thumbnail, +.img-thumbnail { + padding: 4px; + line-height: 20px; + border: 1px solid #ddd; + border-radius: 4px; + -webkit-transition: all 0.2s ease-in-out; + -moz-transition: all 0.2s ease-in-out; + -o-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; +} + +.thumbnail { + display: block; +} + +.img-thumbnail { + display: inline-block; +} + +a.thumbnail:hover, +a.thumbnail:focus { + border-color: #428bca; +} + +.thumbnail > img { + display: block; + max-width: 100%; + margin-right: auto; + margin-left: auto; +} + +.thumbnail .caption { + padding: 9px; + color: #555555; +} + +.media, +.media-body { + overflow: hidden; + zoom: 1; +} + +.media, +.media .media { + margin-top: 15px; +} + +.media:first-child { + margin-top: 0; +} + +.media-object { + display: block; +} + +.media-heading { + margin: 0 0 5px; +} + +.media > .pull-left { + margin-right: 10px; +} + +.media > .pull-right { + margin-left: 10px; +} + +.media-list { + margin-left: 0; + list-style: none; +} + +.counter { + display: inline-block; + min-width: 10px; + padding: 3px 7px; + font-size: 12px; + font-weight: bold; + line-height: 1; + color: #fff; + text-align: center; + white-space: nowrap; + vertical-align: middle; + background-color: #999999; + border-radius: 10px; +} + +.counter:empty { + display: none; +} + +a.counter:hover, +a.counter:focus { + color: #fff; + text-decoration: none; + cursor: pointer; +} + +.btn .counter { + position: relative; + top: -1px; +} + +.btn-mini .counter { + top: 0; +} + +.nav-list > .active > a > .counter, +.nav-pills > .active > a > .counter { + color: #428bca; + background-color: #fff; +} + +.nav-pills > li > a > .counter { + margin-left: 3px; +} + +@-webkit-keyframes progress-bar-stripes { + from { + background-position: 40px 0; + } + to { + background-position: 0 0; + } +} + +@-moz-keyframes progress-bar-stripes { + from { + background-position: 40px 0; + } + to { + background-position: 0 0; + } +} + +@-ms-keyframes progress-bar-stripes { + from { + background-position: 40px 0; + } + to { + background-position: 0 0; + } +} + +@-o-keyframes progress-bar-stripes { + from { + background-position: 0 0; + } + to { + background-position: 40px 0; + } +} + +@keyframes progress-bar-stripes { + from { + background-position: 40px 0; + } + to { + background-position: 0 0; + } +} + +.progress { + height: 20px; + margin-bottom: 20px; + overflow: hidden; + background-color: #f5f5f5; + border-radius: 4px; + -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); +} + +.progress-bar { + float: left; + width: 0; + height: 100%; + font-size: 12px; + color: #fff; + text-align: center; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #428bca; + -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: width 0.6s ease; + -moz-transition: width 0.6s ease; + -o-transition: width 0.6s ease; + transition: width 0.6s ease; +} + +.progress-striped .progress-bar { + background-color: #428bca; + background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + -webkit-background-size: 40px 40px; + -moz-background-size: 40px 40px; + -o-background-size: 40px 40px; + background-size: 40px 40px; +} + +.progress.active .progress-bar { + -webkit-animation: progress-bar-stripes 2s linear infinite; + -moz-animation: progress-bar-stripes 2s linear infinite; + -ms-animation: progress-bar-stripes 2s linear infinite; + -o-animation: progress-bar-stripes 2s linear infinite; + animation: progress-bar-stripes 2s linear infinite; +} + +.progress-bar-danger { + background-color: #d9534f; +} + +.progress-striped .progress-bar-danger { + background-color: #d9534f; + background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); +} + +.progress-bar-success { + background-color: #5cb85c; +} + +.progress-striped .progress-bar-success { + background-color: #5cb85c; + background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); +} + +.progress-bar-warning { + background-color: #f0ad4e; +} + +.progress-striped .progress-bar-warning { + background-color: #f0ad4e; + background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); +} + +.progress-bar-info { + background-color: #5bc0de; +} + +.progress-striped .progress-bar-info { + background-color: #5bc0de; + background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); +} + +.accordion { + margin-bottom: 20px; +} + +.accordion-group { + margin-bottom: 2px; + border: 1px solid #e5e5e5; + border-radius: 4px; +} + +.accordion-heading { + border-bottom: 0; +} + +.accordion-heading .accordion-toggle { + display: block; + padding: 8px 15px; +} + +.accordion-toggle { + cursor: pointer; +} + +.accordion-inner { + padding: 9px 15px; + border-top: 1px solid #e5e5e5; +} + +.carousel { + position: relative; + margin-bottom: 20px; + line-height: 1; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} + +.carousel-inner > .item { + position: relative; + display: none; + -webkit-transition: 0.6s ease-in-out left; + -moz-transition: 0.6s ease-in-out left; + -o-transition: 0.6s ease-in-out left; + transition: 0.6s ease-in-out left; +} + +.carousel-inner > .item > img, +.carousel-inner > .item > a > img { + display: block; + line-height: 1; +} + +.carousel-inner > .active, +.carousel-inner > .next, +.carousel-inner > .prev { + display: block; +} + +.carousel-inner > .active { + left: 0; +} + +.carousel-inner > .next, +.carousel-inner > .prev { + position: absolute; + top: 0; + width: 100%; +} + +.carousel-inner > .next { + left: 100%; +} + +.carousel-inner > .prev { + left: -100%; +} + +.carousel-inner > .next.left, +.carousel-inner > .prev.right { + left: 0; +} + +.carousel-inner > .active.left { + left: -100%; +} + +.carousel-inner > .active.right { + left: 100%; +} + +.carousel-control { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 120px; + opacity: 0.5; + filter: alpha(opacity=50); +} + +.carousel-control.left { + background-color: rgba(0, 0, 0, 0.001); + background-color: transparent; + background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.001)); + background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0, 0, 0, 0.75)), to(rgba(0, 0, 0, 0.001))); + background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.001)); + background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.001)); + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.001)); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf000000', endColorstr='#00000000', GradientType=1); +} + +.carousel-control.right { + right: 0; + left: auto; + background-color: rgba(0, 0, 0, 0.75); + background-color: transparent; + background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.001), rgba(0, 0, 0, 0.75)); + background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0, 0, 0, 0.001)), to(rgba(0, 0, 0, 0.75))); + background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.001), rgba(0, 0, 0, 0.75)); + background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.001), rgba(0, 0, 0, 0.75)); + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.001), rgba(0, 0, 0, 0.75)); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#bf000000', GradientType=1); +} + +.carousel-control:hover, +.carousel-control:focus { + color: #fff; + text-decoration: none; + opacity: 0.9; + filter: alpha(opacity=90); +} + +.carousel-control .control { + position: absolute; + top: 50%; + z-index: 5; + display: block; + margin-top: -35px; + margin-left: 30px; + font-size: 80px; + font-weight: 100; + color: #fff; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); +} + +.carousel-control.right .control { + margin-left: 70px; +} + +.carousel-indicators { + position: absolute; + top: 15px; + right: 15px; + z-index: 5; + margin: 0; + list-style: none; +} + +.carousel-indicators li { + display: block; + float: left; + width: 10px; + height: 10px; + margin-left: 5px; + text-indent: -999px; + background-color: #ccc; + background-color: rgba(255, 255, 255, 0.25); + border-radius: 5px; +} + +.carousel-indicators .active { + background-color: #fff; +} + +.carousel-caption { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 10; + max-width: 60%; + padding: 40px; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); +} + +.carousel-caption h3, +.carousel-caption p { + line-height: 20px; + color: #fff; +} + +.carousel-caption h3 { + margin: 0 0 5px; +} + +.carousel-caption p { + margin-bottom: 0; +} + +.jumbotron { + padding: 30px; + margin-bottom: 30px; + font-size: 21px; + font-weight: 200; + line-height: 30px; + color: inherit; + background-color: #eeeeee; +} + +.jumbotron h1 { + line-height: 1; + color: inherit; +} + +.jumbotron p { + line-height: 1.4; +} + +@media screen and (min-width: 768px) { + .jumbotron { + padding: 50px 60px; + border-radius: 6px; + } + .jumbotron h1 { + font-size: 60px; + } +} + +.clearfix:before, +.clearfix:after { + display: table; + content: " "; +} + +.clearfix:after { + clear: both; +} + +.pull-right { + float: right; +} + +.pull-left { + float: left; +} + +.hide { + display: none !important; +} + +.show { + display: block !important; +} + +.invisible { + visibility: hidden; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.affix { + position: fixed; +} + +@-ms-viewport { + width: device-width; +} + +.hidden { + display: none; + visibility: hidden; +} + +.visible-phone { + display: none !important; +} + +.visible-tablet { + display: none !important; +} + +.hidden-desktop { + display: none !important; +} + +.visible-desktop { + display: inherit !important; +} + +@media (min-width: 768px) and (max-width: 979px) { + .hidden-desktop { + display: inherit !important; + } + .visible-desktop { + display: none !important ; + } + .visible-tablet { + display: inherit !important; + } + .hidden-tablet { + display: none !important; + } +} + +@media (max-width: 767px) { + .hidden-desktop { + display: inherit !important; + } + .visible-desktop { + display: none !important; + } + .visible-phone { + display: inherit !important; + } + .hidden-phone { + display: none !important; + } +} -- cgit v1.2.3 From 37a6879ca59f1001d60421163efc958de3d193f5 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 5 Feb 2013 20:39:09 -0800 Subject: White navbar brand text for inverted navbar --- docs/assets/css/bootstrap.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 9a52db8f1..8d6dcca99 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3228,7 +3228,7 @@ button.close { .navbar-inverse .brand:hover, .navbar-inverse .brand:focus { - color: #808080; + color: #ffffff; background-color: transparent; } -- cgit v1.2.3 From 481428154084a9fafd31d8654157d6f6f78231d0 Mon Sep 17 00:00:00 2001 From: fat Date: Tue, 5 Feb 2013 22:29:59 -0800 Subject: clean up styles --- docs/assets/css/bootstrap.css | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 302a00ea4..b25505692 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -5290,7 +5290,6 @@ input[type="submit"].btn.btn-mini { position: absolute; z-index: 1030; display: block; - padding: 5px; font-size: 11px; line-height: 1.4; opacity: 0; @@ -5304,18 +5303,22 @@ input[type="submit"].btn.btn-mini { } .tooltip.top { + padding: 5px 0; margin-top: -3px; } .tooltip.right { + padding: 0 5px; margin-left: 3px; } .tooltip.bottom { + padding: 5px 0; margin-top: 3px; } .tooltip.left { + padding: 0 5px; margin-left: -3px; } -- cgit v1.2.3 From 8ca70bd83a92c0fdc1759b1d55b699e4162cf865 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 6 Feb 2013 02:07:40 -0800 Subject: Overhaul modal to make it responsive and not super lame --- docs/assets/css/bootstrap.css | 90 +++++++++++++++++++++++++++---------------- 1 file changed, 56 insertions(+), 34 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 83b3c29c2..d823e8d2a 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3720,34 +3720,35 @@ button.close { background-color: #fff; } -.modal-backdrop { +.modal-open { + overflow: hidden; +} + +.modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; - background-color: #000; -} - -.modal-backdrop.fade { - opacity: 0; + display: none; + overflow: auto; + overflow-y: scroll; + -webkit-overflow-scrolling: touch; } -.modal-backdrop, -.modal-backdrop.fade.in { - opacity: 0.8; - filter: alpha(opacity=80); +.modal-dialog { + position: relative; + top: 0; + right: 0; + left: 0; + z-index: 1050; + width: auto; + padding: 10px; } -.modal { - position: fixed; - top: 10%; - left: 50%; - z-index: 1050; - display: none; - width: 560px; - margin-left: -280px; +.modal-content { + position: relative; background-color: #fff; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.3); @@ -3760,7 +3761,7 @@ button.close { background-clip: padding-box; } -.modal.fade { +.modal-content.fade { top: -25%; -webkit-transition: opacity 0.3s linear, top 0.3s ease-out; -moz-transition: opacity 0.3s linear, top 0.3s ease-out; @@ -3768,44 +3769,54 @@ button.close { transition: opacity 0.3s linear, top 0.3s ease-out; } -.modal.fade.in { +.modal-content.fade.in { top: 10%; } +.modal-backdrop { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; + background-color: #fff; +} + +.modal-backdrop.fade { + opacity: 0; +} + +.modal-backdrop, +.modal-backdrop.fade.in { + opacity: 0.75; + filter: alpha(opacity=75); +} + .modal-header { padding: 9px 15px; - border-bottom: 1px solid #eee; + border-bottom: 1px solid #e5e5e5; } .modal-header .close { margin-top: 2px; } -.modal-header h3 { +.modal-title { margin: 0; line-height: 30px; } .modal-body { position: relative; - max-height: 400px; padding: 15px; - overflow-y: auto; -} - -.modal-form { - margin-bottom: 0; } .modal-footer { padding: 14px 15px 15px; - margin-bottom: 0; + margin-top: 15px; text-align: right; - background-color: #f5f5f5; - border-top: 1px solid #ddd; - border-radius: 0 0 6px 6px; - -webkit-box-shadow: inset 0 1px 0 #ffffff; - box-shadow: inset 0 1px 0 #ffffff; + border-top: 1px solid #e5e5e5; } .modal-footer:before, @@ -3831,6 +3842,17 @@ button.close { margin-left: 0; } +@media screen and (min-width: 768px) { + .modal-dialog { + right: auto; + left: 50%; + width: 560px; + padding-top: 30px; + padding-bottom: 30px; + margin-left: -280px; + } +} + .tooltip { position: absolute; z-index: 1030; -- cgit v1.2.3 From a623b8c10f4293bd40a1e7c144b61fe374179826 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 7 Feb 2013 19:21:56 -0800 Subject: update docs modals --- docs/assets/css/bootstrap.css | 14 +++++++++++--- 1 file changed, 11 insertions(+), 3 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index d823e8d2a..739bee5c7 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3737,6 +3737,14 @@ button.close { -webkit-overflow-scrolling: touch; } +.modal.fade { + top: -25%; + -webkit-transition: opacity 0.3s linear, top 0.3s ease-out; + -moz-transition: opacity 0.3s linear, top 0.3s ease-out; + -o-transition: opacity 0.3s linear, top 0.3s ease-out; + transition: opacity 0.3s linear, top 0.3s ease-out; +} + .modal-dialog { position: relative; top: 0; @@ -3751,11 +3759,11 @@ button.close { position: relative; background-color: #fff; border: 1px solid #999; - border: 1px solid rgba(0, 0, 0, 0.3); + border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; outline: none; - -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); - box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); + -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.25); + box-shadow: 0 3px 10px rgba(0, 0, 0, 0.25); -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; -- cgit v1.2.3 From b04acb37e830e1b1a299fab5d543b6ac0c70a1b0 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 7 Feb 2013 19:31:12 -0800 Subject: finish modal tweaks --- docs/assets/css/bootstrap.css | 35 +++++++++++++++-------------------- 1 file changed, 15 insertions(+), 20 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 739bee5c7..66c192c03 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3745,6 +3745,10 @@ button.close { transition: opacity 0.3s linear, top 0.3s ease-out; } +.modal.fade.in { + top: 0; +} + .modal-dialog { position: relative; top: 0; @@ -3762,25 +3766,13 @@ button.close { border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; outline: none; - -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.25); - box-shadow: 0 3px 10px rgba(0, 0, 0, 0.25); + -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); + box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; } -.modal-content.fade { - top: -25%; - -webkit-transition: opacity 0.3s linear, top 0.3s ease-out; - -moz-transition: opacity 0.3s linear, top 0.3s ease-out; - -o-transition: opacity 0.3s linear, top 0.3s ease-out; - transition: opacity 0.3s linear, top 0.3s ease-out; -} - -.modal-content.fade.in { - top: 10%; -} - .modal-backdrop { position: fixed; top: 0; @@ -3788,17 +3780,16 @@ button.close { bottom: 0; left: 0; z-index: 1030; - background-color: #fff; + background-color: #000; } .modal-backdrop.fade { opacity: 0; } -.modal-backdrop, .modal-backdrop.fade.in { - opacity: 0.75; - filter: alpha(opacity=75); + opacity: 0.5; + filter: alpha(opacity=50); } .modal-header { @@ -3817,11 +3808,11 @@ button.close { .modal-body { position: relative; - padding: 15px; + padding: 20px; } .modal-footer { - padding: 14px 15px 15px; + padding: 19px 20px 20px; margin-top: 15px; text-align: right; border-top: 1px solid #e5e5e5; @@ -3859,6 +3850,10 @@ button.close { padding-bottom: 30px; margin-left: -280px; } + .modal-content { + -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); + } } .tooltip { -- cgit v1.2.3 From 3eed90c18752df8b86c97afe90e2c75d55ff1637 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 8 Feb 2013 08:24:10 -0800 Subject: Fixes #6837: Enable text alignment utility classes on tables * Removes text-align from td elements (no need to set that one) * Specifically sets th to text-align: left; at a global level (no longer within .table) to override browser defaults * Removes font-weight: bold; from th while we're at it since that's browser default already --- docs/assets/css/bootstrap.css | 9 ++++----- 1 file changed, 4 insertions(+), 5 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 66c192c03..01d6d23f7 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -848,6 +848,10 @@ table { border-spacing: 0; } +th { + text-align: left; +} + .table { width: 100%; margin-bottom: 20px; @@ -857,15 +861,10 @@ table { .table td { padding: 8px; line-height: 20px; - text-align: left; vertical-align: top; border-top: 1px solid #dddddd; } -.table th { - font-weight: bold; -} - .table thead th { vertical-align: bottom; } -- cgit v1.2.3 From 1b2b049ef827553e20c995710d11982fa9d53f79 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 8 Feb 2013 08:32:29 -0800 Subject: Fixes #6841: Add new Firefox placeholder, comments --- docs/assets/css/bootstrap.css | 5 +++++ 1 file changed, 5 insertions(+) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 01d6d23f7..9e1ad72e6 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -1178,6 +1178,11 @@ textarea:-moz-placeholder { color: #999999; } +input::-moz-placeholder, +textarea::-moz-placeholder { + color: #999999; +} + input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #999999; -- cgit v1.2.3 From 63c1377ee7802d857bfa359fb3d9824abf5a91fc Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 8 Feb 2013 09:56:04 -0800 Subject: Fixes #6852: add cursor pointer to carousel indicators --- docs/assets/css/bootstrap.css | 1 + 1 file changed, 1 insertion(+) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 9e1ad72e6..9ea76f713 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -4576,6 +4576,7 @@ a.counter:focus { height: 10px; margin-left: 5px; text-indent: -999px; + cursor: pointer; background-color: #ccc; background-color: rgba(255, 255, 255, 0.25); border-radius: 5px; -- cgit v1.2.3 From 8b9733b288a3daca0da04fe60e0b5a0ae8681362 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 12 Feb 2013 12:25:05 -0800 Subject: nuke what we don't need for jekyll --- docs/assets/css/bootstrap.css | 4751 ----------------------------------------- 1 file changed, 4751 deletions(-) delete mode 100644 docs/assets/css/bootstrap.css (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css deleted file mode 100644 index 9ea76f713..000000000 --- a/docs/assets/css/bootstrap.css +++ /dev/null @@ -1,4751 +0,0 @@ -/*! - * Bootstrap v3.0.0 - * - * Copyright 2012 Twitter, Inc - * Licensed under the Apache License v2.0 - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Designed and built with all the love in the world by @mdo and @fat. - */ - -/*@padding-large-input: 10px 14px; // 44px -// firefox hack since it doesn't accept custom line-height for inputs and automatically sets line-height as font-size + 4 px. -// input-large at 18 + 4 = 22, so I tried to compensate on padding. -*/ - -/*! normalize.css v2.1.0 | MIT License | git.io/normalize */ - -article, -aside, -details, -figcaption, -figure, -footer, -header, -hgroup, -main, -nav, -section, -summary { - display: block; -} - -audio, -canvas, -video { - display: inline-block; -} - -audio:not([controls]) { - display: none; - height: 0; -} - -[hidden] { - display: none; -} - -html { - font-family: sans-serif; - -webkit-text-size-adjust: 100%; - -ms-text-size-adjust: 100%; -} - -body { - margin: 0; -} - -a:focus { - outline: thin dotted; -} - -a:active, -a:hover { - outline: 0; -} - -h1 { - margin: 0.67em 0; - font-size: 2em; -} - -abbr[title] { - border-bottom: 1px dotted; -} - -b, -strong { - font-weight: bold; -} - -dfn { - font-style: italic; -} - -hr { - height: 0; - -moz-box-sizing: content-box; - box-sizing: content-box; -} - -mark { - color: #000; - background: #ff0; -} - -code, -kbd, -pre, -samp { - font-family: monospace, serif; - font-size: 1em; -} - -pre { - white-space: pre-wrap; -} - -q { - quotes: "\201C" "\201D" "\2018" "\2019"; -} - -small { - font-size: 80%; -} - -sub, -sup { - position: relative; - font-size: 75%; - line-height: 0; - vertical-align: baseline; -} - -sup { - top: -0.5em; -} - -sub { - bottom: -0.25em; -} - -img { - border: 0; -} - -svg:not(:root) { - overflow: hidden; -} - -figure { - margin: 0; -} - -fieldset { - padding: 0.35em 0.625em 0.75em; - margin: 0 2px; - border: 1px solid #c0c0c0; -} - -legend { - padding: 0; - border: 0; -} - -button, -input, -select, -textarea { - margin: 0; - font-family: inherit; - font-size: 100%; -} - -button, -input { - line-height: normal; -} - -button, -select { - text-transform: none; -} - -button, -html input[type="button"], -input[type="reset"], -input[type="submit"] { - cursor: pointer; - -webkit-appearance: button; -} - -button[disabled], -html input[disabled] { - cursor: default; -} - -input[type="checkbox"], -input[type="radio"] { - padding: 0; - box-sizing: border-box; -} - -input[type="search"] { - -webkit-box-sizing: content-box; - -moz-box-sizing: content-box; - box-sizing: content-box; - -webkit-appearance: textfield; -} - -input[type="search"]::-webkit-search-cancel-button, -input[type="search"]::-webkit-search-decoration { - -webkit-appearance: none; -} - -button::-moz-focus-inner, -input::-moz-focus-inner { - padding: 0; - border: 0; -} - -textarea { - overflow: auto; - vertical-align: top; -} - -table { - border-collapse: collapse; - border-spacing: 0; -} - -html { - font-size: 62.5%; - -webkit-overflow-scrolling: touch; - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -} - -@media screen and (max-device-width: 480px) { - html { - -webkit-text-size-adjust: 100%; - -ms-text-size-adjust: 100%; - } -} - -body { - margin: 0; - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; - font-size: 14px; - font-size: 1.4rem; - line-height: 1.5; - color: #333333; - background-color: #ffffff; -} - -body, -input, -button, -select, -textarea { - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; - font-size: 14px; - line-height: 20px; -} - -a { - color: #428bca; - text-decoration: none; -} - -a:hover, -a:focus { - color: #2a6496; - text-decoration: underline; -} - -a:focus { - outline: thin dotted #333; - outline: 5px auto -webkit-focus-ring-color; - outline-offset: -2px; -} - -img { - width: auto\9; - height: auto; - max-width: 100%; - vertical-align: middle; -} - -.img-rounded { - border-radius: 6px; -} - -.img-circle { - border-radius: 500px; -} - -@media print { - * { - color: #000 !important; - text-shadow: none !important; - background: transparent !important; - box-shadow: none !important; - } - a, - a:visited { - text-decoration: underline; - } - a[href]:after { - content: " (" attr(href) ")"; - } - abbr[title]:after { - content: " (" attr(title) ")"; - } - .ir a:after, - a[href^="javascript:"]:after, - a[href^="#"]:after { - content: ""; - } - pre, - blockquote { - border: 1px solid #999; - page-break-inside: avoid; - } - thead { - display: table-header-group; - } - tr, - img { - page-break-inside: avoid; - } - img { - max-width: 100% !important; - } - @page { - margin: 0.5cm; - } - p, - h2, - h3 { - orphans: 3; - widows: 3; - } - h2, - h3 { - page-break-after: avoid; - } -} - -p { - margin: 0 0 10px; -} - -.lead { - margin-bottom: 20px; - font-size: 21px; - font-weight: 200; - line-height: 1.25; -} - -small { - font-size: 85%; -} - -strong { - font-weight: bold; -} - -em { - font-style: italic; -} - -cite { - font-style: normal; -} - -.muted { - color: #999999; -} - -a.muted:hover, -a.muted:focus { - color: #808080; -} - -.text-warning { - color: #c09853; -} - -a.text-warning:hover, -a.text-warning:focus { - color: #a47e3c; -} - -.text-error { - color: #b94a48; -} - -a.text-error:hover, -a.text-error:focus { - color: #953b39; -} - -.text-success { - color: #468847; -} - -a.text-success:hover, -a.text-success:focus { - color: #356635; -} - -.text-left { - text-align: left; -} - -.text-right { - text-align: right; -} - -.text-center { - text-align: center; -} - -h1, -h2, -h3, -h4, -h5, -h6 { - font-family: inherit; - font-weight: 500; - line-height: 20px; - text-rendering: optimizelegibility; -} - -h1 small, -h2 small, -h3 small, -h4 small, -h5 small, -h6 small { - font-weight: normal; - line-height: 1; - color: #999999; -} - -h1, -h2, -h3 { - margin-top: 20px; - margin-bottom: 10px; - line-height: 40px; -} - -h3 { - line-height: 30px; -} - -h4, -h5, -h6 { - margin-top: 10px; - margin-bottom: 10px; -} - -h1 { - font-size: 38.5px; - font-size: 4rem; -} - -h2 { - font-size: 31.5px; - font-size: 3rem; -} - -h3 { - font-size: 24.5px; - font-size: 2.5rem; -} - -h4 { - font-size: 17.5px; - font-size: 2rem; -} - -h5 { - font-size: 14px; - font-size: 1.6rem; -} - -h6 { - font-size: 11.9px; - font-size: 1.2rem; -} - -h1 small { - font-size: 24.5px; -} - -h2 small { - font-size: 17.5px; -} - -h3 small { - font-size: 14px; -} - -h4 small { - font-size: 14px; -} - -.page-header { - padding-bottom: 9px; - margin: 40px 0 20px; - border-bottom: 1px solid #eeeeee; -} - -ul, -ol { - padding: 0; - margin: 0 0 10px 25px; -} - -ul ul, -ul ol, -ol ol, -ol ul { - margin-bottom: 0; -} - -li { - line-height: 20px; -} - -.list-unstyled, -.list-inline { - margin-left: 0; - list-style: none; -} - -.list-inline > li { - display: inline-block; - padding-right: 5px; - padding-left: 5px; -} - -dl { - margin-bottom: 20px; -} - -dt, -dd { - line-height: 20px; -} - -dt { - font-weight: bold; -} - -dd { - margin-left: 10px; -} - -.dl-horizontal:before, -.dl-horizontal:after { - display: table; - content: " "; -} - -.dl-horizontal:after { - clear: both; -} - -.dl-horizontal dt { - float: left; - width: 160px; - overflow: hidden; - clear: left; - text-align: right; - text-overflow: ellipsis; - white-space: nowrap; -} - -.dl-horizontal dd { - margin-left: 180px; -} - -hr { - margin: 20px 0; - border: 0; - border-top: 1px solid #eeeeee; - border-bottom: 1px solid #fff; -} - -abbr[title], -abbr[data-original-title] { - cursor: help; - border-bottom: 1px dotted #999999; -} - -abbr.initialism { - font-size: 90%; - text-transform: uppercase; -} - -blockquote { - padding: 0 0 0 15px; - margin: 0 0 20px; - border-left: 5px solid #eeeeee; -} - -blockquote p { - margin-bottom: 0; - font-size: 17.5px; - font-weight: 300; - line-height: 1.25; -} - -blockquote small { - display: block; - line-height: 20px; - color: #999999; -} - -blockquote small:before { - content: '\2014 \00A0'; -} - -blockquote.pull-right { - float: right; - padding-right: 15px; - padding-left: 0; - border-right: 5px solid #eeeeee; - border-left: 0; -} - -blockquote.pull-right p, -blockquote.pull-right small { - text-align: right; -} - -blockquote.pull-right small:before { - content: ''; -} - -blockquote.pull-right small:after { - content: '\00A0 \2014'; -} - -q:before, -q:after, -blockquote:before, -blockquote:after { - content: ""; -} - -address { - display: block; - margin-bottom: 20px; - font-style: normal; - line-height: 20px; -} - -code, -pre { - padding: 0 3px 2px; - font-family: Monaco, Menlo, Consolas, "Courier New", monospace; - font-size: 12px; - color: #333333; - border-radius: 4px; -} - -code { - padding: 2px 4px; - font-size: 90%; - color: #c7254e; - white-space: nowrap; - background-color: #f9f2f4; -} - -pre { - display: block; - padding: 9.5px; - margin: 0 0 10px; - font-size: 13px; - line-height: 20px; - word-break: break-all; - word-wrap: break-word; - white-space: pre; - white-space: pre-wrap; - background-color: #f5f5f5; - border: 1px solid #ccc; - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 4px; -} - -pre.prettyprint { - margin-bottom: 20px; -} - -pre code { - padding: 0; - color: inherit; - white-space: pre; - white-space: pre-wrap; - background-color: transparent; - border: 0; -} - -.pre-scrollable { - max-height: 340px; - overflow-y: scroll; -} - -.container { - margin-right: auto; - margin-left: auto; -} - -.container:before, -.container:after { - display: table; - content: " "; -} - -.container:after { - clear: both; -} - -.row { - margin-right: -10px; - margin-left: -10px; -} - -.row:before, -.row:after { - display: table; - content: " "; -} - -.row:after { - clear: both; -} - -[class^="span"] { - min-height: 1px; - padding-right: 10px; - padding-left: 10px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} - -@media screen and (min-width: 768px) { - .container { - max-width: 728px; - } - [class^="span"] { - float: left; - } - .span12 { - width: 100%; - } - .span11 { - width: 91.66666666666666%; - } - .span10 { - width: 83.33333333333334%; - } - .span9 { - width: 75%; - } - .span8 { - width: 66.66666666666666%; - } - .span7 { - width: 58.333333333333336%; - } - .span6 { - width: 50%; - } - .span5 { - width: 41.66666666666667%; - } - .span4 { - width: 33.33333333333333%; - } - .span3 { - width: 25%; - } - .span2 { - width: 16.666666666666664%; - } - .span1 { - width: 8.333333333333332%; - } - .offset12 { - margin-left: 100%; - } - .offset11 { - margin-left: 91.66666666666666%; - } - .offset10 { - margin-left: 83.33333333333334%; - } - .offset9 { - margin-left: 75%; - } - .offset8 { - margin-left: 66.66666666666666%; - } - .offset7 { - margin-left: 58.333333333333336%; - } - .offset6 { - margin-left: 50%; - } - .offset5 { - margin-left: 41.66666666666667%; - } - .offset4 { - margin-left: 33.33333333333333%; - } - .offset3 { - margin-left: 25%; - } - .offset2 { - margin-left: 16.666666666666664%; - } - .offset1 { - margin-left: 8.333333333333332%; - } -} - -@media screen and (min-width: 992px) { - .container { - max-width: 940px; - } -} - -@media screen and (min-width: 1200px) { - .container { - max-width: 1170px; - } - [class^="span"] { - padding-right: 15px; - padding-left: 15px; - } -} - -[class*="span"].pull-right { - float: right; -} - -table { - max-width: 100%; - background-color: transparent; - border-collapse: collapse; - border-spacing: 0; -} - -th { - text-align: left; -} - -.table { - width: 100%; - margin-bottom: 20px; -} - -.table th, -.table td { - padding: 8px; - line-height: 20px; - vertical-align: top; - border-top: 1px solid #dddddd; -} - -.table thead th { - vertical-align: bottom; -} - -.table caption + thead tr:first-child th, -.table caption + thead tr:first-child td, -.table colgroup + thead tr:first-child th, -.table colgroup + thead tr:first-child td, -.table thead:first-child tr:first-child th, -.table thead:first-child tr:first-child td { - border-top: 0; -} - -.table tbody + tbody { - border-top: 2px solid #dddddd; -} - -.table .table { - background-color: #ffffff; -} - -.table-condensed th, -.table-condensed td { - padding: 4px 5px; -} - -.table-bordered { - border: 1px solid #dddddd; - border-collapse: separate; - border-left: 0; - border-radius: 4px; -} - -.table-bordered th, -.table-bordered td { - border-left: 1px solid #dddddd; -} - -.table-bordered caption + thead tr:first-child th, -.table-bordered caption + tbody tr:first-child th, -.table-bordered caption + tbody tr:first-child td, -.table-bordered colgroup + thead tr:first-child th, -.table-bordered colgroup + tbody tr:first-child th, -.table-bordered colgroup + tbody tr:first-child td, -.table-bordered thead:first-child tr:first-child th, -.table-bordered tbody:first-child tr:first-child th, -.table-bordered tbody:first-child tr:first-child td { - border-top: 0; -} - -.table-bordered thead:first-child tr:first-child > th:first-child, -.table-bordered tbody:first-child tr:first-child > td:first-child, -.table-bordered tbody:first-child tr:first-child > th:first-child { - border-top-left-radius: 4px; -} - -.table-bordered thead:first-child tr:first-child > th:last-child, -.table-bordered tbody:first-child tr:first-child > td:last-child, -.table-bordered tbody:first-child tr:first-child > th:last-child { - border-top-right-radius: 4px; -} - -.table-bordered thead:last-child tr:last-child > th:first-child, -.table-bordered tbody:last-child tr:last-child > td:first-child, -.table-bordered tbody:last-child tr:last-child > th:first-child, -.table-bordered tfoot:last-child tr:last-child > td:first-child, -.table-bordered tfoot:last-child tr:last-child > th:first-child { - border-bottom-left-radius: 4px; -} - -.table-bordered thead:last-child tr:last-child > th:last-child, -.table-bordered tbody:last-child tr:last-child > td:last-child, -.table-bordered tbody:last-child tr:last-child > th:last-child, -.table-bordered tfoot:last-child tr:last-child > td:last-child, -.table-bordered tfoot:last-child tr:last-child > th:last-child { - border-bottom-right-radius: 4px; -} - -.table-bordered tfoot + tbody:last-child tr:last-child > td:first-child { - border-bottom-left-radius: 0; -} - -.table-bordered tfoot + tbody:last-child tr:last-child > td:last-child { - border-bottom-right-radius: 0; -} - -.table-bordered caption + thead tr:first-child th:first-child, -.table-bordered caption + tbody tr:first-child td:first-child, -.table-bordered colgroup + thead tr:first-child th:first-child, -.table-bordered colgroup + tbody tr:first-child td:first-child { - border-top-left-radius: 4px; -} - -.table-bordered caption + thead tr:first-child th:last-child, -.table-bordered caption + tbody tr:first-child td:last-child, -.table-bordered colgroup + thead tr:first-child th:last-child, -.table-bordered colgroup + tbody tr:first-child td:last-child { - border-top-right-radius: 4px; -} - -.table-striped tbody > tr:nth-child(odd) > td, -.table-striped tbody > tr:nth-child(odd) > th { - background-color: #f9f9f9; -} - -.table-hover tbody tr:hover > td, -.table-hover tbody tr:hover > th { - background-color: #f5f5f5; -} - -table td[class*="span"], -table th[class*="span"] { - display: table-cell; - float: none; - margin-left: 0; -} - -.table tbody tr.success > td { - background-color: #dff0d8; -} - -.table tbody tr.error > td { - background-color: #f2dede; -} - -.table tbody tr.warning > td { - background-color: #fcf8e3; -} - -.table-hover tbody tr.success:hover > td { - background-color: #d0e9c6; -} - -.table-hover tbody tr.error:hover > td { - background-color: #ebcccc; -} - -.table-hover tbody tr.warning:hover > td { - background-color: #faf2cc; -} - -form { - margin: 0; -} - -fieldset { - padding: 0; - margin: 0; - border: 0; -} - -legend { - display: block; - width: 100%; - padding: 0; - margin-bottom: 20px; - font-size: 21px; - line-height: 40px; - color: #333333; - border: 0; - border-bottom: 1px solid #e5e5e5; -} - -label { - display: inline-block; - margin-bottom: 5px; - font-weight: bold; -} - -select, -textarea, -input[type="text"], -input[type="password"], -input[type="datetime"], -input[type="datetime-local"], -input[type="date"], -input[type="month"], -input[type="time"], -input[type="week"], -input[type="number"], -input[type="email"], -input[type="url"], -input[type="search"], -input[type="tel"], -input[type="color"], -.uneditable-input { - display: inline-block; - min-height: 34px; - padding: 6px 9px; - font-size: 14px; - line-height: 20px; - color: #555555; - vertical-align: middle; - background-color: #ffffff; - border: 1px solid #cccccc; - border-radius: 4px; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; - -moz-transition: border linear 0.2s, box-shadow linear 0.2s; - -o-transition: border linear 0.2s, box-shadow linear 0.2s; - transition: border linear 0.2s, box-shadow linear 0.2s; -} - -input, -select, -textarea, -.uneditable-input { - width: 100%; -} - -input[type="file"], -input[type="image"], -input[type="submit"], -input[type="reset"], -input[type="button"], -input[type="radio"], -input[type="checkbox"] { - width: auto; -} - -textarea { - height: auto; -} - -textarea:focus, -input[type="text"]:focus, -input[type="password"]:focus, -input[type="datetime"]:focus, -input[type="datetime-local"]:focus, -input[type="date"]:focus, -input[type="month"]:focus, -input[type="time"]:focus, -input[type="week"]:focus, -input[type="number"]:focus, -input[type="email"]:focus, -input[type="url"]:focus, -input[type="search"]:focus, -input[type="tel"]:focus, -input[type="color"]:focus, -.uneditable-input:focus { - border-color: rgba(82, 168, 236, 0.8); - outline: 0; - outline: thin dotted \9; - /* IE6-9 */ - - -webkit-box-shadow: 0 0 8px rgba(82, 168, 236, 0.6); - box-shadow: 0 0 8px rgba(82, 168, 236, 0.6); -} - -input[type="radio"], -input[type="checkbox"] { - margin: 4px 0 0; - margin-top: 1px \9; - /* IE8-9 */ - - line-height: normal; -} - -select, -input[type="file"] { - height: 34px; - /* In IE7, the height of the select element cannot be changed by height, only font-size. TODO: Check if this is still needed when dropping IE7 support */ - - line-height: 34px; -} - -select { - border: 1px solid #cccccc; -} - -select[multiple], -select[size] { - height: auto; -} - -select:focus, -input[type="file"]:focus, -input[type="radio"]:focus, -input[type="checkbox"]:focus { - outline: thin dotted #333; - outline: 5px auto -webkit-focus-ring-color; - outline-offset: -2px; -} - -.uneditable-input, -.uneditable-textarea { - color: #999999; - cursor: not-allowed; - background-color: #fcfcfc; - border-color: #cccccc; - -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); -} - -.uneditable-input { - overflow: hidden; - white-space: nowrap; -} - -.uneditable-textarea { - width: auto; - height: auto; -} - -input:-moz-placeholder, -textarea:-moz-placeholder { - color: #999999; -} - -input::-moz-placeholder, -textarea::-moz-placeholder { - color: #999999; -} - -input:-ms-input-placeholder, -textarea:-ms-input-placeholder { - color: #999999; -} - -input::-webkit-input-placeholder, -textarea::-webkit-input-placeholder { - color: #999999; -} - -.radio, -.checkbox { - display: block; - min-height: 20px; - padding-left: 20px; - margin-bottom: 10px; -} - -.radio label, -.checkbox label { - display: inline; - margin-bottom: 0; - font-weight: normal; -} - -.radio input[type="radio"], -.radio-inline input[type="radio"], -.checkbox input[type="checkbox"], -.checkbox-inline input[type="checkbox"] { - float: left; - margin-left: -20px; -} - -.radio + .radio, -.checkbox + .checkbox { - margin-top: -5px; -} - -.controls > .radio:first-child, -.controls > .checkbox:first-child { - padding-top: 5px; -} - -.radio-inline, -.checkbox-inline { - display: inline-block; - padding-top: 5px; - padding-left: 20px; - margin-bottom: 0; - font-weight: normal; - vertical-align: middle; -} - -.radio-inline + .radio-inline, -.checkbox-inline + .checkbox-inline { - margin-top: 0; - margin-left: 10px; -} - -select.input-large, -textarea.input-large, -input[type="text"].input-large, -input[type="password"].input-large, -input[type="datetime"].input-large, -input[type="datetime-local"].input-large, -input[type="date"].input-large, -input[type="month"].input-large, -input[type="time"].input-large, -input[type="week"].input-large, -input[type="number"].input-large, -input[type="email"].input-large, -input[type="url"].input-large, -input[type="search"].input-large, -input[type="tel"].input-large, -input[type="color"].input-large, -.uneditable-input.input-large { - padding: 11px 14px; - font-size: 17.5px; - border-radius: 6px; -} - -select.input-small, -textarea.input-small, -input[type="text"].input-small, -input[type="password"].input-small, -input[type="datetime"].input-small, -input[type="datetime-local"].input-small, -input[type="date"].input-small, -input[type="month"].input-small, -input[type="time"].input-small, -input[type="week"].input-small, -input[type="number"].input-small, -input[type="email"].input-small, -input[type="url"].input-small, -input[type="search"].input-small, -input[type="tel"].input-small, -input[type="color"].input-small, -.uneditable-input.input-small { - min-height: 26px; - padding: 2px 10px; - font-size: 11.9px; - border-radius: 3px; -} - -input[class*="span"], -select[class*="span"], -textarea[class*="span"], -.uneditable-input[class*="span"] { - float: none; - margin-right: 0; - margin-left: 0; -} - -.input-append input[class*="span"], -.input-append .uneditable-input[class*="span"], -.input-prepend input[class*="span"], -.input-prepend .uneditable-input[class*="span"] { - display: inline-block; -} - -input[class*="span"], -select[class*="span"], -textarea[class*="span"], -.uneditable-input[class*="span"] { - height: 34px; -} - -input[disabled], -select[disabled], -textarea[disabled], -input[readonly], -select[readonly], -textarea[readonly], -fieldset[disabled] input, -fieldset[disabled] select, -fieldset[disabled] textarea { - cursor: not-allowed; - background-color: #eeeeee; -} - -input[type="radio"][disabled], -input[type="checkbox"][disabled], -input[type="radio"][readonly], -input[type="checkbox"][readonly], -fieldset[disabled] input[type="radio"], -fieldset[disabled] input[type="checkbox"] { - background-color: transparent; -} - -.has-warning .control-label { - color: #c09853; -} - -.has-warning .input-with-feedback { - padding-right: 32px; - border-color: #c09853; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -} - -.has-warning .input-with-feedback:focus { - border-color: #a47e3c; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; -} - -.has-error .control-label { - color: #b94a48; -} - -.has-error .input-with-feedback { - padding-right: 32px; - border-color: #b94a48; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -} - -.has-error .input-with-feedback:focus { - border-color: #953b39; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; -} - -.has-success .control-label { - color: #468847; -} - -.has-success .input-with-feedback { - padding-right: 32px; - border-color: #468847; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -} - -.has-success .input-with-feedback:focus { - border-color: #356635; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; -} - -input:focus:invalid, -textarea:focus:invalid, -select:focus:invalid { - color: #b94a48; - border-color: #ee5f5b; -} - -input:focus:invalid:focus, -textarea:focus:invalid:focus, -select:focus:invalid:focus { - border-color: #e9322d; - -webkit-box-shadow: 0 0 6px #f8b9b7; - box-shadow: 0 0 6px #f8b9b7; -} - -.form-actions { - padding: 19px 20px 20px; - margin-top: 20px; - margin-bottom: 20px; - background-color: #f5f5f5; - border-top: 1px solid #e5e5e5; -} - -.form-actions:before, -.form-actions:after { - display: table; - content: " "; -} - -.form-actions:after { - clear: both; -} - -.help-block, -.help-inline { - color: #737373; -} - -.help-block { - display: block; - margin-bottom: 10px; -} - -.help-inline { - display: inline-block; - padding-left: 5px; - vertical-align: middle; -} - -.input-group { - display: table; -} - -.input-group[class*="span"] { - float: none; - padding: 0; -} - -.input-group input, -.input-group select, -.input-group .uneditable-input { - width: 100%; -} - -.input-group-addon, -.input-group-btn, -.input-group input, -.input-group .uneditable-input { - display: table-cell; - margin: 0; - border-radius: 0; -} - -.input-group-addon.input-small, -.input-group-btn.input-small, -.input-group input.input-small, -.input-group .uneditable-input.input-small { - border-radius: 0; -} - -.input-group-addon.input-large, -.input-group-btn.input-large, -.input-group input.input-large, -.input-group .uneditable-input.input-large { - border-radius: 0; -} - -.input-group-addon, -.input-group-btn { - width: 1%; - vertical-align: middle; -} - -.input-group-addon { - padding: 6px 8px; - font-size: 14px; - font-weight: normal; - line-height: 20px; - text-align: center; - text-shadow: 0 1px 0 #fff; - background-color: #eeeeee; - border: 1px solid #ccc; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} - -.input-group-addon.input-small { - padding: 2px 10px; - font-size: 11.9px; -} - -.input-group-addon.input-large { - padding: 11px 14px; - font-size: 17.5px; -} - -.input-group input:first-child, -.input-group .uneditable-input:first-child, -.input-group-addon:first-child { - border-bottom-left-radius: 4px; - border-top-left-radius: 4px; -} - -.input-group input:first-child.input-small, -.input-group .uneditable-input:first-child.input-small, -.input-group-addon:first-child.input-small { - border-bottom-left-radius: 3px; - border-top-left-radius: 3px; -} - -.input-group input:first-child.input-large, -.input-group .uneditable-input:first-child.input-large, -.input-group-addon:first-child.input-large { - border-bottom-left-radius: 6px; - border-top-left-radius: 6px; -} - -.input-group-addon:first-child { - border-right: 0; -} - -.input-group input:last-child, -.input-group .uneditable-input:last-child, -.input-group-addon:last-child { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} - -.input-group input:last-child.input-small, -.input-group .uneditable-input:last-child.input-small, -.input-group-addon:last-child.input-small { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} - -.input-group input:last-child.input-large, -.input-group .uneditable-input:last-child.input-large, -.input-group-addon:last-child.input-large { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; -} - -.input-group-addon:last-child { - border-left: 0; -} - -.input-group-btn, -.input-group-btn .btn { - white-space: nowrap; -} - -.input-group-btn > .btn { - float: left; - border-radius: 0; -} - -.input-group-btn > .btn + .btn { - border-left: 0; -} - -.input-group-btn.btn-group { - display: table-cell; -} - -.input-group-btn:first-child > .btn, -.input-group-btn.btn-group:first-child > .btn { - border-right: 0; -} - -.input-group-btn:first-child > .btn, -.input-group-btn.btn-group:first-child > .btn { - border-radius: 4px 0 0 4px; -} - -.input-group-btn:first-child > .btn.btn-large, -.input-group-btn.btn-group:first-child > .btn.btn-large { - border-radius: 6px 0 0 6px; -} - -.input-group-btn:first-child > .btn.btn-small, -.input-group-btn.btn-group:first-child > .btn.btn-small { - border-radius: 3px 0 0 3px; -} - -.input-group-btn:last-child > .btn, -.input-group-btn.btn-group:last-child > .btn:first-child { - border-left: 0; -} - -.input-group-btn:last-child > .btn, -.input-group-btn.btn-group:last-child > .btn { - border-radius: 0 4px 4px 0; -} - -.input-group-btn:last-child > .btn.btn-large, -.input-group-btn.btn-group:last-child > .btn.btn-large { - border-radius: 0 6px 6px 0; -} - -.input-group-btn:last-child > .btn.btn-small, -.input-group-btn.btn-group:last-child > .btn.btn-small { - border-radius: 0 3px 3px 0; -} - -@media screen and (min-width: 768px) { - .form-horizontal .control-group { - position: relative; - margin-bottom: 20px; - } - .form-horizontal .control-group:before, - .form-horizontal .control-group:after { - display: table; - content: " "; - } - .form-horizontal .control-group:after { - clear: both; - } - .form-horizontal .control-group input, - .form-horizontal .control-group select, - .form-horizontal .control-group textarea, - .form-horizontal .control-group .uneditable-input { - margin-bottom: 0; - } - .form-horizontal .control-group > .control-label { - float: left; - width: 160px; - padding-top: 6px; - text-align: right; - } - .form-horizontal .control-group > .controls { - margin-left: 180px; - } -} - -.btn { - display: inline-block; - padding: 6px 12px; - margin-bottom: 0; - font-size: 14px; - font-weight: 500; - line-height: 20px; - text-align: center; - vertical-align: middle; - cursor: pointer; - border: 1px solid #a7a9aa; - border-radius: 4px; -} - -.btn:focus { - outline: thin dotted #333; - outline: 5px auto -webkit-focus-ring-color; - outline-offset: -2px; -} - -.btn:hover, -.btn:focus { - color: #fff; - text-decoration: none; -} - -.btn:active, -.btn.active { - background-image: none; - outline: 0; - -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); - box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); -} - -.btn.disabled, -.btn[disabled], -fieldset[disabled] .btn { - cursor: default; - opacity: 0.65; - filter: alpha(opacity=65); - -webkit-box-shadow: none; - box-shadow: none; -} - -.btn-large { - padding: 11px 14px; - font-size: 17.5px; - border-radius: 6px; -} - -.btn-small { - padding: 2px 10px; - font-size: 11.9px; - border-radius: 3px; -} - -.btn-mini [class^="icon-"], -.btn-mini [class*=" icon-"] { - margin-top: -1px; -} - -.btn-mini { - padding: 0 6px; - font-size: 10.5px; - border-radius: 3px; -} - -.btn [class^="glyphicon-"]::before { - vertical-align: -2px; -} - -.btn-small [class^="glyphicon-"]::before, -.btn-mini [class^="glyphicon-"]::before { - vertical-align: -1px; -} - -.btn-block { - display: block; - width: 100%; - padding-right: 0; - padding-left: 0; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} - -.btn-block + .btn-block { - margin-top: 5px; -} - -input[type="submit"].btn-block, -input[type="reset"].btn-block, -input[type="button"].btn-block { - width: 100%; -} - -.btn { - color: #ffffff; - background-color: #a7a9aa; - border-color: #a7a9aa; -} - -.btn:hover, -.btn:focus, -.btn:active { - background-color: #9a9c9d; - border-color: #8d9091; -} - -.btn.disabled:hover, -.btn[disabled]:hover, -fieldset[disabled] .btn:hover, -.btn.disabled:focus, -.btn[disabled]:focus, -fieldset[disabled] .btn:focus, -.btn.disabled:active, -.btn[disabled]:active, -fieldset[disabled] .btn:active { - background-color: #a7a9aa; - border-color: #a7a9aa; -} - -.btn-primary { - background-color: #428bca; - border-color: #428bca; -} - -.btn-primary:hover, -.btn-primary:focus, -.btn-primary:active { - background-color: #357ebd; - border-color: #3071a9; -} - -.btn-primary.disabled:hover, -.btn-primary[disabled]:hover, -fieldset[disabled] .btn-primary:hover, -.btn-primary.disabled:focus, -.btn-primary[disabled]:focus, -fieldset[disabled] .btn-primary:focus, -.btn-primary.disabled:active, -.btn-primary[disabled]:active, -fieldset[disabled] .btn-primary:active { - background-color: #428bca; - border-color: #428bca; -} - -.btn-warning { - background-color: #f0ad4e; - border-color: #f0ad4e; -} - -.btn-warning:hover, -.btn-warning:focus, -.btn-warning:active { - background-color: #eea236; - border-color: #ec971f; -} - -.btn-warning.disabled:hover, -.btn-warning[disabled]:hover, -fieldset[disabled] .btn-warning:hover, -.btn-warning.disabled:focus, -.btn-warning[disabled]:focus, -fieldset[disabled] .btn-warning:focus, -.btn-warning.disabled:active, -.btn-warning[disabled]:active, -fieldset[disabled] .btn-warning:active { - background-color: #f0ad4e; - border-color: #f0ad4e; -} - -.btn-danger { - background-color: #d9534f; - border-color: #d9534f; -} - -.btn-danger:hover, -.btn-danger:focus, -.btn-danger:active { - background-color: #d43f3a; - border-color: #c9302c; -} - -.btn-danger.disabled:hover, -.btn-danger[disabled]:hover, -fieldset[disabled] .btn-danger:hover, -.btn-danger.disabled:focus, -.btn-danger[disabled]:focus, -fieldset[disabled] .btn-danger:focus, -.btn-danger.disabled:active, -.btn-danger[disabled]:active, -fieldset[disabled] .btn-danger:active { - background-color: #d9534f; - border-color: #d9534f; -} - -.btn-success { - background-color: #5cb85c; - border-color: #5cb85c; -} - -.btn-success:hover, -.btn-success:focus, -.btn-success:active { - background-color: #4cae4c; - border-color: #449d44; -} - -.btn-success.disabled:hover, -.btn-success[disabled]:hover, -fieldset[disabled] .btn-success:hover, -.btn-success.disabled:focus, -.btn-success[disabled]:focus, -fieldset[disabled] .btn-success:focus, -.btn-success.disabled:active, -.btn-success[disabled]:active, -fieldset[disabled] .btn-success:active { - background-color: #5cb85c; - border-color: #5cb85c; -} - -.btn-info { - background-color: #5bc0de; - border-color: #5bc0de; -} - -.btn-info:hover, -.btn-info:focus, -.btn-info:active { - background-color: #46b8da; - border-color: #31b0d5; -} - -.btn-info.disabled:hover, -.btn-info[disabled]:hover, -fieldset[disabled] .btn-info:hover, -.btn-info.disabled:focus, -.btn-info[disabled]:focus, -fieldset[disabled] .btn-info:focus, -.btn-info.disabled:active, -.btn-info[disabled]:active, -fieldset[disabled] .btn-info:active { - background-color: #5bc0de; - border-color: #5bc0de; -} - -.btn-link, -.btn-link:active, -.btn-link[disabled], -fieldset[disabled] .btn-link { - background-color: transparent; - background-image: none; - -webkit-box-shadow: none; - box-shadow: none; -} - -.btn-link, -.btn-link:hover, -.btn-link:focus, -.btn-link:active { - border-color: transparent; -} - -.btn-link { - font-weight: normal; - color: #428bca; - cursor: pointer; - border-radius: 0; -} - -.btn-link:hover, -.btn-link:focus { - color: #2a6496; - text-decoration: underline; - background-color: transparent; -} - -.btn-link[disabled]:hover, -fieldset[disabled] .btn-link:hover, -.btn-link[disabled]:focus, -fieldset[disabled] .btn-link:focus { - color: #333333; - text-decoration: none; -} - -.fade { - opacity: 0; - -webkit-transition: opacity 0.15s linear; - -moz-transition: opacity 0.15s linear; - -o-transition: opacity 0.15s linear; - transition: opacity 0.15s linear; -} - -.fade.in { - opacity: 1; -} - -/*.collapse { - position: relative; - height: 0; - overflow: hidden; - .transition(height .35s ease); - &.in { - height: auto; - } -}*/ - -.collapse { - position: relative; - height: 0; - overflow: hidden; - -webkit-transition: height 0.35s ease; - -moz-transition: height 0.35s ease; - -o-transition: height 0.35s ease; - transition: height 0.35s ease; -} - -.collapse.in { - height: auto; -} - -@font-face { - font-family: 'Glyphicons Halflings'; - font-style: normal; - font-weight: normal; - src: url('../fonts/glyphiconshalflings-regular.eot'); - src: url('../fonts/glyphiconshalflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphiconshalflings-regular.woff') format('woff'), url('../fonts/glyphiconshalflings-regular.ttf') format('truetype'), url('../fonts/glyphiconshalflings-regular.svg#glyphicons_halflingsregular') format('svg'); -} - -[class^="glyphicon-"]:before { - font-family: 'Glyphicons Halflings'; - font-style: normal; - line-height: 1; -} - -.glyphicon-glass:before { - content: "\e001"; -} - -.glyphicon-music:before { - content: "\e002"; -} - -.glyphicon-search:before { - content: "\e003"; -} - -.glyphicon-envelope:before { - content: "\2709"; -} - -.glyphicon-heart:before { - content: "\e005"; -} - -.glyphicon-star:before { - content: "\e006"; -} - -.glyphicon-star-empty:before { - content: "\e007"; -} - -.glyphicon-user:before { - content: "\e008"; -} - -.glyphicon-film:before { - content: "\e009"; -} - -.glyphicon-th-large:before { - content: "\e010"; -} - -.glyphicon-th:before { - content: "\e011"; -} - -.glyphicon-th-list:before { - content: "\e012"; -} - -.glyphicon-ok:before { - content: "\e013"; -} - -.glyphicon-remove:before { - content: "\e014"; -} - -.glyphicon-zoom-in:before { - content: "\e015"; -} - -.glyphicon-zoom-out:before { - content: "\e016"; -} - -.glyphicon-off:before { - content: "\e017"; -} - -.glyphicon-signal:before { - content: "\e018"; -} - -.glyphicon-cog:before { - content: "\e019"; -} - -.glyphicon-trash:before { - content: "\e020"; -} - -.glyphicon-home:before { - content: "\e021"; -} - -.glyphicon-file:before { - content: "\e022"; -} - -.glyphicon-time:before { - content: "\e023"; -} - -.glyphicon-road:before { - content: "\e024"; -} - -.glyphicon-download-alt:before { - content: "\e025"; -} - -.glyphicon-download:before { - content: "\e026"; -} - -.glyphicon-upload:before { - content: "\e027"; -} - -.glyphicon-inbox:before { - content: "\e028"; -} - -.glyphicon-play-circle:before { - content: "\e029"; -} - -.glyphicon-repeat:before { - content: "\e030"; -} - -.glyphicon-refresh:before { - content: "\e031"; -} - -.glyphicon-list-alt:before { - content: "\e032"; -} - -.glyphicon-lock:before { - content: "\e033"; -} - -.glyphicon-flag:before { - content: "\e034"; -} - -.glyphicon-headphones:before { - content: "\e035"; -} - -.glyphicon-volume-off:before { - content: "\e036"; -} - -.glyphicon-volume-down:before { - content: "\e037"; -} - -.glyphicon-volume-up:before { - content: "\e038"; -} - -.glyphicon-qrcode:before { - content: "\e039"; -} - -.glyphicon-barcode:before { - content: "\e040"; -} - -.glyphicon-tag:before { - content: "\e041"; -} - -.glyphicon-tags:before { - content: "\e042"; -} - -.glyphicon-book:before { - content: "\e043"; -} - -.glyphicon-bookmark:before { - content: "\e044"; -} - -.glyphicon-print:before { - content: "\e045"; -} - -.glyphicon-camera:before { - content: "\e046"; -} - -.glyphicon-font:before { - content: "\e047"; -} - -.glyphicon-bold:before { - content: "\e048"; -} - -.glyphicon-italic:before { - content: "\e049"; -} - -.glyphicon-text-height:before { - content: "\e050"; -} - -.glyphicon-text-width:before { - content: "\e051"; -} - -.glyphicon-align-left:before { - content: "\e052"; -} - -.glyphicon-align-center:before { - content: "\e053"; -} - -.glyphicon-align-right:before { - content: "\e054"; -} - -.glyphicon-align-justify:before { - content: "\e055"; -} - -.glyphicon-list:before { - content: "\e056"; -} - -.glyphicon-indent-left:before { - content: "\e057"; -} - -.glyphicon-indent-right:before { - content: "\e058"; -} - -.glyphicon-facetime-video:before { - content: "\e059"; -} - -.glyphicon-picture:before { - content: "\e060"; -} - -.glyphicon-pencil:before { - content: "\270f"; -} - -.glyphicon-map-marker:before { - content: "\e062"; -} - -.glyphicon-adjust:before { - content: "\e063"; -} - -.glyphicon-tint:before { - content: "\e064"; -} - -.glyphicon-edit:before { - content: "\e065"; -} - -.glyphicon-share:before { - content: "\e066"; -} - -.glyphicon-check:before { - content: "\e067"; -} - -.glyphicon-move:before { - content: "\e068"; -} - -.glyphicon-step-backward:before { - content: "\e069"; -} - -.glyphicon-fast-backward:before { - content: "\e070"; -} - -.glyphicon-backward:before { - content: "\e071"; -} - -.glyphicon-play:before { - content: "\e072"; -} - -.glyphicon-pause:before { - content: "\e073"; -} - -.glyphicon-stop:before { - content: "\e074"; -} - -.glyphicon-forward:before { - content: "\e075"; -} - -.glyphicon-fast-forward:before { - content: "\e076"; -} - -.glyphicon-step-forward:before { - content: "\e077"; -} - -.glyphicon-eject:before { - content: "\e078"; -} - -.glyphicon-chevron-left:before { - content: "\e079"; -} - -.glyphicon-chevron-right:before { - content: "\e080"; -} - -.glyphicon-plus-sign:before { - content: "\e081"; -} - -.glyphicon-minus-sign:before { - content: "\e082"; -} - -.glyphicon-remove-sign:before { - content: "\e083"; -} - -.glyphicon-ok-sign:before { - content: "\e084"; -} - -.glyphicon-question-sign:before { - content: "\e085"; -} - -.glyphicon-info-sign:before { - content: "\e086"; -} - -.glyphicon-screenshot:before { - content: "\e087"; -} - -.glyphicon-remove-circle:before { - content: "\e088"; -} - -.glyphicon-ok-circle:before { - content: "\e089"; -} - -.glyphicon-ban-circle:before { - content: "\e090"; -} - -.glyphicon-arrow-left:before { - content: "\e091"; -} - -.glyphicon-arrow-right:before { - content: "\e092"; -} - -.glyphicon-arrow-up:before { - content: "\e093"; -} - -.glyphicon-arrow-down:before { - content: "\e094"; -} - -.glyphicon-share-alt:before { - content: "\e095"; -} - -.glyphicon-resize-full:before { - content: "\e096"; -} - -.glyphicon-resize-small:before { - content: "\e097"; -} - -.glyphicon-plus:before { - content: "\002b"; -} - -.glyphicon-minus:before { - content: "\2212"; -} - -.glyphicon-asterisk:before { - content: "\002a"; -} - -.glyphicon-exclamation-sign:before { - content: "\e101"; -} - -.glyphicon-gift:before { - content: "\e102"; -} - -.glyphicon-leaf:before { - content: "\e103"; -} - -.glyphicon-fire:before { - content: "\e104"; -} - -.glyphicon-eye-open:before { - content: "\e105"; -} - -.glyphicon-eye-close:before { - content: "\e106"; -} - -.glyphicon-warning-sign:before { - content: "\e107"; -} - -.glyphicon-plane:before { - content: "\e108"; -} - -.glyphicon-calendar:before { - content: "\e109"; -} - -.glyphicon-random:before { - content: "\e110"; -} - -.glyphicon-comment:before { - content: "\e111"; -} - -.glyphicon-magnet:before { - content: "\e112"; -} - -.glyphicon-chevron-up:before { - content: "\e113"; -} - -.glyphicon-chevron-down:before { - content: "\e114"; -} - -.glyphicon-retweet:before { - content: "\e115"; -} - -.glyphicon-shopping-cart:before { - content: "\e116"; -} - -.glyphicon-folder-close:before { - content: "\e117"; -} - -.glyphicon-folder-open:before { - content: "\e118"; -} - -.glyphicon-resize-vertical:before { - content: "\e119"; -} - -.glyphicon-resize-horizontal:before { - content: "\e120"; -} - -.glyphicon-hdd:before { - content: "\e121"; -} - -.glyphicon-bullhorn:before { - content: "\e122"; -} - -.glyphicon-bell:before { - content: "\e123"; -} - -.glyphicon-certificate:before { - content: "\e124"; -} - -.glyphicon-thumbs-up:before { - content: "\e125"; -} - -.glyphicon-thumbs-down:before { - content: "\e126"; -} - -.glyphicon-hand-right:before { - content: "\e127"; -} - -.glyphicon-hand-left:before { - content: "\e128"; -} - -.glyphicon-hand-up:before { - content: "\e129"; -} - -.glyphicon-hand-down:before { - content: "\e130"; -} - -.glyphicon-circle-arrow-right:before { - content: "\e131"; -} - -.glyphicon-circle-arrow-left:before { - content: "\e132"; -} - -.glyphicon-circle-arrow-up:before { - content: "\e133"; -} - -.glyphicon-circle-arrow-down:before { - content: "\e134"; -} - -.glyphicon-globe:before { - content: "\e135"; -} - -.glyphicon-wrench:before { - content: "\e136"; -} - -.glyphicon-tasks:before { - content: "\e137"; -} - -.glyphicon-filter:before { - content: "\e138"; -} - -.glyphicon-briefcase:before { - content: "\e139"; -} - -.glyphicon-fullscreen:before { - content: "\e140"; -} - -.glyphicon-dashboard:before { - content: "\e141"; -} - -.glyphicon-paperclip:before { - content: "\e142"; -} - -.glyphicon-heart-empty:before { - content: "\e143"; -} - -.glyphicon-link:before { - content: "\e144"; -} - -.glyphicon-phone:before { - content: "\e145"; -} - -.glyphicon-pushpin:before { - content: "\e146"; -} - -.glyphicon-euro:before { - content: "\20ac"; -} - -.glyphicon-usd:before { - content: "\e148"; -} - -.glyphicon-gbp:before { - content: "\e149"; -} - -.glyphicon-sort:before { - content: "\e150"; -} - -.glyphicon-sort-by-alphabet:before { - content: "\e151"; -} - -.glyphicon-sort-by-alphabet-alt:before { - content: "\e152"; -} - -.glyphicon-sort-by-order:before { - content: "\e153"; -} - -.glyphicon-sort-by-order-alt:before { - content: "\e154"; -} - -.glyphicon-sort-by-attributes:before { - content: "\e155"; -} - -.glyphicon-sort-by-attributes-alt:before { - content: "\e156"; -} - -.glyphicon-unchecked:before { - content: "\e157"; -} - -.glyphicon-expand:before { - content: "\e158"; -} - -.glyphicon-collapse:before { - content: "\e159"; -} - -.glyphicon-collapse-top:before { - content: "\e160"; -} - -.dropup, -.dropdown { - position: relative; -} - -.dropdown-toggle:active, -.open .dropdown-toggle { - outline: 0; -} - -.caret { - display: inline-block; - width: 0; - height: 0; - vertical-align: top; - border-top: 4px solid #000; - border-right: 4px solid transparent; - border-left: 4px solid transparent; - content: ""; -} - -.dropdown .caret { - margin-top: 8px; - margin-left: 2px; -} - -.dropdown-menu { - position: absolute; - top: 100%; - left: 0; - z-index: 1000; - display: none; - float: left; - min-width: 160px; - padding: 5px 0; - margin: 2px 0 0; - list-style: none; - background-color: #ffffff; - border: 1px solid #ccc; - border: 1px solid rgba(0, 0, 0, 0.15); - border-radius: 4px; - -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); - box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); - -webkit-background-clip: padding-box; - -moz-background-clip: padding-box; - background-clip: padding-box; -} - -.dropdown-menu.pull-right { - right: 0; - left: auto; -} - -.dropdown-menu .divider { - height: 1px; - margin: 9px 0; - overflow: hidden; - background-color: #e5e5e5; - border-bottom: 1px solid #ffffff; -} - -.dropdown-menu > li > a { - display: block; - padding: 3px 20px; - clear: both; - font-weight: normal; - line-height: 20px; - color: #333333; - white-space: nowrap; -} - -.dropdown-menu li > a:hover, -.dropdown-menu li > a:focus { - color: #ffffff; - text-decoration: none; - background-color: #357ebd; - background-image: -moz-linear-gradient(top, #428bca, #357ebd); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#428bca), to(#357ebd)); - background-image: -webkit-linear-gradient(top, #428bca, #357ebd); - background-image: -o-linear-gradient(top, #428bca, #357ebd); - background-image: linear-gradient(to bottom, #428bca, #357ebd); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0); -} - -.dropdown-menu > .active > a, -.dropdown-menu > .active > a:hover, -.dropdown-menu > .active > a:focus { - color: #ffffff; - text-decoration: none; - background-color: #357ebd; - background-image: -moz-linear-gradient(top, #428bca, #357ebd); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#428bca), to(#357ebd)); - background-image: -webkit-linear-gradient(top, #428bca, #357ebd); - background-image: -o-linear-gradient(top, #428bca, #357ebd); - background-image: linear-gradient(to bottom, #428bca, #357ebd); - background-repeat: repeat-x; - outline: 0; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0); -} - -.dropdown-menu > .disabled > a, -.dropdown-menu > .disabled > a:hover, -.dropdown-menu > .disabled > a:focus { - color: #999999; -} - -.dropdown-menu > .disabled > a:hover, -.dropdown-menu > .disabled > a:focus { - text-decoration: none; - cursor: default; - background-color: transparent; - background-image: none; - filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); -} - -.open > .dropdown-menu { - display: block; -} - -.pull-right > .dropdown-menu { - right: 0; - left: auto; -} - -.dropup .caret, -.navbar-fixed-bottom .dropdown .caret { - border-top: 0; - border-bottom: 4px solid #000; - content: ""; -} - -.dropup .dropdown-menu, -.navbar-fixed-bottom .dropdown .dropdown-menu { - top: auto; - bottom: 100%; - margin-bottom: 1px; -} - -.dropdown .dropdown-menu .nav-header { - padding-right: 20px; - padding-left: 20px; -} - -.typeahead { - z-index: 1051; -} - -.well { - min-height: 20px; - padding: 19px; - margin-bottom: 20px; - background-color: #f5f5f5; - border: 1px solid #e3e3e3; - border-radius: 4px; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); -} - -.well blockquote { - border-color: #ddd; - border-color: rgba(0, 0, 0, 0.15); -} - -.well-large { - padding: 24px; - border-radius: 6px; -} - -.well-small { - padding: 9px; - border-radius: 3px; -} - -.close { - float: right; - font-size: 20px; - font-weight: bold; - line-height: 20px; - color: #000; - text-shadow: 0 1px 0 #ffffff; - opacity: 0.2; - filter: alpha(opacity=20); -} - -.close:hover, -.close:focus { - color: #000; - text-decoration: none; - cursor: pointer; - opacity: 0.5; - filter: alpha(opacity=50); -} - -button.close { - padding: 0; - cursor: pointer; - background: transparent; - border: 0; - -webkit-appearance: none; -} - -.nav { - padding-left: 0; - margin-bottom: 0; - margin-left: 0; - list-style: none; -} - -.nav:before, -.nav:after { - display: table; - content: " "; -} - -.nav:after { - clear: both; -} - -.nav > li { - display: block; -} - -.nav > li > a { - position: relative; - display: block; - padding: 10px 15px; -} - -.nav > li > a:hover, -.nav > li > a:focus { - text-decoration: none; - background-color: #eeeeee; -} - -.nav > .pull-right { - float: right; -} - -.nav-tabs { - border-bottom: 1px solid #ddd; -} - -.nav-tabs > li { - float: left; - margin-bottom: -1px; -} - -.nav-tabs > li > a { - margin-right: 2px; - line-height: 20px; - border: 1px solid transparent; - border-radius: 4px 4px 0 0; -} - -.nav-tabs > li > a:hover { - border-color: #eeeeee #eeeeee #dddddd; -} - -.nav-tabs > .active > a, -.nav-tabs > .active > a:hover, -.nav-tabs > .active > a:focus { - color: #555555; - cursor: default; - background-color: #ffffff; - border: 1px solid #ddd; - border-bottom-color: transparent; -} - -.nav-pills > li { - float: left; -} - -.nav-pills > li > a { - border-radius: 5px; -} - -.nav-pills > li + li > a { - margin-left: 2px; -} - -.nav-pills > .active > a, -.nav-pills > .active > a:hover, -.nav-pills > .active > a:focus { - color: #fff; - background-color: #428bca; -} - -.nav-stacked > li { - float: none; -} - -.nav-stacked > li + li > a { - margin-top: 2px; - margin-left: 0; -} - -.nav-justified { - max-height: 40px; -} - -.nav-justified > li { - display: table-cell; - float: none; - width: 1%; - text-align: center; -} - -.nav-list > li > a { - margin-bottom: -1px; - border: 1px solid #e5e5e5; -} - -.nav-list > li:first-child > a { - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} - -.nav-list > li:last-child > a { - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} - -.nav-list > .active > a, -.nav-list > .active > a:hover, -.nav-list > .active > a:focus { - z-index: 2; - color: #fff; - background-color: #428bca; - border-color: #428bca; -} - -.nav > .disabled > a { - color: #999999; -} - -.nav > .disabled > a:hover, -.nav > .disabled > a:focus { - text-decoration: none; - cursor: default; - background-color: transparent; -} - -.nav-header { - display: block; - padding: 3px 15px; - font-size: 11px; - font-weight: bold; - line-height: 20px; - color: #999999; - text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); - text-transform: uppercase; -} - -.nav li + .nav-header { - margin-top: 9px; -} - -.nav .divider { - height: 1px; - margin: 9px 0; - overflow: hidden; - background-color: #e5e5e5; - border-bottom: 1px solid #ffffff; -} - -/* -// Prevent IE8 from misplacing imgs -// See https://github.com/h5bp/html5-boilerplate/issues/984#issuecomment-3985989 -.nav > li > a > img { - max-width: none; -} - -// Dropdowns -// ------------------------- - -.nav-tabs .dropdown-menu { - // Remove the top rounded corners here since there is a hard edge above the menu - .border-top-radius(0); -} - -// Default dropdown links -// ------------------------- -// Make carets use linkColor to start -.nav .dropdown-toggle .caret { - border-top-color: @link-color; - border-bottom-color: @link-color; - margin-top: 8px; -} -.nav .dropdown-toggle:hover .caret { - border-top-color: @link-color-hover; - border-bottom-color: @link-color-hover; -} - -// Active dropdown links -// ------------------------- -.nav .active .dropdown-toggle .caret { - border-top-color: #fff; - border-bottom-color: #fff; -} -.nav-tabs .active .dropdown-toggle .caret { - border-top-color: @gray; - border-bottom-color: @gray; -} - -// Active:hover dropdown links -// ------------------------- -.nav > .dropdown.active > a:hover { - cursor: pointer; -} - -// Open dropdowns -// ------------------------- -.nav-tabs .open .dropdown-toggle, -.nav-pills .open .dropdown-toggle, -.nav > li.dropdown.open.active > a:hover { - color: #fff; - background-color: @grayLight; - border-color: @grayLight; -} -.nav li.dropdown.open .caret, -.nav li.dropdown.open.active .caret, -.nav li.dropdown.open a:hover .caret { - border-top-color: #fff; - border-bottom-color: #fff; - .opacity(100); -} - -// Dropdowns in stacked tabs -.tabs-stacked .open > a:hover { - border-color: @grayLight; -} - - - -// Tabbable tabs -// ------------------------- - -// Clear any floats -.tabbable { - .clearfix(); -} - -// Show/hide tabbable areas -.tab-content > .tab-pane, -.pill-content > .pill-pane { - display: none; -} -.tab-content > .active, -.pill-content > .active { - display: block; -} - -*/ - -.navbar { - padding: 15px; - background-color: #eeeeee; - border-radius: 4px; -} - -.navbar:before, -.navbar:after { - display: table; - content: " "; -} - -.navbar:after { - clear: both; -} - -.navbar .nav { - margin-top: 15px; -} - -.navbar .nav > li > a { - padding-top: 15px; - padding-bottom: 15px; - line-height: 20px; - color: #777777; -} - -.navbar .nav > li > a:hover, -.navbar .nav > li > a:focus { - color: #333333; - background-color: transparent; -} - -.navbar .nav > .active > a, -.navbar .nav > .active > a:hover, -.navbar .nav > .active > a:focus { - color: #555555; - background-color: #d5d5d5; -} - -.navbar-static-top { - position: static; - border-radius: 0; -} - -.navbar-fixed-top, -.navbar-fixed-bottom { - position: fixed; - right: 0; - left: 0; - z-index: 1030; - border-radius: 0; -} - -.navbar-fixed-top { - top: 0; -} - -.navbar-fixed-bottom { - bottom: 0; -} - -.navbar .brand { - display: inline-block; - padding: 7px 15px; - font-size: 18px; - font-weight: 500; - line-height: 20px; - color: #777777; -} - -.navbar .brand:hover, -.navbar .brand:focus { - color: #5e5e5e; - text-decoration: none; - background-color: transparent; -} - -.btn-navbar { - float: right; - padding: 10px 12px; - background-color: #ddd; - border: 0; - border-radius: 4px; -} - -.btn-navbar .icon-bar { - display: block; - width: 20px; - height: 2px; - background-color: #fff; - border-radius: 1px; -} - -.btn-navbar .icon-bar + .icon-bar { - margin-top: 3px; -} - -.navbar .nav > .divider { - height: 1px; - margin: 9px 0; - overflow: hidden; - background-color: #e1e1e1; - border-bottom: 1px solid #fbfbfb; -} - -.navbar-form { - margin-top: 8px; - margin-bottom: 8px; -} - -.navbar .nav > li > .dropdown-menu { - margin-top: 0; - border-top-right-radius: 0; - border-top-left-radius: 0; -} - -.navbar-fixed-bottom .nav > li > .dropdown-menu { - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; -} - -.navbar .nav li.dropdown > a:hover .caret, -.navbar .nav li.dropdown > a:focus .caret { - border-top-color: #333333; - border-bottom-color: #333333; -} - -.navbar .nav li.dropdown.open > .dropdown-toggle, -.navbar .nav li.dropdown.active > .dropdown-toggle, -.navbar .nav li.dropdown.open.active > .dropdown-toggle { - color: #555555; - background-color: #d5d5d5; -} - -.navbar .nav li.dropdown > .dropdown-toggle .caret { - border-top-color: #777777; - border-bottom-color: #777777; -} - -.navbar .nav li.dropdown.open > .dropdown-toggle .caret, -.navbar .nav li.dropdown.active > .dropdown-toggle .caret, -.navbar .nav li.dropdown.open.active > .dropdown-toggle .caret { - border-top-color: #555555; - border-bottom-color: #555555; -} - -.navbar .pull-right > li > .dropdown-menu, -.navbar .nav > li > .dropdown-menu.pull-right { - right: 0; - left: auto; -} - -.navbar-inverse { - background-color: #222222; -} - -.navbar-inverse .brand { - color: #999999; -} - -.navbar-inverse .brand:hover, -.navbar-inverse .brand:focus { - color: #ffffff; - background-color: transparent; -} - -.navbar-inverse .navbar-text { - color: #999999; -} - -.navbar-inverse .nav > li > a { - color: #999999; -} - -.navbar-inverse .nav > li > a:hover, -.navbar-inverse .nav > li > a:focus { - color: #ffffff; - background-color: transparent; -} - -.navbar-inverse .nav > .active > a, -.navbar-inverse .nav > .active > a:hover, -.navbar-inverse .nav > .active > a:focus { - color: #ffffff; - background-color: #222222; -} - -.navbar-inverse .btn-navbar { - background-color: #444; -} - -.navbar-inverse .nav > .divider { - background-color: #151515; - border-bottom-color: #2f2f2f; -} - -.navbar-inverse .nav li.dropdown.open > .dropdown-toggle, -.navbar-inverse .nav li.dropdown.active > .dropdown-toggle, -.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle { - color: #ffffff; - background-color: #222222; -} - -.navbar-inverse .nav li.dropdown > a:hover .caret { - border-top-color: #ffffff; - border-bottom-color: #ffffff; -} - -.navbar-inverse .nav li.dropdown > .dropdown-toggle .caret { - border-top-color: #999999; - border-bottom-color: #999999; -} - -.navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret, -.navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret, -.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle .caret { - border-top-color: #ffffff; - border-bottom-color: #ffffff; -} - -@media screen and (min-width: 768px) { - .navbar { - padding-top: 0; - padding-bottom: 0; - } - .navbar .brand { - float: left; - padding-top: 15px; - padding-bottom: 15px; - margin-left: -15px; - } - .navbar .nav { - float: left; - margin-top: 0; - } - .navbar .nav:before, - .navbar .nav:after { - display: table; - content: " "; - } - .navbar .nav:after { - clear: both; - } - .navbar .nav.pull-right { - float: right; - } - .navbar .nav > li { - float: left; - } - .navbar .nav > .divider { - width: 1px; - height: 30px; - margin: 10px 9px; - border-right: 1px solid #fbfbfb; - border-bottom: 0; - } - .navbar-inverse .nav > .divider { - border-right-color: #2f2f2f; - } - .navbar .btn-navbar { - display: none; - } - .nav-collapse.collapse { - height: auto !important; - overflow: visible !important; - } -} - -/* - -// Janky solution for now to account for links outside the .nav -// ------------------------- -.navbar-link { - color: @navbar-link-color; - &:hover { - color: @navbar-link-color-hover; - } -} - -// Buttons in navbar -// ------------------------- -.navbar .btn, -.navbar .btn-group { - .navbarVerticalAlign(30px); // Vertically center in navbar -} -.navbar .btn-group .btn, -.navbar .input-prepend .btn, -.navbar .input-append .btn { - margin-top: 0; // then undo the margin here so we don't accidentally double it -} - -// Navbar forms -// ------------------------- -.navbar-form { - margin-bottom: 0; // remove default bottom margin - .clearfix(); - input, - select, - .radio, - .checkbox { - .navbarVerticalAlign(30px); // Vertically center in navbar - } - input, - select, - .btn { - display: inline-block; - margin-bottom: 0; - } - input[type="image"], - input[type="checkbox"], - input[type="radio"] { - margin-top: 3px; - } - .input-append, - .input-prepend { - margin-top: 5px; - white-space: nowrap; // preven two items from separating within a .navbar-form that has .pull-left - input { - margin-top: 0; // remove the margin on top since it's on the parent - } - } -} - -*/ - -.btn .caret { - border-top-color: #ffffff; -} - -.dropup .btn .caret { - border-bottom-color: #ffffff; -} - -.btn-group { - position: relative; - display: inline-block; - vertical-align: middle; -} - -.btn-group > .btn { - float: left; -} - -.btn-toolbar:before, -.btn-toolbar:after { - display: table; - content: " "; -} - -.btn-toolbar:after { - clear: both; -} - -.btn-toolbar .btn-group { - float: left; -} - -.btn-toolbar > .btn + .btn, -.btn-toolbar > .btn-group + .btn, -.btn-toolbar > .btn + .btn-group, -.btn-toolbar > .btn-group + .btn-group { - margin-left: 5px; -} - -.btn-group > .btn { - position: relative; - border-radius: 0; -} - -.btn-group > .btn + .btn { - margin-left: 1px; -} - -.btn-group > .btn:first-child { - margin-left: 0; - border-bottom-left-radius: 4px; - border-top-left-radius: 4px; -} - -.btn-group > .btn:last-child, -.btn-group > .dropdown-toggle { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} - -.btn-group > .btn.large:first-child { - margin-left: 0; - border-bottom-left-radius: 6px; - border-top-left-radius: 6px; -} - -.btn-group > .btn.large:last-child, -.btn-group > .large.dropdown-toggle { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; -} - -.btn-group .dropdown-toggle:active, -.btn-group.open .dropdown-toggle { - outline: 0; -} - -.btn-group > .btn + .dropdown-toggle { - padding-right: 8px; - padding-left: 8px; -} - -.btn-group > .btn-mini + .dropdown-toggle { - padding-right: 5px; - padding-left: 5px; -} - -.btn-group > .btn-large + .dropdown-toggle { - padding-right: 12px; - padding-left: 12px; -} - -.btn-group.open .dropdown-toggle { - -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); - box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); -} - -.btn .caret { - margin-top: 8px; - margin-left: 0; -} - -.btn-large .caret { - border-width: 5px; -} - -.dropup .btn-large .caret { - border-bottom-width: 5px; -} - -.btn-group-vertical > .btn { - display: block; - float: none; - max-width: 100%; - border-radius: 0; -} - -.btn-group-vertical > .btn + .btn { - margin-top: 1px; - margin-left: 0; -} - -.btn-group-vertical .btn:first-child { - border-radius: 4px 4px 0 0; -} - -.btn-group-vertical .btn:last-child { - border-radius: 0 0 4px 4px; -} - -.btn-group-vertical .btn-large:first-child { - border-radius: 6px 6px 0 0; -} - -.btn-group-vertical .btn-large:last-child { - border-radius: 0 0 6px 6px; -} - -.btn-group-justified { - display: table; - width: 100%; -} - -.btn-group-justified .btn { - display: table-cell; - float: none; - width: 1%; -} - -.breadcrumb { - padding: 8px 15px; - margin: 0 0 20px; - list-style: none; - background-color: #f5f5f5; - border-radius: 4px; -} - -.breadcrumb > li { - display: inline-block; - text-shadow: 0 1px 0 #fff; -} - -.breadcrumb > li:after { - display: inline-block; - padding: 0 5px; - color: #ccc; - content: "\00a0 /"; -} - -.breadcrumb > .active { - color: #999999; -} - -.pagination { - display: inline-block; - margin: 20px 0; - border-radius: 4px; -} - -.pagination > li { - display: inline; -} - -.pagination > li > a, -.pagination > li > span { - float: left; - padding: 4px 12px; - line-height: 20px; - text-decoration: none; - background-color: #ffffff; - border: 1px solid #dddddd; - border-left-width: 0; -} - -.pagination > li > a:hover, -.pagination > li > a:focus, -.pagination > .active > a, -.pagination > .active > span { - background-color: #f5f5f5; -} - -.pagination > .active > a, -.pagination > .active > span { - color: #999999; - cursor: default; -} - -.pagination > .disabled > span, -.pagination > .disabled > a, -.pagination > .disabled > a:hover, -.pagination > .disabled > a:focus { - color: #999999; - cursor: default; - background-color: transparent; -} - -.pagination > li:first-child > a, -.pagination > li:first-child > span { - border-left-width: 1px; - border-bottom-left-radius: 4px; - border-top-left-radius: 4px; -} - -.pagination > li:last-child > a, -.pagination > li:last-child > span { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} - -.pagination-large > li > a, -.pagination-large > li > span { - padding: 11px 14px; - font-size: 17.5px; -} - -.pagination-large > li:first-child > a, -.pagination-large > li:first-child > span { - border-bottom-left-radius: 6px; - border-top-left-radius: 6px; -} - -.pagination-large > li:last-child > a, -.pagination-large > li:last-child > span { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; -} - -.pagination-mini > li:first-child > a, -.pagination-small > li:first-child > a, -.pagination-mini > li:first-child > span, -.pagination-small > li:first-child > span { - border-bottom-left-radius: 3px; - border-top-left-radius: 3px; -} - -.pagination-mini > li:last-child > a, -.pagination-small > li:last-child > a, -.pagination-mini > li:last-child > span, -.pagination-small > li:last-child > span { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} - -.pagination-small > li > a, -.pagination-small > li > span { - padding: 2px 10px; - font-size: 11.9px; -} - -.pagination-mini > li > a, -.pagination-mini > li > span { - padding: 0 6px; - font-size: 10.5px; -} - -.pager { - margin: 20px 0; - text-align: center; - list-style: none; -} - -.pager:before, -.pager:after { - display: table; - content: " "; -} - -.pager:after { - clear: both; -} - -.pager li { - display: inline; -} - -.pager li > a, -.pager li > span { - display: inline-block; - padding: 5px 14px; - background-color: #fff; - border: 1px solid #ddd; - border-radius: 15px; -} - -.pager li > a:hover, -.pager li > a:focus { - text-decoration: none; - background-color: #f5f5f5; -} - -.pager .next > a, -.pager .next > span { - float: right; -} - -.pager .previous > a, -.pager .previous > span { - float: left; -} - -.pager .disabled > a, -.pager .disabled > a:hover, -.pager .disabled > a:focus, -.pager .disabled > span { - color: #999999; - cursor: default; - background-color: #fff; -} - -.modal-open { - overflow: hidden; -} - -.modal { - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 1040; - display: none; - overflow: auto; - overflow-y: scroll; - -webkit-overflow-scrolling: touch; -} - -.modal.fade { - top: -25%; - -webkit-transition: opacity 0.3s linear, top 0.3s ease-out; - -moz-transition: opacity 0.3s linear, top 0.3s ease-out; - -o-transition: opacity 0.3s linear, top 0.3s ease-out; - transition: opacity 0.3s linear, top 0.3s ease-out; -} - -.modal.fade.in { - top: 0; -} - -.modal-dialog { - position: relative; - top: 0; - right: 0; - left: 0; - z-index: 1050; - width: auto; - padding: 10px; -} - -.modal-content { - position: relative; - background-color: #fff; - border: 1px solid #999; - border: 1px solid rgba(0, 0, 0, 0.2); - border-radius: 6px; - outline: none; - -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); - box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); - -webkit-background-clip: padding-box; - -moz-background-clip: padding-box; - background-clip: padding-box; -} - -.modal-backdrop { - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 1030; - background-color: #000; -} - -.modal-backdrop.fade { - opacity: 0; -} - -.modal-backdrop.fade.in { - opacity: 0.5; - filter: alpha(opacity=50); -} - -.modal-header { - padding: 9px 15px; - border-bottom: 1px solid #e5e5e5; -} - -.modal-header .close { - margin-top: 2px; -} - -.modal-title { - margin: 0; - line-height: 30px; -} - -.modal-body { - position: relative; - padding: 20px; -} - -.modal-footer { - padding: 19px 20px 20px; - margin-top: 15px; - text-align: right; - border-top: 1px solid #e5e5e5; -} - -.modal-footer:before, -.modal-footer:after { - display: table; - content: " "; -} - -.modal-footer:after { - clear: both; -} - -.modal-footer .btn + .btn { - margin-bottom: 0; - margin-left: 5px; -} - -.modal-footer .btn-group .btn + .btn { - margin-left: -1px; -} - -.modal-footer .btn-block + .btn-block { - margin-left: 0; -} - -@media screen and (min-width: 768px) { - .modal-dialog { - right: auto; - left: 50%; - width: 560px; - padding-top: 30px; - padding-bottom: 30px; - margin-left: -280px; - } - .modal-content { - -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); - box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); - } -} - -.tooltip { - position: absolute; - z-index: 1030; - display: block; - font-size: 11px; - line-height: 1.4; - opacity: 0; - filter: alpha(opacity=0); - visibility: visible; -} - -.tooltip.in { - opacity: 1; - filter: alpha(opacity=100); -} - -.tooltip.top { - padding: 5px 0; - margin-top: -3px; -} - -.tooltip.right { - padding: 0 5px; - margin-left: 3px; -} - -.tooltip.bottom { - padding: 5px 0; - margin-top: 3px; -} - -.tooltip.left { - padding: 0 5px; - margin-left: -3px; -} - -.tooltip-inner { - max-width: 200px; - padding: 3px 8px; - color: #ffffff; - text-align: center; - text-decoration: none; - background-color: rgba(0, 0, 0, 0.9); - border-radius: 4px; -} - -.tooltip-arrow { - position: absolute; - width: 0; - height: 0; - border-color: transparent; - border-style: solid; -} - -.tooltip.top .tooltip-arrow { - bottom: 0; - left: 50%; - margin-left: -5px; - border-top-color: rgba(0, 0, 0, 0.9); - border-width: 5px 5px 0; -} - -.tooltip.right .tooltip-arrow { - top: 50%; - left: 0; - margin-top: -5px; - border-right-color: rgba(0, 0, 0, 0.9); - border-width: 5px 5px 5px 0; -} - -.tooltip.left .tooltip-arrow { - top: 50%; - right: 0; - margin-top: -5px; - border-left-color: rgba(0, 0, 0, 0.9); - border-width: 5px 0 5px 5px; -} - -.tooltip.bottom .tooltip-arrow { - top: 0; - left: 50%; - margin-left: -5px; - border-bottom-color: rgba(0, 0, 0, 0.9); - border-width: 0 5px 5px; -} - -.popover { - position: absolute; - top: 0; - left: 0; - z-index: 1010; - display: none; - max-width: 276px; - padding: 1px; - text-align: left; - white-space: normal; - background-color: #ffffff; - border: 1px solid #ccc; - border: 1px solid rgba(0, 0, 0, 0.2); - border-radius: 6px; - -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); - box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); - -webkit-background-clip: padding-box; - -moz-background-clip: padding; - background-clip: padding-box; -} - -.popover.top { - margin-top: -10px; -} - -.popover.right { - margin-left: 10px; -} - -.popover.bottom { - margin-top: 10px; -} - -.popover.left { - margin-left: -10px; -} - -.popover-title { - padding: 8px 14px; - margin: 0; - font-size: 14px; - font-weight: normal; - line-height: 18px; - background-color: #f7f7f7; - border-bottom: 1px solid #ebebeb; - border-radius: 5px 5px 0 0; -} - -.popover-title:empty { - display: none; -} - -.popover-content { - padding: 9px 14px; -} - -.popover .arrow, -.popover .arrow:after { - position: absolute; - display: block; - width: 0; - height: 0; - border-color: transparent; - border-style: solid; -} - -.popover .arrow { - border-width: 11px; -} - -.popover .arrow:after { - border-width: 10px; - content: ""; -} - -.popover.top .arrow { - bottom: -11px; - left: 50%; - margin-left: -11px; - border-top-color: #999; - border-top-color: rgba(0, 0, 0, 0.25); - border-bottom-width: 0; -} - -.popover.top .arrow:after { - bottom: 1px; - margin-left: -10px; - border-top-color: #ffffff; - border-bottom-width: 0; -} - -.popover.right .arrow { - top: 50%; - left: -11px; - margin-top: -11px; - border-right-color: #999; - border-right-color: rgba(0, 0, 0, 0.25); - border-left-width: 0; -} - -.popover.right .arrow:after { - bottom: -10px; - left: 1px; - border-right-color: #ffffff; - border-left-width: 0; -} - -.popover.bottom .arrow { - top: -11px; - left: 50%; - margin-left: -11px; - border-bottom-color: #999; - border-bottom-color: rgba(0, 0, 0, 0.25); - border-top-width: 0; -} - -.popover.bottom .arrow:after { - top: 1px; - margin-left: -10px; - border-bottom-color: #ffffff; - border-top-width: 0; -} - -.popover.left .arrow { - top: 50%; - right: -11px; - margin-top: -11px; - border-left-color: #999; - border-left-color: rgba(0, 0, 0, 0.25); - border-right-width: 0; -} - -.popover.left .arrow:after { - right: 1px; - bottom: -10px; - border-left-color: #ffffff; - border-right-width: 0; -} - -.alert { - padding: 8px 35px 8px 14px; - margin-bottom: 20px; - color: #c09853; - background-color: #fcf8e3; - border: 1px solid #fbeed5; - border-radius: 4px; -} - -.alert h4 { - margin-top: 0; - color: inherit; -} - -.alert .close { - position: relative; - top: -2px; - right: -21px; - line-height: 20px; - color: inherit; -} - -.alert-success { - color: #468847; - background-color: #dff0d8; - border-color: #d6e9c6; -} - -.alert-danger, -.alert-error { - color: #b94a48; - background-color: #f2dede; - border-color: #eed3d7; -} - -.alert-info { - color: #3a87ad; - background-color: #d9edf7; - border-color: #bce8f1; -} - -.alert-block { - padding-top: 14px; - padding-bottom: 14px; -} - -.alert-block > p, -.alert-block > ul { - margin-bottom: 0; -} - -.alert-block p + p { - margin-top: 5px; -} - -.thumbnail, -.img-thumbnail { - padding: 4px; - line-height: 20px; - border: 1px solid #ddd; - border-radius: 4px; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; -} - -.thumbnail { - display: block; -} - -.img-thumbnail { - display: inline-block; -} - -a.thumbnail:hover, -a.thumbnail:focus { - border-color: #428bca; -} - -.thumbnail > img { - display: block; - max-width: 100%; - margin-right: auto; - margin-left: auto; -} - -.thumbnail .caption { - padding: 9px; - color: #555555; -} - -.media, -.media-body { - overflow: hidden; - zoom: 1; -} - -.media, -.media .media { - margin-top: 15px; -} - -.media:first-child { - margin-top: 0; -} - -.media-object { - display: block; -} - -.media-heading { - margin: 0 0 5px; -} - -.media > .pull-left { - margin-right: 10px; -} - -.media > .pull-right { - margin-left: 10px; -} - -.media-list { - margin-left: 0; - list-style: none; -} - -.counter { - display: inline-block; - min-width: 10px; - padding: 3px 7px; - font-size: 12px; - font-weight: bold; - line-height: 1; - color: #fff; - text-align: center; - white-space: nowrap; - vertical-align: middle; - background-color: #999999; - border-radius: 10px; -} - -.counter:empty { - display: none; -} - -a.counter:hover, -a.counter:focus { - color: #fff; - text-decoration: none; - cursor: pointer; -} - -.btn .counter { - position: relative; - top: -1px; -} - -.btn-mini .counter { - top: 0; -} - -.nav-list > .active > a > .counter, -.nav-pills > .active > a > .counter { - color: #428bca; - background-color: #fff; -} - -.nav-pills > li > a > .counter { - margin-left: 3px; -} - -@-webkit-keyframes progress-bar-stripes { - from { - background-position: 40px 0; - } - to { - background-position: 0 0; - } -} - -@-moz-keyframes progress-bar-stripes { - from { - background-position: 40px 0; - } - to { - background-position: 0 0; - } -} - -@-ms-keyframes progress-bar-stripes { - from { - background-position: 40px 0; - } - to { - background-position: 0 0; - } -} - -@-o-keyframes progress-bar-stripes { - from { - background-position: 0 0; - } - to { - background-position: 40px 0; - } -} - -@keyframes progress-bar-stripes { - from { - background-position: 40px 0; - } - to { - background-position: 0 0; - } -} - -.progress { - height: 20px; - margin-bottom: 20px; - overflow: hidden; - background-color: #f5f5f5; - border-radius: 4px; - -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -} - -.progress-bar { - float: left; - width: 0; - height: 100%; - font-size: 12px; - color: #fff; - text-align: center; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); - background-color: #428bca; - -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - -webkit-transition: width 0.6s ease; - -moz-transition: width 0.6s ease; - -o-transition: width 0.6s ease; - transition: width 0.6s ease; -} - -.progress-striped .progress-bar { - background-color: #428bca; - background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); - background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - -webkit-background-size: 40px 40px; - -moz-background-size: 40px 40px; - -o-background-size: 40px 40px; - background-size: 40px 40px; -} - -.progress.active .progress-bar { - -webkit-animation: progress-bar-stripes 2s linear infinite; - -moz-animation: progress-bar-stripes 2s linear infinite; - -ms-animation: progress-bar-stripes 2s linear infinite; - -o-animation: progress-bar-stripes 2s linear infinite; - animation: progress-bar-stripes 2s linear infinite; -} - -.progress-bar-danger { - background-color: #d9534f; -} - -.progress-striped .progress-bar-danger { - background-color: #d9534f; - background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); - background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -} - -.progress-bar-success { - background-color: #5cb85c; -} - -.progress-striped .progress-bar-success { - background-color: #5cb85c; - background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); - background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -} - -.progress-bar-warning { - background-color: #f0ad4e; -} - -.progress-striped .progress-bar-warning { - background-color: #f0ad4e; - background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); - background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -} - -.progress-bar-info { - background-color: #5bc0de; -} - -.progress-striped .progress-bar-info { - background-color: #5bc0de; - background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); - background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -} - -.accordion { - margin-bottom: 20px; -} - -.accordion-group { - margin-bottom: 2px; - border: 1px solid #e5e5e5; - border-radius: 4px; -} - -.accordion-heading { - border-bottom: 0; -} - -.accordion-heading .accordion-toggle { - display: block; - padding: 8px 15px; -} - -.accordion-toggle { - cursor: pointer; -} - -.accordion-inner { - padding: 9px 15px; - border-top: 1px solid #e5e5e5; -} - -.carousel { - position: relative; - margin-bottom: 20px; - line-height: 1; -} - -.carousel-inner { - position: relative; - width: 100%; - overflow: hidden; -} - -.carousel-inner > .item { - position: relative; - display: none; - -webkit-transition: 0.6s ease-in-out left; - -moz-transition: 0.6s ease-in-out left; - -o-transition: 0.6s ease-in-out left; - transition: 0.6s ease-in-out left; -} - -.carousel-inner > .item > img, -.carousel-inner > .item > a > img { - display: block; - line-height: 1; -} - -.carousel-inner > .active, -.carousel-inner > .next, -.carousel-inner > .prev { - display: block; -} - -.carousel-inner > .active { - left: 0; -} - -.carousel-inner > .next, -.carousel-inner > .prev { - position: absolute; - top: 0; - width: 100%; -} - -.carousel-inner > .next { - left: 100%; -} - -.carousel-inner > .prev { - left: -100%; -} - -.carousel-inner > .next.left, -.carousel-inner > .prev.right { - left: 0; -} - -.carousel-inner > .active.left { - left: -100%; -} - -.carousel-inner > .active.right { - left: 100%; -} - -.carousel-control { - position: absolute; - top: 0; - bottom: 0; - left: 0; - width: 120px; - opacity: 0.5; - filter: alpha(opacity=50); -} - -.carousel-control.left { - background-color: rgba(0, 0, 0, 0.001); - background-color: transparent; - background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.001)); - background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0, 0, 0, 0.75)), to(rgba(0, 0, 0, 0.001))); - background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.001)); - background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.001)); - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.001)); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf000000', endColorstr='#00000000', GradientType=1); -} - -.carousel-control.right { - right: 0; - left: auto; - background-color: rgba(0, 0, 0, 0.75); - background-color: transparent; - background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.001), rgba(0, 0, 0, 0.75)); - background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0, 0, 0, 0.001)), to(rgba(0, 0, 0, 0.75))); - background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.001), rgba(0, 0, 0, 0.75)); - background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.001), rgba(0, 0, 0, 0.75)); - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.001), rgba(0, 0, 0, 0.75)); - background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#bf000000', GradientType=1); -} - -.carousel-control:hover, -.carousel-control:focus { - color: #fff; - text-decoration: none; - opacity: 0.9; - filter: alpha(opacity=90); -} - -.carousel-control .control { - position: absolute; - top: 50%; - z-index: 5; - display: block; - margin-top: -35px; - margin-left: 30px; - font-size: 80px; - font-weight: 100; - color: #fff; - text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); -} - -.carousel-control.right .control { - margin-left: 70px; -} - -.carousel-indicators { - position: absolute; - top: 15px; - right: 15px; - z-index: 5; - margin: 0; - list-style: none; -} - -.carousel-indicators li { - display: block; - float: left; - width: 10px; - height: 10px; - margin-left: 5px; - text-indent: -999px; - cursor: pointer; - background-color: #ccc; - background-color: rgba(255, 255, 255, 0.25); - border-radius: 5px; -} - -.carousel-indicators .active { - background-color: #fff; -} - -.carousel-caption { - position: absolute; - right: 0; - bottom: 0; - left: 0; - z-index: 10; - max-width: 60%; - padding: 40px; - text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); -} - -.carousel-caption h3, -.carousel-caption p { - line-height: 20px; - color: #fff; -} - -.carousel-caption h3 { - margin: 0 0 5px; -} - -.carousel-caption p { - margin-bottom: 0; -} - -.jumbotron { - padding: 30px; - margin-bottom: 30px; - font-size: 21px; - font-weight: 200; - line-height: 30px; - color: inherit; - background-color: #eeeeee; -} - -.jumbotron h1 { - line-height: 1; - color: inherit; -} - -.jumbotron p { - line-height: 1.4; -} - -@media screen and (min-width: 768px) { - .jumbotron { - padding: 50px 60px; - border-radius: 6px; - } - .jumbotron h1 { - font-size: 60px; - } -} - -.clearfix:before, -.clearfix:after { - display: table; - content: " "; -} - -.clearfix:after { - clear: both; -} - -.pull-right { - float: right; -} - -.pull-left { - float: left; -} - -.hide { - display: none !important; -} - -.show { - display: block !important; -} - -.invisible { - visibility: hidden; -} - -.text-hide { - font: 0/0 a; - color: transparent; - text-shadow: none; - background-color: transparent; - border: 0; -} - -.affix { - position: fixed; -} - -@-ms-viewport { - width: device-width; -} - -.hidden { - display: none; - visibility: hidden; -} - -.visible-phone { - display: none !important; -} - -.visible-tablet { - display: none !important; -} - -.hidden-desktop { - display: none !important; -} - -.visible-desktop { - display: inherit !important; -} - -@media (min-width: 768px) and (max-width: 979px) { - .hidden-desktop { - display: inherit !important; - } - .visible-desktop { - display: none !important ; - } - .visible-tablet { - display: inherit !important; - } - .hidden-tablet { - display: none !important; - } -} - -@media (max-width: 767px) { - .hidden-desktop { - display: inherit !important; - } - .visible-desktop { - display: none !important; - } - .visible-phone { - display: inherit !important; - } - .hidden-phone { - display: none !important; - } -} - -.visible-print { - display: none !important; -} - -@media print { - .visible-print { - display: inherit !important; - } - .hidden-print { - display: none !important; - } -} -- cgit v1.2.3 From e45f12ad427fddc9d9859fe86423bd49795d4f43 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 12 Feb 2013 12:44:41 -0800 Subject: rearrange jekyll and docs --- docs/assets/css/bootstrap.css | 4751 +++++++++++++++++++++++++++++++++++++++++ 1 file changed, 4751 insertions(+) create mode 100644 docs/assets/css/bootstrap.css (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css new file mode 100644 index 000000000..9ea76f713 --- /dev/null +++ b/docs/assets/css/bootstrap.css @@ -0,0 +1,4751 @@ +/*! + * Bootstrap v3.0.0 + * + * Copyright 2012 Twitter, Inc + * Licensed under the Apache License v2.0 + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Designed and built with all the love in the world by @mdo and @fat. + */ + +/*@padding-large-input: 10px 14px; // 44px +// firefox hack since it doesn't accept custom line-height for inputs and automatically sets line-height as font-size + 4 px. +// input-large at 18 + 4 = 22, so I tried to compensate on padding. +*/ + +/*! normalize.css v2.1.0 | MIT License | git.io/normalize */ + +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +main, +nav, +section, +summary { + display: block; +} + +audio, +canvas, +video { + display: inline-block; +} + +audio:not([controls]) { + display: none; + height: 0; +} + +[hidden] { + display: none; +} + +html { + font-family: sans-serif; + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; +} + +body { + margin: 0; +} + +a:focus { + outline: thin dotted; +} + +a:active, +a:hover { + outline: 0; +} + +h1 { + margin: 0.67em 0; + font-size: 2em; +} + +abbr[title] { + border-bottom: 1px dotted; +} + +b, +strong { + font-weight: bold; +} + +dfn { + font-style: italic; +} + +hr { + height: 0; + -moz-box-sizing: content-box; + box-sizing: content-box; +} + +mark { + color: #000; + background: #ff0; +} + +code, +kbd, +pre, +samp { + font-family: monospace, serif; + font-size: 1em; +} + +pre { + white-space: pre-wrap; +} + +q { + quotes: "\201C" "\201D" "\2018" "\2019"; +} + +small { + font-size: 80%; +} + +sub, +sup { + position: relative; + font-size: 75%; + line-height: 0; + vertical-align: baseline; +} + +sup { + top: -0.5em; +} + +sub { + bottom: -0.25em; +} + +img { + border: 0; +} + +svg:not(:root) { + overflow: hidden; +} + +figure { + margin: 0; +} + +fieldset { + padding: 0.35em 0.625em 0.75em; + margin: 0 2px; + border: 1px solid #c0c0c0; +} + +legend { + padding: 0; + border: 0; +} + +button, +input, +select, +textarea { + margin: 0; + font-family: inherit; + font-size: 100%; +} + +button, +input { + line-height: normal; +} + +button, +select { + text-transform: none; +} + +button, +html input[type="button"], +input[type="reset"], +input[type="submit"] { + cursor: pointer; + -webkit-appearance: button; +} + +button[disabled], +html input[disabled] { + cursor: default; +} + +input[type="checkbox"], +input[type="radio"] { + padding: 0; + box-sizing: border-box; +} + +input[type="search"] { + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; + -webkit-appearance: textfield; +} + +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + +button::-moz-focus-inner, +input::-moz-focus-inner { + padding: 0; + border: 0; +} + +textarea { + overflow: auto; + vertical-align: top; +} + +table { + border-collapse: collapse; + border-spacing: 0; +} + +html { + font-size: 62.5%; + -webkit-overflow-scrolling: touch; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} + +@media screen and (max-device-width: 480px) { + html { + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; + } +} + +body { + margin: 0; + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 14px; + font-size: 1.4rem; + line-height: 1.5; + color: #333333; + background-color: #ffffff; +} + +body, +input, +button, +select, +textarea { + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 14px; + line-height: 20px; +} + +a { + color: #428bca; + text-decoration: none; +} + +a:hover, +a:focus { + color: #2a6496; + text-decoration: underline; +} + +a:focus { + outline: thin dotted #333; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} + +img { + width: auto\9; + height: auto; + max-width: 100%; + vertical-align: middle; +} + +.img-rounded { + border-radius: 6px; +} + +.img-circle { + border-radius: 500px; +} + +@media print { + * { + color: #000 !important; + text-shadow: none !important; + background: transparent !important; + box-shadow: none !important; + } + a, + a:visited { + text-decoration: underline; + } + a[href]:after { + content: " (" attr(href) ")"; + } + abbr[title]:after { + content: " (" attr(title) ")"; + } + .ir a:after, + a[href^="javascript:"]:after, + a[href^="#"]:after { + content: ""; + } + pre, + blockquote { + border: 1px solid #999; + page-break-inside: avoid; + } + thead { + display: table-header-group; + } + tr, + img { + page-break-inside: avoid; + } + img { + max-width: 100% !important; + } + @page { + margin: 0.5cm; + } + p, + h2, + h3 { + orphans: 3; + widows: 3; + } + h2, + h3 { + page-break-after: avoid; + } +} + +p { + margin: 0 0 10px; +} + +.lead { + margin-bottom: 20px; + font-size: 21px; + font-weight: 200; + line-height: 1.25; +} + +small { + font-size: 85%; +} + +strong { + font-weight: bold; +} + +em { + font-style: italic; +} + +cite { + font-style: normal; +} + +.muted { + color: #999999; +} + +a.muted:hover, +a.muted:focus { + color: #808080; +} + +.text-warning { + color: #c09853; +} + +a.text-warning:hover, +a.text-warning:focus { + color: #a47e3c; +} + +.text-error { + color: #b94a48; +} + +a.text-error:hover, +a.text-error:focus { + color: #953b39; +} + +.text-success { + color: #468847; +} + +a.text-success:hover, +a.text-success:focus { + color: #356635; +} + +.text-left { + text-align: left; +} + +.text-right { + text-align: right; +} + +.text-center { + text-align: center; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + font-family: inherit; + font-weight: 500; + line-height: 20px; + text-rendering: optimizelegibility; +} + +h1 small, +h2 small, +h3 small, +h4 small, +h5 small, +h6 small { + font-weight: normal; + line-height: 1; + color: #999999; +} + +h1, +h2, +h3 { + margin-top: 20px; + margin-bottom: 10px; + line-height: 40px; +} + +h3 { + line-height: 30px; +} + +h4, +h5, +h6 { + margin-top: 10px; + margin-bottom: 10px; +} + +h1 { + font-size: 38.5px; + font-size: 4rem; +} + +h2 { + font-size: 31.5px; + font-size: 3rem; +} + +h3 { + font-size: 24.5px; + font-size: 2.5rem; +} + +h4 { + font-size: 17.5px; + font-size: 2rem; +} + +h5 { + font-size: 14px; + font-size: 1.6rem; +} + +h6 { + font-size: 11.9px; + font-size: 1.2rem; +} + +h1 small { + font-size: 24.5px; +} + +h2 small { + font-size: 17.5px; +} + +h3 small { + font-size: 14px; +} + +h4 small { + font-size: 14px; +} + +.page-header { + padding-bottom: 9px; + margin: 40px 0 20px; + border-bottom: 1px solid #eeeeee; +} + +ul, +ol { + padding: 0; + margin: 0 0 10px 25px; +} + +ul ul, +ul ol, +ol ol, +ol ul { + margin-bottom: 0; +} + +li { + line-height: 20px; +} + +.list-unstyled, +.list-inline { + margin-left: 0; + list-style: none; +} + +.list-inline > li { + display: inline-block; + padding-right: 5px; + padding-left: 5px; +} + +dl { + margin-bottom: 20px; +} + +dt, +dd { + line-height: 20px; +} + +dt { + font-weight: bold; +} + +dd { + margin-left: 10px; +} + +.dl-horizontal:before, +.dl-horizontal:after { + display: table; + content: " "; +} + +.dl-horizontal:after { + clear: both; +} + +.dl-horizontal dt { + float: left; + width: 160px; + overflow: hidden; + clear: left; + text-align: right; + text-overflow: ellipsis; + white-space: nowrap; +} + +.dl-horizontal dd { + margin-left: 180px; +} + +hr { + margin: 20px 0; + border: 0; + border-top: 1px solid #eeeeee; + border-bottom: 1px solid #fff; +} + +abbr[title], +abbr[data-original-title] { + cursor: help; + border-bottom: 1px dotted #999999; +} + +abbr.initialism { + font-size: 90%; + text-transform: uppercase; +} + +blockquote { + padding: 0 0 0 15px; + margin: 0 0 20px; + border-left: 5px solid #eeeeee; +} + +blockquote p { + margin-bottom: 0; + font-size: 17.5px; + font-weight: 300; + line-height: 1.25; +} + +blockquote small { + display: block; + line-height: 20px; + color: #999999; +} + +blockquote small:before { + content: '\2014 \00A0'; +} + +blockquote.pull-right { + float: right; + padding-right: 15px; + padding-left: 0; + border-right: 5px solid #eeeeee; + border-left: 0; +} + +blockquote.pull-right p, +blockquote.pull-right small { + text-align: right; +} + +blockquote.pull-right small:before { + content: ''; +} + +blockquote.pull-right small:after { + content: '\00A0 \2014'; +} + +q:before, +q:after, +blockquote:before, +blockquote:after { + content: ""; +} + +address { + display: block; + margin-bottom: 20px; + font-style: normal; + line-height: 20px; +} + +code, +pre { + padding: 0 3px 2px; + font-family: Monaco, Menlo, Consolas, "Courier New", monospace; + font-size: 12px; + color: #333333; + border-radius: 4px; +} + +code { + padding: 2px 4px; + font-size: 90%; + color: #c7254e; + white-space: nowrap; + background-color: #f9f2f4; +} + +pre { + display: block; + padding: 9.5px; + margin: 0 0 10px; + font-size: 13px; + line-height: 20px; + word-break: break-all; + word-wrap: break-word; + white-space: pre; + white-space: pre-wrap; + background-color: #f5f5f5; + border: 1px solid #ccc; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 4px; +} + +pre.prettyprint { + margin-bottom: 20px; +} + +pre code { + padding: 0; + color: inherit; + white-space: pre; + white-space: pre-wrap; + background-color: transparent; + border: 0; +} + +.pre-scrollable { + max-height: 340px; + overflow-y: scroll; +} + +.container { + margin-right: auto; + margin-left: auto; +} + +.container:before, +.container:after { + display: table; + content: " "; +} + +.container:after { + clear: both; +} + +.row { + margin-right: -10px; + margin-left: -10px; +} + +.row:before, +.row:after { + display: table; + content: " "; +} + +.row:after { + clear: both; +} + +[class^="span"] { + min-height: 1px; + padding-right: 10px; + padding-left: 10px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +@media screen and (min-width: 768px) { + .container { + max-width: 728px; + } + [class^="span"] { + float: left; + } + .span12 { + width: 100%; + } + .span11 { + width: 91.66666666666666%; + } + .span10 { + width: 83.33333333333334%; + } + .span9 { + width: 75%; + } + .span8 { + width: 66.66666666666666%; + } + .span7 { + width: 58.333333333333336%; + } + .span6 { + width: 50%; + } + .span5 { + width: 41.66666666666667%; + } + .span4 { + width: 33.33333333333333%; + } + .span3 { + width: 25%; + } + .span2 { + width: 16.666666666666664%; + } + .span1 { + width: 8.333333333333332%; + } + .offset12 { + margin-left: 100%; + } + .offset11 { + margin-left: 91.66666666666666%; + } + .offset10 { + margin-left: 83.33333333333334%; + } + .offset9 { + margin-left: 75%; + } + .offset8 { + margin-left: 66.66666666666666%; + } + .offset7 { + margin-left: 58.333333333333336%; + } + .offset6 { + margin-left: 50%; + } + .offset5 { + margin-left: 41.66666666666667%; + } + .offset4 { + margin-left: 33.33333333333333%; + } + .offset3 { + margin-left: 25%; + } + .offset2 { + margin-left: 16.666666666666664%; + } + .offset1 { + margin-left: 8.333333333333332%; + } +} + +@media screen and (min-width: 992px) { + .container { + max-width: 940px; + } +} + +@media screen and (min-width: 1200px) { + .container { + max-width: 1170px; + } + [class^="span"] { + padding-right: 15px; + padding-left: 15px; + } +} + +[class*="span"].pull-right { + float: right; +} + +table { + max-width: 100%; + background-color: transparent; + border-collapse: collapse; + border-spacing: 0; +} + +th { + text-align: left; +} + +.table { + width: 100%; + margin-bottom: 20px; +} + +.table th, +.table td { + padding: 8px; + line-height: 20px; + vertical-align: top; + border-top: 1px solid #dddddd; +} + +.table thead th { + vertical-align: bottom; +} + +.table caption + thead tr:first-child th, +.table caption + thead tr:first-child td, +.table colgroup + thead tr:first-child th, +.table colgroup + thead tr:first-child td, +.table thead:first-child tr:first-child th, +.table thead:first-child tr:first-child td { + border-top: 0; +} + +.table tbody + tbody { + border-top: 2px solid #dddddd; +} + +.table .table { + background-color: #ffffff; +} + +.table-condensed th, +.table-condensed td { + padding: 4px 5px; +} + +.table-bordered { + border: 1px solid #dddddd; + border-collapse: separate; + border-left: 0; + border-radius: 4px; +} + +.table-bordered th, +.table-bordered td { + border-left: 1px solid #dddddd; +} + +.table-bordered caption + thead tr:first-child th, +.table-bordered caption + tbody tr:first-child th, +.table-bordered caption + tbody tr:first-child td, +.table-bordered colgroup + thead tr:first-child th, +.table-bordered colgroup + tbody tr:first-child th, +.table-bordered colgroup + tbody tr:first-child td, +.table-bordered thead:first-child tr:first-child th, +.table-bordered tbody:first-child tr:first-child th, +.table-bordered tbody:first-child tr:first-child td { + border-top: 0; +} + +.table-bordered thead:first-child tr:first-child > th:first-child, +.table-bordered tbody:first-child tr:first-child > td:first-child, +.table-bordered tbody:first-child tr:first-child > th:first-child { + border-top-left-radius: 4px; +} + +.table-bordered thead:first-child tr:first-child > th:last-child, +.table-bordered tbody:first-child tr:first-child > td:last-child, +.table-bordered tbody:first-child tr:first-child > th:last-child { + border-top-right-radius: 4px; +} + +.table-bordered thead:last-child tr:last-child > th:first-child, +.table-bordered tbody:last-child tr:last-child > td:first-child, +.table-bordered tbody:last-child tr:last-child > th:first-child, +.table-bordered tfoot:last-child tr:last-child > td:first-child, +.table-bordered tfoot:last-child tr:last-child > th:first-child { + border-bottom-left-radius: 4px; +} + +.table-bordered thead:last-child tr:last-child > th:last-child, +.table-bordered tbody:last-child tr:last-child > td:last-child, +.table-bordered tbody:last-child tr:last-child > th:last-child, +.table-bordered tfoot:last-child tr:last-child > td:last-child, +.table-bordered tfoot:last-child tr:last-child > th:last-child { + border-bottom-right-radius: 4px; +} + +.table-bordered tfoot + tbody:last-child tr:last-child > td:first-child { + border-bottom-left-radius: 0; +} + +.table-bordered tfoot + tbody:last-child tr:last-child > td:last-child { + border-bottom-right-radius: 0; +} + +.table-bordered caption + thead tr:first-child th:first-child, +.table-bordered caption + tbody tr:first-child td:first-child, +.table-bordered colgroup + thead tr:first-child th:first-child, +.table-bordered colgroup + tbody tr:first-child td:first-child { + border-top-left-radius: 4px; +} + +.table-bordered caption + thead tr:first-child th:last-child, +.table-bordered caption + tbody tr:first-child td:last-child, +.table-bordered colgroup + thead tr:first-child th:last-child, +.table-bordered colgroup + tbody tr:first-child td:last-child { + border-top-right-radius: 4px; +} + +.table-striped tbody > tr:nth-child(odd) > td, +.table-striped tbody > tr:nth-child(odd) > th { + background-color: #f9f9f9; +} + +.table-hover tbody tr:hover > td, +.table-hover tbody tr:hover > th { + background-color: #f5f5f5; +} + +table td[class*="span"], +table th[class*="span"] { + display: table-cell; + float: none; + margin-left: 0; +} + +.table tbody tr.success > td { + background-color: #dff0d8; +} + +.table tbody tr.error > td { + background-color: #f2dede; +} + +.table tbody tr.warning > td { + background-color: #fcf8e3; +} + +.table-hover tbody tr.success:hover > td { + background-color: #d0e9c6; +} + +.table-hover tbody tr.error:hover > td { + background-color: #ebcccc; +} + +.table-hover tbody tr.warning:hover > td { + background-color: #faf2cc; +} + +form { + margin: 0; +} + +fieldset { + padding: 0; + margin: 0; + border: 0; +} + +legend { + display: block; + width: 100%; + padding: 0; + margin-bottom: 20px; + font-size: 21px; + line-height: 40px; + color: #333333; + border: 0; + border-bottom: 1px solid #e5e5e5; +} + +label { + display: inline-block; + margin-bottom: 5px; + font-weight: bold; +} + +select, +textarea, +input[type="text"], +input[type="password"], +input[type="datetime"], +input[type="datetime-local"], +input[type="date"], +input[type="month"], +input[type="time"], +input[type="week"], +input[type="number"], +input[type="email"], +input[type="url"], +input[type="search"], +input[type="tel"], +input[type="color"], +.uneditable-input { + display: inline-block; + min-height: 34px; + padding: 6px 9px; + font-size: 14px; + line-height: 20px; + color: #555555; + vertical-align: middle; + background-color: #ffffff; + border: 1px solid #cccccc; + border-radius: 4px; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; + -moz-transition: border linear 0.2s, box-shadow linear 0.2s; + -o-transition: border linear 0.2s, box-shadow linear 0.2s; + transition: border linear 0.2s, box-shadow linear 0.2s; +} + +input, +select, +textarea, +.uneditable-input { + width: 100%; +} + +input[type="file"], +input[type="image"], +input[type="submit"], +input[type="reset"], +input[type="button"], +input[type="radio"], +input[type="checkbox"] { + width: auto; +} + +textarea { + height: auto; +} + +textarea:focus, +input[type="text"]:focus, +input[type="password"]:focus, +input[type="datetime"]:focus, +input[type="datetime-local"]:focus, +input[type="date"]:focus, +input[type="month"]:focus, +input[type="time"]:focus, +input[type="week"]:focus, +input[type="number"]:focus, +input[type="email"]:focus, +input[type="url"]:focus, +input[type="search"]:focus, +input[type="tel"]:focus, +input[type="color"]:focus, +.uneditable-input:focus { + border-color: rgba(82, 168, 236, 0.8); + outline: 0; + outline: thin dotted \9; + /* IE6-9 */ + + -webkit-box-shadow: 0 0 8px rgba(82, 168, 236, 0.6); + box-shadow: 0 0 8px rgba(82, 168, 236, 0.6); +} + +input[type="radio"], +input[type="checkbox"] { + margin: 4px 0 0; + margin-top: 1px \9; + /* IE8-9 */ + + line-height: normal; +} + +select, +input[type="file"] { + height: 34px; + /* In IE7, the height of the select element cannot be changed by height, only font-size. TODO: Check if this is still needed when dropping IE7 support */ + + line-height: 34px; +} + +select { + border: 1px solid #cccccc; +} + +select[multiple], +select[size] { + height: auto; +} + +select:focus, +input[type="file"]:focus, +input[type="radio"]:focus, +input[type="checkbox"]:focus { + outline: thin dotted #333; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} + +.uneditable-input, +.uneditable-textarea { + color: #999999; + cursor: not-allowed; + background-color: #fcfcfc; + border-color: #cccccc; + -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); +} + +.uneditable-input { + overflow: hidden; + white-space: nowrap; +} + +.uneditable-textarea { + width: auto; + height: auto; +} + +input:-moz-placeholder, +textarea:-moz-placeholder { + color: #999999; +} + +input::-moz-placeholder, +textarea::-moz-placeholder { + color: #999999; +} + +input:-ms-input-placeholder, +textarea:-ms-input-placeholder { + color: #999999; +} + +input::-webkit-input-placeholder, +textarea::-webkit-input-placeholder { + color: #999999; +} + +.radio, +.checkbox { + display: block; + min-height: 20px; + padding-left: 20px; + margin-bottom: 10px; +} + +.radio label, +.checkbox label { + display: inline; + margin-bottom: 0; + font-weight: normal; +} + +.radio input[type="radio"], +.radio-inline input[type="radio"], +.checkbox input[type="checkbox"], +.checkbox-inline input[type="checkbox"] { + float: left; + margin-left: -20px; +} + +.radio + .radio, +.checkbox + .checkbox { + margin-top: -5px; +} + +.controls > .radio:first-child, +.controls > .checkbox:first-child { + padding-top: 5px; +} + +.radio-inline, +.checkbox-inline { + display: inline-block; + padding-top: 5px; + padding-left: 20px; + margin-bottom: 0; + font-weight: normal; + vertical-align: middle; +} + +.radio-inline + .radio-inline, +.checkbox-inline + .checkbox-inline { + margin-top: 0; + margin-left: 10px; +} + +select.input-large, +textarea.input-large, +input[type="text"].input-large, +input[type="password"].input-large, +input[type="datetime"].input-large, +input[type="datetime-local"].input-large, +input[type="date"].input-large, +input[type="month"].input-large, +input[type="time"].input-large, +input[type="week"].input-large, +input[type="number"].input-large, +input[type="email"].input-large, +input[type="url"].input-large, +input[type="search"].input-large, +input[type="tel"].input-large, +input[type="color"].input-large, +.uneditable-input.input-large { + padding: 11px 14px; + font-size: 17.5px; + border-radius: 6px; +} + +select.input-small, +textarea.input-small, +input[type="text"].input-small, +input[type="password"].input-small, +input[type="datetime"].input-small, +input[type="datetime-local"].input-small, +input[type="date"].input-small, +input[type="month"].input-small, +input[type="time"].input-small, +input[type="week"].input-small, +input[type="number"].input-small, +input[type="email"].input-small, +input[type="url"].input-small, +input[type="search"].input-small, +input[type="tel"].input-small, +input[type="color"].input-small, +.uneditable-input.input-small { + min-height: 26px; + padding: 2px 10px; + font-size: 11.9px; + border-radius: 3px; +} + +input[class*="span"], +select[class*="span"], +textarea[class*="span"], +.uneditable-input[class*="span"] { + float: none; + margin-right: 0; + margin-left: 0; +} + +.input-append input[class*="span"], +.input-append .uneditable-input[class*="span"], +.input-prepend input[class*="span"], +.input-prepend .uneditable-input[class*="span"] { + display: inline-block; +} + +input[class*="span"], +select[class*="span"], +textarea[class*="span"], +.uneditable-input[class*="span"] { + height: 34px; +} + +input[disabled], +select[disabled], +textarea[disabled], +input[readonly], +select[readonly], +textarea[readonly], +fieldset[disabled] input, +fieldset[disabled] select, +fieldset[disabled] textarea { + cursor: not-allowed; + background-color: #eeeeee; +} + +input[type="radio"][disabled], +input[type="checkbox"][disabled], +input[type="radio"][readonly], +input[type="checkbox"][readonly], +fieldset[disabled] input[type="radio"], +fieldset[disabled] input[type="checkbox"] { + background-color: transparent; +} + +.has-warning .control-label { + color: #c09853; +} + +.has-warning .input-with-feedback { + padding-right: 32px; + border-color: #c09853; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); +} + +.has-warning .input-with-feedback:focus { + border-color: #a47e3c; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; +} + +.has-error .control-label { + color: #b94a48; +} + +.has-error .input-with-feedback { + padding-right: 32px; + border-color: #b94a48; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); +} + +.has-error .input-with-feedback:focus { + border-color: #953b39; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; +} + +.has-success .control-label { + color: #468847; +} + +.has-success .input-with-feedback { + padding-right: 32px; + border-color: #468847; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); +} + +.has-success .input-with-feedback:focus { + border-color: #356635; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; +} + +input:focus:invalid, +textarea:focus:invalid, +select:focus:invalid { + color: #b94a48; + border-color: #ee5f5b; +} + +input:focus:invalid:focus, +textarea:focus:invalid:focus, +select:focus:invalid:focus { + border-color: #e9322d; + -webkit-box-shadow: 0 0 6px #f8b9b7; + box-shadow: 0 0 6px #f8b9b7; +} + +.form-actions { + padding: 19px 20px 20px; + margin-top: 20px; + margin-bottom: 20px; + background-color: #f5f5f5; + border-top: 1px solid #e5e5e5; +} + +.form-actions:before, +.form-actions:after { + display: table; + content: " "; +} + +.form-actions:after { + clear: both; +} + +.help-block, +.help-inline { + color: #737373; +} + +.help-block { + display: block; + margin-bottom: 10px; +} + +.help-inline { + display: inline-block; + padding-left: 5px; + vertical-align: middle; +} + +.input-group { + display: table; +} + +.input-group[class*="span"] { + float: none; + padding: 0; +} + +.input-group input, +.input-group select, +.input-group .uneditable-input { + width: 100%; +} + +.input-group-addon, +.input-group-btn, +.input-group input, +.input-group .uneditable-input { + display: table-cell; + margin: 0; + border-radius: 0; +} + +.input-group-addon.input-small, +.input-group-btn.input-small, +.input-group input.input-small, +.input-group .uneditable-input.input-small { + border-radius: 0; +} + +.input-group-addon.input-large, +.input-group-btn.input-large, +.input-group input.input-large, +.input-group .uneditable-input.input-large { + border-radius: 0; +} + +.input-group-addon, +.input-group-btn { + width: 1%; + vertical-align: middle; +} + +.input-group-addon { + padding: 6px 8px; + font-size: 14px; + font-weight: normal; + line-height: 20px; + text-align: center; + text-shadow: 0 1px 0 #fff; + background-color: #eeeeee; + border: 1px solid #ccc; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.input-group-addon.input-small { + padding: 2px 10px; + font-size: 11.9px; +} + +.input-group-addon.input-large { + padding: 11px 14px; + font-size: 17.5px; +} + +.input-group input:first-child, +.input-group .uneditable-input:first-child, +.input-group-addon:first-child { + border-bottom-left-radius: 4px; + border-top-left-radius: 4px; +} + +.input-group input:first-child.input-small, +.input-group .uneditable-input:first-child.input-small, +.input-group-addon:first-child.input-small { + border-bottom-left-radius: 3px; + border-top-left-radius: 3px; +} + +.input-group input:first-child.input-large, +.input-group .uneditable-input:first-child.input-large, +.input-group-addon:first-child.input-large { + border-bottom-left-radius: 6px; + border-top-left-radius: 6px; +} + +.input-group-addon:first-child { + border-right: 0; +} + +.input-group input:last-child, +.input-group .uneditable-input:last-child, +.input-group-addon:last-child { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +.input-group input:last-child.input-small, +.input-group .uneditable-input:last-child.input-small, +.input-group-addon:last-child.input-small { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.input-group input:last-child.input-large, +.input-group .uneditable-input:last-child.input-large, +.input-group-addon:last-child.input-large { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + +.input-group-addon:last-child { + border-left: 0; +} + +.input-group-btn, +.input-group-btn .btn { + white-space: nowrap; +} + +.input-group-btn > .btn { + float: left; + border-radius: 0; +} + +.input-group-btn > .btn + .btn { + border-left: 0; +} + +.input-group-btn.btn-group { + display: table-cell; +} + +.input-group-btn:first-child > .btn, +.input-group-btn.btn-group:first-child > .btn { + border-right: 0; +} + +.input-group-btn:first-child > .btn, +.input-group-btn.btn-group:first-child > .btn { + border-radius: 4px 0 0 4px; +} + +.input-group-btn:first-child > .btn.btn-large, +.input-group-btn.btn-group:first-child > .btn.btn-large { + border-radius: 6px 0 0 6px; +} + +.input-group-btn:first-child > .btn.btn-small, +.input-group-btn.btn-group:first-child > .btn.btn-small { + border-radius: 3px 0 0 3px; +} + +.input-group-btn:last-child > .btn, +.input-group-btn.btn-group:last-child > .btn:first-child { + border-left: 0; +} + +.input-group-btn:last-child > .btn, +.input-group-btn.btn-group:last-child > .btn { + border-radius: 0 4px 4px 0; +} + +.input-group-btn:last-child > .btn.btn-large, +.input-group-btn.btn-group:last-child > .btn.btn-large { + border-radius: 0 6px 6px 0; +} + +.input-group-btn:last-child > .btn.btn-small, +.input-group-btn.btn-group:last-child > .btn.btn-small { + border-radius: 0 3px 3px 0; +} + +@media screen and (min-width: 768px) { + .form-horizontal .control-group { + position: relative; + margin-bottom: 20px; + } + .form-horizontal .control-group:before, + .form-horizontal .control-group:after { + display: table; + content: " "; + } + .form-horizontal .control-group:after { + clear: both; + } + .form-horizontal .control-group input, + .form-horizontal .control-group select, + .form-horizontal .control-group textarea, + .form-horizontal .control-group .uneditable-input { + margin-bottom: 0; + } + .form-horizontal .control-group > .control-label { + float: left; + width: 160px; + padding-top: 6px; + text-align: right; + } + .form-horizontal .control-group > .controls { + margin-left: 180px; + } +} + +.btn { + display: inline-block; + padding: 6px 12px; + margin-bottom: 0; + font-size: 14px; + font-weight: 500; + line-height: 20px; + text-align: center; + vertical-align: middle; + cursor: pointer; + border: 1px solid #a7a9aa; + border-radius: 4px; +} + +.btn:focus { + outline: thin dotted #333; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; +} + +.btn:hover, +.btn:focus { + color: #fff; + text-decoration: none; +} + +.btn:active, +.btn.active { + background-image: none; + outline: 0; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); +} + +.btn.disabled, +.btn[disabled], +fieldset[disabled] .btn { + cursor: default; + opacity: 0.65; + filter: alpha(opacity=65); + -webkit-box-shadow: none; + box-shadow: none; +} + +.btn-large { + padding: 11px 14px; + font-size: 17.5px; + border-radius: 6px; +} + +.btn-small { + padding: 2px 10px; + font-size: 11.9px; + border-radius: 3px; +} + +.btn-mini [class^="icon-"], +.btn-mini [class*=" icon-"] { + margin-top: -1px; +} + +.btn-mini { + padding: 0 6px; + font-size: 10.5px; + border-radius: 3px; +} + +.btn [class^="glyphicon-"]::before { + vertical-align: -2px; +} + +.btn-small [class^="glyphicon-"]::before, +.btn-mini [class^="glyphicon-"]::before { + vertical-align: -1px; +} + +.btn-block { + display: block; + width: 100%; + padding-right: 0; + padding-left: 0; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.btn-block + .btn-block { + margin-top: 5px; +} + +input[type="submit"].btn-block, +input[type="reset"].btn-block, +input[type="button"].btn-block { + width: 100%; +} + +.btn { + color: #ffffff; + background-color: #a7a9aa; + border-color: #a7a9aa; +} + +.btn:hover, +.btn:focus, +.btn:active { + background-color: #9a9c9d; + border-color: #8d9091; +} + +.btn.disabled:hover, +.btn[disabled]:hover, +fieldset[disabled] .btn:hover, +.btn.disabled:focus, +.btn[disabled]:focus, +fieldset[disabled] .btn:focus, +.btn.disabled:active, +.btn[disabled]:active, +fieldset[disabled] .btn:active { + background-color: #a7a9aa; + border-color: #a7a9aa; +} + +.btn-primary { + background-color: #428bca; + border-color: #428bca; +} + +.btn-primary:hover, +.btn-primary:focus, +.btn-primary:active { + background-color: #357ebd; + border-color: #3071a9; +} + +.btn-primary.disabled:hover, +.btn-primary[disabled]:hover, +fieldset[disabled] .btn-primary:hover, +.btn-primary.disabled:focus, +.btn-primary[disabled]:focus, +fieldset[disabled] .btn-primary:focus, +.btn-primary.disabled:active, +.btn-primary[disabled]:active, +fieldset[disabled] .btn-primary:active { + background-color: #428bca; + border-color: #428bca; +} + +.btn-warning { + background-color: #f0ad4e; + border-color: #f0ad4e; +} + +.btn-warning:hover, +.btn-warning:focus, +.btn-warning:active { + background-color: #eea236; + border-color: #ec971f; +} + +.btn-warning.disabled:hover, +.btn-warning[disabled]:hover, +fieldset[disabled] .btn-warning:hover, +.btn-warning.disabled:focus, +.btn-warning[disabled]:focus, +fieldset[disabled] .btn-warning:focus, +.btn-warning.disabled:active, +.btn-warning[disabled]:active, +fieldset[disabled] .btn-warning:active { + background-color: #f0ad4e; + border-color: #f0ad4e; +} + +.btn-danger { + background-color: #d9534f; + border-color: #d9534f; +} + +.btn-danger:hover, +.btn-danger:focus, +.btn-danger:active { + background-color: #d43f3a; + border-color: #c9302c; +} + +.btn-danger.disabled:hover, +.btn-danger[disabled]:hover, +fieldset[disabled] .btn-danger:hover, +.btn-danger.disabled:focus, +.btn-danger[disabled]:focus, +fieldset[disabled] .btn-danger:focus, +.btn-danger.disabled:active, +.btn-danger[disabled]:active, +fieldset[disabled] .btn-danger:active { + background-color: #d9534f; + border-color: #d9534f; +} + +.btn-success { + background-color: #5cb85c; + border-color: #5cb85c; +} + +.btn-success:hover, +.btn-success:focus, +.btn-success:active { + background-color: #4cae4c; + border-color: #449d44; +} + +.btn-success.disabled:hover, +.btn-success[disabled]:hover, +fieldset[disabled] .btn-success:hover, +.btn-success.disabled:focus, +.btn-success[disabled]:focus, +fieldset[disabled] .btn-success:focus, +.btn-success.disabled:active, +.btn-success[disabled]:active, +fieldset[disabled] .btn-success:active { + background-color: #5cb85c; + border-color: #5cb85c; +} + +.btn-info { + background-color: #5bc0de; + border-color: #5bc0de; +} + +.btn-info:hover, +.btn-info:focus, +.btn-info:active { + background-color: #46b8da; + border-color: #31b0d5; +} + +.btn-info.disabled:hover, +.btn-info[disabled]:hover, +fieldset[disabled] .btn-info:hover, +.btn-info.disabled:focus, +.btn-info[disabled]:focus, +fieldset[disabled] .btn-info:focus, +.btn-info.disabled:active, +.btn-info[disabled]:active, +fieldset[disabled] .btn-info:active { + background-color: #5bc0de; + border-color: #5bc0de; +} + +.btn-link, +.btn-link:active, +.btn-link[disabled], +fieldset[disabled] .btn-link { + background-color: transparent; + background-image: none; + -webkit-box-shadow: none; + box-shadow: none; +} + +.btn-link, +.btn-link:hover, +.btn-link:focus, +.btn-link:active { + border-color: transparent; +} + +.btn-link { + font-weight: normal; + color: #428bca; + cursor: pointer; + border-radius: 0; +} + +.btn-link:hover, +.btn-link:focus { + color: #2a6496; + text-decoration: underline; + background-color: transparent; +} + +.btn-link[disabled]:hover, +fieldset[disabled] .btn-link:hover, +.btn-link[disabled]:focus, +fieldset[disabled] .btn-link:focus { + color: #333333; + text-decoration: none; +} + +.fade { + opacity: 0; + -webkit-transition: opacity 0.15s linear; + -moz-transition: opacity 0.15s linear; + -o-transition: opacity 0.15s linear; + transition: opacity 0.15s linear; +} + +.fade.in { + opacity: 1; +} + +/*.collapse { + position: relative; + height: 0; + overflow: hidden; + .transition(height .35s ease); + &.in { + height: auto; + } +}*/ + +.collapse { + position: relative; + height: 0; + overflow: hidden; + -webkit-transition: height 0.35s ease; + -moz-transition: height 0.35s ease; + -o-transition: height 0.35s ease; + transition: height 0.35s ease; +} + +.collapse.in { + height: auto; +} + +@font-face { + font-family: 'Glyphicons Halflings'; + font-style: normal; + font-weight: normal; + src: url('../fonts/glyphiconshalflings-regular.eot'); + src: url('../fonts/glyphiconshalflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphiconshalflings-regular.woff') format('woff'), url('../fonts/glyphiconshalflings-regular.ttf') format('truetype'), url('../fonts/glyphiconshalflings-regular.svg#glyphicons_halflingsregular') format('svg'); +} + +[class^="glyphicon-"]:before { + font-family: 'Glyphicons Halflings'; + font-style: normal; + line-height: 1; +} + +.glyphicon-glass:before { + content: "\e001"; +} + +.glyphicon-music:before { + content: "\e002"; +} + +.glyphicon-search:before { + content: "\e003"; +} + +.glyphicon-envelope:before { + content: "\2709"; +} + +.glyphicon-heart:before { + content: "\e005"; +} + +.glyphicon-star:before { + content: "\e006"; +} + +.glyphicon-star-empty:before { + content: "\e007"; +} + +.glyphicon-user:before { + content: "\e008"; +} + +.glyphicon-film:before { + content: "\e009"; +} + +.glyphicon-th-large:before { + content: "\e010"; +} + +.glyphicon-th:before { + content: "\e011"; +} + +.glyphicon-th-list:before { + content: "\e012"; +} + +.glyphicon-ok:before { + content: "\e013"; +} + +.glyphicon-remove:before { + content: "\e014"; +} + +.glyphicon-zoom-in:before { + content: "\e015"; +} + +.glyphicon-zoom-out:before { + content: "\e016"; +} + +.glyphicon-off:before { + content: "\e017"; +} + +.glyphicon-signal:before { + content: "\e018"; +} + +.glyphicon-cog:before { + content: "\e019"; +} + +.glyphicon-trash:before { + content: "\e020"; +} + +.glyphicon-home:before { + content: "\e021"; +} + +.glyphicon-file:before { + content: "\e022"; +} + +.glyphicon-time:before { + content: "\e023"; +} + +.glyphicon-road:before { + content: "\e024"; +} + +.glyphicon-download-alt:before { + content: "\e025"; +} + +.glyphicon-download:before { + content: "\e026"; +} + +.glyphicon-upload:before { + content: "\e027"; +} + +.glyphicon-inbox:before { + content: "\e028"; +} + +.glyphicon-play-circle:before { + content: "\e029"; +} + +.glyphicon-repeat:before { + content: "\e030"; +} + +.glyphicon-refresh:before { + content: "\e031"; +} + +.glyphicon-list-alt:before { + content: "\e032"; +} + +.glyphicon-lock:before { + content: "\e033"; +} + +.glyphicon-flag:before { + content: "\e034"; +} + +.glyphicon-headphones:before { + content: "\e035"; +} + +.glyphicon-volume-off:before { + content: "\e036"; +} + +.glyphicon-volume-down:before { + content: "\e037"; +} + +.glyphicon-volume-up:before { + content: "\e038"; +} + +.glyphicon-qrcode:before { + content: "\e039"; +} + +.glyphicon-barcode:before { + content: "\e040"; +} + +.glyphicon-tag:before { + content: "\e041"; +} + +.glyphicon-tags:before { + content: "\e042"; +} + +.glyphicon-book:before { + content: "\e043"; +} + +.glyphicon-bookmark:before { + content: "\e044"; +} + +.glyphicon-print:before { + content: "\e045"; +} + +.glyphicon-camera:before { + content: "\e046"; +} + +.glyphicon-font:before { + content: "\e047"; +} + +.glyphicon-bold:before { + content: "\e048"; +} + +.glyphicon-italic:before { + content: "\e049"; +} + +.glyphicon-text-height:before { + content: "\e050"; +} + +.glyphicon-text-width:before { + content: "\e051"; +} + +.glyphicon-align-left:before { + content: "\e052"; +} + +.glyphicon-align-center:before { + content: "\e053"; +} + +.glyphicon-align-right:before { + content: "\e054"; +} + +.glyphicon-align-justify:before { + content: "\e055"; +} + +.glyphicon-list:before { + content: "\e056"; +} + +.glyphicon-indent-left:before { + content: "\e057"; +} + +.glyphicon-indent-right:before { + content: "\e058"; +} + +.glyphicon-facetime-video:before { + content: "\e059"; +} + +.glyphicon-picture:before { + content: "\e060"; +} + +.glyphicon-pencil:before { + content: "\270f"; +} + +.glyphicon-map-marker:before { + content: "\e062"; +} + +.glyphicon-adjust:before { + content: "\e063"; +} + +.glyphicon-tint:before { + content: "\e064"; +} + +.glyphicon-edit:before { + content: "\e065"; +} + +.glyphicon-share:before { + content: "\e066"; +} + +.glyphicon-check:before { + content: "\e067"; +} + +.glyphicon-move:before { + content: "\e068"; +} + +.glyphicon-step-backward:before { + content: "\e069"; +} + +.glyphicon-fast-backward:before { + content: "\e070"; +} + +.glyphicon-backward:before { + content: "\e071"; +} + +.glyphicon-play:before { + content: "\e072"; +} + +.glyphicon-pause:before { + content: "\e073"; +} + +.glyphicon-stop:before { + content: "\e074"; +} + +.glyphicon-forward:before { + content: "\e075"; +} + +.glyphicon-fast-forward:before { + content: "\e076"; +} + +.glyphicon-step-forward:before { + content: "\e077"; +} + +.glyphicon-eject:before { + content: "\e078"; +} + +.glyphicon-chevron-left:before { + content: "\e079"; +} + +.glyphicon-chevron-right:before { + content: "\e080"; +} + +.glyphicon-plus-sign:before { + content: "\e081"; +} + +.glyphicon-minus-sign:before { + content: "\e082"; +} + +.glyphicon-remove-sign:before { + content: "\e083"; +} + +.glyphicon-ok-sign:before { + content: "\e084"; +} + +.glyphicon-question-sign:before { + content: "\e085"; +} + +.glyphicon-info-sign:before { + content: "\e086"; +} + +.glyphicon-screenshot:before { + content: "\e087"; +} + +.glyphicon-remove-circle:before { + content: "\e088"; +} + +.glyphicon-ok-circle:before { + content: "\e089"; +} + +.glyphicon-ban-circle:before { + content: "\e090"; +} + +.glyphicon-arrow-left:before { + content: "\e091"; +} + +.glyphicon-arrow-right:before { + content: "\e092"; +} + +.glyphicon-arrow-up:before { + content: "\e093"; +} + +.glyphicon-arrow-down:before { + content: "\e094"; +} + +.glyphicon-share-alt:before { + content: "\e095"; +} + +.glyphicon-resize-full:before { + content: "\e096"; +} + +.glyphicon-resize-small:before { + content: "\e097"; +} + +.glyphicon-plus:before { + content: "\002b"; +} + +.glyphicon-minus:before { + content: "\2212"; +} + +.glyphicon-asterisk:before { + content: "\002a"; +} + +.glyphicon-exclamation-sign:before { + content: "\e101"; +} + +.glyphicon-gift:before { + content: "\e102"; +} + +.glyphicon-leaf:before { + content: "\e103"; +} + +.glyphicon-fire:before { + content: "\e104"; +} + +.glyphicon-eye-open:before { + content: "\e105"; +} + +.glyphicon-eye-close:before { + content: "\e106"; +} + +.glyphicon-warning-sign:before { + content: "\e107"; +} + +.glyphicon-plane:before { + content: "\e108"; +} + +.glyphicon-calendar:before { + content: "\e109"; +} + +.glyphicon-random:before { + content: "\e110"; +} + +.glyphicon-comment:before { + content: "\e111"; +} + +.glyphicon-magnet:before { + content: "\e112"; +} + +.glyphicon-chevron-up:before { + content: "\e113"; +} + +.glyphicon-chevron-down:before { + content: "\e114"; +} + +.glyphicon-retweet:before { + content: "\e115"; +} + +.glyphicon-shopping-cart:before { + content: "\e116"; +} + +.glyphicon-folder-close:before { + content: "\e117"; +} + +.glyphicon-folder-open:before { + content: "\e118"; +} + +.glyphicon-resize-vertical:before { + content: "\e119"; +} + +.glyphicon-resize-horizontal:before { + content: "\e120"; +} + +.glyphicon-hdd:before { + content: "\e121"; +} + +.glyphicon-bullhorn:before { + content: "\e122"; +} + +.glyphicon-bell:before { + content: "\e123"; +} + +.glyphicon-certificate:before { + content: "\e124"; +} + +.glyphicon-thumbs-up:before { + content: "\e125"; +} + +.glyphicon-thumbs-down:before { + content: "\e126"; +} + +.glyphicon-hand-right:before { + content: "\e127"; +} + +.glyphicon-hand-left:before { + content: "\e128"; +} + +.glyphicon-hand-up:before { + content: "\e129"; +} + +.glyphicon-hand-down:before { + content: "\e130"; +} + +.glyphicon-circle-arrow-right:before { + content: "\e131"; +} + +.glyphicon-circle-arrow-left:before { + content: "\e132"; +} + +.glyphicon-circle-arrow-up:before { + content: "\e133"; +} + +.glyphicon-circle-arrow-down:before { + content: "\e134"; +} + +.glyphicon-globe:before { + content: "\e135"; +} + +.glyphicon-wrench:before { + content: "\e136"; +} + +.glyphicon-tasks:before { + content: "\e137"; +} + +.glyphicon-filter:before { + content: "\e138"; +} + +.glyphicon-briefcase:before { + content: "\e139"; +} + +.glyphicon-fullscreen:before { + content: "\e140"; +} + +.glyphicon-dashboard:before { + content: "\e141"; +} + +.glyphicon-paperclip:before { + content: "\e142"; +} + +.glyphicon-heart-empty:before { + content: "\e143"; +} + +.glyphicon-link:before { + content: "\e144"; +} + +.glyphicon-phone:before { + content: "\e145"; +} + +.glyphicon-pushpin:before { + content: "\e146"; +} + +.glyphicon-euro:before { + content: "\20ac"; +} + +.glyphicon-usd:before { + content: "\e148"; +} + +.glyphicon-gbp:before { + content: "\e149"; +} + +.glyphicon-sort:before { + content: "\e150"; +} + +.glyphicon-sort-by-alphabet:before { + content: "\e151"; +} + +.glyphicon-sort-by-alphabet-alt:before { + content: "\e152"; +} + +.glyphicon-sort-by-order:before { + content: "\e153"; +} + +.glyphicon-sort-by-order-alt:before { + content: "\e154"; +} + +.glyphicon-sort-by-attributes:before { + content: "\e155"; +} + +.glyphicon-sort-by-attributes-alt:before { + content: "\e156"; +} + +.glyphicon-unchecked:before { + content: "\e157"; +} + +.glyphicon-expand:before { + content: "\e158"; +} + +.glyphicon-collapse:before { + content: "\e159"; +} + +.glyphicon-collapse-top:before { + content: "\e160"; +} + +.dropup, +.dropdown { + position: relative; +} + +.dropdown-toggle:active, +.open .dropdown-toggle { + outline: 0; +} + +.caret { + display: inline-block; + width: 0; + height: 0; + vertical-align: top; + border-top: 4px solid #000; + border-right: 4px solid transparent; + border-left: 4px solid transparent; + content: ""; +} + +.dropdown .caret { + margin-top: 8px; + margin-left: 2px; +} + +.dropdown-menu { + position: absolute; + top: 100%; + left: 0; + z-index: 1000; + display: none; + float: left; + min-width: 160px; + padding: 5px 0; + margin: 2px 0 0; + list-style: none; + background-color: #ffffff; + border: 1px solid #ccc; + border: 1px solid rgba(0, 0, 0, 0.15); + border-radius: 4px; + -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); + box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); + -webkit-background-clip: padding-box; + -moz-background-clip: padding-box; + background-clip: padding-box; +} + +.dropdown-menu.pull-right { + right: 0; + left: auto; +} + +.dropdown-menu .divider { + height: 1px; + margin: 9px 0; + overflow: hidden; + background-color: #e5e5e5; + border-bottom: 1px solid #ffffff; +} + +.dropdown-menu > li > a { + display: block; + padding: 3px 20px; + clear: both; + font-weight: normal; + line-height: 20px; + color: #333333; + white-space: nowrap; +} + +.dropdown-menu li > a:hover, +.dropdown-menu li > a:focus { + color: #ffffff; + text-decoration: none; + background-color: #357ebd; + background-image: -moz-linear-gradient(top, #428bca, #357ebd); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#428bca), to(#357ebd)); + background-image: -webkit-linear-gradient(top, #428bca, #357ebd); + background-image: -o-linear-gradient(top, #428bca, #357ebd); + background-image: linear-gradient(to bottom, #428bca, #357ebd); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0); +} + +.dropdown-menu > .active > a, +.dropdown-menu > .active > a:hover, +.dropdown-menu > .active > a:focus { + color: #ffffff; + text-decoration: none; + background-color: #357ebd; + background-image: -moz-linear-gradient(top, #428bca, #357ebd); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#428bca), to(#357ebd)); + background-image: -webkit-linear-gradient(top, #428bca, #357ebd); + background-image: -o-linear-gradient(top, #428bca, #357ebd); + background-image: linear-gradient(to bottom, #428bca, #357ebd); + background-repeat: repeat-x; + outline: 0; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0); +} + +.dropdown-menu > .disabled > a, +.dropdown-menu > .disabled > a:hover, +.dropdown-menu > .disabled > a:focus { + color: #999999; +} + +.dropdown-menu > .disabled > a:hover, +.dropdown-menu > .disabled > a:focus { + text-decoration: none; + cursor: default; + background-color: transparent; + background-image: none; + filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); +} + +.open > .dropdown-menu { + display: block; +} + +.pull-right > .dropdown-menu { + right: 0; + left: auto; +} + +.dropup .caret, +.navbar-fixed-bottom .dropdown .caret { + border-top: 0; + border-bottom: 4px solid #000; + content: ""; +} + +.dropup .dropdown-menu, +.navbar-fixed-bottom .dropdown .dropdown-menu { + top: auto; + bottom: 100%; + margin-bottom: 1px; +} + +.dropdown .dropdown-menu .nav-header { + padding-right: 20px; + padding-left: 20px; +} + +.typeahead { + z-index: 1051; +} + +.well { + min-height: 20px; + padding: 19px; + margin-bottom: 20px; + background-color: #f5f5f5; + border: 1px solid #e3e3e3; + border-radius: 4px; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); +} + +.well blockquote { + border-color: #ddd; + border-color: rgba(0, 0, 0, 0.15); +} + +.well-large { + padding: 24px; + border-radius: 6px; +} + +.well-small { + padding: 9px; + border-radius: 3px; +} + +.close { + float: right; + font-size: 20px; + font-weight: bold; + line-height: 20px; + color: #000; + text-shadow: 0 1px 0 #ffffff; + opacity: 0.2; + filter: alpha(opacity=20); +} + +.close:hover, +.close:focus { + color: #000; + text-decoration: none; + cursor: pointer; + opacity: 0.5; + filter: alpha(opacity=50); +} + +button.close { + padding: 0; + cursor: pointer; + background: transparent; + border: 0; + -webkit-appearance: none; +} + +.nav { + padding-left: 0; + margin-bottom: 0; + margin-left: 0; + list-style: none; +} + +.nav:before, +.nav:after { + display: table; + content: " "; +} + +.nav:after { + clear: both; +} + +.nav > li { + display: block; +} + +.nav > li > a { + position: relative; + display: block; + padding: 10px 15px; +} + +.nav > li > a:hover, +.nav > li > a:focus { + text-decoration: none; + background-color: #eeeeee; +} + +.nav > .pull-right { + float: right; +} + +.nav-tabs { + border-bottom: 1px solid #ddd; +} + +.nav-tabs > li { + float: left; + margin-bottom: -1px; +} + +.nav-tabs > li > a { + margin-right: 2px; + line-height: 20px; + border: 1px solid transparent; + border-radius: 4px 4px 0 0; +} + +.nav-tabs > li > a:hover { + border-color: #eeeeee #eeeeee #dddddd; +} + +.nav-tabs > .active > a, +.nav-tabs > .active > a:hover, +.nav-tabs > .active > a:focus { + color: #555555; + cursor: default; + background-color: #ffffff; + border: 1px solid #ddd; + border-bottom-color: transparent; +} + +.nav-pills > li { + float: left; +} + +.nav-pills > li > a { + border-radius: 5px; +} + +.nav-pills > li + li > a { + margin-left: 2px; +} + +.nav-pills > .active > a, +.nav-pills > .active > a:hover, +.nav-pills > .active > a:focus { + color: #fff; + background-color: #428bca; +} + +.nav-stacked > li { + float: none; +} + +.nav-stacked > li + li > a { + margin-top: 2px; + margin-left: 0; +} + +.nav-justified { + max-height: 40px; +} + +.nav-justified > li { + display: table-cell; + float: none; + width: 1%; + text-align: center; +} + +.nav-list > li > a { + margin-bottom: -1px; + border: 1px solid #e5e5e5; +} + +.nav-list > li:first-child > a { + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} + +.nav-list > li:last-child > a { + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} + +.nav-list > .active > a, +.nav-list > .active > a:hover, +.nav-list > .active > a:focus { + z-index: 2; + color: #fff; + background-color: #428bca; + border-color: #428bca; +} + +.nav > .disabled > a { + color: #999999; +} + +.nav > .disabled > a:hover, +.nav > .disabled > a:focus { + text-decoration: none; + cursor: default; + background-color: transparent; +} + +.nav-header { + display: block; + padding: 3px 15px; + font-size: 11px; + font-weight: bold; + line-height: 20px; + color: #999999; + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); + text-transform: uppercase; +} + +.nav li + .nav-header { + margin-top: 9px; +} + +.nav .divider { + height: 1px; + margin: 9px 0; + overflow: hidden; + background-color: #e5e5e5; + border-bottom: 1px solid #ffffff; +} + +/* +// Prevent IE8 from misplacing imgs +// See https://github.com/h5bp/html5-boilerplate/issues/984#issuecomment-3985989 +.nav > li > a > img { + max-width: none; +} + +// Dropdowns +// ------------------------- + +.nav-tabs .dropdown-menu { + // Remove the top rounded corners here since there is a hard edge above the menu + .border-top-radius(0); +} + +// Default dropdown links +// ------------------------- +// Make carets use linkColor to start +.nav .dropdown-toggle .caret { + border-top-color: @link-color; + border-bottom-color: @link-color; + margin-top: 8px; +} +.nav .dropdown-toggle:hover .caret { + border-top-color: @link-color-hover; + border-bottom-color: @link-color-hover; +} + +// Active dropdown links +// ------------------------- +.nav .active .dropdown-toggle .caret { + border-top-color: #fff; + border-bottom-color: #fff; +} +.nav-tabs .active .dropdown-toggle .caret { + border-top-color: @gray; + border-bottom-color: @gray; +} + +// Active:hover dropdown links +// ------------------------- +.nav > .dropdown.active > a:hover { + cursor: pointer; +} + +// Open dropdowns +// ------------------------- +.nav-tabs .open .dropdown-toggle, +.nav-pills .open .dropdown-toggle, +.nav > li.dropdown.open.active > a:hover { + color: #fff; + background-color: @grayLight; + border-color: @grayLight; +} +.nav li.dropdown.open .caret, +.nav li.dropdown.open.active .caret, +.nav li.dropdown.open a:hover .caret { + border-top-color: #fff; + border-bottom-color: #fff; + .opacity(100); +} + +// Dropdowns in stacked tabs +.tabs-stacked .open > a:hover { + border-color: @grayLight; +} + + + +// Tabbable tabs +// ------------------------- + +// Clear any floats +.tabbable { + .clearfix(); +} + +// Show/hide tabbable areas +.tab-content > .tab-pane, +.pill-content > .pill-pane { + display: none; +} +.tab-content > .active, +.pill-content > .active { + display: block; +} + +*/ + +.navbar { + padding: 15px; + background-color: #eeeeee; + border-radius: 4px; +} + +.navbar:before, +.navbar:after { + display: table; + content: " "; +} + +.navbar:after { + clear: both; +} + +.navbar .nav { + margin-top: 15px; +} + +.navbar .nav > li > a { + padding-top: 15px; + padding-bottom: 15px; + line-height: 20px; + color: #777777; +} + +.navbar .nav > li > a:hover, +.navbar .nav > li > a:focus { + color: #333333; + background-color: transparent; +} + +.navbar .nav > .active > a, +.navbar .nav > .active > a:hover, +.navbar .nav > .active > a:focus { + color: #555555; + background-color: #d5d5d5; +} + +.navbar-static-top { + position: static; + border-radius: 0; +} + +.navbar-fixed-top, +.navbar-fixed-bottom { + position: fixed; + right: 0; + left: 0; + z-index: 1030; + border-radius: 0; +} + +.navbar-fixed-top { + top: 0; +} + +.navbar-fixed-bottom { + bottom: 0; +} + +.navbar .brand { + display: inline-block; + padding: 7px 15px; + font-size: 18px; + font-weight: 500; + line-height: 20px; + color: #777777; +} + +.navbar .brand:hover, +.navbar .brand:focus { + color: #5e5e5e; + text-decoration: none; + background-color: transparent; +} + +.btn-navbar { + float: right; + padding: 10px 12px; + background-color: #ddd; + border: 0; + border-radius: 4px; +} + +.btn-navbar .icon-bar { + display: block; + width: 20px; + height: 2px; + background-color: #fff; + border-radius: 1px; +} + +.btn-navbar .icon-bar + .icon-bar { + margin-top: 3px; +} + +.navbar .nav > .divider { + height: 1px; + margin: 9px 0; + overflow: hidden; + background-color: #e1e1e1; + border-bottom: 1px solid #fbfbfb; +} + +.navbar-form { + margin-top: 8px; + margin-bottom: 8px; +} + +.navbar .nav > li > .dropdown-menu { + margin-top: 0; + border-top-right-radius: 0; + border-top-left-radius: 0; +} + +.navbar-fixed-bottom .nav > li > .dropdown-menu { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} + +.navbar .nav li.dropdown > a:hover .caret, +.navbar .nav li.dropdown > a:focus .caret { + border-top-color: #333333; + border-bottom-color: #333333; +} + +.navbar .nav li.dropdown.open > .dropdown-toggle, +.navbar .nav li.dropdown.active > .dropdown-toggle, +.navbar .nav li.dropdown.open.active > .dropdown-toggle { + color: #555555; + background-color: #d5d5d5; +} + +.navbar .nav li.dropdown > .dropdown-toggle .caret { + border-top-color: #777777; + border-bottom-color: #777777; +} + +.navbar .nav li.dropdown.open > .dropdown-toggle .caret, +.navbar .nav li.dropdown.active > .dropdown-toggle .caret, +.navbar .nav li.dropdown.open.active > .dropdown-toggle .caret { + border-top-color: #555555; + border-bottom-color: #555555; +} + +.navbar .pull-right > li > .dropdown-menu, +.navbar .nav > li > .dropdown-menu.pull-right { + right: 0; + left: auto; +} + +.navbar-inverse { + background-color: #222222; +} + +.navbar-inverse .brand { + color: #999999; +} + +.navbar-inverse .brand:hover, +.navbar-inverse .brand:focus { + color: #ffffff; + background-color: transparent; +} + +.navbar-inverse .navbar-text { + color: #999999; +} + +.navbar-inverse .nav > li > a { + color: #999999; +} + +.navbar-inverse .nav > li > a:hover, +.navbar-inverse .nav > li > a:focus { + color: #ffffff; + background-color: transparent; +} + +.navbar-inverse .nav > .active > a, +.navbar-inverse .nav > .active > a:hover, +.navbar-inverse .nav > .active > a:focus { + color: #ffffff; + background-color: #222222; +} + +.navbar-inverse .btn-navbar { + background-color: #444; +} + +.navbar-inverse .nav > .divider { + background-color: #151515; + border-bottom-color: #2f2f2f; +} + +.navbar-inverse .nav li.dropdown.open > .dropdown-toggle, +.navbar-inverse .nav li.dropdown.active > .dropdown-toggle, +.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle { + color: #ffffff; + background-color: #222222; +} + +.navbar-inverse .nav li.dropdown > a:hover .caret { + border-top-color: #ffffff; + border-bottom-color: #ffffff; +} + +.navbar-inverse .nav li.dropdown > .dropdown-toggle .caret { + border-top-color: #999999; + border-bottom-color: #999999; +} + +.navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret, +.navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret, +.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle .caret { + border-top-color: #ffffff; + border-bottom-color: #ffffff; +} + +@media screen and (min-width: 768px) { + .navbar { + padding-top: 0; + padding-bottom: 0; + } + .navbar .brand { + float: left; + padding-top: 15px; + padding-bottom: 15px; + margin-left: -15px; + } + .navbar .nav { + float: left; + margin-top: 0; + } + .navbar .nav:before, + .navbar .nav:after { + display: table; + content: " "; + } + .navbar .nav:after { + clear: both; + } + .navbar .nav.pull-right { + float: right; + } + .navbar .nav > li { + float: left; + } + .navbar .nav > .divider { + width: 1px; + height: 30px; + margin: 10px 9px; + border-right: 1px solid #fbfbfb; + border-bottom: 0; + } + .navbar-inverse .nav > .divider { + border-right-color: #2f2f2f; + } + .navbar .btn-navbar { + display: none; + } + .nav-collapse.collapse { + height: auto !important; + overflow: visible !important; + } +} + +/* + +// Janky solution for now to account for links outside the .nav +// ------------------------- +.navbar-link { + color: @navbar-link-color; + &:hover { + color: @navbar-link-color-hover; + } +} + +// Buttons in navbar +// ------------------------- +.navbar .btn, +.navbar .btn-group { + .navbarVerticalAlign(30px); // Vertically center in navbar +} +.navbar .btn-group .btn, +.navbar .input-prepend .btn, +.navbar .input-append .btn { + margin-top: 0; // then undo the margin here so we don't accidentally double it +} + +// Navbar forms +// ------------------------- +.navbar-form { + margin-bottom: 0; // remove default bottom margin + .clearfix(); + input, + select, + .radio, + .checkbox { + .navbarVerticalAlign(30px); // Vertically center in navbar + } + input, + select, + .btn { + display: inline-block; + margin-bottom: 0; + } + input[type="image"], + input[type="checkbox"], + input[type="radio"] { + margin-top: 3px; + } + .input-append, + .input-prepend { + margin-top: 5px; + white-space: nowrap; // preven two items from separating within a .navbar-form that has .pull-left + input { + margin-top: 0; // remove the margin on top since it's on the parent + } + } +} + +*/ + +.btn .caret { + border-top-color: #ffffff; +} + +.dropup .btn .caret { + border-bottom-color: #ffffff; +} + +.btn-group { + position: relative; + display: inline-block; + vertical-align: middle; +} + +.btn-group > .btn { + float: left; +} + +.btn-toolbar:before, +.btn-toolbar:after { + display: table; + content: " "; +} + +.btn-toolbar:after { + clear: both; +} + +.btn-toolbar .btn-group { + float: left; +} + +.btn-toolbar > .btn + .btn, +.btn-toolbar > .btn-group + .btn, +.btn-toolbar > .btn + .btn-group, +.btn-toolbar > .btn-group + .btn-group { + margin-left: 5px; +} + +.btn-group > .btn { + position: relative; + border-radius: 0; +} + +.btn-group > .btn + .btn { + margin-left: 1px; +} + +.btn-group > .btn:first-child { + margin-left: 0; + border-bottom-left-radius: 4px; + border-top-left-radius: 4px; +} + +.btn-group > .btn:last-child, +.btn-group > .dropdown-toggle { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +.btn-group > .btn.large:first-child { + margin-left: 0; + border-bottom-left-radius: 6px; + border-top-left-radius: 6px; +} + +.btn-group > .btn.large:last-child, +.btn-group > .large.dropdown-toggle { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + +.btn-group .dropdown-toggle:active, +.btn-group.open .dropdown-toggle { + outline: 0; +} + +.btn-group > .btn + .dropdown-toggle { + padding-right: 8px; + padding-left: 8px; +} + +.btn-group > .btn-mini + .dropdown-toggle { + padding-right: 5px; + padding-left: 5px; +} + +.btn-group > .btn-large + .dropdown-toggle { + padding-right: 12px; + padding-left: 12px; +} + +.btn-group.open .dropdown-toggle { + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); +} + +.btn .caret { + margin-top: 8px; + margin-left: 0; +} + +.btn-large .caret { + border-width: 5px; +} + +.dropup .btn-large .caret { + border-bottom-width: 5px; +} + +.btn-group-vertical > .btn { + display: block; + float: none; + max-width: 100%; + border-radius: 0; +} + +.btn-group-vertical > .btn + .btn { + margin-top: 1px; + margin-left: 0; +} + +.btn-group-vertical .btn:first-child { + border-radius: 4px 4px 0 0; +} + +.btn-group-vertical .btn:last-child { + border-radius: 0 0 4px 4px; +} + +.btn-group-vertical .btn-large:first-child { + border-radius: 6px 6px 0 0; +} + +.btn-group-vertical .btn-large:last-child { + border-radius: 0 0 6px 6px; +} + +.btn-group-justified { + display: table; + width: 100%; +} + +.btn-group-justified .btn { + display: table-cell; + float: none; + width: 1%; +} + +.breadcrumb { + padding: 8px 15px; + margin: 0 0 20px; + list-style: none; + background-color: #f5f5f5; + border-radius: 4px; +} + +.breadcrumb > li { + display: inline-block; + text-shadow: 0 1px 0 #fff; +} + +.breadcrumb > li:after { + display: inline-block; + padding: 0 5px; + color: #ccc; + content: "\00a0 /"; +} + +.breadcrumb > .active { + color: #999999; +} + +.pagination { + display: inline-block; + margin: 20px 0; + border-radius: 4px; +} + +.pagination > li { + display: inline; +} + +.pagination > li > a, +.pagination > li > span { + float: left; + padding: 4px 12px; + line-height: 20px; + text-decoration: none; + background-color: #ffffff; + border: 1px solid #dddddd; + border-left-width: 0; +} + +.pagination > li > a:hover, +.pagination > li > a:focus, +.pagination > .active > a, +.pagination > .active > span { + background-color: #f5f5f5; +} + +.pagination > .active > a, +.pagination > .active > span { + color: #999999; + cursor: default; +} + +.pagination > .disabled > span, +.pagination > .disabled > a, +.pagination > .disabled > a:hover, +.pagination > .disabled > a:focus { + color: #999999; + cursor: default; + background-color: transparent; +} + +.pagination > li:first-child > a, +.pagination > li:first-child > span { + border-left-width: 1px; + border-bottom-left-radius: 4px; + border-top-left-radius: 4px; +} + +.pagination > li:last-child > a, +.pagination > li:last-child > span { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +.pagination-large > li > a, +.pagination-large > li > span { + padding: 11px 14px; + font-size: 17.5px; +} + +.pagination-large > li:first-child > a, +.pagination-large > li:first-child > span { + border-bottom-left-radius: 6px; + border-top-left-radius: 6px; +} + +.pagination-large > li:last-child > a, +.pagination-large > li:last-child > span { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; +} + +.pagination-mini > li:first-child > a, +.pagination-small > li:first-child > a, +.pagination-mini > li:first-child > span, +.pagination-small > li:first-child > span { + border-bottom-left-radius: 3px; + border-top-left-radius: 3px; +} + +.pagination-mini > li:last-child > a, +.pagination-small > li:last-child > a, +.pagination-mini > li:last-child > span, +.pagination-small > li:last-child > span { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} + +.pagination-small > li > a, +.pagination-small > li > span { + padding: 2px 10px; + font-size: 11.9px; +} + +.pagination-mini > li > a, +.pagination-mini > li > span { + padding: 0 6px; + font-size: 10.5px; +} + +.pager { + margin: 20px 0; + text-align: center; + list-style: none; +} + +.pager:before, +.pager:after { + display: table; + content: " "; +} + +.pager:after { + clear: both; +} + +.pager li { + display: inline; +} + +.pager li > a, +.pager li > span { + display: inline-block; + padding: 5px 14px; + background-color: #fff; + border: 1px solid #ddd; + border-radius: 15px; +} + +.pager li > a:hover, +.pager li > a:focus { + text-decoration: none; + background-color: #f5f5f5; +} + +.pager .next > a, +.pager .next > span { + float: right; +} + +.pager .previous > a, +.pager .previous > span { + float: left; +} + +.pager .disabled > a, +.pager .disabled > a:hover, +.pager .disabled > a:focus, +.pager .disabled > span { + color: #999999; + cursor: default; + background-color: #fff; +} + +.modal-open { + overflow: hidden; +} + +.modal { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1040; + display: none; + overflow: auto; + overflow-y: scroll; + -webkit-overflow-scrolling: touch; +} + +.modal.fade { + top: -25%; + -webkit-transition: opacity 0.3s linear, top 0.3s ease-out; + -moz-transition: opacity 0.3s linear, top 0.3s ease-out; + -o-transition: opacity 0.3s linear, top 0.3s ease-out; + transition: opacity 0.3s linear, top 0.3s ease-out; +} + +.modal.fade.in { + top: 0; +} + +.modal-dialog { + position: relative; + top: 0; + right: 0; + left: 0; + z-index: 1050; + width: auto; + padding: 10px; +} + +.modal-content { + position: relative; + background-color: #fff; + border: 1px solid #999; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 6px; + outline: none; + -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); + box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); + -webkit-background-clip: padding-box; + -moz-background-clip: padding-box; + background-clip: padding-box; +} + +.modal-backdrop { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; + background-color: #000; +} + +.modal-backdrop.fade { + opacity: 0; +} + +.modal-backdrop.fade.in { + opacity: 0.5; + filter: alpha(opacity=50); +} + +.modal-header { + padding: 9px 15px; + border-bottom: 1px solid #e5e5e5; +} + +.modal-header .close { + margin-top: 2px; +} + +.modal-title { + margin: 0; + line-height: 30px; +} + +.modal-body { + position: relative; + padding: 20px; +} + +.modal-footer { + padding: 19px 20px 20px; + margin-top: 15px; + text-align: right; + border-top: 1px solid #e5e5e5; +} + +.modal-footer:before, +.modal-footer:after { + display: table; + content: " "; +} + +.modal-footer:after { + clear: both; +} + +.modal-footer .btn + .btn { + margin-bottom: 0; + margin-left: 5px; +} + +.modal-footer .btn-group .btn + .btn { + margin-left: -1px; +} + +.modal-footer .btn-block + .btn-block { + margin-left: 0; +} + +@media screen and (min-width: 768px) { + .modal-dialog { + right: auto; + left: 50%; + width: 560px; + padding-top: 30px; + padding-bottom: 30px; + margin-left: -280px; + } + .modal-content { + -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); + } +} + +.tooltip { + position: absolute; + z-index: 1030; + display: block; + font-size: 11px; + line-height: 1.4; + opacity: 0; + filter: alpha(opacity=0); + visibility: visible; +} + +.tooltip.in { + opacity: 1; + filter: alpha(opacity=100); +} + +.tooltip.top { + padding: 5px 0; + margin-top: -3px; +} + +.tooltip.right { + padding: 0 5px; + margin-left: 3px; +} + +.tooltip.bottom { + padding: 5px 0; + margin-top: 3px; +} + +.tooltip.left { + padding: 0 5px; + margin-left: -3px; +} + +.tooltip-inner { + max-width: 200px; + padding: 3px 8px; + color: #ffffff; + text-align: center; + text-decoration: none; + background-color: rgba(0, 0, 0, 0.9); + border-radius: 4px; +} + +.tooltip-arrow { + position: absolute; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; +} + +.tooltip.top .tooltip-arrow { + bottom: 0; + left: 50%; + margin-left: -5px; + border-top-color: rgba(0, 0, 0, 0.9); + border-width: 5px 5px 0; +} + +.tooltip.right .tooltip-arrow { + top: 50%; + left: 0; + margin-top: -5px; + border-right-color: rgba(0, 0, 0, 0.9); + border-width: 5px 5px 5px 0; +} + +.tooltip.left .tooltip-arrow { + top: 50%; + right: 0; + margin-top: -5px; + border-left-color: rgba(0, 0, 0, 0.9); + border-width: 5px 0 5px 5px; +} + +.tooltip.bottom .tooltip-arrow { + top: 0; + left: 50%; + margin-left: -5px; + border-bottom-color: rgba(0, 0, 0, 0.9); + border-width: 0 5px 5px; +} + +.popover { + position: absolute; + top: 0; + left: 0; + z-index: 1010; + display: none; + max-width: 276px; + padding: 1px; + text-align: left; + white-space: normal; + background-color: #ffffff; + border: 1px solid #ccc; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 6px; + -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + -webkit-background-clip: padding-box; + -moz-background-clip: padding; + background-clip: padding-box; +} + +.popover.top { + margin-top: -10px; +} + +.popover.right { + margin-left: 10px; +} + +.popover.bottom { + margin-top: 10px; +} + +.popover.left { + margin-left: -10px; +} + +.popover-title { + padding: 8px 14px; + margin: 0; + font-size: 14px; + font-weight: normal; + line-height: 18px; + background-color: #f7f7f7; + border-bottom: 1px solid #ebebeb; + border-radius: 5px 5px 0 0; +} + +.popover-title:empty { + display: none; +} + +.popover-content { + padding: 9px 14px; +} + +.popover .arrow, +.popover .arrow:after { + position: absolute; + display: block; + width: 0; + height: 0; + border-color: transparent; + border-style: solid; +} + +.popover .arrow { + border-width: 11px; +} + +.popover .arrow:after { + border-width: 10px; + content: ""; +} + +.popover.top .arrow { + bottom: -11px; + left: 50%; + margin-left: -11px; + border-top-color: #999; + border-top-color: rgba(0, 0, 0, 0.25); + border-bottom-width: 0; +} + +.popover.top .arrow:after { + bottom: 1px; + margin-left: -10px; + border-top-color: #ffffff; + border-bottom-width: 0; +} + +.popover.right .arrow { + top: 50%; + left: -11px; + margin-top: -11px; + border-right-color: #999; + border-right-color: rgba(0, 0, 0, 0.25); + border-left-width: 0; +} + +.popover.right .arrow:after { + bottom: -10px; + left: 1px; + border-right-color: #ffffff; + border-left-width: 0; +} + +.popover.bottom .arrow { + top: -11px; + left: 50%; + margin-left: -11px; + border-bottom-color: #999; + border-bottom-color: rgba(0, 0, 0, 0.25); + border-top-width: 0; +} + +.popover.bottom .arrow:after { + top: 1px; + margin-left: -10px; + border-bottom-color: #ffffff; + border-top-width: 0; +} + +.popover.left .arrow { + top: 50%; + right: -11px; + margin-top: -11px; + border-left-color: #999; + border-left-color: rgba(0, 0, 0, 0.25); + border-right-width: 0; +} + +.popover.left .arrow:after { + right: 1px; + bottom: -10px; + border-left-color: #ffffff; + border-right-width: 0; +} + +.alert { + padding: 8px 35px 8px 14px; + margin-bottom: 20px; + color: #c09853; + background-color: #fcf8e3; + border: 1px solid #fbeed5; + border-radius: 4px; +} + +.alert h4 { + margin-top: 0; + color: inherit; +} + +.alert .close { + position: relative; + top: -2px; + right: -21px; + line-height: 20px; + color: inherit; +} + +.alert-success { + color: #468847; + background-color: #dff0d8; + border-color: #d6e9c6; +} + +.alert-danger, +.alert-error { + color: #b94a48; + background-color: #f2dede; + border-color: #eed3d7; +} + +.alert-info { + color: #3a87ad; + background-color: #d9edf7; + border-color: #bce8f1; +} + +.alert-block { + padding-top: 14px; + padding-bottom: 14px; +} + +.alert-block > p, +.alert-block > ul { + margin-bottom: 0; +} + +.alert-block p + p { + margin-top: 5px; +} + +.thumbnail, +.img-thumbnail { + padding: 4px; + line-height: 20px; + border: 1px solid #ddd; + border-radius: 4px; + -webkit-transition: all 0.2s ease-in-out; + -moz-transition: all 0.2s ease-in-out; + -o-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; +} + +.thumbnail { + display: block; +} + +.img-thumbnail { + display: inline-block; +} + +a.thumbnail:hover, +a.thumbnail:focus { + border-color: #428bca; +} + +.thumbnail > img { + display: block; + max-width: 100%; + margin-right: auto; + margin-left: auto; +} + +.thumbnail .caption { + padding: 9px; + color: #555555; +} + +.media, +.media-body { + overflow: hidden; + zoom: 1; +} + +.media, +.media .media { + margin-top: 15px; +} + +.media:first-child { + margin-top: 0; +} + +.media-object { + display: block; +} + +.media-heading { + margin: 0 0 5px; +} + +.media > .pull-left { + margin-right: 10px; +} + +.media > .pull-right { + margin-left: 10px; +} + +.media-list { + margin-left: 0; + list-style: none; +} + +.counter { + display: inline-block; + min-width: 10px; + padding: 3px 7px; + font-size: 12px; + font-weight: bold; + line-height: 1; + color: #fff; + text-align: center; + white-space: nowrap; + vertical-align: middle; + background-color: #999999; + border-radius: 10px; +} + +.counter:empty { + display: none; +} + +a.counter:hover, +a.counter:focus { + color: #fff; + text-decoration: none; + cursor: pointer; +} + +.btn .counter { + position: relative; + top: -1px; +} + +.btn-mini .counter { + top: 0; +} + +.nav-list > .active > a > .counter, +.nav-pills > .active > a > .counter { + color: #428bca; + background-color: #fff; +} + +.nav-pills > li > a > .counter { + margin-left: 3px; +} + +@-webkit-keyframes progress-bar-stripes { + from { + background-position: 40px 0; + } + to { + background-position: 0 0; + } +} + +@-moz-keyframes progress-bar-stripes { + from { + background-position: 40px 0; + } + to { + background-position: 0 0; + } +} + +@-ms-keyframes progress-bar-stripes { + from { + background-position: 40px 0; + } + to { + background-position: 0 0; + } +} + +@-o-keyframes progress-bar-stripes { + from { + background-position: 0 0; + } + to { + background-position: 40px 0; + } +} + +@keyframes progress-bar-stripes { + from { + background-position: 40px 0; + } + to { + background-position: 0 0; + } +} + +.progress { + height: 20px; + margin-bottom: 20px; + overflow: hidden; + background-color: #f5f5f5; + border-radius: 4px; + -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); +} + +.progress-bar { + float: left; + width: 0; + height: 100%; + font-size: 12px; + color: #fff; + text-align: center; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + background-color: #428bca; + -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + -webkit-transition: width 0.6s ease; + -moz-transition: width 0.6s ease; + -o-transition: width 0.6s ease; + transition: width 0.6s ease; +} + +.progress-striped .progress-bar { + background-color: #428bca; + background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + -webkit-background-size: 40px 40px; + -moz-background-size: 40px 40px; + -o-background-size: 40px 40px; + background-size: 40px 40px; +} + +.progress.active .progress-bar { + -webkit-animation: progress-bar-stripes 2s linear infinite; + -moz-animation: progress-bar-stripes 2s linear infinite; + -ms-animation: progress-bar-stripes 2s linear infinite; + -o-animation: progress-bar-stripes 2s linear infinite; + animation: progress-bar-stripes 2s linear infinite; +} + +.progress-bar-danger { + background-color: #d9534f; +} + +.progress-striped .progress-bar-danger { + background-color: #d9534f; + background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); +} + +.progress-bar-success { + background-color: #5cb85c; +} + +.progress-striped .progress-bar-success { + background-color: #5cb85c; + background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); +} + +.progress-bar-warning { + background-color: #f0ad4e; +} + +.progress-striped .progress-bar-warning { + background-color: #f0ad4e; + background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); +} + +.progress-bar-info { + background-color: #5bc0de; +} + +.progress-striped .progress-bar-info { + background-color: #5bc0de; + background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); + background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); +} + +.accordion { + margin-bottom: 20px; +} + +.accordion-group { + margin-bottom: 2px; + border: 1px solid #e5e5e5; + border-radius: 4px; +} + +.accordion-heading { + border-bottom: 0; +} + +.accordion-heading .accordion-toggle { + display: block; + padding: 8px 15px; +} + +.accordion-toggle { + cursor: pointer; +} + +.accordion-inner { + padding: 9px 15px; + border-top: 1px solid #e5e5e5; +} + +.carousel { + position: relative; + margin-bottom: 20px; + line-height: 1; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} + +.carousel-inner > .item { + position: relative; + display: none; + -webkit-transition: 0.6s ease-in-out left; + -moz-transition: 0.6s ease-in-out left; + -o-transition: 0.6s ease-in-out left; + transition: 0.6s ease-in-out left; +} + +.carousel-inner > .item > img, +.carousel-inner > .item > a > img { + display: block; + line-height: 1; +} + +.carousel-inner > .active, +.carousel-inner > .next, +.carousel-inner > .prev { + display: block; +} + +.carousel-inner > .active { + left: 0; +} + +.carousel-inner > .next, +.carousel-inner > .prev { + position: absolute; + top: 0; + width: 100%; +} + +.carousel-inner > .next { + left: 100%; +} + +.carousel-inner > .prev { + left: -100%; +} + +.carousel-inner > .next.left, +.carousel-inner > .prev.right { + left: 0; +} + +.carousel-inner > .active.left { + left: -100%; +} + +.carousel-inner > .active.right { + left: 100%; +} + +.carousel-control { + position: absolute; + top: 0; + bottom: 0; + left: 0; + width: 120px; + opacity: 0.5; + filter: alpha(opacity=50); +} + +.carousel-control.left { + background-color: rgba(0, 0, 0, 0.001); + background-color: transparent; + background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.001)); + background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0, 0, 0, 0.75)), to(rgba(0, 0, 0, 0.001))); + background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.001)); + background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.001)); + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.001)); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf000000', endColorstr='#00000000', GradientType=1); +} + +.carousel-control.right { + right: 0; + left: auto; + background-color: rgba(0, 0, 0, 0.75); + background-color: transparent; + background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.001), rgba(0, 0, 0, 0.75)); + background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0, 0, 0, 0.001)), to(rgba(0, 0, 0, 0.75))); + background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.001), rgba(0, 0, 0, 0.75)); + background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.001), rgba(0, 0, 0, 0.75)); + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.001), rgba(0, 0, 0, 0.75)); + background-repeat: repeat-x; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#bf000000', GradientType=1); +} + +.carousel-control:hover, +.carousel-control:focus { + color: #fff; + text-decoration: none; + opacity: 0.9; + filter: alpha(opacity=90); +} + +.carousel-control .control { + position: absolute; + top: 50%; + z-index: 5; + display: block; + margin-top: -35px; + margin-left: 30px; + font-size: 80px; + font-weight: 100; + color: #fff; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); +} + +.carousel-control.right .control { + margin-left: 70px; +} + +.carousel-indicators { + position: absolute; + top: 15px; + right: 15px; + z-index: 5; + margin: 0; + list-style: none; +} + +.carousel-indicators li { + display: block; + float: left; + width: 10px; + height: 10px; + margin-left: 5px; + text-indent: -999px; + cursor: pointer; + background-color: #ccc; + background-color: rgba(255, 255, 255, 0.25); + border-radius: 5px; +} + +.carousel-indicators .active { + background-color: #fff; +} + +.carousel-caption { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 10; + max-width: 60%; + padding: 40px; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); +} + +.carousel-caption h3, +.carousel-caption p { + line-height: 20px; + color: #fff; +} + +.carousel-caption h3 { + margin: 0 0 5px; +} + +.carousel-caption p { + margin-bottom: 0; +} + +.jumbotron { + padding: 30px; + margin-bottom: 30px; + font-size: 21px; + font-weight: 200; + line-height: 30px; + color: inherit; + background-color: #eeeeee; +} + +.jumbotron h1 { + line-height: 1; + color: inherit; +} + +.jumbotron p { + line-height: 1.4; +} + +@media screen and (min-width: 768px) { + .jumbotron { + padding: 50px 60px; + border-radius: 6px; + } + .jumbotron h1 { + font-size: 60px; + } +} + +.clearfix:before, +.clearfix:after { + display: table; + content: " "; +} + +.clearfix:after { + clear: both; +} + +.pull-right { + float: right; +} + +.pull-left { + float: left; +} + +.hide { + display: none !important; +} + +.show { + display: block !important; +} + +.invisible { + visibility: hidden; +} + +.text-hide { + font: 0/0 a; + color: transparent; + text-shadow: none; + background-color: transparent; + border: 0; +} + +.affix { + position: fixed; +} + +@-ms-viewport { + width: device-width; +} + +.hidden { + display: none; + visibility: hidden; +} + +.visible-phone { + display: none !important; +} + +.visible-tablet { + display: none !important; +} + +.hidden-desktop { + display: none !important; +} + +.visible-desktop { + display: inherit !important; +} + +@media (min-width: 768px) and (max-width: 979px) { + .hidden-desktop { + display: inherit !important; + } + .visible-desktop { + display: none !important ; + } + .visible-tablet { + display: inherit !important; + } + .hidden-tablet { + display: none !important; + } +} + +@media (max-width: 767px) { + .hidden-desktop { + display: inherit !important; + } + .visible-desktop { + display: none !important; + } + .visible-phone { + display: inherit !important; + } + .hidden-phone { + display: none !important; + } +} + +.visible-print { + display: none !important; +} + +@media print { + .visible-print { + display: inherit !important; + } + .hidden-print { + display: none !important; + } +} -- cgit v1.2.3 From 96953c20724c200c1a5b53e6a991e24c821c8447 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 13 Feb 2013 12:30:56 -0800 Subject: update makefile to work again; gitignore the compiled docs _gh_pages folder; test makefile with darkened navbar active bg --- docs/assets/css/bootstrap.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 9ea76f713..42d53fdd6 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3254,7 +3254,7 @@ button.close { .navbar-inverse .nav > .active > a:hover, .navbar-inverse .nav > .active > a:focus { color: #ffffff; - background-color: #222222; + background-color: #080808; } .navbar-inverse .btn-navbar { @@ -3270,7 +3270,7 @@ button.close { .navbar-inverse .nav li.dropdown.active > .dropdown-toggle, .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle { color: #ffffff; - background-color: #222222; + background-color: #080808; } .navbar-inverse .nav li.dropdown > a:hover .caret { -- cgit v1.2.3 From f38e50cdf146fb99f0f0178e7ea7f636544d7ce2 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 16 Feb 2013 00:19:17 -0800 Subject: Don't affix the fixed navbars in mobile views --- docs/assets/css/bootstrap.css | 25 +++++++++++++------------ 1 file changed, 13 insertions(+), 12 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 42d53fdd6..73db5262d 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3116,21 +3116,9 @@ button.close { .navbar-fixed-top, .navbar-fixed-bottom { - position: fixed; - right: 0; - left: 0; - z-index: 1030; border-radius: 0; } -.navbar-fixed-top { - top: 0; -} - -.navbar-fixed-bottom { - bottom: 0; -} - .navbar .brand { display: inline-block; padding: 7px 15px; @@ -3329,6 +3317,19 @@ button.close { .navbar-inverse .nav > .divider { border-right-color: #2f2f2f; } + .navbar-fixed-top, + .navbar-fixed-bottom { + position: fixed; + right: 0; + left: 0; + z-index: 1030; + } + .navbar-fixed-top { + top: 0; + } + .navbar-fixed-bottom { + bottom: 0; + } .navbar .btn-navbar { display: none; } -- cgit v1.2.3 From d8e2668c1df122f61e82008821bc6b56def4fe12 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 16 Feb 2013 01:22:15 -0800 Subject: Overhaul carousel a bit more: * Drop custom type arrow controls for glyphicons icons instead for more consistent rendering * Remove the captions and instead let folks implement what they want in the carousel * Move the indicators to the bottom middle instead of top right * Lighten up gradients on the edges for less harsh lighting --- docs/assets/css/bootstrap.css | 101 +++++++++++++++++++----------------------- 1 file changed, 46 insertions(+), 55 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 73db5262d..ce365b8bc 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -4437,7 +4437,6 @@ a.counter:focus { .carousel { position: relative; - margin-bottom: 20px; line-height: 1; } @@ -4513,27 +4512,27 @@ a.counter:focus { .carousel-control.left { background-color: rgba(0, 0, 0, 0.001); background-color: transparent; - background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.001)); - background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0, 0, 0, 0.75)), to(rgba(0, 0, 0, 0.001))); - background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.001)); - background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.001)); - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.001)); + background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.001)); + background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.001))); + background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.001)); + background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.001)); + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.001)); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf000000', endColorstr='#00000000', GradientType=1); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); } .carousel-control.right { right: 0; left: auto; - background-color: rgba(0, 0, 0, 0.75); + background-color: rgba(0, 0, 0, 0.5); background-color: transparent; - background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.001), rgba(0, 0, 0, 0.75)); - background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0, 0, 0, 0.001)), to(rgba(0, 0, 0, 0.75))); - background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.001), rgba(0, 0, 0, 0.75)); - background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.001), rgba(0, 0, 0, 0.75)); - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.001), rgba(0, 0, 0, 0.75)); + background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.001), rgba(0, 0, 0, 0.5)); + background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0, 0, 0, 0.001)), to(rgba(0, 0, 0, 0.5))); + background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.001), rgba(0, 0, 0, 0.5)); + background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.001), rgba(0, 0, 0, 0.5)); + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.001), rgba(0, 0, 0, 0.5)); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#bf000000', GradientType=1); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); } .carousel-control:hover, @@ -4544,42 +4543,45 @@ a.counter:focus { filter: alpha(opacity=90); } -.carousel-control .control { +.carousel-control .carousel-control .glyphicon-chevron-left, +.carousel-control .carousel-control .glyphicon-chevron-right { position: absolute; top: 50%; z-index: 5; - display: block; - margin-top: -35px; - margin-left: 30px; - font-size: 80px; - font-weight: 100; + display: inline-block; + width: 20px; + height: 20px; + margin-top: -10px; + margin-left: 20px; + font-size: 20px; color: #fff; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } -.carousel-control.right .control { - margin-left: 70px; +.carousel-control .carousel-control .glyphicon-chevron-right { + margin-left: 80px; } .carousel-indicators { position: absolute; - top: 15px; - right: 15px; + bottom: 15px; + left: 50%; z-index: 5; - margin: 0; + width: 100px; + margin: 0 0 0 -50px; + text-align: center; list-style: none; } .carousel-indicators li { - display: block; - float: left; - width: 10px; - height: 10px; - margin-left: 5px; + display: inline-block; + width: 8px; + height: 8px; + margin-right: 0; + margin-left: 0; text-indent: -999px; cursor: pointer; - background-color: #ccc; - background-color: rgba(255, 255, 255, 0.25); + border: 1px solid #fff; border-radius: 5px; } @@ -4587,29 +4589,18 @@ a.counter:focus { background-color: #fff; } -.carousel-caption { - position: absolute; - right: 0; - bottom: 0; - left: 0; - z-index: 10; - max-width: 60%; - padding: 40px; - text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); -} - -.carousel-caption h3, -.carousel-caption p { - line-height: 20px; - color: #fff; -} - -.carousel-caption h3 { - margin: 0 0 5px; -} - -.carousel-caption p { - margin-bottom: 0; +@media screen and (min-width: 768px) { + .carousel-control .glyphicon-chevron-left, + .carousel-control .glyphicon-chevron-right { + width: 30px; + height: 30px; + margin-top: -15px; + margin-left: 30px; + font-size: 30px; + } + .carousel-control .glyphicon-chevron-right { + margin-left: 70px; + } } .jumbotron { -- cgit v1.2.3 From ce21926704778a2fb8ff76f5241b90a97abeea4c Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 16 Feb 2013 01:26:43 -0800 Subject: All Glyphicons now require a base class, e.g. .glyphicon.glyphicon-star --- docs/assets/css/bootstrap.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index ce365b8bc..3ac4cf8e6 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -1968,7 +1968,7 @@ fieldset[disabled] .btn-link:focus { src: url('../fonts/glyphiconshalflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphiconshalflings-regular.woff') format('woff'), url('../fonts/glyphiconshalflings-regular.ttf') format('truetype'), url('../fonts/glyphiconshalflings-regular.svg#glyphicons_halflingsregular') format('svg'); } -[class^="glyphicon-"]:before { +.glyphicon:before { font-family: 'Glyphicons Halflings'; font-style: normal; line-height: 1; -- cgit v1.2.3 From 6d048471c47ed740453c01252ad62a42e185cb46 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 16 Feb 2013 02:47:15 -0800 Subject: Re-add carousel captions as optional * They're hidden by default in the mobile-first views because otherwise they just cover up the slides * In mobile they're centered, and then are shown left aligned at larger viewports --- docs/assets/css/bootstrap.css | 74 ++++++++++++++++++++++++++----------------- 1 file changed, 45 insertions(+), 29 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 3ac4cf8e6..6797b4dc9 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -4437,7 +4437,6 @@ a.counter:focus { .carousel { position: relative; - line-height: 1; } .carousel-inner { @@ -4504,19 +4503,23 @@ a.counter:focus { top: 0; bottom: 0; left: 0; - width: 120px; + width: 15%; + font-size: 20px; + color: #fff; + text-align: center; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); opacity: 0.5; filter: alpha(opacity=50); } .carousel-control.left { - background-color: rgba(0, 0, 0, 0.001); + background-color: rgba(0, 0, 0, 0.0001); background-color: transparent; - background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.001)); - background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.001))); - background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.001)); - background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.001)); - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.001)); + background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.0001)); + background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001))); + background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.0001)); + background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.0001)); + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.0001)); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); } @@ -4526,11 +4529,11 @@ a.counter:focus { left: auto; background-color: rgba(0, 0, 0, 0.5); background-color: transparent; - background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.001), rgba(0, 0, 0, 0.5)); - background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0, 0, 0, 0.001)), to(rgba(0, 0, 0, 0.5))); - background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.001), rgba(0, 0, 0, 0.5)); - background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.001), rgba(0, 0, 0, 0.5)); - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.001), rgba(0, 0, 0, 0.5)); + background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.0001), rgba(0, 0, 0, 0.5)); + background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5))); + background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001), rgba(0, 0, 0, 0.5)); + background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001), rgba(0, 0, 0, 0.5)); + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001), rgba(0, 0, 0, 0.5)); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); } @@ -4543,28 +4546,21 @@ a.counter:focus { filter: alpha(opacity=90); } -.carousel-control .carousel-control .glyphicon-chevron-left, -.carousel-control .carousel-control .glyphicon-chevron-right { +.carousel-control .glyphicon { position: absolute; top: 50%; + left: 50%; z-index: 5; display: inline-block; width: 20px; height: 20px; margin-top: -10px; - margin-left: 20px; - font-size: 20px; - color: #fff; - text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); -} - -.carousel-control .carousel-control .glyphicon-chevron-right { - margin-left: 80px; + margin-left: -10px; } .carousel-indicators { position: absolute; - bottom: 15px; + bottom: 20px; left: 50%; z-index: 5; width: 100px; @@ -4589,17 +4585,37 @@ a.counter:focus { background-color: #fff; } +.carousel-caption { + position: absolute; + right: 20%; + bottom: 20px; + left: 20%; + display: none; + padding-top: 20px; + padding-bottom: 20px; + color: #fff; + text-align: center; + text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); +} + @media screen and (min-width: 768px) { - .carousel-control .glyphicon-chevron-left, - .carousel-control .glyphicon-chevron-right { + .carousel-control .glyphicon { width: 30px; height: 30px; margin-top: -15px; - margin-left: 30px; + margin-left: -15px; font-size: 30px; } - .carousel-control .glyphicon-chevron-right { - margin-left: 70px; + .carousel-caption { + right: 0; + left: 0; + z-index: 10; + display: block; + max-width: 60%; + padding: 30px; + margin-right: 0; + margin-left: 0; + text-align: left; } } -- cgit v1.2.3 From 6dce3f63d8461623b110c1a2e3b6d62ccc0e3e21 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 16 Feb 2013 02:47:48 -0800 Subject: Scrach that: carousel caption is always left aligned, but still hidden for mobile views --- docs/assets/css/bootstrap.css | 2 -- 1 file changed, 2 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 6797b4dc9..38ae1fdeb 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -4594,7 +4594,6 @@ a.counter:focus { padding-top: 20px; padding-bottom: 20px; color: #fff; - text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } @@ -4615,7 +4614,6 @@ a.counter:focus { padding: 30px; margin-right: 0; margin-left: 0; - text-align: left; } } -- cgit v1.2.3 From 6ccf588a8e08a9f99e6a56f9201a4348eb946cde Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 17 Feb 2013 13:35:14 -0800 Subject: Restore submenu support --- docs/assets/css/bootstrap.css | 58 +++++++++++++++++++++++++++++++++++++++++-- 1 file changed, 56 insertions(+), 2 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 38ae1fdeb..b45d7e101 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -2685,8 +2685,10 @@ fieldset[disabled] .btn-link:focus { white-space: nowrap; } -.dropdown-menu li > a:hover, -.dropdown-menu li > a:focus { +.dropdown-menu > li > a:hover, +.dropdown-menu > li > a:focus, +.dropdown-submenu:hover > a, +.dropdown-submenu:focus > a { color: #ffffff; text-decoration: none; background-color: #357ebd; @@ -2753,6 +2755,58 @@ fieldset[disabled] .btn-link:focus { margin-bottom: 1px; } +.dropdown-submenu { + position: relative; +} + +.dropdown-submenu > .dropdown-menu { + top: 0; + left: 100%; + margin-top: -6px; + margin-left: -1px; + border-top-left-radius: 0; +} + +.dropdown-submenu:hover > .dropdown-menu { + display: block; +} + +.dropup .dropdown-submenu > .dropdown-menu { + top: auto; + bottom: 0; + margin-top: 0; + margin-bottom: -2px; + border-bottom-left-radius: 0; +} + +.dropdown-submenu > a:after { + display: block; + float: right; + width: 0; + height: 0; + margin-top: 5px; + margin-right: -10px; + border-color: transparent; + border-left-color: #cccccc; + border-style: solid; + border-width: 5px 0 5px 5px; + content: " "; +} + +.dropdown-submenu:hover > a:after { + border-left-color: #ffffff; +} + +.dropdown-submenu.pull-left { + float: none; +} + +.dropdown-submenu.pull-left > .dropdown-menu { + left: -100%; + margin-left: 10px; + border-top-right-radius: 0; +} + .dropdown .dropdown-menu .nav-header { padding-right: 20px; padding-left: 20px; -- cgit v1.2.3 From c0ea077fb4890a4212e1c517d5fc2369beb49773 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 17 Feb 2013 18:33:55 -0800 Subject: Revert the statis navbar in mobile views--they're back to being fixed all the time --- docs/assets/css/bootstrap.css | 25 ++++++++++++------------- 1 file changed, 12 insertions(+), 13 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index b45d7e101..42ed6c702 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3170,9 +3170,21 @@ button.close { .navbar-fixed-top, .navbar-fixed-bottom { + position: fixed; + right: 0; + left: 0; + z-index: 1030; border-radius: 0; } +.navbar-fixed-top { + top: 0; +} + +.navbar-fixed-bottom { + bottom: 0; +} + .navbar .brand { display: inline-block; padding: 7px 15px; @@ -3371,19 +3383,6 @@ button.close { .navbar-inverse .nav > .divider { border-right-color: #2f2f2f; } - .navbar-fixed-top, - .navbar-fixed-bottom { - position: fixed; - right: 0; - left: 0; - z-index: 1030; - } - .navbar-fixed-top { - top: 0; - } - .navbar-fixed-bottom { - bottom: 0; - } .navbar .btn-navbar { display: none; } -- cgit v1.2.3 From 36aec5e484ae90fa427dae94814891d7d23f772c Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 17 Feb 2013 18:47:44 -0800 Subject: decrease top/bottom padding a bit in mobile fixed navbars --- docs/assets/css/bootstrap.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 42ed6c702..0d99d6ea9 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3124,7 +3124,7 @@ button.close { */ .navbar { - padding: 15px; + padding: 10px 15px; background-color: #eeeeee; border-radius: 4px; } -- cgit v1.2.3 From 82d059de87ff05511ba4de4a0e345f1f26de89f8 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 17 Feb 2013 20:18:29 -0800 Subject: fix broken marketing section with updated class --- docs/assets/css/bootstrap.css | 40 ++++++++++++++++++++-------------------- 1 file changed, 20 insertions(+), 20 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 0d99d6ea9..7fd15498e 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3034,6 +3034,26 @@ button.close { border-bottom: 1px solid #ffffff; } +.tabbable:before, +.tabbable:after { + display: table; + content: " "; +} + +.tabbable:after { + clear: both; +} + +.tab-content > .tab-pane, +.pill-content > .pill-pane { + display: none; +} + +.tab-content > .active, +.pill-content > .active { + display: block; +} + /* // Prevent IE8 from misplacing imgs // See https://github.com/h5bp/html5-boilerplate/issues/984#issuecomment-3985989 @@ -3101,26 +3121,6 @@ button.close { border-color: @grayLight; } - - -// Tabbable tabs -// ------------------------- - -// Clear any floats -.tabbable { - .clearfix(); -} - -// Show/hide tabbable areas -.tab-content > .tab-pane, -.pill-content > .pill-pane { - display: none; -} -.tab-content > .active, -.pill-content > .active { - display: block; -} - */ .navbar { -- cgit v1.2.3 From 53091be6d28c05f114bc0a2f74604ceb6f41845e Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 17 Feb 2013 20:26:21 -0800 Subject: remove unnecessary select border reset --- docs/assets/css/bootstrap.css | 4 ---- 1 file changed, 4 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 7fd15498e..c1d682426 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -1135,10 +1135,6 @@ input[type="file"] { line-height: 34px; } -select { - border: 1px solid #cccccc; -} - select[multiple], select[size] { height: auto; -- cgit v1.2.3 From f6ec2c5dac371b0b1d56abd65be548ee5ed075c8 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 17 Feb 2013 21:06:20 -0800 Subject: Drop the recently added .counter class for .badge --- docs/assets/css/bootstrap.css | 18 +++++++++--------- 1 file changed, 9 insertions(+), 9 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index c1d682426..db65570fc 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -4263,7 +4263,7 @@ a.thumbnail:focus { list-style: none; } -.counter { +.badge { display: inline-block; min-width: 10px; padding: 3px 7px; @@ -4278,33 +4278,33 @@ a.thumbnail:focus { border-radius: 10px; } -.counter:empty { +.badge:empty { display: none; } -a.counter:hover, -a.counter:focus { +a.badge:hover, +a.badge:focus { color: #fff; text-decoration: none; cursor: pointer; } -.btn .counter { +.btn .badge { position: relative; top: -1px; } -.btn-mini .counter { +.btn-mini .badge { top: 0; } -.nav-list > .active > a > .counter, -.nav-pills > .active > a > .counter { +.nav-list > .active > a > .badge, +.nav-pills > .active > a > .badge { color: #428bca; background-color: #fff; } -.nav-pills > li > a > .counter { +.nav-pills > li > a > .badge { margin-left: 3px; } -- cgit v1.2.3 From acdffe696cf29f51c659a18eeca304512ff47048 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 17 Feb 2013 22:20:49 -0800 Subject: Bring back the label, make it scale somewhat with the font-size of the parent using percentages and ems --- docs/assets/css/bootstrap.css | 52 +++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 52 insertions(+) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index db65570fc..cb8482a9f 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -4263,6 +4263,58 @@ a.thumbnail:focus { list-style: none; } +.label { + padding: .25em .6em; + font-size: 75%; + font-weight: 500; + line-height: 1; + color: #fff; + text-align: center; + white-space: nowrap; + vertical-align: middle; + background-color: #999999; + border-radius: .25em; +} + +a.label:hover, +a.label:focus { + color: #fff; + text-decoration: none; + cursor: pointer; +} + +.label-danger { + background-color: #d9534f; +} + +.label-danger[href] { + background-color: #c9302c; +} + +.label-warning { + background-color: #f0ad4e; +} + +.label-warning[href] { + background-color: #ec971f; +} + +.label-success { + background-color: #5cb85c; +} + +.label-success[href] { + background-color: #449d44; +} + +.label-info { + background-color: #5bc0de; +} + +.label-info[href] { + background-color: #31b0d5; +} + .badge { display: inline-block; min-width: 10px; -- cgit v1.2.3 From 023568fe3dba59b7f5c12ac610e02fd8bd6c772f Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 18 Feb 2013 01:28:35 -0800 Subject: Navbar realignment: * Change .brand to .navbar-brand * Change .btn-navbar to .navbar-toggle * Redesign navbar toggle to be a bit lighter and wider * Center align the navbar brand with a max-width of 200px (to minimize hit area) while still centering --- docs/assets/css/bootstrap.css | 61 ++++++++++++++++++++++++++++--------------- 1 file changed, 40 insertions(+), 21 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index cb8482a9f..cdcd0f936 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3120,6 +3120,7 @@ button.close { */ .navbar { + position: relative; padding: 10px 15px; background-color: #eeeeee; border-radius: 4px; @@ -3160,7 +3161,6 @@ button.close { } .navbar-static-top { - position: static; border-radius: 0; } @@ -3181,40 +3181,51 @@ button.close { bottom: 0; } -.navbar .brand { - display: inline-block; +.navbar-brand { + display: block; + max-width: 200px; padding: 7px 15px; + margin-right: auto; + margin-left: auto; font-size: 18px; font-weight: 500; line-height: 20px; color: #777777; + text-align: center; } -.navbar .brand:hover, -.navbar .brand:focus { +.navbar-brand:hover, +.navbar-brand:focus { color: #5e5e5e; text-decoration: none; background-color: transparent; } -.btn-navbar { - float: right; - padding: 10px 12px; - background-color: #ddd; - border: 0; +.navbar-toggle { + position: absolute; + top: 10px; + right: 10px; + padding: 8px 12px; + background-color: transparent; + border: 1px solid #ddd; border-radius: 4px; } -.btn-navbar .icon-bar { +.navbar-toggle:hover, +.navbar-toggle:focus { + background-color: #ddd; +} + +.navbar-toggle .icon-bar { display: block; - width: 20px; + width: 22px; height: 2px; background-color: #fff; border-radius: 1px; } -.btn-navbar .icon-bar + .icon-bar { - margin-top: 3px; +.navbar-toggle .icon-bar + .icon-bar { + margin-top: 4px; } .navbar .nav > .divider { @@ -3276,12 +3287,12 @@ button.close { background-color: #222222; } -.navbar-inverse .brand { +.navbar-inverse .navbar-brand { color: #999999; } -.navbar-inverse .brand:hover, -.navbar-inverse .brand:focus { +.navbar-inverse .navbar-brand:hover, +.navbar-inverse .navbar-brand:focus { color: #ffffff; background-color: transparent; } @@ -3307,8 +3318,13 @@ button.close { background-color: #080808; } -.navbar-inverse .btn-navbar { - background-color: #444; +.navbar-inverse .navbar-toggle { + border-color: #333; +} + +.navbar-inverse .navbar-toggle:hover, +.navbar-inverse .navbar-toggle:focus { + background-color: #333; } .navbar-inverse .nav > .divider { @@ -3345,7 +3361,7 @@ button.close { padding-top: 0; padding-bottom: 0; } - .navbar .brand { + .navbar-brand { float: left; padding-top: 15px; padding-bottom: 15px; @@ -3379,7 +3395,10 @@ button.close { .navbar-inverse .nav > .divider { border-right-color: #2f2f2f; } - .navbar .btn-navbar { + .navbar-toggle { + position: relative; + top: auto; + left: auto; display: none; } .nav-collapse.collapse { -- cgit v1.2.3 From e2e5580c0ebbc333590a685693dcaa6d97ef18e7 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 26 Feb 2013 00:44:15 -0800 Subject: nuke glyphicons changes in buttons for now because it's whack --- docs/assets/css/bootstrap.css | 14 -------------- 1 file changed, 14 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index cdcd0f936..19be8cfaa 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -1690,26 +1690,12 @@ fieldset[disabled] .btn { border-radius: 3px; } -.btn-mini [class^="icon-"], -.btn-mini [class*=" icon-"] { - margin-top: -1px; -} - .btn-mini { padding: 0 6px; font-size: 10.5px; border-radius: 3px; } -.btn [class^="glyphicon-"]::before { - vertical-align: -2px; -} - -.btn-small [class^="glyphicon-"]::before, -.btn-mini [class^="glyphicon-"]::before { - vertical-align: -1px; -} - .btn-block { display: block; width: 100%; -- cgit v1.2.3 From 9d763e805b3c6a042b8da04cb7a49d2d0748bdd9 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 28 Feb 2013 19:34:02 -0800 Subject: Remove margin between buttons in button groups; use border-radius mixins to avoid reseting border-radii that don't need resetting --- docs/assets/css/bootstrap.css | 21 ++++++++------------- 1 file changed, 8 insertions(+), 13 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 19be8cfaa..e20f1a664 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3494,10 +3494,6 @@ button.close { border-radius: 0; } -.btn-group > .btn + .btn { - margin-left: 1px; -} - .btn-group > .btn:first-child { margin-left: 0; border-bottom-left-radius: 4px; @@ -3567,25 +3563,24 @@ button.close { border-radius: 0; } -.btn-group-vertical > .btn + .btn { - margin-top: 1px; - margin-left: 0; -} - .btn-group-vertical .btn:first-child { - border-radius: 4px 4px 0 0; + border-top-right-radius: 4px; + border-top-left-radius: 4px; } .btn-group-vertical .btn:last-child { - border-radius: 0 0 4px 4px; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; } .btn-group-vertical .btn-large:first-child { - border-radius: 6px 6px 0 0; + border-top-right-radius: 6px; + border-top-left-radius: 6px; } .btn-group-vertical .btn-large:last-child { - border-radius: 0 0 6px 6px; + border-bottom-right-radius: 6px; + border-bottom-left-radius: 6px; } .btn-group-justified { -- cgit v1.2.3 From 0dea8b0c7473c1db4aea7accfd0a68cbf09b9576 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 28 Feb 2013 19:42:51 -0800 Subject: Fixes #6897: Print styles get own .less file --- docs/assets/css/bootstrap.css | 106 +++++++++++++++++++++--------------------- 1 file changed, 53 insertions(+), 53 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index e20f1a664..159cc5327 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -1,7 +1,7 @@ /*! * Bootstrap v3.0.0 * - * Copyright 2012 Twitter, Inc + * Copyright 2013 Twitter, Inc * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * @@ -218,6 +218,58 @@ table { border-spacing: 0; } +@media print { + * { + color: #000 !important; + text-shadow: none !important; + background: transparent !important; + box-shadow: none !important; + } + a, + a:visited { + text-decoration: underline; + } + a[href]:after { + content: " (" attr(href) ")"; + } + abbr[title]:after { + content: " (" attr(title) ")"; + } + .ir a:after, + a[href^="javascript:"]:after, + a[href^="#"]:after { + content: ""; + } + pre, + blockquote { + border: 1px solid #999; + page-break-inside: avoid; + } + thead { + display: table-header-group; + } + tr, + img { + page-break-inside: avoid; + } + img { + max-width: 100% !important; + } + @page { + margin: 0.5cm; + } + p, + h2, + h3 { + orphans: 3; + widows: 3; + } + h2, + h3 { + page-break-after: avoid; + } +} + html { font-size: 62.5%; -webkit-overflow-scrolling: touch; @@ -283,58 +335,6 @@ img { border-radius: 500px; } -@media print { - * { - color: #000 !important; - text-shadow: none !important; - background: transparent !important; - box-shadow: none !important; - } - a, - a:visited { - text-decoration: underline; - } - a[href]:after { - content: " (" attr(href) ")"; - } - abbr[title]:after { - content: " (" attr(title) ")"; - } - .ir a:after, - a[href^="javascript:"]:after, - a[href^="#"]:after { - content: ""; - } - pre, - blockquote { - border: 1px solid #999; - page-break-inside: avoid; - } - thead { - display: table-header-group; - } - tr, - img { - page-break-inside: avoid; - } - img { - max-width: 100% !important; - } - @page { - margin: 0.5cm; - } - p, - h2, - h3 { - orphans: 3; - widows: 3; - } - h2, - h3 { - page-break-after: avoid; - } -} - p { margin: 0 0 10px; } -- cgit v1.2.3 From b19eb88b5abb7fd9dfc3aacc7ac3d296e1e98861 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 28 Feb 2013 19:46:49 -0800 Subject: Fixes #6935: Use standard decimal points for .opacity() mixin --- docs/assets/css/bootstrap.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 159cc5327..b0304d693 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3095,7 +3095,7 @@ button.close { .nav li.dropdown.open a:hover .caret { border-top-color: #fff; border-bottom-color: #fff; - .opacity(100); + .opacity(1); } // Dropdowns in stacked tabs @@ -3839,6 +3839,7 @@ button.close { .modal-backdrop.fade { opacity: 0; + filter: alpha(opacity=0); } .modal-backdrop.fade.in { -- cgit v1.2.3 From 3469339068a5676b225af7a39dffcad41e391934 Mon Sep 17 00:00:00 2001 From: fat Date: Thu, 28 Feb 2013 20:55:14 -0800 Subject: 2.3.1 --- docs/assets/css/bootstrap.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index b25505692..2f56af33f 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -1,5 +1,5 @@ /*! - * Bootstrap v2.3.0 + * Bootstrap v2.3.1 * * Copyright 2012 Twitter, Inc * Licensed under the Apache License v2.0 -- cgit v1.2.3 From bfc4aaf6e84f20728258672276ccc9db84638082 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 28 Feb 2013 21:19:02 -0800 Subject: Holy fucking shit fix that input group with buttons rounded corner noise --- docs/assets/css/bootstrap.css | 78 ++++++++++++++++++++++++------------------- 1 file changed, 44 insertions(+), 34 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index b0304d693..299933d4b 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -1546,62 +1546,60 @@ select:focus:invalid:focus { border-left: 0; } -.input-group-btn, -.input-group-btn .btn { +.input-group-btn { + position: relative; white-space: nowrap; } .input-group-btn > .btn { + position: relative; float: left; border-radius: 0; } .input-group-btn > .btn + .btn { - border-left: 0; -} - -.input-group-btn.btn-group { - display: table-cell; -} - -.input-group-btn:first-child > .btn, -.input-group-btn.btn-group:first-child > .btn { - border-right: 0; + margin-left: -1px; } -.input-group-btn:first-child > .btn, -.input-group-btn.btn-group:first-child > .btn { - border-radius: 4px 0 0 4px; +.input-group-btn > .btn:hover, +.input-group-btn > .btn:active { + z-index: 2; } -.input-group-btn:first-child > .btn.btn-large, -.input-group-btn.btn-group:first-child > .btn.btn-large { - border-radius: 6px 0 0 6px; +.input-group-btn:first-child > .btn:first-child, +.input-group-btn:first-child > .dropdown-toggle:first-child { + border-bottom-left-radius: 4px; + border-top-left-radius: 4px; } -.input-group-btn:first-child > .btn.btn-small, -.input-group-btn.btn-group:first-child > .btn.btn-small { - border-radius: 3px 0 0 3px; +.input-group-btn:first-child > .btn:first-child.btn-large, +.input-group-btn:first-child > .dropdown-toggle:first-child.btn-large { + border-bottom-left-radius: 6px; + border-top-left-radius: 6px; } -.input-group-btn:last-child > .btn, -.input-group-btn.btn-group:last-child > .btn:first-child { - border-left: 0; +.input-group-btn:first-child > .btn:first-child.btn-small, +.input-group-btn:first-child > .dropdown-toggle:first-child.btn-small { + border-bottom-left-radius: 3px; + border-top-left-radius: 3px; } -.input-group-btn:last-child > .btn, -.input-group-btn.btn-group:last-child > .btn { - border-radius: 0 4px 4px 0; +.input-group-btn:last-child > .btn:last-child, +.input-group-btn:last-child > .dropdown-toggle { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; } -.input-group-btn:last-child > .btn.btn-large, -.input-group-btn.btn-group:last-child > .btn.btn-large { - border-radius: 0 6px 6px 0; +.input-group-btn:last-child > .btn:last-child.btn-large, +.input-group-btn:last-child > .dropdown-toggle.btn-large { + border-top-right-radius: 6px; + border-bottom-right-radius: 6px; } -.input-group-btn:last-child > .btn.btn-small, -.input-group-btn.btn-group:last-child > .btn.btn-small { - border-radius: 0 3px 3px 0; +.input-group-btn:last-child > .btn:last-child.btn-small, +.input-group-btn:last-child > .dropdown-toggle.btn-small { + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; } @media screen and (min-width: 768px) { @@ -1642,6 +1640,7 @@ select:focus:invalid:focus { font-weight: 500; line-height: 20px; text-align: center; + white-space: nowrap; vertical-align: middle; cursor: pointer; border: 1px solid #a7a9aa; @@ -3465,9 +3464,19 @@ button.close { } .btn-group > .btn { + position: relative; float: left; } +.btn-group > .btn + btn { + margin-left: -1px; +} + +.btn-group > .btn:hover, +.btn-group > .btn:active { + z-index: 2; +} + .btn-toolbar:before, .btn-toolbar:after { display: table; @@ -3560,15 +3569,16 @@ button.close { display: block; float: none; max-width: 100%; - border-radius: 0; } .btn-group-vertical .btn:first-child { + border-radius: 0; border-top-right-radius: 4px; border-top-left-radius: 4px; } .btn-group-vertical .btn:last-child { + border-radius: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } -- cgit v1.2.3 From 4418c82888745139d4adf0b5ecf8c5b1b3d3c39c Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 28 Feb 2013 22:47:32 -0800 Subject: Fixes #6954: properly reset grid classes within tables --- docs/assets/css/bootstrap.css | 10 +++++++--- 1 file changed, 7 insertions(+), 3 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 299933d4b..c078ea4af 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -975,11 +975,15 @@ th { background-color: #f5f5f5; } -table td[class*="span"], -table th[class*="span"] { +table col[class^="span"] { + display: table-column; + float: none; +} + +table td[class^="span"], +table th[class^="span"] { display: table-cell; float: none; - margin-left: 0; } .table tbody tr.success > td { -- cgit v1.2.3 From 5a30e52aac451369bf9a6abfc34c3c5d10b304d3 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 28 Feb 2013 23:20:25 -0800 Subject: Fixes #6995: Add disabled navbar nav link support --- docs/assets/css/bootstrap.css | 15 +++++++++++++++ 1 file changed, 15 insertions(+) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index c078ea4af..ba2b7d01b 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -2991,6 +2991,7 @@ button.close { .nav > .disabled > a:hover, .nav > .disabled > a:focus { + color: #999999; text-decoration: none; cursor: default; background-color: transparent; @@ -3149,6 +3150,13 @@ button.close { background-color: #d5d5d5; } +.navbar .nav > .disabled > a, +.navbar .nav > .disabled > a:hover, +.navbar .nav > .disabled > a:focus { + color: #cccccc; + background-color: transparent; +} + .navbar-static-top { border-radius: 0; } @@ -3307,6 +3315,13 @@ button.close { background-color: #080808; } +.navbar-inverse .nav > .disabled > a, +.navbar-inverse .nav > .disabled > a:hover, +.navbar-inverse .nav > .disabled > a:focus { + color: #444444; + background-color: transparent; +} + .navbar-inverse .navbar-toggle { border-color: #333; } -- cgit v1.2.3 From 38ba057dee025052c4a602b1295571e94b524a27 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 28 Feb 2013 23:23:05 -0800 Subject: Fixes #6998: disabled background color properly on pagination --- docs/assets/css/bootstrap.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index ba2b7d01b..25878bcbb 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3687,7 +3687,7 @@ button.close { .pagination > .disabled > a:focus { color: #999999; cursor: default; - background-color: transparent; + background-color: #ffffff; } .pagination > li:first-child > a, -- cgit v1.2.3 From 492c249537d7cdce6148ac8a1c056c4d89451fb2 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 1 Mar 2013 00:18:10 -0800 Subject: improve navbar toggle and hide code snippets on mobile devices for now --- docs/assets/css/bootstrap.css | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 25878bcbb..3d6d8bf38 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3217,7 +3217,7 @@ button.close { display: block; width: 22px; height: 2px; - background-color: #fff; + background-color: #ccc; border-radius: 1px; } @@ -3331,6 +3331,10 @@ button.close { background-color: #333; } +.navbar-inverse .navbar-toggle .icon-bar { + background-color: #fff; +} + .navbar-inverse .nav > .divider { background-color: #151515; border-bottom-color: #2f2f2f; -- cgit v1.2.3 From 77e8e2aee9d560b9152ddb8f214da2aa6e03d516 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 1 Mar 2013 00:50:08 -0800 Subject: Fix alignment of .navbar-brand --- docs/assets/css/bootstrap.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 3d6d8bf38..a76be141e 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3373,7 +3373,7 @@ button.close { float: left; padding-top: 15px; padding-bottom: 15px; - margin-left: -15px; + margin-left: -10px; } .navbar .nav { float: left; -- cgit v1.2.3 From e0647e8273aee5bd09d5461f6f974e36b3d0c3c9 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 1 Mar 2013 12:37:36 -0800 Subject: nuke commented out unused var --- docs/assets/css/bootstrap.css | 5 ----- 1 file changed, 5 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index a76be141e..501bb7df2 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -8,11 +8,6 @@ * Designed and built with all the love in the world by @mdo and @fat. */ -/*@padding-large-input: 10px 14px; // 44px -// firefox hack since it doesn't accept custom line-height for inputs and automatically sets line-height as font-size + 4 px. -// input-large at 18 + 4 = 22, so I tried to compensate on padding. -*/ - /*! normalize.css v2.1.0 | MIT License | git.io/normalize */ article, -- cgit v1.2.3 From b83fc82aed64f961ba1397865ce29fe810d781ab Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 3 Mar 2013 18:19:31 -0800 Subject: fix row change at breakpoint --- docs/assets/css/bootstrap.css | 4 ++++ 1 file changed, 4 insertions(+) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 501bb7df2..8b0004120 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -826,6 +826,10 @@ pre code { .container { max-width: 1170px; } + .row { + margin-right: -15px; + margin-left: -15px; + } [class^="span"] { padding-right: 15px; padding-left: 15px; -- cgit v1.2.3 From bfdc6f860710d434775982e1e47704c174314970 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 3 Mar 2013 23:31:09 -0800 Subject: Remove support for .uneditable-input --- docs/assets/css/bootstrap.css | 66 +++++++++---------------------------------- 1 file changed, 13 insertions(+), 53 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 8b0004120..c93cebabe 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -1052,8 +1052,7 @@ input[type="email"], input[type="url"], input[type="search"], input[type="tel"], -input[type="color"], -.uneditable-input { +input[type="color"] { display: inline-block; min-height: 34px; padding: 6px 9px; @@ -1077,8 +1076,7 @@ input[type="color"], input, select, -textarea, -.uneditable-input { +textarea { width: 100%; } @@ -1110,8 +1108,7 @@ input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, -input[type="color"]:focus, -.uneditable-input:focus { +input[type="color"]:focus { border-color: rgba(82, 168, 236, 0.8); outline: 0; outline: thin dotted \9; @@ -1152,26 +1149,6 @@ input[type="checkbox"]:focus { outline-offset: -2px; } -.uneditable-input, -.uneditable-textarea { - color: #999999; - cursor: not-allowed; - background-color: #fcfcfc; - border-color: #cccccc; - -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); -} - -.uneditable-input { - overflow: hidden; - white-space: nowrap; -} - -.uneditable-textarea { - width: auto; - height: auto; -} - input:-moz-placeholder, textarea:-moz-placeholder { color: #999999; @@ -1256,8 +1233,7 @@ input[type="email"].input-large, input[type="url"].input-large, input[type="search"].input-large, input[type="tel"].input-large, -input[type="color"].input-large, -.uneditable-input.input-large { +input[type="color"].input-large { padding: 11px 14px; font-size: 17.5px; border-radius: 6px; @@ -1278,8 +1254,7 @@ input[type="email"].input-small, input[type="url"].input-small, input[type="search"].input-small, input[type="tel"].input-small, -input[type="color"].input-small, -.uneditable-input.input-small { +input[type="color"].input-small { min-height: 26px; padding: 2px 10px; font-size: 11.9px; @@ -1288,24 +1263,20 @@ input[type="color"].input-small, input[class*="span"], select[class*="span"], -textarea[class*="span"], -.uneditable-input[class*="span"] { +textarea[class*="span"] { float: none; margin-right: 0; margin-left: 0; } .input-append input[class*="span"], -.input-append .uneditable-input[class*="span"], -.input-prepend input[class*="span"], -.input-prepend .uneditable-input[class*="span"] { +.input-prepend input[class*="span"] { display: inline-block; } input[class*="span"], select[class*="span"], -textarea[class*="span"], -.uneditable-input[class*="span"] { +textarea[class*="span"] { height: 34px; } @@ -1441,15 +1412,13 @@ select:focus:invalid:focus { } .input-group input, -.input-group select, -.input-group .uneditable-input { +.input-group select { width: 100%; } .input-group-addon, .input-group-btn, -.input-group input, -.input-group .uneditable-input { +.input-group input { display: table-cell; margin: 0; border-radius: 0; @@ -1457,15 +1426,13 @@ select:focus:invalid:focus { .input-group-addon.input-small, .input-group-btn.input-small, -.input-group input.input-small, -.input-group .uneditable-input.input-small { +.input-group input.input-small { border-radius: 0; } .input-group-addon.input-large, .input-group-btn.input-large, -.input-group input.input-large, -.input-group .uneditable-input.input-large { +.input-group input.input-large { border-radius: 0; } @@ -1500,21 +1467,18 @@ select:focus:invalid:focus { } .input-group input:first-child, -.input-group .uneditable-input:first-child, .input-group-addon:first-child { border-bottom-left-radius: 4px; border-top-left-radius: 4px; } .input-group input:first-child.input-small, -.input-group .uneditable-input:first-child.input-small, .input-group-addon:first-child.input-small { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .input-group input:first-child.input-large, -.input-group .uneditable-input:first-child.input-large, .input-group-addon:first-child.input-large { border-bottom-left-radius: 6px; border-top-left-radius: 6px; @@ -1525,21 +1489,18 @@ select:focus:invalid:focus { } .input-group input:last-child, -.input-group .uneditable-input:last-child, .input-group-addon:last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .input-group input:last-child.input-small, -.input-group .uneditable-input:last-child.input-small, .input-group-addon:last-child.input-small { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .input-group input:last-child.input-large, -.input-group .uneditable-input:last-child.input-large, .input-group-addon:last-child.input-large { border-top-right-radius: 6px; border-bottom-right-radius: 6px; @@ -1620,8 +1581,7 @@ select:focus:invalid:focus { } .form-horizontal .control-group input, .form-horizontal .control-group select, - .form-horizontal .control-group textarea, - .form-horizontal .control-group .uneditable-input { + .form-horizontal .control-group textarea { margin-bottom: 0; } .form-horizontal .control-group > .control-label { -- cgit v1.2.3 From d219b8b96479f3390f37a6d14f1ee3fc12192221 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 10 Mar 2013 13:24:07 -0500 Subject: Set border-box globally instead --- docs/assets/css/bootstrap.css | 18 ++++++------------ 1 file changed, 6 insertions(+), 12 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index c93cebabe..d8a451773 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -265,6 +265,12 @@ table { } } +* { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + html { font-size: 62.5%; -webkit-overflow-scrolling: touch; @@ -730,9 +736,6 @@ pre code { min-height: 1px; padding-right: 10px; padding-left: 10px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; } @media screen and (min-width: 768px) { @@ -1065,9 +1068,6 @@ input[type="color"] { border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; -moz-transition: border linear 0.2s, box-shadow linear 0.2s; -o-transition: border linear 0.2s, box-shadow linear 0.2s; @@ -1663,9 +1663,6 @@ fieldset[disabled] .btn { width: 100%; padding-right: 0; padding-left: 0; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; } .btn-block + .btn-block { @@ -4419,9 +4416,6 @@ a.badge:focus { background-color: #428bca; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -webkit-transition: width 0.6s ease; -moz-transition: width 0.6s ease; -o-transition: width 0.6s ease; -- cgit v1.2.3 From 224296f6950ce0e5b00ba88aacf54fe4c638f14a Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 14 Mar 2013 13:29:43 -0700 Subject: Fixes #7281: make tables super specific for hovers and striping to avoid nesting issues --- docs/assets/css/bootstrap.css | 20 ++++++++++---------- 1 file changed, 10 insertions(+), 10 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index d8a451773..c5121d7cb 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -967,13 +967,13 @@ th { border-top-right-radius: 4px; } -.table-striped tbody > tr:nth-child(odd) > td, -.table-striped tbody > tr:nth-child(odd) > th { +.table-striped > tbody > tr:nth-child(odd) > td, +.table-striped > tbody > tr:nth-child(odd) > th { background-color: #f9f9f9; } -.table-hover tbody tr:hover > td, -.table-hover tbody tr:hover > th { +.table-hover > tbody > tr:hover > td, +.table-hover > tbody > tr:hover > th { background-color: #f5f5f5; } @@ -988,27 +988,27 @@ table th[class^="span"] { float: none; } -.table tbody tr.success > td { +.table > tbody > tr.success > td { background-color: #dff0d8; } -.table tbody tr.error > td { +.table > tbody > tr.error > td { background-color: #f2dede; } -.table tbody tr.warning > td { +.table > tbody > tr.warning > td { background-color: #fcf8e3; } -.table-hover tbody tr.success:hover > td { +.table-hover > tbody > tr.success:hover > td { background-color: #d0e9c6; } -.table-hover tbody tr.error:hover > td { +.table-hover > tbody > tr.error:hover > td { background-color: #ebcccc; } -.table-hover tbody tr.warning:hover > td { +.table-hover > tbody > tr.warning:hover > td { background-color: #faf2cc; } -- cgit v1.2.3 From ed7fe0e5ba55d71d075a23b205b227665d47fc4f Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 14 Mar 2013 21:45:31 -0700 Subject: unfuck misaligned main container --- docs/assets/css/bootstrap.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index c5121d7cb..bdc1f5661 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -740,7 +740,7 @@ pre code { @media screen and (min-width: 768px) { .container { - max-width: 728px; + max-width: 758px; } [class^="span"] { float: left; @@ -821,13 +821,13 @@ pre code { @media screen and (min-width: 992px) { .container { - max-width: 940px; + max-width: 970px; } } @media screen and (min-width: 1200px) { .container { - max-width: 1170px; + max-width: 1200px; } .row { margin-right: -15px; -- cgit v1.2.3 From ecfdecea00eb5ee398814cdc2d5e8469e90ae1e4 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 14 Mar 2013 23:01:23 -0700 Subject: Use translucent box shadow on hr elements; colorize hr elements within alert components --- docs/assets/css/bootstrap.css | 72 +++++++++++++++++++++++++++++++++---------- 1 file changed, 56 insertions(+), 16 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index bdc1f5661..b7b304014 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -416,7 +416,13 @@ h2, h3, h4, h5, -h6 { +h6, +.h1, +.h2, +.h3, +.h4, +.h5, +.h6 { font-family: inherit; font-weight: 500; line-height: 20px; @@ -428,7 +434,13 @@ h2 small, h3 small, h4 small, h5 small, -h6 small { +h6 small, +.h1 small, +.h2 small, +.h3 small, +.h4 small, +.h5 small, +.h6 small { font-weight: normal; line-height: 1; color: #999999; @@ -453,49 +465,59 @@ h6 { margin-bottom: 10px; } -h1 { +h1, +.h1 { font-size: 38.5px; font-size: 4rem; } -h2 { +h2, +.h2 { font-size: 31.5px; font-size: 3rem; } -h3 { +h3, +.h3 { font-size: 24.5px; font-size: 2.5rem; } -h4 { +h4, +.h4 { font-size: 17.5px; font-size: 2rem; } -h5 { +h5, +.h5 { font-size: 14px; font-size: 1.6rem; } -h6 { +h6, +.h6 { font-size: 11.9px; font-size: 1.2rem; } -h1 small { +h1 small, +.h1 small { font-size: 24.5px; } -h2 small { +h2 small, +.h2 small { font-size: 17.5px; } -h3 small { +h3 small, +.h3 small { font-size: 14px; } -h4 small { +h4 small, +.h4 small { font-size: 14px; } @@ -580,6 +602,7 @@ hr { border: 0; border-top: 1px solid #eeeeee; border-bottom: 1px solid #fff; + border-bottom: 1px solid rgba(255, 255, 255, 0.5); } abbr[title], @@ -740,7 +763,7 @@ pre code { @media screen and (min-width: 768px) { .container { - max-width: 758px; + max-width: 728px; } [class^="span"] { float: left; @@ -821,13 +844,13 @@ pre code { @media screen and (min-width: 992px) { .container { - max-width: 970px; + max-width: 940px; } } @media screen and (min-width: 1200px) { .container { - max-width: 1200px; + max-width: 1170px; } .row { margin-right: -15px; @@ -4139,7 +4162,11 @@ button.close { color: inherit; } -.alert .close { +.alert hr { + border-top-color: #f8e5be; +} + +.close { position: relative; top: -2px; right: -21px; @@ -4153,6 +4180,10 @@ button.close { border-color: #d6e9c6; } +.alert-success hr { + border-top-color: #c9e2b3; +} + .alert-danger, .alert-error { color: #b94a48; @@ -4160,12 +4191,21 @@ button.close { border-color: #eed3d7; } +.alert-danger hr, +.alert-error hr { + border-top-color: #e6c1c7; +} + .alert-info { color: #3a87ad; background-color: #d9edf7; border-color: #bce8f1; } +.alert-info hr { + border-top-color: #a6e1ec; +} + .alert-block { padding-top: 14px; padding-bottom: 14px; -- cgit v1.2.3 From bb38fa52865397e933db95885eb6347ea6d54109 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 15 Mar 2013 23:21:10 -0700 Subject: Overhaul the grid system and its docs * Add new grid mixins adapted from Preboot (http://github.com/mdo/preboot) * Drop the @grid-row-width and @grid-column-width variables * Add the @grid-float-breakpoint variable, as used in Preboot * Add support for .push* and .pull* classes for column ordering manipulation * Document all the things --- docs/assets/css/bootstrap.css | 89 +++++++++++++++++++++++++++++++++++++------ 1 file changed, 77 insertions(+), 12 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index b7b304014..26dddb1b8 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -741,8 +741,8 @@ pre code { } .row { - margin-right: -10px; - margin-left: -10px; + margin-right: -15px; + margin-left: -15px; } .row:before, @@ -756,9 +756,10 @@ pre code { } [class^="span"] { + position: relative; min-height: 1px; - padding-right: 10px; - padding-left: 10px; + padding-right: 15px; + padding-left: 15px; } @media screen and (min-width: 768px) { @@ -840,6 +841,78 @@ pre code { .offset1 { margin-left: 8.333333333333332%; } + .push12 { + left: 100%; + } + .push11 { + left: 91.66666666666666%; + } + .push10 { + left: 83.33333333333334%; + } + .push9 { + left: 75%; + } + .push8 { + left: 66.66666666666666%; + } + .push7 { + left: 58.333333333333336%; + } + .push6 { + left: 50%; + } + .push5 { + left: 41.66666666666667%; + } + .push4 { + left: 33.33333333333333%; + } + .push3 { + left: 25%; + } + .push2 { + left: 16.666666666666664%; + } + .push1 { + left: 8.333333333333332%; + } + .pull12 { + right: 100%; + } + .pull11 { + right: 91.66666666666666%; + } + .pull10 { + right: 83.33333333333334%; + } + .pull9 { + right: 75%; + } + .pull8 { + right: 66.66666666666666%; + } + .pull7 { + right: 58.333333333333336%; + } + .pull6 { + right: 50%; + } + .pull5 { + right: 41.66666666666667%; + } + .pull4 { + right: 33.33333333333333%; + } + .pull3 { + right: 25%; + } + .pull2 { + right: 16.666666666666664%; + } + .pull1 { + right: 8.333333333333332%; + } } @media screen and (min-width: 992px) { @@ -852,14 +925,6 @@ pre code { .container { max-width: 1170px; } - .row { - margin-right: -15px; - margin-left: -15px; - } - [class^="span"] { - padding-right: 15px; - padding-left: 15px; - } } [class*="span"].pull-right { -- cgit v1.2.3 From efbf8373a5060b2c9b4d97cdfd2c288124d339c6 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 16 Mar 2013 12:34:07 -0700 Subject: Use form elements in checkbox and radio button groups * Uses .btn on label elements with nested checkbox and radio controls within * Updated examples to reflect change in HTML and CSS * Had to add .active all buttons for proper state highlighting (mimicing the :active pseudo state) * Still needs JavaScript plugin updated by @fat --- docs/assets/css/bootstrap.css | 53 +++++++++++++++++++++++++++++++++---------- 1 file changed, 41 insertions(+), 12 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 26dddb1b8..f1e5dfa03 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -1771,7 +1771,8 @@ input[type="button"].btn-block { .btn:hover, .btn:focus, -.btn:active { +.btn:active, +.btn.active { background-color: #9a9c9d; border-color: #8d9091; } @@ -1784,7 +1785,10 @@ fieldset[disabled] .btn:hover, fieldset[disabled] .btn:focus, .btn.disabled:active, .btn[disabled]:active, -fieldset[disabled] .btn:active { +fieldset[disabled] .btn:active, +.btn.disabled.active, +.btn[disabled].active, +fieldset[disabled] .btn.active { background-color: #a7a9aa; border-color: #a7a9aa; } @@ -1796,7 +1800,8 @@ fieldset[disabled] .btn:active { .btn-primary:hover, .btn-primary:focus, -.btn-primary:active { +.btn-primary:active, +.btn-primary.active { background-color: #357ebd; border-color: #3071a9; } @@ -1809,7 +1814,10 @@ fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, -fieldset[disabled] .btn-primary:active { +fieldset[disabled] .btn-primary:active, +.btn-primary.disabled.active, +.btn-primary[disabled].active, +fieldset[disabled] .btn-primary.active { background-color: #428bca; border-color: #428bca; } @@ -1821,7 +1829,8 @@ fieldset[disabled] .btn-primary:active { .btn-warning:hover, .btn-warning:focus, -.btn-warning:active { +.btn-warning:active, +.btn-warning.active { background-color: #eea236; border-color: #ec971f; } @@ -1834,7 +1843,10 @@ fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, -fieldset[disabled] .btn-warning:active { +fieldset[disabled] .btn-warning:active, +.btn-warning.disabled.active, +.btn-warning[disabled].active, +fieldset[disabled] .btn-warning.active { background-color: #f0ad4e; border-color: #f0ad4e; } @@ -1846,7 +1858,8 @@ fieldset[disabled] .btn-warning:active { .btn-danger:hover, .btn-danger:focus, -.btn-danger:active { +.btn-danger:active, +.btn-danger.active { background-color: #d43f3a; border-color: #c9302c; } @@ -1859,7 +1872,10 @@ fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, -fieldset[disabled] .btn-danger:active { +fieldset[disabled] .btn-danger:active, +.btn-danger.disabled.active, +.btn-danger[disabled].active, +fieldset[disabled] .btn-danger.active { background-color: #d9534f; border-color: #d9534f; } @@ -1871,7 +1887,8 @@ fieldset[disabled] .btn-danger:active { .btn-success:hover, .btn-success:focus, -.btn-success:active { +.btn-success:active, +.btn-success.active { background-color: #4cae4c; border-color: #449d44; } @@ -1884,7 +1901,10 @@ fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, .btn-success.disabled:active, .btn-success[disabled]:active, -fieldset[disabled] .btn-success:active { +fieldset[disabled] .btn-success:active, +.btn-success.disabled.active, +.btn-success[disabled].active, +fieldset[disabled] .btn-success.active { background-color: #5cb85c; border-color: #5cb85c; } @@ -1896,7 +1916,8 @@ fieldset[disabled] .btn-success:active { .btn-info:hover, .btn-info:focus, -.btn-info:active { +.btn-info:active, +.btn-info.active { background-color: #46b8da; border-color: #31b0d5; } @@ -1909,7 +1930,10 @@ fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, .btn-info.disabled:active, .btn-info[disabled]:active, -fieldset[disabled] .btn-info:active { +fieldset[disabled] .btn-info:active, +.btn-info.disabled.active, +.btn-info[disabled].active, +fieldset[disabled] .btn-info.active { background-color: #5bc0de; border-color: #5bc0de; } @@ -3671,6 +3695,11 @@ button.close { width: 1%; } +.btn-group[data-toggle="buttons-radio"] > .btn > input[type="radio"], +.btn-group[data-toggle="buttons-checkbox"] > .btn > input[type="checkbox"] { + display: none; +} + .breadcrumb { padding: 8px 15px; margin: 0 0 20px; -- cgit v1.2.3 From 8c9e9e28cf63d9dc6a9424b00c9a2a82331c7bcc Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 16 Mar 2013 13:03:31 -0700 Subject: Fix vertical button groups --- docs/assets/css/bootstrap.css | 1 + 1 file changed, 1 insertion(+) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index f1e5dfa03..118aa4923 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3659,6 +3659,7 @@ button.close { .btn-group-vertical > .btn { display: block; float: none; + width: 100%; max-width: 100%; } -- cgit v1.2.3 From fe2658ed6154b7b2be71f6582671ee13ebb59dc5 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 16 Mar 2013 15:31:03 -0700 Subject: Fixes #7150: colorize links in alerts --- docs/assets/css/bootstrap.css | 24 ++++++++++++++++++++++++ 1 file changed, 24 insertions(+) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 118aa4923..469d946b9 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -1721,6 +1721,7 @@ select:focus:invalid:focus { .btn.disabled, .btn[disabled], fieldset[disabled] .btn { + pointer-events: none; cursor: default; opacity: 0.65; filter: alpha(opacity=65); @@ -4261,6 +4262,12 @@ button.close { border-top-color: #f8e5be; } +.alert > a, +.alert > p > a { + font-weight: 500; + color: #a47e3c; +} + .close { position: relative; top: -2px; @@ -4279,6 +4286,11 @@ button.close { border-top-color: #c9e2b3; } +.alert-success > a, +.alert-success > p > a { + color: #356635; +} + .alert-danger, .alert-error { color: #b94a48; @@ -4291,6 +4303,13 @@ button.close { border-top-color: #e6c1c7; } +.alert-danger > a, +.alert-error > a, +.alert-danger > p > a, +.alert-error > p > a { + color: #953b39; +} + .alert-info { color: #3a87ad; background-color: #d9edf7; @@ -4301,6 +4320,11 @@ button.close { border-top-color: #a6e1ec; } +.alert-info > a, +.alert-info > p > a { + color: #2d6987; +} + .alert-block { padding-top: 14px; padding-bottom: 14px; -- cgit v1.2.3 From 68dfd322f42d7891cc6e41bce99bfb6cd89e1834 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 16 Mar 2013 16:17:32 -0700 Subject: fixes #7140: hide navbar toggle in print --- docs/assets/css/bootstrap.css | 3 +++ 1 file changed, 3 insertions(+) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 469d946b9..cffcb1bab 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -263,6 +263,9 @@ table { h3 { page-break-after: avoid; } + .navbar-toggle { + display: none; + } } * { -- cgit v1.2.3 From 6012d8221b8e4f94c0cf842790ce70d868bb341a Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 17 Mar 2013 11:33:07 -0700 Subject: Exploring rems as font-size unit * Added a new mixin to calculate rems and pixels for IE fallback * Updated the body, p, and .lead elements to use the new .font-size() mixin * New mixin has default value of 14px or 1.4rem * Still needs exploration, and change this means lots of work rejiggering margins and line-heights * Related, started to reorganize the mixins a bit to call out mixins that are used by the framework and not utilities or snippets --- docs/assets/css/bootstrap.css | 61 ++++++++++++++++++++----------------------- 1 file changed, 29 insertions(+), 32 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index cffcb1bab..e902cdaf7 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -288,11 +288,6 @@ html { } body { - margin: 0; - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; - font-size: 14px; - font-size: 1.4rem; - line-height: 1.5; color: #333333; background-color: #ffffff; } @@ -304,6 +299,7 @@ select, textarea { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; + font-size: 1.4rem; line-height: 20px; } @@ -346,6 +342,7 @@ p { .lead { margin-bottom: 20px; font-size: 21px; + font-size: 2.1rem; font-weight: 200; line-height: 1.25; } @@ -470,58 +467,58 @@ h6 { h1, .h1 { - font-size: 38.5px; + font-size: 38.5; font-size: 4rem; } h2, .h2 { - font-size: 31.5px; + font-size: 31.5; font-size: 3rem; } h3, .h3 { - font-size: 24.5px; + font-size: 24.5; font-size: 2.5rem; } h4, .h4 { - font-size: 17.5px; + font-size: 17.5; font-size: 2rem; } h5, .h5 { - font-size: 14px; + font-size: 14; font-size: 1.6rem; } h6, .h6 { - font-size: 11.9px; + font-size: 11.9; font-size: 1.2rem; } h1 small, .h1 small { - font-size: 24.5px; + font-size: 24.5; } h2 small, .h2 small { - font-size: 17.5px; + font-size: 17.5; } h3 small, .h3 small { - font-size: 14px; + font-size: 14; } h4 small, .h4 small { - font-size: 14px; + font-size: 14; } .page-header { @@ -627,7 +624,7 @@ blockquote { blockquote p { margin-bottom: 0; - font-size: 17.5px; + font-size: 17.5; font-weight: 300; line-height: 1.25; } @@ -681,7 +678,7 @@ code, pre { padding: 0 3px 2px; font-family: Monaco, Menlo, Consolas, "Courier New", monospace; - font-size: 12px; + font-size: 12; color: #333333; border-radius: 4px; } @@ -698,7 +695,7 @@ pre { display: block; padding: 9.5px; margin: 0 0 10px; - font-size: 13px; + font-size: 13; line-height: 20px; word-break: break-all; word-wrap: break-word; @@ -1118,7 +1115,7 @@ legend { width: 100%; padding: 0; margin-bottom: 20px; - font-size: 21px; + font-size: 21; line-height: 40px; color: #333333; border: 0; @@ -1150,7 +1147,7 @@ input[type="color"] { display: inline-block; min-height: 34px; padding: 6px 9px; - font-size: 14px; + font-size: 14; line-height: 20px; color: #555555; vertical-align: middle; @@ -1326,7 +1323,7 @@ input[type="search"].input-large, input[type="tel"].input-large, input[type="color"].input-large { padding: 11px 14px; - font-size: 17.5px; + font-size: 17.5; border-radius: 6px; } @@ -1348,7 +1345,7 @@ input[type="tel"].input-small, input[type="color"].input-small { min-height: 26px; padding: 2px 10px; - font-size: 11.9px; + font-size: 11.9; border-radius: 3px; } @@ -1535,7 +1532,7 @@ select:focus:invalid:focus { .input-group-addon { padding: 6px 8px; - font-size: 14px; + font-size: 14; font-weight: normal; line-height: 20px; text-align: center; @@ -1549,12 +1546,12 @@ select:focus:invalid:focus { .input-group-addon.input-small { padding: 2px 10px; - font-size: 11.9px; + font-size: 11.9; } .input-group-addon.input-large { padding: 11px 14px; - font-size: 17.5px; + font-size: 17.5; } .input-group input:first-child, @@ -1690,7 +1687,7 @@ select:focus:invalid:focus { display: inline-block; padding: 6px 12px; margin-bottom: 0; - font-size: 14px; + font-size: 14; font-weight: 500; line-height: 20px; text-align: center; @@ -1734,19 +1731,19 @@ fieldset[disabled] .btn { .btn-large { padding: 11px 14px; - font-size: 17.5px; + font-size: 17.5; border-radius: 6px; } .btn-small { padding: 2px 10px; - font-size: 11.9px; + font-size: 11.9; border-radius: 3px; } .btn-mini { padding: 0 6px; - font-size: 10.5px; + font-size: 10.5; border-radius: 3px; } @@ -3788,7 +3785,7 @@ button.close { .pagination-large > li > a, .pagination-large > li > span { padding: 11px 14px; - font-size: 17.5px; + font-size: 17.5; } .pagination-large > li:first-child > a, @@ -3822,13 +3819,13 @@ button.close { .pagination-small > li > a, .pagination-small > li > span { padding: 2px 10px; - font-size: 11.9px; + font-size: 11.9; } .pagination-mini > li > a, .pagination-mini > li > span { padding: 0 6px; - font-size: 10.5px; + font-size: 10.5; } .pager { -- cgit v1.2.3 From 3aee2adb4b4802c2e16dfe5693db9e79de4e851a Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 17 Mar 2013 12:10:58 -0700 Subject: Fixes #7297: add support for .success, .error, and .warning on td and th elements in tables --- docs/assets/css/bootstrap.css | 12 ++++++++++++ 1 file changed, 12 insertions(+) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index e902cdaf7..c92bd7f36 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -1076,26 +1076,38 @@ table th[class^="span"] { float: none; } +.table > tbody > tr > td.success, +.table > tbody > tr > th.success, .table > tbody > tr.success > td { background-color: #dff0d8; } +.table > tbody > tr > td.error, +.table > tbody > tr > th.error, .table > tbody > tr.error > td { background-color: #f2dede; } +.table > tbody > tr > td.warning, +.table > tbody > tr > th.warning, .table > tbody > tr.warning > td { background-color: #fcf8e3; } +.table-hover > tbody > tr > td.success:hover, +.table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td { background-color: #d0e9c6; } +.table-hover > tbody > tr > td.error:hover, +.table-hover > tbody > tr > th.error:hover, .table-hover > tbody > tr.error:hover > td { background-color: #ebcccc; } +.table-hover > tbody > tr > td.warning:hover, +.table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td { background-color: #faf2cc; } -- cgit v1.2.3 From 3c82ccaa2bf7738b41f8805232f3a96aec522655 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 17 Mar 2013 17:26:02 -0700 Subject: color border in table contextual classes --- docs/assets/css/bootstrap.css | 6 ++++++ 1 file changed, 6 insertions(+) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index c92bd7f36..37e89e3d6 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -1080,36 +1080,42 @@ table th[class^="span"] { .table > tbody > tr > th.success, .table > tbody > tr.success > td { background-color: #dff0d8; + border-color: #d6e9c6; } .table > tbody > tr > td.error, .table > tbody > tr > th.error, .table > tbody > tr.error > td { background-color: #f2dede; + border-color: #eed3d7; } .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tbody > tr.warning > td { background-color: #fcf8e3; + border-color: #fbeed5; } .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td { background-color: #d0e9c6; + border-color: #c9e2b3; } .table-hover > tbody > tr > td.error:hover, .table-hover > tbody > tr > th.error:hover, .table-hover > tbody > tr.error:hover > td { background-color: #ebcccc; + border-color: #e6c1c7; } .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td { background-color: #faf2cc; + border-color: #f8e5be; } form { -- cgit v1.2.3 From ca31f060a839b957ce3a85d3eaaaae09a78bbeb0 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 26 Mar 2013 17:12:17 -0700 Subject: New grid classes --- docs/assets/css/bootstrap.css | 122 +++++++++++++++++++++--------------------- 1 file changed, 62 insertions(+), 60 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 37e89e3d6..5632d3aad 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -288,19 +288,21 @@ html { } body { + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-size: 14px; + font-size: 1.4rem; + line-height: 20px; color: #333333; background-color: #ffffff; } -body, input, button, select, textarea { - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; - font-size: 14px; - font-size: 1.4rem; - line-height: 20px; + font-family: inherit; + font-size: inherit; + line-height: inherit; } a { @@ -344,7 +346,7 @@ p { font-size: 21px; font-size: 2.1rem; font-weight: 200; - line-height: 1.25; + line-height: 1.3; } small { @@ -755,7 +757,7 @@ pre code { clear: both; } -[class^="span"] { +[class*="col-span-"] { position: relative; min-height: 1px; padding-right: 15px; @@ -766,151 +768,151 @@ pre code { .container { max-width: 728px; } - [class^="span"] { + [class*="col-span-"] { float: left; } - .span12 { + .col-span-12 { width: 100%; } - .span11 { + .col-span-11 { width: 91.66666666666666%; } - .span10 { + .col-span-10 { width: 83.33333333333334%; } - .span9 { + .col-span-9 { width: 75%; } - .span8 { + .col-span-8 { width: 66.66666666666666%; } - .span7 { + .col-span-7 { width: 58.333333333333336%; } - .span6 { + .col-span-6 { width: 50%; } - .span5 { + .col-span-5 { width: 41.66666666666667%; } - .span4 { + .col-span-4 { width: 33.33333333333333%; } - .span3 { + .col-span-3 { width: 25%; } - .span2 { + .col-span-2 { width: 16.666666666666664%; } - .span1 { + .col-span-1 { width: 8.333333333333332%; } - .offset12 { + .col-offset-12 { margin-left: 100%; } - .offset11 { + .col-offset-11 { margin-left: 91.66666666666666%; } - .offset10 { + .col-offset-10 { margin-left: 83.33333333333334%; } - .offset9 { + .col-offset-9 { margin-left: 75%; } - .offset8 { + .col-offset-8 { margin-left: 66.66666666666666%; } - .offset7 { + .col-offset-7 { margin-left: 58.333333333333336%; } - .offset6 { + .col-offset-6 { margin-left: 50%; } - .offset5 { + .col-offset-5 { margin-left: 41.66666666666667%; } - .offset4 { + .col-offset-4 { margin-left: 33.33333333333333%; } - .offset3 { + .col-offset-3 { margin-left: 25%; } - .offset2 { + .col-offset-2 { margin-left: 16.666666666666664%; } - .offset1 { + .col-offset-1 { margin-left: 8.333333333333332%; } - .push12 { + .col-push-12 { left: 100%; } - .push11 { + .col-push-11 { left: 91.66666666666666%; } - .push10 { + .col-push-10 { left: 83.33333333333334%; } - .push9 { + .col-push-9 { left: 75%; } - .push8 { + .col-push-8 { left: 66.66666666666666%; } - .push7 { + .col-push-7 { left: 58.333333333333336%; } - .push6 { + .col-push-6 { left: 50%; } - .push5 { + .col-push-5 { left: 41.66666666666667%; } - .push4 { + .col-push-4 { left: 33.33333333333333%; } - .push3 { + .col-push-3 { left: 25%; } - .push2 { + .col-push-2 { left: 16.666666666666664%; } - .push1 { + .col-push-1 { left: 8.333333333333332%; } - .pull12 { + .col-pull-12 { right: 100%; } - .pull11 { + .col-pull-11 { right: 91.66666666666666%; } - .pull10 { + .col-pull-10 { right: 83.33333333333334%; } - .pull9 { + .col-pull-9 { right: 75%; } - .pull8 { + .col-pull-8 { right: 66.66666666666666%; } - .pull7 { + .col-pull-7 { right: 58.333333333333336%; } - .pull6 { + .col-pull-6 { right: 50%; } - .pull5 { + .col-pull-5 { right: 41.66666666666667%; } - .pull4 { + .col-pull-4 { right: 33.33333333333333%; } - .pull3 { + .col-pull-3 { right: 25%; } - .pull2 { + .col-pull-2 { right: 16.666666666666664%; } - .pull1 { + .col-pull-1 { right: 8.333333333333332%; } } @@ -927,7 +929,7 @@ pre code { } } -[class*="span"].pull-right { +[class*="col-span-"].pull-right { float: right; } @@ -1065,13 +1067,13 @@ th { background-color: #f5f5f5; } -table col[class^="span"] { +table col[class*="col-span-"] { display: table-column; float: none; } -table td[class^="span"], -table th[class^="span"] { +table td[class*="col-span-"], +table th[class*="col-span-"] { display: table-cell; float: none; } -- cgit v1.2.3 From f0f33eb9a3a25ae2f0032f630ff84c58cb0ca431 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 27 Mar 2013 15:42:11 -0700 Subject: Refactor .list-inline and .list-unstyled * Instead of shared and separate CSS, isolate by class for easier mixin-ability * .list-unstyled is now used as a mixin in .list-inline --- docs/assets/css/bootstrap.css | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 5632d3aad..50d207001 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -546,7 +546,11 @@ li { line-height: 20px; } -.list-unstyled, +.list-unstyled { + margin-left: 0; + list-style: none; +} + .list-inline { margin-left: 0; list-style: none; -- cgit v1.2.3 From fe414d8566f647e65dc20bc7505630ce798e5445 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 27 Mar 2013 23:33:45 -0700 Subject: turn docs navbar into left navbar --- docs/assets/css/bootstrap.css | 20 ++++++++++++++++++++ 1 file changed, 20 insertions(+) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 50d207001..ac0ea34e5 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3255,6 +3255,7 @@ button.close { } .navbar-fixed-top, +.navbar-fixed-left, .navbar-fixed-bottom { position: fixed; right: 0; @@ -3271,6 +3272,16 @@ button.close { bottom: 0; } +.navbar-fixed-left { + top: 0; + right: auto; + bottom: 0; +} + +.navbar-fixed-left .container { + max-width: none; +} + .navbar-brand { display: block; max-width: 200px; @@ -3496,6 +3507,15 @@ button.close { .navbar-inverse .nav > .divider { border-right-color: #2f2f2f; } + .navbar-fixed-left { + padding-right: 0; + padding-left: 0; + } + .navbar-fixed-left .navbar-brand, + .navbar-fixed-left .nav, + .navbar-fixed-left .nav > li { + float: none; + } .navbar-toggle { position: relative; top: auto; -- cgit v1.2.3 From 090545ffdf8b8f750afb0601a16a7bbac07ff6eb Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Andreas=20Cederstro=CC=88m?= Date: Thu, 28 Mar 2013 11:33:18 +0100 Subject: Make sure form actions are properly aligned with form-horizontal --- docs/assets/css/bootstrap.css | 3 +++ 1 file changed, 3 insertions(+) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 50d207001..d096c6c50 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -1705,6 +1705,9 @@ select:focus:invalid:focus { .form-horizontal .control-group > .controls { margin-left: 180px; } + .form-horizontal .form-actions { + padding-left: 180px; + } } .btn { -- cgit v1.2.3 From 88141252595b3875ac001741aa77c7905aac942c Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 29 Mar 2013 23:33:08 -0700 Subject: Add subnav support to CSS section --- docs/assets/css/bootstrap.css | 11 ----------- 1 file changed, 11 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index b68972dd2..0afdb0ab8 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3258,7 +3258,6 @@ button.close { } .navbar-fixed-top, -.navbar-fixed-left, .navbar-fixed-bottom { position: fixed; right: 0; @@ -3275,16 +3274,6 @@ button.close { bottom: 0; } -.navbar-fixed-left { - top: 0; - right: auto; - bottom: 0; -} - -.navbar-fixed-left .container { - max-width: none; -} - .navbar-brand { display: block; max-width: 200px; -- cgit v1.2.3 From aee25786a73820b6c502ba099c55fb4008b4bd1e Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 30 Mar 2013 13:23:18 -0700 Subject: fuck everything about .clear_float() -- restore .clearfix() as mixin --- docs/assets/css/bootstrap.css | 123 ++++++++++++++++++++++++++++++++++++++++-- 1 file changed, 119 insertions(+), 4 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 0afdb0ab8..4f034974a 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -365,12 +365,12 @@ cite { font-style: normal; } -.muted { +.text-muted { color: #999999; } -a.muted:hover, -a.muted:focus { +a.text-muted:hover, +a.text-muted:focus { color: #808080; } @@ -589,6 +589,16 @@ dd { clear: both; } +.dl-horizontal:before, +.dl-horizontal:after { + display: table; + content: " "; +} + +.dl-horizontal:after { + clear: both; +} + .dl-horizontal dt { float: left; width: 160px; @@ -746,6 +756,16 @@ pre code { clear: both; } +.container:before, +.container:after { + display: table; + content: " "; +} + +.container:after { + clear: both; +} + .row { margin-right: -15px; margin-left: -15px; @@ -761,6 +781,16 @@ pre code { clear: both; } +.row:before, +.row:after { + display: table; + content: " "; +} + +.row:after { + clear: both; +} + [class*="col-span-"] { position: relative; min-height: 1px; @@ -1498,6 +1528,16 @@ select:focus:invalid:focus { clear: both; } +.form-actions:before, +.form-actions:after { + display: table; + content: " "; +} + +.form-actions:after { + clear: both; +} + .help-block, .help-inline { color: #737373; @@ -1691,6 +1731,14 @@ select:focus:invalid:focus { .form-horizontal .control-group:after { clear: both; } + .form-horizontal .control-group:before, + .form-horizontal .control-group:after { + display: table; + content: " "; + } + .form-horizontal .control-group:after { + clear: both; + } .form-horizontal .control-group input, .form-horizontal .control-group select, .form-horizontal .control-group textarea { @@ -2763,7 +2811,6 @@ fieldset[disabled] .btn-link:focus { font-weight: normal; line-height: 20px; color: #333333; - white-space: nowrap; } .dropdown-menu > li > a:hover, @@ -2968,6 +3015,16 @@ button.close { clear: both; } +.nav:before, +.nav:after { + display: table; + content: " "; +} + +.nav:after { + clear: both; +} + .nav > li { display: block; } @@ -3126,6 +3183,16 @@ button.close { clear: both; } +.tabbable:before, +.tabbable:after { + display: table; + content: " "; +} + +.tabbable:after { + clear: both; +} + .tab-content > .tab-pane, .pill-content > .pill-pane { display: none; @@ -3222,6 +3289,16 @@ button.close { clear: both; } +.navbar:before, +.navbar:after { + display: table; + content: " "; +} + +.navbar:after { + clear: both; +} + .navbar .nav { margin-top: 15px; } @@ -3483,6 +3560,14 @@ button.close { .navbar .nav:after { clear: both; } + .navbar .nav:before, + .navbar .nav:after { + display: table; + content: " "; + } + .navbar .nav:after { + clear: both; + } .navbar .nav.pull-right { float: right; } @@ -3615,6 +3700,16 @@ button.close { clear: both; } +.btn-toolbar:before, +.btn-toolbar:after { + display: table; + content: " "; +} + +.btn-toolbar:after { + clear: both; +} + .btn-toolbar .btn-group { float: left; } @@ -3880,6 +3975,16 @@ button.close { clear: both; } +.pager:before, +.pager:after { + display: table; + content: " "; +} + +.pager:after { + clear: both; +} + .pager li { display: inline; } @@ -4027,6 +4132,16 @@ button.close { clear: both; } +.modal-footer:before, +.modal-footer:after { + display: table; + content: " "; +} + +.modal-footer:after { + clear: both; +} + .modal-footer .btn + .btn { margin-bottom: 0; margin-left: 5px; -- cgit v1.2.3 From 9fff2d3fb6a636c7ee61ad097c5b247e8def3ab5 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 30 Mar 2013 14:15:18 -0700 Subject: Change error to danger for all classes; add panels component --- docs/assets/css/bootstrap.css | 80 ++++++++++++++++++++++++++++++++++++++----- 1 file changed, 71 insertions(+), 9 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 4f034974a..b86a16a78 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -383,12 +383,12 @@ a.text-warning:focus { color: #a47e3c; } -.text-error { +.text-danger { color: #b94a48; } -a.text-error:hover, -a.text-error:focus { +a.text-danger:hover, +a.text-danger:focus { color: #953b39; } @@ -1119,9 +1119,9 @@ table th[class*="col-span-"] { border-color: #d6e9c6; } -.table > tbody > tr > td.error, -.table > tbody > tr > th.error, -.table > tbody > tr.error > td { +.table > tbody > tr > td.danger, +.table > tbody > tr > th.danger, +.table > tbody > tr.danger > td { background-color: #f2dede; border-color: #eed3d7; } @@ -1140,9 +1140,9 @@ table th[class*="col-span-"] { border-color: #c9e2b3; } -.table-hover > tbody > tr > td.error:hover, -.table-hover > tbody > tr > th.error:hover, -.table-hover > tbody > tr.error:hover > td { +.table-hover > tbody > tr > td.danger:hover, +.table-hover > tbody > tr > th.danger:hover, +.table-hover > tbody > tr.danger:hover > td { background-color: #ebcccc; border-color: #e6c1c7; } @@ -2944,6 +2944,68 @@ fieldset[disabled] .btn-link:focus { z-index: 1051; } +.panel { + padding: 15px; + margin-bottom: 20px; + background-color: #ffffff; + border: 1px solid #dddddd; + border-radius: 4px; + -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); +} + +.panel-heading { + padding: 10px 15px; + margin: -15px -15px 15px; + font-size: 16px; + font-size: 1.6rem; + font-weight: 500; + background-color: #f5f5f5; + border-bottom: 1px solid #dddddd; + border-top-right-radius: 3px; + border-top-left-radius: 3px; +} + +.panel-success { + border-color: #d6e9c6; +} + +.panel-success .panel-heading { + color: #468847; + background-color: #dff0d8; + border-color: #d6e9c6; +} + +.panel-warning { + border-color: #fbeed5; +} + +.panel-warning .panel-heading { + color: #c09853; + background-color: #fcf8e3; + border-color: #fbeed5; +} + +.panel-danger { + border-color: #eed3d7; +} + +.panel-danger .panel-heading { + color: #b94a48; + background-color: #f2dede; + border-color: #eed3d7; +} + +.panel-info { + border-color: #bce8f1; +} + +.panel-info .panel-heading { + color: #3a87ad; + background-color: #d9edf7; + border-color: #bce8f1; +} + .well { min-height: 20px; padding: 19px; -- cgit v1.2.3 From 2a9604fdd297fee6661561d1ccf7922b4d599641 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 30 Mar 2013 16:07:50 -0700 Subject: add list group component --- docs/assets/css/bootstrap.css | 91 +++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 91 insertions(+) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index b86a16a78..fcbc5d580 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -2944,6 +2944,80 @@ fieldset[disabled] .btn-link:focus { z-index: 1051; } +.list-group { + margin: 0 0 20px; + background-color: #ffffff; +} + +.list-group-item { + position: relative; + display: block; + padding: 10px 30px 10px 15px; + margin-bottom: -1px; + border: 1px solid #dddddd; +} + +.list-group-item:first-child { + border-top-right-radius: 4px; + border-top-left-radius: 4px; +} + +.list-group-item:last-child { + margin-bottom: 0; + border-bottom-right-radius: 4px; + border-bottom-left-radius: 4px; +} + +.list-group-item-heading { + margin-top: 0; + margin-bottom: 5px; +} + +.list-group-item-text { + margin-bottom: 0; + line-height: 1.3; +} + +a.list-group-item .list-group-item-heading { + color: #333; +} + +a.list-group-item .list-group-item-text { + color: #555; +} + +a.list-group-item:hover, +a.list-group-item:focus { + text-decoration: none; + background-color: #f5f5f5; +} + +a.list-group-item.active { + z-index: 2; + color: #ffffff; + background-color: #428bca; + border-color: #428bca; +} + +a.list-group-item.active .list-group-item-heading, +a.list-group-item.active .list-group-item-text { + color: inherit; +} + +.list-group-item > .badge, +.list-group-item > .glyphicon-chevron-right { + float: right; + margin-right: -15px; +} + +.list-group-item > .glyphicon-chevron-right { + margin-right: -15px; +} + +.list-group-item > .glyphicon + .badge { + margin-right: 5px; +} + .panel { padding: 15px; margin-bottom: 20px; @@ -3006,6 +3080,23 @@ fieldset[disabled] .btn-link:focus { border-color: #bce8f1; } +.list-group-flush { + margin: 15px -15px -15px; +} + +.list-group-flush .list-group-item { + border-width: 1px 0; +} + +.list-group-flush .list-group-item:first-child { + border-top-right-radius: 0; + border-top-left-radius: 0; +} + +.list-group-flush .list-group-item:last-child { + border-bottom: 0; +} + .well { min-height: 20px; padding: 19px; -- cgit v1.2.3 From 1683669eaa75555e1454105460ed6b7bcaca9f11 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 30 Mar 2013 16:56:49 -0700 Subject: Remove .nav-list given new .list-group --- docs/assets/css/bootstrap.css | 26 +------------------------- 1 file changed, 1 insertion(+), 25 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index fcbc5d580..8e5a3dbc5 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3267,30 +3267,6 @@ button.close { text-align: center; } -.nav-list > li > a { - margin-bottom: -1px; - border: 1px solid #e5e5e5; -} - -.nav-list > li:first-child > a { - border-top-right-radius: 4px; - border-top-left-radius: 4px; -} - -.nav-list > li:last-child > a { - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; -} - -.nav-list > .active > a, -.nav-list > .active > a:hover, -.nav-list > .active > a:focus { - z-index: 2; - color: #fff; - background-color: #428bca; - border-color: #428bca; -} - .nav > .disabled > a { color: #999999; } @@ -4803,7 +4779,7 @@ a.badge:focus { top: 0; } -.nav-list > .active > a > .badge, +a.list-group-item.active > .badge, .nav-pills > .active > a > .badge { color: #428bca; background-color: #fff; -- cgit v1.2.3 From 6edd5f291aba8f66816fe2ca1dfb61daeaab0efe Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 30 Mar 2013 17:00:11 -0700 Subject: not quite #fff on .list-group-item-text --- docs/assets/css/bootstrap.css | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 8e5a3dbc5..dadd15845 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -2999,11 +2999,14 @@ a.list-group-item.active { border-color: #428bca; } -a.list-group-item.active .list-group-item-heading, -a.list-group-item.active .list-group-item-text { +a.list-group-item.active .list-group-item-heading { color: inherit; } +a.list-group-item.active .list-group-item-text { + color: #e1edf7; +} + .list-group-item > .badge, .list-group-item > .glyphicon-chevron-right { float: right; -- cgit v1.2.3 From fc16e37aaa2764bfc9ae131d6f69bd59d8ac5858 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 31 Mar 2013 11:26:13 -0700 Subject: Remove the handful of rem font-sizes --- docs/assets/css/bootstrap.css | 9 +++------ 1 file changed, 3 insertions(+), 6 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index dadd15845..fb44326f7 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -290,7 +290,6 @@ html { body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; - font-size: 1.4rem; line-height: 20px; color: #333333; background-color: #ffffff; @@ -343,10 +342,9 @@ p { .lead { margin-bottom: 20px; - font-size: 21px; - font-size: 2.1rem; + font-size: 21; font-weight: 200; - line-height: 1.3; + line-height: 1.4; } small { @@ -3034,8 +3032,7 @@ a.list-group-item.active .list-group-item-text { .panel-heading { padding: 10px 15px; margin: -15px -15px 15px; - font-size: 16px; - font-size: 1.6rem; + font-size: 17.5; font-weight: 500; background-color: #f5f5f5; border-bottom: 1px solid #dddddd; -- cgit v1.2.3 From a2145df7c42bfc503437c51c7975727a829a7fae Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 31 Mar 2013 11:58:25 -0700 Subject: run make after that breadcrumbs tweak --- docs/assets/css/bootstrap.css | 4 ++++ 1 file changed, 4 insertions(+) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index fb44326f7..52bd999ae 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3982,6 +3982,10 @@ button.close { content: "\00a0 /"; } +.breadcrumb > li:last-child:after { + content: ""; +} + .breadcrumb > .active { color: #999999; } -- cgit v1.2.3 From 674768b1775a135a4ed66f299795d8221dc89982 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 31 Mar 2013 12:00:04 -0700 Subject: restore px unit on @font-size-base --- docs/assets/css/bootstrap.css | 58 +++++++++++++++++++++---------------------- 1 file changed, 29 insertions(+), 29 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 52bd999ae..e93ff3853 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -342,7 +342,7 @@ p { .lead { margin-bottom: 20px; - font-size: 21; + font-size: 21px; font-weight: 200; line-height: 1.4; } @@ -467,58 +467,58 @@ h6 { h1, .h1 { - font-size: 38.5; + font-size: 38.5px; font-size: 4rem; } h2, .h2 { - font-size: 31.5; + font-size: 31.5px; font-size: 3rem; } h3, .h3 { - font-size: 24.5; + font-size: 24.5px; font-size: 2.5rem; } h4, .h4 { - font-size: 17.5; + font-size: 17.5px; font-size: 2rem; } h5, .h5 { - font-size: 14; + font-size: 14px; font-size: 1.6rem; } h6, .h6 { - font-size: 11.9; + font-size: 11.9px; font-size: 1.2rem; } h1 small, .h1 small { - font-size: 24.5; + font-size: 24.5px; } h2 small, .h2 small { - font-size: 17.5; + font-size: 17.5px; } h3 small, .h3 small { - font-size: 14; + font-size: 14px; } h4 small, .h4 small { - font-size: 14; + font-size: 14px; } .page-header { @@ -638,7 +638,7 @@ blockquote { blockquote p { margin-bottom: 0; - font-size: 17.5; + font-size: 17.5px; font-weight: 300; line-height: 1.25; } @@ -692,7 +692,7 @@ code, pre { padding: 0 3px 2px; font-family: Monaco, Menlo, Consolas, "Courier New", monospace; - font-size: 12; + font-size: 12px; color: #333333; border-radius: 4px; } @@ -709,7 +709,7 @@ pre { display: block; padding: 9.5px; margin: 0 0 10px; - font-size: 13; + font-size: 13px; line-height: 20px; word-break: break-all; word-wrap: break-word; @@ -1167,7 +1167,7 @@ legend { width: 100%; padding: 0; margin-bottom: 20px; - font-size: 21; + font-size: 21px; line-height: 40px; color: #333333; border: 0; @@ -1199,7 +1199,7 @@ input[type="color"] { display: inline-block; min-height: 34px; padding: 6px 9px; - font-size: 14; + font-size: 14px; line-height: 20px; color: #555555; vertical-align: middle; @@ -1375,7 +1375,7 @@ input[type="search"].input-large, input[type="tel"].input-large, input[type="color"].input-large { padding: 11px 14px; - font-size: 17.5; + font-size: 17.5px; border-radius: 6px; } @@ -1397,7 +1397,7 @@ input[type="tel"].input-small, input[type="color"].input-small { min-height: 26px; padding: 2px 10px; - font-size: 11.9; + font-size: 11.9px; border-radius: 3px; } @@ -1594,7 +1594,7 @@ select:focus:invalid:focus { .input-group-addon { padding: 6px 8px; - font-size: 14; + font-size: 14px; font-weight: normal; line-height: 20px; text-align: center; @@ -1608,12 +1608,12 @@ select:focus:invalid:focus { .input-group-addon.input-small { padding: 2px 10px; - font-size: 11.9; + font-size: 11.9px; } .input-group-addon.input-large { padding: 11px 14px; - font-size: 17.5; + font-size: 17.5px; } .input-group input:first-child, @@ -1760,7 +1760,7 @@ select:focus:invalid:focus { display: inline-block; padding: 6px 12px; margin-bottom: 0; - font-size: 14; + font-size: 14px; font-weight: 500; line-height: 20px; text-align: center; @@ -1804,19 +1804,19 @@ fieldset[disabled] .btn { .btn-large { padding: 11px 14px; - font-size: 17.5; + font-size: 17.5px; border-radius: 6px; } .btn-small { padding: 2px 10px; - font-size: 11.9; + font-size: 11.9px; border-radius: 3px; } .btn-mini { padding: 0 6px; - font-size: 10.5; + font-size: 10.5px; border-radius: 3px; } @@ -3032,7 +3032,7 @@ a.list-group-item.active .list-group-item-text { .panel-heading { padding: 10px 15px; margin: -15px -15px 15px; - font-size: 17.5; + font-size: 17.5px; font-weight: 500; background-color: #f5f5f5; border-bottom: 1px solid #dddddd; @@ -4049,7 +4049,7 @@ button.close { .pagination-large > li > a, .pagination-large > li > span { padding: 11px 14px; - font-size: 17.5; + font-size: 17.5px; } .pagination-large > li:first-child > a, @@ -4083,13 +4083,13 @@ button.close { .pagination-small > li > a, .pagination-small > li > span { padding: 2px 10px; - font-size: 11.9; + font-size: 11.9px; } .pagination-mini > li > a, .pagination-mini > li > span { padding: 0 6px; - font-size: 10.5; + font-size: 10.5px; } .pager { -- cgit v1.2.3 From 388a4c878db2a41d15f438632463dafb65e6e748 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 31 Mar 2013 13:20:54 -0700 Subject: remove lingering rem --- docs/assets/css/bootstrap.css | 6 ------ 1 file changed, 6 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index e93ff3853..750a68a99 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -468,37 +468,31 @@ h6 { h1, .h1 { font-size: 38.5px; - font-size: 4rem; } h2, .h2 { font-size: 31.5px; - font-size: 3rem; } h3, .h3 { font-size: 24.5px; - font-size: 2.5rem; } h4, .h4 { font-size: 17.5px; - font-size: 2rem; } h5, .h5 { font-size: 14px; - font-size: 1.6rem; } h6, .h6 { font-size: 11.9px; - font-size: 1.2rem; } h1 small, -- cgit v1.2.3 From c5042e050e4f55f90ffa7ee28c84892e798f964f Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 31 Mar 2013 17:17:10 -0700 Subject: fix nav divider --- docs/assets/css/bootstrap.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 750a68a99..b47250e82 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -2789,7 +2789,7 @@ fieldset[disabled] .btn-link:focus { } .dropdown-menu .divider { - height: 1px; + height: 2px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; @@ -3289,7 +3289,7 @@ button.close { } .nav .divider { - height: 1px; + height: 2px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; @@ -3522,7 +3522,7 @@ button.close { } .navbar .nav > .divider { - height: 1px; + height: 2px; margin: 9px 0; overflow: hidden; background-color: #e1e1e1; -- cgit v1.2.3 From 6b23a66c29c3613c6792a257aafa949c81746597 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 31 Mar 2013 17:19:12 -0700 Subject: -background to -bg on tooltip and popover vars --- docs/assets/css/bootstrap.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index b47250e82..2c8dc619a 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -4399,9 +4399,9 @@ button.close { border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); - -webkit-background-clip: padding-box; - -moz-background-clip: padding; - background-clip: padding-box; + background-clip: padding-box; + -webkit-bg-clip: padding-box; + -moz-bg-clip: padding; } .popover.top { -- cgit v1.2.3 From d5fa1d80bb040aac32caed8fa1c97eb1b3e1abfe Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 31 Mar 2013 17:22:12 -0700 Subject: use @pagination- vars on pager component; change @pagination-bg-active to @pagination-active-bg --- docs/assets/css/bootstrap.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 2c8dc619a..27e532f58 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -4120,8 +4120,8 @@ button.close { .pager li > span { display: inline-block; padding: 5px 14px; - background-color: #fff; - border: 1px solid #ddd; + background-color: #ffffff; + border: 1px solid #dddddd; border-radius: 15px; } -- cgit v1.2.3 From d6f37f3c568ed70a7e20fdaa5429501d5af406a7 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 31 Mar 2013 17:27:22 -0700 Subject: @link-color-hover to @link-hover-color --- docs/assets/css/bootstrap.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 27e532f58..4c3cc20ac 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3350,8 +3350,8 @@ button.close { margin-top: 8px; } .nav .dropdown-toggle:hover .caret { - border-top-color: @link-color-hover; - border-bottom-color: @link-color-hover; + border-top-color: @link-hover-color; + border-bottom-color: @link-hover-color; } // Active dropdown links -- cgit v1.2.3 From db284a97d6b0d6eb20c3b6724440cbd26b80ccbd Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 31 Mar 2013 17:56:31 -0700 Subject: more consistent navbar vars --- docs/assets/css/bootstrap.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 4c3cc20ac..06314aafa 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3735,7 +3735,7 @@ button.close { .navbar-link { color: @navbar-link-color; &:hover { - color: @navbar-link-color-hover; + color: @navbar-link-hover-color; } } -- cgit v1.2.3 From 4c49458336f8bcc7ec7ebca5384e3430645e5fe8 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 31 Mar 2013 18:40:07 -0700 Subject: remove text-rendering optimizeLegibility from headings --- docs/assets/css/bootstrap.css | 1 - 1 file changed, 1 deletion(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 06314aafa..f35962995 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -426,7 +426,6 @@ h6, font-family: inherit; font-weight: 500; line-height: 20px; - text-rendering: optimizelegibility; } h1 small, -- cgit v1.2.3 From c69310153e5eec18f67df1df60c38ed807a75637 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 31 Mar 2013 19:26:40 -0700 Subject: Fixes #7438: remove max-height from justified nav tabs with some CSS wankery --- docs/assets/css/bootstrap.css | 18 +++++++++++++++++- 1 file changed, 17 insertions(+), 1 deletion(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index f35962995..c59d1aae7 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3250,7 +3250,7 @@ button.close { } .nav-justified { - max-height: 40px; + width: 100%; } .nav-justified > li { @@ -3260,6 +3260,22 @@ button.close { text-align: center; } +.nav-justified.nav-tabs { + border-bottom: 0; +} + +.nav-justified.nav-tabs > li > a { + border-bottom: 1px solid #ddd; +} + +.nav-justified.nav-tabs > .active > a { + border-bottom-color: #ffffff; +} + +.nav-justified > li > a { + margin-right: 0; +} + .nav > .disabled > a { color: #999999; } -- cgit v1.2.3 From 2f8deea95ac246455a11511963ded2b63e963922 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 31 Mar 2013 22:22:52 -0700 Subject: add .panel-primary --- docs/assets/css/bootstrap.css | 10 ++++++++++ 1 file changed, 10 insertions(+) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index c59d1aae7..76b5ec31d 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3033,6 +3033,16 @@ a.list-group-item.active .list-group-item-text { border-top-left-radius: 3px; } +.panel-primary { + border-color: #428bca; +} + +.panel-primary .panel-heading { + color: #ffffff; + background-color: #428bca; + border-color: #428bca; +} + .panel-success { border-color: #d6e9c6; } -- cgit v1.2.3 From eac987c0d2bdb93ea4c916d52f38655bcc5e1255 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 1 Apr 2013 12:55:48 -0700 Subject: only negative indent nested grid rows; add new grid example --- docs/assets/css/bootstrap.css | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 76b5ec31d..7f498b0c5 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -757,11 +757,6 @@ pre code { clear: both; } -.row { - margin-right: -15px; - margin-left: -15px; -} - .row:before, .row:after { display: table; @@ -782,6 +777,11 @@ pre code { clear: both; } +.row .row { + margin-right: -15px; + margin-left: -15px; +} + [class*="col-span-"] { position: relative; min-height: 1px; -- cgit v1.2.3 From 7e31bea11410f9c1838aeabcb97ad802b69b658c Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 1 Apr 2013 13:25:51 -0700 Subject: run make --- docs/assets/css/bootstrap.css | 4 ++++ 1 file changed, 4 insertions(+) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 7f498b0c5..1a7f3deec 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -5147,6 +5147,10 @@ a.list-group-item.active > .badge, text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } +.carousel-caption .btn { + text-shadow: none; +} + @media screen and (min-width: 768px) { .carousel-control .glyphicon { width: 30px; -- cgit v1.2.3 From 0ac711059ba7aaa2996a529d7f9bf4110a6dd765 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 2 Apr 2013 16:17:04 -0700 Subject: refactor some of the carousel caption stuff to center it and tighten styles up; update carousel template to start to redo mobile first --- docs/assets/css/bootstrap.css | 16 +++++----------- 1 file changed, 5 insertions(+), 11 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 1a7f3deec..44978573e 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -5137,13 +5137,14 @@ a.list-group-item.active > .badge, .carousel-caption { position: absolute; - right: 20%; + right: 15%; bottom: 20px; - left: 20%; - display: none; + left: 15%; + z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; + text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } @@ -5160,14 +5161,7 @@ a.list-group-item.active > .badge, font-size: 30px; } .carousel-caption { - right: 0; - left: 0; - z-index: 10; - display: block; - max-width: 60%; - padding: 30px; - margin-right: 0; - margin-left: 0; + padding-bottom: 30px; } } -- cgit v1.2.3 From eadfa59d92ad8bd898b2586056fbbf55906e1420 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 2 Apr 2013 19:40:43 -0700 Subject: Add small grid for phones and tablets --- docs/assets/css/bootstrap.css | 57 ++++++++++++++++++++++++++++++++++++++++++- 1 file changed, 56 insertions(+), 1 deletion(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 44978573e..b4b499e8f 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -782,13 +782,66 @@ pre code { margin-left: -15px; } -[class*="col-span-"] { +[class*="col-span-"], +[class*="col-small-"] { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } +[class*="col-small-"] { + float: left; +} + +.col-small-span-12 { + width: 100%; +} + +.col-small-span-11 { + width: 91.66666666666666%; +} + +.col-small-span-10 { + width: 83.33333333333334%; +} + +.col-small-span-9 { + width: 75%; +} + +.col-small-span-8 { + width: 66.66666666666666%; +} + +.col-small-span-7 { + width: 58.333333333333336%; +} + +.col-small-span-6 { + width: 50%; +} + +.col-small-span-5 { + width: 41.66666666666667%; +} + +.col-small-span-4 { + width: 33.33333333333333%; +} + +.col-small-span-3 { + width: 25%; +} + +.col-small-span-2 { + width: 16.666666666666664%; +} + +.col-small-span-1 { + width: 8.333333333333332%; +} + @media screen and (min-width: 768px) { .container { max-width: 728px; @@ -5161,6 +5214,8 @@ a.list-group-item.active > .badge, font-size: 30px; } .carousel-caption { + right: 20%; + left: 20%; padding-bottom: 30px; } } -- cgit v1.2.3 From 05710e10f7d4a823bb4854add74e974ced858e14 Mon Sep 17 00:00:00 2001 From: Garvin Date: Sat, 6 Apr 2013 21:48:53 -0400 Subject: Added min-height to modal-header for modals with no header text --- docs/assets/css/bootstrap.css | 1 + 1 file changed, 1 insertion(+) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index b4b499e8f..2c7a106fc 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -4302,6 +4302,7 @@ button.close { } .modal-header { + min-height: 40px; padding: 9px 15px; border-bottom: 1px solid #e5e5e5; } -- cgit v1.2.3 From 24f8d9e1374d88f852402f71de0f728d1e8d62ed Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 9 Apr 2013 10:43:37 -0700 Subject: don't use table for label variatons --- docs/assets/css/bootstrap.css | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index b4b499e8f..641de8a4a 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -4624,11 +4624,10 @@ button.close { color: #a47e3c; } -.close { +.alert .close { position: relative; top: -2px; right: -21px; - line-height: 20px; color: inherit; } -- cgit v1.2.3 From ae98f1803f09fae7e427075f99c19d218d68f46c Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 12 Apr 2013 20:56:19 -0700 Subject: add modal variables and tweak padding for min-height on modal title --- docs/assets/css/bootstrap.css | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index d550f0c83..374c1d132 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -4302,18 +4302,18 @@ button.close { } .modal-header { - min-height: 40px; - padding: 9px 15px; + min-height: 35px; + padding: 15px; border-bottom: 1px solid #e5e5e5; } .modal-header .close { - margin-top: 2px; + margin-top: -2px; } .modal-title { margin: 0; - line-height: 30px; + line-height: 20px; } .modal-body { -- cgit v1.2.3 From bec5679264d92b94c44c7d9ebe92c9f735ac0d07 Mon Sep 17 00:00:00 2001 From: Paul Tyng Date: Sat, 13 Apr 2013 17:13:14 -0300 Subject: update docs bootstrap.css --- docs/assets/css/bootstrap.css | 6 ++++++ 1 file changed, 6 insertions(+) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 374c1d132..2d2d624cd 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -1226,6 +1226,12 @@ label { font-weight: bold; } +input[type="search"] { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + select, textarea, input[type="text"], -- cgit v1.2.3 From 86bb3b8126c94ee8c839eac4d9120f3edeafefdd Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 13 Apr 2013 23:17:39 -0700 Subject: IE8 doesn't need help with responsive images, they work just dandy apparently (see http://jsbin.com/idesit/1) --- docs/assets/css/bootstrap.css | 13 ++++++------- 1 file changed, 6 insertions(+), 7 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 2d2d624cd..9bc946e70 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -322,7 +322,6 @@ a:focus { } img { - width: auto\9; height: auto; max-width: 100%; vertical-align: middle; @@ -1226,12 +1225,6 @@ label { font-weight: bold; } -input[type="search"] { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} - select, textarea, input[type="text"], @@ -1282,6 +1275,12 @@ input[type="checkbox"] { width: auto; } +input[type="search"] { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + textarea { height: auto; } -- cgit v1.2.3 From f226463b057f945795661c3d19fbcabf63b931f7 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 13 Apr 2013 23:54:51 -0700 Subject: Restore on links in dropdowns as they are randomly breaking onto new lines --- docs/assets/css/bootstrap.css | 1 + 1 file changed, 1 insertion(+) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 9bc946e70..74cb44246 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -2860,6 +2860,7 @@ fieldset[disabled] .btn-link:focus { font-weight: normal; line-height: 20px; color: #333333; + white-space: nowrap; } .dropdown-menu > li > a:hover, -- cgit v1.2.3 From 5471ce8ea3471562cc56dd3e349982c54f6ed624 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 14 Apr 2013 20:33:10 -0700 Subject: Fixes #5256: Use > selector for better nesting of tables --- docs/assets/css/bootstrap.css | 90 +++++++++++++++++++++++-------------------- 1 file changed, 48 insertions(+), 42 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 74cb44246..616661fa4 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -1026,15 +1026,17 @@ th { margin-bottom: 20px; } -.table th, -.table td { +.table thead > tr > th, +.table tbody > tr > th, +.table thead > tr > td, +.table tbody > tr > td { padding: 8px; line-height: 20px; vertical-align: top; border-top: 1px solid #dddddd; } -.table thead th { +.table thead > tr > th { vertical-align: bottom; } @@ -1055,8 +1057,10 @@ th { background-color: #ffffff; } -.table-condensed th, -.table-condensed td { +.table-condensed thead > tr > th, +.table-condensed tbody > tr > th, +.table-condensed thead > tr > td, +.table-condensed tbody > tr > td { padding: 4px 5px; } @@ -1067,70 +1071,72 @@ th { border-radius: 4px; } -.table-bordered th, -.table-bordered td { +.table-bordered thead > tr > th, +.table-bordered tbody > tr > th, +.table-bordered thead > tr > td, +.table-bordered tbody > tr > td { border-left: 1px solid #dddddd; } -.table-bordered caption + thead tr:first-child th, -.table-bordered caption + tbody tr:first-child th, -.table-bordered caption + tbody tr:first-child td, -.table-bordered colgroup + thead tr:first-child th, -.table-bordered colgroup + tbody tr:first-child th, -.table-bordered colgroup + tbody tr:first-child td, -.table-bordered thead:first-child tr:first-child th, -.table-bordered tbody:first-child tr:first-child th, -.table-bordered tbody:first-child tr:first-child td { +.table-bordered caption + thead > tr:first-child th, +.table-bordered caption + tbody > tr:first-child th, +.table-bordered caption + tbody > tr:first-child td, +.table-bordered colgroup + thead > tr:first-child th, +.table-bordered colgroup + tbody > tr:first-child th, +.table-bordered colgroup + tbody > tr:first-child td, +.table-bordered thead:first-child > tr:first-child th, +.table-bordered tbody:first-child > tr:first-child th, +.table-bordered tbody:first-child > tr:first-child td { border-top: 0; } -.table-bordered thead:first-child tr:first-child > th:first-child, -.table-bordered tbody:first-child tr:first-child > td:first-child, -.table-bordered tbody:first-child tr:first-child > th:first-child { +.table-bordered thead:first-child > tr:first-child > th:first-child, +.table-bordered tbody:first-child > tr:first-child > td:first-child, +.table-bordered tbody:first-child > tr:first-child > th:first-child { border-top-left-radius: 4px; } -.table-bordered thead:first-child tr:first-child > th:last-child, -.table-bordered tbody:first-child tr:first-child > td:last-child, -.table-bordered tbody:first-child tr:first-child > th:last-child { +.table-bordered thead:first-child > tr:first-child > th:last-child, +.table-bordered tbody:first-child > tr:first-child > td:last-child, +.table-bordered tbody:first-child > tr:first-child > th:last-child { border-top-right-radius: 4px; } -.table-bordered thead:last-child tr:last-child > th:first-child, -.table-bordered tbody:last-child tr:last-child > td:first-child, -.table-bordered tbody:last-child tr:last-child > th:first-child, -.table-bordered tfoot:last-child tr:last-child > td:first-child, -.table-bordered tfoot:last-child tr:last-child > th:first-child { +.table-bordered thead:last-child > tr:last-child > th:first-child, +.table-bordered tbody:last-child > tr:last-child > td:first-child, +.table-bordered tbody:last-child > tr:last-child > th:first-child, +.table-bordered tfoot:last-child > tr:last-child > td:first-child, +.table-bordered tfoot:last-child > tr:last-child > th:first-child { border-bottom-left-radius: 4px; } -.table-bordered thead:last-child tr:last-child > th:last-child, -.table-bordered tbody:last-child tr:last-child > td:last-child, -.table-bordered tbody:last-child tr:last-child > th:last-child, -.table-bordered tfoot:last-child tr:last-child > td:last-child, -.table-bordered tfoot:last-child tr:last-child > th:last-child { +.table-bordered thead:last-child > tr:last-child > th:last-child, +.table-bordered tbody:last-child > tr:last-child > td:last-child, +.table-bordered tbody:last-child > tr:last-child > th:last-child, +.table-bordered tfoot:last-child > tr:last-child > td:last-child, +.table-bordered tfoot:last-child > tr:last-child > th:last-child { border-bottom-right-radius: 4px; } -.table-bordered tfoot + tbody:last-child tr:last-child > td:first-child { +.table-bordered tfoot + tbody:last-child > tr:last-child > td:first-child { border-bottom-left-radius: 0; } -.table-bordered tfoot + tbody:last-child tr:last-child > td:last-child { +.table-bordered tfoot + tbody:last-child > tr:last-child > td:last-child { border-bottom-right-radius: 0; } -.table-bordered caption + thead tr:first-child th:first-child, -.table-bordered caption + tbody tr:first-child td:first-child, -.table-bordered colgroup + thead tr:first-child th:first-child, -.table-bordered colgroup + tbody tr:first-child td:first-child { +.table-bordered caption + thead > tr:first-child > th:first-child, +.table-bordered caption + tbody > tr:first-child > td:first-child, +.table-bordered colgroup + thead > tr:first-child > th:first-child, +.table-bordered colgroup + tbody > tr:first-child > td:first-child { border-top-left-radius: 4px; } -.table-bordered caption + thead tr:first-child th:last-child, -.table-bordered caption + tbody tr:first-child td:last-child, -.table-bordered colgroup + thead tr:first-child th:last-child, -.table-bordered colgroup + tbody tr:first-child td:last-child { +.table-bordered caption + thead > tr:first-child > th:last-child, +.table-bordered caption + tbody > tr:first-child > td:last-child, +.table-bordered colgroup + thead > tr:first-child > th:last-child, +.table-bordered colgroup + tbody > tr:first-child > td:last-child { border-top-right-radius: 4px; } -- cgit v1.2.3 From dc97a1967b81e994ebb31ed3cad89f58794b46b9 Mon Sep 17 00:00:00 2001 From: Artur Kwiatkowski Date: Tue, 16 Apr 2013 16:45:51 +0200 Subject: more nested navs --- docs/assets/css/bootstrap.css | 97 +++++++++++++++++++++++-------------------- 1 file changed, 51 insertions(+), 46 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 616661fa4..7ab329bbe 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3262,10 +3262,34 @@ button.close { background-color: #eeeeee; } +.nav > li.disabled > a { + color: #999999; +} + +.nav > li.disabled > a:hover, +.nav > li.disabled > a:focus { + color: #999999; + text-decoration: none; + cursor: default; + background-color: transparent; +} + +.nav > li + .nav-header { + margin-top: 9px; +} + .nav > .pull-right { float: right; } +.nav .divider { + height: 2px; + margin: 9px 0; + overflow: hidden; + background-color: #e5e5e5; + border-bottom: 1px solid #ffffff; +} + .nav-tabs { border-bottom: 1px solid #ddd; } @@ -3286,9 +3310,9 @@ button.close { border-color: #eeeeee #eeeeee #dddddd; } -.nav-tabs > .active > a, -.nav-tabs > .active > a:hover, -.nav-tabs > .active > a:focus { +.nav-tabs > li.active > a, +.nav-tabs > li.active > a:hover, +.nav-tabs > li.active > a:focus { color: #555555; cursor: default; background-color: #ffffff; @@ -3296,6 +3320,27 @@ button.close { border-bottom-color: transparent; } +.nav-tabs.nav-justified { + width: 100%; + border-bottom: 0; +} + +.nav-tabs.nav-justified > li { + display: table-cell; + float: none; + width: 1%; + text-align: center; +} + +.nav-tabs.nav-justified > li > a { + margin-right: 0; + border-bottom: 1px solid #ddd; +} + +.nav-tabs.nav-justified > .active > a { + border-bottom-color: #ffffff; +} + .nav-pills > li { float: left; } @@ -3308,9 +3353,9 @@ button.close { margin-left: 2px; } -.nav-pills > .active > a, -.nav-pills > .active > a:hover, -.nav-pills > .active > a:focus { +.nav-pills > li.active > a, +.nav-pills > li.active > a:hover, +.nav-pills > li.active > a:focus { color: #fff; background-color: #428bca; } @@ -3335,34 +3380,6 @@ button.close { text-align: center; } -.nav-justified.nav-tabs { - border-bottom: 0; -} - -.nav-justified.nav-tabs > li > a { - border-bottom: 1px solid #ddd; -} - -.nav-justified.nav-tabs > .active > a { - border-bottom-color: #ffffff; -} - -.nav-justified > li > a { - margin-right: 0; -} - -.nav > .disabled > a { - color: #999999; -} - -.nav > .disabled > a:hover, -.nav > .disabled > a:focus { - color: #999999; - text-decoration: none; - cursor: default; - background-color: transparent; -} - .nav-header { display: block; padding: 3px 15px; @@ -3374,18 +3391,6 @@ button.close { text-transform: uppercase; } -.nav li + .nav-header { - margin-top: 9px; -} - -.nav .divider { - height: 2px; - margin: 9px 0; - overflow: hidden; - background-color: #e5e5e5; - border-bottom: 1px solid #ffffff; -} - .tabbable:before, .tabbable:after { display: table; -- cgit v1.2.3 From 4bd6abaff2ce71f78e6f8c9fc2e42d70122c6de2 Mon Sep 17 00:00:00 2001 From: Artur Kwiatkowski Date: Wed, 17 Apr 2013 19:47:23 +0200 Subject: applied @pagination-bg for .disabled state instead of hardcoded color in hex --- docs/assets/css/bootstrap.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 7ab329bbe..bf2a529b4 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -4242,7 +4242,7 @@ button.close { .pager .disabled > span { color: #999999; cursor: default; - background-color: #fff; + background-color: #ffffff; } .modal-open { -- cgit v1.2.3 From d3e0d4a7baad213ccbfa8049d5f920ed1863b76b Mon Sep 17 00:00:00 2001 From: Jeremy Denoun Date: Thu, 18 Apr 2013 17:05:50 +0200 Subject: update docs --- docs/assets/css/bootstrap.css | 3 +++ 1 file changed, 3 insertions(+) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 2f56af33f..145e08a5b 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -5813,6 +5813,9 @@ a.badge:focus { -moz-transition: width 0.6s ease; -o-transition: width 0.6s ease; transition: width 0.6s ease; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + backface-visibility: hidden; } .progress .bar + .bar { -- cgit v1.2.3 From 7b5fcc2c9ae7631e114cec106c2f14c560617cbd Mon Sep 17 00:00:00 2001 From: Fabien Date: Fri, 19 Apr 2013 02:48:08 +0200 Subject: Remove dupe css rule of table element This are already declare in normalize --- docs/assets/css/bootstrap.css | 2 -- 1 file changed, 2 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 7ab329bbe..e6382cdee 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -1013,8 +1013,6 @@ pre code { table { max-width: 100%; background-color: transparent; - border-collapse: collapse; - border-spacing: 0; } th { -- cgit v1.2.3 From 39bb8146f863474eee6c7daa946ea07f6ce2aa04 Mon Sep 17 00:00:00 2001 From: Artur Kwiatkowski Date: Fri, 19 Apr 2013 21:31:55 +0200 Subject: more nested labels component --- docs/assets/css/bootstrap.css | 1 + 1 file changed, 1 insertion(+) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index b9809980c..5e5c7d44d 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -4784,6 +4784,7 @@ a.thumbnail:focus { } .label { + display: inline; padding: .25em .6em; font-size: 75%; font-weight: 500; -- cgit v1.2.3 From afdab35aca4ccfbe9214c4cdf6f6b1d2da595cad Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 20 Apr 2013 12:09:08 -0700 Subject: Fixes #7640: only reset margin on last-child p within blockquotes --- docs/assets/css/bootstrap.css | 24 +++++++++--------------- 1 file changed, 9 insertions(+), 15 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index b9809980c..1e86761f4 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -623,18 +623,21 @@ abbr.initialism { } blockquote { - padding: 0 0 0 15px; + padding: 10px 20px; margin: 0 0 20px; border-left: 5px solid #eeeeee; } blockquote p { - margin-bottom: 0; font-size: 17.5px; font-weight: 300; line-height: 1.25; } +blockquote p:last-child { + margin-bottom: 0; +} + blockquote small { display: block; line-height: 20px; @@ -2874,10 +2877,9 @@ fieldset[disabled] .btn-link:focus { color: #ffffff; text-decoration: none; background-color: #357ebd; - background-image: -moz-linear-gradient(top, #428bca, #357ebd); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#428bca), to(#357ebd)); background-image: -webkit-linear-gradient(top, #428bca, #357ebd); - background-image: -o-linear-gradient(top, #428bca, #357ebd); + background-image: -moz-linear-gradient(top, #428bca, #357ebd); background-image: linear-gradient(to bottom, #428bca, #357ebd); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0); @@ -2889,10 +2891,9 @@ fieldset[disabled] .btn-link:focus { color: #ffffff; text-decoration: none; background-color: #357ebd; - background-image: -moz-linear-gradient(top, #428bca, #357ebd); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#428bca), to(#357ebd)); background-image: -webkit-linear-gradient(top, #428bca, #357ebd); - background-image: -o-linear-gradient(top, #428bca, #357ebd); + background-image: -moz-linear-gradient(top, #428bca, #357ebd); background-image: linear-gradient(to bottom, #428bca, #357ebd); background-repeat: repeat-x; outline: 0; @@ -4957,7 +4958,6 @@ a.list-group-item.active > .badge, background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 40px 40px; -moz-background-size: 40px 40px; @@ -4982,7 +4982,6 @@ a.list-group-item.active > .badge, background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } @@ -4995,7 +4994,6 @@ a.list-group-item.active > .badge, background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } @@ -5008,7 +5006,6 @@ a.list-group-item.active > .badge, background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } @@ -5021,7 +5018,6 @@ a.list-group-item.active > .badge, background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } @@ -5133,10 +5129,9 @@ a.list-group-item.active > .badge, .carousel-control.left { background-color: rgba(0, 0, 0, 0.0001); background-color: transparent; - background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.0001)); background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001))); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.0001)); - background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.0001)); + background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.0001)); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.0001)); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); @@ -5147,10 +5142,9 @@ a.list-group-item.active > .badge, left: auto; background-color: rgba(0, 0, 0, 0.5); background-color: transparent; - background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.0001), rgba(0, 0, 0, 0.5)); background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5))); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001), rgba(0, 0, 0, 0.5)); - background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001), rgba(0, 0, 0, 0.5)); + background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.0001), rgba(0, 0, 0, 0.5)); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001), rgba(0, 0, 0, 0.5)); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); -- cgit v1.2.3 From 510c9a6ad87a1148fe59a7b8531d9b9e11b0ae17 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 20 Apr 2013 12:33:09 -0700 Subject: First pass at updated responsive utilities to be mobile-first. Pulled from #7490 by @apotropaic --- docs/assets/css/bootstrap.css | 42 +++++++++++++++++++++++++++++++----------- 1 file changed, 31 insertions(+), 11 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 1e86761f4..d24999c4a 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -5310,47 +5310,67 @@ a.list-group-item.active > .badge, } .visible-phone { - display: none !important; + display: inherit !important; } .visible-tablet { display: none !important; } -.hidden-desktop { +.visible-desktop { display: none !important; } -.visible-desktop { +.hidden-phone { + display: none !important; +} + +.hidden-tablet { + display: inherit !important; +} + +.hidden-desktop { display: inherit !important; } @media (min-width: 768px) and (max-width: 979px) { - .hidden-desktop { + .visible-phone { + display: none !important; + } + .visible-tablet { display: inherit !important; } .visible-desktop { - display: none !important ; + display: none !important; } - .visible-tablet { + .hidden-phone { display: inherit !important; } .hidden-tablet { display: none !important; } -} - -@media (max-width: 767px) { .hidden-desktop { display: inherit !important; } - .visible-desktop { +} + +@media (min-width: 980px) { + .visible-phone { display: none !important; } - .visible-phone { + .visible-tablet { + display: none !important; + } + .visible-desktop { display: inherit !important; } .hidden-phone { + display: inherit !important; + } + .hidden-tablet { + display: inherit !important; + } + .hidden-desktop { display: none !important; } } -- cgit v1.2.3 From dc4436dbc9f328f4ad6ee391b6836b6c8d0324c2 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 20 Apr 2013 15:36:11 -0700 Subject: Only use .danger for alerts, no more .error --- docs/assets/css/bootstrap.css | 10 +++------- 1 file changed, 3 insertions(+), 7 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index d24999c4a..4553a1592 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -4663,22 +4663,18 @@ button.close { color: #356635; } -.alert-danger, -.alert-error { +.alert-danger { color: #b94a48; background-color: #f2dede; border-color: #eed3d7; } -.alert-danger hr, -.alert-error hr { +.alert-danger hr { border-top-color: #e6c1c7; } .alert-danger > a, -.alert-error > a, -.alert-danger > p > a, -.alert-error > p > a { +.alert-danger > p > a { color: #953b39; } -- cgit v1.2.3 From 30d6e0530effef6379fb555491bc5064668f3359 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 21 Apr 2013 14:50:44 -0700 Subject: Fixes #7577: Attempt to fix, at least, issues with Windows Phone 8 and responsive not kicking in correctly --- docs/assets/css/bootstrap.css | 6 ++++++ 1 file changed, 6 insertions(+) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 4553a1592..53f9a9693 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -5300,6 +5300,12 @@ a.list-group-item.active > .badge, width: device-width; } +@media screen and (max-width: 400px) { + @-ms-viewport { + width: 320px; + } +} + .hidden { display: none; visibility: hidden; -- cgit v1.2.3 From 364f8330a159f9448833d88740e259219883d404 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 21 Apr 2013 18:29:06 -0700 Subject: Fixes #7648: Thumbnail caption should use @text-color variable. Also adds other thumbnail vars --- docs/assets/css/bootstrap.css | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 53f9a9693..f40720bf4 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -4711,7 +4711,8 @@ button.close { .img-thumbnail { padding: 4px; line-height: 20px; - border: 1px solid #ddd; + background-color: #ffffff; + border: 1px solid #dddddd; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; @@ -4741,7 +4742,7 @@ a.thumbnail:focus { .thumbnail .caption { padding: 9px; - color: #555555; + color: #333333; } .media, -- cgit v1.2.3 From e0d60b1325591a347d9e49e44be6d77401b07749 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 21 Apr 2013 19:35:36 -0700 Subject: Fixes #7617: lowercase and dash gray color vars --- docs/assets/css/bootstrap.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index f40720bf4..624daf46c 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3471,8 +3471,8 @@ button.close { .nav-pills .open .dropdown-toggle, .nav > li.dropdown.open.active > a:hover { color: #fff; - background-color: @grayLight; - border-color: @grayLight; + background-color: @gray-light; + border-color: @gray-light; } .nav li.dropdown.open .caret, .nav li.dropdown.open.active .caret, @@ -3484,7 +3484,7 @@ button.close { // Dropdowns in stacked tabs .tabs-stacked .open > a:hover { - border-color: @grayLight; + border-color: @gray-light; } */ -- cgit v1.2.3 From 55bbb9ffd704353140cb1d42804ecd99f576f642 Mon Sep 17 00:00:00 2001 From: Artur Kwiatkowski Date: Mon, 22 Apr 2013 15:34:23 +0200 Subject: Nuked local .a() mixins and simplified the nesting --- docs/assets/css/bootstrap.css | 18 ++++++++++-------- 1 file changed, 10 insertions(+), 8 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 3a6866785..c7e2b4eb1 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -4795,7 +4795,9 @@ a.thumbnail:focus { border-radius: .25em; } +.label[href]:hover, a.label:hover, +.label[href]:focus, a.label:focus { color: #fff; text-decoration: none; @@ -4810,14 +4812,6 @@ a.label:focus { background-color: #c9302c; } -.label-warning { - background-color: #f0ad4e; -} - -.label-warning[href] { - background-color: #ec971f; -} - .label-success { background-color: #5cb85c; } @@ -4826,6 +4820,14 @@ a.label:focus { background-color: #449d44; } +.label-warning { + background-color: #f0ad4e; +} + +.label-warning[href] { + background-color: #ec971f; +} + .label-info { background-color: #5bc0de; } -- cgit v1.2.3 From 57ba494409f91f63b1b1a6ac3d2e74da9635135e Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 26 Apr 2013 10:44:44 -0700 Subject: running make --- docs/assets/css/bootstrap.css | 17 ++++++++++------- 1 file changed, 10 insertions(+), 7 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index c7e2b4eb1..f8db46767 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -4796,19 +4796,19 @@ a.thumbnail:focus { } .label[href]:hover, -a.label:hover, -.label[href]:focus, -a.label:focus { +.label[href]:focus { color: #fff; text-decoration: none; cursor: pointer; + background-color: #808080; } .label-danger { background-color: #d9534f; } -.label-danger[href] { +.label-danger[href]:hover, +.label-danger[href]:focus { background-color: #c9302c; } @@ -4816,7 +4816,8 @@ a.label:focus { background-color: #5cb85c; } -.label-success[href] { +.label-success[href]:hover, +.label-success[href]:focus { background-color: #449d44; } @@ -4824,7 +4825,8 @@ a.label:focus { background-color: #f0ad4e; } -.label-warning[href] { +.label-warning[href]:hover, +.label-warning[href]:focus { background-color: #ec971f; } @@ -4832,7 +4834,8 @@ a.label:focus { background-color: #5bc0de; } -.label-info[href] { +.label-info[href]:hover, +.label-info[href]:focus { background-color: #31b0d5; } -- cgit v1.2.3 From 8ae9c6ab34128ea863343abaeff39ca7c6f4618c Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 26 Apr 2013 23:13:04 -0700 Subject: Fixes #7688: move font-weight for glyphicons to before pseudo element --- docs/assets/css/bootstrap.css | 5 ++--- 1 file changed, 2 insertions(+), 3 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index f8db46767..70b610e52 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -2147,15 +2147,14 @@ fieldset[disabled] .btn-link:focus { @font-face { font-family: 'Glyphicons Halflings'; - font-style: normal; - font-weight: normal; src: url('../fonts/glyphiconshalflings-regular.eot'); src: url('../fonts/glyphiconshalflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphiconshalflings-regular.woff') format('woff'), url('../fonts/glyphiconshalflings-regular.ttf') format('truetype'), url('../fonts/glyphiconshalflings-regular.svg#glyphicons_halflingsregular') format('svg'); } -.glyphicon:before { +.glyphicon::before { font-family: 'Glyphicons Halflings'; font-style: normal; + font-weight: normal; line-height: 1; } -- cgit v1.2.3 From efd3b0c1711a443e5ad97c6278addadfe2cedc5d Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 26 Apr 2013 23:59:51 -0700 Subject: Back to two grid classes, .col and .col-lg-* --- docs/assets/css/bootstrap.css | 73 +++++++++++++++++++++---------------------- 1 file changed, 35 insertions(+), 38 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 70b610e52..380a75738 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -784,107 +784,98 @@ pre code { margin-left: -15px; } -[class*="col-span-"], -[class*="col-small-"] { +.col { position: relative; + float: left; + width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; } -[class*="col-small-"] { - float: left; -} - -.col-small-span-12 { +.col-sm-12 { width: 100%; } -.col-small-span-11 { +.col-sm-11 { width: 91.66666666666666%; } -.col-small-span-10 { +.col-sm-10 { width: 83.33333333333334%; } -.col-small-span-9 { +.col-sm-9 { width: 75%; } -.col-small-span-8 { +.col-sm-8 { width: 66.66666666666666%; } -.col-small-span-7 { +.col-sm-7 { width: 58.333333333333336%; } -.col-small-span-6 { +.col-sm-6 { width: 50%; } -.col-small-span-5 { +.col-sm-5 { width: 41.66666666666667%; } -.col-small-span-4 { +.col-sm-4 { width: 33.33333333333333%; } -.col-small-span-3 { +.col-sm-3 { width: 25%; } -.col-small-span-2 { +.col-sm-2 { width: 16.666666666666664%; } -.col-small-span-1 { +.col-sm-1 { width: 8.333333333333332%; } @media screen and (min-width: 768px) { - .container { - max-width: 728px; - } - [class*="col-span-"] { - float: left; - } - .col-span-12 { + .col-lg-12 { width: 100%; } - .col-span-11 { + .col-lg-11 { width: 91.66666666666666%; } - .col-span-10 { + .col-lg-10 { width: 83.33333333333334%; } - .col-span-9 { + .col-lg-9 { width: 75%; } - .col-span-8 { + .col-lg-8 { width: 66.66666666666666%; } - .col-span-7 { + .col-lg-7 { width: 58.333333333333336%; } - .col-span-6 { + .col-lg-6 { width: 50%; } - .col-span-5 { + .col-lg-5 { width: 41.66666666666667%; } - .col-span-4 { + .col-lg-4 { width: 33.33333333333333%; } - .col-span-3 { + .col-lg-3 { width: 25%; } - .col-span-2 { + .col-lg-2 { width: 16.666666666666664%; } - .col-span-1 { + .col-lg-1 { width: 8.333333333333332%; } .col-offset-12 { @@ -997,6 +988,12 @@ pre code { } } +@media screen and (min-width: 768px) { + .container { + max-width: 728px; + } +} + @media screen and (min-width: 992px) { .container { max-width: 940px; @@ -1009,9 +1006,9 @@ pre code { } } -[class*="col-span-"].pull-right { +/*[class*="col-span-"].pull-right { float: right; -} +}*/ table { max-width: 100%; -- cgit v1.2.3 From 9ce7f22e991804cd08c4dc612cd929d07dc0a28f Mon Sep 17 00:00:00 2001 From: Kevin Date: Sat, 27 Apr 2013 18:47:47 +0200 Subject: Adding media queries breakpoints variables --- docs/assets/css/bootstrap.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 70b610e52..2b4ca441f 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -5341,7 +5341,7 @@ a.list-group-item.active > .badge, display: inherit !important; } -@media (min-width: 768px) and (max-width: 979px) { +@media (min-width: 768px) and (max-width: 992px) { .visible-phone { display: none !important; } @@ -5362,7 +5362,7 @@ a.list-group-item.active > .badge, } } -@media (min-width: 980px) { +@media (min-width: 992px) { .visible-phone { display: none !important; } -- cgit v1.2.3 From 2ffa0e44094ab67e23fb1642d6b1b8d269d3a2f1 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 27 Apr 2013 11:55:45 -0700 Subject: Add maximum bounds variables for so our responsive utilities don't overlap --- docs/assets/css/bootstrap.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 2b4ca441f..be8236ea3 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -5341,7 +5341,7 @@ a.list-group-item.active > .badge, display: inherit !important; } -@media (min-width: 768px) and (max-width: 992px) { +@media (min-width: 768px) and (max-width: 991px) { .visible-phone { display: none !important; } -- cgit v1.2.3 From 8b3a1702d443c4a451d02d3482ed2cb4aeff0d44 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 27 Apr 2013 18:28:39 -0700 Subject: Overhaul navbar navs * Switch from to to eliminate an element in selectors * Drop .navbar-divider entirely --- docs/assets/css/bootstrap.css | 129 +++++++++++++++--------------------------- 1 file changed, 45 insertions(+), 84 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index be8236ea3..b4a3b5854 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3515,33 +3515,33 @@ button.close { clear: both; } -.navbar .nav { +.navbar-nav { margin-top: 15px; } -.navbar .nav > li > a { +.navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px; line-height: 20px; color: #777777; } -.navbar .nav > li > a:hover, -.navbar .nav > li > a:focus { +.navbar-nav > li > a:hover, +.navbar-nav > li > a:focus { color: #333333; background-color: transparent; } -.navbar .nav > .active > a, -.navbar .nav > .active > a:hover, -.navbar .nav > .active > a:focus { +.navbar-nav > .active > a, +.navbar-nav > .active > a:hover, +.navbar-nav > .active > a:focus { color: #555555; background-color: #d5d5d5; } -.navbar .nav > .disabled > a, -.navbar .nav > .disabled > a:hover, -.navbar .nav > .disabled > a:focus { +.navbar-nav > .disabled > a, +.navbar-nav > .disabled > a:hover, +.navbar-nav > .disabled > a:focus { color: #cccccc; background-color: transparent; } @@ -3570,7 +3570,7 @@ button.close { .navbar-brand { display: block; max-width: 200px; - padding: 7px 15px; + padding: 15px; margin-right: auto; margin-left: auto; font-size: 18px; @@ -3614,57 +3614,49 @@ button.close { margin-top: 4px; } -.navbar .nav > .divider { - height: 2px; - margin: 9px 0; - overflow: hidden; - background-color: #e1e1e1; - border-bottom: 1px solid #fbfbfb; -} - .navbar-form { margin-top: 8px; margin-bottom: 8px; } -.navbar .nav > li > .dropdown-menu { +.navbar-nav > li > .dropdown-menu { margin-top: 0; border-top-right-radius: 0; border-top-left-radius: 0; } -.navbar-fixed-bottom .nav > li > .dropdown-menu { +.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } -.navbar .nav li.dropdown > a:hover .caret, -.navbar .nav li.dropdown > a:focus .caret { +.navbar-nav li.dropdown > a:hover .caret, +.navbar-nav li.dropdown > a:focus .caret { border-top-color: #333333; border-bottom-color: #333333; } -.navbar .nav li.dropdown.open > .dropdown-toggle, -.navbar .nav li.dropdown.active > .dropdown-toggle, -.navbar .nav li.dropdown.open.active > .dropdown-toggle { +.navbar-nav li.dropdown.open > .dropdown-toggle, +.navbar-nav li.dropdown.active > .dropdown-toggle, +.navbar-nav li.dropdown.open.active > .dropdown-toggle { color: #555555; background-color: #d5d5d5; } -.navbar .nav li.dropdown > .dropdown-toggle .caret { +.navbar-nav li.dropdown > .dropdown-toggle .caret { border-top-color: #777777; border-bottom-color: #777777; } -.navbar .nav li.dropdown.open > .dropdown-toggle .caret, -.navbar .nav li.dropdown.active > .dropdown-toggle .caret, -.navbar .nav li.dropdown.open.active > .dropdown-toggle .caret { +.navbar-nav li.dropdown.open > .dropdown-toggle .caret, +.navbar-nav li.dropdown.active > .dropdown-toggle .caret, +.navbar-nav li.dropdown.open.active > .dropdown-toggle .caret { border-top-color: #555555; border-bottom-color: #555555; } -.navbar .pull-right > li > .dropdown-menu, -.navbar .nav > li > .dropdown-menu.pull-right { +.navbar-nav.pull-right > li > .dropdown-menu, +.navbar-nav > li > .dropdown-menu.pull-right { right: 0; left: auto; } @@ -3687,26 +3679,26 @@ button.close { color: #999999; } -.navbar-inverse .nav > li > a { +.navbar-inverse .navbar-nav > li > a { color: #999999; } -.navbar-inverse .nav > li > a:hover, -.navbar-inverse .nav > li > a:focus { +.navbar-inverse .navbar-nav > li > a:hover, +.navbar-inverse .navbar-nav > li > a:focus { color: #ffffff; background-color: transparent; } -.navbar-inverse .nav > .active > a, -.navbar-inverse .nav > .active > a:hover, -.navbar-inverse .nav > .active > a:focus { +.navbar-inverse .navbar-nav > .active > a, +.navbar-inverse .navbar-nav > .active > a:hover, +.navbar-inverse .navbar-nav > .active > a:focus { color: #ffffff; background-color: #080808; } -.navbar-inverse .nav > .disabled > a, -.navbar-inverse .nav > .disabled > a:hover, -.navbar-inverse .nav > .disabled > a:focus { +.navbar-inverse .navbar-nav > .disabled > a, +.navbar-inverse .navbar-nav > .disabled > a:hover, +.navbar-inverse .navbar-nav > .disabled > a:focus { color: #444444; background-color: transparent; } @@ -3724,31 +3716,26 @@ button.close { background-color: #fff; } -.navbar-inverse .nav > .divider { - background-color: #151515; - border-bottom-color: #2f2f2f; -} - -.navbar-inverse .nav li.dropdown.open > .dropdown-toggle, -.navbar-inverse .nav li.dropdown.active > .dropdown-toggle, -.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle { +.navbar-inverse .navbar-nav li.dropdown.open > .dropdown-toggle, +.navbar-inverse .navbar-nav li.dropdown.active > .dropdown-toggle, +.navbar-inverse .navbar-nav li.dropdown.open.active > .dropdown-toggle { color: #ffffff; background-color: #080808; } -.navbar-inverse .nav li.dropdown > a:hover .caret { +.navbar-inverse .navbar-nav li.dropdown > a:hover .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; } -.navbar-inverse .nav li.dropdown > .dropdown-toggle .caret { +.navbar-inverse .navbar-nav li.dropdown > .dropdown-toggle .caret { border-top-color: #999999; border-bottom-color: #999999; } -.navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret, -.navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret, -.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle .caret { +.navbar-inverse .navbar-nav li.dropdown.open > .dropdown-toggle .caret, +.navbar-inverse .navbar-nav li.dropdown.active > .dropdown-toggle .caret, +.navbar-inverse .navbar-nav li.dropdown.open.active > .dropdown-toggle .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; } @@ -3760,36 +3747,19 @@ button.close { } .navbar-brand { float: left; - padding-top: 15px; - padding-bottom: 15px; - margin-left: -10px; + margin-right: 5px; + margin-left: -5px; } .navbar .nav { float: left; margin-top: 0; } - .navbar .nav:before, - .navbar .nav:after { - display: table; - content: " "; - } - .navbar .nav:after { - clear: both; - } - .navbar .nav:before, - .navbar .nav:after { - display: table; - content: " "; - } - .navbar .nav:after { - clear: both; + .navbar .nav > li { + float: left; } .navbar .nav.pull-right { float: right; } - .navbar .nav > li { - float: left; - } .navbar .nav > .divider { width: 1px; height: 30px; @@ -3800,15 +3770,6 @@ button.close { .navbar-inverse .nav > .divider { border-right-color: #2f2f2f; } - .navbar-fixed-left { - padding-right: 0; - padding-left: 0; - } - .navbar-fixed-left .navbar-brand, - .navbar-fixed-left .nav, - .navbar-fixed-left .nav > li { - float: none; - } .navbar-toggle { position: relative; top: auto; -- cgit v1.2.3 From 3326e1b21e2368878a1c7f7bbd8d31d58fff5276 Mon Sep 17 00:00:00 2001 From: Robert Burns Date: Sun, 28 Apr 2013 10:08:48 -0400 Subject: Fix navbar on phone/tablet devices after navbar overhaul --- docs/assets/css/bootstrap.css | 6 +----- 1 file changed, 1 insertion(+), 5 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index b4a3b5854..888730f7a 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3490,7 +3490,7 @@ button.close { .navbar { position: relative; - padding: 10px 15px; + padding: 0 15px; background-color: #eeeeee; border-radius: 4px; } @@ -3741,10 +3741,6 @@ button.close { } @media screen and (min-width: 768px) { - .navbar { - padding-top: 0; - padding-bottom: 0; - } .navbar-brand { float: left; margin-right: 5px; -- cgit v1.2.3 From bbee78b30b40ff0b1473a06ea7ecf5a42d51b614 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 28 Apr 2013 14:27:48 -0700 Subject: derp on navbar toggle and docs positions --- docs/assets/css/bootstrap.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index b4a3b5854..5e5d325a6 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3516,7 +3516,7 @@ button.close { } .navbar-nav { - margin-top: 15px; + margin-top: 5px; } .navbar-nav > li > a { -- cgit v1.2.3 From 447be1b3264eac4b22edc1584a6cb6f098bb2d7c Mon Sep 17 00:00:00 2001 From: Robert Burns Date: Sun, 28 Apr 2013 21:51:02 -0400 Subject: Cleanup breadcrumb divider last item Modify to hide both padding and leading/trailing whitespace Thanks to https://github.com/holic for suggestion --- docs/assets/css/bootstrap.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 97e43f22c..12d4e5021 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -4024,7 +4024,7 @@ button.close { } .breadcrumb > li:last-child:after { - content: ""; + display: none; } .breadcrumb > .active { -- cgit v1.2.3 From e13d05317ee5a944bdf34c1dda65bcc30a7915f6 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 28 Apr 2013 22:45:56 -0700 Subject: single colon pseudo element for ie8 --- docs/assets/css/bootstrap.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 97e43f22c..4a57ea259 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -2148,7 +2148,7 @@ fieldset[disabled] .btn-link:focus { src: url('../fonts/glyphiconshalflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphiconshalflings-regular.woff') format('woff'), url('../fonts/glyphiconshalflings-regular.ttf') format('truetype'), url('../fonts/glyphiconshalflings-regular.svg#glyphicons_halflingsregular') format('svg'); } -.glyphicon::before { +.glyphicon:before { font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; -- cgit v1.2.3 From e8b731864608d2f86db37705880ec92136e7347a Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 30 Apr 2013 19:07:28 -0700 Subject: no need for zero padding on navbar top/bottom; better comment --- docs/assets/css/bootstrap.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index ecf7c7585..12a4d691f 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3487,7 +3487,8 @@ button.close { .navbar { position: relative; - padding: 0 15px; + padding-top: 15px; + padding-bottom: 15px; background-color: #eeeeee; border-radius: 4px; } -- cgit v1.2.3 From 69f5447afab3209cee5f96097447df058084d1c3 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 30 Apr 2013 19:12:48 -0700 Subject: add back bottom margin to navbars --- docs/assets/css/bootstrap.css | 1 + 1 file changed, 1 insertion(+) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 12a4d691f..3dd8bc5b1 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3489,6 +3489,7 @@ button.close { position: relative; padding-top: 15px; padding-bottom: 15px; + margin-bottom: 20px; background-color: #eeeeee; border-radius: 4px; } -- cgit v1.2.3 From 0780faad45d106fbe8bd0de64e1cdfb3d6117d0e Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 30 Apr 2013 19:20:41 -0700 Subject: make that left/right padding, not top/bottom on navbar --- docs/assets/css/bootstrap.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 3dd8bc5b1..7b3575426 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3487,8 +3487,8 @@ button.close { .navbar { position: relative; - padding-top: 15px; - padding-bottom: 15px; + padding-right: 15px; + padding-left: 15px; margin-bottom: 20px; background-color: #eeeeee; border-radius: 4px; -- cgit v1.2.3 From 47155e8aa38856ff928be02b33454ae79d84aa2e Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 30 Apr 2013 19:35:52 -0700 Subject: outdent the rows for tablets and above --- docs/assets/css/bootstrap.css | 4 ++++ 1 file changed, 4 insertions(+) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 7b3575426..1f338a871 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -992,6 +992,10 @@ pre code { .container { max-width: 728px; } + .row { + margin-right: -15px; + margin-left: -15px; + } } @media screen and (min-width: 992px) { -- cgit v1.2.3 From 9cd3a92713bb8e2b78ea6496f69ee14ce1e46b3f Mon Sep 17 00:00:00 2001 From: DarDar Date: Wed, 24 Apr 2013 00:41:06 +0200 Subject: Use @font-size-... variables instead of hardcoded font-size in px --- docs/assets/css/bootstrap.css | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 1f338a871..2bd9a2119 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3192,9 +3192,9 @@ a.list-group-item.active .list-group-item-text { .close { float: right; - font-size: 20px; + font-size: 21px; font-weight: bold; - line-height: 20px; + line-height: 1; color: #000; text-shadow: 0 1px 0 #ffffff; opacity: 0.2; @@ -3382,7 +3382,7 @@ button.close { .nav-header { display: block; padding: 3px 15px; - font-size: 11px; + font-size: 10.5px; font-weight: bold; line-height: 20px; color: #999999; @@ -3576,7 +3576,7 @@ button.close { padding: 15px; margin-right: auto; margin-left: auto; - font-size: 18px; + font-size: 17.5px; font-weight: 500; line-height: 20px; color: #777777; @@ -4355,7 +4355,7 @@ button.close { position: absolute; z-index: 1030; display: block; - font-size: 11px; + font-size: 10.5px; line-height: 1.4; opacity: 0; filter: alpha(opacity=0); @@ -4802,7 +4802,7 @@ a.thumbnail:focus { display: inline-block; min-width: 10px; padding: 3px 7px; - font-size: 12px; + font-size: 11.9px; font-weight: bold; line-height: 1; color: #fff; @@ -4902,7 +4902,7 @@ a.list-group-item.active > .badge, float: left; width: 0; height: 100%; - font-size: 12px; + font-size: 11.9px; color: #fff; text-align: center; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); @@ -5216,7 +5216,7 @@ a.list-group-item.active > .badge, border-radius: 6px; } .jumbotron h1 { - font-size: 60px; + font-size: 63px; } } -- cgit v1.2.3 From 08fea3304ac8393ca5f549082f7e195e1762fb40 Mon Sep 17 00:00:00 2001 From: Kevin Ingersoll Date: Fri, 3 May 2013 15:27:10 +1200 Subject: Fix input border flicker in Chrome from @garoevans, closes #7689 --- docs/assets/css/bootstrap.css | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 1f338a871..281508ac0 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -1261,10 +1261,10 @@ input[type="color"] { border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; - -moz-transition: border linear 0.2s, box-shadow linear 0.2s; - -o-transition: border linear 0.2s, box-shadow linear 0.2s; - transition: border linear 0.2s, box-shadow linear 0.2s; + -webkit-transition: border-color linear 0.2s, box-shadow linear 0.2s; + -moz-transition: border-color linear 0.2s, box-shadow linear 0.2s; + -o-transition: border-color linear 0.2s, box-shadow linear 0.2s; + transition: border-color linear 0.2s, box-shadow linear 0.2s; } input, -- cgit v1.2.3 From 1587b8948f3f1e2471c3bf4005a8ba722bffc78d Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 3 May 2013 10:53:26 -0700 Subject: run make on previous commits --- docs/assets/css/bootstrap.css | 75 +++++++++---------------------------------- 1 file changed, 15 insertions(+), 60 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 1f338a871..5f867fa2f 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -1396,15 +1396,17 @@ textarea::-webkit-input-placeholder { margin-top: -5px; } +/* +// Move the options list down to align with labels .controls > .radio:first-child, .controls > .checkbox:first-child { - padding-top: 5px; + padding-top: 5px; // has to be padding because margin collaspes } +*/ .radio-inline, .checkbox-inline { display: inline-block; - padding-top: 5px; padding-left: 20px; margin-bottom: 0; font-weight: normal; @@ -3759,16 +3761,6 @@ button.close { .navbar .nav.pull-right { float: right; } - .navbar .nav > .divider { - width: 1px; - height: 30px; - margin: 10px 9px; - border-right: 1px solid #fbfbfb; - border-bottom: 0; - } - .navbar-inverse .nav > .divider { - border-right-color: #2f2f2f; - } .navbar-toggle { position: relative; top: auto; @@ -3781,62 +3773,25 @@ button.close { } } -/* +.navbar-btn { + margin-top: 8px; +} -// Janky solution for now to account for links outside the .nav -// ------------------------- .navbar-link { - color: @navbar-link-color; - &:hover { - color: @navbar-link-hover-color; - } + color: #777777; } -// Buttons in navbar -// ------------------------- -.navbar .btn, -.navbar .btn-group { - .navbarVerticalAlign(30px); // Vertically center in navbar -} -.navbar .btn-group .btn, -.navbar .input-prepend .btn, -.navbar .input-append .btn { - margin-top: 0; // then undo the margin here so we don't accidentally double it +.navbar-link:hover { + color: #333333; } -// Navbar forms -// ------------------------- -.navbar-form { - margin-bottom: 0; // remove default bottom margin - .clearfix(); - input, - select, - .radio, - .checkbox { - .navbarVerticalAlign(30px); // Vertically center in navbar - } - input, - select, - .btn { - display: inline-block; - margin-bottom: 0; - } - input[type="image"], - input[type="checkbox"], - input[type="radio"] { - margin-top: 3px; - } - .input-append, - .input-prepend { - margin-top: 5px; - white-space: nowrap; // preven two items from separating within a .navbar-form that has .pull-left - input { - margin-top: 0; // remove the margin on top since it's on the parent - } - } +.navbar-inverse .navbar-link { + color: #999999; } -*/ +.navbar-inverse .navbar-link:hover { + color: #ffffff; +} .btn .caret { border-top-color: #ffffff; -- cgit v1.2.3 From b5d68f59c20bbc9bd0290950d0d04db417697843 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 3 May 2013 11:56:00 -0700 Subject: Add cursor: pointer; to .checkbox and .radio and their inline counterparts --- docs/assets/css/bootstrap.css | 2 ++ 1 file changed, 2 insertions(+) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 5f867fa2f..0216ffc5b 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -1381,6 +1381,7 @@ textarea::-webkit-input-placeholder { display: inline; margin-bottom: 0; font-weight: normal; + cursor: pointer; } .radio input[type="radio"], @@ -1411,6 +1412,7 @@ textarea::-webkit-input-placeholder { margin-bottom: 0; font-weight: normal; vertical-align: middle; + cursor: pointer; } .radio-inline + .radio-inline, -- cgit v1.2.3 From e1d947f53e0591f2765290784f9e09f46e002558 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 3 May 2013 14:56:57 -0700 Subject: Scope .table-bordered styles to immediate children only --- docs/assets/css/bootstrap.css | 78 +++++++++++++++++++++---------------------- 1 file changed, 39 insertions(+), 39 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index a17a47128..9df8dc84e 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -1073,72 +1073,72 @@ th { border-radius: 4px; } -.table-bordered thead > tr > th, -.table-bordered tbody > tr > th, -.table-bordered thead > tr > td, -.table-bordered tbody > tr > td { +.table-bordered > thead > tr > th, +.table-bordered > tbody > tr > th, +.table-bordered > thead > tr > td, +.table-bordered > tbody > tr > td { border-left: 1px solid #dddddd; } -.table-bordered caption + thead > tr:first-child th, -.table-bordered caption + tbody > tr:first-child th, -.table-bordered caption + tbody > tr:first-child td, -.table-bordered colgroup + thead > tr:first-child th, -.table-bordered colgroup + tbody > tr:first-child th, -.table-bordered colgroup + tbody > tr:first-child td, -.table-bordered thead:first-child > tr:first-child th, -.table-bordered tbody:first-child > tr:first-child th, -.table-bordered tbody:first-child > tr:first-child td { +.table-bordered > caption + thead > tr:first-child th, +.table-bordered > caption + tbody > tr:first-child th, +.table-bordered > caption + tbody > tr:first-child td, +.table-bordered > colgroup + thead > tr:first-child th, +.table-bordered > colgroup + tbody > tr:first-child th, +.table-bordered > colgroup + tbody > tr:first-child td, +.table-bordered > thead:first-child > tr:first-child th, +.table-bordered > tbody:first-child > tr:first-child th, +.table-bordered > tbody:first-child > tr:first-child td { border-top: 0; } -.table-bordered thead:first-child > tr:first-child > th:first-child, -.table-bordered tbody:first-child > tr:first-child > td:first-child, -.table-bordered tbody:first-child > tr:first-child > th:first-child { +.table-bordered > thead:first-child > tr:first-child > th:first-child, +.table-bordered > tbody:first-child > tr:first-child > td:first-child, +.table-bordered > tbody:first-child > tr:first-child > th:first-child { border-top-left-radius: 4px; } -.table-bordered thead:first-child > tr:first-child > th:last-child, -.table-bordered tbody:first-child > tr:first-child > td:last-child, -.table-bordered tbody:first-child > tr:first-child > th:last-child { +.table-bordered > thead:first-child > tr:first-child > th:last-child, +.table-bordered > tbody:first-child > tr:first-child > td:last-child, +.table-bordered > tbody:first-child > tr:first-child > th:last-child { border-top-right-radius: 4px; } -.table-bordered thead:last-child > tr:last-child > th:first-child, -.table-bordered tbody:last-child > tr:last-child > td:first-child, -.table-bordered tbody:last-child > tr:last-child > th:first-child, -.table-bordered tfoot:last-child > tr:last-child > td:first-child, -.table-bordered tfoot:last-child > tr:last-child > th:first-child { +.table-bordered > thead:last-child > tr:last-child > th:first-child, +.table-bordered > tbody:last-child > tr:last-child > td:first-child, +.table-bordered > tbody:last-child > tr:last-child > th:first-child, +.table-bordered > tfoot:last-child > tr:last-child > td:first-child, +.table-bordered > tfoot:last-child > tr:last-child > th:first-child { border-bottom-left-radius: 4px; } -.table-bordered thead:last-child > tr:last-child > th:last-child, -.table-bordered tbody:last-child > tr:last-child > td:last-child, -.table-bordered tbody:last-child > tr:last-child > th:last-child, -.table-bordered tfoot:last-child > tr:last-child > td:last-child, -.table-bordered tfoot:last-child > tr:last-child > th:last-child { +.table-bordered > thead:last-child > tr:last-child > th:last-child, +.table-bordered > tbody:last-child > tr:last-child > td:last-child, +.table-bordered > tbody:last-child > tr:last-child > th:last-child, +.table-bordered > tfoot:last-child > tr:last-child > td:last-child, +.table-bordered > tfoot:last-child > tr:last-child > th:last-child { border-bottom-right-radius: 4px; } -.table-bordered tfoot + tbody:last-child > tr:last-child > td:first-child { +.table-bordered > tfoot + tbody:last-child > tr:last-child > td:first-child { border-bottom-left-radius: 0; } -.table-bordered tfoot + tbody:last-child > tr:last-child > td:last-child { +.table-bordered > tfoot + tbody:last-child > tr:last-child > td:last-child { border-bottom-right-radius: 0; } -.table-bordered caption + thead > tr:first-child > th:first-child, -.table-bordered caption + tbody > tr:first-child > td:first-child, -.table-bordered colgroup + thead > tr:first-child > th:first-child, -.table-bordered colgroup + tbody > tr:first-child > td:first-child { +.table-bordered > caption + thead > tr:first-child > th:first-child, +.table-bordered > caption + tbody > tr:first-child > td:first-child, +.table-bordered > colgroup + thead > tr:first-child > th:first-child, +.table-bordered > colgroup + tbody > tr:first-child > td:first-child { border-top-left-radius: 4px; } -.table-bordered caption + thead > tr:first-child > th:last-child, -.table-bordered caption + tbody > tr:first-child > td:last-child, -.table-bordered colgroup + thead > tr:first-child > th:last-child, -.table-bordered colgroup + tbody > tr:first-child > td:last-child { +.table-bordered > caption + thead > tr:first-child > th:last-child, +.table-bordered > caption + tbody > tr:first-child > td:last-child, +.table-bordered > colgroup + thead > tr:first-child > th:last-child, +.table-bordered > colgroup + tbody > tr:first-child > td:last-child { border-top-right-radius: 4px; } -- cgit v1.2.3 From a6f7f96a93a650fc7e71337c836f0221433b65f2 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 3 May 2013 15:29:10 -0700 Subject: recompile after last justified nav tweaks --- docs/assets/css/bootstrap.css | 6 ++++++ 1 file changed, 6 insertions(+) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 58b775060..131b0c6fa 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3332,6 +3332,9 @@ button.close { display: table-cell; float: none; width: 1%; +} + +.nav-tabs.nav-justified > li > a { text-align: center; } @@ -3380,6 +3383,9 @@ button.close { display: table-cell; float: none; width: 1%; +} + +.nav-justified > li > a { text-align: center; } -- cgit v1.2.3 From 7d41a387693c49347e06572ceb7ec2207ee30d46 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 3 May 2013 16:16:26 -0700 Subject: Fixes #7511: add support for nested button groups so you can use dropdowns in your button groups --- docs/assets/css/bootstrap.css | 19 +++++++++++++++++++ 1 file changed, 19 insertions(+) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 131b0c6fa..e1260c7d5 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3889,6 +3889,25 @@ button.close { border-bottom-right-radius: 6px; } +.btn-group > .btn-group { + float: left; +} + +.btn-group > .btn-group > .btn { + border-radius: 0; +} + +.btn-group > .btn-group:last-child > .btn { + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} + +.btn-group > .btn-group:first-child > .btn { + margin-left: 0; + border-bottom-left-radius: 4px; + border-top-left-radius: 4px; +} + .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; -- cgit v1.2.3 From dcf7cc084d6b2d0522860c4c9be6e914c67ab91a Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 4 May 2013 13:11:20 -0700 Subject: Fixes #7783: nuke bottom margin on fixed-bottom-navbar --- docs/assets/css/bootstrap.css | 1 + 1 file changed, 1 insertion(+) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index e1260c7d5..eba96cb30 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3578,6 +3578,7 @@ button.close { .navbar-fixed-bottom { bottom: 0; + margin-bottom: 0; } .navbar-brand { -- cgit v1.2.3 From f06294d80f7a8dd0752837aab3ed5fca17d3d9be Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 7 May 2013 10:33:41 -0700 Subject: Outdent nav links a bit more so they line up in navbar --- docs/assets/css/bootstrap.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 67b0bd18e..e8ddf5bb1 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3529,7 +3529,7 @@ button.close { } .navbar-nav { - margin-top: 5px; + margin: 10px -15px 0; } .navbar-nav > li > a { -- cgit v1.2.3 From d7f84d1220719cdf2272c9aa3c6731a932394c58 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 7 May 2013 18:07:06 -0700 Subject: Require .btn-default for regular buttons * Instead of , use for standard, gray button * Improves ability to customize buttons by encouraging folks to not override .btn and thus overriding all button modifier classes * Updates docs to reflect the change * Reorganize buttons CSS --- docs/assets/css/bootstrap.css | 111 ++++++++++++++++++++++-------------------- 1 file changed, 58 insertions(+), 53 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index e8ddf5bb1..26cfc3b09 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -1830,7 +1830,7 @@ select:focus:invalid:focus { white-space: nowrap; vertical-align: middle; cursor: pointer; - border: 1px solid #a7a9aa; + border: 1px solid transparent; border-radius: 4px; } @@ -1865,72 +1865,38 @@ fieldset[disabled] .btn { box-shadow: none; } -.btn-large { - padding: 11px 14px; - font-size: 17.5px; - border-radius: 6px; -} - -.btn-small { - padding: 2px 10px; - font-size: 11.9px; - border-radius: 3px; -} - -.btn-mini { - padding: 0 6px; - font-size: 10.5px; - border-radius: 3px; -} - -.btn-block { - display: block; - width: 100%; - padding-right: 0; - padding-left: 0; -} - -.btn-block + .btn-block { - margin-top: 5px; -} - -input[type="submit"].btn-block, -input[type="reset"].btn-block, -input[type="button"].btn-block { - width: 100%; -} - -.btn { +.btn-default { color: #ffffff; background-color: #a7a9aa; border-color: #a7a9aa; } -.btn:hover, -.btn:focus, -.btn:active, -.btn.active { +.btn-default:hover, +.btn-default:focus, +.btn-default:active, +.btn-default.active { background-color: #9a9c9d; border-color: #8d9091; } -.btn.disabled:hover, -.btn[disabled]:hover, -fieldset[disabled] .btn:hover, -.btn.disabled:focus, -.btn[disabled]:focus, -fieldset[disabled] .btn:focus, -.btn.disabled:active, -.btn[disabled]:active, -fieldset[disabled] .btn:active, -.btn.disabled.active, -.btn[disabled].active, -fieldset[disabled] .btn.active { +.btn-default.disabled:hover, +.btn-default[disabled]:hover, +fieldset[disabled] .btn-default:hover, +.btn-default.disabled:focus, +.btn-default[disabled]:focus, +fieldset[disabled] .btn-default:focus, +.btn-default.disabled:active, +.btn-default[disabled]:active, +fieldset[disabled] .btn-default:active, +.btn-default.disabled.active, +.btn-default[disabled].active, +fieldset[disabled] .btn-default.active { background-color: #a7a9aa; border-color: #a7a9aa; } .btn-primary { + color: #ffffff; background-color: #428bca; border-color: #428bca; } @@ -1960,6 +1926,7 @@ fieldset[disabled] .btn-primary.active { } .btn-warning { + color: #ffffff; background-color: #f0ad4e; border-color: #f0ad4e; } @@ -1989,6 +1956,7 @@ fieldset[disabled] .btn-warning.active { } .btn-danger { + color: #ffffff; background-color: #d9534f; border-color: #d9534f; } @@ -2018,6 +1986,7 @@ fieldset[disabled] .btn-danger.active { } .btn-success { + color: #ffffff; background-color: #5cb85c; border-color: #5cb85c; } @@ -2047,6 +2016,7 @@ fieldset[disabled] .btn-success.active { } .btn-info { + color: #ffffff; background-color: #5bc0de; border-color: #5bc0de; } @@ -2114,6 +2084,41 @@ fieldset[disabled] .btn-link:focus { text-decoration: none; } +.btn-large { + padding: 11px 14px; + font-size: 17.5px; + border-radius: 6px; +} + +.btn-small { + padding: 2px 10px; + font-size: 11.9px; + border-radius: 3px; +} + +.btn-mini { + padding: 0 6px; + font-size: 10.5px; + border-radius: 3px; +} + +.btn-block { + display: block; + width: 100%; + padding-right: 0; + padding-left: 0; +} + +.btn-block + .btn-block { + margin-top: 5px; +} + +input[type="submit"].btn-block, +input[type="reset"].btn-block, +input[type="button"].btn-block { + width: 100%; +} + .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -- cgit v1.2.3 From c459c657f8e10ae1af6378114f4943104597c590 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 7 May 2013 21:56:55 -0700 Subject: Update forms * Overhaul the form control sizing section to only show sizing via grid columns as parents, not as classes on inputs * Restore the inline-form option * Restore the bottom margin on form controls and make them block level instead of inline-block * More misc docs cleanup for forms --- docs/assets/css/bootstrap.css | 22 ++++++++++++++++++---- 1 file changed, 18 insertions(+), 4 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index e8ddf5bb1..6b904d6e8 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -1249,9 +1249,10 @@ input[type="url"], input[type="search"], input[type="tel"], input[type="color"] { - display: inline-block; + display: block; min-height: 34px; padding: 6px 9px; + margin-bottom: 10px; font-size: 14px; line-height: 20px; color: #555555; @@ -1374,6 +1375,7 @@ textarea::-webkit-input-placeholder { min-height: 20px; padding-left: 20px; margin-bottom: 10px; + vertical-align: middle; } .radio label, @@ -1619,21 +1621,24 @@ select:focus:invalid:focus { display: table; } -.input-group[class*="span"] { +.input-group.col { float: none; - padding: 0; + padding-right: 0; + padding-left: 0; } .input-group input, .input-group select { width: 100%; + margin-bottom: 0; } .input-group-addon, .input-group-btn, .input-group input { display: table-cell; - margin: 0; + /*margin: 0;*/ + border-radius: 0; } @@ -1779,6 +1784,15 @@ select:focus:invalid:focus { border-bottom-right-radius: 3px; } +.form-inline input, +.form-inline select, +.form-inline textarea, +.form-inline .radio, +.form-inline .checkbox { + display: inline-block; + margin-bottom: 0; +} + @media screen and (min-width: 768px) { .form-horizontal .control-group { position: relative; -- cgit v1.2.3 From 1cb880b4f112463cbb8ad25ec680e561f978834e Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 8 May 2013 19:55:20 -0700 Subject: Fixes #7816: revert negative margin on .navbar-nav --- docs/assets/css/bootstrap.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 633543fd9..542b95d88 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3548,7 +3548,7 @@ button.close { } .navbar-nav { - margin: 10px -15px 0; + margin-top: 10px; } .navbar-nav > li > a { -- cgit v1.2.3 From 54561f11212faee93ab682660503c6324d8b2cf8 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 8 May 2013 19:57:42 -0700 Subject: hide entire navbar in print views --- docs/assets/css/bootstrap.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 542b95d88..996b7f5db 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -251,7 +251,7 @@ table { max-width: 100% !important; } @page { - margin: 0.5cm; + margin: 2cm .5cm; } p, h2, @@ -263,7 +263,7 @@ table { h3 { page-break-after: avoid; } - .navbar-toggle { + .navbar { display: none; } } -- cgit v1.2.3 From edb733ebc7db2d76bdac2611cbd83c5ae36f4fee Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 8 May 2013 21:56:08 -0700 Subject: Super massive docs overhaul * Bring back the navbar up top * Pull the docs content back into separate pages because a 6.6k line docs file is just crazy * Recenter the page content and bring back affixed side nav (needs work) --- docs/assets/css/bootstrap.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 996b7f5db..6910e7bd7 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3304,7 +3304,7 @@ button.close { float: right; } -.nav .divider { +.nav .nav-divider { height: 2px; margin: 9px 0; overflow: hidden; -- cgit v1.2.3 From cc5e6619b49d649632b9d76dfbdbf6329f978b7b Mon Sep 17 00:00:00 2001 From: Blake Embrey Date: Thu, 9 May 2013 13:09:33 -0700 Subject: Remove backface-visibility from progress bars. --- docs/assets/css/bootstrap.css | 3 --- 1 file changed, 3 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 6910e7bd7..03a26d13d 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -4915,9 +4915,6 @@ a.list-group-item.active > .badge, -moz-transition: width 0.6s ease; -o-transition: width 0.6s ease; transition: width 0.6s ease; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - backface-visibility: hidden; } .progress-striped .progress-bar { -- cgit v1.2.3 From 4a03d456514a5c352a4ac5ee1eed1f7154b67f6a Mon Sep 17 00:00:00 2001 From: Blake Embrey Date: Thu, 9 May 2013 13:48:02 -0700 Subject: Make icons antialiased on Webkit browsers. --- docs/assets/css/bootstrap.css | 1 + 1 file changed, 1 insertion(+) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 03a26d13d..5eef85435 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -2177,6 +2177,7 @@ input[type="button"].btn-block { .glyphicon:before { font-family: 'Glyphicons Halflings'; + -webkit-font-smoothing: antialiased; font-style: normal; font-weight: normal; line-height: 1; -- cgit v1.2.3 From 9716b73f67de690d008cbfc8f1375ee85cd2539d Mon Sep 17 00:00:00 2001 From: Blake Embrey Date: Thu, 9 May 2013 14:48:27 -0700 Subject: Make the border-radius on input-groups to be overrides instead of resets on every size. --- docs/assets/css/bootstrap.css | 95 ++++++++----------------------------------- 1 file changed, 16 insertions(+), 79 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 03a26d13d..0f6a12655 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -1637,20 +1637,11 @@ select:focus:invalid:focus { .input-group-btn, .input-group input { display: table-cell; - /*margin: 0;*/ - - border-radius: 0; -} - -.input-group-addon.input-small, -.input-group-btn.input-small, -.input-group input.input-small { - border-radius: 0; } -.input-group-addon.input-large, -.input-group-btn.input-large, -.input-group input.input-large { +.input-group-addon:not(:first-child):not(:last-child), +.input-group-btn:not(:first-child):not(:last-child), +.input-group input:not(:first-child):not(:last-child) { border-radius: 0; } @@ -1669,6 +1660,7 @@ select:focus:invalid:focus { text-shadow: 0 1px 0 #fff; background-color: #eeeeee; border: 1px solid #ccc; + border-radius: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; @@ -1677,29 +1669,21 @@ select:focus:invalid:focus { .input-group-addon.input-small { padding: 2px 10px; font-size: 11.9px; + border-radius: 3px; } .input-group-addon.input-large { padding: 11px 14px; font-size: 17.5px; + border-radius: 6px; } .input-group input:first-child, -.input-group-addon:first-child { - border-bottom-left-radius: 4px; - border-top-left-radius: 4px; -} - -.input-group input:first-child.input-small, -.input-group-addon:first-child.input-small { - border-bottom-left-radius: 3px; - border-top-left-radius: 3px; -} - -.input-group input:first-child.input-large, -.input-group-addon:first-child.input-large { - border-bottom-left-radius: 6px; - border-top-left-radius: 6px; +.input-group-addon:first-child, +.input-group-btn:first-child > .btn:first-child, +.input-group-btn:first-child > .dropdown-toggle:first-child { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } .input-group-addon:first-child { @@ -1707,21 +1691,11 @@ select:focus:invalid:focus { } .input-group input:last-child, -.input-group-addon:last-child { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} - -.input-group input:last-child.input-small, -.input-group-addon:last-child.input-small { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} - -.input-group input:last-child.input-large, -.input-group-addon:last-child.input-large { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; +.input-group-addon:last-child, +.input-group-btn:last-child > .btn:last-child, +.input-group-btn:last-child > .dropdown-toggle { + border-bottom-left-radius: 0; + border-top-left-radius: 0; } .input-group-addon:last-child { @@ -1736,7 +1710,6 @@ select:focus:invalid:focus { .input-group-btn > .btn { position: relative; float: left; - border-radius: 0; } .input-group-btn > .btn + .btn { @@ -1748,42 +1721,6 @@ select:focus:invalid:focus { z-index: 2; } -.input-group-btn:first-child > .btn:first-child, -.input-group-btn:first-child > .dropdown-toggle:first-child { - border-bottom-left-radius: 4px; - border-top-left-radius: 4px; -} - -.input-group-btn:first-child > .btn:first-child.btn-large, -.input-group-btn:first-child > .dropdown-toggle:first-child.btn-large { - border-bottom-left-radius: 6px; - border-top-left-radius: 6px; -} - -.input-group-btn:first-child > .btn:first-child.btn-small, -.input-group-btn:first-child > .dropdown-toggle:first-child.btn-small { - border-bottom-left-radius: 3px; - border-top-left-radius: 3px; -} - -.input-group-btn:last-child > .btn:last-child, -.input-group-btn:last-child > .dropdown-toggle { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} - -.input-group-btn:last-child > .btn:last-child.btn-large, -.input-group-btn:last-child > .dropdown-toggle.btn-large { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; -} - -.input-group-btn:last-child > .btn:last-child.btn-small, -.input-group-btn:last-child > .dropdown-toggle.btn-small { - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} - .form-inline input, .form-inline select, .form-inline textarea, -- cgit v1.2.3 From 293a3baca36fb8788fb75d331439f143f6762fc1 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 9 May 2013 15:05:06 -0700 Subject: More forms overhaul * Refactor the .forms-horizontal code--much simpler now and built on the Bootstrap grid system instead * Remove all the margins on form controls for simpler styling everywhere else--was overriding that way too often * Drop .help-inline, but keep .help-block * Drop the unused input grid class overrides --- docs/assets/css/bootstrap.css | 84 ++++++++----------------------------------- 1 file changed, 15 insertions(+), 69 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 03a26d13d..236256f64 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -1252,7 +1252,6 @@ input[type="color"] { display: block; min-height: 34px; padding: 6px 9px; - margin-bottom: 10px; font-size: 14px; line-height: 20px; color: #555555; @@ -1374,6 +1373,7 @@ textarea::-webkit-input-placeholder { display: block; min-height: 20px; padding-left: 20px; + margin-top: 10px; margin-bottom: 10px; vertical-align: middle; } @@ -1466,25 +1466,6 @@ input[type="color"].input-small { border-radius: 3px; } -input[class*="span"], -select[class*="span"], -textarea[class*="span"] { - float: none; - margin-right: 0; - margin-left: 0; -} - -.input-append input[class*="span"], -.input-prepend input[class*="span"] { - display: inline-block; -} - -input[class*="span"], -select[class*="span"], -textarea[class*="span"] { - height: 34px; -} - input[disabled], select[disabled], textarea[disabled], @@ -1601,20 +1582,11 @@ select:focus:invalid:focus { clear: both; } -.help-block, -.help-inline { - color: #737373; -} - .help-block { display: block; + margin-top: 5px; margin-bottom: 10px; -} - -.help-inline { - display: inline-block; - padding-left: 5px; - vertical-align: middle; + color: #737373; } .input-group { @@ -1790,47 +1762,21 @@ select:focus:invalid:focus { .form-inline .radio, .form-inline .checkbox { display: inline-block; +} + +.form-inline .radio, +.form-inline .checkbox { + margin-top: 0; margin-bottom: 0; } -@media screen and (min-width: 768px) { - .form-horizontal .control-group { - position: relative; - margin-bottom: 20px; - } - .form-horizontal .control-group:before, - .form-horizontal .control-group:after { - display: table; - content: " "; - } - .form-horizontal .control-group:after { - clear: both; - } - .form-horizontal .control-group:before, - .form-horizontal .control-group:after { - display: table; - content: " "; - } - .form-horizontal .control-group:after { - clear: both; - } - .form-horizontal .control-group input, - .form-horizontal .control-group select, - .form-horizontal .control-group textarea { - margin-bottom: 0; - } - .form-horizontal .control-group > .control-label { - float: left; - width: 160px; - padding-top: 6px; - text-align: right; - } - .form-horizontal .control-group > .controls { - margin-left: 180px; - } - .form-horizontal .form-actions { - padding-left: 180px; - } +.form-horizontal .row + .row { + margin-top: 15px; +} + +.form-horizontal .row-label { + padding-top: 6px; + text-align: right; } .btn { -- cgit v1.2.3 From 7b6352d2cf6f04b46918b1cc8bad50ff92fdbe07 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 9 May 2013 16:41:35 -0700 Subject: Fix up navbar forms by using inline form as a mixin; fix docs for those --- docs/assets/css/bootstrap.css | 14 ++++++++++++++ 1 file changed, 14 insertions(+) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 236256f64..5e6eab48d 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3598,6 +3598,20 @@ button.close { margin-bottom: 8px; } +.navbar-form input, +.navbar-form select, +.navbar-form textarea, +.navbar-form .radio, +.navbar-form .checkbox { + display: inline-block; +} + +.navbar-form .radio, +.navbar-form .checkbox { + margin-top: 0; + margin-bottom: 0; +} + .navbar-nav > li > .dropdown-menu { margin-top: 0; border-top-right-radius: 0; -- cgit v1.2.3 From 579d566299c82fe91e5202b30ec2b2b062e0d902 Mon Sep 17 00:00:00 2001 From: Blake Embrey Date: Thu, 9 May 2013 16:26:35 -0700 Subject: Update button groups to use not selector and remove redundant CSS. --- docs/assets/css/bootstrap.css | 82 +++++++++++++++++++------------------------ 1 file changed, 36 insertions(+), 46 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 5eef85435..9ba267dc0 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3830,26 +3830,30 @@ button.close { border-bottom-color: #ffffff; } -.btn-group { +.btn-group, +.btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; } -.btn-group > .btn { +.btn-group > .btn, +.btn-group-vertical > .btn { position: relative; float: left; } -.btn-group > .btn + btn { - margin-left: -1px; -} - .btn-group > .btn:hover, -.btn-group > .btn:active { +.btn-group-vertical > .btn:hover, +.btn-group > .btn:active, +.btn-group-vertical > .btn:active { z-index: 2; } +.btn-group .btn + .btn { + margin-left: -1px; +} + .btn-toolbar:before, .btn-toolbar:after { display: table; @@ -3881,52 +3885,42 @@ button.close { margin-left: 5px; } -.btn-group > .btn { - position: relative; +.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; } .btn-group > .btn:first-child { margin-left: 0; - border-bottom-left-radius: 4px; - border-top-left-radius: 4px; } -.btn-group > .btn:last-child, -.btn-group > .dropdown-toggle { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} - -.btn-group > .btn.large:first-child { - margin-left: 0; - border-bottom-left-radius: 6px; - border-top-left-radius: 6px; +.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } -.btn-group > .btn.large:last-child, -.btn-group > .large.dropdown-toggle { - border-top-right-radius: 6px; - border-bottom-right-radius: 6px; +.btn-group > .btn:last-child:not(:first-child), +.btn-group > .dropdown-toggle:not(:first-child) { + border-bottom-left-radius: 0; + border-top-left-radius: 0; } .btn-group > .btn-group { float: left; } -.btn-group > .btn-group > .btn { +.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } -.btn-group > .btn-group:last-child > .btn { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; +.btn-group > .btn-group:first-child > .btn:last-child, +.btn-group > .btn-group:first-child > .dropdown-toggle { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } -.btn-group > .btn-group:first-child > .btn { - margin-left: 0; - border-bottom-left-radius: 4px; - border-top-left-radius: 4px; +.btn-group > .btn-group:last-child > .btn:first-child { + border-bottom-left-radius: 0; + border-top-left-radius: 0; } .btn-group .dropdown-toggle:active, @@ -3974,26 +3968,22 @@ button.close { max-width: 100%; } -.btn-group-vertical .btn:first-child { - border-radius: 0; - border-top-right-radius: 4px; - border-top-left-radius: 4px; +.btn-group-vertical > .btn + .btn { + margin-top: -1px; } -.btn-group-vertical .btn:last-child { +.btn-group-vertical .btn:not(:first-child):not(:last-child) { border-radius: 0; - border-bottom-right-radius: 4px; - border-bottom-left-radius: 4px; } -.btn-group-vertical .btn-large:first-child { - border-top-right-radius: 6px; - border-top-left-radius: 6px; +.btn-group-vertical .btn:first-child { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; } -.btn-group-vertical .btn-large:last-child { - border-bottom-right-radius: 6px; - border-bottom-left-radius: 6px; +.btn-group-vertical .btn:last-child { + border-top-right-radius: 0; + border-top-left-radius: 0; } .btn-group-justified { -- cgit v1.2.3 From 6fba68eb8b036fad1bc4f33484889cccf2480bff Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 9 May 2013 17:20:46 -0700 Subject: Unitless line-height * Instead of 20px as @line-height-base, use 1.5 * Update typographic scale for headings to use unitless as well--required some twerking of decimals a bit and some rounding * Introduce new @line-height-computed value, which takes base font-size and multiplies it by 1.5, for use in padding and margin on components --- docs/assets/css/bootstrap.css | 157 +++++++++++++++++++++--------------------- 1 file changed, 77 insertions(+), 80 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 5e6eab48d..49e6073cf 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -290,7 +290,7 @@ html { body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; - line-height: 20px; + line-height: 1.5; color: #333333; background-color: #ffffff; } @@ -336,11 +336,11 @@ img { } p { - margin: 0 0 10px; + margin: 0 0 10.5px; } .lead { - margin-bottom: 20px; + margin-bottom: 21px; font-size: 21px; font-weight: 200; line-height: 1.4; @@ -424,7 +424,7 @@ h6, .h6 { font-family: inherit; font-weight: 500; - line-height: 20px; + line-height: 1.1; } h1 small, @@ -447,40 +447,35 @@ h6 small, h1, h2, h3 { - margin-top: 20px; - margin-bottom: 10px; - line-height: 40px; -} - -h3 { - line-height: 30px; + margin-top: 21px; + margin-bottom: 10.5px; } h4, h5, h6 { - margin-top: 10px; - margin-bottom: 10px; + margin-top: 10.5px; + margin-bottom: 10.5px; } h1, .h1 { - font-size: 38.5px; + font-size: 38px; } h2, .h2 { - font-size: 31.5px; + font-size: 32px; } h3, .h3 { - font-size: 24.5px; + font-size: 24px; } h4, .h4 { - font-size: 17.5px; + font-size: 18px; } h5, @@ -490,39 +485,36 @@ h5, h6, .h6 { - font-size: 11.9px; + font-size: 12px; } h1 small, .h1 small { - font-size: 24.5px; + font-size: 24px; } h2 small, .h2 small { - font-size: 17.5px; + font-size: 18px; } h3 small, -.h3 small { - font-size: 14px; -} - +.h3 small, h4 small, .h4 small { font-size: 14px; } .page-header { - padding-bottom: 9px; - margin: 40px 0 20px; + padding-bottom: 9.5px; + margin: 42px 0 21px; border-bottom: 1px solid #eeeeee; } ul, ol { padding: 0; - margin: 0 0 10px 25px; + margin: 0 0 10.5px 25px; } ul ul, @@ -533,7 +525,7 @@ ol ul { } li { - line-height: 20px; + line-height: 1.5; } .list-unstyled { @@ -553,12 +545,12 @@ li { } dl { - margin-bottom: 20px; + margin-bottom: 21px; } dt, dd { - line-height: 20px; + line-height: 1.5; } dt { @@ -566,7 +558,7 @@ dt { } dd { - margin-left: 10px; + margin-left: 10.5px; } .dl-horizontal:before, @@ -604,7 +596,7 @@ dd { } hr { - margin: 20px 0; + margin: 21px 0; border: 0; border-top: 1px solid #eeeeee; border-bottom: 1px solid #fff; @@ -623,8 +615,8 @@ abbr.initialism { } blockquote { - padding: 10px 20px; - margin: 0 0 20px; + padding: 10.5px 21px; + margin: 0 0 21px; border-left: 5px solid #eeeeee; } @@ -640,7 +632,7 @@ blockquote p:last-child { blockquote small { display: block; - line-height: 20px; + line-height: 1.5; color: #999999; } @@ -678,9 +670,9 @@ blockquote:after { address { display: block; - margin-bottom: 20px; + margin-bottom: 21px; font-style: normal; - line-height: 20px; + line-height: 1.5; } code, @@ -702,10 +694,10 @@ code { pre { display: block; - padding: 9.5px; - margin: 0 0 10px; + padding: 0.25; + margin: 0 0 0.75; font-size: 13px; - line-height: 20px; + line-height: 1.5; word-break: break-all; word-wrap: break-word; white-space: pre; @@ -717,7 +709,7 @@ pre { } pre.prettyprint { - margin-bottom: 20px; + margin-bottom: 1.5; } pre code { @@ -1025,7 +1017,7 @@ th { .table { width: 100%; - margin-bottom: 20px; + margin-bottom: 1.5; } .table thead > tr > th, @@ -1033,7 +1025,7 @@ th { .table thead > tr > td, .table tbody > tr > td { padding: 8px; - line-height: 20px; + line-height: 1.5; vertical-align: top; border-top: 1px solid #dddddd; } @@ -1219,9 +1211,9 @@ legend { display: block; width: 100%; padding: 0; - margin-bottom: 20px; + margin-bottom: 21px; font-size: 21px; - line-height: 40px; + line-height: 1.1; color: #333333; border: 0; border-bottom: 1px solid #e5e5e5; @@ -1250,10 +1242,10 @@ input[type="search"], input[type="tel"], input[type="color"] { display: block; - min-height: 34px; + min-height: 35px; padding: 6px 9px; font-size: 14px; - line-height: 20px; + line-height: 1.5; color: #555555; vertical-align: middle; background-color: #ffffff; @@ -1328,10 +1320,10 @@ input[type="checkbox"] { select, input[type="file"] { - height: 34px; + height: 35px; /* In IE7, the height of the select element cannot be changed by height, only font-size. TODO: Check if this is still needed when dropping IE7 support */ - line-height: 34px; + line-height: 35px; } select[multiple], @@ -1371,7 +1363,7 @@ textarea::-webkit-input-placeholder { .radio, .checkbox { display: block; - min-height: 20px; + min-height: 21px; padding-left: 20px; margin-top: 10px; margin-bottom: 10px; @@ -1460,7 +1452,7 @@ input[type="url"].input-small, input[type="search"].input-small, input[type="tel"].input-small, input[type="color"].input-small { - min-height: 26px; + min-height: 27px; padding: 2px 10px; font-size: 11.9px; border-radius: 3px; @@ -1555,9 +1547,9 @@ select:focus:invalid:focus { } .form-actions { - padding: 19px 20px 20px; - margin-top: 20px; - margin-bottom: 20px; + padding: 21px 20px; + margin-top: 21px; + margin-bottom: 21px; background-color: #f5f5f5; border-top: 1px solid #e5e5e5; } @@ -1636,7 +1628,7 @@ select:focus:invalid:focus { padding: 6px 8px; font-size: 14px; font-weight: normal; - line-height: 20px; + line-height: 1.5; text-align: center; text-shadow: 0 1px 0 #fff; background-color: #eeeeee; @@ -1785,7 +1777,7 @@ select:focus:invalid:focus { margin-bottom: 0; font-size: 14px; font-weight: 500; - line-height: 20px; + line-height: 1.5; text-align: center; white-space: nowrap; vertical-align: middle; @@ -2823,7 +2815,7 @@ input[type="button"].btn-block { .dropdown-menu .divider { height: 2px; - margin: 9px 0; + margin: -0.25 0; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid #ffffff; @@ -2834,7 +2826,7 @@ input[type="button"].btn-block { padding: 3px 20px; clear: both; font-weight: normal; - line-height: 20px; + line-height: 1.5; color: #333333; white-space: nowrap; } @@ -3252,7 +3244,7 @@ button.close { .nav .nav-divider { height: 2px; - margin: 9px 0; + margin: -0.25 0; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid #ffffff; @@ -3269,7 +3261,7 @@ button.close { .nav-tabs > li > a { margin-right: 2px; - line-height: 20px; + line-height: 1.5; border: 1px solid transparent; border-radius: 4px 4px 0 0; } @@ -3359,7 +3351,7 @@ button.close { padding: 3px 15px; font-size: 10.5px; font-weight: bold; - line-height: 20px; + line-height: 1.5; color: #999999; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); text-transform: uppercase; @@ -3498,8 +3490,8 @@ button.close { } .navbar-nav > li > a { - padding-top: 15px; - padding-bottom: 15px; + padding-top: 14.5px; + padding-bottom: 14.5px; line-height: 20px; color: #777777; } @@ -3554,7 +3546,7 @@ button.close { margin-left: auto; font-size: 17.5px; font-weight: 500; - line-height: 20px; + line-height: 21px; color: #777777; text-align: center; } @@ -3762,7 +3754,12 @@ button.close { } .navbar-btn { - margin-top: 8px; + margin-top: 7.5px; +} + +.navbar-text { + margin-top: 14.5px; + margin-bottom: 14.5px; } .navbar-link { @@ -3973,7 +3970,7 @@ button.close { .breadcrumb { padding: 8px 15px; - margin: 0 0 20px; + margin: 0 0 1.5; list-style: none; background-color: #f5f5f5; border-radius: 4px; @@ -4001,7 +3998,7 @@ button.close { .pagination { display: inline-block; - margin: 20px 0; + margin: 1.5 0; border-radius: 4px; } @@ -4013,7 +4010,7 @@ button.close { .pagination > li > span { float: left; padding: 4px 12px; - line-height: 20px; + line-height: 1.5; text-decoration: none; background-color: #ffffff; border: 1px solid #dddddd; @@ -4102,7 +4099,7 @@ button.close { } .pager { - margin: 20px 0; + margin: 1.5 0; text-align: center; list-style: none; } @@ -4239,7 +4236,7 @@ button.close { } .modal-header { - min-height: 35px; + min-height: 16.5px; padding: 15px; border-bottom: 1px solid #e5e5e5; } @@ -4250,7 +4247,7 @@ button.close { .modal-title { margin: 0; - line-height: 20px; + line-height: 1.5; } .modal-body { @@ -4539,8 +4536,8 @@ button.close { } .alert { - padding: 8px 35px 8px 14px; - margin-bottom: 20px; + padding: 10px 35px 10px 15px; + margin-bottom: 21px; color: #c09853; background-color: #fcf8e3; border: 1px solid #fbeed5; @@ -4615,8 +4612,8 @@ button.close { } .alert-block { - padding-top: 14px; - padding-bottom: 14px; + padding-top: 15px; + padding-bottom: 15px; } .alert-block > p, @@ -4631,7 +4628,7 @@ button.close { .thumbnail, .img-thumbnail { padding: 4px; - line-height: 20px; + line-height: 1.5; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 4px; @@ -4851,8 +4848,8 @@ a.list-group-item.active > .badge, } .progress { - height: 20px; - margin-bottom: 20px; + height: 21px; + margin-bottom: 21px; overflow: hidden; background-color: #f5f5f5; border-radius: 4px; @@ -4946,7 +4943,7 @@ a.list-group-item.active > .badge, } .accordion { - margin-bottom: 20px; + margin-bottom: 1.5; } .accordion-group { @@ -5158,7 +5155,7 @@ a.list-group-item.active > .badge, margin-bottom: 30px; font-size: 21px; font-weight: 200; - line-height: 30px; + line-height: 2.25; color: inherit; background-color: #eeeeee; } -- cgit v1.2.3 From dbbd48f7bcc476d7e7f4780d6b342f1bce581ff0 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 9 May 2013 17:29:07 -0700 Subject: remove duplicate text scaling --- docs/assets/css/bootstrap.css | 7 ------- 1 file changed, 7 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 53777491a..8bf8530e1 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -280,13 +280,6 @@ html { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } -@media screen and (max-device-width: 480px) { - html { - -webkit-text-size-adjust: 100%; - -ms-text-size-adjust: 100%; - } -} - body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; -- cgit v1.2.3 From 76ecfdfdc1ef06997eafdeef68d7a9a945614af3 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 10 May 2013 10:33:35 -0700 Subject: Font-size and line-height tweaks * Use 1.428 for line-height instead of 1.5 * Use function for full pixel values instead of decimals --- docs/assets/css/bootstrap.css | 152 +++++++++++++++++++++--------------------- 1 file changed, 76 insertions(+), 76 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 8bf8530e1..22c766c1e 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -283,7 +283,7 @@ html { body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; - line-height: 1.5; + line-height: 1.428; color: #333333; background-color: #ffffff; } @@ -329,11 +329,11 @@ img { } p { - margin: 0 0 10.5px; + margin: 0 0 10px; } .lead { - margin-bottom: 21px; + margin-bottom: 20px; font-size: 21px; font-weight: 200; line-height: 1.4; @@ -440,15 +440,15 @@ h6 small, h1, h2, h3 { - margin-top: 21px; - margin-bottom: 10.5px; + margin-top: 20px; + margin-bottom: 10px; } h4, h5, h6 { - margin-top: 10.5px; - margin-bottom: 10.5px; + margin-top: 10px; + margin-bottom: 10px; } h1, @@ -499,15 +499,15 @@ h4 small, } .page-header { - padding-bottom: 9.5px; - margin: 42px 0 21px; + padding-bottom: 9px; + margin: 40px 0 20px; border-bottom: 1px solid #eeeeee; } ul, ol { padding: 0; - margin: 0 0 10.5px 25px; + margin: 0 0 10px 25px; } ul ul, @@ -518,7 +518,7 @@ ol ul { } li { - line-height: 1.5; + line-height: 1.428; } .list-unstyled { @@ -538,12 +538,12 @@ li { } dl { - margin-bottom: 21px; + margin-bottom: 20px; } dt, dd { - line-height: 1.5; + line-height: 1.428; } dt { @@ -551,7 +551,7 @@ dt { } dd { - margin-left: 10.5px; + margin-left: 10px; } .dl-horizontal:before, @@ -589,7 +589,7 @@ dd { } hr { - margin: 21px 0; + margin: 20px 0; border: 0; border-top: 1px solid #eeeeee; border-bottom: 1px solid #fff; @@ -608,8 +608,8 @@ abbr.initialism { } blockquote { - padding: 10.5px 21px; - margin: 0 0 21px; + padding: 10px 20px; + margin: 0 0 20px; border-left: 5px solid #eeeeee; } @@ -625,7 +625,7 @@ blockquote p:last-child { blockquote small { display: block; - line-height: 1.5; + line-height: 1.428; color: #999999; } @@ -663,9 +663,9 @@ blockquote:after { address { display: block; - margin-bottom: 21px; + margin-bottom: 20px; font-style: normal; - line-height: 1.5; + line-height: 1.428; } code, @@ -687,10 +687,10 @@ code { pre { display: block; - padding: 0.25; - margin: 0 0 0.75; + padding: 9.5px; + margin: 0 0 10px; font-size: 13px; - line-height: 1.5; + line-height: 1.428; word-break: break-all; word-wrap: break-word; white-space: pre; @@ -702,7 +702,7 @@ pre { } pre.prettyprint { - margin-bottom: 1.5; + margin-bottom: 20px; } pre code { @@ -1010,7 +1010,7 @@ th { .table { width: 100%; - margin-bottom: 1.5; + margin-bottom: 20px; } .table thead > tr > th, @@ -1018,7 +1018,7 @@ th { .table thead > tr > td, .table tbody > tr > td { padding: 8px; - line-height: 1.5; + line-height: 1.428; vertical-align: top; border-top: 1px solid #dddddd; } @@ -1204,7 +1204,7 @@ legend { display: block; width: 100%; padding: 0; - margin-bottom: 21px; + margin-bottom: 20px; font-size: 21px; line-height: 1.1; color: #333333; @@ -1235,10 +1235,10 @@ input[type="search"], input[type="tel"], input[type="color"] { display: block; - min-height: 35px; + min-height: 34px; padding: 6px 9px; font-size: 14px; - line-height: 1.5; + line-height: 1.428; color: #555555; vertical-align: middle; background-color: #ffffff; @@ -1313,10 +1313,10 @@ input[type="checkbox"] { select, input[type="file"] { - height: 35px; + height: 34px; /* In IE7, the height of the select element cannot be changed by height, only font-size. TODO: Check if this is still needed when dropping IE7 support */ - line-height: 35px; + line-height: 34px; } select[multiple], @@ -1356,7 +1356,7 @@ textarea::-webkit-input-placeholder { .radio, .checkbox { display: block; - min-height: 21px; + min-height: 20px; padding-left: 20px; margin-top: 10px; margin-bottom: 10px; @@ -1425,7 +1425,7 @@ input[type="search"].input-large, input[type="tel"].input-large, input[type="color"].input-large { padding: 11px 14px; - font-size: 17.5px; + font-size: 18px; border-radius: 6px; } @@ -1445,9 +1445,9 @@ input[type="url"].input-small, input[type="search"].input-small, input[type="tel"].input-small, input[type="color"].input-small { - min-height: 27px; + min-height: 26px; padding: 2px 10px; - font-size: 11.9px; + font-size: 12px; border-radius: 3px; } @@ -1540,9 +1540,9 @@ select:focus:invalid:focus { } .form-actions { - padding: 21px 20px; - margin-top: 21px; - margin-bottom: 21px; + padding: 20px 20px; + margin-top: 20px; + margin-bottom: 20px; background-color: #f5f5f5; border-top: 1px solid #e5e5e5; } @@ -1612,7 +1612,7 @@ select:focus:invalid:focus { padding: 6px 8px; font-size: 14px; font-weight: normal; - line-height: 1.5; + line-height: 1.428; text-align: center; text-shadow: 0 1px 0 #fff; background-color: #eeeeee; @@ -1625,13 +1625,13 @@ select:focus:invalid:focus { .input-group-addon.input-small { padding: 2px 10px; - font-size: 11.9px; + font-size: 12px; border-radius: 3px; } .input-group-addon.input-large { padding: 11px 14px; - font-size: 17.5px; + font-size: 18px; border-radius: 6px; } @@ -1707,7 +1707,7 @@ select:focus:invalid:focus { margin-bottom: 0; font-size: 14px; font-weight: 500; - line-height: 1.5; + line-height: 1.428; text-align: center; white-space: nowrap; vertical-align: middle; @@ -1968,19 +1968,19 @@ fieldset[disabled] .btn-link:focus { .btn-large { padding: 11px 14px; - font-size: 17.5px; + font-size: 18px; border-radius: 6px; } .btn-small { padding: 2px 10px; - font-size: 11.9px; + font-size: 12px; border-radius: 3px; } .btn-mini { padding: 0 6px; - font-size: 10.5px; + font-size: 11px; border-radius: 3px; } @@ -2746,7 +2746,7 @@ input[type="button"].btn-block { .dropdown-menu .divider { height: 2px; - margin: -0.25 0; + margin: 9px 0; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid #ffffff; @@ -2757,7 +2757,7 @@ input[type="button"].btn-block { padding: 3px 20px; clear: both; font-weight: normal; - line-height: 1.5; + line-height: 1.428; color: #333333; white-space: nowrap; } @@ -3175,7 +3175,7 @@ button.close { .nav .nav-divider { height: 2px; - margin: -0.25 0; + margin: 9px 0; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid #ffffff; @@ -3192,7 +3192,7 @@ button.close { .nav-tabs > li > a { margin-right: 2px; - line-height: 1.5; + line-height: 1.428; border: 1px solid transparent; border-radius: 4px 4px 0 0; } @@ -3280,9 +3280,9 @@ button.close { .nav-header { display: block; padding: 3px 15px; - font-size: 10.5px; + font-size: 11px; font-weight: bold; - line-height: 1.5; + line-height: 1.428; color: #999999; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); text-transform: uppercase; @@ -3421,8 +3421,8 @@ button.close { } .navbar-nav > li > a { - padding-top: 14.5px; - padding-bottom: 14.5px; + padding-top: 15px; + padding-bottom: 15px; line-height: 20px; color: #777777; } @@ -3475,9 +3475,9 @@ button.close { padding: 15px; margin-right: auto; margin-left: auto; - font-size: 17.5px; + font-size: 18px; font-weight: 500; - line-height: 21px; + line-height: 20px; color: #777777; text-align: center; } @@ -3685,12 +3685,12 @@ button.close { } .navbar-btn { - margin-top: 7.5px; + margin-top: 8px; } .navbar-text { - margin-top: 14.5px; - margin-bottom: 14.5px; + margin-top: 15px; + margin-bottom: 15px; } .navbar-link { @@ -3901,7 +3901,7 @@ button.close { .breadcrumb { padding: 8px 15px; - margin: 0 0 1.5; + margin: 0 0 20px; list-style: none; background-color: #f5f5f5; border-radius: 4px; @@ -3929,7 +3929,7 @@ button.close { .pagination { display: inline-block; - margin: 1.5 0; + margin: 20px 0; border-radius: 4px; } @@ -3941,7 +3941,7 @@ button.close { .pagination > li > span { float: left; padding: 4px 12px; - line-height: 1.5; + line-height: 1.428; text-decoration: none; background-color: #ffffff; border: 1px solid #dddddd; @@ -3986,7 +3986,7 @@ button.close { .pagination-large > li > a, .pagination-large > li > span { padding: 11px 14px; - font-size: 17.5px; + font-size: 18px; } .pagination-large > li:first-child > a, @@ -4020,17 +4020,17 @@ button.close { .pagination-small > li > a, .pagination-small > li > span { padding: 2px 10px; - font-size: 11.9px; + font-size: 12px; } .pagination-mini > li > a, .pagination-mini > li > span { padding: 0 6px; - font-size: 10.5px; + font-size: 11px; } .pager { - margin: 1.5 0; + margin: 20px 0; text-align: center; list-style: none; } @@ -4167,7 +4167,7 @@ button.close { } .modal-header { - min-height: 16.5px; + min-height: 16.428px; padding: 15px; border-bottom: 1px solid #e5e5e5; } @@ -4178,7 +4178,7 @@ button.close { .modal-title { margin: 0; - line-height: 1.5; + line-height: 1.428; } .modal-body { @@ -4245,7 +4245,7 @@ button.close { position: absolute; z-index: 1030; display: block; - font-size: 10.5px; + font-size: 11px; line-height: 1.4; opacity: 0; filter: alpha(opacity=0); @@ -4468,7 +4468,7 @@ button.close { .alert { padding: 10px 35px 10px 15px; - margin-bottom: 21px; + margin-bottom: 20px; color: #c09853; background-color: #fcf8e3; border: 1px solid #fbeed5; @@ -4559,7 +4559,7 @@ button.close { .thumbnail, .img-thumbnail { padding: 4px; - line-height: 1.5; + line-height: 1.428; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 4px; @@ -4692,7 +4692,7 @@ a.thumbnail:focus { display: inline-block; min-width: 10px; padding: 3px 7px; - font-size: 11.9px; + font-size: 12px; font-weight: bold; line-height: 1; color: #fff; @@ -4779,8 +4779,8 @@ a.list-group-item.active > .badge, } .progress { - height: 21px; - margin-bottom: 21px; + height: 20px; + margin-bottom: 20px; overflow: hidden; background-color: #f5f5f5; border-radius: 4px; @@ -4792,7 +4792,7 @@ a.list-group-item.active > .badge, float: left; width: 0; height: 100%; - font-size: 11.9px; + font-size: 12px; color: #fff; text-align: center; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); @@ -4874,7 +4874,7 @@ a.list-group-item.active > .badge, } .accordion { - margin-bottom: 1.5; + margin-bottom: 20px; } .accordion-group { @@ -5086,7 +5086,7 @@ a.list-group-item.active > .badge, margin-bottom: 30px; font-size: 21px; font-weight: 200; - line-height: 2.25; + line-height: 2.142; color: inherit; background-color: #eeeeee; } -- cgit v1.2.3 From 5e13f578706fd7339e8a5bc1e1c10370410ef765 Mon Sep 17 00:00:00 2001 From: Vinay Raghu Date: Sat, 11 May 2013 19:28:59 +0530 Subject: Changed Screen Notations on responsive-utilities.less and recompiled the stylesheet --- docs/assets/css/bootstrap.css | 1396 ++++++++++------------------------------- 1 file changed, 321 insertions(+), 1075 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 5484d9833..b12e587f2 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -7,9 +7,7 @@ * * Designed and built with all the love in the world by @mdo and @fat. */ - /*! normalize.css v2.1.0 | MIT License | git.io/normalize */ - article, aside, details, @@ -24,70 +22,56 @@ section, summary { display: block; } - audio, canvas, video { display: inline-block; } - audio:not([controls]) { display: none; height: 0; } - [hidden] { display: none; } - html { font-family: sans-serif; -webkit-text-size-adjust: 100%; - -ms-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; } - body { margin: 0; } - a:focus { outline: thin dotted; } - a:active, a:hover { outline: 0; } - h1 { - margin: 0.67em 0; font-size: 2em; + margin: 0.67em 0; } - abbr[title] { border-bottom: 1px dotted; } - b, strong { font-weight: bold; } - dfn { font-style: italic; } - hr { - height: 0; -moz-box-sizing: content-box; - box-sizing: content-box; + box-sizing: content-box; + height: 0; } - mark { - color: #000; background: #ff0; + color: #000; } - code, kbd, pre, @@ -95,128 +79,105 @@ samp { font-family: monospace, serif; font-size: 1em; } - pre { white-space: pre-wrap; } - q { quotes: "\201C" "\201D" "\2018" "\2019"; } - small { font-size: 80%; } - sub, sup { - position: relative; font-size: 75%; line-height: 0; + position: relative; vertical-align: baseline; } - sup { top: -0.5em; } - sub { bottom: -0.25em; } - img { border: 0; } - svg:not(:root) { overflow: hidden; } - figure { margin: 0; } - fieldset { - padding: 0.35em 0.625em 0.75em; - margin: 0 2px; border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; } - legend { - padding: 0; border: 0; + padding: 0; } - button, input, select, textarea { - margin: 0; font-family: inherit; font-size: 100%; + margin: 0; } - button, input { line-height: normal; } - button, select { text-transform: none; } - button, html input[type="button"], input[type="reset"], input[type="submit"] { - cursor: pointer; -webkit-appearance: button; + cursor: pointer; } - button[disabled], html input[disabled] { cursor: default; } - input[type="checkbox"], input[type="radio"] { - padding: 0; box-sizing: border-box; + padding: 0; } - input[type="search"] { - -webkit-box-sizing: content-box; - -moz-box-sizing: content-box; - box-sizing: content-box; -webkit-appearance: textfield; + -moz-box-sizing: content-box; + -webkit-box-sizing: content-box; + box-sizing: content-box; } - input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } - button::-moz-focus-inner, input::-moz-focus-inner { - padding: 0; border: 0; + padding: 0; } - textarea { overflow: auto; vertical-align: top; } - table { border-collapse: collapse; border-spacing: 0; } - @media print { * { - color: #000 !important; text-shadow: none !important; + color: #000 !important; background: transparent !important; box-shadow: none !important; } @@ -267,19 +228,16 @@ table { display: none; } } - * { -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } - html { font-size: 62.5%; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } - body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; @@ -287,7 +245,6 @@ body { color: #333333; background-color: #ffffff; } - input, button, select, @@ -296,113 +253,89 @@ textarea { font-size: inherit; line-height: inherit; } - a { color: #428bca; text-decoration: none; } - a:hover, a:focus { color: #2a6496; text-decoration: underline; } - a:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } - img { - height: auto; max-width: 100%; + height: auto; vertical-align: middle; } - .img-rounded { border-radius: 6px; } - .img-circle { border-radius: 500px; } - p { margin: 0 0 10px; } - .lead { margin-bottom: 20px; font-size: 21px; font-weight: 200; line-height: 1.4; } - small { font-size: 85%; } - strong { font-weight: bold; } - em { font-style: italic; } - cite { font-style: normal; } - .text-muted { color: #999999; } - a.text-muted:hover, a.text-muted:focus { color: #808080; } - .text-warning { color: #c09853; } - a.text-warning:hover, a.text-warning:focus { color: #a47e3c; } - .text-danger { color: #b94a48; } - a.text-danger:hover, a.text-danger:focus { color: #953b39; } - .text-success { color: #468847; } - a.text-success:hover, a.text-success:focus { color: #356635; } - .text-left { text-align: left; } - .text-right { text-align: right; } - .text-center { text-align: center; } - h1, h2, h3, @@ -419,7 +352,6 @@ h6, font-weight: 500; line-height: 1.1; } - h1 small, h2 small, h3 small, @@ -436,158 +368,137 @@ h6 small, line-height: 1; color: #999999; } - h1, h2, h3 { margin-top: 20px; margin-bottom: 10px; } - h4, h5, h6 { margin-top: 10px; margin-bottom: 10px; } - h1, .h1 { font-size: 38px; } - h2, .h2 { font-size: 32px; } - h3, .h3 { font-size: 24px; } - h4, .h4 { font-size: 18px; } - h5, .h5 { font-size: 14px; } - h6, .h6 { font-size: 12px; } - h1 small, .h1 small { font-size: 24px; } - h2 small, .h2 small { font-size: 18px; } - h3 small, .h3 small, h4 small, .h4 small { font-size: 14px; } - .page-header { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #eeeeee; } - ul, ol { padding: 0; margin: 0 0 10px 25px; } - ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; } - li { line-height: 1.428; } - .list-unstyled { margin-left: 0; list-style: none; } - .list-inline { margin-left: 0; list-style: none; } - .list-inline > li { display: inline-block; - padding-right: 5px; padding-left: 5px; + padding-right: 5px; } - dl { margin-bottom: 20px; } - dt, dd { line-height: 1.428; } - dt { font-weight: bold; } - dd { margin-left: 10px; } - .dl-horizontal:before, .dl-horizontal:after { - display: table; content: " "; -} + /* 1 */ + + display: table; + /* 2 */ +} .dl-horizontal:after { clear: both; } - .dl-horizontal:before, .dl-horizontal:after { - display: table; content: " "; -} + /* 1 */ + + display: table; + /* 2 */ +} .dl-horizontal:after { clear: both; } - .dl-horizontal dt { float: left; width: 160px; - overflow: hidden; clear: left; text-align: right; + overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } - .dl-horizontal dd { margin-left: 180px; } - hr { margin: 20px 0; border: 0; @@ -595,44 +506,36 @@ hr { border-bottom: 1px solid #fff; border-bottom: 1px solid rgba(255, 255, 255, 0.5); } - abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #999999; } - abbr.initialism { font-size: 90%; text-transform: uppercase; } - blockquote { padding: 10px 20px; margin: 0 0 20px; border-left: 5px solid #eeeeee; } - blockquote p { font-size: 17.5px; font-weight: 300; line-height: 1.25; } - blockquote p:last-child { margin-bottom: 0; } - blockquote small { display: block; line-height: 1.428; color: #999999; } - blockquote small:before { content: '\2014 \00A0'; } - blockquote.pull-right { float: right; padding-right: 15px; @@ -640,34 +543,28 @@ blockquote.pull-right { border-right: 5px solid #eeeeee; border-left: 0; } - blockquote.pull-right p, blockquote.pull-right small { text-align: right; } - blockquote.pull-right small:before { content: ''; } - blockquote.pull-right small:after { content: '\00A0 \2014'; } - q:before, q:after, blockquote:before, blockquote:after { content: ""; } - address { display: block; margin-bottom: 20px; font-style: normal; line-height: 1.428; } - code, pre { padding: 0 3px 2px; @@ -676,15 +573,13 @@ pre { color: #333333; border-radius: 4px; } - code { padding: 2px 4px; font-size: 90%; color: #c7254e; - white-space: nowrap; background-color: #f9f2f4; + white-space: nowrap; } - pre { display: block; padding: 9.5px; @@ -700,11 +595,9 @@ pre { border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; } - pre.prettyprint { margin-bottom: 20px; } - pre code { padding: 0; color: inherit; @@ -713,119 +606,110 @@ pre code { background-color: transparent; border: 0; } - .pre-scrollable { max-height: 340px; overflow-y: scroll; } - .container { margin-right: auto; margin-left: auto; } - .container:before, .container:after { - display: table; content: " "; -} + /* 1 */ + display: table; + /* 2 */ + +} .container:after { clear: both; } - .container:before, .container:after { - display: table; content: " "; -} + /* 1 */ + + display: table; + /* 2 */ +} .container:after { clear: both; } - .row:before, .row:after { - display: table; content: " "; -} + /* 1 */ + display: table; + /* 2 */ + +} .row:after { clear: both; } - .row:before, .row:after { - display: table; content: " "; -} + /* 1 */ + + display: table; + /* 2 */ +} .row:after { clear: both; } - .row .row { - margin-right: -15px; margin-left: -15px; + margin-right: -15px; } - .col { position: relative; float: left; width: 100%; min-height: 1px; - padding-right: 15px; padding-left: 15px; + padding-right: 15px; } - .col-sm-12 { width: 100%; } - .col-sm-11 { width: 91.66666666666666%; } - .col-sm-10 { width: 83.33333333333334%; } - .col-sm-9 { width: 75%; } - .col-sm-8 { width: 66.66666666666666%; } - .col-sm-7 { width: 58.333333333333336%; } - .col-sm-6 { width: 50%; } - .col-sm-5 { width: 41.66666666666667%; } - .col-sm-4 { width: 33.33333333333333%; } - .col-sm-3 { width: 25%; } - .col-sm-2 { width: 16.666666666666664%; } - .col-sm-1 { width: 8.333333333333332%; } - @media screen and (min-width: 768px) { .col-lg-12 { width: 100%; @@ -972,47 +856,39 @@ pre code { right: 8.333333333333332%; } } - @media screen and (min-width: 768px) { .container { max-width: 728px; } .row { - margin-right: -15px; margin-left: -15px; + margin-right: -15px; } } - @media screen and (min-width: 992px) { .container { max-width: 940px; } } - @media screen and (min-width: 1200px) { .container { max-width: 1170px; } } - /*[class*="col-span-"].pull-right { float: right; }*/ - table { max-width: 100%; background-color: transparent; } - th { text-align: left; } - .table { width: 100%; margin-bottom: 20px; } - .table thead > tr > th, .table tbody > tr > th, .table thead > tr > td, @@ -1022,11 +898,9 @@ th { vertical-align: top; border-top: 1px solid #dddddd; } - .table thead > tr > th { vertical-align: bottom; } - .table caption + thead tr:first-child th, .table caption + thead tr:first-child td, .table colgroup + thead tr:first-child th, @@ -1035,36 +909,30 @@ th { .table thead:first-child tr:first-child td { border-top: 0; } - .table tbody + tbody { border-top: 2px solid #dddddd; } - .table .table { background-color: #ffffff; } - .table-condensed thead > tr > th, .table-condensed tbody > tr > th, .table-condensed thead > tr > td, .table-condensed tbody > tr > td { padding: 4px 5px; } - .table-bordered { border: 1px solid #dddddd; border-collapse: separate; border-left: 0; border-radius: 4px; } - .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td { border-left: 1px solid #dddddd; } - .table-bordered > caption + thead > tr:first-child th, .table-bordered > caption + tbody > tr:first-child th, .table-bordered > caption + tbody > tr:first-child td, @@ -1076,19 +944,16 @@ th { .table-bordered > tbody:first-child > tr:first-child td { border-top: 0; } - .table-bordered > thead:first-child > tr:first-child > th:first-child, .table-bordered > tbody:first-child > tr:first-child > td:first-child, .table-bordered > tbody:first-child > tr:first-child > th:first-child { border-top-left-radius: 4px; } - .table-bordered > thead:first-child > tr:first-child > th:last-child, .table-bordered > tbody:first-child > tr:first-child > td:last-child, .table-bordered > tbody:first-child > tr:first-child > th:last-child { border-top-right-radius: 4px; } - .table-bordered > thead:last-child > tr:last-child > th:first-child, .table-bordered > tbody:last-child > tr:last-child > td:first-child, .table-bordered > tbody:last-child > tr:last-child > th:first-child, @@ -1096,7 +961,6 @@ th { .table-bordered > tfoot:last-child > tr:last-child > th:first-child { border-bottom-left-radius: 4px; } - .table-bordered > thead:last-child > tr:last-child > th:last-child, .table-bordered > tbody:last-child > tr:last-child > td:last-child, .table-bordered > tbody:last-child > tr:last-child > th:last-child, @@ -1104,102 +968,85 @@ th { .table-bordered > tfoot:last-child > tr:last-child > th:last-child { border-bottom-right-radius: 4px; } - .table-bordered > tfoot + tbody:last-child > tr:last-child > td:first-child { border-bottom-left-radius: 0; } - .table-bordered > tfoot + tbody:last-child > tr:last-child > td:last-child { border-bottom-right-radius: 0; } - .table-bordered > caption + thead > tr:first-child > th:first-child, .table-bordered > caption + tbody > tr:first-child > td:first-child, .table-bordered > colgroup + thead > tr:first-child > th:first-child, .table-bordered > colgroup + tbody > tr:first-child > td:first-child { border-top-left-radius: 4px; } - .table-bordered > caption + thead > tr:first-child > th:last-child, .table-bordered > caption + tbody > tr:first-child > td:last-child, .table-bordered > colgroup + thead > tr:first-child > th:last-child, .table-bordered > colgroup + tbody > tr:first-child > td:last-child { border-top-right-radius: 4px; } - .table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th { background-color: #f9f9f9; } - .table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th { background-color: #f5f5f5; } - table col[class*="col-span-"] { - display: table-column; float: none; + display: table-column; } - table td[class*="col-span-"], table th[class*="col-span-"] { - display: table-cell; float: none; + display: table-cell; } - .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tbody > tr.success > td { background-color: #dff0d8; border-color: #d6e9c6; } - .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tbody > tr.danger > td { background-color: #f2dede; border-color: #eed3d7; } - .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tbody > tr.warning > td { background-color: #fcf8e3; border-color: #fbeed5; } - .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td { background-color: #d0e9c6; border-color: #c9e2b3; } - .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td { background-color: #ebcccc; border-color: #e6c1c7; } - .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td { background-color: #faf2cc; border-color: #f8e5be; } - form { margin: 0; } - fieldset { padding: 0; margin: 0; border: 0; } - legend { display: block; width: 100%; @@ -1211,13 +1058,11 @@ legend { border: 0; border-bottom: 1px solid #e5e5e5; } - label { display: inline-block; margin-bottom: 5px; font-weight: bold; } - select, textarea, input[type="text"], @@ -1245,19 +1090,17 @@ input[type="color"] { border: 1px solid #cccccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -webkit-transition: border-color linear 0.2s, box-shadow linear 0.2s; - -moz-transition: border-color linear 0.2s, box-shadow linear 0.2s; - -o-transition: border-color linear 0.2s, box-shadow linear 0.2s; - transition: border-color linear 0.2s, box-shadow linear 0.2s; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -webkit-transition: border-color linear .2s, box-shadow linear .2s; + -moz-transition: border-color linear .2s, box-shadow linear .2s; + -o-transition: border-color linear .2s, box-shadow linear .2s; + transition: border-color linear .2s, box-shadow linear .2s; } - input, select, textarea { width: 100%; } - input[type="file"], input[type="image"], input[type="submit"], @@ -1267,17 +1110,14 @@ input[type="radio"], input[type="checkbox"] { width: auto; } - input[type="search"] { -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } - textarea { height: auto; } - textarea:focus, input[type="text"]:focus, input[type="password"]:focus, @@ -1299,9 +1139,8 @@ input[type="color"]:focus { /* IE6-9 */ -webkit-box-shadow: 0 0 8px rgba(82, 168, 236, 0.6); - box-shadow: 0 0 8px rgba(82, 168, 236, 0.6); + box-shadow: 0 0 8px rgba(82, 168, 236, 0.6); } - input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; @@ -1310,7 +1149,6 @@ input[type="checkbox"] { line-height: normal; } - select, input[type="file"] { height: 34px; @@ -1318,12 +1156,10 @@ input[type="file"] { line-height: 34px; } - select[multiple], select[size] { height: auto; } - select:focus, input[type="file"]:focus, input[type="radio"]:focus, @@ -1332,37 +1168,31 @@ input[type="checkbox"]:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } - input:-moz-placeholder, textarea:-moz-placeholder { color: #999999; } - input::-moz-placeholder, textarea::-moz-placeholder { color: #999999; } - input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #999999; } - input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #999999; } - .radio, .checkbox { display: block; min-height: 20px; - padding-left: 20px; margin-top: 10px; margin-bottom: 10px; + padding-left: 20px; vertical-align: middle; } - .radio label, .checkbox label { display: inline; @@ -1370,7 +1200,6 @@ textarea::-webkit-input-placeholder { font-weight: normal; cursor: pointer; } - .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], @@ -1378,12 +1207,10 @@ textarea::-webkit-input-placeholder { float: left; margin-left: -20px; } - .radio + .radio, .checkbox + .checkbox { margin-top: -5px; } - /* // Move the options list down to align with labels .controls > .radio:first-child, @@ -1391,23 +1218,20 @@ textarea::-webkit-input-placeholder { padding-top: 5px; // has to be padding because margin collaspes } */ - .radio-inline, .checkbox-inline { display: inline-block; padding-left: 20px; margin-bottom: 0; - font-weight: normal; vertical-align: middle; + font-weight: normal; cursor: pointer; } - .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: 10px; } - select.input-large, textarea.input-large, input[type="text"].input-large, @@ -1428,7 +1252,6 @@ input[type="color"].input-large { font-size: 18px; border-radius: 6px; } - select.input-small, textarea.input-small, input[type="text"].input-small, @@ -1450,7 +1273,6 @@ input[type="color"].input-small { font-size: 12px; border-radius: 3px; } - input[disabled], select[disabled], textarea[disabled], @@ -1463,7 +1285,6 @@ fieldset[disabled] textarea { cursor: not-allowed; background-color: #eeeeee; } - input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"][readonly], @@ -1472,73 +1293,61 @@ fieldset[disabled] input[type="radio"], fieldset[disabled] input[type="checkbox"] { background-color: transparent; } - .has-warning .control-label { color: #c09853; } - .has-warning .input-with-feedback { padding-right: 32px; border-color: #c09853; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } - .has-warning .input-with-feedback:focus { border-color: #a47e3c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; } - .has-error .control-label { color: #b94a48; } - .has-error .input-with-feedback { padding-right: 32px; border-color: #b94a48; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } - .has-error .input-with-feedback:focus { border-color: #953b39; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; } - .has-success .control-label { color: #468847; } - .has-success .input-with-feedback { padding-right: 32px; border-color: #468847; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } - .has-success .input-with-feedback:focus { border-color: #356635; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; } - input:focus:invalid, textarea:focus:invalid, select:focus:invalid { color: #b94a48; border-color: #ee5f5b; } - input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus { border-color: #e9322d; -webkit-box-shadow: 0 0 6px #f8b9b7; - box-shadow: 0 0 6px #f8b9b7; + box-shadow: 0 0 6px #f8b9b7; } - .form-actions { padding: 20px 20px; margin-top: 20px; @@ -1546,69 +1355,68 @@ select:focus:invalid:focus { background-color: #f5f5f5; border-top: 1px solid #e5e5e5; } - .form-actions:before, .form-actions:after { - display: table; content: " "; -} + /* 1 */ + + display: table; + /* 2 */ +} .form-actions:after { clear: both; } - .form-actions:before, .form-actions:after { - display: table; content: " "; -} + /* 1 */ + + display: table; + /* 2 */ +} .form-actions:after { clear: both; } - .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #737373; } - .input-group { display: table; } - .input-group.col { float: none; - padding-right: 0; padding-left: 0; + padding-right: 0; } - .input-group input, .input-group select { width: 100%; margin-bottom: 0; } - .input-group-addon, .input-group-btn, .input-group input { display: table-cell; } - .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group input:not(:first-child):not(:last-child) { border-radius: 0; } - .input-group-addon, .input-group-btn { width: 1%; vertical-align: middle; } - .input-group-addon { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; padding: 6px 8px; font-size: 14px; font-weight: normal; @@ -1618,35 +1426,27 @@ select:focus:invalid:focus { background-color: #eeeeee; border: 1px solid #ccc; border-radius: 4px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; } - .input-group-addon.input-small { padding: 2px 10px; font-size: 12px; border-radius: 3px; } - .input-group-addon.input-large { padding: 11px 14px; font-size: 18px; border-radius: 6px; } - .input-group input:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn:first-child, .input-group-btn:first-child > .dropdown-toggle:first-child { - border-top-right-radius: 0; border-bottom-right-radius: 0; + border-top-right-radius: 0; } - .input-group-addon:first-child { border-right: 0; } - .input-group input:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn:last-child, @@ -1654,30 +1454,24 @@ select:focus:invalid:focus { border-bottom-left-radius: 0; border-top-left-radius: 0; } - .input-group-addon:last-child { border-left: 0; } - .input-group-btn { position: relative; white-space: nowrap; } - .input-group-btn > .btn { position: relative; float: left; } - .input-group-btn > .btn + .btn { margin-left: -1px; } - .input-group-btn > .btn:hover, .input-group-btn > .btn:active { z-index: 2; } - .form-inline input, .form-inline select, .form-inline textarea, @@ -1685,22 +1479,18 @@ select:focus:invalid:focus { .form-inline .checkbox { display: inline-block; } - .form-inline .radio, .form-inline .checkbox { margin-top: 0; margin-bottom: 0; } - .form-horizontal .row + .row { margin-top: 15px; } - .form-horizontal .row-label { padding-top: 6px; text-align: right; } - .btn { display: inline-block; padding: 6px 12px; @@ -1709,50 +1499,44 @@ select:focus:invalid:focus { font-weight: 500; line-height: 1.428; text-align: center; - white-space: nowrap; vertical-align: middle; cursor: pointer; border: 1px solid transparent; border-radius: 4px; + white-space: nowrap; } - .btn:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } - .btn:hover, .btn:focus { color: #fff; text-decoration: none; } - .btn:active, .btn.active { - background-image: none; outline: 0; + background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); - box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } - .btn.disabled, .btn[disabled], fieldset[disabled] .btn { - pointer-events: none; cursor: default; + pointer-events: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } - .btn-default { color: #ffffff; background-color: #a7a9aa; border-color: #a7a9aa; } - .btn-default:hover, .btn-default:focus, .btn-default:active, @@ -1760,7 +1544,6 @@ fieldset[disabled] .btn { background-color: #9a9c9d; border-color: #8d9091; } - .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, @@ -1776,13 +1559,11 @@ fieldset[disabled] .btn-default.active { background-color: #a7a9aa; border-color: #a7a9aa; } - .btn-primary { color: #ffffff; background-color: #428bca; border-color: #428bca; } - .btn-primary:hover, .btn-primary:focus, .btn-primary:active, @@ -1790,7 +1571,6 @@ fieldset[disabled] .btn-default.active { background-color: #357ebd; border-color: #3071a9; } - .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, @@ -1806,13 +1586,11 @@ fieldset[disabled] .btn-primary.active { background-color: #428bca; border-color: #428bca; } - .btn-warning { color: #ffffff; background-color: #f0ad4e; border-color: #f0ad4e; } - .btn-warning:hover, .btn-warning:focus, .btn-warning:active, @@ -1820,7 +1598,6 @@ fieldset[disabled] .btn-primary.active { background-color: #eea236; border-color: #ec971f; } - .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, @@ -1836,13 +1613,11 @@ fieldset[disabled] .btn-warning.active { background-color: #f0ad4e; border-color: #f0ad4e; } - .btn-danger { color: #ffffff; background-color: #d9534f; border-color: #d9534f; } - .btn-danger:hover, .btn-danger:focus, .btn-danger:active, @@ -1850,7 +1625,6 @@ fieldset[disabled] .btn-warning.active { background-color: #d43f3a; border-color: #c9302c; } - .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, @@ -1866,13 +1640,11 @@ fieldset[disabled] .btn-danger.active { background-color: #d9534f; border-color: #d9534f; } - .btn-success { color: #ffffff; background-color: #5cb85c; border-color: #5cb85c; } - .btn-success:hover, .btn-success:focus, .btn-success:active, @@ -1880,7 +1652,6 @@ fieldset[disabled] .btn-danger.active { background-color: #4cae4c; border-color: #449d44; } - .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, @@ -1896,13 +1667,11 @@ fieldset[disabled] .btn-success.active { background-color: #5cb85c; border-color: #5cb85c; } - .btn-info { color: #ffffff; background-color: #5bc0de; border-color: #5bc0de; } - .btn-info:hover, .btn-info:focus, .btn-info:active, @@ -1910,7 +1679,6 @@ fieldset[disabled] .btn-success.active { background-color: #46b8da; border-color: #31b0d5; } - .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, @@ -1926,7 +1694,6 @@ fieldset[disabled] .btn-info.active { background-color: #5bc0de; border-color: #5bc0de; } - .btn-link, .btn-link:active, .btn-link[disabled], @@ -1934,30 +1701,26 @@ fieldset[disabled] .btn-link { background-color: transparent; background-image: none; -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } - .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent; } - .btn-link { - font-weight: normal; color: #428bca; + font-weight: normal; cursor: pointer; border-radius: 0; } - .btn-link:hover, .btn-link:focus { color: #2a6496; text-decoration: underline; background-color: transparent; } - .btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, @@ -1965,54 +1728,45 @@ fieldset[disabled] .btn-link:focus { color: #333333; text-decoration: none; } - .btn-large { padding: 11px 14px; font-size: 18px; border-radius: 6px; } - .btn-small { padding: 2px 10px; font-size: 12px; border-radius: 3px; } - .btn-mini { padding: 0 6px; font-size: 11px; border-radius: 3px; } - .btn-block { display: block; width: 100%; - padding-right: 0; padding-left: 0; + padding-right: 0; } - .btn-block + .btn-block { margin-top: 5px; } - input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } - .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; - -moz-transition: opacity 0.15s linear; - -o-transition: opacity 0.15s linear; - transition: opacity 0.15s linear; + -moz-transition: opacity 0.15s linear; + -o-transition: opacity 0.15s linear; + transition: opacity 0.15s linear; } - .fade.in { opacity: 1; } - /*.collapse { position: relative; height: 0; @@ -2022,685 +1776,518 @@ input[type="button"].btn-block { height: auto; } }*/ - .collapse { position: relative; height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; - -moz-transition: height 0.35s ease; - -o-transition: height 0.35s ease; - transition: height 0.35s ease; + -moz-transition: height 0.35s ease; + -o-transition: height 0.35s ease; + transition: height 0.35s ease; } - .collapse.in { height: auto; } - @font-face { font-family: 'Glyphicons Halflings'; src: url('../fonts/glyphiconshalflings-regular.eot'); src: url('../fonts/glyphiconshalflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphiconshalflings-regular.woff') format('woff'), url('../fonts/glyphiconshalflings-regular.ttf') format('truetype'), url('../fonts/glyphiconshalflings-regular.svg#glyphicons_halflingsregular') format('svg'); } - .glyphicon:before { font-family: 'Glyphicons Halflings'; - -webkit-font-smoothing: antialiased; font-style: normal; font-weight: normal; line-height: 1; + -webkit-font-smoothing: antialiased; } - .glyphicon-glass:before { content: "\e001"; } - .glyphicon-music:before { content: "\e002"; } - .glyphicon-search:before { content: "\e003"; } - .glyphicon-envelope:before { content: "\2709"; } - .glyphicon-heart:before { content: "\e005"; } - .glyphicon-star:before { content: "\e006"; } - .glyphicon-star-empty:before { content: "\e007"; } - .glyphicon-user:before { content: "\e008"; } - .glyphicon-film:before { content: "\e009"; } - .glyphicon-th-large:before { content: "\e010"; } - .glyphicon-th:before { content: "\e011"; } - .glyphicon-th-list:before { content: "\e012"; } - .glyphicon-ok:before { content: "\e013"; } - .glyphicon-remove:before { content: "\e014"; } - .glyphicon-zoom-in:before { content: "\e015"; } - .glyphicon-zoom-out:before { content: "\e016"; } - .glyphicon-off:before { content: "\e017"; } - .glyphicon-signal:before { content: "\e018"; } - .glyphicon-cog:before { content: "\e019"; } - .glyphicon-trash:before { content: "\e020"; } - .glyphicon-home:before { content: "\e021"; } - .glyphicon-file:before { content: "\e022"; } - .glyphicon-time:before { content: "\e023"; } - .glyphicon-road:before { content: "\e024"; } - .glyphicon-download-alt:before { content: "\e025"; } - .glyphicon-download:before { content: "\e026"; } - .glyphicon-upload:before { content: "\e027"; } - .glyphicon-inbox:before { content: "\e028"; } - .glyphicon-play-circle:before { content: "\e029"; } - .glyphicon-repeat:before { content: "\e030"; } - .glyphicon-refresh:before { content: "\e031"; } - .glyphicon-list-alt:before { content: "\e032"; } - .glyphicon-lock:before { content: "\e033"; } - .glyphicon-flag:before { content: "\e034"; } - .glyphicon-headphones:before { content: "\e035"; } - .glyphicon-volume-off:before { content: "\e036"; } - .glyphicon-volume-down:before { content: "\e037"; } - .glyphicon-volume-up:before { content: "\e038"; } - .glyphicon-qrcode:before { content: "\e039"; } - .glyphicon-barcode:before { content: "\e040"; } - .glyphicon-tag:before { content: "\e041"; } - .glyphicon-tags:before { content: "\e042"; } - .glyphicon-book:before { content: "\e043"; } - .glyphicon-bookmark:before { content: "\e044"; } - .glyphicon-print:before { content: "\e045"; } - .glyphicon-camera:before { content: "\e046"; } - .glyphicon-font:before { content: "\e047"; } - .glyphicon-bold:before { content: "\e048"; } - .glyphicon-italic:before { content: "\e049"; } - .glyphicon-text-height:before { content: "\e050"; } - .glyphicon-text-width:before { content: "\e051"; } - .glyphicon-align-left:before { content: "\e052"; } - .glyphicon-align-center:before { content: "\e053"; } - .glyphicon-align-right:before { content: "\e054"; } - .glyphicon-align-justify:before { content: "\e055"; } - .glyphicon-list:before { content: "\e056"; } - .glyphicon-indent-left:before { content: "\e057"; } - .glyphicon-indent-right:before { content: "\e058"; } - .glyphicon-facetime-video:before { content: "\e059"; } - .glyphicon-picture:before { content: "\e060"; } - .glyphicon-pencil:before { content: "\270f"; } - .glyphicon-map-marker:before { content: "\e062"; } - .glyphicon-adjust:before { content: "\e063"; } - .glyphicon-tint:before { content: "\e064"; } - .glyphicon-edit:before { content: "\e065"; } - .glyphicon-share:before { content: "\e066"; } - .glyphicon-check:before { content: "\e067"; } - .glyphicon-move:before { content: "\e068"; } - .glyphicon-step-backward:before { content: "\e069"; } - .glyphicon-fast-backward:before { content: "\e070"; } - .glyphicon-backward:before { content: "\e071"; } - .glyphicon-play:before { content: "\e072"; } - .glyphicon-pause:before { content: "\e073"; } - .glyphicon-stop:before { content: "\e074"; } - .glyphicon-forward:before { content: "\e075"; } - .glyphicon-fast-forward:before { content: "\e076"; } - .glyphicon-step-forward:before { content: "\e077"; } - .glyphicon-eject:before { content: "\e078"; } - .glyphicon-chevron-left:before { content: "\e079"; } - .glyphicon-chevron-right:before { content: "\e080"; } - .glyphicon-plus-sign:before { content: "\e081"; } - .glyphicon-minus-sign:before { content: "\e082"; } - .glyphicon-remove-sign:before { content: "\e083"; } - .glyphicon-ok-sign:before { content: "\e084"; } - .glyphicon-question-sign:before { content: "\e085"; } - .glyphicon-info-sign:before { content: "\e086"; } - .glyphicon-screenshot:before { content: "\e087"; } - .glyphicon-remove-circle:before { content: "\e088"; } - .glyphicon-ok-circle:before { content: "\e089"; } - .glyphicon-ban-circle:before { content: "\e090"; } - .glyphicon-arrow-left:before { content: "\e091"; } - .glyphicon-arrow-right:before { content: "\e092"; } - .glyphicon-arrow-up:before { content: "\e093"; } - .glyphicon-arrow-down:before { content: "\e094"; } - .glyphicon-share-alt:before { content: "\e095"; } - .glyphicon-resize-full:before { content: "\e096"; } - .glyphicon-resize-small:before { content: "\e097"; } - .glyphicon-plus:before { content: "\002b"; } - .glyphicon-minus:before { content: "\2212"; } - .glyphicon-asterisk:before { content: "\002a"; } - .glyphicon-exclamation-sign:before { content: "\e101"; } - .glyphicon-gift:before { content: "\e102"; } - .glyphicon-leaf:before { content: "\e103"; } - .glyphicon-fire:before { content: "\e104"; } - .glyphicon-eye-open:before { content: "\e105"; } - .glyphicon-eye-close:before { content: "\e106"; } - .glyphicon-warning-sign:before { content: "\e107"; } - .glyphicon-plane:before { content: "\e108"; } - .glyphicon-calendar:before { content: "\e109"; } - .glyphicon-random:before { content: "\e110"; } - .glyphicon-comment:before { content: "\e111"; } - .glyphicon-magnet:before { content: "\e112"; } - .glyphicon-chevron-up:before { content: "\e113"; } - .glyphicon-chevron-down:before { content: "\e114"; } - .glyphicon-retweet:before { content: "\e115"; } - .glyphicon-shopping-cart:before { content: "\e116"; } - .glyphicon-folder-close:before { content: "\e117"; } - .glyphicon-folder-open:before { content: "\e118"; } - .glyphicon-resize-vertical:before { content: "\e119"; } - .glyphicon-resize-horizontal:before { content: "\e120"; } - .glyphicon-hdd:before { content: "\e121"; } - .glyphicon-bullhorn:before { content: "\e122"; } - .glyphicon-bell:before { content: "\e123"; } - .glyphicon-certificate:before { content: "\e124"; } - .glyphicon-thumbs-up:before { content: "\e125"; } - .glyphicon-thumbs-down:before { content: "\e126"; } - .glyphicon-hand-right:before { content: "\e127"; } - .glyphicon-hand-left:before { content: "\e128"; } - .glyphicon-hand-up:before { content: "\e129"; } - .glyphicon-hand-down:before { content: "\e130"; } - .glyphicon-circle-arrow-right:before { content: "\e131"; } - .glyphicon-circle-arrow-left:before { content: "\e132"; } - .glyphicon-circle-arrow-up:before { content: "\e133"; } - .glyphicon-circle-arrow-down:before { content: "\e134"; } - .glyphicon-globe:before { content: "\e135"; } - .glyphicon-wrench:before { content: "\e136"; } - .glyphicon-tasks:before { content: "\e137"; } - .glyphicon-filter:before { content: "\e138"; } - .glyphicon-briefcase:before { content: "\e139"; } - .glyphicon-fullscreen:before { content: "\e140"; } - .glyphicon-dashboard:before { content: "\e141"; } - .glyphicon-paperclip:before { content: "\e142"; } - .glyphicon-heart-empty:before { content: "\e143"; } - .glyphicon-link:before { content: "\e144"; } - .glyphicon-phone:before { content: "\e145"; } - .glyphicon-pushpin:before { content: "\e146"; } - .glyphicon-euro:before { content: "\20ac"; } - .glyphicon-usd:before { content: "\e148"; } - .glyphicon-gbp:before { content: "\e149"; } - .glyphicon-sort:before { content: "\e150"; } - .glyphicon-sort-by-alphabet:before { content: "\e151"; } - .glyphicon-sort-by-alphabet-alt:before { content: "\e152"; } - .glyphicon-sort-by-order:before { content: "\e153"; } - .glyphicon-sort-by-order-alt:before { content: "\e154"; } - .glyphicon-sort-by-attributes:before { content: "\e155"; } - .glyphicon-sort-by-attributes-alt:before { content: "\e156"; } - .glyphicon-unchecked:before { content: "\e157"; } - .glyphicon-expand:before { content: "\e158"; } - .glyphicon-collapse:before { content: "\e159"; } - .glyphicon-collapse-top:before { content: "\e160"; } - .dropup, .dropdown { position: relative; } - .dropdown-toggle:active, .open .dropdown-toggle { outline: 0; } - .caret { display: inline-block; width: 0; @@ -2711,12 +2298,10 @@ input[type="button"].btn-block { border-left: 4px solid transparent; content: ""; } - .dropdown .caret { margin-top: 8px; margin-left: 2px; } - .dropdown-menu { position: absolute; top: 100%; @@ -2733,17 +2318,15 @@ input[type="button"].btn-block { border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); - box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); + box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); -webkit-background-clip: padding-box; - -moz-background-clip: padding-box; - background-clip: padding-box; + -moz-background-clip: padding-box; + background-clip: padding-box; } - .dropdown-menu.pull-right { right: 0; left: auto; } - .dropdown-menu .divider { height: 2px; margin: 9px 0; @@ -2751,7 +2334,6 @@ input[type="button"].btn-block { background-color: #e5e5e5; border-bottom: 1px solid #ffffff; } - .dropdown-menu > li > a { display: block; padding: 3px 20px; @@ -2761,13 +2343,12 @@ input[type="button"].btn-block { color: #333333; white-space: nowrap; } - .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a { - color: #ffffff; text-decoration: none; + color: #ffffff; background-color: #357ebd; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#428bca), to(#357ebd)); background-image: -webkit-linear-gradient(top, #428bca, #357ebd); @@ -2776,64 +2357,55 @@ input[type="button"].btn-block { background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0); } - .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #ffffff; text-decoration: none; + outline: 0; background-color: #357ebd; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#428bca), to(#357ebd)); background-image: -webkit-linear-gradient(top, #428bca, #357ebd); background-image: -moz-linear-gradient(top, #428bca, #357ebd); background-image: linear-gradient(to bottom, #428bca, #357ebd); background-repeat: repeat-x; - outline: 0; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0); } - .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: #999999; } - .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { text-decoration: none; - cursor: default; background-color: transparent; background-image: none; - filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); + filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); + cursor: default; } - .open > .dropdown-menu { display: block; } - .pull-right > .dropdown-menu { right: 0; left: auto; } - .dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px solid #000; content: ""; } - .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 1px; } - .dropdown-submenu { position: relative; } - .dropdown-submenu > .dropdown-menu { top: 0; left: 100%; @@ -2841,11 +2413,9 @@ input[type="button"].btn-block { margin-left: -1px; border-top-left-radius: 0; } - .dropdown-submenu:hover > .dropdown-menu { display: block; } - .dropup .dropdown-submenu > .dropdown-menu { top: auto; bottom: 0; @@ -2853,49 +2423,41 @@ input[type="button"].btn-block { margin-bottom: -2px; border-bottom-left-radius: 0; } - .dropdown-submenu > a:after { display: block; + content: " "; float: right; width: 0; height: 0; - margin-top: 5px; - margin-right: -10px; border-color: transparent; - border-left-color: #cccccc; border-style: solid; border-width: 5px 0 5px 5px; - content: " "; + border-left-color: #cccccc; + margin-top: 5px; + margin-right: -10px; } - .dropdown-submenu:hover > a:after { border-left-color: #ffffff; } - .dropdown-submenu.pull-left { float: none; } - .dropdown-submenu.pull-left > .dropdown-menu { left: -100%; margin-left: 10px; border-top-right-radius: 0; } - .dropdown .dropdown-menu .nav-header { - padding-right: 20px; padding-left: 20px; + padding-right: 20px; } - .typeahead { z-index: 1051; } - .list-group { margin: 0 0 20px; background-color: #ffffff; } - .list-group-item { position: relative; display: block; @@ -2903,71 +2465,57 @@ input[type="button"].btn-block { margin-bottom: -1px; border: 1px solid #dddddd; } - .list-group-item:first-child { border-top-right-radius: 4px; border-top-left-radius: 4px; } - .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } - .list-group-item-heading { margin-top: 0; margin-bottom: 5px; } - .list-group-item-text { margin-bottom: 0; line-height: 1.3; } - a.list-group-item .list-group-item-heading { color: #333; } - a.list-group-item .list-group-item-text { color: #555; } - a.list-group-item:hover, a.list-group-item:focus { text-decoration: none; background-color: #f5f5f5; } - a.list-group-item.active { z-index: 2; color: #ffffff; background-color: #428bca; border-color: #428bca; } - a.list-group-item.active .list-group-item-heading { color: inherit; } - a.list-group-item.active .list-group-item-text { color: #e1edf7; } - .list-group-item > .badge, .list-group-item > .glyphicon-chevron-right { float: right; margin-right: -15px; } - .list-group-item > .glyphicon-chevron-right { margin-right: -15px; } - .list-group-item > .glyphicon + .badge { margin-right: 5px; } - .panel { padding: 15px; margin-bottom: 20px; @@ -2975,87 +2523,71 @@ a.list-group-item.active .list-group-item-text { border: 1px solid #dddddd; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } - .panel-heading { - padding: 10px 15px; margin: -15px -15px 15px; + padding: 10px 15px; font-size: 17.5px; font-weight: 500; background-color: #f5f5f5; border-bottom: 1px solid #dddddd; - border-top-right-radius: 3px; border-top-left-radius: 3px; + border-top-right-radius: 3px; } - .panel-primary { border-color: #428bca; } - .panel-primary .panel-heading { color: #ffffff; background-color: #428bca; border-color: #428bca; } - .panel-success { border-color: #d6e9c6; } - .panel-success .panel-heading { color: #468847; background-color: #dff0d8; border-color: #d6e9c6; } - .panel-warning { border-color: #fbeed5; } - .panel-warning .panel-heading { color: #c09853; background-color: #fcf8e3; border-color: #fbeed5; } - .panel-danger { border-color: #eed3d7; } - .panel-danger .panel-heading { color: #b94a48; background-color: #f2dede; border-color: #eed3d7; } - .panel-info { border-color: #bce8f1; } - .panel-info .panel-heading { color: #3a87ad; background-color: #d9edf7; border-color: #bce8f1; } - .list-group-flush { margin: 15px -15px -15px; } - .list-group-flush .list-group-item { border-width: 1px 0; } - .list-group-flush .list-group-item:first-child { border-top-right-radius: 0; border-top-left-radius: 0; } - .list-group-flush .list-group-item:last-child { border-bottom: 0; } - .well { min-height: 20px; padding: 19px; @@ -3064,24 +2596,20 @@ a.list-group-item.active .list-group-item-text { border: 1px solid #e3e3e3; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } - .well blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, 0.15); } - .well-large { padding: 24px; border-radius: 6px; } - .well-small { padding: 9px; border-radius: 3px; } - .close { float: right; font-size: 21px; @@ -3092,7 +2620,6 @@ a.list-group-item.active .list-group-item-text { opacity: 0.2; filter: alpha(opacity=20); } - .close:hover, .close:focus { color: #000; @@ -3101,7 +2628,6 @@ a.list-group-item.active .list-group-item-text { opacity: 0.5; filter: alpha(opacity=50); } - button.close { padding: 0; cursor: pointer; @@ -3109,70 +2635,65 @@ button.close { border: 0; -webkit-appearance: none; } - .nav { - padding-left: 0; - margin-bottom: 0; margin-left: 0; + margin-bottom: 0; + padding-left: 0; list-style: none; } - .nav:before, .nav:after { - display: table; content: " "; -} + /* 1 */ + + display: table; + /* 2 */ +} .nav:after { clear: both; } - .nav:before, .nav:after { - display: table; content: " "; -} + /* 1 */ + + display: table; + /* 2 */ +} .nav:after { clear: both; } - .nav > li { display: block; } - .nav > li > a { position: relative; display: block; padding: 10px 15px; } - .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: #eeeeee; } - .nav > li.disabled > a { color: #999999; } - .nav > li.disabled > a:hover, .nav > li.disabled > a:focus { color: #999999; text-decoration: none; - cursor: default; background-color: transparent; + cursor: default; } - .nav > li + .nav-header { margin-top: 9px; } - .nav > .pull-right { float: right; } - .nav .nav-divider { height: 2px; margin: 9px 0; @@ -3180,103 +2701,83 @@ button.close { background-color: #e5e5e5; border-bottom: 1px solid #ffffff; } - .nav-tabs { border-bottom: 1px solid #ddd; } - .nav-tabs > li { float: left; margin-bottom: -1px; } - .nav-tabs > li > a { margin-right: 2px; line-height: 1.428; border: 1px solid transparent; border-radius: 4px 4px 0 0; } - .nav-tabs > li > a:hover { border-color: #eeeeee #eeeeee #dddddd; } - .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #555555; - cursor: default; background-color: #ffffff; border: 1px solid #ddd; border-bottom-color: transparent; + cursor: default; } - .nav-tabs.nav-justified { width: 100%; border-bottom: 0; } - .nav-tabs.nav-justified > li { - display: table-cell; float: none; + display: table-cell; width: 1%; } - .nav-tabs.nav-justified > li > a { text-align: center; } - .nav-tabs.nav-justified > li > a { - margin-right: 0; border-bottom: 1px solid #ddd; + margin-right: 0; } - .nav-tabs.nav-justified > .active > a { border-bottom-color: #ffffff; } - .nav-pills > li { float: left; } - .nav-pills > li > a { border-radius: 5px; } - .nav-pills > li + li > a { margin-left: 2px; } - .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: #fff; background-color: #428bca; } - .nav-stacked > li { float: none; } - .nav-stacked > li + li > a { margin-top: 2px; margin-left: 0; } - .nav-justified { width: 100%; } - .nav-justified > li { - display: table-cell; float: none; + display: table-cell; width: 1%; } - .nav-justified > li > a { text-align: center; } - .nav-header { display: block; padding: 3px 15px; @@ -3287,37 +2788,38 @@ button.close { text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); text-transform: uppercase; } - .tabbable:before, .tabbable:after { - display: table; content: " "; -} + /* 1 */ + + display: table; + /* 2 */ +} .tabbable:after { clear: both; } - .tabbable:before, .tabbable:after { - display: table; content: " "; -} + /* 1 */ + + display: table; + /* 2 */ +} .tabbable:after { clear: both; } - .tab-content > .tab-pane, .pill-content > .pill-pane { display: none; } - .tab-content > .active, .pill-content > .active { display: block; } - /* // Prevent IE8 from misplacing imgs // See https://github.com/h5bp/html5-boilerplate/issues/984#issuecomment-3985989 @@ -3386,71 +2888,67 @@ button.close { } */ - .navbar { position: relative; - padding-right: 15px; - padding-left: 15px; margin-bottom: 20px; + padding-left: 15px; + padding-right: 15px; background-color: #eeeeee; border-radius: 4px; } - .navbar:before, .navbar:after { - display: table; content: " "; -} + /* 1 */ + + display: table; + /* 2 */ +} .navbar:after { clear: both; } - .navbar:before, .navbar:after { - display: table; content: " "; -} + /* 1 */ + + display: table; + /* 2 */ +} .navbar:after { clear: both; } - .navbar-nav { margin-top: 10px; } - .navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px; - line-height: 20px; color: #777777; + line-height: 20px; } - .navbar-nav > li > a:hover, .navbar-nav > li > a:focus { color: #333333; background-color: transparent; } - .navbar-nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus { color: #555555; background-color: #d5d5d5; } - .navbar-nav > .disabled > a, .navbar-nav > .disabled > a:hover, .navbar-nav > .disabled > a:focus { color: #cccccc; background-color: transparent; } - .navbar-static-top { border-radius: 0; } - .navbar-fixed-top, .navbar-fixed-bottom { position: fixed; @@ -3459,36 +2957,31 @@ button.close { z-index: 1030; border-radius: 0; } - .navbar-fixed-top { top: 0; } - .navbar-fixed-bottom { bottom: 0; margin-bottom: 0; } - .navbar-brand { display: block; max-width: 200px; - padding: 15px; - margin-right: auto; margin-left: auto; + margin-right: auto; + padding: 15px; font-size: 18px; font-weight: 500; line-height: 20px; color: #777777; text-align: center; } - .navbar-brand:hover, .navbar-brand:focus { color: #5e5e5e; text-decoration: none; background-color: transparent; } - .navbar-toggle { position: absolute; top: 10px; @@ -3498,12 +2991,10 @@ button.close { border: 1px solid #ddd; border-radius: 4px; } - .navbar-toggle:hover, .navbar-toggle:focus { background-color: #ddd; } - .navbar-toggle .icon-bar { display: block; width: 22px; @@ -3511,16 +3002,13 @@ button.close { background-color: #ccc; border-radius: 1px; } - .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; } - .navbar-form { margin-top: 8px; margin-bottom: 8px; } - .navbar-form input, .navbar-form select, .navbar-form textarea, @@ -3528,139 +3016,115 @@ button.close { .navbar-form .checkbox { display: inline-block; } - .navbar-form .radio, .navbar-form .checkbox { margin-top: 0; margin-bottom: 0; } - .navbar-nav > li > .dropdown-menu { margin-top: 0; - border-top-right-radius: 0; border-top-left-radius: 0; + border-top-right-radius: 0; } - .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { - border-bottom-right-radius: 0; border-bottom-left-radius: 0; + border-bottom-right-radius: 0; } - .navbar-nav li.dropdown > a:hover .caret, .navbar-nav li.dropdown > a:focus .caret { border-top-color: #333333; border-bottom-color: #333333; } - .navbar-nav li.dropdown.open > .dropdown-toggle, .navbar-nav li.dropdown.active > .dropdown-toggle, .navbar-nav li.dropdown.open.active > .dropdown-toggle { - color: #555555; background-color: #d5d5d5; + color: #555555; } - .navbar-nav li.dropdown > .dropdown-toggle .caret { border-top-color: #777777; border-bottom-color: #777777; } - .navbar-nav li.dropdown.open > .dropdown-toggle .caret, .navbar-nav li.dropdown.active > .dropdown-toggle .caret, .navbar-nav li.dropdown.open.active > .dropdown-toggle .caret { border-top-color: #555555; border-bottom-color: #555555; } - .navbar-nav.pull-right > li > .dropdown-menu, .navbar-nav > li > .dropdown-menu.pull-right { - right: 0; left: auto; + right: 0; } - .navbar-inverse { background-color: #222222; } - .navbar-inverse .navbar-brand { color: #999999; } - .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus { color: #ffffff; background-color: transparent; } - .navbar-inverse .navbar-text { color: #999999; } - .navbar-inverse .navbar-nav > li > a { color: #999999; } - .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { color: #ffffff; background-color: transparent; } - .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { color: #ffffff; background-color: #080808; } - .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus { color: #444444; background-color: transparent; } - .navbar-inverse .navbar-toggle { border-color: #333; } - .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: #333; } - .navbar-inverse .navbar-toggle .icon-bar { background-color: #fff; } - .navbar-inverse .navbar-nav li.dropdown.open > .dropdown-toggle, .navbar-inverse .navbar-nav li.dropdown.active > .dropdown-toggle, .navbar-inverse .navbar-nav li.dropdown.open.active > .dropdown-toggle { - color: #ffffff; background-color: #080808; + color: #ffffff; } - .navbar-inverse .navbar-nav li.dropdown > a:hover .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; } - .navbar-inverse .navbar-nav li.dropdown > .dropdown-toggle .caret { border-top-color: #999999; border-bottom-color: #999999; } - .navbar-inverse .navbar-nav li.dropdown.open > .dropdown-toggle .caret, .navbar-inverse .navbar-nav li.dropdown.active > .dropdown-toggle .caret, .navbar-inverse .navbar-nav li.dropdown.open.active > .dropdown-toggle .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; } - @media screen and (min-width: 768px) { .navbar-brand { float: left; - margin-right: 5px; margin-left: -5px; + margin-right: 5px; } .navbar .nav { float: left; @@ -3683,212 +3147,177 @@ button.close { overflow: visible !important; } } - .navbar-btn { margin-top: 8px; } - .navbar-text { margin-top: 15px; margin-bottom: 15px; } - .navbar-link { color: #777777; } - .navbar-link:hover { color: #333333; } - .navbar-inverse .navbar-link { color: #999999; } - .navbar-inverse .navbar-link:hover { color: #ffffff; } - .btn .caret { border-top-color: #ffffff; } - .dropup .btn .caret { border-bottom-color: #ffffff; } - .btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; } - .btn-group > .btn, .btn-group-vertical > .btn { position: relative; float: left; } - .btn-group > .btn:hover, .btn-group-vertical > .btn:hover, .btn-group > .btn:active, .btn-group-vertical > .btn:active { z-index: 2; } - .btn-group .btn + .btn { margin-left: -1px; } - .btn-toolbar:before, .btn-toolbar:after { - display: table; content: " "; -} + /* 1 */ + + display: table; + /* 2 */ +} .btn-toolbar:after { clear: both; } - .btn-toolbar:before, .btn-toolbar:after { - display: table; content: " "; -} + /* 1 */ + + display: table; + /* 2 */ +} .btn-toolbar:after { clear: both; } - .btn-toolbar .btn-group { float: left; } - .btn-toolbar > .btn + .btn, .btn-toolbar > .btn-group + .btn, .btn-toolbar > .btn + .btn-group, .btn-toolbar > .btn-group + .btn-group { margin-left: 5px; } - .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; } - .btn-group > .btn:first-child { margin-left: 0; } - .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { - border-top-right-radius: 0; border-bottom-right-radius: 0; + border-top-right-radius: 0; } - .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; } - .btn-group > .btn-group { float: left; } - .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } - .btn-group > .btn-group:first-child > .btn:last-child, .btn-group > .btn-group:first-child > .dropdown-toggle { - border-top-right-radius: 0; border-bottom-right-radius: 0; + border-top-right-radius: 0; } - .btn-group > .btn-group:last-child > .btn:first-child { border-bottom-left-radius: 0; border-top-left-radius: 0; } - .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } - .btn-group > .btn + .dropdown-toggle { - padding-right: 8px; padding-left: 8px; + padding-right: 8px; } - .btn-group > .btn-mini + .dropdown-toggle { - padding-right: 5px; padding-left: 5px; + padding-right: 5px; } - .btn-group > .btn-large + .dropdown-toggle { - padding-right: 12px; padding-left: 12px; + padding-right: 12px; } - .btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); - box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } - .btn .caret { margin-top: 8px; margin-left: 0; } - .btn-large .caret { border-width: 5px; } - .dropup .btn-large .caret { border-bottom-width: 5px; } - .btn-group-vertical > .btn { display: block; float: none; width: 100%; max-width: 100%; } - .btn-group-vertical > .btn + .btn { margin-top: -1px; } - .btn-group-vertical .btn:not(:first-child):not(:last-child) { border-radius: 0; } - .btn-group-vertical .btn:first-child { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } - .btn-group-vertical .btn:last-child { border-top-right-radius: 0; border-top-left-radius: 0; } - .btn-group-justified { display: table; width: 100%; } - .btn-group-justified .btn { - display: table-cell; float: none; + display: table-cell; width: 1%; } - .btn-group[data-toggle="buttons-radio"] > .btn > input[type="radio"], .btn-group[data-toggle="buttons-checkbox"] > .btn > input[type="checkbox"] { display: none; } - .breadcrumb { padding: 8px 15px; margin: 0 0 20px; @@ -3896,37 +3325,30 @@ button.close { background-color: #f5f5f5; border-radius: 4px; } - .breadcrumb > li { display: inline-block; text-shadow: 0 1px 0 #fff; } - .breadcrumb > li:after { display: inline-block; + content: "\00a0 /"; padding: 0 5px; color: #ccc; - content: "\00a0 /"; } - .breadcrumb > li:last-child:after { display: none; } - .breadcrumb > .active { color: #999999; } - .pagination { display: inline-block; margin: 20px 0; border-radius: 4px; } - .pagination > li { display: inline; } - .pagination > li > a, .pagination > li > span { float: left; @@ -3937,60 +3359,51 @@ button.close { border: 1px solid #dddddd; border-left-width: 0; } - .pagination > li > a:hover, .pagination > li > a:focus, .pagination > .active > a, .pagination > .active > span { background-color: #f5f5f5; } - .pagination > .active > a, .pagination > .active > span { color: #999999; cursor: default; } - .pagination > .disabled > span, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #999999; - cursor: default; background-color: #ffffff; + cursor: default; } - .pagination > li:first-child > a, .pagination > li:first-child > span { border-left-width: 1px; border-bottom-left-radius: 4px; border-top-left-radius: 4px; } - .pagination > li:last-child > a, .pagination > li:last-child > span { - border-top-right-radius: 4px; border-bottom-right-radius: 4px; + border-top-right-radius: 4px; } - .pagination-large > li > a, .pagination-large > li > span { padding: 11px 14px; font-size: 18px; } - .pagination-large > li:first-child > a, .pagination-large > li:first-child > span { border-bottom-left-radius: 6px; border-top-left-radius: 6px; } - .pagination-large > li:last-child > a, .pagination-large > li:last-child > span { - border-top-right-radius: 6px; border-bottom-right-radius: 6px; + border-top-right-radius: 6px; } - .pagination-mini > li:first-child > a, .pagination-small > li:first-child > a, .pagination-mini > li:first-child > span, @@ -3998,57 +3411,55 @@ button.close { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } - .pagination-mini > li:last-child > a, .pagination-small > li:last-child > a, .pagination-mini > li:last-child > span, .pagination-small > li:last-child > span { - border-top-right-radius: 3px; border-bottom-right-radius: 3px; + border-top-right-radius: 3px; } - .pagination-small > li > a, .pagination-small > li > span { padding: 2px 10px; font-size: 12px; } - .pagination-mini > li > a, .pagination-mini > li > span { padding: 0 6px; font-size: 11px; } - .pager { margin: 20px 0; - text-align: center; list-style: none; + text-align: center; } - .pager:before, .pager:after { - display: table; content: " "; -} + /* 1 */ + + display: table; + /* 2 */ +} .pager:after { clear: both; } - .pager:before, .pager:after { - display: table; content: " "; -} + /* 1 */ + + display: table; + /* 2 */ +} .pager:after { clear: both; } - .pager li { display: inline; } - .pager li > a, .pager li > span { display: inline-block; @@ -4057,85 +3468,74 @@ button.close { border: 1px solid #dddddd; border-radius: 15px; } - .pager li > a:hover, .pager li > a:focus { text-decoration: none; background-color: #f5f5f5; } - .pager .next > a, .pager .next > span { float: right; } - .pager .previous > a, .pager .previous > span { float: left; } - .pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span { color: #999999; - cursor: default; background-color: #ffffff; + cursor: default; } - .modal-open { overflow: hidden; } - .modal { + display: none; + overflow: auto; + overflow-y: scroll; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; - display: none; - overflow: auto; - overflow-y: scroll; -webkit-overflow-scrolling: touch; } - .modal.fade { top: -25%; -webkit-transition: opacity 0.3s linear, top 0.3s ease-out; - -moz-transition: opacity 0.3s linear, top 0.3s ease-out; - -o-transition: opacity 0.3s linear, top 0.3s ease-out; - transition: opacity 0.3s linear, top 0.3s ease-out; + -moz-transition: opacity 0.3s linear, top 0.3s ease-out; + -o-transition: opacity 0.3s linear, top 0.3s ease-out; + transition: opacity 0.3s linear, top 0.3s ease-out; } - .modal.fade.in { top: 0; } - .modal-dialog { position: relative; top: 0; - right: 0; left: 0; - z-index: 1050; + right: 0; width: auto; padding: 10px; + z-index: 1050; } - .modal-content { position: relative; background-color: #fff; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; - outline: none; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); - box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); + box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); -webkit-background-clip: padding-box; - -moz-background-clip: padding-box; - background-clip: padding-box; + -moz-background-clip: padding-box; + background-clip: padding-box; + outline: none; } - .modal-backdrop { position: fixed; top: 0; @@ -4145,128 +3545,114 @@ button.close { z-index: 1030; background-color: #000; } - .modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0); } - .modal-backdrop.fade.in { opacity: 0.5; filter: alpha(opacity=50); } - .modal-header { - min-height: 16.428px; padding: 15px; border-bottom: 1px solid #e5e5e5; + min-height: 16.428px; } - .modal-header .close { margin-top: -2px; } - .modal-title { margin: 0; line-height: 1.428; } - .modal-body { position: relative; padding: 20px; } - .modal-footer { - padding: 19px 20px 20px; margin-top: 15px; + padding: 19px 20px 20px; text-align: right; border-top: 1px solid #e5e5e5; } - .modal-footer:before, .modal-footer:after { - display: table; content: " "; -} + /* 1 */ + display: table; + /* 2 */ + +} .modal-footer:after { clear: both; } - .modal-footer:before, .modal-footer:after { - display: table; content: " "; -} + /* 1 */ + display: table; + /* 2 */ + +} .modal-footer:after { clear: both; } - .modal-footer .btn + .btn { - margin-bottom: 0; margin-left: 5px; + margin-bottom: 0; } - .modal-footer .btn-group .btn + .btn { margin-left: -1px; } - .modal-footer .btn-block + .btn-block { margin-left: 0; } - @media screen and (min-width: 768px) { .modal-dialog { - right: auto; left: 50%; + right: auto; width: 560px; + margin-left: -280px; padding-top: 30px; padding-bottom: 30px; - margin-left: -280px; } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); - box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } } - .tooltip { position: absolute; z-index: 1030; display: block; + visibility: visible; font-size: 11px; line-height: 1.4; opacity: 0; filter: alpha(opacity=0); - visibility: visible; } - .tooltip.in { opacity: 1; filter: alpha(opacity=100); } - .tooltip.top { - padding: 5px 0; margin-top: -3px; + padding: 5px 0; } - .tooltip.right { - padding: 0 5px; margin-left: 3px; + padding: 0 5px; } - .tooltip.bottom { - padding: 5px 0; margin-top: 3px; + padding: 5px 0; } - .tooltip.left { - padding: 0 5px; margin-left: -3px; + padding: 0 5px; } - .tooltip-inner { max-width: 200px; padding: 3px 8px; @@ -4276,7 +3662,6 @@ button.close { background-color: rgba(0, 0, 0, 0.9); border-radius: 4px; } - .tooltip-arrow { position: absolute; width: 0; @@ -4284,39 +3669,34 @@ button.close { border-color: transparent; border-style: solid; } - .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; - border-top-color: rgba(0, 0, 0, 0.9); border-width: 5px 5px 0; + border-top-color: rgba(0, 0, 0, 0.9); } - .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; - border-right-color: rgba(0, 0, 0, 0.9); border-width: 5px 5px 5px 0; + border-right-color: rgba(0, 0, 0, 0.9); } - .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; - border-left-color: rgba(0, 0, 0, 0.9); border-width: 5px 0 5px 5px; + border-left-color: rgba(0, 0, 0, 0.9); } - .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; - border-bottom-color: rgba(0, 0, 0, 0.9); border-width: 0 5px 5px; + border-bottom-color: rgba(0, 0, 0, 0.9); } - .popover { position: absolute; top: 0; @@ -4326,37 +3706,32 @@ button.close { max-width: 276px; padding: 1px; text-align: left; - white-space: normal; background-color: #ffffff; + -webkit-bg-clip: padding-box; + -moz-bg-clip: padding; + background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); - box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); - background-clip: padding-box; - -webkit-bg-clip: padding-box; - -moz-bg-clip: padding; + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + white-space: normal; } - .popover.top { margin-top: -10px; } - .popover.right { margin-left: 10px; } - .popover.bottom { margin-top: 10px; } - .popover.left { margin-left: -10px; } - .popover-title { - padding: 8px 14px; margin: 0; + padding: 8px 14px; font-size: 14px; font-weight: normal; line-height: 18px; @@ -4364,15 +3739,12 @@ button.close { border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0; } - .popover-title:empty { display: none; } - .popover-content { padding: 9px 14px; } - .popover .arrow, .popover .arrow:after { position: absolute; @@ -4382,80 +3754,69 @@ button.close { border-color: transparent; border-style: solid; } - .popover .arrow { border-width: 11px; } - .popover .arrow:after { border-width: 10px; content: ""; } - .popover.top .arrow { - bottom: -11px; left: 50%; margin-left: -11px; + border-bottom-width: 0; border-top-color: #999; border-top-color: rgba(0, 0, 0, 0.25); - border-bottom-width: 0; + bottom: -11px; } - .popover.top .arrow:after { bottom: 1px; margin-left: -10px; - border-top-color: #ffffff; border-bottom-width: 0; + border-top-color: #ffffff; } - .popover.right .arrow { top: 50%; left: -11px; margin-top: -11px; + border-left-width: 0; border-right-color: #999; border-right-color: rgba(0, 0, 0, 0.25); - border-left-width: 0; } - .popover.right .arrow:after { - bottom: -10px; left: 1px; - border-right-color: #ffffff; + bottom: -10px; border-left-width: 0; + border-right-color: #ffffff; } - .popover.bottom .arrow { - top: -11px; left: 50%; margin-left: -11px; + border-top-width: 0; border-bottom-color: #999; border-bottom-color: rgba(0, 0, 0, 0.25); - border-top-width: 0; + top: -11px; } - .popover.bottom .arrow:after { top: 1px; margin-left: -10px; - border-bottom-color: #ffffff; border-top-width: 0; + border-bottom-color: #ffffff; } - .popover.left .arrow { top: 50%; right: -11px; margin-top: -11px; + border-right-width: 0; border-left-color: #999; border-left-color: rgba(0, 0, 0, 0.25); - border-right-width: 0; } - .popover.left .arrow:after { right: 1px; - bottom: -10px; - border-left-color: #ffffff; border-right-width: 0; + border-left-color: #ffffff; + bottom: -10px; } - .alert { padding: 10px 35px 10px 15px; margin-bottom: 20px; @@ -4464,88 +3825,71 @@ button.close { border: 1px solid #fbeed5; border-radius: 4px; } - .alert h4 { margin-top: 0; color: inherit; } - .alert hr { border-top-color: #f8e5be; } - .alert > a, .alert > p > a { font-weight: 500; color: #a47e3c; } - .alert .close { position: relative; top: -2px; right: -21px; color: inherit; } - .alert-success { - color: #468847; background-color: #dff0d8; border-color: #d6e9c6; + color: #468847; } - .alert-success hr { border-top-color: #c9e2b3; } - .alert-success > a, .alert-success > p > a { color: #356635; } - .alert-danger { - color: #b94a48; background-color: #f2dede; border-color: #eed3d7; + color: #b94a48; } - .alert-danger hr { border-top-color: #e6c1c7; } - .alert-danger > a, .alert-danger > p > a { color: #953b39; } - .alert-info { - color: #3a87ad; background-color: #d9edf7; border-color: #bce8f1; + color: #3a87ad; } - .alert-info hr { border-top-color: #a6e1ec; } - .alert-info > a, .alert-info > p > a { color: #2d6987; } - .alert-block { padding-top: 15px; padding-bottom: 15px; } - .alert-block > p, .alert-block > ul { margin-bottom: 0; } - .alert-block p + p { margin-top: 5px; } - .thumbnail, .img-thumbnail { padding: 4px; @@ -4554,72 +3898,58 @@ button.close { border: 1px solid #dddddd; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; + -moz-transition: all 0.2s ease-in-out; + -o-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; } - .thumbnail { display: block; } - .img-thumbnail { display: inline-block; } - a.thumbnail:hover, a.thumbnail:focus { border-color: #428bca; } - .thumbnail > img { display: block; max-width: 100%; - margin-right: auto; margin-left: auto; + margin-right: auto; } - .thumbnail .caption { padding: 9px; color: #333333; } - .media, .media-body { overflow: hidden; zoom: 1; } - .media, .media .media { margin-top: 15px; } - .media:first-child { margin-top: 0; } - .media-object { display: block; } - .media-heading { margin: 0 0 5px; } - .media > .pull-left { margin-right: 10px; } - .media > .pull-right { margin-left: 10px; } - .media-list { margin-left: 0; list-style: none; } - .label { display: inline; padding: .25em .6em; @@ -4633,7 +3963,6 @@ a.thumbnail:focus { background-color: #999999; border-radius: .25em; } - .label[href]:hover, .label[href]:focus { color: #fff; @@ -4641,88 +3970,72 @@ a.thumbnail:focus { cursor: pointer; background-color: #808080; } - .label-danger { background-color: #d9534f; } - .label-danger[href]:hover, .label-danger[href]:focus { background-color: #c9302c; } - .label-success { background-color: #5cb85c; } - .label-success[href]:hover, .label-success[href]:focus { background-color: #449d44; } - .label-warning { background-color: #f0ad4e; } - .label-warning[href]:hover, .label-warning[href]:focus { background-color: #ec971f; } - .label-info { background-color: #5bc0de; } - .label-info[href]:hover, .label-info[href]:focus { background-color: #31b0d5; } - .badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: bold; - line-height: 1; color: #fff; - text-align: center; - white-space: nowrap; + line-height: 1; vertical-align: middle; + white-space: nowrap; + text-align: center; background-color: #999999; border-radius: 10px; } - .badge:empty { display: none; } - a.badge:hover, a.badge:focus { color: #fff; text-decoration: none; cursor: pointer; } - .btn .badge { position: relative; top: -1px; } - .btn-mini .badge { top: 0; } - a.list-group-item.active > .badge, .nav-pills > .active > a > .badge { color: #428bca; background-color: #fff; } - .nav-pills > li > a > .badge { margin-left: 3px; } - @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; @@ -4731,7 +4044,6 @@ a.list-group-item.active > .badge, background-position: 0 0; } } - @-moz-keyframes progress-bar-stripes { from { background-position: 40px 0; @@ -4740,7 +4052,6 @@ a.list-group-item.active > .badge, background-position: 0 0; } } - @-ms-keyframes progress-bar-stripes { from { background-position: 40px 0; @@ -4749,7 +4060,6 @@ a.list-group-item.active > .badge, background-position: 0 0; } } - @-o-keyframes progress-bar-stripes { from { background-position: 0 0; @@ -4758,7 +4068,6 @@ a.list-group-item.active > .badge, background-position: 40px 0; } } - @keyframes progress-bar-stripes { from { background-position: 40px 0; @@ -4767,20 +4076,18 @@ a.list-group-item.active > .badge, background-position: 0 0; } } - .progress { + overflow: hidden; height: 20px; margin-bottom: 20px; - overflow: hidden; background-color: #f5f5f5; border-radius: 4px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); } - .progress-bar { float: left; - width: 0; + width: 0%; height: 100%; font-size: 12px; color: #fff; @@ -4788,13 +4095,12 @@ a.list-group-item.active > .badge, text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #428bca; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-transition: width 0.6s ease; - -moz-transition: width 0.6s ease; - -o-transition: width 0.6s ease; - transition: width 0.6s ease; + -moz-transition: width 0.6s ease; + -o-transition: width 0.6s ease; + transition: width 0.6s ease; } - .progress-striped .progress-bar { background-color: #428bca; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); @@ -4802,23 +4108,20 @@ a.list-group-item.active > .badge, background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 40px 40px; - -moz-background-size: 40px 40px; - -o-background-size: 40px 40px; - background-size: 40px 40px; + -moz-background-size: 40px 40px; + -o-background-size: 40px 40px; + background-size: 40px 40px; } - .progress.active .progress-bar { -webkit-animation: progress-bar-stripes 2s linear infinite; - -moz-animation: progress-bar-stripes 2s linear infinite; - -ms-animation: progress-bar-stripes 2s linear infinite; - -o-animation: progress-bar-stripes 2s linear infinite; - animation: progress-bar-stripes 2s linear infinite; + -moz-animation: progress-bar-stripes 2s linear infinite; + -ms-animation: progress-bar-stripes 2s linear infinite; + -o-animation: progress-bar-stripes 2s linear infinite; + animation: progress-bar-stripes 2s linear infinite; } - .progress-bar-danger { background-color: #d9534f; } - .progress-striped .progress-bar-danger { background-color: #d9534f; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); @@ -4826,11 +4129,9 @@ a.list-group-item.active > .badge, background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } - .progress-bar-success { background-color: #5cb85c; } - .progress-striped .progress-bar-success { background-color: #5cb85c; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); @@ -4838,11 +4139,9 @@ a.list-group-item.active > .badge, background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } - .progress-bar-warning { background-color: #f0ad4e; } - .progress-striped .progress-bar-warning { background-color: #f0ad4e; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); @@ -4850,11 +4149,9 @@ a.list-group-item.active > .badge, background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } - .progress-bar-info { background-color: #5bc0de; } - .progress-striped .progress-bar-info { background-color: #5bc0de; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); @@ -4862,136 +4159,114 @@ a.list-group-item.active > .badge, background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } - .accordion { margin-bottom: 20px; } - .accordion-group { margin-bottom: 2px; border: 1px solid #e5e5e5; border-radius: 4px; } - .accordion-heading { border-bottom: 0; } - .accordion-heading .accordion-toggle { display: block; padding: 8px 15px; } - .accordion-toggle { cursor: pointer; } - .accordion-inner { padding: 9px 15px; border-top: 1px solid #e5e5e5; } - .carousel { position: relative; } - .carousel-inner { position: relative; - width: 100%; overflow: hidden; + width: 100%; } - .carousel-inner > .item { - position: relative; display: none; + position: relative; -webkit-transition: 0.6s ease-in-out left; - -moz-transition: 0.6s ease-in-out left; - -o-transition: 0.6s ease-in-out left; - transition: 0.6s ease-in-out left; + -moz-transition: 0.6s ease-in-out left; + -o-transition: 0.6s ease-in-out left; + transition: 0.6s ease-in-out left; } - .carousel-inner > .item > img, .carousel-inner > .item > a > img { display: block; line-height: 1; } - .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; } - .carousel-inner > .active { left: 0; } - .carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } - .carousel-inner > .next { left: 100%; } - .carousel-inner > .prev { left: -100%; } - .carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; } - .carousel-inner > .active.left { left: -100%; } - .carousel-inner > .active.right { left: 100%; } - .carousel-control { position: absolute; top: 0; - bottom: 0; left: 0; + bottom: 0; width: 15%; + opacity: 0.5; + filter: alpha(opacity=50); font-size: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); - opacity: 0.5; - filter: alpha(opacity=50); } - .carousel-control.left { background-color: rgba(0, 0, 0, 0.0001); - background-color: transparent; background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001))); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.0001)); background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.0001)); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.0001)); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); + background-color: transparent; } - .carousel-control.right { - right: 0; left: auto; + right: 0; background-color: rgba(0, 0, 0, 0.5); - background-color: transparent; background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5))); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001), rgba(0, 0, 0, 0.5)); background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.0001), rgba(0, 0, 0, 0.5)); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001), rgba(0, 0, 0, 0.5)); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); + background-color: transparent; } - .carousel-control:hover, .carousel-control:focus { color: #fff; @@ -4999,7 +4274,6 @@ a.list-group-item.active > .badge, opacity: 0.9; filter: alpha(opacity=90); } - .carousel-control .glyphicon { position: absolute; top: 50%; @@ -5011,7 +4285,6 @@ a.list-group-item.active > .badge, margin-top: -10px; margin-left: -10px; } - .carousel-indicators { position: absolute; bottom: 20px; @@ -5019,31 +4292,28 @@ a.list-group-item.active > .badge, z-index: 5; width: 100px; margin: 0 0 0 -50px; - text-align: center; list-style: none; + text-align: center; } - .carousel-indicators li { display: inline-block; width: 8px; height: 8px; - margin-right: 0; margin-left: 0; + margin-right: 0; text-indent: -999px; - cursor: pointer; border: 1px solid #fff; border-radius: 5px; + cursor: pointer; } - .carousel-indicators .active { background-color: #fff; } - .carousel-caption { position: absolute; + left: 15%; right: 15%; bottom: 20px; - left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; @@ -5051,11 +4321,9 @@ a.list-group-item.active > .badge, text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } - .carousel-caption .btn { text-shadow: none; } - @media screen and (min-width: 768px) { .carousel-control .glyphicon { width: 30px; @@ -5065,12 +4333,11 @@ a.list-group-item.active > .badge, font-size: 30px; } .carousel-caption { - right: 20%; left: 20%; + right: 20%; padding-bottom: 30px; } } - .jumbotron { padding: 30px; margin-bottom: 30px; @@ -5080,16 +4347,13 @@ a.list-group-item.active > .badge, color: inherit; background-color: #eeeeee; } - .jumbotron h1 { line-height: 1; color: inherit; } - .jumbotron p { line-height: 1.4; } - @media screen and (min-width: 768px) { .jumbotron { padding: 50px 60px; @@ -5099,37 +4363,33 @@ a.list-group-item.active > .badge, font-size: 63px; } } - .clearfix:before, .clearfix:after { - display: table; content: " "; -} + /* 1 */ + display: table; + /* 2 */ + +} .clearfix:after { clear: both; } - .pull-right { float: right; } - .pull-left { float: left; } - .hide { display: none !important; } - .show { display: block !important; } - .invisible { visibility: hidden; } - .text-hide { font: 0/0 a; color: transparent; @@ -5137,96 +4397,82 @@ a.list-group-item.active > .badge, background-color: transparent; border: 0; } - .affix { position: fixed; } - @-ms-viewport { width: device-width; } - @media screen and (max-width: 400px) { @-ms-viewport { width: 320px; } } - .hidden { display: none; visibility: hidden; } - -.visible-phone { +.visible-sm { display: inherit !important; } - -.visible-tablet { +.visible-md { display: none !important; } - -.visible-desktop { +.visible-lg { display: none !important; } - -.hidden-phone { +.hidden-sm { display: none !important; } - -.hidden-tablet { +.hidden-md { display: inherit !important; } - -.hidden-desktop { +.hidden-lg { display: inherit !important; } - @media (min-width: 768px) and (max-width: 991px) { - .visible-phone { + .visible-sm { display: none !important; } - .visible-tablet { + .visible-md { display: inherit !important; } - .visible-desktop { + .visible-lg { display: none !important; } - .hidden-phone { + .hidden-sm { display: inherit !important; } - .hidden-tablet { + .hidden-md { display: none !important; } - .hidden-desktop { + .hidden-lg { display: inherit !important; } } - @media (min-width: 992px) { - .visible-phone { + .visible-sm { display: none !important; } - .visible-tablet { + .visible-md { display: none !important; } - .visible-desktop { + .visible-lg { display: inherit !important; } - .hidden-phone { + .hidden-sm { display: inherit !important; } - .hidden-tablet { + .hidden-md { display: inherit !important; } - .hidden-desktop { + .hidden-lg { display: none !important; } } - .visible-print { display: none !important; } - @media print { .visible-print { display: inherit !important; -- cgit v1.2.3 From 60c24ddd976f24ac773c27d091a5a2559f54d2b0 Mon Sep 17 00:00:00 2001 From: Blake Embrey Date: Sat, 11 May 2013 09:38:48 -0700 Subject: Fix the selectors for the .input-group-btn selector. --- docs/assets/css/bootstrap.css | 10 ++++++---- 1 file changed, 6 insertions(+), 4 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 5484d9833..7e47655b5 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -1637,8 +1637,9 @@ select:focus:invalid:focus { .input-group input:first-child, .input-group-addon:first-child, -.input-group-btn:first-child > .btn:first-child, -.input-group-btn:first-child > .dropdown-toggle:first-child { +.input-group-btn:first-child > .btn, +.input-group-btn:first-child > .dropdown-toggle, +.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0; } @@ -1649,8 +1650,9 @@ select:focus:invalid:focus { .input-group input:last-child, .input-group-addon:last-child, -.input-group-btn:last-child > .btn:last-child, -.input-group-btn:last-child > .dropdown-toggle { +.input-group-btn:last-child > .btn, +.input-group-btn:last-child > .dropdown-toggle, +.input-group-btn:first-child > .btn:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; } -- cgit v1.2.3 From 23b32fec656f0193010682311879478bfc9e6297 Mon Sep 17 00:00:00 2001 From: Vinay Raghu Date: Thu, 5 Dec 2013 01:36:19 +0530 Subject: Recompiled using makefile recess --- docs/assets/css/bootstrap.css | 1360 ++++++++++++++++++++++++++++++++--------- 1 file changed, 1057 insertions(+), 303 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index b12e587f2..9600d4180 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -7,7 +7,9 @@ * * Designed and built with all the love in the world by @mdo and @fat. */ + /*! normalize.css v2.1.0 | MIT License | git.io/normalize */ + article, aside, details, @@ -22,56 +24,70 @@ section, summary { display: block; } + audio, canvas, video { display: inline-block; } + audio:not([controls]) { display: none; height: 0; } + [hidden] { display: none; } + html { font-family: sans-serif; -webkit-text-size-adjust: 100%; - -ms-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; } + body { margin: 0; } + a:focus { outline: thin dotted; } + a:active, a:hover { outline: 0; } + h1 { - font-size: 2em; margin: 0.67em 0; + font-size: 2em; } + abbr[title] { border-bottom: 1px dotted; } + b, strong { font-weight: bold; } + dfn { font-style: italic; } + hr { - -moz-box-sizing: content-box; - box-sizing: content-box; height: 0; + -moz-box-sizing: content-box; + box-sizing: content-box; } + mark { - background: #ff0; color: #000; + background: #ff0; } + code, kbd, pre, @@ -79,105 +95,128 @@ samp { font-family: monospace, serif; font-size: 1em; } + pre { white-space: pre-wrap; } + q { quotes: "\201C" "\201D" "\2018" "\2019"; } + small { font-size: 80%; } + sub, sup { + position: relative; font-size: 75%; line-height: 0; - position: relative; vertical-align: baseline; } + sup { top: -0.5em; } + sub { bottom: -0.25em; } + img { border: 0; } + svg:not(:root) { overflow: hidden; } + figure { margin: 0; } + fieldset { - border: 1px solid #c0c0c0; - margin: 0 2px; padding: 0.35em 0.625em 0.75em; + margin: 0 2px; + border: 1px solid #c0c0c0; } + legend { - border: 0; padding: 0; + border: 0; } + button, input, select, textarea { + margin: 0; font-family: inherit; font-size: 100%; - margin: 0; } + button, input { line-height: normal; } + button, select { text-transform: none; } + button, html input[type="button"], input[type="reset"], input[type="submit"] { - -webkit-appearance: button; cursor: pointer; + -webkit-appearance: button; } + button[disabled], html input[disabled] { cursor: default; } + input[type="checkbox"], input[type="radio"] { - box-sizing: border-box; padding: 0; + box-sizing: border-box; } + input[type="search"] { - -webkit-appearance: textfield; - -moz-box-sizing: content-box; -webkit-box-sizing: content-box; - box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; + -webkit-appearance: textfield; } + input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } + button::-moz-focus-inner, input::-moz-focus-inner { - border: 0; padding: 0; + border: 0; } + textarea { overflow: auto; vertical-align: top; } + table { border-collapse: collapse; border-spacing: 0; } + @media print { * { - text-shadow: none !important; color: #000 !important; + text-shadow: none !important; background: transparent !important; box-shadow: none !important; } @@ -228,16 +267,19 @@ table { display: none; } } + * { -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } + html { font-size: 62.5%; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } + body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; @@ -245,6 +287,7 @@ body { color: #333333; background-color: #ffffff; } + input, button, select, @@ -253,89 +296,113 @@ textarea { font-size: inherit; line-height: inherit; } + a { color: #428bca; text-decoration: none; } + a:hover, a:focus { color: #2a6496; text-decoration: underline; } + a:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } + img { - max-width: 100%; height: auto; + max-width: 100%; vertical-align: middle; } + .img-rounded { border-radius: 6px; } + .img-circle { border-radius: 500px; } + p { margin: 0 0 10px; } + .lead { margin-bottom: 20px; font-size: 21px; font-weight: 200; line-height: 1.4; } + small { font-size: 85%; } + strong { font-weight: bold; } + em { font-style: italic; } + cite { font-style: normal; } + .text-muted { color: #999999; } + a.text-muted:hover, a.text-muted:focus { color: #808080; } + .text-warning { color: #c09853; } + a.text-warning:hover, a.text-warning:focus { color: #a47e3c; } + .text-danger { color: #b94a48; } + a.text-danger:hover, a.text-danger:focus { color: #953b39; } + .text-success { color: #468847; } + a.text-success:hover, a.text-success:focus { color: #356635; } + .text-left { text-align: left; } + .text-right { text-align: right; } + .text-center { text-align: center; } + h1, h2, h3, @@ -352,6 +419,7 @@ h6, font-weight: 500; line-height: 1.1; } + h1 small, h2 small, h3 small, @@ -368,137 +436,158 @@ h6 small, line-height: 1; color: #999999; } + h1, h2, h3 { margin-top: 20px; margin-bottom: 10px; } + h4, h5, h6 { margin-top: 10px; margin-bottom: 10px; } + h1, .h1 { font-size: 38px; } + h2, .h2 { font-size: 32px; } + h3, .h3 { font-size: 24px; } + h4, .h4 { font-size: 18px; } + h5, .h5 { font-size: 14px; } + h6, .h6 { font-size: 12px; } + h1 small, .h1 small { font-size: 24px; } + h2 small, .h2 small { font-size: 18px; } + h3 small, .h3 small, h4 small, .h4 small { font-size: 14px; } + .page-header { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #eeeeee; } + ul, ol { padding: 0; margin: 0 0 10px 25px; } + ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; } + li { line-height: 1.428; } + .list-unstyled { margin-left: 0; list-style: none; } + .list-inline { margin-left: 0; list-style: none; } + .list-inline > li { display: inline-block; - padding-left: 5px; padding-right: 5px; + padding-left: 5px; } + dl { margin-bottom: 20px; } + dt, dd { line-height: 1.428; } + dt { font-weight: bold; } + dd { margin-left: 10px; } + .dl-horizontal:before, .dl-horizontal:after { - content: " "; - /* 1 */ - display: table; - /* 2 */ - + content: " "; } + .dl-horizontal:after { clear: both; } + .dl-horizontal:before, .dl-horizontal:after { - content: " "; - /* 1 */ - display: table; - /* 2 */ - + content: " "; } + .dl-horizontal:after { clear: both; } + .dl-horizontal dt { float: left; width: 160px; + overflow: hidden; clear: left; text-align: right; - overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } + .dl-horizontal dd { margin-left: 180px; } + hr { margin: 20px 0; border: 0; @@ -506,36 +595,44 @@ hr { border-bottom: 1px solid #fff; border-bottom: 1px solid rgba(255, 255, 255, 0.5); } + abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #999999; } + abbr.initialism { font-size: 90%; text-transform: uppercase; } + blockquote { padding: 10px 20px; margin: 0 0 20px; border-left: 5px solid #eeeeee; } + blockquote p { font-size: 17.5px; font-weight: 300; line-height: 1.25; } + blockquote p:last-child { margin-bottom: 0; } + blockquote small { display: block; line-height: 1.428; color: #999999; } + blockquote small:before { content: '\2014 \00A0'; } + blockquote.pull-right { float: right; padding-right: 15px; @@ -543,28 +640,34 @@ blockquote.pull-right { border-right: 5px solid #eeeeee; border-left: 0; } + blockquote.pull-right p, blockquote.pull-right small { text-align: right; } + blockquote.pull-right small:before { content: ''; } + blockquote.pull-right small:after { content: '\00A0 \2014'; } + q:before, q:after, blockquote:before, blockquote:after { content: ""; } + address { display: block; margin-bottom: 20px; font-style: normal; line-height: 1.428; } + code, pre { padding: 0 3px 2px; @@ -573,13 +676,15 @@ pre { color: #333333; border-radius: 4px; } + code { padding: 2px 4px; font-size: 90%; color: #c7254e; - background-color: #f9f2f4; white-space: nowrap; + background-color: #f9f2f4; } + pre { display: block; padding: 9.5px; @@ -595,9 +700,11 @@ pre { border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; } + pre.prettyprint { margin-bottom: 20px; } + pre code { padding: 0; color: inherit; @@ -606,110 +713,119 @@ pre code { background-color: transparent; border: 0; } + .pre-scrollable { max-height: 340px; overflow-y: scroll; } + .container { margin-right: auto; margin-left: auto; } + .container:before, .container:after { - content: " "; - /* 1 */ - display: table; - /* 2 */ - + content: " "; } + .container:after { clear: both; } + .container:before, .container:after { - content: " "; - /* 1 */ - display: table; - /* 2 */ - + content: " "; } + .container:after { clear: both; } + .row:before, .row:after { - content: " "; - /* 1 */ - display: table; - /* 2 */ - + content: " "; } + .row:after { clear: both; } + .row:before, .row:after { - content: " "; - /* 1 */ - display: table; - /* 2 */ - + content: " "; } + .row:after { clear: both; } + .row .row { - margin-left: -15px; margin-right: -15px; + margin-left: -15px; } + .col { position: relative; float: left; width: 100%; min-height: 1px; - padding-left: 15px; padding-right: 15px; + padding-left: 15px; } + .col-sm-12 { width: 100%; } + .col-sm-11 { width: 91.66666666666666%; } + .col-sm-10 { width: 83.33333333333334%; } + .col-sm-9 { width: 75%; } + .col-sm-8 { width: 66.66666666666666%; } + .col-sm-7 { width: 58.333333333333336%; } + .col-sm-6 { width: 50%; } + .col-sm-5 { width: 41.66666666666667%; } + .col-sm-4 { width: 33.33333333333333%; } + .col-sm-3 { width: 25%; } + .col-sm-2 { width: 16.666666666666664%; } + .col-sm-1 { width: 8.333333333333332%; } + @media screen and (min-width: 768px) { .col-lg-12 { width: 100%; @@ -856,39 +972,47 @@ pre code { right: 8.333333333333332%; } } + @media screen and (min-width: 768px) { .container { max-width: 728px; } .row { - margin-left: -15px; margin-right: -15px; + margin-left: -15px; } } + @media screen and (min-width: 992px) { .container { max-width: 940px; } } + @media screen and (min-width: 1200px) { .container { max-width: 1170px; } } + /*[class*="col-span-"].pull-right { float: right; }*/ + table { max-width: 100%; background-color: transparent; } + th { text-align: left; } + .table { width: 100%; margin-bottom: 20px; } + .table thead > tr > th, .table tbody > tr > th, .table thead > tr > td, @@ -898,9 +1022,11 @@ th { vertical-align: top; border-top: 1px solid #dddddd; } + .table thead > tr > th { vertical-align: bottom; } + .table caption + thead tr:first-child th, .table caption + thead tr:first-child td, .table colgroup + thead tr:first-child th, @@ -909,30 +1035,36 @@ th { .table thead:first-child tr:first-child td { border-top: 0; } + .table tbody + tbody { border-top: 2px solid #dddddd; } + .table .table { background-color: #ffffff; } + .table-condensed thead > tr > th, .table-condensed tbody > tr > th, .table-condensed thead > tr > td, .table-condensed tbody > tr > td { padding: 4px 5px; } + .table-bordered { border: 1px solid #dddddd; border-collapse: separate; border-left: 0; border-radius: 4px; } + .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td { border-left: 1px solid #dddddd; } + .table-bordered > caption + thead > tr:first-child th, .table-bordered > caption + tbody > tr:first-child th, .table-bordered > caption + tbody > tr:first-child td, @@ -944,16 +1076,19 @@ th { .table-bordered > tbody:first-child > tr:first-child td { border-top: 0; } + .table-bordered > thead:first-child > tr:first-child > th:first-child, .table-bordered > tbody:first-child > tr:first-child > td:first-child, .table-bordered > tbody:first-child > tr:first-child > th:first-child { border-top-left-radius: 4px; } + .table-bordered > thead:first-child > tr:first-child > th:last-child, .table-bordered > tbody:first-child > tr:first-child > td:last-child, .table-bordered > tbody:first-child > tr:first-child > th:last-child { border-top-right-radius: 4px; } + .table-bordered > thead:last-child > tr:last-child > th:first-child, .table-bordered > tbody:last-child > tr:last-child > td:first-child, .table-bordered > tbody:last-child > tr:last-child > th:first-child, @@ -961,6 +1096,7 @@ th { .table-bordered > tfoot:last-child > tr:last-child > th:first-child { border-bottom-left-radius: 4px; } + .table-bordered > thead:last-child > tr:last-child > th:last-child, .table-bordered > tbody:last-child > tr:last-child > td:last-child, .table-bordered > tbody:last-child > tr:last-child > th:last-child, @@ -968,85 +1104,102 @@ th { .table-bordered > tfoot:last-child > tr:last-child > th:last-child { border-bottom-right-radius: 4px; } + .table-bordered > tfoot + tbody:last-child > tr:last-child > td:first-child { border-bottom-left-radius: 0; } + .table-bordered > tfoot + tbody:last-child > tr:last-child > td:last-child { border-bottom-right-radius: 0; } + .table-bordered > caption + thead > tr:first-child > th:first-child, .table-bordered > caption + tbody > tr:first-child > td:first-child, .table-bordered > colgroup + thead > tr:first-child > th:first-child, .table-bordered > colgroup + tbody > tr:first-child > td:first-child { border-top-left-radius: 4px; } + .table-bordered > caption + thead > tr:first-child > th:last-child, .table-bordered > caption + tbody > tr:first-child > td:last-child, .table-bordered > colgroup + thead > tr:first-child > th:last-child, .table-bordered > colgroup + tbody > tr:first-child > td:last-child { border-top-right-radius: 4px; } + .table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th { background-color: #f9f9f9; } + .table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th { background-color: #f5f5f5; } + table col[class*="col-span-"] { - float: none; display: table-column; + float: none; } + table td[class*="col-span-"], table th[class*="col-span-"] { - float: none; display: table-cell; + float: none; } + .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tbody > tr.success > td { background-color: #dff0d8; border-color: #d6e9c6; } + .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tbody > tr.danger > td { background-color: #f2dede; border-color: #eed3d7; } + .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tbody > tr.warning > td { background-color: #fcf8e3; border-color: #fbeed5; } + .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td { background-color: #d0e9c6; border-color: #c9e2b3; } + .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td { background-color: #ebcccc; border-color: #e6c1c7; } + .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td { background-color: #faf2cc; border-color: #f8e5be; } + form { margin: 0; } + fieldset { padding: 0; margin: 0; border: 0; } + legend { display: block; width: 100%; @@ -1058,11 +1211,13 @@ legend { border: 0; border-bottom: 1px solid #e5e5e5; } + label { display: inline-block; margin-bottom: 5px; font-weight: bold; } + select, textarea, input[type="text"], @@ -1090,17 +1245,19 @@ input[type="color"] { border: 1px solid #cccccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -webkit-transition: border-color linear .2s, box-shadow linear .2s; - -moz-transition: border-color linear .2s, box-shadow linear .2s; - -o-transition: border-color linear .2s, box-shadow linear .2s; - transition: border-color linear .2s, box-shadow linear .2s; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -webkit-transition: border-color linear 0.2s, box-shadow linear 0.2s; + -moz-transition: border-color linear 0.2s, box-shadow linear 0.2s; + -o-transition: border-color linear 0.2s, box-shadow linear 0.2s; + transition: border-color linear 0.2s, box-shadow linear 0.2s; } + input, select, textarea { width: 100%; } + input[type="file"], input[type="image"], input[type="submit"], @@ -1110,14 +1267,17 @@ input[type="radio"], input[type="checkbox"] { width: auto; } + input[type="search"] { -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } + textarea { height: auto; } + textarea:focus, input[type="text"]:focus, input[type="password"]:focus, @@ -1139,8 +1299,9 @@ input[type="color"]:focus { /* IE6-9 */ -webkit-box-shadow: 0 0 8px rgba(82, 168, 236, 0.6); - box-shadow: 0 0 8px rgba(82, 168, 236, 0.6); + box-shadow: 0 0 8px rgba(82, 168, 236, 0.6); } + input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; @@ -1149,6 +1310,7 @@ input[type="checkbox"] { line-height: normal; } + select, input[type="file"] { height: 34px; @@ -1156,10 +1318,12 @@ input[type="file"] { line-height: 34px; } + select[multiple], select[size] { height: auto; } + select:focus, input[type="file"]:focus, input[type="radio"]:focus, @@ -1168,31 +1332,37 @@ input[type="checkbox"]:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } + input:-moz-placeholder, textarea:-moz-placeholder { color: #999999; } + input::-moz-placeholder, textarea::-moz-placeholder { color: #999999; } + input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #999999; } + input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #999999; } + .radio, .checkbox { display: block; min-height: 20px; + padding-left: 20px; margin-top: 10px; margin-bottom: 10px; - padding-left: 20px; vertical-align: middle; } + .radio label, .checkbox label { display: inline; @@ -1200,6 +1370,7 @@ textarea::-webkit-input-placeholder { font-weight: normal; cursor: pointer; } + .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], @@ -1207,10 +1378,12 @@ textarea::-webkit-input-placeholder { float: left; margin-left: -20px; } + .radio + .radio, .checkbox + .checkbox { margin-top: -5px; } + /* // Move the options list down to align with labels .controls > .radio:first-child, @@ -1218,20 +1391,23 @@ textarea::-webkit-input-placeholder { padding-top: 5px; // has to be padding because margin collaspes } */ + .radio-inline, .checkbox-inline { display: inline-block; padding-left: 20px; margin-bottom: 0; - vertical-align: middle; font-weight: normal; + vertical-align: middle; cursor: pointer; } + .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: 10px; } + select.input-large, textarea.input-large, input[type="text"].input-large, @@ -1252,6 +1428,7 @@ input[type="color"].input-large { font-size: 18px; border-radius: 6px; } + select.input-small, textarea.input-small, input[type="text"].input-small, @@ -1273,6 +1450,7 @@ input[type="color"].input-small { font-size: 12px; border-radius: 3px; } + input[disabled], select[disabled], textarea[disabled], @@ -1285,6 +1463,7 @@ fieldset[disabled] textarea { cursor: not-allowed; background-color: #eeeeee; } + input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"][readonly], @@ -1293,61 +1472,73 @@ fieldset[disabled] input[type="radio"], fieldset[disabled] input[type="checkbox"] { background-color: transparent; } + .has-warning .control-label { color: #c09853; } + .has-warning .input-with-feedback { padding-right: 32px; border-color: #c09853; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } + .has-warning .input-with-feedback:focus { border-color: #a47e3c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; } + .has-error .control-label { color: #b94a48; } + .has-error .input-with-feedback { padding-right: 32px; border-color: #b94a48; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } + .has-error .input-with-feedback:focus { border-color: #953b39; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; } + .has-success .control-label { color: #468847; } + .has-success .input-with-feedback { padding-right: 32px; border-color: #468847; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } + .has-success .input-with-feedback:focus { border-color: #356635; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; } + input:focus:invalid, textarea:focus:invalid, select:focus:invalid { color: #b94a48; border-color: #ee5f5b; } + input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus { border-color: #e9322d; -webkit-box-shadow: 0 0 6px #f8b9b7; - box-shadow: 0 0 6px #f8b9b7; + box-shadow: 0 0 6px #f8b9b7; } + .form-actions { padding: 20px 20px; margin-top: 20px; @@ -1355,68 +1546,69 @@ select:focus:invalid:focus { background-color: #f5f5f5; border-top: 1px solid #e5e5e5; } + .form-actions:before, .form-actions:after { - content: " "; - /* 1 */ - display: table; - /* 2 */ - + content: " "; } + .form-actions:after { clear: both; } + .form-actions:before, .form-actions:after { - content: " "; - /* 1 */ - display: table; - /* 2 */ - + content: " "; } + .form-actions:after { clear: both; } + .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #737373; } + .input-group { display: table; } + .input-group.col { float: none; - padding-left: 0; padding-right: 0; + padding-left: 0; } + .input-group input, .input-group select { width: 100%; margin-bottom: 0; } + .input-group-addon, .input-group-btn, .input-group input { display: table-cell; } + .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group input:not(:first-child):not(:last-child) { border-radius: 0; } + .input-group-addon, .input-group-btn { width: 1%; vertical-align: middle; } + .input-group-addon { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; padding: 6px 8px; font-size: 14px; font-weight: normal; @@ -1426,27 +1618,35 @@ select:focus:invalid:focus { background-color: #eeeeee; border: 1px solid #ccc; border-radius: 4px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } + .input-group-addon.input-small { padding: 2px 10px; font-size: 12px; border-radius: 3px; } + .input-group-addon.input-large { padding: 11px 14px; font-size: 18px; border-radius: 6px; } + .input-group input:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn:first-child, .input-group-btn:first-child > .dropdown-toggle:first-child { - border-bottom-right-radius: 0; border-top-right-radius: 0; + border-bottom-right-radius: 0; } + .input-group-addon:first-child { border-right: 0; } + .input-group input:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn:last-child, @@ -1454,24 +1654,30 @@ select:focus:invalid:focus { border-bottom-left-radius: 0; border-top-left-radius: 0; } + .input-group-addon:last-child { border-left: 0; } + .input-group-btn { position: relative; white-space: nowrap; } + .input-group-btn > .btn { position: relative; float: left; } + .input-group-btn > .btn + .btn { margin-left: -1px; } + .input-group-btn > .btn:hover, .input-group-btn > .btn:active { z-index: 2; } + .form-inline input, .form-inline select, .form-inline textarea, @@ -1479,18 +1685,22 @@ select:focus:invalid:focus { .form-inline .checkbox { display: inline-block; } + .form-inline .radio, .form-inline .checkbox { margin-top: 0; margin-bottom: 0; } + .form-horizontal .row + .row { margin-top: 15px; } + .form-horizontal .row-label { padding-top: 6px; text-align: right; } + .btn { display: inline-block; padding: 6px 12px; @@ -1499,44 +1709,50 @@ select:focus:invalid:focus { font-weight: 500; line-height: 1.428; text-align: center; + white-space: nowrap; vertical-align: middle; cursor: pointer; border: 1px solid transparent; border-radius: 4px; - white-space: nowrap; } + .btn:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } + .btn:hover, .btn:focus { color: #fff; text-decoration: none; } + .btn:active, .btn.active { - outline: 0; background-image: none; + outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); - box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } + .btn.disabled, .btn[disabled], fieldset[disabled] .btn { - cursor: default; pointer-events: none; + cursor: default; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } + .btn-default { color: #ffffff; background-color: #a7a9aa; border-color: #a7a9aa; } + .btn-default:hover, .btn-default:focus, .btn-default:active, @@ -1544,6 +1760,7 @@ fieldset[disabled] .btn { background-color: #9a9c9d; border-color: #8d9091; } + .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, @@ -1559,11 +1776,13 @@ fieldset[disabled] .btn-default.active { background-color: #a7a9aa; border-color: #a7a9aa; } + .btn-primary { color: #ffffff; background-color: #428bca; border-color: #428bca; } + .btn-primary:hover, .btn-primary:focus, .btn-primary:active, @@ -1571,6 +1790,7 @@ fieldset[disabled] .btn-default.active { background-color: #357ebd; border-color: #3071a9; } + .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, @@ -1586,11 +1806,13 @@ fieldset[disabled] .btn-primary.active { background-color: #428bca; border-color: #428bca; } + .btn-warning { color: #ffffff; background-color: #f0ad4e; border-color: #f0ad4e; } + .btn-warning:hover, .btn-warning:focus, .btn-warning:active, @@ -1598,6 +1820,7 @@ fieldset[disabled] .btn-primary.active { background-color: #eea236; border-color: #ec971f; } + .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, @@ -1613,11 +1836,13 @@ fieldset[disabled] .btn-warning.active { background-color: #f0ad4e; border-color: #f0ad4e; } + .btn-danger { color: #ffffff; background-color: #d9534f; border-color: #d9534f; } + .btn-danger:hover, .btn-danger:focus, .btn-danger:active, @@ -1625,6 +1850,7 @@ fieldset[disabled] .btn-warning.active { background-color: #d43f3a; border-color: #c9302c; } + .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, @@ -1640,11 +1866,13 @@ fieldset[disabled] .btn-danger.active { background-color: #d9534f; border-color: #d9534f; } + .btn-success { color: #ffffff; background-color: #5cb85c; border-color: #5cb85c; } + .btn-success:hover, .btn-success:focus, .btn-success:active, @@ -1652,6 +1880,7 @@ fieldset[disabled] .btn-danger.active { background-color: #4cae4c; border-color: #449d44; } + .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, @@ -1667,11 +1896,13 @@ fieldset[disabled] .btn-success.active { background-color: #5cb85c; border-color: #5cb85c; } + .btn-info { color: #ffffff; background-color: #5bc0de; border-color: #5bc0de; } + .btn-info:hover, .btn-info:focus, .btn-info:active, @@ -1679,6 +1910,7 @@ fieldset[disabled] .btn-success.active { background-color: #46b8da; border-color: #31b0d5; } + .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, @@ -1694,6 +1926,7 @@ fieldset[disabled] .btn-info.active { background-color: #5bc0de; border-color: #5bc0de; } + .btn-link, .btn-link:active, .btn-link[disabled], @@ -1701,26 +1934,30 @@ fieldset[disabled] .btn-link { background-color: transparent; background-image: none; -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; } + .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent; } + .btn-link { - color: #428bca; font-weight: normal; + color: #428bca; cursor: pointer; border-radius: 0; } + .btn-link:hover, .btn-link:focus { color: #2a6496; text-decoration: underline; background-color: transparent; } + .btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, @@ -1728,45 +1965,54 @@ fieldset[disabled] .btn-link:focus { color: #333333; text-decoration: none; } + .btn-large { padding: 11px 14px; font-size: 18px; border-radius: 6px; } + .btn-small { padding: 2px 10px; font-size: 12px; border-radius: 3px; } + .btn-mini { padding: 0 6px; font-size: 11px; border-radius: 3px; } + .btn-block { display: block; width: 100%; - padding-left: 0; padding-right: 0; + padding-left: 0; } + .btn-block + .btn-block { margin-top: 5px; } + input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } + .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; - -moz-transition: opacity 0.15s linear; - -o-transition: opacity 0.15s linear; - transition: opacity 0.15s linear; + -moz-transition: opacity 0.15s linear; + -o-transition: opacity 0.15s linear; + transition: opacity 0.15s linear; } + .fade.in { opacity: 1; } + /*.collapse { position: relative; height: 0; @@ -1776,518 +2022,685 @@ input[type="button"].btn-block { height: auto; } }*/ + .collapse { position: relative; height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; - -moz-transition: height 0.35s ease; - -o-transition: height 0.35s ease; - transition: height 0.35s ease; + -moz-transition: height 0.35s ease; + -o-transition: height 0.35s ease; + transition: height 0.35s ease; } + .collapse.in { height: auto; } + @font-face { font-family: 'Glyphicons Halflings'; src: url('../fonts/glyphiconshalflings-regular.eot'); src: url('../fonts/glyphiconshalflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphiconshalflings-regular.woff') format('woff'), url('../fonts/glyphiconshalflings-regular.ttf') format('truetype'), url('../fonts/glyphiconshalflings-regular.svg#glyphicons_halflingsregular') format('svg'); } + .glyphicon:before { font-family: 'Glyphicons Halflings'; + -webkit-font-smoothing: antialiased; font-style: normal; font-weight: normal; line-height: 1; - -webkit-font-smoothing: antialiased; } + .glyphicon-glass:before { content: "\e001"; } + .glyphicon-music:before { content: "\e002"; } + .glyphicon-search:before { content: "\e003"; } + .glyphicon-envelope:before { content: "\2709"; } + .glyphicon-heart:before { content: "\e005"; } + .glyphicon-star:before { content: "\e006"; } + .glyphicon-star-empty:before { content: "\e007"; } + .glyphicon-user:before { content: "\e008"; } + .glyphicon-film:before { content: "\e009"; } + .glyphicon-th-large:before { content: "\e010"; } + .glyphicon-th:before { content: "\e011"; } + .glyphicon-th-list:before { content: "\e012"; } + .glyphicon-ok:before { content: "\e013"; } + .glyphicon-remove:before { content: "\e014"; } + .glyphicon-zoom-in:before { content: "\e015"; } + .glyphicon-zoom-out:before { content: "\e016"; } + .glyphicon-off:before { content: "\e017"; } + .glyphicon-signal:before { content: "\e018"; } + .glyphicon-cog:before { content: "\e019"; } + .glyphicon-trash:before { content: "\e020"; } + .glyphicon-home:before { content: "\e021"; } + .glyphicon-file:before { content: "\e022"; } + .glyphicon-time:before { content: "\e023"; } + .glyphicon-road:before { content: "\e024"; } + .glyphicon-download-alt:before { content: "\e025"; } + .glyphicon-download:before { content: "\e026"; } + .glyphicon-upload:before { content: "\e027"; } + .glyphicon-inbox:before { content: "\e028"; } + .glyphicon-play-circle:before { content: "\e029"; } + .glyphicon-repeat:before { content: "\e030"; } + .glyphicon-refresh:before { content: "\e031"; } + .glyphicon-list-alt:before { content: "\e032"; } + .glyphicon-lock:before { content: "\e033"; } + .glyphicon-flag:before { content: "\e034"; } + .glyphicon-headphones:before { content: "\e035"; } + .glyphicon-volume-off:before { content: "\e036"; } + .glyphicon-volume-down:before { content: "\e037"; } + .glyphicon-volume-up:before { content: "\e038"; } + .glyphicon-qrcode:before { content: "\e039"; } + .glyphicon-barcode:before { content: "\e040"; } + .glyphicon-tag:before { content: "\e041"; } + .glyphicon-tags:before { content: "\e042"; } + .glyphicon-book:before { content: "\e043"; } + .glyphicon-bookmark:before { content: "\e044"; } + .glyphicon-print:before { content: "\e045"; } + .glyphicon-camera:before { content: "\e046"; } + .glyphicon-font:before { content: "\e047"; } + .glyphicon-bold:before { content: "\e048"; } + .glyphicon-italic:before { content: "\e049"; } + .glyphicon-text-height:before { content: "\e050"; } + .glyphicon-text-width:before { content: "\e051"; } + .glyphicon-align-left:before { content: "\e052"; } + .glyphicon-align-center:before { content: "\e053"; } + .glyphicon-align-right:before { content: "\e054"; } + .glyphicon-align-justify:before { content: "\e055"; } + .glyphicon-list:before { content: "\e056"; } + .glyphicon-indent-left:before { content: "\e057"; } + .glyphicon-indent-right:before { content: "\e058"; } + .glyphicon-facetime-video:before { content: "\e059"; } + .glyphicon-picture:before { content: "\e060"; } + .glyphicon-pencil:before { content: "\270f"; } + .glyphicon-map-marker:before { content: "\e062"; } + .glyphicon-adjust:before { content: "\e063"; } + .glyphicon-tint:before { content: "\e064"; } + .glyphicon-edit:before { content: "\e065"; } + .glyphicon-share:before { content: "\e066"; } + .glyphicon-check:before { content: "\e067"; } + .glyphicon-move:before { content: "\e068"; } + .glyphicon-step-backward:before { content: "\e069"; } + .glyphicon-fast-backward:before { content: "\e070"; } + .glyphicon-backward:before { content: "\e071"; } + .glyphicon-play:before { content: "\e072"; } + .glyphicon-pause:before { content: "\e073"; } + .glyphicon-stop:before { content: "\e074"; } + .glyphicon-forward:before { content: "\e075"; } + .glyphicon-fast-forward:before { content: "\e076"; } + .glyphicon-step-forward:before { content: "\e077"; } + .glyphicon-eject:before { content: "\e078"; } + .glyphicon-chevron-left:before { content: "\e079"; } + .glyphicon-chevron-right:before { content: "\e080"; } + .glyphicon-plus-sign:before { content: "\e081"; } + .glyphicon-minus-sign:before { content: "\e082"; } + .glyphicon-remove-sign:before { content: "\e083"; } + .glyphicon-ok-sign:before { content: "\e084"; } + .glyphicon-question-sign:before { content: "\e085"; } + .glyphicon-info-sign:before { content: "\e086"; } + .glyphicon-screenshot:before { content: "\e087"; } + .glyphicon-remove-circle:before { content: "\e088"; } + .glyphicon-ok-circle:before { content: "\e089"; } + .glyphicon-ban-circle:before { content: "\e090"; } + .glyphicon-arrow-left:before { content: "\e091"; } + .glyphicon-arrow-right:before { content: "\e092"; } + .glyphicon-arrow-up:before { content: "\e093"; } + .glyphicon-arrow-down:before { content: "\e094"; } + .glyphicon-share-alt:before { content: "\e095"; } + .glyphicon-resize-full:before { content: "\e096"; } + .glyphicon-resize-small:before { content: "\e097"; } + .glyphicon-plus:before { content: "\002b"; } + .glyphicon-minus:before { content: "\2212"; } + .glyphicon-asterisk:before { content: "\002a"; } + .glyphicon-exclamation-sign:before { content: "\e101"; } + .glyphicon-gift:before { content: "\e102"; } + .glyphicon-leaf:before { content: "\e103"; } + .glyphicon-fire:before { content: "\e104"; } + .glyphicon-eye-open:before { content: "\e105"; } + .glyphicon-eye-close:before { content: "\e106"; } + .glyphicon-warning-sign:before { content: "\e107"; } + .glyphicon-plane:before { content: "\e108"; } + .glyphicon-calendar:before { content: "\e109"; } + .glyphicon-random:before { content: "\e110"; } + .glyphicon-comment:before { content: "\e111"; } + .glyphicon-magnet:before { content: "\e112"; } + .glyphicon-chevron-up:before { content: "\e113"; } + .glyphicon-chevron-down:before { content: "\e114"; } + .glyphicon-retweet:before { content: "\e115"; } + .glyphicon-shopping-cart:before { content: "\e116"; } + .glyphicon-folder-close:before { content: "\e117"; } + .glyphicon-folder-open:before { content: "\e118"; } + .glyphicon-resize-vertical:before { content: "\e119"; } + .glyphicon-resize-horizontal:before { content: "\e120"; } + .glyphicon-hdd:before { content: "\e121"; } + .glyphicon-bullhorn:before { content: "\e122"; } + .glyphicon-bell:before { content: "\e123"; } + .glyphicon-certificate:before { content: "\e124"; } + .glyphicon-thumbs-up:before { content: "\e125"; } + .glyphicon-thumbs-down:before { content: "\e126"; } + .glyphicon-hand-right:before { content: "\e127"; } + .glyphicon-hand-left:before { content: "\e128"; } + .glyphicon-hand-up:before { content: "\e129"; } + .glyphicon-hand-down:before { content: "\e130"; } + .glyphicon-circle-arrow-right:before { content: "\e131"; } + .glyphicon-circle-arrow-left:before { content: "\e132"; } + .glyphicon-circle-arrow-up:before { content: "\e133"; } + .glyphicon-circle-arrow-down:before { content: "\e134"; } + .glyphicon-globe:before { content: "\e135"; } + .glyphicon-wrench:before { content: "\e136"; } + .glyphicon-tasks:before { content: "\e137"; } + .glyphicon-filter:before { content: "\e138"; } + .glyphicon-briefcase:before { content: "\e139"; } + .glyphicon-fullscreen:before { content: "\e140"; } + .glyphicon-dashboard:before { content: "\e141"; } + .glyphicon-paperclip:before { content: "\e142"; } + .glyphicon-heart-empty:before { content: "\e143"; } + .glyphicon-link:before { content: "\e144"; } + .glyphicon-phone:before { content: "\e145"; } + .glyphicon-pushpin:before { content: "\e146"; } + .glyphicon-euro:before { content: "\20ac"; } + .glyphicon-usd:before { content: "\e148"; } + .glyphicon-gbp:before { content: "\e149"; } + .glyphicon-sort:before { content: "\e150"; } + .glyphicon-sort-by-alphabet:before { content: "\e151"; } + .glyphicon-sort-by-alphabet-alt:before { content: "\e152"; } + .glyphicon-sort-by-order:before { content: "\e153"; } + .glyphicon-sort-by-order-alt:before { content: "\e154"; } + .glyphicon-sort-by-attributes:before { content: "\e155"; } + .glyphicon-sort-by-attributes-alt:before { content: "\e156"; } + .glyphicon-unchecked:before { content: "\e157"; } + .glyphicon-expand:before { content: "\e158"; } + .glyphicon-collapse:before { content: "\e159"; } + .glyphicon-collapse-top:before { content: "\e160"; } + .dropup, .dropdown { position: relative; } + .dropdown-toggle:active, .open .dropdown-toggle { outline: 0; } + .caret { display: inline-block; width: 0; @@ -2298,10 +2711,12 @@ input[type="button"].btn-block { border-left: 4px solid transparent; content: ""; } + .dropdown .caret { margin-top: 8px; margin-left: 2px; } + .dropdown-menu { position: absolute; top: 100%; @@ -2318,15 +2733,17 @@ input[type="button"].btn-block { border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); - box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); + box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); -webkit-background-clip: padding-box; - -moz-background-clip: padding-box; - background-clip: padding-box; + -moz-background-clip: padding-box; + background-clip: padding-box; } + .dropdown-menu.pull-right { right: 0; left: auto; } + .dropdown-menu .divider { height: 2px; margin: 9px 0; @@ -2334,6 +2751,7 @@ input[type="button"].btn-block { background-color: #e5e5e5; border-bottom: 1px solid #ffffff; } + .dropdown-menu > li > a { display: block; padding: 3px 20px; @@ -2343,12 +2761,13 @@ input[type="button"].btn-block { color: #333333; white-space: nowrap; } + .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a { - text-decoration: none; color: #ffffff; + text-decoration: none; background-color: #357ebd; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#428bca), to(#357ebd)); background-image: -webkit-linear-gradient(top, #428bca, #357ebd); @@ -2357,55 +2776,64 @@ input[type="button"].btn-block { background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0); } + .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #ffffff; text-decoration: none; - outline: 0; background-color: #357ebd; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#428bca), to(#357ebd)); background-image: -webkit-linear-gradient(top, #428bca, #357ebd); background-image: -moz-linear-gradient(top, #428bca, #357ebd); background-image: linear-gradient(to bottom, #428bca, #357ebd); background-repeat: repeat-x; + outline: 0; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0); } + .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: #999999; } + .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { text-decoration: none; + cursor: default; background-color: transparent; background-image: none; - filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); - cursor: default; + filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } + .open > .dropdown-menu { display: block; } + .pull-right > .dropdown-menu { right: 0; left: auto; } + .dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px solid #000; content: ""; } + .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 1px; } + .dropdown-submenu { position: relative; } + .dropdown-submenu > .dropdown-menu { top: 0; left: 100%; @@ -2413,9 +2841,11 @@ input[type="button"].btn-block { margin-left: -1px; border-top-left-radius: 0; } + .dropdown-submenu:hover > .dropdown-menu { display: block; } + .dropup .dropdown-submenu > .dropdown-menu { top: auto; bottom: 0; @@ -2423,41 +2853,49 @@ input[type="button"].btn-block { margin-bottom: -2px; border-bottom-left-radius: 0; } + .dropdown-submenu > a:after { display: block; - content: " "; float: right; width: 0; height: 0; + margin-top: 5px; + margin-right: -10px; border-color: transparent; + border-left-color: #cccccc; border-style: solid; border-width: 5px 0 5px 5px; - border-left-color: #cccccc; - margin-top: 5px; - margin-right: -10px; + content: " "; } + .dropdown-submenu:hover > a:after { border-left-color: #ffffff; } + .dropdown-submenu.pull-left { float: none; } + .dropdown-submenu.pull-left > .dropdown-menu { left: -100%; margin-left: 10px; border-top-right-radius: 0; } + .dropdown .dropdown-menu .nav-header { - padding-left: 20px; padding-right: 20px; + padding-left: 20px; } + .typeahead { z-index: 1051; } + .list-group { margin: 0 0 20px; background-color: #ffffff; } + .list-group-item { position: relative; display: block; @@ -2465,57 +2903,71 @@ input[type="button"].btn-block { margin-bottom: -1px; border: 1px solid #dddddd; } + .list-group-item:first-child { border-top-right-radius: 4px; border-top-left-radius: 4px; } + .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } + .list-group-item-heading { margin-top: 0; margin-bottom: 5px; } + .list-group-item-text { margin-bottom: 0; line-height: 1.3; } + a.list-group-item .list-group-item-heading { color: #333; } + a.list-group-item .list-group-item-text { color: #555; } + a.list-group-item:hover, a.list-group-item:focus { text-decoration: none; background-color: #f5f5f5; } + a.list-group-item.active { z-index: 2; color: #ffffff; background-color: #428bca; border-color: #428bca; } + a.list-group-item.active .list-group-item-heading { color: inherit; } + a.list-group-item.active .list-group-item-text { color: #e1edf7; } + .list-group-item > .badge, .list-group-item > .glyphicon-chevron-right { float: right; margin-right: -15px; } + .list-group-item > .glyphicon-chevron-right { margin-right: -15px; } + .list-group-item > .glyphicon + .badge { margin-right: 5px; } + .panel { padding: 15px; margin-bottom: 20px; @@ -2523,71 +2975,87 @@ a.list-group-item.active .list-group-item-text { border: 1px solid #dddddd; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); - box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } + .panel-heading { - margin: -15px -15px 15px; padding: 10px 15px; + margin: -15px -15px 15px; font-size: 17.5px; font-weight: 500; background-color: #f5f5f5; border-bottom: 1px solid #dddddd; - border-top-left-radius: 3px; border-top-right-radius: 3px; + border-top-left-radius: 3px; } + .panel-primary { border-color: #428bca; } + .panel-primary .panel-heading { color: #ffffff; background-color: #428bca; border-color: #428bca; } + .panel-success { border-color: #d6e9c6; } + .panel-success .panel-heading { color: #468847; background-color: #dff0d8; border-color: #d6e9c6; } + .panel-warning { border-color: #fbeed5; } + .panel-warning .panel-heading { color: #c09853; background-color: #fcf8e3; border-color: #fbeed5; } + .panel-danger { border-color: #eed3d7; } + .panel-danger .panel-heading { color: #b94a48; background-color: #f2dede; border-color: #eed3d7; } + .panel-info { border-color: #bce8f1; } + .panel-info .panel-heading { color: #3a87ad; background-color: #d9edf7; border-color: #bce8f1; } + .list-group-flush { margin: 15px -15px -15px; } + .list-group-flush .list-group-item { border-width: 1px 0; } + .list-group-flush .list-group-item:first-child { border-top-right-radius: 0; border-top-left-radius: 0; } + .list-group-flush .list-group-item:last-child { border-bottom: 0; } + .well { min-height: 20px; padding: 19px; @@ -2596,20 +3064,24 @@ a.list-group-item.active .list-group-item-text { border: 1px solid #e3e3e3; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } + .well blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, 0.15); } + .well-large { padding: 24px; border-radius: 6px; } + .well-small { padding: 9px; border-radius: 3px; } + .close { float: right; font-size: 21px; @@ -2620,6 +3092,7 @@ a.list-group-item.active .list-group-item-text { opacity: 0.2; filter: alpha(opacity=20); } + .close:hover, .close:focus { color: #000; @@ -2628,6 +3101,7 @@ a.list-group-item.active .list-group-item-text { opacity: 0.5; filter: alpha(opacity=50); } + button.close { padding: 0; cursor: pointer; @@ -2635,65 +3109,70 @@ button.close { border: 0; -webkit-appearance: none; } + .nav { - margin-left: 0; - margin-bottom: 0; padding-left: 0; + margin-bottom: 0; + margin-left: 0; list-style: none; } + .nav:before, .nav:after { - content: " "; - /* 1 */ - display: table; - /* 2 */ - + content: " "; } + .nav:after { clear: both; } + .nav:before, .nav:after { - content: " "; - /* 1 */ - display: table; - /* 2 */ - + content: " "; } + .nav:after { clear: both; } + .nav > li { display: block; } + .nav > li > a { position: relative; display: block; padding: 10px 15px; } + .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: #eeeeee; } + .nav > li.disabled > a { color: #999999; } + .nav > li.disabled > a:hover, .nav > li.disabled > a:focus { color: #999999; text-decoration: none; - background-color: transparent; cursor: default; + background-color: transparent; } + .nav > li + .nav-header { margin-top: 9px; } + .nav > .pull-right { float: right; } + .nav .nav-divider { height: 2px; margin: 9px 0; @@ -2701,83 +3180,103 @@ button.close { background-color: #e5e5e5; border-bottom: 1px solid #ffffff; } + .nav-tabs { border-bottom: 1px solid #ddd; } + .nav-tabs > li { float: left; margin-bottom: -1px; } + .nav-tabs > li > a { margin-right: 2px; line-height: 1.428; border: 1px solid transparent; border-radius: 4px 4px 0 0; } + .nav-tabs > li > a:hover { border-color: #eeeeee #eeeeee #dddddd; } + .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #555555; + cursor: default; background-color: #ffffff; border: 1px solid #ddd; border-bottom-color: transparent; - cursor: default; } + .nav-tabs.nav-justified { width: 100%; border-bottom: 0; } + .nav-tabs.nav-justified > li { - float: none; display: table-cell; + float: none; width: 1%; } + .nav-tabs.nav-justified > li > a { text-align: center; } + .nav-tabs.nav-justified > li > a { - border-bottom: 1px solid #ddd; margin-right: 0; + border-bottom: 1px solid #ddd; } + .nav-tabs.nav-justified > .active > a { border-bottom-color: #ffffff; } + .nav-pills > li { float: left; } + .nav-pills > li > a { border-radius: 5px; } + .nav-pills > li + li > a { margin-left: 2px; } + .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: #fff; background-color: #428bca; } + .nav-stacked > li { float: none; } + .nav-stacked > li + li > a { margin-top: 2px; margin-left: 0; } + .nav-justified { width: 100%; } + .nav-justified > li { - float: none; display: table-cell; + float: none; width: 1%; } + .nav-justified > li > a { text-align: center; } + .nav-header { display: block; padding: 3px 15px; @@ -2788,38 +3287,37 @@ button.close { text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); text-transform: uppercase; } + .tabbable:before, .tabbable:after { - content: " "; - /* 1 */ - display: table; - /* 2 */ - + content: " "; } + .tabbable:after { clear: both; } + .tabbable:before, .tabbable:after { - content: " "; - /* 1 */ - display: table; - /* 2 */ - + content: " "; } + .tabbable:after { clear: both; } + .tab-content > .tab-pane, .pill-content > .pill-pane { display: none; } + .tab-content > .active, .pill-content > .active { display: block; } + /* // Prevent IE8 from misplacing imgs // See https://github.com/h5bp/html5-boilerplate/issues/984#issuecomment-3985989 @@ -2888,67 +3386,71 @@ button.close { } */ + .navbar { position: relative; - margin-bottom: 20px; - padding-left: 15px; padding-right: 15px; + padding-left: 15px; + margin-bottom: 20px; background-color: #eeeeee; border-radius: 4px; } + .navbar:before, .navbar:after { - content: " "; - /* 1 */ - display: table; - /* 2 */ - + content: " "; } + .navbar:after { clear: both; } + .navbar:before, .navbar:after { - content: " "; - /* 1 */ - display: table; - /* 2 */ - + content: " "; } + .navbar:after { clear: both; } + .navbar-nav { margin-top: 10px; } + .navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px; - color: #777777; line-height: 20px; + color: #777777; } + .navbar-nav > li > a:hover, .navbar-nav > li > a:focus { color: #333333; background-color: transparent; } + .navbar-nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus { color: #555555; background-color: #d5d5d5; } + .navbar-nav > .disabled > a, .navbar-nav > .disabled > a:hover, .navbar-nav > .disabled > a:focus { color: #cccccc; background-color: transparent; } + .navbar-static-top { border-radius: 0; } + .navbar-fixed-top, .navbar-fixed-bottom { position: fixed; @@ -2957,31 +3459,36 @@ button.close { z-index: 1030; border-radius: 0; } + .navbar-fixed-top { top: 0; } + .navbar-fixed-bottom { bottom: 0; margin-bottom: 0; } + .navbar-brand { display: block; max-width: 200px; - margin-left: auto; - margin-right: auto; padding: 15px; + margin-right: auto; + margin-left: auto; font-size: 18px; font-weight: 500; line-height: 20px; color: #777777; text-align: center; } + .navbar-brand:hover, .navbar-brand:focus { color: #5e5e5e; text-decoration: none; background-color: transparent; } + .navbar-toggle { position: absolute; top: 10px; @@ -2991,10 +3498,12 @@ button.close { border: 1px solid #ddd; border-radius: 4px; } + .navbar-toggle:hover, .navbar-toggle:focus { background-color: #ddd; } + .navbar-toggle .icon-bar { display: block; width: 22px; @@ -3002,13 +3511,16 @@ button.close { background-color: #ccc; border-radius: 1px; } + .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; } + .navbar-form { margin-top: 8px; margin-bottom: 8px; } + .navbar-form input, .navbar-form select, .navbar-form textarea, @@ -3016,115 +3528,139 @@ button.close { .navbar-form .checkbox { display: inline-block; } + .navbar-form .radio, .navbar-form .checkbox { margin-top: 0; margin-bottom: 0; } + .navbar-nav > li > .dropdown-menu { margin-top: 0; - border-top-left-radius: 0; border-top-right-radius: 0; + border-top-left-radius: 0; } + .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { - border-bottom-left-radius: 0; border-bottom-right-radius: 0; + border-bottom-left-radius: 0; } + .navbar-nav li.dropdown > a:hover .caret, .navbar-nav li.dropdown > a:focus .caret { border-top-color: #333333; border-bottom-color: #333333; } + .navbar-nav li.dropdown.open > .dropdown-toggle, .navbar-nav li.dropdown.active > .dropdown-toggle, .navbar-nav li.dropdown.open.active > .dropdown-toggle { - background-color: #d5d5d5; color: #555555; + background-color: #d5d5d5; } + .navbar-nav li.dropdown > .dropdown-toggle .caret { border-top-color: #777777; border-bottom-color: #777777; } + .navbar-nav li.dropdown.open > .dropdown-toggle .caret, .navbar-nav li.dropdown.active > .dropdown-toggle .caret, .navbar-nav li.dropdown.open.active > .dropdown-toggle .caret { border-top-color: #555555; border-bottom-color: #555555; } + .navbar-nav.pull-right > li > .dropdown-menu, .navbar-nav > li > .dropdown-menu.pull-right { - left: auto; right: 0; + left: auto; } + .navbar-inverse { background-color: #222222; } + .navbar-inverse .navbar-brand { color: #999999; } + .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus { color: #ffffff; background-color: transparent; } + .navbar-inverse .navbar-text { color: #999999; } + .navbar-inverse .navbar-nav > li > a { color: #999999; } + .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { color: #ffffff; background-color: transparent; } + .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { color: #ffffff; background-color: #080808; } + .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus { color: #444444; background-color: transparent; } + .navbar-inverse .navbar-toggle { border-color: #333; } + .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: #333; } + .navbar-inverse .navbar-toggle .icon-bar { background-color: #fff; } + .navbar-inverse .navbar-nav li.dropdown.open > .dropdown-toggle, .navbar-inverse .navbar-nav li.dropdown.active > .dropdown-toggle, .navbar-inverse .navbar-nav li.dropdown.open.active > .dropdown-toggle { - background-color: #080808; color: #ffffff; + background-color: #080808; } + .navbar-inverse .navbar-nav li.dropdown > a:hover .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; } + .navbar-inverse .navbar-nav li.dropdown > .dropdown-toggle .caret { border-top-color: #999999; border-bottom-color: #999999; } + .navbar-inverse .navbar-nav li.dropdown.open > .dropdown-toggle .caret, .navbar-inverse .navbar-nav li.dropdown.active > .dropdown-toggle .caret, .navbar-inverse .navbar-nav li.dropdown.open.active > .dropdown-toggle .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; } + @media screen and (min-width: 768px) { .navbar-brand { float: left; - margin-left: -5px; margin-right: 5px; + margin-left: -5px; } .navbar .nav { float: left; @@ -3147,177 +3683,212 @@ button.close { overflow: visible !important; } } + .navbar-btn { margin-top: 8px; } + .navbar-text { margin-top: 15px; margin-bottom: 15px; } + .navbar-link { color: #777777; } + .navbar-link:hover { color: #333333; } + .navbar-inverse .navbar-link { color: #999999; } + .navbar-inverse .navbar-link:hover { color: #ffffff; } + .btn .caret { border-top-color: #ffffff; } + .dropup .btn .caret { border-bottom-color: #ffffff; } + .btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; } + .btn-group > .btn, .btn-group-vertical > .btn { position: relative; float: left; } + .btn-group > .btn:hover, .btn-group-vertical > .btn:hover, .btn-group > .btn:active, .btn-group-vertical > .btn:active { z-index: 2; } + .btn-group .btn + .btn { margin-left: -1px; } + .btn-toolbar:before, .btn-toolbar:after { - content: " "; - /* 1 */ - display: table; - /* 2 */ - + content: " "; } + .btn-toolbar:after { clear: both; } + .btn-toolbar:before, .btn-toolbar:after { - content: " "; - /* 1 */ - display: table; - /* 2 */ - + content: " "; } + .btn-toolbar:after { clear: both; } + .btn-toolbar .btn-group { float: left; } + .btn-toolbar > .btn + .btn, .btn-toolbar > .btn-group + .btn, .btn-toolbar > .btn + .btn-group, .btn-toolbar > .btn-group + .btn-group { margin-left: 5px; } + .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; } + .btn-group > .btn:first-child { margin-left: 0; } + .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { - border-bottom-right-radius: 0; border-top-right-radius: 0; + border-bottom-right-radius: 0; } + .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; } + .btn-group > .btn-group { float: left; } + .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } + .btn-group > .btn-group:first-child > .btn:last-child, .btn-group > .btn-group:first-child > .dropdown-toggle { - border-bottom-right-radius: 0; border-top-right-radius: 0; + border-bottom-right-radius: 0; } + .btn-group > .btn-group:last-child > .btn:first-child { border-bottom-left-radius: 0; border-top-left-radius: 0; } + .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } + .btn-group > .btn + .dropdown-toggle { - padding-left: 8px; padding-right: 8px; + padding-left: 8px; } + .btn-group > .btn-mini + .dropdown-toggle { - padding-left: 5px; padding-right: 5px; + padding-left: 5px; } + .btn-group > .btn-large + .dropdown-toggle { - padding-left: 12px; padding-right: 12px; + padding-left: 12px; } + .btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); - box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } + .btn .caret { margin-top: 8px; margin-left: 0; } + .btn-large .caret { border-width: 5px; } + .dropup .btn-large .caret { border-bottom-width: 5px; } + .btn-group-vertical > .btn { display: block; float: none; width: 100%; max-width: 100%; } + .btn-group-vertical > .btn + .btn { margin-top: -1px; } + .btn-group-vertical .btn:not(:first-child):not(:last-child) { border-radius: 0; } + .btn-group-vertical .btn:first-child { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } + .btn-group-vertical .btn:last-child { border-top-right-radius: 0; border-top-left-radius: 0; } + .btn-group-justified { display: table; width: 100%; } + .btn-group-justified .btn { - float: none; display: table-cell; + float: none; width: 1%; } + .btn-group[data-toggle="buttons-radio"] > .btn > input[type="radio"], .btn-group[data-toggle="buttons-checkbox"] > .btn > input[type="checkbox"] { display: none; } + .breadcrumb { padding: 8px 15px; margin: 0 0 20px; @@ -3325,30 +3896,37 @@ button.close { background-color: #f5f5f5; border-radius: 4px; } + .breadcrumb > li { display: inline-block; text-shadow: 0 1px 0 #fff; } + .breadcrumb > li:after { display: inline-block; - content: "\00a0 /"; padding: 0 5px; color: #ccc; + content: "\00a0 /"; } + .breadcrumb > li:last-child:after { display: none; } + .breadcrumb > .active { color: #999999; } + .pagination { display: inline-block; margin: 20px 0; border-radius: 4px; } + .pagination > li { display: inline; } + .pagination > li > a, .pagination > li > span { float: left; @@ -3359,51 +3937,60 @@ button.close { border: 1px solid #dddddd; border-left-width: 0; } + .pagination > li > a:hover, .pagination > li > a:focus, .pagination > .active > a, .pagination > .active > span { background-color: #f5f5f5; } + .pagination > .active > a, .pagination > .active > span { color: #999999; cursor: default; } + .pagination > .disabled > span, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #999999; - background-color: #ffffff; cursor: default; + background-color: #ffffff; } + .pagination > li:first-child > a, .pagination > li:first-child > span { border-left-width: 1px; border-bottom-left-radius: 4px; border-top-left-radius: 4px; } + .pagination > li:last-child > a, .pagination > li:last-child > span { - border-bottom-right-radius: 4px; border-top-right-radius: 4px; + border-bottom-right-radius: 4px; } + .pagination-large > li > a, .pagination-large > li > span { padding: 11px 14px; font-size: 18px; } + .pagination-large > li:first-child > a, .pagination-large > li:first-child > span { border-bottom-left-radius: 6px; border-top-left-radius: 6px; } + .pagination-large > li:last-child > a, .pagination-large > li:last-child > span { - border-bottom-right-radius: 6px; border-top-right-radius: 6px; + border-bottom-right-radius: 6px; } + .pagination-mini > li:first-child > a, .pagination-small > li:first-child > a, .pagination-mini > li:first-child > span, @@ -3411,55 +3998,57 @@ button.close { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } + .pagination-mini > li:last-child > a, .pagination-small > li:last-child > a, .pagination-mini > li:last-child > span, .pagination-small > li:last-child > span { - border-bottom-right-radius: 3px; border-top-right-radius: 3px; + border-bottom-right-radius: 3px; } + .pagination-small > li > a, .pagination-small > li > span { padding: 2px 10px; font-size: 12px; } + .pagination-mini > li > a, .pagination-mini > li > span { padding: 0 6px; font-size: 11px; } + .pager { margin: 20px 0; - list-style: none; text-align: center; + list-style: none; } + .pager:before, .pager:after { - content: " "; - /* 1 */ - display: table; - /* 2 */ - + content: " "; } + .pager:after { clear: both; } + .pager:before, .pager:after { - content: " "; - /* 1 */ - display: table; - /* 2 */ - + content: " "; } + .pager:after { clear: both; } + .pager li { display: inline; } + .pager li > a, .pager li > span { display: inline-block; @@ -3468,74 +4057,85 @@ button.close { border: 1px solid #dddddd; border-radius: 15px; } + .pager li > a:hover, .pager li > a:focus { text-decoration: none; background-color: #f5f5f5; } + .pager .next > a, .pager .next > span { float: right; } + .pager .previous > a, .pager .previous > span { float: left; } + .pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span { color: #999999; - background-color: #ffffff; cursor: default; + background-color: #ffffff; } + .modal-open { overflow: hidden; } + .modal { - display: none; - overflow: auto; - overflow-y: scroll; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; + display: none; + overflow: auto; + overflow-y: scroll; -webkit-overflow-scrolling: touch; } + .modal.fade { top: -25%; -webkit-transition: opacity 0.3s linear, top 0.3s ease-out; - -moz-transition: opacity 0.3s linear, top 0.3s ease-out; - -o-transition: opacity 0.3s linear, top 0.3s ease-out; - transition: opacity 0.3s linear, top 0.3s ease-out; + -moz-transition: opacity 0.3s linear, top 0.3s ease-out; + -o-transition: opacity 0.3s linear, top 0.3s ease-out; + transition: opacity 0.3s linear, top 0.3s ease-out; } + .modal.fade.in { top: 0; } + .modal-dialog { position: relative; top: 0; - left: 0; right: 0; + left: 0; + z-index: 1050; width: auto; padding: 10px; - z-index: 1050; } + .modal-content { position: relative; background-color: #fff; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; + outline: none; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); - box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); + box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); -webkit-background-clip: padding-box; - -moz-background-clip: padding-box; - background-clip: padding-box; - outline: none; + -moz-background-clip: padding-box; + background-clip: padding-box; } + .modal-backdrop { position: fixed; top: 0; @@ -3545,114 +4145,128 @@ button.close { z-index: 1030; background-color: #000; } + .modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0); } + .modal-backdrop.fade.in { opacity: 0.5; filter: alpha(opacity=50); } + .modal-header { + min-height: 16.428px; padding: 15px; border-bottom: 1px solid #e5e5e5; - min-height: 16.428px; } + .modal-header .close { margin-top: -2px; } + .modal-title { margin: 0; line-height: 1.428; } + .modal-body { position: relative; padding: 20px; } + .modal-footer { - margin-top: 15px; padding: 19px 20px 20px; + margin-top: 15px; text-align: right; border-top: 1px solid #e5e5e5; } + .modal-footer:before, .modal-footer:after { - content: " "; - /* 1 */ - display: table; - /* 2 */ - + content: " "; } + .modal-footer:after { clear: both; } + .modal-footer:before, .modal-footer:after { - content: " "; - /* 1 */ - display: table; - /* 2 */ - + content: " "; } + .modal-footer:after { clear: both; } + .modal-footer .btn + .btn { - margin-left: 5px; margin-bottom: 0; + margin-left: 5px; } + .modal-footer .btn-group .btn + .btn { margin-left: -1px; } + .modal-footer .btn-block + .btn-block { margin-left: 0; } + @media screen and (min-width: 768px) { .modal-dialog { - left: 50%; right: auto; + left: 50%; width: 560px; - margin-left: -280px; padding-top: 30px; padding-bottom: 30px; + margin-left: -280px; } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); - box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } } + .tooltip { position: absolute; z-index: 1030; display: block; - visibility: visible; font-size: 11px; line-height: 1.4; opacity: 0; filter: alpha(opacity=0); + visibility: visible; } + .tooltip.in { opacity: 1; filter: alpha(opacity=100); } + .tooltip.top { - margin-top: -3px; padding: 5px 0; + margin-top: -3px; } + .tooltip.right { - margin-left: 3px; padding: 0 5px; + margin-left: 3px; } + .tooltip.bottom { - margin-top: 3px; padding: 5px 0; + margin-top: 3px; } + .tooltip.left { - margin-left: -3px; padding: 0 5px; + margin-left: -3px; } + .tooltip-inner { max-width: 200px; padding: 3px 8px; @@ -3662,6 +4276,7 @@ button.close { background-color: rgba(0, 0, 0, 0.9); border-radius: 4px; } + .tooltip-arrow { position: absolute; width: 0; @@ -3669,34 +4284,39 @@ button.close { border-color: transparent; border-style: solid; } + .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; - border-width: 5px 5px 0; border-top-color: rgba(0, 0, 0, 0.9); + border-width: 5px 5px 0; } + .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; - border-width: 5px 5px 5px 0; border-right-color: rgba(0, 0, 0, 0.9); + border-width: 5px 5px 5px 0; } + .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; - border-width: 5px 0 5px 5px; border-left-color: rgba(0, 0, 0, 0.9); + border-width: 5px 0 5px 5px; } + .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; - border-width: 0 5px 5px; border-bottom-color: rgba(0, 0, 0, 0.9); + border-width: 0 5px 5px; } + .popover { position: absolute; top: 0; @@ -3706,32 +4326,37 @@ button.close { max-width: 276px; padding: 1px; text-align: left; + white-space: normal; background-color: #ffffff; - -webkit-bg-clip: padding-box; - -moz-bg-clip: padding; - background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); - box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); - white-space: normal; + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); + background-clip: padding-box; + -webkit-bg-clip: padding-box; + -moz-bg-clip: padding; } + .popover.top { margin-top: -10px; } + .popover.right { margin-left: 10px; } + .popover.bottom { margin-top: 10px; } + .popover.left { margin-left: -10px; } + .popover-title { - margin: 0; padding: 8px 14px; + margin: 0; font-size: 14px; font-weight: normal; line-height: 18px; @@ -3739,12 +4364,15 @@ button.close { border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0; } + .popover-title:empty { display: none; } + .popover-content { padding: 9px 14px; } + .popover .arrow, .popover .arrow:after { position: absolute; @@ -3754,69 +4382,80 @@ button.close { border-color: transparent; border-style: solid; } + .popover .arrow { border-width: 11px; } + .popover .arrow:after { border-width: 10px; content: ""; } + .popover.top .arrow { + bottom: -11px; left: 50%; margin-left: -11px; - border-bottom-width: 0; border-top-color: #999; border-top-color: rgba(0, 0, 0, 0.25); - bottom: -11px; + border-bottom-width: 0; } + .popover.top .arrow:after { bottom: 1px; margin-left: -10px; - border-bottom-width: 0; border-top-color: #ffffff; + border-bottom-width: 0; } + .popover.right .arrow { top: 50%; left: -11px; margin-top: -11px; - border-left-width: 0; border-right-color: #999; border-right-color: rgba(0, 0, 0, 0.25); + border-left-width: 0; } + .popover.right .arrow:after { - left: 1px; bottom: -10px; - border-left-width: 0; + left: 1px; border-right-color: #ffffff; + border-left-width: 0; } + .popover.bottom .arrow { + top: -11px; left: 50%; margin-left: -11px; - border-top-width: 0; border-bottom-color: #999; border-bottom-color: rgba(0, 0, 0, 0.25); - top: -11px; + border-top-width: 0; } + .popover.bottom .arrow:after { top: 1px; margin-left: -10px; - border-top-width: 0; border-bottom-color: #ffffff; + border-top-width: 0; } + .popover.left .arrow { top: 50%; right: -11px; margin-top: -11px; - border-right-width: 0; border-left-color: #999; border-left-color: rgba(0, 0, 0, 0.25); + border-right-width: 0; } + .popover.left .arrow:after { right: 1px; - border-right-width: 0; - border-left-color: #ffffff; bottom: -10px; + border-left-color: #ffffff; + border-right-width: 0; } + .alert { padding: 10px 35px 10px 15px; margin-bottom: 20px; @@ -3825,71 +4464,88 @@ button.close { border: 1px solid #fbeed5; border-radius: 4px; } + .alert h4 { margin-top: 0; color: inherit; } + .alert hr { border-top-color: #f8e5be; } + .alert > a, .alert > p > a { font-weight: 500; color: #a47e3c; } + .alert .close { position: relative; top: -2px; right: -21px; color: inherit; } + .alert-success { + color: #468847; background-color: #dff0d8; border-color: #d6e9c6; - color: #468847; } + .alert-success hr { border-top-color: #c9e2b3; } + .alert-success > a, .alert-success > p > a { color: #356635; } + .alert-danger { + color: #b94a48; background-color: #f2dede; border-color: #eed3d7; - color: #b94a48; } + .alert-danger hr { border-top-color: #e6c1c7; } + .alert-danger > a, .alert-danger > p > a { color: #953b39; } + .alert-info { + color: #3a87ad; background-color: #d9edf7; border-color: #bce8f1; - color: #3a87ad; } + .alert-info hr { border-top-color: #a6e1ec; } + .alert-info > a, .alert-info > p > a { color: #2d6987; } + .alert-block { padding-top: 15px; padding-bottom: 15px; } + .alert-block > p, .alert-block > ul { margin-bottom: 0; } + .alert-block p + p { margin-top: 5px; } + .thumbnail, .img-thumbnail { padding: 4px; @@ -3898,58 +4554,72 @@ button.close { border: 1px solid #dddddd; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; + -moz-transition: all 0.2s ease-in-out; + -o-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; } + .thumbnail { display: block; } + .img-thumbnail { display: inline-block; } + a.thumbnail:hover, a.thumbnail:focus { border-color: #428bca; } + .thumbnail > img { display: block; max-width: 100%; - margin-left: auto; margin-right: auto; + margin-left: auto; } + .thumbnail .caption { padding: 9px; color: #333333; } + .media, .media-body { overflow: hidden; zoom: 1; } + .media, .media .media { margin-top: 15px; } + .media:first-child { margin-top: 0; } + .media-object { display: block; } + .media-heading { margin: 0 0 5px; } + .media > .pull-left { margin-right: 10px; } + .media > .pull-right { margin-left: 10px; } + .media-list { margin-left: 0; list-style: none; } + .label { display: inline; padding: .25em .6em; @@ -3963,6 +4633,7 @@ a.thumbnail:focus { background-color: #999999; border-radius: .25em; } + .label[href]:hover, .label[href]:focus { color: #fff; @@ -3970,72 +4641,88 @@ a.thumbnail:focus { cursor: pointer; background-color: #808080; } + .label-danger { background-color: #d9534f; } + .label-danger[href]:hover, .label-danger[href]:focus { background-color: #c9302c; } + .label-success { background-color: #5cb85c; } + .label-success[href]:hover, .label-success[href]:focus { background-color: #449d44; } + .label-warning { background-color: #f0ad4e; } + .label-warning[href]:hover, .label-warning[href]:focus { background-color: #ec971f; } + .label-info { background-color: #5bc0de; } + .label-info[href]:hover, .label-info[href]:focus { background-color: #31b0d5; } + .badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: bold; - color: #fff; line-height: 1; - vertical-align: middle; - white-space: nowrap; + color: #fff; text-align: center; + white-space: nowrap; + vertical-align: middle; background-color: #999999; border-radius: 10px; } + .badge:empty { display: none; } + a.badge:hover, a.badge:focus { color: #fff; text-decoration: none; cursor: pointer; } + .btn .badge { position: relative; top: -1px; } + .btn-mini .badge { top: 0; } + a.list-group-item.active > .badge, .nav-pills > .active > a > .badge { color: #428bca; background-color: #fff; } + .nav-pills > li > a > .badge { margin-left: 3px; } + @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; @@ -4044,6 +4731,7 @@ a.list-group-item.active > .badge, background-position: 0 0; } } + @-moz-keyframes progress-bar-stripes { from { background-position: 40px 0; @@ -4052,6 +4740,7 @@ a.list-group-item.active > .badge, background-position: 0 0; } } + @-ms-keyframes progress-bar-stripes { from { background-position: 40px 0; @@ -4060,6 +4749,7 @@ a.list-group-item.active > .badge, background-position: 0 0; } } + @-o-keyframes progress-bar-stripes { from { background-position: 0 0; @@ -4068,6 +4758,7 @@ a.list-group-item.active > .badge, background-position: 40px 0; } } + @keyframes progress-bar-stripes { from { background-position: 40px 0; @@ -4076,18 +4767,20 @@ a.list-group-item.active > .badge, background-position: 0 0; } } + .progress { - overflow: hidden; height: 20px; margin-bottom: 20px; + overflow: hidden; background-color: #f5f5f5; border-radius: 4px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); } + .progress-bar { float: left; - width: 0%; + width: 0; height: 100%; font-size: 12px; color: #fff; @@ -4095,12 +4788,13 @@ a.list-group-item.active > .badge, text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #428bca; -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-transition: width 0.6s ease; - -moz-transition: width 0.6s ease; - -o-transition: width 0.6s ease; - transition: width 0.6s ease; + -moz-transition: width 0.6s ease; + -o-transition: width 0.6s ease; + transition: width 0.6s ease; } + .progress-striped .progress-bar { background-color: #428bca; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); @@ -4108,20 +4802,23 @@ a.list-group-item.active > .badge, background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 40px 40px; - -moz-background-size: 40px 40px; - -o-background-size: 40px 40px; - background-size: 40px 40px; + -moz-background-size: 40px 40px; + -o-background-size: 40px 40px; + background-size: 40px 40px; } + .progress.active .progress-bar { -webkit-animation: progress-bar-stripes 2s linear infinite; - -moz-animation: progress-bar-stripes 2s linear infinite; - -ms-animation: progress-bar-stripes 2s linear infinite; - -o-animation: progress-bar-stripes 2s linear infinite; - animation: progress-bar-stripes 2s linear infinite; + -moz-animation: progress-bar-stripes 2s linear infinite; + -ms-animation: progress-bar-stripes 2s linear infinite; + -o-animation: progress-bar-stripes 2s linear infinite; + animation: progress-bar-stripes 2s linear infinite; } + .progress-bar-danger { background-color: #d9534f; } + .progress-striped .progress-bar-danger { background-color: #d9534f; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); @@ -4129,9 +4826,11 @@ a.list-group-item.active > .badge, background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } + .progress-bar-success { background-color: #5cb85c; } + .progress-striped .progress-bar-success { background-color: #5cb85c; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); @@ -4139,9 +4838,11 @@ a.list-group-item.active > .badge, background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } + .progress-bar-warning { background-color: #f0ad4e; } + .progress-striped .progress-bar-warning { background-color: #f0ad4e; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); @@ -4149,9 +4850,11 @@ a.list-group-item.active > .badge, background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } + .progress-bar-info { background-color: #5bc0de; } + .progress-striped .progress-bar-info { background-color: #5bc0de; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); @@ -4159,114 +4862,136 @@ a.list-group-item.active > .badge, background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } + .accordion { margin-bottom: 20px; } + .accordion-group { margin-bottom: 2px; border: 1px solid #e5e5e5; border-radius: 4px; } + .accordion-heading { border-bottom: 0; } + .accordion-heading .accordion-toggle { display: block; padding: 8px 15px; } + .accordion-toggle { cursor: pointer; } + .accordion-inner { padding: 9px 15px; border-top: 1px solid #e5e5e5; } + .carousel { position: relative; } + .carousel-inner { position: relative; - overflow: hidden; width: 100%; + overflow: hidden; } + .carousel-inner > .item { - display: none; position: relative; + display: none; -webkit-transition: 0.6s ease-in-out left; - -moz-transition: 0.6s ease-in-out left; - -o-transition: 0.6s ease-in-out left; - transition: 0.6s ease-in-out left; + -moz-transition: 0.6s ease-in-out left; + -o-transition: 0.6s ease-in-out left; + transition: 0.6s ease-in-out left; } + .carousel-inner > .item > img, .carousel-inner > .item > a > img { display: block; line-height: 1; } + .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; } + .carousel-inner > .active { left: 0; } + .carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } + .carousel-inner > .next { left: 100%; } + .carousel-inner > .prev { left: -100%; } + .carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; } + .carousel-inner > .active.left { left: -100%; } + .carousel-inner > .active.right { left: 100%; } + .carousel-control { position: absolute; top: 0; - left: 0; bottom: 0; + left: 0; width: 15%; - opacity: 0.5; - filter: alpha(opacity=50); font-size: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); + opacity: 0.5; + filter: alpha(opacity=50); } + .carousel-control.left { background-color: rgba(0, 0, 0, 0.0001); + background-color: transparent; background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001))); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.0001)); background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.0001)); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.0001)); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); - background-color: transparent; } + .carousel-control.right { - left: auto; right: 0; + left: auto; background-color: rgba(0, 0, 0, 0.5); + background-color: transparent; background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5))); background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001), rgba(0, 0, 0, 0.5)); background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.0001), rgba(0, 0, 0, 0.5)); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001), rgba(0, 0, 0, 0.5)); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); - background-color: transparent; } + .carousel-control:hover, .carousel-control:focus { color: #fff; @@ -4274,6 +4999,7 @@ a.list-group-item.active > .badge, opacity: 0.9; filter: alpha(opacity=90); } + .carousel-control .glyphicon { position: absolute; top: 50%; @@ -4285,6 +5011,7 @@ a.list-group-item.active > .badge, margin-top: -10px; margin-left: -10px; } + .carousel-indicators { position: absolute; bottom: 20px; @@ -4292,28 +5019,31 @@ a.list-group-item.active > .badge, z-index: 5; width: 100px; margin: 0 0 0 -50px; - list-style: none; text-align: center; + list-style: none; } + .carousel-indicators li { display: inline-block; width: 8px; height: 8px; - margin-left: 0; margin-right: 0; + margin-left: 0; text-indent: -999px; + cursor: pointer; border: 1px solid #fff; border-radius: 5px; - cursor: pointer; } + .carousel-indicators .active { background-color: #fff; } + .carousel-caption { position: absolute; - left: 15%; right: 15%; bottom: 20px; + left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; @@ -4321,9 +5051,11 @@ a.list-group-item.active > .badge, text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } + .carousel-caption .btn { text-shadow: none; } + @media screen and (min-width: 768px) { .carousel-control .glyphicon { width: 30px; @@ -4333,11 +5065,12 @@ a.list-group-item.active > .badge, font-size: 30px; } .carousel-caption { - left: 20%; right: 20%; + left: 20%; padding-bottom: 30px; } } + .jumbotron { padding: 30px; margin-bottom: 30px; @@ -4347,13 +5080,16 @@ a.list-group-item.active > .badge, color: inherit; background-color: #eeeeee; } + .jumbotron h1 { line-height: 1; color: inherit; } + .jumbotron p { line-height: 1.4; } + @media screen and (min-width: 768px) { .jumbotron { padding: 50px 60px; @@ -4363,33 +5099,37 @@ a.list-group-item.active > .badge, font-size: 63px; } } + .clearfix:before, .clearfix:after { - content: " "; - /* 1 */ - display: table; - /* 2 */ - + content: " "; } + .clearfix:after { clear: both; } + .pull-right { float: right; } + .pull-left { float: left; } + .hide { display: none !important; } + .show { display: block !important; } + .invisible { visibility: hidden; } + .text-hide { font: 0/0 a; color: transparent; @@ -4397,39 +5137,50 @@ a.list-group-item.active > .badge, background-color: transparent; border: 0; } + .affix { position: fixed; } + @-ms-viewport { width: device-width; } + @media screen and (max-width: 400px) { @-ms-viewport { width: 320px; } } + .hidden { display: none; visibility: hidden; } + .visible-sm { display: inherit !important; } + .visible-md { display: none !important; } + .visible-lg { display: none !important; } + .hidden-sm { display: none !important; } + .hidden-md { display: inherit !important; } + .hidden-lg { display: inherit !important; } + @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: none !important; @@ -4450,6 +5201,7 @@ a.list-group-item.active > .badge, display: inherit !important; } } + @media (min-width: 992px) { .visible-sm { display: none !important; @@ -4470,9 +5222,11 @@ a.list-group-item.active > .badge, display: none !important; } } + .visible-print { display: none !important; } + @media print { .visible-print { display: inherit !important; -- cgit v1.2.3 From 92adcfabb58cc5a8ce41c34bec0ec36a642e5610 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 12 May 2013 15:47:18 -0700 Subject: Start some nav and dropdown cleanup * Remove border-radii on top of tab dropdown menus * Remove the .dropdown and .dropup styles and instead place on all * Use on dropdown carets intead of separately applying margin with a top alignment * Some other misc cleanup --- docs/assets/css/bootstrap.css | 23 ++++++++++------------- 1 file changed, 10 insertions(+), 13 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 7e47655b5..249645d9c 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -2693,13 +2693,7 @@ input[type="button"].btn-block { content: "\e160"; } -.dropup, -.dropdown { - position: relative; -} - -.dropdown-toggle:active, -.open .dropdown-toggle { +.open > a { outline: 0; } @@ -2707,18 +2701,15 @@ input[type="button"].btn-block { display: inline-block; width: 0; height: 0; - vertical-align: top; + margin-top: 8px; + margin-left: 2px; + vertical-align: middle; border-top: 4px solid #000; border-right: 4px solid transparent; border-left: 4px solid transparent; content: ""; } -.dropdown .caret { - margin-top: 8px; - margin-left: 2px; -} - .dropdown-menu { position: absolute; top: 100%; @@ -3140,6 +3131,7 @@ button.close { } .nav > li { + position: relative; display: block; } @@ -3320,6 +3312,11 @@ button.close { display: block; } +.nav-tabs .dropdown-menu { + border-top-right-radius: 0; + border-top-left-radius: 0; +} + /* // Prevent IE8 from misplacing imgs // See https://github.com/h5bp/html5-boilerplate/issues/984#issuecomment-3985989 -- cgit v1.2.3 From 2d10d61fded8246673a5c7c14f955a80bc61a866 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 12 May 2013 16:03:56 -0700 Subject: Restore commented out dropdown styles, get open dropdown state working again --- docs/assets/css/bootstrap.css | 62 +++++++++++++++++++++++++++++++++++++++---- 1 file changed, 57 insertions(+), 5 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 249645d9c..65e471306 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -2693,15 +2693,10 @@ input[type="button"].btn-block { content: "\e160"; } -.open > a { - outline: 0; -} - .caret { display: inline-block; width: 0; height: 0; - margin-top: 8px; margin-left: 2px; vertical-align: middle; border-top: 4px solid #000; @@ -2804,6 +2799,10 @@ input[type="button"].btn-block { display: block; } +.open > a { + outline: 0; +} + .pull-right > .dropdown-menu { right: 0; left: auto; @@ -3163,6 +3162,13 @@ button.close { margin-top: 9px; } +.nav > li.open > a, +.nav > li.open > a:hover, +.nav > li.open > a:focus { + background-color: #428bca; + border-color: #428bca; +} + .nav > .pull-right { float: right; } @@ -3313,10 +3319,56 @@ button.close { } .nav-tabs .dropdown-menu { + margin-top: -1px; border-top-right-radius: 0; border-top-left-radius: 0; } +.nav .caret { + border-top-color: #428bca; + border-bottom-color: #428bca; +} + +.nav a:hover .caret { + border-top-color: #2a6496; + border-bottom-color: #2a6496; +} + +.nav .active .caret { + border-top-color: #fff; + border-bottom-color: #fff; +} + +.nav-tabs .active .caret { + border-top-color: #555555; + border-bottom-color: #555555; +} + +.nav > .dropdown.active > a:hover { + cursor: pointer; +} + +.nav-tabs .open > a, +.nav-pills .open > a, +.nav > li.dropdown.open.active > a:hover { + color: #fff; + background-color: #999999; + border-color: #999999; +} + +.nav li.dropdown.open .caret, +.nav li.dropdown.open.active .caret, +.nav li.dropdown.open > a:hover .caret { + border-top-color: #fff; + border-bottom-color: #fff; + opacity: 1; + filter: alpha(opacity=100); +} + +.tabs-stacked .open > a:hover { + border-color: #999999; +} + /* // Prevent IE8 from misplacing imgs // See https://github.com/h5bp/html5-boilerplate/issues/984#issuecomment-3985989 -- cgit v1.2.3 From 37c1122ded5f13737729e668bbe61cf1c271d8e2 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 12 May 2013 16:12:13 -0700 Subject: Consolidate active dropdown toggle styles and comment out the rest --- docs/assets/css/bootstrap.css | 99 ++++++++++++------------------------------- 1 file changed, 28 insertions(+), 71 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 65e471306..2b00fae4f 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3165,10 +3165,18 @@ button.close { .nav > li.open > a, .nav > li.open > a:hover, .nav > li.open > a:focus { + color: #fff; background-color: #428bca; border-color: #428bca; } +.nav > li.open > a .caret, +.nav > li.open > a:hover .caret, +.nav > li.open > a:focus .caret { + border-top-color: #fff; + border-bottom-color: #fff; +} + .nav > .pull-right { float: right; } @@ -3318,12 +3326,6 @@ button.close { display: block; } -.nav-tabs .dropdown-menu { - margin-top: -1px; - border-top-right-radius: 0; - border-top-left-radius: 0; -} - .nav .caret { border-top-color: #428bca; border-bottom-color: #428bca; @@ -3334,90 +3336,47 @@ button.close { border-bottom-color: #2a6496; } -.nav .active .caret { +/*.nav .active .caret { border-top-color: #fff; border-bottom-color: #fff; } - .nav-tabs .active .caret { - border-top-color: #555555; - border-bottom-color: #555555; -} - -.nav > .dropdown.active > a:hover { - cursor: pointer; -} - -.nav-tabs .open > a, -.nav-pills .open > a, -.nav > li.dropdown.open.active > a:hover { - color: #fff; - background-color: #999999; - border-color: #999999; -} - -.nav li.dropdown.open .caret, -.nav li.dropdown.open.active .caret, -.nav li.dropdown.open > a:hover .caret { - border-top-color: #fff; - border-bottom-color: #fff; - opacity: 1; - filter: alpha(opacity=100); -} - -.tabs-stacked .open > a:hover { - border-color: #999999; -} - -/* -// Prevent IE8 from misplacing imgs -// See https://github.com/h5bp/html5-boilerplate/issues/984#issuecomment-3985989 -.nav > li > a > img { - max-width: none; -} - -// Dropdowns -// ------------------------- + border-top-color: @gray; + border-bottom-color: @gray; +}*/ .nav-tabs .dropdown-menu { - // Remove the top rounded corners here since there is a hard edge above the menu - .border-top-radius(0); + margin-top: -1px; + border-top-right-radius: 0; + border-top-left-radius: 0; } -// Default dropdown links -// ------------------------- -// Make carets use linkColor to start -.nav .dropdown-toggle .caret { - border-top-color: @link-color; - border-bottom-color: @link-color; - margin-top: 8px; -} -.nav .dropdown-toggle:hover .caret { - border-top-color: @link-hover-color; - border-bottom-color: @link-hover-color; -} +/* // Active dropdown links // ------------------------- -.nav .active .dropdown-toggle .caret { +.nav .active .caret { border-top-color: #fff; border-bottom-color: #fff; } -.nav-tabs .active .dropdown-toggle .caret { +.nav-tabs .active .caret { border-top-color: @gray; border-bottom-color: @gray; } +*/ +/* // Active:hover dropdown links // ------------------------- .nav > .dropdown.active > a:hover { cursor: pointer; } +*/ -// Open dropdowns +/*// Open dropdowns // ------------------------- -.nav-tabs .open .dropdown-toggle, -.nav-pills .open .dropdown-toggle, +.nav > .open > a, +.nav-pills .open > a, .nav > li.dropdown.open.active > a:hover { color: #fff; background-color: @gray-light; @@ -3425,18 +3384,16 @@ button.close { } .nav li.dropdown.open .caret, .nav li.dropdown.open.active .caret, -.nav li.dropdown.open a:hover .caret { +.nav li.dropdown.open > a:hover .caret { border-top-color: #fff; border-bottom-color: #fff; .opacity(1); -} +}*/ -// Dropdowns in stacked tabs +/*// Dropdowns in stacked tabs .tabs-stacked .open > a:hover { border-color: @gray-light; -} - -*/ +}*/ .navbar { position: relative; -- cgit v1.2.3 From 09098a7923b287cbf863c8dc1d6f41749dd4829c Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 12 May 2013 16:13:51 -0700 Subject: run make on last commit --- docs/assets/css/bootstrap.css | 53 ------------------------------------------- 1 file changed, 53 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 2b00fae4f..2ddd9e769 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3336,65 +3336,12 @@ button.close { border-bottom-color: #2a6496; } -/*.nav .active .caret { - border-top-color: #fff; - border-bottom-color: #fff; -} -.nav-tabs .active .caret { - border-top-color: @gray; - border-bottom-color: @gray; -}*/ - .nav-tabs .dropdown-menu { margin-top: -1px; border-top-right-radius: 0; border-top-left-radius: 0; } -/* - -// Active dropdown links -// ------------------------- -.nav .active .caret { - border-top-color: #fff; - border-bottom-color: #fff; -} -.nav-tabs .active .caret { - border-top-color: @gray; - border-bottom-color: @gray; -} -*/ - -/* -// Active:hover dropdown links -// ------------------------- -.nav > .dropdown.active > a:hover { - cursor: pointer; -} -*/ - -/*// Open dropdowns -// ------------------------- -.nav > .open > a, -.nav-pills .open > a, -.nav > li.dropdown.open.active > a:hover { - color: #fff; - background-color: @gray-light; - border-color: @gray-light; -} -.nav li.dropdown.open .caret, -.nav li.dropdown.open.active .caret, -.nav li.dropdown.open > a:hover .caret { - border-top-color: #fff; - border-bottom-color: #fff; - .opacity(1); -}*/ - -/*// Dropdowns in stacked tabs -.tabs-stacked .open > a:hover { - border-color: @gray-light; -}*/ - .navbar { position: relative; padding-right: 15px; -- cgit v1.2.3 From 41a76e8e7ade28a8ac65b6948bddf1cd702f9579 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 12 May 2013 16:30:54 -0700 Subject: Less specific dropdown styles, change up navbar dropdown styles --- docs/assets/css/bootstrap.css | 46 +++++++++++++++++++++---------------------- 1 file changed, 23 insertions(+), 23 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 2ddd9e769..72bda5c82 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3162,17 +3162,17 @@ button.close { margin-top: 9px; } -.nav > li.open > a, -.nav > li.open > a:hover, -.nav > li.open > a:focus { +.nav.open > a, +.nav.open > a:hover, +.nav.open > a:focus { color: #fff; background-color: #428bca; border-color: #428bca; } -.nav > li.open > a .caret, -.nav > li.open > a:hover .caret, -.nav > li.open > a:focus .caret { +.nav.open > a .caret, +.nav.open > a:hover .caret, +.nav.open > a:focus .caret { border-top-color: #fff; border-bottom-color: #fff; } @@ -3501,27 +3501,27 @@ button.close { border-bottom-left-radius: 0; } -.navbar-nav li.dropdown > a:hover .caret, -.navbar-nav li.dropdown > a:focus .caret { +.navbar-nav > .dropdown > a:hover .caret, +.navbar-nav > .dropdown > a:focus .caret { border-top-color: #333333; border-bottom-color: #333333; } -.navbar-nav li.dropdown.open > .dropdown-toggle, -.navbar-nav li.dropdown.active > .dropdown-toggle, -.navbar-nav li.dropdown.open.active > .dropdown-toggle { +.navbar-nav > .open > a, +.navbar-nav > .open > a:hover, +.navbar-nav > .open > a:focus { color: #555555; background-color: #d5d5d5; } -.navbar-nav li.dropdown > .dropdown-toggle .caret { +.navbar-nav > .dropdown > a .caret { border-top-color: #777777; border-bottom-color: #777777; } -.navbar-nav li.dropdown.open > .dropdown-toggle .caret, -.navbar-nav li.dropdown.active > .dropdown-toggle .caret, -.navbar-nav li.dropdown.open.active > .dropdown-toggle .caret { +.navbar-nav > .open > a .caret, +.navbar-nav > .open > a:hover .caret, +.navbar-nav > .open > a:focus .caret { border-top-color: #555555; border-bottom-color: #555555; } @@ -3587,26 +3587,26 @@ button.close { background-color: #fff; } -.navbar-inverse .navbar-nav li.dropdown.open > .dropdown-toggle, -.navbar-inverse .navbar-nav li.dropdown.active > .dropdown-toggle, -.navbar-inverse .navbar-nav li.dropdown.open.active > .dropdown-toggle { +.navbar-inverse .navbar-nav > .open > a, +.navbar-inverse .navbar-nav > .open > a:hover, +.navbar-inverse .navbar-nav > .open > a:focus { color: #ffffff; background-color: #080808; } -.navbar-inverse .navbar-nav li.dropdown > a:hover .caret { +.navbar-inverse .navbar-nav > .dropdown > a:hover .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; } -.navbar-inverse .navbar-nav li.dropdown > .dropdown-toggle .caret { +.navbar-inverse .navbar-nav > .dropdown > a .caret { border-top-color: #999999; border-bottom-color: #999999; } -.navbar-inverse .navbar-nav li.dropdown.open > .dropdown-toggle .caret, -.navbar-inverse .navbar-nav li.dropdown.active > .dropdown-toggle .caret, -.navbar-inverse .navbar-nav li.dropdown.open.active > .dropdown-toggle .caret { +.navbar-inverse .navbar-nav > .open > a .caret, +.navbar-inverse .navbar-nav > .open > a:hover .caret, +.navbar-inverse .navbar-nav > .open > a:focus .caret { border-top-color: #ffffff; border-bottom-color: #ffffff; } -- cgit v1.2.3 From a38a3429fc132cbf3925a057db8b331db57aae87 Mon Sep 17 00:00:00 2001 From: Robert Burns Date: Mon, 13 May 2013 20:01:59 -0400 Subject: Fix caret position --- docs/assets/css/bootstrap.css | 1 - 1 file changed, 1 deletion(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 0c538b8f6..8bc5c9358 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3791,7 +3791,6 @@ button.close { } .btn .caret { - margin-top: 8px; margin-left: 0; } -- cgit v1.2.3 From 1d8ff36afa73ac086004962ec2f3d02148f8a201 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 14 May 2013 18:55:37 -0700 Subject: Add .panel-footer --- docs/assets/css/bootstrap.css | 9 +++++++++ 1 file changed, 9 insertions(+) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 8bc5c9358..7f1bf5cd8 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -2981,6 +2981,15 @@ a.list-group-item.active .list-group-item-text { border-top-left-radius: 3px; } +.panel-footer { + padding: 10px 15px; + margin: 15px -15px -15px; + background-color: #f5f5f5; + border-top: 1px solid #dddddd; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 3px; +} + .panel-primary { border-color: #428bca; } -- cgit v1.2.3 From e23f661f3fc66f83cb976f8a3b7e2c627af9162d Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 14 May 2013 18:59:13 -0700 Subject: Fixes #7885 and #7886: only right align horizontal form labels when above 768px --- docs/assets/css/bootstrap.css | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 7f1bf5cd8..4a1324b6b 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -1700,7 +1700,12 @@ select:focus:invalid:focus { .form-horizontal .row-label { padding-top: 6px; - text-align: right; +} + +@media (min-width: 768px) { + .form-horizontal .row-label { + text-align: right; + } } .btn { -- cgit v1.2.3 From a41d566d5e38dd3227a0f5921f7be92969ff63f1 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 14 May 2013 22:08:56 -0700 Subject: margin on bottom of navbar nav by default, also round links in mobile views (unround in desktop) --- docs/assets/css/bootstrap.css | 6 ++++++ 1 file changed, 6 insertions(+) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 4a1324b6b..354dd25fe 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3387,6 +3387,7 @@ button.close { .navbar-nav { margin-top: 10px; + margin-bottom: 15px; } .navbar-nav > li > a { @@ -3394,6 +3395,7 @@ button.close { padding-bottom: 15px; line-height: 20px; color: #777777; + border-radius: 4px; } .navbar-nav > li > a:hover, @@ -3634,10 +3636,14 @@ button.close { .navbar .nav { float: left; margin-top: 0; + margin-bottom: 0; } .navbar .nav > li { float: left; } + .navbar .nav > li > a { + border-radius: 0; + } .navbar .nav.pull-right { float: right; } -- cgit v1.2.3 From 28a081cb20d4e9544967e7c6d5ab31ff4ad68862 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 14 May 2013 23:21:30 -0700 Subject: Overhaul form control and button sizing, and some type styles * New padding approach with separate horizontal and vertical padding variables * Improved sizing in large and small buttons and form controls * Dropped the `.btn-mini` (since we have no `.input-mini` to match, and holy fuck those were small buttons) * Dropped the `.pagination-mini` as well because once again, to hell with such small components * Changed `@line-height-headings` to `@headings-line-height` * Removed the `@headings-font-family` because it was honestly kind of useless --- docs/assets/css/bootstrap.css | 96 ++++++++++++++++++------------------------- 1 file changed, 40 insertions(+), 56 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 354dd25fe..046cc20a5 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -283,7 +283,7 @@ html { body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; - line-height: 1.428; + line-height: 1.428571429; color: #333333; background-color: #ffffff; } @@ -415,7 +415,6 @@ h6, .h4, .h5, .h6 { - font-family: inherit; font-weight: 500; line-height: 1.1; } @@ -518,7 +517,7 @@ ol ul { } li { - line-height: 1.428; + line-height: 1.428571429; } .list-unstyled { @@ -543,7 +542,7 @@ dl { dt, dd { - line-height: 1.428; + line-height: 1.428571429; } dt { @@ -625,7 +624,7 @@ blockquote p:last-child { blockquote small { display: block; - line-height: 1.428; + line-height: 1.428571429; color: #999999; } @@ -665,7 +664,7 @@ address { display: block; margin-bottom: 20px; font-style: normal; - line-height: 1.428; + line-height: 1.428571429; } code, @@ -690,7 +689,7 @@ pre { padding: 9.5px; margin: 0 0 10px; font-size: 13px; - line-height: 1.428; + line-height: 1.428571429; word-break: break-all; word-wrap: break-word; white-space: pre; @@ -1018,7 +1017,7 @@ th { .table thead > tr > td, .table tbody > tr > td { padding: 8px; - line-height: 1.428; + line-height: 1.428571429; vertical-align: top; border-top: 1px solid #dddddd; } @@ -1206,7 +1205,7 @@ legend { padding: 0; margin-bottom: 20px; font-size: 21px; - line-height: 1.1; + line-height: inherit; color: #333333; border: 0; border-bottom: 1px solid #e5e5e5; @@ -1235,10 +1234,10 @@ input[type="search"], input[type="tel"], input[type="color"] { display: block; - min-height: 34px; - padding: 6px 9px; + min-height: 36px; + padding: 8px 12px; font-size: 14px; - line-height: 1.428; + line-height: 1.428571429; color: #555555; vertical-align: middle; background-color: #ffffff; @@ -1313,10 +1312,10 @@ input[type="checkbox"] { select, input[type="file"] { - height: 34px; + height: 36px; /* In IE7, the height of the select element cannot be changed by height, only font-size. TODO: Check if this is still needed when dropping IE7 support */ - line-height: 34px; + line-height: 36px; } select[multiple], @@ -1424,7 +1423,7 @@ input[type="url"].input-large, input[type="search"].input-large, input[type="tel"].input-large, input[type="color"].input-large { - padding: 11px 14px; + padding: 14px 16px; font-size: 18px; border-radius: 6px; } @@ -1445,8 +1444,8 @@ input[type="url"].input-small, input[type="search"].input-small, input[type="tel"].input-small, input[type="color"].input-small { - min-height: 26px; - padding: 2px 10px; + min-height: 30px; + padding: 5px 10px; font-size: 12px; border-radius: 3px; } @@ -1612,7 +1611,7 @@ select:focus:invalid:focus { padding: 6px 8px; font-size: 14px; font-weight: normal; - line-height: 1.428; + line-height: 1.428571429; text-align: center; text-shadow: 0 1px 0 #fff; background-color: #eeeeee; @@ -1624,13 +1623,13 @@ select:focus:invalid:focus { } .input-group-addon.input-small { - padding: 2px 10px; + padding: 5px 10px; font-size: 12px; border-radius: 3px; } .input-group-addon.input-large { - padding: 11px 14px; + padding: 14px 16px; font-size: 18px; border-radius: 6px; } @@ -1710,11 +1709,11 @@ select:focus:invalid:focus { .btn { display: inline-block; - padding: 6px 12px; + padding: 8px 12px; margin-bottom: 0; font-size: 14px; font-weight: 500; - line-height: 1.428; + line-height: 1.428571429; text-align: center; white-space: nowrap; vertical-align: middle; @@ -1974,20 +1973,15 @@ fieldset[disabled] .btn-link:focus { } .btn-large { - padding: 11px 14px; + padding: 14px 16px; font-size: 18px; border-radius: 6px; } .btn-small { - padding: 2px 10px; + padding: 5px 10px; font-size: 12px; - border-radius: 3px; -} - -.btn-mini { - padding: 0 6px; - font-size: 11px; + line-height: 1.5; border-radius: 3px; } @@ -2750,7 +2744,7 @@ input[type="button"].btn-block { padding: 3px 20px; clear: both; font-weight: normal; - line-height: 1.428; + line-height: 1.428571429; color: #333333; white-space: nowrap; } @@ -3214,7 +3208,7 @@ button.close { .nav-tabs > li > a { margin-right: 2px; - line-height: 1.428; + line-height: 1.428571429; border: 1px solid transparent; border-radius: 4px 4px 0 0; } @@ -3304,7 +3298,7 @@ button.close { padding: 3px 15px; font-size: 11px; font-weight: bold; - line-height: 1.428; + line-height: 1.428571429; color: #999999; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); text-transform: uppercase; @@ -3660,7 +3654,7 @@ button.close { } .navbar-btn { - margin-top: 8px; + margin-top: 7px; } .navbar-text { @@ -3905,7 +3899,7 @@ button.close { .pagination > li > span { float: left; padding: 4px 12px; - line-height: 1.428; + line-height: 1.428571429; text-decoration: none; background-color: #ffffff; border: 1px solid #dddddd; @@ -3949,7 +3943,7 @@ button.close { .pagination-large > li > a, .pagination-large > li > span { - padding: 11px 14px; + padding: 14px 16px; font-size: 18px; } @@ -3965,34 +3959,24 @@ button.close { border-bottom-right-radius: 6px; } -.pagination-mini > li:first-child > a, +.pagination-small > li > a, +.pagination-small > li > span { + padding: 5px 10px; + font-size: 12px; +} + .pagination-small > li:first-child > a, -.pagination-mini > li:first-child > span, .pagination-small > li:first-child > span { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } -.pagination-mini > li:last-child > a, .pagination-small > li:last-child > a, -.pagination-mini > li:last-child > span, .pagination-small > li:last-child > span { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } -.pagination-small > li > a, -.pagination-small > li > span { - padding: 2px 10px; - font-size: 12px; -} - -.pagination-mini > li > a, -.pagination-mini > li > span { - padding: 0 6px; - font-size: 11px; -} - .pager { margin: 20px 0; text-align: center; @@ -4131,7 +4115,7 @@ button.close { } .modal-header { - min-height: 16.428px; + min-height: 16.428571429px; padding: 15px; border-bottom: 1px solid #e5e5e5; } @@ -4142,7 +4126,7 @@ button.close { .modal-title { margin: 0; - line-height: 1.428; + line-height: 1.428571429; } .modal-body { @@ -4523,7 +4507,7 @@ button.close { .thumbnail, .img-thumbnail { padding: 4px; - line-height: 1.428; + line-height: 1.428571429; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 4px; @@ -5050,7 +5034,7 @@ a.list-group-item.active > .badge, margin-bottom: 30px; font-size: 21px; font-weight: 200; - line-height: 2.142; + line-height: 2.1428571435; color: inherit; background-color: #eeeeee; } -- cgit v1.2.3 From f3d857773455a940fca0c8d2ef1ca26982700031 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 15 May 2013 10:16:11 -0700 Subject: Run make on previous commit; twerk box shadow back to commented out version --- docs/assets/css/bootstrap.css | 55 ++++++++++++++++++++----------------------- 1 file changed, 26 insertions(+), 29 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 046cc20a5..209aed496 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -1245,10 +1245,32 @@ input[type="color"] { border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -webkit-transition: border-color linear 0.2s, box-shadow linear 0.2s; - -moz-transition: border-color linear 0.2s, box-shadow linear 0.2s; - -o-transition: border-color linear 0.2s, box-shadow linear 0.2s; - transition: border-color linear 0.2s, box-shadow linear 0.2s; + -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; + -moz-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; + -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; + transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; +} + +select:focus, +textarea:focus, +input[type="text"]:focus, +input[type="password"]:focus, +input[type="datetime"]:focus, +input[type="datetime-local"]:focus, +input[type="date"]:focus, +input[type="month"]:focus, +input[type="time"]:focus, +input[type="week"]:focus, +input[type="number"]:focus, +input[type="email"]:focus, +input[type="url"]:focus, +input[type="search"]:focus, +input[type="tel"]:focus, +input[type="color"]:focus { + border-color: rgba(82, 168, 236, 0.8); + outline: 0; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); } input, @@ -1277,30 +1299,6 @@ textarea { height: auto; } -textarea:focus, -input[type="text"]:focus, -input[type="password"]:focus, -input[type="datetime"]:focus, -input[type="datetime-local"]:focus, -input[type="date"]:focus, -input[type="month"]:focus, -input[type="time"]:focus, -input[type="week"]:focus, -input[type="number"]:focus, -input[type="email"]:focus, -input[type="url"]:focus, -input[type="search"]:focus, -input[type="tel"]:focus, -input[type="color"]:focus { - border-color: rgba(82, 168, 236, 0.8); - outline: 0; - outline: thin dotted \9; - /* IE6-9 */ - - -webkit-box-shadow: 0 0 8px rgba(82, 168, 236, 0.6); - box-shadow: 0 0 8px rgba(82, 168, 236, 0.6); -} - input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; @@ -1323,7 +1321,6 @@ select[size] { height: auto; } -select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { -- cgit v1.2.3 From 92245e8bc70f8d2e48036b7ba088551d07db29ca Mon Sep 17 00:00:00 2001 From: fat Date: Thu, 16 May 2013 12:50:06 -0700 Subject: change dropdown strategy to use an overlay - fixes mobile click anywhere + allows for firefox middle click --- docs/assets/css/bootstrap.css | 9 +++++++++ 1 file changed, 9 insertions(+) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 209aed496..b9940b55e 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -2799,6 +2799,15 @@ input[type="button"].btn-block { outline: 0; } +.dropdown-backdrop { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 990; +} + .pull-right > .dropdown-menu { right: 0; left: auto; -- cgit v1.2.3 From d8b749a4d35b5a6f7a6ebba2bdac5651460aef27 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 16 May 2013 18:29:53 -0700 Subject: Fix z-index of carousel indicators --- docs/assets/css/bootstrap.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index b9940b55e..bec7260c2 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -4980,7 +4980,7 @@ a.list-group-item.active > .badge, position: absolute; bottom: 20px; left: 50%; - z-index: 5; + z-index: 15; width: 100px; margin: 0 0 0 -50px; text-align: center; -- cgit v1.2.3 From c73588b3132b8c848f10561ad8f946f8c58a636b Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 16 May 2013 18:46:12 -0700 Subject: Drop .form-actions --- docs/assets/css/bootstrap.css | 28 ---------------------------- 1 file changed, 28 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index bec7260c2..326ae4990 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -1535,34 +1535,6 @@ select:focus:invalid:focus { box-shadow: 0 0 6px #f8b9b7; } -.form-actions { - padding: 20px 20px; - margin-top: 20px; - margin-bottom: 20px; - background-color: #f5f5f5; - border-top: 1px solid #e5e5e5; -} - -.form-actions:before, -.form-actions:after { - display: table; - content: " "; -} - -.form-actions:after { - clear: both; -} - -.form-actions:before, -.form-actions:after { - display: table; - content: " "; -} - -.form-actions:after { - clear: both; -} - .help-block { display: block; margin-top: 5px; -- cgit v1.2.3 From e5d6a40a7781daea884dc4472e5eb3f1705a8498 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 16 May 2013 19:13:58 -0700 Subject: Redo the responsive utilities stuff * Update docs language * Enforce display: block; on all utilities for now * Fix up docs CSS for the tests --- docs/assets/css/bootstrap.css | 20 ++++++++++---------- 1 file changed, 10 insertions(+), 10 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 326ae4990..9737e7771 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -5094,7 +5094,7 @@ a.list-group-item.active > .badge, } .visible-sm { - display: inherit !important; + display: block !important; } .visible-md { @@ -5110,11 +5110,11 @@ a.list-group-item.active > .badge, } .hidden-md { - display: inherit !important; + display: block !important; } .hidden-lg { - display: inherit !important; + display: block !important; } @media (min-width: 768px) and (max-width: 991px) { @@ -5122,19 +5122,19 @@ a.list-group-item.active > .badge, display: none !important; } .visible-md { - display: inherit !important; + display: block !important; } .visible-lg { display: none !important; } .hidden-sm { - display: inherit !important; + display: block !important; } .hidden-md { display: none !important; } .hidden-lg { - display: inherit !important; + display: block !important; } } @@ -5146,13 +5146,13 @@ a.list-group-item.active > .badge, display: none !important; } .visible-lg { - display: inherit !important; + display: block !important; } .hidden-sm { - display: inherit !important; + display: block !important; } .hidden-md { - display: inherit !important; + display: block !important; } .hidden-lg { display: none !important; @@ -5165,7 +5165,7 @@ a.list-group-item.active > .badge, @media print { .visible-print { - display: inherit !important; + display: block !important; } .hidden-print { display: none !important; -- cgit v1.2.3 From 1983ca03ec4f84bf9076d9327bc966caffda4ea6 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 16 May 2013 20:17:42 -0700 Subject: Form validation and horizontal row update * changed .row-label to .control-label as used elsewhere already * changed .formFieldState mixin to .form-field-validation --- docs/assets/css/bootstrap.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 9737e7771..4542376d8 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -1666,12 +1666,12 @@ select:focus:invalid:focus { margin-top: 15px; } -.form-horizontal .row-label { +.form-horizontal .control-label { padding-top: 6px; } @media (min-width: 768px) { - .form-horizontal .row-label { + .form-horizontal .control-label { text-align: right; } } -- cgit v1.2.3 From 9762f95bde0fc251aa42d2e843cf5885f264cca3 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 16 May 2013 20:53:59 -0700 Subject: Change up link alerts * No more children selectors to set all links in alerts as a special color because buttons and more wrongly inherited color * Adds .alert-link for easy styling in any alert --- docs/assets/css/bootstrap.css | 12 ++++-------- 1 file changed, 4 insertions(+), 8 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 4542376d8..04b72bd43 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -4410,8 +4410,7 @@ button.close { border-top-color: #f8e5be; } -.alert > a, -.alert > p > a { +.alert .alert-link { font-weight: 500; color: #a47e3c; } @@ -4433,8 +4432,7 @@ button.close { border-top-color: #c9e2b3; } -.alert-success > a, -.alert-success > p > a { +.alert-success .alert-link { color: #356635; } @@ -4448,8 +4446,7 @@ button.close { border-top-color: #e6c1c7; } -.alert-danger > a, -.alert-danger > p > a { +.alert-danger .alert-link { color: #953b39; } @@ -4463,8 +4460,7 @@ button.close { border-top-color: #a6e1ec; } -.alert-info > a, -.alert-info > p > a { +.alert-info .alert-link { color: #2d6987; } -- cgit v1.2.3 From 5fbb9e9f5d241744dc2e2cbd1bfd8676c566f22d Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 16 May 2013 21:03:29 -0700 Subject: More row change ups: * No more negative side margins * However, keep the negative margin for nested rows --- docs/assets/css/bootstrap.css | 4 ---- 1 file changed, 4 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 04b72bd43..d9efc0f82 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -976,10 +976,6 @@ pre code { .container { max-width: 728px; } - .row { - margin-right: -15px; - margin-left: -15px; - } } @media screen and (min-width: 992px) { -- cgit v1.2.3 From 35573db810fbcbb9d7aefde090fbad3dbd332271 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 19 May 2013 22:06:10 -0700 Subject: Fixes #7611: fix optgroup formatting for Firefox --- docs/assets/css/bootstrap.css | 6 ++++++ 1 file changed, 6 insertions(+) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index d9efc0f82..f50619135 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -1317,6 +1317,12 @@ select[size] { height: auto; } +select optgroup { + font-family: inherit; + font-size: inherit; + font-style: inherit; +} + input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { -- cgit v1.2.3 From 0c167a1d9dd7a8e4a1a6877ed0b23f5910a71ca2 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 19 May 2013 22:12:48 -0700 Subject: Fixes #7474: Use `@input-height-base` in `.navbar-vertical-align()` for `.navbar-form` --- docs/assets/css/bootstrap.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index f50619135..29cf51923 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3462,8 +3462,8 @@ button.close { } .navbar-form { - margin-top: 8px; - margin-bottom: 8px; + margin-top: 7px; + margin-bottom: 7px; } .navbar-form input, -- cgit v1.2.3 From 371d14e2173888932b1edf11083ccbf73bae313e Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 23 May 2013 21:06:02 -0700 Subject: Remove commented out code and properly nest CSS again for .collapse --- docs/assets/css/bootstrap.css | 10 ---------- 1 file changed, 10 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 29cf51923..b65d86480 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -1985,16 +1985,6 @@ input[type="button"].btn-block { opacity: 1; } -/*.collapse { - position: relative; - height: 0; - overflow: hidden; - .transition(height .35s ease); - &.in { - height: auto; - } -}*/ - .collapse { position: relative; height: 0; -- cgit v1.2.3 From 79666385f761bd27a31fc363fa26cdbe5b037017 Mon Sep 17 00:00:00 2001 From: Robert Burns Date: Fri, 24 May 2013 08:14:11 -0400 Subject: Use base padding for input-group-addon class --- docs/assets/css/bootstrap.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index b65d86480..53dcf2edc 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -1579,7 +1579,7 @@ select:focus:invalid:focus { } .input-group-addon { - padding: 6px 8px; + padding: 8px 12px; font-size: 14px; font-weight: normal; line-height: 1.428571429; -- cgit v1.2.3 From 60575dfb461d5e01d36b564dccc55ef260982081 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 25 May 2013 13:16:15 -0700 Subject: Gradients refactor * Add start and end support to the horizontal gradient as well * Change all variables from camelCase to use-dashes * Better comments in the gradients mixins area * Update current uses of gradients in dropdowns and carousel to specify only two values by direct assignment of variables --- docs/assets/css/bootstrap.css | 32 ++++++++++++++++---------------- 1 file changed, 16 insertions(+), 16 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index b65d86480..c5b29a3c4 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -2717,10 +2717,10 @@ input[type="button"].btn-block { color: #ffffff; text-decoration: none; background-color: #357ebd; - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#428bca), to(#357ebd)); - background-image: -webkit-linear-gradient(top, #428bca, #357ebd); - background-image: -moz-linear-gradient(top, #428bca, #357ebd); - background-image: linear-gradient(to bottom, #428bca, #357ebd); + background-image: -webkit-gradient(linear, left 0%, left 100%, from(#428bca), to(#357ebd)); + background-image: -webkit-linear-gradient(top, #428bca, 0%, #357ebd, 100%); + background-image: -moz-linear-gradient(top, #428bca 0%, #357ebd 100%); + background-image: linear-gradient(to bottom, #428bca 0%, #357ebd 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0); } @@ -2731,10 +2731,10 @@ input[type="button"].btn-block { color: #ffffff; text-decoration: none; background-color: #357ebd; - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#428bca), to(#357ebd)); - background-image: -webkit-linear-gradient(top, #428bca, #357ebd); - background-image: -moz-linear-gradient(top, #428bca, #357ebd); - background-image: linear-gradient(to bottom, #428bca, #357ebd); + background-image: -webkit-gradient(linear, left 0%, left 100%, from(#428bca), to(#357ebd)); + background-image: -webkit-linear-gradient(top, #428bca, 0%, #357ebd, 100%); + background-image: -moz-linear-gradient(top, #428bca 0%, #357ebd 100%); + background-image: linear-gradient(to bottom, #428bca 0%, #357ebd 100%); background-repeat: repeat-x; outline: 0; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff357ebd', GradientType=0); @@ -4895,10 +4895,10 @@ a.list-group-item.active > .badge, .carousel-control.left { background-color: rgba(0, 0, 0, 0.0001); background-color: transparent; - background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001))); - background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.0001)); - background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.0001)); - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.0001)); + background-image: -webkit-gradient(linear, 0 top, 100% top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001))); + background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.5) 0), color-stop(rgba(0, 0, 0, 0.0001) 100%)); + background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%); + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); } @@ -4908,10 +4908,10 @@ a.list-group-item.active > .badge, left: auto; background-color: rgba(0, 0, 0, 0.5); background-color: transparent; - background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5))); - background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001), rgba(0, 0, 0, 0.5)); - background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.0001), rgba(0, 0, 0, 0.5)); - background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001), rgba(0, 0, 0, 0.5)); + background-image: -webkit-gradient(linear, 0 top, 100% top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5))); + background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0), color-stop(rgba(0, 0, 0, 0.5) 100%)); + background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%); + background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); } -- cgit v1.2.3 From 19d0726609f860d4a7f1c214965164084aaf8a5f Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 2 Jun 2013 13:38:45 -0700 Subject: Grid updates MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Removed mixins for generating grid classes - Thus, we manually declare every grid class, from 1-11 (12th unit is excluded as that's the same as no grid columns) - No more need for `.col` base class (yay!) - Negative indent the rows at tablets and above once again (ugh, still working through this part) - Add support for `.col-md` for tablet-specific grid columns - Still need to figure out offsets, pushes, and pulls on other devices—right now only available on desktop --- docs/assets/css/bootstrap.css | 284 ++++++++++++++++++++++++------------------ 1 file changed, 164 insertions(+), 120 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index a826b74ed..938ddc14b 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -763,12 +763,40 @@ pre code { clear: both; } +@media (min-width: 768px) { + .row { + margin-right: -15px; + margin-left: -15px; + } +} + .row .row { margin-right: -15px; margin-left: -15px; } -.col { +.col-1, +.col-2, +.col-3, +.col-4, +.col-5, +.col-6, +.col-7, +.col-8, +.col-9, +.col-10, +.col-11, +.col-lg-1, +.col-lg-2, +.col-lg-3, +.col-lg-4, +.col-lg-5, +.col-lg-6, +.col-lg-7, +.col-lg-8, +.col-lg-9, +.col-lg-10, +.col-lg-11 { position: relative; float: left; width: 100%; @@ -777,198 +805,218 @@ pre code { padding-left: 15px; } -.col-sm-12 { - width: 100%; -} - -.col-sm-11 { - width: 91.66666666666666%; +.col-1 { + width: 0.08333333333333333; } -.col-sm-10 { - width: 83.33333333333334%; +.col-2 { + width: 0.16666666666666666; } -.col-sm-9 { - width: 75%; +.col-3 { + width: 0.25; } -.col-sm-8 { - width: 66.66666666666666%; +.col-4 { + width: 0.3333333333333333; } -.col-sm-7 { - width: 58.333333333333336%; +.col-5 { + width: 0.4166666666666667; } -.col-sm-6 { - width: 50%; +.col-6 { + width: 0.5; } -.col-sm-5 { - width: 41.66666666666667%; +.col-7 { + width: 0.5833333333333334; } -.col-sm-4 { - width: 33.33333333333333%; +.col-8 { + width: 0.6666666666666666; } -.col-sm-3 { - width: 25%; +.col-9 { + width: 0.75; } -.col-sm-2 { - width: 16.666666666666664%; +.col-10 { + width: 0.8333333333333334; } -.col-sm-1 { - width: 8.333333333333332%; +.col-11 { + width: 0.9166666666666666; } -@media screen and (min-width: 768px) { - .col-lg-12 { - width: 100%; +@media (min-width: 768px) { + .col-md-1 { + width: 0.08333333333333333; } - .col-lg-11 { - width: 91.66666666666666%; + .col-md-2 { + width: 0.16666666666666666; } - .col-lg-10 { - width: 83.33333333333334%; + .col-md-3 { + width: 0.25; } - .col-lg-9 { - width: 75%; + .col-md-4 { + width: 0.3333333333333333; } - .col-lg-8 { - width: 66.66666666666666%; + .col-md-5 { + width: 0.4166666666666667; } - .col-lg-7 { - width: 58.333333333333336%; + .col-md-6 { + width: 0.5; } - .col-lg-6 { - width: 50%; + .col-md-7 { + width: 0.5833333333333334; } - .col-lg-5 { - width: 41.66666666666667%; + .col-md-8 { + width: 0.6666666666666666; } - .col-lg-4 { - width: 33.33333333333333%; + .col-md-9 { + width: 0.75; } - .col-lg-3 { - width: 25%; + .col-md-10 { + width: 0.8333333333333334; } - .col-lg-2 { - width: 16.666666666666664%; + .col-md-11 { + width: 0.9166666666666666; } +} + +@media (min-width: 992px) { .col-lg-1 { width: 8.333333333333332%; } - .col-offset-12 { - margin-left: 100%; + .col-lg-2 { + width: 16.666666666666664%; } - .col-offset-11 { - margin-left: 91.66666666666666%; + .col-lg-3 { + width: 25%; } - .col-offset-10 { - margin-left: 83.33333333333334%; + .col-lg-4 { + width: 33.33333333333333%; } - .col-offset-9 { - margin-left: 75%; + .col-lg-5 { + width: 41.66666666666667%; } - .col-offset-8 { - margin-left: 66.66666666666666%; + .col-lg-6 { + width: 50%; } - .col-offset-7 { - margin-left: 58.333333333333336%; + .col-lg-7 { + width: 58.333333333333336%; } - .col-offset-6 { - margin-left: 50%; + .col-lg-8 { + width: 66.66666666666666%; } - .col-offset-5 { - margin-left: 41.66666666666667%; + .col-lg-9 { + width: 75%; } - .col-offset-4 { - margin-left: 33.33333333333333%; + .col-lg-10 { + width: 83.33333333333334%; } - .col-offset-3 { - margin-left: 25%; + .col-lg-11 { + width: 91.66666666666666%; + } + .col-offset-1 { + margin-left: 8.333333333333332%; } .col-offset-2 { margin-left: 16.666666666666664%; } - .col-offset-1 { - margin-left: 8.333333333333332%; + .col-offset-3 { + margin-left: 25%; } - .col-push-12 { - left: 100%; + .col-offset-4 { + margin-left: 33.33333333333333%; } - .col-push-11 { - left: 91.66666666666666%; + .col-offset-5 { + margin-left: 41.66666666666667%; } - .col-push-10 { - left: 83.33333333333334%; + .col-offset-6 { + margin-left: 50%; } - .col-push-9 { - left: 75%; + .col-offset-7 { + margin-left: 58.333333333333336%; } - .col-push-8 { - left: 66.66666666666666%; + .col-offset-8 { + margin-left: 66.66666666666666%; } - .col-push-7 { - left: 58.333333333333336%; + .col-offset-9 { + margin-left: 75%; } - .col-push-6 { - left: 50%; + .col-offset-10 { + margin-left: 83.33333333333334%; } - .col-push-5 { - left: 41.66666666666667%; + .col-offset-11 { + margin-left: 91.66666666666666%; } - .col-push-4 { - left: 33.33333333333333%; + .col-push-1 { + left: 8.333333333333332%; + } + .col-push-2 { + left: 16.666666666666664%; } .col-push-3 { left: 25%; } - .col-push-2 { - left: 16.666666666666664%; + .col-push-4 { + left: 33.33333333333333%; } - .col-push-1 { - left: 8.333333333333332%; + .col-push-5 { + left: 41.66666666666667%; } - .col-pull-12 { - right: 100%; + .col-push-6 { + left: 50%; } - .col-pull-11 { - right: 91.66666666666666%; + .col-push-7 { + left: 58.333333333333336%; } - .col-pull-10 { - right: 83.33333333333334%; + .col-push-8 { + left: 66.66666666666666%; } - .col-pull-9 { - right: 75%; + .col-push-9 { + left: 75%; } - .col-pull-8 { - right: 66.66666666666666%; + .col-push-10 { + left: 83.33333333333334%; } - .col-pull-7 { - right: 58.333333333333336%; + .col-push-11 { + left: 91.66666666666666%; } - .col-pull-6 { - right: 50%; + .col-pull-1 { + right: 8.333333333333332%; } - .col-pull-5 { - right: 41.66666666666667%; + .col-pull-2 { + right: 16.666666666666664%; + } + .col-pull-3 { + right: 25%; } .col-pull-4 { right: 33.33333333333333%; } - .col-pull-3 { - right: 25%; + .col-pull-5 { + right: 41.66666666666667%; } - .col-pull-2 { - right: 16.666666666666664%; + .col-pull-6 { + right: 50%; } - .col-pull-1 { - right: 8.333333333333332%; + .col-pull-7 { + right: 58.333333333333336%; + } + .col-pull-8 { + right: 66.66666666666666%; + } + .col-pull-9 { + right: 75%; + } + .col-pull-10 { + right: 83.33333333333334%; + } + .col-pull-11 { + right: 91.66666666666666%; } } @@ -990,10 +1038,6 @@ pre code { } } -/*[class*="col-span-"].pull-right { - float: right; -}*/ - table { max-width: 100%; background-color: transparent; -- cgit v1.2.3 From 21441f129259b17c6112d923dc93d4fc4577e49b Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 2 Jun 2013 15:33:42 -0700 Subject: Move the grid offset, push, and pull classes to be tablets-up instead of desktop-up --- docs/assets/css/bootstrap.css | 72 +++++++++++++++++++++---------------------- 1 file changed, 36 insertions(+), 36 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 938ddc14b..fb11fc29c 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -883,42 +883,6 @@ pre code { .col-md-11 { width: 0.9166666666666666; } -} - -@media (min-width: 992px) { - .col-lg-1 { - width: 8.333333333333332%; - } - .col-lg-2 { - width: 16.666666666666664%; - } - .col-lg-3 { - width: 25%; - } - .col-lg-4 { - width: 33.33333333333333%; - } - .col-lg-5 { - width: 41.66666666666667%; - } - .col-lg-6 { - width: 50%; - } - .col-lg-7 { - width: 58.333333333333336%; - } - .col-lg-8 { - width: 66.66666666666666%; - } - .col-lg-9 { - width: 75%; - } - .col-lg-10 { - width: 83.33333333333334%; - } - .col-lg-11 { - width: 91.66666666666666%; - } .col-offset-1 { margin-left: 8.333333333333332%; } @@ -1020,6 +984,42 @@ pre code { } } +@media (min-width: 992px) { + .col-lg-1 { + width: 8.333333333333332%; + } + .col-lg-2 { + width: 16.666666666666664%; + } + .col-lg-3 { + width: 25%; + } + .col-lg-4 { + width: 33.33333333333333%; + } + .col-lg-5 { + width: 41.66666666666667%; + } + .col-lg-6 { + width: 50%; + } + .col-lg-7 { + width: 58.333333333333336%; + } + .col-lg-8 { + width: 66.66666666666666%; + } + .col-lg-9 { + width: 75%; + } + .col-lg-10 { + width: 83.33333333333334%; + } + .col-lg-11 { + width: 91.66666666666666%; + } +} + @media screen and (min-width: 768px) { .container { max-width: 728px; -- cgit v1.2.3 From a05f6d4cea03a61f35223eab697d3caa4dc9e24c Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 3 Jun 2013 11:58:38 -0700 Subject: fixes #8066: add missing % functions to grid less code --- docs/assets/css/bootstrap.css | 44 +++++++++++++++++++++---------------------- 1 file changed, 22 insertions(+), 22 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index fb11fc29c..36898557d 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -806,82 +806,82 @@ pre code { } .col-1 { - width: 0.08333333333333333; + width: 8.333333333333332%; } .col-2 { - width: 0.16666666666666666; + width: 16.666666666666664%; } .col-3 { - width: 0.25; + width: 25%; } .col-4 { - width: 0.3333333333333333; + width: 33.33333333333333%; } .col-5 { - width: 0.4166666666666667; + width: 41.66666666666667%; } .col-6 { - width: 0.5; + width: 50%; } .col-7 { - width: 0.5833333333333334; + width: 58.333333333333336%; } .col-8 { - width: 0.6666666666666666; + width: 66.66666666666666%; } .col-9 { - width: 0.75; + width: 75%; } .col-10 { - width: 0.8333333333333334; + width: 83.33333333333334%; } .col-11 { - width: 0.9166666666666666; + width: 91.66666666666666%; } @media (min-width: 768px) { .col-md-1 { - width: 0.08333333333333333; + width: 8.333333333333332%; } .col-md-2 { - width: 0.16666666666666666; + width: 16.666666666666664%; } .col-md-3 { - width: 0.25; + width: 25%; } .col-md-4 { - width: 0.3333333333333333; + width: 33.33333333333333%; } .col-md-5 { - width: 0.4166666666666667; + width: 41.66666666666667%; } .col-md-6 { - width: 0.5; + width: 50%; } .col-md-7 { - width: 0.5833333333333334; + width: 58.333333333333336%; } .col-md-8 { - width: 0.6666666666666666; + width: 66.66666666666666%; } .col-md-9 { - width: 0.75; + width: 75%; } .col-md-10 { - width: 0.8333333333333334; + width: 83.33333333333334%; } .col-md-11 { - width: 0.9166666666666666; + width: 91.66666666666666%; } .col-offset-1 { margin-left: 8.333333333333332%; -- cgit v1.2.3 From 45c5b4e45c1d6479801dc205e13b350e334ebcd0 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 3 Jun 2013 21:51:35 -0700 Subject: restore .col-*-12 classes for now --- docs/assets/css/bootstrap.css | 14 +++++++++++++- 1 file changed, 13 insertions(+), 1 deletion(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 36898557d..8642bf95d 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -786,6 +786,7 @@ pre code { .col-9, .col-10, .col-11, +.col-12, .col-lg-1, .col-lg-2, .col-lg-3, @@ -796,7 +797,8 @@ pre code { .col-lg-8, .col-lg-9, .col-lg-10, -.col-lg-11 { +.col-lg-11, +.col-lg-12 { position: relative; float: left; width: 100%; @@ -849,6 +851,10 @@ pre code { width: 91.66666666666666%; } +.col-12 { + width: 100%; +} + @media (min-width: 768px) { .col-md-1 { width: 8.333333333333332%; @@ -883,6 +889,9 @@ pre code { .col-md-11 { width: 91.66666666666666%; } + .col-md-12 { + width: 100%; + } .col-offset-1 { margin-left: 8.333333333333332%; } @@ -1018,6 +1027,9 @@ pre code { .col-lg-11 { width: 91.66666666666666%; } + .col-lg-12 { + width: 100%; + } } @media screen and (min-width: 768px) { -- cgit v1.2.3 From df5ddeb7cc3b71c96b691e073c252690679dd4ea Mon Sep 17 00:00:00 2001 From: William Ghelfi Date: Wed, 5 Jun 2013 23:14:58 +0300 Subject: Set validation states also for addons --- docs/assets/css/bootstrap.css | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 8642bf95d..953118071 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -1544,6 +1544,12 @@ fieldset[disabled] input[type="checkbox"] { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; } +.has-warning .input-group-addon { + color: #c09853; + background-color: #fcf8e3; + border-color: #c09853; +} + .has-error .control-label { color: #b94a48; } @@ -1561,6 +1567,12 @@ fieldset[disabled] input[type="checkbox"] { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; } +.has-error .input-group-addon { + color: #b94a48; + background-color: #f2dede; + border-color: #b94a48; +} + .has-success .control-label { color: #468847; } @@ -1578,6 +1590,12 @@ fieldset[disabled] input[type="checkbox"] { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; } +.has-success .input-group-addon { + color: #468847; + background-color: #dff0d8; + border-color: #468847; +} + input:focus:invalid, textarea:focus:invalid, select:focus:invalid { -- cgit v1.2.3 From 441bbe1998c790dad1c4d44c5f85e6360209eaac Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 8 Jun 2013 18:34:16 -0230 Subject: Another grid update * Update docs to include table of grid levels and behaviors * Change from .col-md to .col-sm to match existing size variables we use elsewhere * Keep .col-lg as-is though for simplicity as we won't likely add a fourth level of the grid * Combine responsive .container breakpoints with grid breakpoints in grid.less * Other misc docs updates --- docs/assets/css/bootstrap.css | 56 ++++++++++++++++++++++++------------------- 1 file changed, 31 insertions(+), 25 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 8642bf95d..4d65d053b 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -787,6 +787,18 @@ pre code { .col-10, .col-11, .col-12, +.col-sm-1, +.col-sm-2, +.col-sm-3, +.col-sm-4, +.col-sm-5, +.col-sm-6, +.col-sm-7, +.col-sm-8, +.col-sm-9, +.col-sm-10, +.col-sm-11, +.col-sm-12, .col-lg-1, .col-lg-2, .col-lg-3, @@ -856,40 +868,43 @@ pre code { } @media (min-width: 768px) { - .col-md-1 { + .container { + max-width: 728px; + } + .col-sm-1 { width: 8.333333333333332%; } - .col-md-2 { + .col-sm-2 { width: 16.666666666666664%; } - .col-md-3 { + .col-sm-3 { width: 25%; } - .col-md-4 { + .col-sm-4 { width: 33.33333333333333%; } - .col-md-5 { + .col-sm-5 { width: 41.66666666666667%; } - .col-md-6 { + .col-sm-6 { width: 50%; } - .col-md-7 { + .col-sm-7 { width: 58.333333333333336%; } - .col-md-8 { + .col-sm-8 { width: 66.66666666666666%; } - .col-md-9 { + .col-sm-9 { width: 75%; } - .col-md-10 { + .col-sm-10 { width: 83.33333333333334%; } - .col-md-11 { + .col-sm-11 { width: 91.66666666666666%; } - .col-md-12 { + .col-sm-12 { width: 100%; } .col-offset-1 { @@ -994,6 +1009,9 @@ pre code { } @media (min-width: 992px) { + .container { + max-width: 940px; + } .col-lg-1 { width: 8.333333333333332%; } @@ -1032,19 +1050,7 @@ pre code { } } -@media screen and (min-width: 768px) { - .container { - max-width: 728px; - } -} - -@media screen and (min-width: 992px) { - .container { - max-width: 940px; - } -} - -@media screen and (min-width: 1200px) { +@media (min-width: 1200px) { .container { max-width: 1170px; } -- cgit v1.2.3 From 6ce154c7ed64f3821cc7d6cbb0bfcf65b25f1b49 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 15 Jun 2013 11:46:13 -0700 Subject: Fixes #8175: Update input min-height vars to fix FF21 input rendering --- docs/assets/css/bootstrap.css | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index f9f1fb932..33833789c 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -1292,7 +1292,7 @@ input[type="search"], input[type="tel"], input[type="color"] { display: block; - min-height: 36px; + min-height: 38px; padding: 8px 12px; font-size: 14px; line-height: 1.428571429; @@ -1368,10 +1368,10 @@ input[type="checkbox"] { select, input[type="file"] { - height: 36px; + height: 38px; /* In IE7, the height of the select element cannot be changed by height, only font-size. TODO: Check if this is still needed when dropping IE7 support */ - line-height: 36px; + line-height: 38px; } select[multiple], @@ -1505,7 +1505,7 @@ input[type="url"].input-small, input[type="search"].input-small, input[type="tel"].input-small, input[type="color"].input-small { - min-height: 30px; + min-height: 32px; padding: 5px 10px; font-size: 12px; border-radius: 3px; @@ -3532,8 +3532,8 @@ button.close { } .navbar-form { - margin-top: 7px; - margin-bottom: 7px; + margin-top: 6px; + margin-bottom: 6px; } .navbar-form input, @@ -3704,7 +3704,7 @@ button.close { } .navbar-btn { - margin-top: 7px; + margin-top: 6px; } .navbar-text { -- cgit v1.2.3 From ac3521fef4f69bfc025677e9d3020fb39de35f73 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 16 Jun 2013 10:56:30 -0700 Subject: Remove WebKit overflow scrolling for now --- docs/assets/css/bootstrap.css | 1 - 1 file changed, 1 deletion(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 33833789c..4b1a683f4 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -276,7 +276,6 @@ table { html { font-size: 62.5%; - -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } -- cgit v1.2.3 From 125e472d6f989a029c6def1c39afee1a21b2e41e Mon Sep 17 00:00:00 2001 From: FLOKER Date: Sun, 16 Jun 2013 22:18:46 +0200 Subject: redundant lines removed --- docs/assets/css/bootstrap.css | 4 ---- 1 file changed, 4 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 4b1a683f4..9d19d3c81 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3000,10 +3000,6 @@ a.list-group-item.active .list-group-item-text { margin-right: -15px; } -.list-group-item > .glyphicon-chevron-right { - margin-right: -15px; -} - .list-group-item > .glyphicon + .badge { margin-right: 5px; } -- cgit v1.2.3 From 731cbb302e3df670c15c46d277c39d0746d73a3d Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 17 Jun 2013 13:35:50 -0700 Subject: Better base `ul` and `ol` styles Turns out we were nixing the default browser spacing for bullets and numbers, so this reverts that and instead just twerks the top/bottom `margin`. --- docs/assets/css/bootstrap.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 9d19d3c81..6266bb1d7 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -504,8 +504,8 @@ h4 small, ul, ol { - padding: 0; - margin: 0 0 10px 25px; + margin-top: 0; + margin-bottom: 10px; } ul ul, -- cgit v1.2.3 From 84c0dc13babffe781fff96611b526f5fb58ff9dd Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 17 Jun 2013 13:47:03 -0700 Subject: Remove explicit, unncessary `line-height` on `li` elements --- docs/assets/css/bootstrap.css | 4 ---- 1 file changed, 4 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 6266bb1d7..67db9c112 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -515,10 +515,6 @@ ol ul { margin-bottom: 0; } -li { - line-height: 1.428571429; -} - .list-unstyled { margin-left: 0; list-style: none; -- cgit v1.2.3 From 4436e727ed52e45db2f5db9bf4efcea4ba8c64c3 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 17 Jun 2013 13:49:22 -0700 Subject: Properly unstyle the `.list-unstyled` class by switching from `margin` to `padding` Also add better comments --- docs/assets/css/bootstrap.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 67db9c112..04d5bc1fd 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -516,12 +516,12 @@ ol ul { } .list-unstyled { - margin-left: 0; + padding-left: 0; list-style: none; } .list-inline { - margin-left: 0; + padding-left: 0; list-style: none; } -- cgit v1.2.3 From 37f4a25be436e8b25004d22541809032d8354600 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 17 Jun 2013 14:19:44 -0700 Subject: Better clearing on `.dl-horizontal` for empty `dd` elements Instead of clearing the entire `.dl-horizontal`, we've moved the clearfix mixin to the `dd` level to solve two problems in one: empty `dd`s mid-list, and empty `dd` as the last child. Addresses a few old issues, including #2824, #3819, #3821, #4062, #6707, and #7180. Sorry that took so long :D. --- docs/assets/css/bootstrap.css | 38 +++++++++++++++++++------------------- 1 file changed, 19 insertions(+), 19 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 04d5bc1fd..a99125994 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -548,38 +548,38 @@ dd { margin-left: 10px; } -.dl-horizontal:before, -.dl-horizontal:after { - display: table; - content: " "; +.dl-horizontal dt { + float: left; + width: 160px; + overflow: hidden; + clear: left; + text-align: right; + text-overflow: ellipsis; + white-space: nowrap; } -.dl-horizontal:after { - clear: both; +.dl-horizontal dd { + margin-left: 180px; } -.dl-horizontal:before, -.dl-horizontal:after { +.dl-horizontal dd:before, +.dl-horizontal dd:after { display: table; content: " "; } -.dl-horizontal:after { +.dl-horizontal dd:after { clear: both; } -.dl-horizontal dt { - float: left; - width: 160px; - overflow: hidden; - clear: left; - text-align: right; - text-overflow: ellipsis; - white-space: nowrap; +.dl-horizontal dd:before, +.dl-horizontal dd:after { + display: table; + content: " "; } -.dl-horizontal dd { - margin-left: 180px; +.dl-horizontal dd:after { + clear: both; } hr { -- cgit v1.2.3 From bcc3af4b2ae64221a461283ce2c9d36a3c133d57 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 17 Jun 2013 20:56:02 -0700 Subject: Fixes #7599: Improved print styles for a few key components * Updates `.table` to always enforce a solid white background * Update button groups and dropdowns to always use black carets * Add a 1px solid black border to labels (in the future we should add a border to these perhaps for better printing) --- docs/assets/css/bootstrap.css | 11 +++++++++++ 1 file changed, 11 insertions(+) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index a99125994..0966a9854 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -266,6 +266,17 @@ table { .navbar { display: none; } + .table td, + .table th { + background-color: #fff !important; + } + .btn > .caret, + .dropup > .btn > .caret { + border-top-color: #000 !important; + } + .label { + border: 1px solid #000; + } } * { -- cgit v1.2.3 From 112dabb3c2f8b75a15a7cc5445c7870d3bfbb85f Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 18 Jun 2013 16:36:02 -0700 Subject: run make on last commit --- docs/assets/css/bootstrap.css | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 0966a9854..d9d6e555d 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -1812,16 +1812,16 @@ fieldset[disabled] .btn { .btn-default { color: #ffffff; - background-color: #a7a9aa; - border-color: #a7a9aa; + background-color: #474949; + border-color: #474949; } .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active { - background-color: #9a9c9d; - border-color: #8d9091; + background-color: #3a3c3c; + border-color: #2e2f2f; } .btn-default.disabled:hover, @@ -1836,8 +1836,8 @@ fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active { - background-color: #a7a9aa; - border-color: #a7a9aa; + background-color: #474949; + border-color: #474949; } .btn-primary { -- cgit v1.2.3 From 546d40a143539ecc4205ea4a9f5640572a2d6833 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 18 Jun 2013 19:16:42 -0700 Subject: Add support for `tr`, `th`, and `td` to responsive utilities --- docs/assets/css/bootstrap.css | 76 +++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 76 insertions(+) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index d9d6e555d..d00b27b8e 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -5167,6 +5167,15 @@ a.list-group-item.active > .badge, display: block !important; } +tr.visible-sm { + display: table-row !important; +} + +th.visible-sm, +td.visible-sm { + display: table-cell !important; +} + .visible-md { display: none !important; } @@ -5183,10 +5192,28 @@ a.list-group-item.active > .badge, display: block !important; } +tr.hidden-md { + display: table-row !important; +} + +th.hidden-md, +td.hidden-md { + display: table-cell !important; +} + .hidden-lg { display: block !important; } +tr.hidden-lg { + display: table-row !important; +} + +th.hidden-lg, +td.hidden-lg { + display: table-cell !important; +} + @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: none !important; @@ -5194,18 +5221,39 @@ a.list-group-item.active > .badge, .visible-md { display: block !important; } + tr.visible-md { + display: table-row !important; + } + th.visible-md, + td.visible-md { + display: table-cell !important; + } .visible-lg { display: none !important; } .hidden-sm { display: block !important; } + tr.hidden-sm { + display: table-row !important; + } + th.hidden-sm, + td.hidden-sm { + display: table-cell !important; + } .hidden-md { display: none !important; } .hidden-lg { display: block !important; } + tr.hidden-lg { + display: table-row !important; + } + th.hidden-lg, + td.hidden-lg { + display: table-cell !important; + } } @media (min-width: 992px) { @@ -5218,12 +5266,33 @@ a.list-group-item.active > .badge, .visible-lg { display: block !important; } + tr.visible-lg { + display: table-row !important; + } + th.visible-lg, + td.visible-lg { + display: table-cell !important; + } .hidden-sm { display: block !important; } + tr.hidden-sm { + display: table-row !important; + } + th.hidden-sm, + td.hidden-sm { + display: table-cell !important; + } .hidden-md { display: block !important; } + tr.hidden-md { + display: table-row !important; + } + th.hidden-md, + td.hidden-md { + display: table-cell !important; + } .hidden-lg { display: none !important; } @@ -5237,6 +5306,13 @@ a.list-group-item.active > .badge, .visible-print { display: block !important; } + tr.visible-print { + display: table-row !important; + } + th.visible-print, + td.visible-print { + display: table-cell !important; + } .hidden-print { display: none !important; } -- cgit v1.2.3 From 83832095215f0ba03d3f23fcb7e37c5782395237 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 20 Jun 2013 09:58:21 -0700 Subject: run make on @nextgenthemes last commit --- docs/assets/css/bootstrap.css | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index d00b27b8e..e192672a0 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3679,18 +3679,18 @@ button.close { margin-right: 5px; margin-left: -5px; } - .navbar .nav { + .navbar-nav { float: left; margin-top: 0; margin-bottom: 0; } - .navbar .nav > li { + .navbar-nav > li { float: left; } - .navbar .nav > li > a { + .navbar-nav > li > a { border-radius: 0; } - .navbar .nav.pull-right { + .navbar-nav.pull-right { float: right; } .navbar-toggle { -- cgit v1.2.3 From 2fccf927c5320a4dfe3ad58b0a2752ed8f15354e Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 20 Jun 2013 16:00:38 -0700 Subject: Run make on last commit --- docs/assets/css/bootstrap.css | 1 + 1 file changed, 1 insertion(+) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index e192672a0..012cf717b 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -425,6 +425,7 @@ h6, .h4, .h5, .h6 { + font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 500; line-height: 1.1; } -- cgit v1.2.3 From 2aec6dae597b69502d09aec983598e5f955ca558 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 20 Jun 2013 16:01:59 -0700 Subject: Fixes #7730: Better hiding of empty titles in popovers If the popover's title contains no text, hide it via JS. Previously was done via CSS's `:empty` property, but that doesn't work in IE8, so JS it is. /cc @fat becaue I probably did this wrong <3 --- docs/assets/css/bootstrap.css | 4 ---- 1 file changed, 4 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 012cf717b..3eb92c2b1 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -4376,10 +4376,6 @@ button.close { border-radius: 5px 5px 0 0; } -.popover-title:empty { - display: none; -} - .popover-content { padding: 9px 14px; } -- cgit v1.2.3 From 4db90244c41c26492b4efa5d3a8694fc61cd1f9b Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 20 Jun 2013 16:27:39 -0700 Subject: run make on previous commit --- docs/assets/css/bootstrap.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 3eb92c2b1..574ba1662 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -1491,6 +1491,7 @@ input[type="url"].input-large, input[type="search"].input-large, input[type="tel"].input-large, input[type="color"].input-large { + min-height: 56px; padding: 14px 16px; font-size: 18px; border-radius: 6px; @@ -1512,7 +1513,7 @@ input[type="url"].input-small, input[type="search"].input-small, input[type="tel"].input-small, input[type="color"].input-small { - min-height: 32px; + min-height: 30px; padding: 5px 10px; font-size: 12px; border-radius: 3px; -- cgit v1.2.3 From 90d4343f66d1cdafe24b6de0dbb6ae64312df323 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 20 Jun 2013 16:42:05 -0700 Subject: Fixes #8093: Removes invalid focus styles on inputs --- docs/assets/css/bootstrap.css | 15 --------------- 1 file changed, 15 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 574ba1662..21439fdde 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -1610,21 +1610,6 @@ fieldset[disabled] input[type="checkbox"] { border-color: #468847; } -input:focus:invalid, -textarea:focus:invalid, -select:focus:invalid { - color: #b94a48; - border-color: #ee5f5b; -} - -input:focus:invalid:focus, -textarea:focus:invalid:focus, -select:focus:invalid:focus { - border-color: #e9322d; - -webkit-box-shadow: 0 0 6px #f8b9b7; - box-shadow: 0 0 6px #f8b9b7; -} - .help-block { display: block; margin-top: 5px; -- cgit v1.2.3 From 82f9de94593ea5dd8a8efd6a317a6c8b319cfff2 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 20 Jun 2013 17:02:10 -0700 Subject: Fixes #8159: Be more specific about disabled inputs to avoid iOS bug Attached disabled styles to the exact input types rather than all inputs and reseting the checkbox/radios. If setting `background-color: transparent;`, iOS renders no background on the disabled control. --- docs/assets/css/bootstrap.css | 74 ++++++++++++++++++++++++++++++------------- 1 file changed, 52 insertions(+), 22 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 21439fdde..9379177da 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -1338,6 +1338,58 @@ input[type="color"]:focus { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); } +select[disabled], +textarea[disabled], +input[type="text"][disabled], +input[type="password"][disabled], +input[type="datetime"][disabled], +input[type="datetime-local"][disabled], +input[type="date"][disabled], +input[type="month"][disabled], +input[type="time"][disabled], +input[type="week"][disabled], +input[type="number"][disabled], +input[type="email"][disabled], +input[type="url"][disabled], +input[type="search"][disabled], +input[type="tel"][disabled], +input[type="color"][disabled], +select[readonly], +textarea[readonly], +input[type="text"][readonly], +input[type="password"][readonly], +input[type="datetime"][readonly], +input[type="datetime-local"][readonly], +input[type="date"][readonly], +input[type="month"][readonly], +input[type="time"][readonly], +input[type="week"][readonly], +input[type="number"][readonly], +input[type="email"][readonly], +input[type="url"][readonly], +input[type="search"][readonly], +input[type="tel"][readonly], +input[type="color"][readonly], +fieldset[disabled] select, +fieldset[disabled] textarea, +fieldset[disabled] input[type="text"], +fieldset[disabled] input[type="password"], +fieldset[disabled] input[type="datetime"], +fieldset[disabled] input[type="datetime-local"], +fieldset[disabled] input[type="date"], +fieldset[disabled] input[type="month"], +fieldset[disabled] input[type="time"], +fieldset[disabled] input[type="week"], +fieldset[disabled] input[type="number"], +fieldset[disabled] input[type="email"], +fieldset[disabled] input[type="url"], +fieldset[disabled] input[type="search"], +fieldset[disabled] input[type="tel"], +fieldset[disabled] input[type="color"] { + cursor: not-allowed; + background-color: #eeeeee; +} + input, select, textarea { @@ -1519,28 +1571,6 @@ input[type="color"].input-small { border-radius: 3px; } -input[disabled], -select[disabled], -textarea[disabled], -input[readonly], -select[readonly], -textarea[readonly], -fieldset[disabled] input, -fieldset[disabled] select, -fieldset[disabled] textarea { - cursor: not-allowed; - background-color: #eeeeee; -} - -input[type="radio"][disabled], -input[type="checkbox"][disabled], -input[type="radio"][readonly], -input[type="checkbox"][readonly], -fieldset[disabled] input[type="radio"], -fieldset[disabled] input[type="checkbox"] { - background-color: transparent; -} - .has-warning .control-label { color: #c09853; } -- cgit v1.2.3 From ef8e5853cbfc4f4babacd3527ab3eb0e4b741acc Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 20 Jun 2013 17:15:09 -0700 Subject: Fixes #8154: enforce full width `.navbar-nav.pull-right` in mobile Prevents an odd alignment issue in mobile views by forcing the nav links to be full width without undoing the float. --- docs/assets/css/bootstrap.css | 5 +++++ 1 file changed, 5 insertions(+) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 9379177da..685e2e984 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -3481,6 +3481,10 @@ button.close { background-color: transparent; } +.navbar-nav.pull-right { + width: 100%; +} + .navbar-static-top { border-radius: 0; } @@ -3709,6 +3713,7 @@ button.close { } .navbar-nav.pull-right { float: right; + width: auto; } .navbar-toggle { position: relative; -- cgit v1.2.3 From b0e943399df374b03f9ed5f676f33e42f5e53a74 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 21 Jun 2013 17:21:44 -0700 Subject: Improve alignment of navbar brand and fix up left padding on list groups --- docs/assets/css/bootstrap.css | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) (limited to 'docs/assets/css/bootstrap.css') diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index 685e2e984..68b40ca7c 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -2956,7 +2956,8 @@ input[type="button"].btn-block { } .list-group { - margin: 0 0 20px; + padding-left: 0; + margin-bottom: 20px; background-color: #ffffff; } @@ -3698,7 +3699,7 @@ button.close { .navbar-brand { float: left; margin-right: 5px; - margin-left: -5px; + margin-left: -15px; } .navbar-nav { float: left; -- cgit v1.2.3