From f919f6f94f3e8405d7653a5f16f8b3d587c47f4c Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 29 Sep 2011 01:40:27 -0700 Subject: huge update to forms, docs for the new forms, added a new link for js example to tabs/pills, add some new mixins --- docs/assets/css/docs.css | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index fb727a900..a17fd5692 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -310,8 +310,16 @@ img.large-bird { opacity: .1; } + /* Pretty Print -------------------------------------------------- */ pre.prettyprint { overflow: hidden; -} \ No newline at end of file +} + + +/* Wells +-------------------------------------------------- */ +.well form { + margin-bottom: 0; +} -- cgit v1.2.3 From 9e9109469e5c86c4232cc744639b286bcd9ef0ba Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 16 Oct 2011 03:00:58 -0700 Subject: biiiiiig update coming for responsiveness --- docs/assets/css/docs.css | 71 ++++++++++++++++++++++++++++++++---------------- 1 file changed, 48 insertions(+), 23 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index a17fd5692..52714d199 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -8,8 +8,9 @@ /* Body and structure -------------------------------------------------- */ body { - background-color: #fff; position: relative; + padding-top: 40px; + background-color: #fff; } section { padding-top: 60px; @@ -21,22 +22,29 @@ section > .row { /* Jumbotrons -------------------------------------------------- */ +.jumbotron, +.jumbotron .inner { + -webkit-border-radius: 0 0 6px 6px; + -moz-border-radius: 0 0 6px 6px; + border-radius: 0 0 6px 6px; +} .jumbotron { - min-width: 940px; - padding-top: 40px; + margin-bottom: 40px; + -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15), 0 1px 3px rgba(0,0,0,.25); + -moz-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15), 0 1px 3px rgba(0,0,0,.25); + box-shadow: inset 0 -1px 0 rgba(0,0,0,.15), 0 1px 3px rgba(0,0,0,.25); } .jumbotron .inner { background: transparent url(../img/grid-18px.png) top center; - padding: 45px 0; - -webkit-box-shadow: inset 0 10px 30px rgba(0,0,0,.3); - -moz-box-shadow: inset 0 10px 30px rgba(0,0,0,.3); -/* box-shadow: inset 0 10px 30px rgba(0,0,0,.3); -*/} + padding: 36px 60px; + -webkit-box-shadow: inset 0 -15px 30px rgba(0,0,0,.1); + -moz-box-shadow: inset 0 -15px 30px rgba(0,0,0,.1); + box-shadow: inset 0 -15px 30px rgba(0,0,0,.1); +} .jumbotron h1, .jumbotron p { margin-bottom: 9px; color: #fff; - text-align: center; text-shadow: 0 1px 1px rgba(0,0,0,.3); } .jumbotron h1 { @@ -46,6 +54,7 @@ section > .row { } .jumbotron p { font-weight: 300; + margin-right: 25%; } .jumbotron .lead { font-size: 20px; @@ -60,14 +69,14 @@ section > .row { ------------------------- */ /* main docs page */ .masthead { - background-color: #049cd9; + background-color: #004d9f; background-repeat: no-repeat; - background-image: -webkit-gradient(linear, left top, left bottom, from(#004D9F), to(#049cd9)); - background-image: -webkit-linear-gradient(#004D9F, #049cd9); - background-image: -moz-linear-gradient(#004D9F, #049cd9); - background-image: -o-linear-gradient(top, #004D9F, #049cd9); - background-image: -khtml-gradient(linear, left top, left bottom, from(#004D9F), to(#049cd9)); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#004D9F', endColorstr='#049cd9', GradientType=0); /* IE8 and down */ + background-image: -webkit-gradient(linear, left top, left bottom, from(#048ccd), to(#004d9f)); + background-image: -webkit-linear-gradient(#048ccd, #004d9f); + background-image: -moz-linear-gradient(#048ccd, #004d9f); + background-image: -o-linear-gradient(top, #048ccd, #004d9f); + background-image: -khtml-gradient(linear, left top, left bottom, from(#048ccd), to(#004d9f)); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#048ccd', endColorstr='#004d9f', GradientType=0); /* IE8 and down */ } /* supporting docs pages */ .subhead { @@ -98,15 +107,9 @@ section > .row { /* Footer -------------------------------------------------- */ .footer { - background-color: #eee; - min-width: 940px; padding: 30px 0; - text-shadow: 0 1px 0 #fff; border-top: 1px solid #e5e5e5; - -webkit-box-shadow: inset 0 5px 15px rgba(0,0,0,.025); - -moz-box-shadow: inset 0 5px 15px rgba(0,0,0,.025); -/* box-shadow: inset 0 5px 15px rgba(0,0,0,.025); -*/} +} .footer p { color: #555; } @@ -323,3 +326,25 @@ pre.prettyprint { .well form { margin-bottom: 0; } + + +/* Responsive Docs +-------------------------------------------------- */ + +/* Tablet to Medium Desktop +------------------------- */ + +@media (min-width: 768px) and (max-width: 900px) { + + .footer, + .jumbotron { + min-width: 748px; + } + .jumbotron .inner h1, + .jumbotron .inner p { + margin-left: 40px; + margin-right: 40px; + } + +} + -- cgit v1.2.3 From 6f44a90edbfc897082dd69630983391bf6e57ba7 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 16 Oct 2011 11:35:24 -0700 Subject: tweak line-height of h2 and h3 to not be gihugeous, updated responsive to improve tablet grid and phone styles --- docs/assets/css/docs.css | 25 ++++++++++++------------- 1 file changed, 12 insertions(+), 13 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 52714d199..fb7482edc 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -231,7 +231,7 @@ section > .row { .mini-layout .mini-layout-body { background-color: #dceaf4; margin: 0 auto; - width: 240px; + width: 70%; height: 240px; } .mini-layout.fluid .mini-layout-sidebar, @@ -241,11 +241,11 @@ section > .row { } .mini-layout.fluid .mini-layout-sidebar { background-color: #bbd8e9; - width: 90px; + width: 20%; height: 240px; } .mini-layout.fluid .mini-layout-body { - width: 300px; + width: 60%; margin-left: 10px; } @@ -328,23 +328,22 @@ pre.prettyprint { } +.browser-support { + max-width: 100%; +} + /* Responsive Docs -------------------------------------------------- */ - -/* Tablet to Medium Desktop -------------------------- */ +@media (max-width: 480px) { + .large-bird { + display: none; + } +} @media (min-width: 768px) and (max-width: 900px) { - .footer, .jumbotron { min-width: 748px; } - .jumbotron .inner h1, - .jumbotron .inner p { - margin-left: 40px; - margin-right: 40px; - } - } -- cgit v1.2.3 From 2a82b38cff142ec86a6e1dc4f9366205260d262d Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 16 Oct 2011 18:01:05 -0700 Subject: tweak the h2s again for better spacing, adjust docs, remove white bg if possible on file input, few other tweaks --- docs/assets/css/docs.css | 99 +++++++++++++++++++++++++++++------------------- 1 file changed, 61 insertions(+), 38 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index fb7482edc..01b6f3cd7 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -9,7 +9,7 @@ -------------------------------------------------- */ body { position: relative; - padding-top: 40px; + padding-top: 100px; background-color: #fff; } section { @@ -19,65 +19,88 @@ section > .row { margin-bottom: 10px; } +/* Tweak topbar brand link to be super sleek +-------------------------------------------------- */ +.navbar .brand { + float: right; + font-weight: bold; + color: #000; + text-shadow: 0 1px 0 rgba(255,255,255,.1); +} +.navbar .brand:hover { + text-decoration: none; +} /* Jumbotrons -------------------------------------------------- */ -.jumbotron, -.jumbotron .inner { - -webkit-border-radius: 0 0 6px 6px; - -moz-border-radius: 0 0 6px 6px; - border-radius: 0 0 6px 6px; -} .jumbotron { - margin-bottom: 40px; - -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15), 0 1px 3px rgba(0,0,0,.25); - -moz-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15), 0 1px 3px rgba(0,0,0,.25); - box-shadow: inset 0 -1px 0 rgba(0,0,0,.15), 0 1px 3px rgba(0,0,0,.25); -} -.jumbotron .inner { - background: transparent url(../img/grid-18px.png) top center; - padding: 36px 60px; - -webkit-box-shadow: inset 0 -15px 30px rgba(0,0,0,.1); - -moz-box-shadow: inset 0 -15px 30px rgba(0,0,0,.1); - box-shadow: inset 0 -15px 30px rgba(0,0,0,.1); + position: relative; + padding-bottom: 58px; + margin-bottom: 50px; + border-bottom: 2px solid #eee; } .jumbotron h1, .jumbotron p { - margin-bottom: 9px; - color: #fff; - text-shadow: 0 1px 1px rgba(0,0,0,.3); + margin-bottom: 10px; + text-shadow: 0 1px 0 #fff; } .jumbotron h1 { - font-size: 54px; + font-size: 90px; line-height: 1; - text-shadow: 0 1px 2px rgba(0,0,0,.5); + margin-right: 40%; + letter-spacing: -1px; } .jumbotron p { font-weight: 300; - margin-right: 25%; + margin-right: 32%; } .jumbotron .lead { - font-size: 20px; - line-height: 27px; + margin-bottom: 20px; + font-size: 25px; + line-height: 35px; } .jumbotron p a { - color: #fff; font-weight: bold; } +.jumbotron .btn { + font-size: 20px; + padding: 12px 24px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; +} +.benefits { + width: 250px; + position: absolute; + right: 0; + bottom: 60px; +} +.benefits ul { + list-style: none; + margin: 0; +} +.benefits li { + font-size: 16px; + font-weight: 300; + line-height: 40px; + color: #555; +} +.benefits li + li { + border-top: 1px solid #f5f5f5; +} +.benefits h4 { + color: #555; +} +.benefits span { + position: relative; + top: -2px; + padding-right: 5px; + color: #999; +} + /* Specific jumbotrons ------------------------- */ -/* main docs page */ -.masthead { - background-color: #004d9f; - background-repeat: no-repeat; - background-image: -webkit-gradient(linear, left top, left bottom, from(#048ccd), to(#004d9f)); - background-image: -webkit-linear-gradient(#048ccd, #004d9f); - background-image: -moz-linear-gradient(#048ccd, #004d9f); - background-image: -o-linear-gradient(top, #048ccd, #004d9f); - background-image: -khtml-gradient(linear, left top, left bottom, from(#048ccd), to(#004d9f)); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#048ccd', endColorstr='#004d9f', GradientType=0); /* IE8 and down */ -} /* supporting docs pages */ .subhead { background-color: #767d80; -- cgit v1.2.3 From 1888511d676ced8f30743cc5b540f02257314bde Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 16 Oct 2011 18:45:11 -0700 Subject: updated docs to include quick links and twitter buttons, added updated blueprint pattern to background --- docs/assets/css/docs.css | 51 +++++++++++++++++++++++++++++++++++++----------- 1 file changed, 40 insertions(+), 11 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 01b6f3cd7..ee0b9c8a3 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -9,8 +9,10 @@ -------------------------------------------------- */ body { position: relative; - padding-top: 100px; + padding-top: 90px; background-color: #fff; + background-image: url(../img/grid-18px-masked.png); + background-repeat: repeat-x; } section { padding-top: 60px; @@ -35,9 +37,6 @@ section > .row { -------------------------------------------------- */ .jumbotron { position: relative; - padding-bottom: 58px; - margin-bottom: 50px; - border-bottom: 2px solid #eee; } .jumbotron h1, .jumbotron p { @@ -57,23 +56,22 @@ section > .row { .jumbotron .lead { margin-bottom: 20px; font-size: 25px; - line-height: 35px; -} -.jumbotron p a { - font-weight: bold; + line-height: 36px; } .jumbotron .btn { font-size: 20px; - padding: 12px 24px; + padding: 14px 24px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } + +/* Benefits list in masthead */ .benefits { width: 250px; position: absolute; right: 0; - bottom: 60px; + bottom: 0; } .benefits ul { list-style: none; @@ -82,7 +80,7 @@ section > .row { .benefits li { font-size: 16px; font-weight: 300; - line-height: 40px; + line-height: 35px; color: #555; } .benefits li + li { @@ -127,6 +125,37 @@ section > .row { } +/* Quick links +-------------------------------------------------- */ +.quick-links { + padding: 5px 20px; + margin: 60px 0; + list-style: none; + text-align: center; + background-color: #eee; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} +.quick-links li { + display: inline; + margin: 0 5px; + line-height: 30px; +} +.quick-links .divider { + color: #999; +} +.quick-links strong { + font-weight: normal; + color: #999; +} +.quick-links .tweet-btn, +.quick-links .follow-btn { + position: relative; + top: 5px; +} + + /* Footer -------------------------------------------------- */ .footer { -- cgit v1.2.3 From c62a0239bd30a12e9f0d8c1e45f5818460e9df90 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 16 Oct 2011 19:12:33 -0700 Subject: update to responsive to fix new masthead --- docs/assets/css/docs.css | 109 ++++++++++++++--------------------------------- 1 file changed, 32 insertions(+), 77 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index ee0b9c8a3..7d36946db 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -37,34 +37,34 @@ section > .row { -------------------------------------------------- */ .jumbotron { position: relative; -} -.jumbotron h1, -.jumbotron p { - margin-bottom: 10px; text-shadow: 0 1px 0 #fff; } .jumbotron h1 { - font-size: 90px; - line-height: 1; margin-right: 40%; + margin-bottom: 10px; + font-size: 90px; letter-spacing: -1px; + line-height: 1; } .jumbotron p { - font-weight: 300; margin-right: 32%; -} -.jumbotron .lead { margin-bottom: 20px; font-size: 25px; + font-weight: 300; line-height: 36px; } .jumbotron .btn { font-size: 20px; padding: 14px 24px; + margin-right: 5px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } +.jumbotron .download-info { + font-size: 16px; + color: #999; +} /* Benefits list in masthead */ .benefits { @@ -133,9 +133,9 @@ section > .row { list-style: none; text-align: center; background-color: #eee; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; } .quick-links li { display: inline; @@ -167,71 +167,6 @@ section > .row { } -/* Quickstart section for getting le code --------------------------------------------------- */ -.quickstart { - background-color: #f5f5f5; - background-repeat: repeat-x; - background-image: -khtml-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f5f5f5)); - background-image: -moz-linear-gradient(#f9f9f9, #f5f5f5); - background-image: -ms-linear-gradient(#f9f9f9, #f5f5f5); - background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(100%, #f5f5f5)); - background-image: -webkit-linear-gradient(#f9f9f9, #f5f5f5); - background-image: -o-linear-gradient(#f9f9f9, #f5f5f5); - -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f5f5f5', GradientType=0)"; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f5f5f5', GradientType=0); - background-image: linear-gradient(#f9f9f9, #f5f5f5); - border-top: 1px solid #fff; - border-bottom: 1px solid #eee; -} -.quickstart .container { - margin-bottom: 0; -} -.quickstart .row { - margin: 0 -20px; - -webkit-box-shadow: 1px 0 0 #f9f9f9; - -moz-box-shadow: 1px 0 0 #f9f9f9; - box-shadow: 1px 0 0 #f9f9f9; -} -.quickstart [class*="span"] { - width: 285px; - height: 117px; - margin-left: 0; - padding: 17px 20px 26px; - border-left: 1px solid #eee; - -webkit-box-shadow: inset 1px 0 0 #f9f9f9; - -moz-box-shadow: inset 1px 0 0 #f9f9f9; - box-shadow: inset 1px 0 0 #f9f9f9; -} -.quickstart [class*="span"]:last-child { - border-right: 1px solid #eee; - width: 286px; -} -.quickstart h6, -.quickstart p { - line-height: 18px; - text-align: center; - margin-bottom: 9px; - color: #333; -} -.quickstart .current-version, -.quickstart .current-version a { - color: #999; -} -.quickstart h6 { - color: #999; -} -.quickstart textarea { - display: block; - width: 275px; - height: auto; - margin: 0 0 9px; - line-height: 21px; - white-space: nowrap; - overflow: hidden; -} - - /* Special grid styles -------------------------------------------------- */ .show-grid { @@ -387,9 +322,29 @@ pre.prettyprint { /* Responsive Docs -------------------------------------------------- */ @media (max-width: 480px) { + + body > .navbar-fixed .nav { + display: none; + } + .large-bird { display: none; } + + .jumbotron h1 { + font-size: 36px; + margin-right: 0; + } + .jumbotron p { + margin-right: 0; + font-size: 18px; + line-height: 24px; + } + .jumbotron .benefits { + position: relative; + width: auto; + margin: 36px 0; + } } @media (min-width: 768px) and (max-width: 900px) { -- cgit v1.2.3 From e7d2218b2043742f21c368d074d97a4bde275730 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 16 Oct 2011 23:04:31 -0700 Subject: few tweaks to responsive stuff, updated docs for grid system (still needs copy editing) --- docs/assets/css/docs.css | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 7d36946db..300eb38f5 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -17,19 +17,16 @@ body { section { padding-top: 60px; } -section > .row { - margin-bottom: 10px; -} /* Tweak topbar brand link to be super sleek -------------------------------------------------- */ -.navbar .brand { +body > .navbar-fixed .brand { float: right; font-weight: bold; color: #000; text-shadow: 0 1px 0 rgba(255,255,255,.1); } -.navbar .brand:hover { +body > .navbar-fixed .brand:hover { text-decoration: none; } @@ -136,6 +133,9 @@ section > .row { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; + -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,.03); + -moz-box-shadow: inset 0 1px 0 rgba(0,0,0,.03); + box-shadow: inset 0 1px 0 rgba(0,0,0,.03); } .quick-links li { display: inline; @@ -171,10 +171,10 @@ section > .row { -------------------------------------------------- */ .show-grid { margin-top: 10px; - margin-bottom: 10px; + margin-bottom: 20px; } .show-grid [class*="span"] { - background: #eee; + background-color: #eee; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; -- cgit v1.2.3 From 6d2e39950d98dafbb82e94f00b3c99b82d0ba1c1 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 17 Oct 2011 00:03:52 -0700 Subject: updated js docs page to new 12 column layout, fix subhead jumbotron styles to match new front page --- docs/assets/css/docs.css | 18 +++--------------- 1 file changed, 3 insertions(+), 15 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 300eb38f5..2af7764e6 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -98,28 +98,16 @@ body > .navbar-fixed .brand:hover { ------------------------- */ /* supporting docs pages */ .subhead { - background-color: #767d80; - background-repeat: no-repeat; - background-image: -webkit-gradient(linear, left top, left bottom, from(#565d60), to(#767d80)); - background-image: -webkit-linear-gradient(#565d60, #767d80); - background-image: -moz-linear-gradient(#565d60, #767d80); - background-image: -o-linear-gradient(top, #565d60, #767d80); - background-image: -khtml-gradient(linear, left top, left bottom, from(#565d60), to(#767d80)); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#565d60', endColorstr='#767d80', GradientType=0); /* IE8 and down */ -} -.subhead .inner { - padding: 36px 0 27px; + padding-bottom: 18px; + border-bottom: 3px solid #eee; } .subhead h1, .subhead p { - text-align: left; + margin-right: 0; } .subhead h1 { font-size: 40px; } -.subhead p a { - font-weight: normal; -} /* Quick links -- cgit v1.2.3 From 27cbe7f63a13fad987dc2547ef5b6f526ceb268c Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 17 Oct 2011 14:17:29 -0700 Subject: add abbr styles, overhaul type docs section to remove lots of verbose text and put emphasis on tables and more scannable content --- docs/assets/css/docs.css | 5 +++++ 1 file changed, 5 insertions(+) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 2af7764e6..bbf71ab77 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -307,6 +307,11 @@ pre.prettyprint { max-width: 100%; } +/* Make tables spaced out a bit more */ +h2 + table { + margin-top: 10px; +} + /* Responsive Docs -------------------------------------------------- */ @media (max-width: 480px) { -- cgit v1.2.3 From 369b9720c6090985c678076eebb59c080c0ed27c Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 17 Oct 2011 23:45:35 -0700 Subject: adding responsive stuff to docs to stub that out, updated type to make ul and ol margins match p tags --- docs/assets/css/docs.css | 17 ++++++++++++++++- 1 file changed, 16 insertions(+), 1 deletion(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index bbf71ab77..2d0b87fe2 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -309,7 +309,7 @@ pre.prettyprint { /* Make tables spaced out a bit more */ h2 + table { - margin-top: 10px; + margin-top: 5px; } /* Responsive Docs @@ -347,3 +347,18 @@ h2 + table { } } + + +.supported-devices { + margin-bottom: 9px; + color: #777; +} +.supported-devices strong { + display: block; + font-size: 14px; + line-height: 18px; +} +.supported-devices small { + font-size: 12px; +} + -- cgit v1.2.3 From a5d2450e88693de5e96d9a9f3f4e82853723f764 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 18 Oct 2011 08:11:18 -0700 Subject: refinement to the responsive section --- docs/assets/css/docs.css | 16 ---------------- 1 file changed, 16 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 2d0b87fe2..c1c43b1d8 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -346,19 +346,3 @@ h2 + table { min-width: 748px; } } - - - -.supported-devices { - margin-bottom: 9px; - color: #777; -} -.supported-devices strong { - display: block; - font-size: 14px; - line-height: 18px; -} -.supported-devices small { - font-size: 12px; -} - -- cgit v1.2.3 From d4675bf4ef8019fc80e3b6816d3597c07cde81df Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 22 Oct 2011 15:49:42 -0700 Subject: updating the docs to include more responsive fixes, adding rows to the responsive changes as well to undo negative margin --- docs/assets/css/docs.css | 16 ++++++++++++---- 1 file changed, 12 insertions(+), 4 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index c1c43b1d8..b618c44b8 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -340,9 +340,17 @@ h2 + table { } } -@media (min-width: 768px) and (max-width: 900px) { - .footer, - .jumbotron { - min-width: 748px; +@media (min-width: 768px) and (max-width: 940px) { + + /* Scale down the jumbotron content */ + .jumbotron h1 { + font-size: 72px; + } + + /* Provide enough space on right-hand side for benefits list */ + .jumbotron h1, + .jumbotron p { + margin-right: 40%; } } + -- cgit v1.2.3 From b4c0d2a6b2fe1bc92c3635cda71b63ee08a05be4 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 22 Oct 2011 22:49:37 -0700 Subject: tweaks to the responsive layout to improve type --- docs/assets/css/docs.css | 30 +++++++++++++++++++++++++++--- 1 file changed, 27 insertions(+), 3 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index b618c44b8..0a31ac998 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -21,6 +21,8 @@ section { /* Tweak topbar brand link to be super sleek -------------------------------------------------- */ body > .navbar-fixed .brand { + padding-right: 0; + padding-left: 0; float: right; font-weight: bold; color: #000; @@ -316,16 +318,24 @@ h2 + table { -------------------------------------------------- */ @media (max-width: 480px) { + /* Hide the nav for now */ body > .navbar-fixed .nav { display: none; } - .large-bird { - display: none; + /* Change up some type stuff */ + h1 small { + display: block; + line-height: 20px; } + /* Adjust the jumbotron */ + .jumbotron h1, + .jumbotron p { + margin-right: 0; + } .jumbotron h1 { - font-size: 36px; + font-size: 45px; margin-right: 0; } .jumbotron p { @@ -338,6 +348,20 @@ h2 + table { width: auto; margin: 36px 0; } + .jumbotron .btn { + font-size: 18px; + padding: 10px 14px; + } + + /* Popovers */ + .large-bird { + display: none; + } + .popover-well .popover-wrapper { + margin-left: 0; + } + + } @media (min-width: 768px) and (max-width: 940px) { -- cgit v1.2.3 From e616026d678239104b93cafca9a77ea74a4c0ddf Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 26 Oct 2011 21:04:14 -0700 Subject: update to docs to cleanup pagination for smartphones, fix some pagination inconsistencies --- docs/assets/css/docs.css | 24 ++++++++++++++++++++++++ 1 file changed, 24 insertions(+) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 0a31ac998..59c64e4a7 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -328,10 +328,18 @@ h2 + table { display: block; line-height: 20px; } + /* More space between sections */ + h2 { + margin-top: 27px; + } + h3 { + margin-top: 18px; + } /* Adjust the jumbotron */ .jumbotron h1, .jumbotron p { + text-align: center; margin-right: 0; } .jumbotron h1 { @@ -349,8 +357,15 @@ h2 + table { margin: 36px 0; } .jumbotron .btn { + display: block; font-size: 18px; padding: 10px 14px; + margin: 0 auto 10px; + } + + /* Don't space out quick links so much */ + .quick-links { + margin: 40px 0 0; } /* Popovers */ @@ -361,6 +376,15 @@ h2 + table { margin-left: 0; } + /* Space out the show-grid examples */ + .show-grid [class*="span"] { + margin-bottom: 5px; + } + + /* Unfloat the back to top link in footer */ + .footer .pull-right { + float: none; + } } -- cgit v1.2.3 From 648c4689273647c321dd6e3979d910282e9a9339 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 26 Oct 2011 23:11:56 -0700 Subject: breaking down the main page into subpages for easier, more comprehensive documentation --- docs/assets/css/docs.css | 11 ++++------- 1 file changed, 4 insertions(+), 7 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 59c64e4a7..8ed81e713 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -14,9 +14,6 @@ body { background-image: url(../img/grid-18px-masked.png); background-repeat: repeat-x; } -section { - padding-top: 60px; -} /* Tweak topbar brand link to be super sleek -------------------------------------------------- */ @@ -40,7 +37,7 @@ body > .navbar-fixed .brand:hover { } .jumbotron h1 { margin-right: 40%; - margin-bottom: 10px; + margin-bottom: 9px; font-size: 90px; letter-spacing: -1px; line-height: 1; @@ -100,15 +97,15 @@ body > .navbar-fixed .brand:hover { ------------------------- */ /* supporting docs pages */ .subhead { - padding-bottom: 18px; - border-bottom: 3px solid #eee; + padding-bottom: 14px; + border-bottom: 3px solid #e5e5e5; } .subhead h1, .subhead p { margin-right: 0; } .subhead h1 { - font-size: 40px; + font-size: 45px; } -- cgit v1.2.3 From b4c894961c0b75361ead496f1686eb3cf41c5c97 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 26 Oct 2011 23:24:22 -0700 Subject: address issue #414 and fix up a number of docs loose ends --- docs/assets/css/docs.css | 58 ++++++++++-------------------------------------- 1 file changed, 12 insertions(+), 46 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 8ed81e713..3a4dcff1c 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -15,7 +15,7 @@ body { background-repeat: repeat-x; } -/* Tweak topbar brand link to be super sleek +/* Tweak navbar brand link to be super sleek -------------------------------------------------- */ body > .navbar-fixed .brand { padding-right: 0; @@ -29,6 +29,12 @@ body > .navbar-fixed .brand:hover { text-decoration: none; } +/* Space out sub-sections more +-------------------------------------------------- */ +.page-header { + margin-top: 36px; +} + /* Jumbotrons -------------------------------------------------- */ .jumbotron { @@ -92,12 +98,12 @@ body > .navbar-fixed .brand:hover { color: #999; } - /* Specific jumbotrons ------------------------- */ /* supporting docs pages */ .subhead { padding-bottom: 14px; + margin-bottom: 45px; border-bottom: 3px solid #e5e5e5; } .subhead h1, @@ -224,46 +230,6 @@ body > .navbar-fixed .brand:hover { } -/* Topbar special styles --------------------------------------------------- */ -.topbar-wrapper { - position: relative; - height: 40px; - margin: 5px 0 15px; -} -.topbar-wrapper .topbar { - position: absolute; - margin: 0 -20px; -} -.topbar-wrapper .topbar .topbar-inner { - padding-left: 20px; - padding-right: 20px; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; -} - -/* Topbar in js docs -------------------------- */ -#bootstrap-js .topbar-wrapper { - z-index: 1; -} -#bootstrap-js .topbar-wrapper .topbar { - position: absolute; - margin: 0 -20px; -} -#bootstrap-js .topbar-wrapper .topbar .topbar-inner { - padding-left: 20px; - padding-right: 20px; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; -} -#bootstrap-js .topbar-wrapper .container { - width: auto; -} - - /* Popover docs -------------------------------------------------- */ .popover-well { @@ -288,15 +254,13 @@ img.large-bird { } -/* Pretty Print +/* Misc -------------------------------------------------- */ + pre.prettyprint { overflow: hidden; } - -/* Wells --------------------------------------------------- */ .well form { margin-bottom: 0; } @@ -311,6 +275,7 @@ h2 + table { margin-top: 5px; } + /* Responsive Docs -------------------------------------------------- */ @media (max-width: 480px) { @@ -385,6 +350,7 @@ h2 + table { } + @media (min-width: 768px) and (max-width: 940px) { /* Scale down the jumbotron content */ -- cgit v1.2.3 From 20b9390a9e3a94dae86af388821aa8f458ba057f Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 27 Oct 2011 09:35:58 -0700 Subject: update docs for responsive --- docs/assets/css/docs.css | 15 +++++++++++++++ 1 file changed, 15 insertions(+) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 3a4dcff1c..7238badb3 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -351,6 +351,21 @@ h2 + table { } +@media (min-width: 480px) and (max-width: 768px) { + + /* Scale down the jumbotron content */ + .jumbotron h1 { + font-size: 54px; + } + + .jumbotron h1, + .jumbotron p { + margin-right: 40%; + } + +} + + @media (min-width: 768px) and (max-width: 940px) { /* Scale down the jumbotron content */ -- cgit v1.2.3 From f3128d0fa1f1f14104b7c4ffab54f083b99a108e Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 27 Oct 2011 23:00:09 -0700 Subject: overhauled the front page to feel a bit more marketing-like, added the awesome glyphicons to bring some life to the docs --- docs/assets/css/docs.css | 35 +++++++++++++++++++++++++++++++++-- 1 file changed, 33 insertions(+), 2 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 7238badb3..66e87fdf9 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -5,6 +5,7 @@ Special styles for presenting Bootstrap's documentation and examples */ + /* Body and structure -------------------------------------------------- */ body { @@ -15,6 +16,7 @@ body { background-repeat: repeat-x; } + /* Tweak navbar brand link to be super sleek -------------------------------------------------- */ body > .navbar-fixed .brand { @@ -29,12 +31,14 @@ body > .navbar-fixed .brand:hover { text-decoration: none; } + /* Space out sub-sections more -------------------------------------------------- */ .page-header { margin-top: 36px; } + /* Jumbotrons -------------------------------------------------- */ .jumbotron { @@ -119,7 +123,7 @@ body > .navbar-fixed .brand:hover { -------------------------------------------------- */ .quick-links { padding: 5px 20px; - margin: 60px 0; + margin: 45px 0; list-style: none; text-align: center; background-color: #eee; @@ -149,13 +153,40 @@ body > .navbar-fixed .brand:hover { } +/* Marketing section of Overview +-------------------------------------------------- */ +.marketing .row { + margin-bottom: 18px; +} +.marketing h1 { + margin-bottom: 18px; +} +.marketing h2, +.marketing h3 { + font-weight: 300; + color: #000; +} +.marketing h2 { + margin-bottom: 9px; +} +.marketing p { + margin-right: 10px; +} +.marketing img { + float: left; + margin: 7px 10px 0 0; +} + + /* Footer -------------------------------------------------- */ .footer { - padding: 30px 0; + margin-top: 45px; + padding: 35px 0 36px; border-top: 1px solid #e5e5e5; } .footer p { + margin-bottom: 0; color: #555; } -- cgit v1.2.3 From 9fd4e459fe829454c811118c64aa32eafd6e8b97 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 27 Oct 2011 23:34:48 -0700 Subject: adding more icons for the homepage for open source, twitter, and html5/css3 --- docs/assets/css/docs.css | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 66e87fdf9..79c904774 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -172,10 +172,14 @@ body > .navbar-fixed .brand:hover { .marketing p { margin-right: 10px; } -.marketing img { +.marketing .icon { float: left; margin: 7px 10px 0 0; } +.marketing .small-icon { + float: left; + margin: 4px 5px 0 0; +} /* Footer -- cgit v1.2.3 From 0218d079ad83ce5f8fd08e9f68b6f661855a27a9 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 29 Oct 2011 18:11:17 -0700 Subject: fix some of the docs styles at 480 to 768 --- docs/assets/css/docs.css | 24 ++++++++++++++++++------ 1 file changed, 18 insertions(+), 6 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 79c904774..52738d808 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -348,11 +348,6 @@ h2 + table { font-size: 18px; line-height: 24px; } - .jumbotron .benefits { - position: relative; - width: auto; - margin: 36px 0; - } .jumbotron .btn { display: block; font-size: 18px; @@ -365,6 +360,23 @@ h2 + table { margin: 40px 0 0; } +} + + +@media (max-width: 768px) { + + /* Hide the nav for now */ + body > .navbar-fixed .nav { + display: none; + } + + /* Adjust the jumbotron */ + .jumbotron .benefits { + position: relative; + width: auto; + margin: 36px 0; + } + /* Popovers */ .large-bird { display: none; @@ -395,7 +407,7 @@ h2 + table { .jumbotron h1, .jumbotron p { - margin-right: 40%; + margin-right: 0; } } -- cgit v1.2.3 From 3f512adf953da3a3fbbfca18b138fb6659f2b77f Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 30 Oct 2011 20:14:27 -0700 Subject: updated docs and type styles for blockquotes and a few fixes for type --- docs/assets/css/docs.css | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 52738d808..185f381e9 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -164,7 +164,6 @@ body > .navbar-fixed .brand:hover { .marketing h2, .marketing h3 { font-weight: 300; - color: #000; } .marketing h2 { margin-bottom: 9px; @@ -175,6 +174,7 @@ body > .navbar-fixed .brand:hover { .marketing .icon { float: left; margin: 7px 10px 0 0; + opacity: .8; } .marketing .small-icon { float: left; @@ -300,7 +300,6 @@ pre.prettyprint { margin-bottom: 0; } - .browser-support { max-width: 100%; } -- cgit v1.2.3 From 2534fee7538526e2b4e263258fe62953cf08f159 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 1 Nov 2011 13:56:00 -0700 Subject: adding unofficial github buttons --- docs/assets/css/docs.css | 41 ++++++++++++++++++++++++++++++++++++++++- 1 file changed, 40 insertions(+), 1 deletion(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 185f381e9..2dde6a452 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -39,6 +39,44 @@ body > .navbar-fixed .brand:hover { } +/* Github buttons +-------------------------------------------------- */ +.github-btn + .github-btn { + margin-left: 10px; +} +.github-btn { + display: inline-block; + height: 20px; + overflow: hidden; +} +.github-btn .btn, +.github-btn .count { + float: left; + padding: 1px 5px 1px 4px; + font-size: 11px; + font-weight: normal; + line-height: 16px; + color: #555; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} +.github-btn .btn { + box-shadow: none; +} +.github-btn .github-ico { + float: left; + margin-right: 4px; + opacity: .75; +} +.github-btn .count { + display: inline-block; + margin-left: 2px; + background-color: #fff; + border: 1px solid #ddd; +} + + /* Jumbotrons -------------------------------------------------- */ .jumbotron { @@ -59,7 +97,7 @@ body > .navbar-fixed .brand:hover { font-weight: 300; line-height: 36px; } -.jumbotron .btn { +.jumbotron .btn-large { font-size: 20px; padding: 14px 24px; margin-right: 5px; @@ -146,6 +184,7 @@ body > .navbar-fixed .brand:hover { font-weight: normal; color: #999; } +.quick-links .github-btn, .quick-links .tweet-btn, .quick-links .follow-btn { position: relative; -- cgit v1.2.3 From 1fb98bed91977b710ae321443d0819939a1a8cc7 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 12 Nov 2011 00:46:02 -0800 Subject: updated docs pages (still wip), adding misc css classes, added form styles from 1.4, added github buttons to homepage --- docs/assets/css/docs.css | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 2dde6a452..b503c23e4 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -54,9 +54,10 @@ body > .navbar-fixed .brand:hover { float: left; padding: 1px 5px 1px 4px; font-size: 11px; - font-weight: normal; + font-weight: bold; line-height: 16px; - color: #555; + color: #666; + text-shadow: 0 1px 0 #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; @@ -67,7 +68,7 @@ body > .navbar-fixed .brand:hover { .github-btn .github-ico { float: left; margin-right: 4px; - opacity: .75; + opacity: .65; } .github-btn .count { display: inline-block; -- cgit v1.2.3 From bc65b58551575c9dfb2e4d9f4f7af97009e39432 Mon Sep 17 00:00:00 2001 From: Jacob Thornton Date: Sun, 20 Nov 2011 20:58:04 -0800 Subject: merge in js from 1.4... start working through js docs --- docs/assets/css/docs.css | 7 +++++++ 1 file changed, 7 insertions(+) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index b503c23e4..cde8ff1e0 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -304,6 +304,13 @@ body > .navbar-fixed .brand:hover { margin-left: 10px; } +/* scrollspy docs */ + +.scrollspy-example { + overflow: auto; + height: 200px; + position: relative; +} /* Popover docs -------------------------------------------------- */ -- cgit v1.2.3 From 98fddaa3557b1c872f1e585d579ec7e5e989e95d Mon Sep 17 00:00:00 2001 From: Jacob Thornton Date: Fri, 25 Nov 2011 17:23:14 -0800 Subject: new plugin "collapse" for collapsible lists and "accordion" like support --- docs/assets/css/docs.css | 16 ++++++++++++++++ 1 file changed, 16 insertions(+) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index cde8ff1e0..0873d443f 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -473,3 +473,19 @@ h2 + table { } } +#accordion dt a{ + display:block; + padding: 9px 15px; + line-height: 1; + background-color: whiteSmoke; + border: 1px solid #EEE; + border-top-color: #fff; +} + +#accordion dt:first-child a { + border-top-color:#eee; +} + +#accordion dd p { + padding: 10px; +} \ No newline at end of file -- cgit v1.2.3 From b36df463108e2e4df8c389a06f577823564788d9 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 29 Nov 2011 22:35:03 -0800 Subject: misc docs updates, revamped tables CSS save for grid columns and tablesorter options --- docs/assets/css/docs.css | 46 ++++++++++++++++++++++++++++++++++++---------- 1 file changed, 36 insertions(+), 10 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index b503c23e4..6c57fddab 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -41,36 +41,62 @@ body > .navbar-fixed .brand:hover { /* Github buttons -------------------------------------------------- */ -.github-btn + .github-btn { - margin-left: 10px; -} .github-btn { display: inline-block; height: 20px; overflow: hidden; } -.github-btn .btn, -.github-btn .count { +.github-btn .gh-btn, +.github-btn .gh-count, +.github-btn .gh-ico { float: left; +} +.github-btn .gh-btn, +.github-btn .gh-count { padding: 1px 5px 1px 4px; font-size: 11px; font-weight: bold; line-height: 16px; color: #666; text-shadow: 0 1px 0 #fff; + cursor: pointer; +} +.github-btn .gh-btn { + background-color: #e6e6e6; + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6)); + background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6); + background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6); + background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6); + background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6); + background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6); + background-repeat: no-repeat; + border: 1px solid #ccc; + border-bottom-color: #bbb; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; + -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2); + -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2); + box-shadow: inset 0 1px 0 rgba(255,255,255,.2); } -.github-btn .btn { - box-shadow: none; +.github-btn .gh-btn:hover { + color: #333; + text-decoration: none; + background-position: 0 -10px; } -.github-btn .github-ico { - float: left; +.github-btn .gh-btn:active { + -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15); + -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15); + box-shadow: inset 0 2px 4px rgba(0,0,0,.15); +} +.github-btn .gh-ico { margin-right: 4px; opacity: .65; } -.github-btn .count { +.github-btn .gh-btn:hover .gh-ico { + opacity: .75; +} +.github-btn .gh-count { display: inline-block; margin-left: 2px; background-color: #fff; -- cgit v1.2.3 From f2c40ee24d0caa26e79ed206370858918c603419 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 30 Nov 2011 00:39:38 -0800 Subject: adding step nav to components --- docs/assets/css/docs.css | 88 ------------------------------------------------ 1 file changed, 88 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index ec3cd83cb..a7b52821e 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -39,71 +39,6 @@ body > .navbar-fixed .brand:hover { } -/* Github buttons --------------------------------------------------- */ -.github-btn { - display: inline-block; - height: 20px; - overflow: hidden; -} -.github-btn .gh-btn, -.github-btn .gh-count, -.github-btn .gh-ico { - float: left; -} -.github-btn .gh-btn, -.github-btn .gh-count { - padding: 1px 5px 1px 4px; - font-size: 11px; - font-weight: bold; - line-height: 16px; - color: #666; - text-shadow: 0 1px 0 #fff; - cursor: pointer; -} -.github-btn .gh-btn { - background-color: #e6e6e6; - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6)); - background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6); - background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6); - background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6); - background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6); - background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6); - background-repeat: no-repeat; - border: 1px solid #ccc; - border-bottom-color: #bbb; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2); - -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2); - box-shadow: inset 0 1px 0 rgba(255,255,255,.2); -} -.github-btn .gh-btn:hover { - color: #333; - text-decoration: none; - background-position: 0 -10px; -} -.github-btn .gh-btn:active { - -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15); - -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15); - box-shadow: inset 0 2px 4px rgba(0,0,0,.15); -} -.github-btn .gh-ico { - margin-right: 4px; - opacity: .65; -} -.github-btn .gh-btn:hover .gh-ico { - opacity: .75; -} -.github-btn .gh-count { - display: inline-block; - margin-left: 2px; - background-color: #fff; - border: 1px solid #ddd; -} - - /* Jumbotrons -------------------------------------------------- */ .jumbotron { @@ -330,13 +265,6 @@ body > .navbar-fixed .brand:hover { margin-left: 10px; } -/* scrollspy docs */ - -.scrollspy-example { - overflow: auto; - height: 200px; - position: relative; -} /* Popover docs -------------------------------------------------- */ @@ -499,19 +427,3 @@ h2 + table { } } -#accordion dt a{ - display:block; - padding: 9px 15px; - line-height: 1; - background-color: whiteSmoke; - border: 1px solid #EEE; - border-top-color: #fff; -} - -#accordion dt:first-child a { - border-top-color:#eee; -} - -#accordion dd p { - padding: 10px; -} -- cgit v1.2.3 From b12b71bf7ca76437a532122d8efff59506b61530 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 9 Dec 2011 11:32:07 -0800 Subject: updated to include sub nav and pip nav, new docs updates, topbar nav refinements for media queried settings --- docs/assets/css/docs.css | 15 ++++----------- 1 file changed, 4 insertions(+), 11 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index a7b52821e..281b224e3 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -315,11 +315,6 @@ h2 + table { -------------------------------------------------- */ @media (max-width: 480px) { - /* Hide the nav for now */ - body > .navbar-fixed .nav { - display: none; - } - /* Change up some type stuff */ h1 small { display: block; @@ -365,11 +360,6 @@ h2 + table { @media (max-width: 768px) { - /* Hide the nav for now */ - body > .navbar-fixed .nav { - display: none; - } - /* Adjust the jumbotron */ .jumbotron .benefits { position: relative; @@ -394,6 +384,9 @@ h2 + table { .footer .pull-right { float: none; } + .footer p { + margin-bottom: 9px; + } } @@ -423,7 +416,7 @@ h2 + table { /* Provide enough space on right-hand side for benefits list */ .jumbotron h1, .jumbotron p { - margin-right: 40%; + margin-right: 20%; } } -- cgit v1.2.3 From 5c8df1d2858c3d5f2cc65a80acaef5312b1ae87f Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 9 Dec 2011 14:34:38 -0800 Subject: updated index page to add featured sites, more docs tweaks --- docs/assets/css/docs.css | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 281b224e3..73e619d29 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -160,7 +160,10 @@ body > .navbar-fixed .brand:hover { margin-bottom: 18px; } .marketing h1 { - margin-bottom: 18px; + margin: 36px 0 27px; + font-size: 36px; + font-weight: 300; + text-align: center; } .marketing h2, .marketing h3 { @@ -310,6 +313,11 @@ h2 + table { margin-top: 5px; } +/* Example sites showcase */ +.example-sites img { + width: 290px; +} + /* Responsive Docs -------------------------------------------------- */ -- cgit v1.2.3 From 401f84a7ec65996a8573671b2c17077f85e63e6f Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 11 Dec 2011 01:58:06 -0800 Subject: center example sites in docs on mobile --- docs/assets/css/docs.css | 20 ++++++++++++++++++++ 1 file changed, 20 insertions(+) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 73e619d29..9324f9990 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -323,6 +323,11 @@ h2 + table { -------------------------------------------------- */ @media (max-width: 480px) { + /* Reduce padding above jumbotron */ + body { + padding-top: 70px; + } + /* Change up some type stuff */ h1 small { display: block; @@ -362,6 +367,21 @@ h2 + table { .quick-links { margin: 40px 0 0; } + /* hide the bullets on mobile since our horizontal space is limited */ + .quick-links .divider { + display: none; + } + + /* center example sites */ + .example-sites { + margin-left: 0; + } + .example-sites a { + float: none; + display: block; + max-width: 300px; + margin: 0 auto 18px; + } } -- cgit v1.2.3 From 4e8c26d409c60f50e2ab245e74ec18af5131d838 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 11 Dec 2011 02:38:58 -0800 Subject: updated buttons docs --- docs/assets/css/docs.css | 1 - 1 file changed, 1 deletion(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 9324f9990..7c1e65942 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -382,7 +382,6 @@ h2 + table { max-width: 300px; margin: 0 auto 18px; } - } -- cgit v1.2.3 From d681ae9f51b85d8e1efae2a819ce289266d7efd0 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 12 Dec 2011 09:51:41 -0800 Subject: updated docs to include other less apps --- docs/assets/css/docs.css | 6 ++++++ 1 file changed, 6 insertions(+) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 7c1e65942..586b5334b 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -382,6 +382,12 @@ h2 + table { max-width: 300px; margin: 0 auto 18px; } + + table code { + white-space: normal; + word-wrap: break-word; + word-break: break-all; + } } -- cgit v1.2.3 From 7df0d1c7d18a72f401094d08afa4eaa9142fe511 Mon Sep 17 00:00:00 2001 From: Jacob Thornton Date: Wed, 14 Dec 2011 18:45:33 -0800 Subject: rename transitions to transition and fix scrollspy example --- docs/assets/css/docs.css | 6 ++++++ 1 file changed, 6 insertions(+) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 586b5334b..fa8c92e50 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -318,6 +318,12 @@ h2 + table { width: 290px; } +.scrollspy-example { + height: 200px; + overflow: auto; + position: relative; +} + /* Responsive Docs -------------------------------------------------- */ -- cgit v1.2.3 From 72a536393c2f2aba4f855384e94c4ce09bc2e39c Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 19 Dec 2011 22:58:56 -0800 Subject: mostly docs updates, but also some bug fixes per github issues --- docs/assets/css/docs.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 586b5334b..3cf2208e9 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -25,7 +25,7 @@ body > .navbar-fixed .brand { float: right; font-weight: bold; color: #000; - text-shadow: 0 1px 0 rgba(255,255,255,.1); + text-shadow: 0 1px 0 rgba(255,255,255,.1), 0 0 30px rgba(255,255,255,.125); } body > .navbar-fixed .brand:hover { text-decoration: none; @@ -449,7 +449,7 @@ h2 + table { /* Provide enough space on right-hand side for benefits list */ .jumbotron h1, .jumbotron p { - margin-right: 20%; + margin-right: 40%; } } -- cgit v1.2.3 From 20aecb983838422c7b43e20960b10d4d79fefaa3 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 21 Dec 2011 16:22:20 -0600 Subject: updated all docs to jQuery 1.7, move all docs JS to application.js, and move dropdowns css to dedicated file --- docs/assets/css/docs.css | 5 +++++ 1 file changed, 5 insertions(+) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 8432f92ea..5ed38bb47 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -317,6 +317,11 @@ h2 + table { .example-sites img { width: 290px; } +.built-with { + margin: -18px 0 27px; + color: #999; + text-align: center; +} .scrollspy-example { height: 200px; -- cgit v1.2.3 From c854ed167ce37d6a008723c78f2e6336211fff69 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 21 Dec 2011 16:26:21 -0600 Subject: rename media grid to thumbnails, recompile bootstrap, fix examples for mobile phones --- docs/assets/css/docs.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 5ed38bb47..20ea50d6f 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -387,7 +387,7 @@ h2 + table { .example-sites { margin-left: 0; } - .example-sites a { + .example-sites > li { float: none; display: block; max-width: 300px; -- cgit v1.2.3 From af5793e1cd358862cf510a54dda2476b95a26ca8 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 21 Dec 2011 16:41:46 -0600 Subject: fix mobile example sites, remove unused JS from docs index --- docs/assets/css/docs.css | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 20ea50d6f..b3c464941 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -315,7 +315,7 @@ h2 + table { /* Example sites showcase */ .example-sites img { - width: 290px; + max-width: 290px; } .built-with { margin: -18px 0 27px; @@ -393,6 +393,9 @@ h2 + table { max-width: 300px; margin: 0 auto 18px; } + .example-sites img { + max-width: 270px; + } table code { white-space: normal; -- cgit v1.2.3 From 324246e4f964437a2dfa7efbd2d1b6b039369b2c Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 27 Dec 2011 12:39:39 -0600 Subject: remove negative margin from .brand in docs, update navbar to support buttons up thurr --- docs/assets/css/docs.css | 1 + 1 file changed, 1 insertion(+) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index b3c464941..c2c92a251 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -22,6 +22,7 @@ body { body > .navbar-fixed .brand { padding-right: 0; padding-left: 0; + margin-left: 20px; float: right; font-weight: bold; color: #000; -- cgit v1.2.3 From fb9401b355366452d310d39f51224999da4daa82 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 5 Jan 2012 01:34:14 -0800 Subject: tweaks abound, updated prettify styles, new sidenav component started, sprite icons started --- docs/assets/css/docs.css | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index c2c92a251..b218b465c 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -330,6 +330,24 @@ h2 + table { position: relative; } +/* Icons +------------------------- */ +.the-icons { + +} +.the-icons i { + display: block; + margin-bottom: 5px; + background-color: rgba(255,0,0,.25); +} +.the-icons i:after { + display: block; + content: attr(class); + font-style: normal; + margin-left: 20px; + width: 100px; +} + /* Responsive Docs -------------------------------------------------- */ -- cgit v1.2.3 From 20add59de3f2b69aaa9c9b325dab20b13c75eaa1 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 5 Jan 2012 10:01:42 -0800 Subject: breaking out patterns.less even more, removing unnecessary div from checkbox and radio lists--now just labels and inputs --- docs/assets/css/docs.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index b218b465c..a4573448f 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -171,7 +171,7 @@ body > .navbar-fixed .brand:hover { font-weight: 300; } .marketing h2 { - margin-bottom: 9px; + font-size: 22px; } .marketing p { margin-right: 10px; -- cgit v1.2.3 From 23e5fc2133dd748ba4a7df52b598a24a2915811a Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 5 Jan 2012 14:11:41 -0800 Subject: Tweak the docs and address the new forms list of controls: radios and checkboxes are now hanging controls to wrap text properly --- docs/assets/css/docs.css | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index a4573448f..9501ec5dc 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -36,7 +36,11 @@ body > .navbar-fixed .brand:hover { /* Space out sub-sections more -------------------------------------------------- */ .page-header { - margin-top: 36px; + margin: 36px 0 18px; + border-bottom: 1px solid #eee; +} +.page-header h1 { + margin-bottom: 9px; } -- cgit v1.2.3 From 621dd13d87b6ba5fd351966056ea335c6a946f45 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 5 Jan 2012 15:43:07 -0800 Subject: move mega link footer to scaffolding to try it out, fix broken button text shadow, change UL/OL margins back, make li color same as body --- docs/assets/css/docs.css | 22 ++++++++++++++++++++++ 1 file changed, 22 insertions(+) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 9501ec5dc..5eafb962b 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -202,6 +202,28 @@ body > .navbar-fixed .brand:hover { margin-bottom: 0; color: #555; } +.footer dl { + margin-bottom: 0; +} +.footer dl dt { + font-size: 11px; + color: #999; + text-transform: uppercase; +} +.footer dl dd + dt { + margin-top: 18px; +} +.footer dl dd { + margin-left: 0; + font-size: 12px; +} +.footer dl a { + color: #999; +} +.footer dl a:hover { + color: #555; +} + /* Special grid styles -- cgit v1.2.3 From c56e9d2d35299b4c9e4e3d1aabcf59cedc9143f2 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 5 Jan 2012 21:43:28 -0800 Subject: massive docs update, mostly to all our new forms, and to the buttons --- docs/assets/css/docs.css | 44 ++++++++++++++++++++++++++++++++++++++------ 1 file changed, 38 insertions(+), 6 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 5eafb962b..41c7ae4b6 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -36,11 +36,13 @@ body > .navbar-fixed .brand:hover { /* Space out sub-sections more -------------------------------------------------- */ .page-header { - margin: 36px 0 18px; + margin: 45px 0 18px; border-bottom: 1px solid #eee; } .page-header h1 { - margin-bottom: 9px; + margin-bottom: 17px; + font-size: 36px; + line-height: 1; } @@ -327,10 +329,6 @@ pre.prettyprint { overflow: hidden; } -.well form { - margin-bottom: 0; -} - .browser-support { max-width: 100%; } @@ -356,6 +354,40 @@ h2 + table { position: relative; } +/* Remove bottom margin on example forms in wells */ +form.well { + margin-bottom: 0; +} + +/* Tighten up spacing */ +.well hr { + margin: 18px 0; +} + +/* Form docs for horizontal forms */ +.form-docs { + padding-left: 10px; +} +.form-docs h3, +.form-docs p, +.form-docs li { + color: #777; +} +.form-docs hr { + margin: 18px 0; +} + +/* Fake the :focus state to demo it */ +.focused { + border-color: rgba(82,168,236,.8); + -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6); + -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6); + box-shadow: inset 0 1px 3px rgba(0,0,0,.1), 0 0 8px rgba(82,168,236,.6); + outline: 0; +} + + + /* Icons ------------------------- */ .the-icons { -- cgit v1.2.3 From 5cb76037ae70ca26a923750ca9441b04d2fbd6a7 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 5 Jan 2012 23:24:19 -0800 Subject: fixing conflict in dividers in navbar, fix navbar docs, fix search form in navbar --- docs/assets/css/docs.css | 1 - 1 file changed, 1 deletion(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 41c7ae4b6..6cffcbc20 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -41,7 +41,6 @@ body > .navbar-fixed .brand:hover { } .page-header h1 { margin-bottom: 17px; - font-size: 36px; line-height: 1; } -- cgit v1.2.3 From cfc2353059df628c67d19a3c5c3ead2cc6051f53 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 6 Jan 2012 23:59:22 -0800 Subject: front page docs updated to include old getting started section, update code styles to look like github gists, and lots more docs updates --- docs/assets/css/docs.css | 73 +++++++++++++++++++++++++++++++++++++++++++++++- 1 file changed, 72 insertions(+), 1 deletion(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 6cffcbc20..579baad7d 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -192,6 +192,75 @@ body > .navbar-fixed .brand:hover { } +/* Quickstart section for getting le code +-------------------------------------------------- */ +.getting-started { + background-color: #f5f5f5; + background-repeat: repeat-x; + background-image: -khtml-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f5f5f5)); + background-image: -moz-linear-gradient(#f9f9f9, #f5f5f5); + background-image: -ms-linear-gradient(#f9f9f9, #f5f5f5); + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(100%, #f5f5f5)); + background-image: -webkit-linear-gradient(#f9f9f9, #f5f5f5); + background-image: -o-linear-gradient(#f9f9f9, #f5f5f5); + -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f5f5f5', GradientType=0)"; + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f5f5f5', GradientType=0); + background-image: linear-gradient(#f9f9f9, #f5f5f5); + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} +.getting-started { + border-color: #eee; +} +.getting-started td { + width: 33%; + border-right: 1px solid #eee; +} +.getting-started td + td { + border-left: 1px solid #fff; +} +.getting-started td:last-child { + border-right: 0; +} +.quick-start { + padding: 17px 20px; +} +.quick-start h3, +.quick-start p { + line-height: 18px; + text-align: center; + margin-bottom: 9px; +} +.quick-start p { + color: #777; +} +.quick-start .current-version, +.quick-start .current-version a { + color: #999; +} +.quick-start form { + margin-bottom: 0; +} +.quick-start textarea { + display: block; + width: 100%; + height: auto; + margin-bottom: 0; + line-height: 21px; + white-space: nowrap; + overflow: hidden; + /* Makes inputs behave like true block-level elements */ + -webkit-box-sizing: border-box; /* Older Webkit */ + -moz-box-sizing: border-box; /* Older FF */ + -ms-box-sizing: border-box; /* IE8 */ + box-sizing: border-box; /* CSS3 spec*/ + /* Hacks for IE7 to make this work just okay enough to function */ + *width: 90%; + *height: 24px; +} + + /* Footer -------------------------------------------------- */ .footer { @@ -341,8 +410,10 @@ h2 + table { .example-sites img { max-width: 290px; } -.built-with { +.marketing-byline { margin: -18px 0 27px; + font-size: 18px; + font-weight: 300; color: #999; text-align: center; } -- cgit v1.2.3 From bcf1136f2c8236cd3fa28eac7e57a9a3fc17d104 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 7 Jan 2012 00:47:53 -0800 Subject: fix form field sizing for selects, document form field grid sizing --- docs/assets/css/docs.css | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 579baad7d..1180effd1 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -456,7 +456,11 @@ form.well { outline: 0; } - +/* For input sizes, make them display block */ +.docs-input-sizes input[type=text] { + display: block; + margin-bottom: 9px; +} /* Icons ------------------------- */ -- cgit v1.2.3 From 8ccc3bcf03fedbe8c3a19a96c08a5cad6ae456e8 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 7 Jan 2012 03:45:24 -0800 Subject: overhauled dropdowns now require use of .caret for dropdown arrow, redid the button group docs section, added the split button dropdown docs section --- docs/assets/css/docs.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 1180effd1..c359cf73b 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -402,7 +402,8 @@ pre.prettyprint { } /* Make tables spaced out a bit more */ -h2 + table { +h2 + table, +h2 + .row { margin-top: 5px; } -- cgit v1.2.3 From cb9be7bd0cde19b3b401d2dcdfb6162dd00b5ab5 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 8 Jan 2012 13:21:44 -0800 Subject: clean up dup css in responsive, fix navbar dropdown caret --- docs/assets/css/docs.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index c359cf73b..f37067203 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -163,7 +163,7 @@ body > .navbar-fixed .brand:hover { /* Marketing section of Overview -------------------------------------------------- */ .marketing .row { - margin-bottom: 18px; + margin-bottom: 9px; } .marketing h1 { margin: 36px 0 27px; -- cgit v1.2.3 From 6f2f947a4309a8fdeb7067612447c0f1a15dcfd9 Mon Sep 17 00:00:00 2001 From: Jacob Thornton Date: Wed, 11 Jan 2012 21:42:55 -0800 Subject: add build tool for js + rename twipsy to tooltip + lots of little doc cleanup --- docs/assets/css/docs.css | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index f37067203..134224e56 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -466,7 +466,7 @@ form.well { /* Icons ------------------------- */ .the-icons { - + } .the-icons i { display: block; @@ -481,6 +481,13 @@ form.well { width: 100px; } +#javascript input[type='checkbox'] { +display: inline; +margin-left: 6px; +position: relative; +top: -1px; +} + /* Responsive Docs -------------------------------------------------- */ -- cgit v1.2.3 From fc053ac8b27611e3dc7fae769ce28f154250d50e Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 13 Jan 2012 10:07:56 -0800 Subject: update dropdowns spacing and docs section spacing --- docs/assets/css/docs.css | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 134224e56..ca1c5cb83 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -35,8 +35,11 @@ body > .navbar-fixed .brand:hover { /* Space out sub-sections more -------------------------------------------------- */ +section { + padding-top: 60px; +} .page-header { - margin: 45px 0 18px; + margin: 18px 0; border-bottom: 1px solid #eee; } .page-header h1 { -- cgit v1.2.3 From dab6d2b17cc2fd67c2462b5a5eb84eb58d9c72bc Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 14 Jan 2012 21:28:47 -0800 Subject: change up classes on tables and forms, fix nav list styles in example --- docs/assets/css/docs.css | 1 - 1 file changed, 1 deletion(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index ca1c5cb83..2f45032f2 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -116,7 +116,6 @@ section { /* supporting docs pages */ .subhead { padding-bottom: 14px; - margin-bottom: 45px; border-bottom: 3px solid #e5e5e5; } .subhead h1, -- cgit v1.2.3 From 8ceea1f559fb432fc12df32153911de89caea36f Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 15 Jan 2012 11:26:06 -0800 Subject: fix some ie7 bugs, improve dropdowns for ie due to lack of a shadow, fix pager example code --- docs/assets/css/docs.css | 20 +++++++++----------- 1 file changed, 9 insertions(+), 11 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 2f45032f2..416b1830c 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -130,6 +130,7 @@ section { /* Quick links -------------------------------------------------- */ .quick-links { + min-height: 30px; padding: 5px 20px; margin: 45px 0; list-style: none; @@ -141,11 +142,11 @@ section { -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,.03); -moz-box-shadow: inset 0 1px 0 rgba(0,0,0,.03); box-shadow: inset 0 1px 0 rgba(0,0,0,.03); + overflow: hidden; } .quick-links li { display: inline; margin: 0 5px; - line-height: 30px; } .quick-links .divider { color: #999; @@ -258,7 +259,7 @@ section { -ms-box-sizing: border-box; /* IE8 */ box-sizing: border-box; /* CSS3 spec*/ /* Hacks for IE7 to make this work just okay enough to function */ - *width: 90%; + *width: 270px; *height: 24px; } @@ -386,7 +387,7 @@ section { .popover-well .popover-menu-wrapper { height: 80px; } -img.large-bird { +.large-bird { margin: 5px 0 0 310px; opacity: .1; } @@ -467,9 +468,6 @@ form.well { /* Icons ------------------------- */ -.the-icons { - -} .the-icons i { display: block; margin-bottom: 5px; @@ -483,11 +481,11 @@ form.well { width: 100px; } -#javascript input[type='checkbox'] { -display: inline; -margin-left: 6px; -position: relative; -top: -1px; +#javascript input[type=checkbox] { + position: relative; + top: -1px; + display: inline; + margin-left: 6px; } -- cgit v1.2.3 From ea8f5883fd58ff5e356944e4a93543c05abf2220 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 23 Jan 2012 12:04:48 -0800 Subject: clean up subnav aesthetics --- docs/assets/css/docs.css | 34 ++++++++++++++++++++++++++++++++-- 1 file changed, 32 insertions(+), 2 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 416b1830c..e7714fd5c 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -115,8 +115,8 @@ section { ------------------------- */ /* supporting docs pages */ .subhead { - padding-bottom: 14px; - border-bottom: 3px solid #e5e5e5; + padding-bottom: 0; + border-bottom: 0; } .subhead h1, .subhead p { @@ -126,6 +126,36 @@ section { font-size: 45px; } +/* Subnav */ +.subhead .nav { + padding: 0 10px; + background-color: #eeeeee; /* Old browsers */ + background-repeat: repeat-x; /* Repeat the gradient */ + background-image: -moz-linear-gradient(top, #f5f5f5 0%, #eeeeee 100%); /* FF3.6+ */ + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */ + background-image: -webkit-linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); /* Chrome 10+,Safari 5.1+ */ + background-image: -ms-linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); /* IE10+ */ + background-image: -o-linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); /* Opera 11.10+ */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */ + background-image: linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); /* W3C */ + border: 1px solid #eee; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} +.subhead .nav a { + margin: 0; + padding-top: 11px; + padding-bottom: 11px; + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; +} +.subhead .nav .active a { + background-color: #fff; + color: #333; +} + /* Quick links -------------------------------------------------- */ -- cgit v1.2.3 From 1954cf001926a94f7a4d51f16beaf9f2ba671d13 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 23 Jan 2012 13:46:26 -0800 Subject: comment in forms' --- docs/assets/css/docs.css | 13 +++++++++++++ 1 file changed, 13 insertions(+) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index e7714fd5c..69d9dac56 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -448,6 +448,7 @@ h2 + .row { margin: -18px 0 27px; font-size: 18px; font-weight: 300; + line-height: 24px; color: #999; text-align: center; } @@ -563,6 +564,18 @@ form.well { margin: 0 auto 10px; } + /* Subnav */ + .subhead .nav { + padding: 0; + background: none; + } + .subhead .nav > li { + float: none; + } + .subhead .nav li + li a { + border-top: 1px solid #eee; + } + /* Don't space out quick links so much */ .quick-links { margin: 40px 0 0; -- cgit v1.2.3 From fecd4ddd135a893f2c5c103d565e9d1ab110d247 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 24 Jan 2012 14:25:30 -0800 Subject: docs updates to make the getting started section more responsive, updated the benefits to be clearer and swap x for checkmark --- docs/assets/css/docs.css | 62 +++++++++++++----------------------------------- 1 file changed, 17 insertions(+), 45 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 69d9dac56..b8d5bfcdc 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -83,7 +83,7 @@ section { /* Benefits list in masthead */ .benefits { - width: 250px; + width: 280px; position: absolute; right: 0; bottom: 0; @@ -105,8 +105,6 @@ section { color: #555; } .benefits span { - position: relative; - top: -2px; padding-right: 5px; color: #999; } @@ -200,7 +198,7 @@ section { } .marketing h1 { margin: 36px 0 27px; - font-size: 36px; + font-size: 40px; font-weight: 300; text-align: center; } @@ -227,59 +225,28 @@ section { /* Quickstart section for getting le code -------------------------------------------------- */ -.getting-started { - background-color: #f5f5f5; - background-repeat: repeat-x; - background-image: -khtml-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f5f5f5)); - background-image: -moz-linear-gradient(#f9f9f9, #f5f5f5); - background-image: -ms-linear-gradient(#f9f9f9, #f5f5f5); - background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(100%, #f5f5f5)); - background-image: -webkit-linear-gradient(#f9f9f9, #f5f5f5); - background-image: -o-linear-gradient(#f9f9f9, #f5f5f5); - -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f5f5f5', GradientType=0)"; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f5f5f5', GradientType=0); - background-image: linear-gradient(#f9f9f9, #f5f5f5); - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; -} -.getting-started { - border-color: #eee; -} -.getting-started td { - width: 33%; - border-right: 1px solid #eee; -} -.getting-started td + td { - border-left: 1px solid #fff; -} -.getting-started td:last-child { - border-right: 0; -} -.quick-start { - padding: 17px 20px; -} -.quick-start h3, -.quick-start p { +.getting-started h3, +.getting-started p { line-height: 18px; text-align: center; margin-bottom: 9px; } -.quick-start p { +.getting-started p { color: #777; } -.quick-start .current-version, -.quick-start .current-version a { +.getting-started .current-version, +.getting-started .current-version a { color: #999; } -.quick-start form { +.getting-started form { margin-bottom: 0; } -.quick-start textarea { +.getting-started textarea { display: block; - width: 100%; + width: 95%; height: auto; - margin-bottom: 0; + margin-left: auto; + margin-right: auto; line-height: 21px; white-space: nowrap; overflow: hidden; @@ -629,6 +596,11 @@ form.well { margin-bottom: 5px; } + /* Space out the getting started sections */ + .getting-started .span4 { + margin-bottom: 18px; + } + /* Unfloat the back to top link in footer */ .footer .pull-right { float: none; -- cgit v1.2.3 From 8ff621aa26dee69088b527089cdd719bce68be31 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 24 Jan 2012 16:07:30 -0800 Subject: fix broken index page heading, update variables and less pages --- docs/assets/css/docs.css | 22 ++++++++++++++++++---- 1 file changed, 18 insertions(+), 4 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index b8d5bfcdc..d78cea2b1 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -126,7 +126,6 @@ section { /* Subnav */ .subhead .nav { - padding: 0 10px; background-color: #eeeeee; /* Old browsers */ background-repeat: repeat-x; /* Repeat the gradient */ background-image: -moz-linear-gradient(top, #f5f5f5 0%, #eeeeee 100%); /* FF3.6+ */ @@ -136,7 +135,7 @@ section { background-image: -o-linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); /* Opera 11.10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */ background-image: linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); /* W3C */ - border: 1px solid #eee; + border: 1px solid #e5e5e5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; @@ -145,6 +144,9 @@ section { margin: 0; padding-top: 11px; padding-bottom: 11px; + font-size: 13px; + border-left: 1px solid #f5f5f5; + border-right: 1px solid #e5e5e5; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; @@ -153,6 +155,15 @@ section { background-color: #fff; color: #333; } +.subhead .nav li:first-child a { + border-left: 0; + -webkit-border-radius: 4px 0 0 4px; + -moz-border-radius: 4px 0 0 4px; + border-radius: 4px 0 0 4px; +} +.subhead .nav li:last-child a { + border-right: 0; +} /* Quick links @@ -247,16 +258,19 @@ section { height: auto; margin-left: auto; margin-right: auto; - line-height: 21px; + font-family: Menlo, Monaco, "Courier New", monospace; + font-size: 12px; + line-height: 20px; white-space: nowrap; overflow: hidden; + background-color: #f5f5f5; /* Makes inputs behave like true block-level elements */ -webkit-box-sizing: border-box; /* Older Webkit */ -moz-box-sizing: border-box; /* Older FF */ -ms-box-sizing: border-box; /* IE8 */ box-sizing: border-box; /* CSS3 spec*/ /* Hacks for IE7 to make this work just okay enough to function */ - *width: 270px; + *width: 80%; *height: 24px; } -- cgit v1.2.3 From a40d4993ed0a947083b7e85cf7772492d613afc8 Mon Sep 17 00:00:00 2001 From: Jacob Thornton Date: Tue, 24 Jan 2012 17:13:02 -0800 Subject: make subnav fix --- docs/assets/css/docs.css | 6 ++++++ 1 file changed, 6 insertions(+) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index d78cea2b1..4ab353069 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -165,6 +165,12 @@ section { border-right: 0; } +.subhead .subnav-fixed { + position: fixed; + top: 40px; + z-index:1000; +} + /* Quick links -------------------------------------------------- */ -- cgit v1.2.3 From 805a965f2e7373db42d99376d4dc3c1ca9ea509d Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 24 Jan 2012 17:14:19 -0800 Subject: finish updating form state and alert variables in less docs page --- docs/assets/css/docs.css | 2 ++ 1 file changed, 2 insertions(+) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index d78cea2b1..956eff246 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -417,6 +417,8 @@ pre.prettyprint { /* Make tables spaced out a bit more */ h2 + table, +h3 + table, +h4 + table, h2 + .row { margin-top: 5px; } -- cgit v1.2.3 From 26ed8202ee270ce8b103491613fb2f5053472a70 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 24 Jan 2012 18:24:38 -0800 Subject: modify the scaffolding page to fix the language around preboot/grid variables --- docs/assets/css/docs.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index d5192ca55..ac48c6e2b 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -168,7 +168,8 @@ section { .subhead .subnav-fixed { position: fixed; top: 40px; - z-index:1000; + z-index: 1030; + width: 938px; } -- cgit v1.2.3 From d3622235359c08f65d5396ee01523c7f7d8901b1 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 24 Jan 2012 18:29:17 -0800 Subject: refine fixed docs bar --- docs/assets/css/docs.css | 13 +++++++++++++ 1 file changed, 13 insertions(+) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index ac48c6e2b..dd723800b 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -170,6 +170,12 @@ section { top: 40px; z-index: 1030; width: 938px; + -webkit-border-radius: 0 0 4px 4px; + -moz-border-radius: 0 0 4px 4px; + border-radius: 0 0 4px 4px; + -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.05); + -moz-box-shadow: 0 1px 5px rgba(0,0,0,.05); + box-shadow: 0 1px 5px rgba(0,0,0,.05); } @@ -565,6 +571,13 @@ form.well { .subhead .nav li + li a { border-top: 1px solid #eee; } + .subhead .subnav-fixed { + position: static; + top: auto; + z-index: auto; + width: auto; + } + /* Don't space out quick links so much */ .quick-links { -- cgit v1.2.3 From 672ba4c2fd9a42d4f178e795ebc162cce81bbc2f Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 24 Jan 2012 19:19:50 -0800 Subject: update the subnav on all pages --- docs/assets/css/docs.css | 40 ++++++++++++++++++++++++++++------------ 1 file changed, 28 insertions(+), 12 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index dd723800b..776ca58b9 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -125,7 +125,9 @@ section { } /* Subnav */ -.subhead .nav { +.subnav { + width: 100%; + height: 36px; background-color: #eeeeee; /* Old browsers */ background-repeat: repeat-x; /* Repeat the gradient */ background-image: -moz-linear-gradient(top, #f5f5f5 0%, #eeeeee 100%); /* FF3.6+ */ @@ -138,23 +140,30 @@ section { border: 1px solid #e5e5e5; -webkit-border-radius: 4px; -moz-border-radius: 4px; - border-radius: 4px; + border-radius: 4px; +} +.subhead .nav { } .subhead .nav a { margin: 0; padding-top: 11px; padding-bottom: 11px; font-size: 13px; + color: #777; border-left: 1px solid #f5f5f5; border-right: 1px solid #e5e5e5; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } +.subhead .nav a:hover, .subhead .nav .active a { - background-color: #fff; + background-color: transparent; color: #333; } +.subhead .nav .active a { + background-color: #eee; +} .subhead .nav li:first-child a { border-left: 0; -webkit-border-radius: 4px 0 0 4px; @@ -165,17 +174,24 @@ section { border-right: 0; } -.subhead .subnav-fixed { +.subnav-fixed { position: fixed; top: 40px; + left: 0; + right: 0; z-index: 1030; - width: 938px; - -webkit-border-radius: 0 0 4px 4px; - -moz-border-radius: 0 0 4px 4px; - border-radius: 0 0 4px 4px; - -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.05); - -moz-box-shadow: 0 1px 5px rgba(0,0,0,.05); - box-shadow: 0 1px 5px rgba(0,0,0,.05); + border-color: #d5d5d5; + border-width: 0 0 1px; /* drop the border on the fixed edges */ + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; + -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1); + -moz-box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1); + box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1); +} +.subnav-fixed .nav { + width: 940px; + margin: 0 auto; } @@ -438,7 +454,7 @@ h2 + .row { /* Example sites showcase */ .example-sites img { - max-width: 290px; + max-width: 100%; } .marketing-byline { margin: -18px 0 27px; -- cgit v1.2.3 From 4a6d9106b8f92a85a528971c70f132c32b6c43cf Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 24 Jan 2012 19:36:42 -0800 Subject: fix the thumbnails more examples section --- docs/assets/css/docs.css | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 776ca58b9..d0a5623f4 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -19,7 +19,7 @@ body { /* Tweak navbar brand link to be super sleek -------------------------------------------------- */ -body > .navbar-fixed .brand { +.navbar-fixed .brand { padding-right: 0; padding-left: 0; margin-left: 20px; @@ -27,8 +27,12 @@ body > .navbar-fixed .brand { font-weight: bold; color: #000; text-shadow: 0 1px 0 rgba(255,255,255,.1), 0 0 30px rgba(255,255,255,.125); + -webkit-transition: all .2s linear; + -moz-transition: all .2s linear; + transition: all .2s linear; + } -body > .navbar-fixed .brand:hover { +.navbar-fixed .brand:hover { text-decoration: none; } -- cgit v1.2.3 From bacb05608f2d42ef7fdb6fa25241d4268b989387 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 24 Jan 2012 19:43:52 -0800 Subject: redo the form examples to enable better responsive layout --- docs/assets/css/docs.css | 39 +++++++++++++++++---------------------- 1 file changed, 17 insertions(+), 22 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index d0a5623f4..6cb8720c7 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -146,8 +146,6 @@ section { -moz-border-radius: 4px; border-radius: 4px; } -.subhead .nav { -} .subhead .nav a { margin: 0; padding-top: 11px; @@ -477,7 +475,7 @@ h2 + .row { /* Remove bottom margin on example forms in wells */ form.well { - margin-bottom: 0; + padding: 14px; } /* Tighten up spacing */ @@ -558,6 +556,14 @@ form.well { margin-top: 18px; } + /* Subnav */ + .subnav { + background: none; + } + .subnav .nav > li { + float: none; + } + /* Adjust the jumbotron */ .jumbotron h1, .jumbotron p { @@ -580,25 +586,6 @@ form.well { margin: 0 auto 10px; } - /* Subnav */ - .subhead .nav { - padding: 0; - background: none; - } - .subhead .nav > li { - float: none; - } - .subhead .nav li + li a { - border-top: 1px solid #eee; - } - .subhead .subnav-fixed { - position: static; - top: auto; - z-index: auto; - width: auto; - } - - /* Don't space out quick links so much */ .quick-links { margin: 40px 0 0; @@ -632,6 +619,14 @@ form.well { @media (max-width: 768px) { + /* Subnav */ + .subnav-fixed { + position: static; + top: auto; + z-index: auto; + width: auto; + } + /* Adjust the jumbotron */ .jumbotron .benefits { position: relative; -- cgit v1.2.3 From 731821b78f059f78800baa721410341f786698b5 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 24 Jan 2012 20:26:54 -0800 Subject: updated docs css to fix subnav on iOS --- docs/assets/css/docs.css | 30 ++++++++++++++++++++++-------- 1 file changed, 22 insertions(+), 8 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 6cb8720c7..5fc04b0f9 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -146,7 +146,10 @@ section { -moz-border-radius: 4px; border-radius: 4px; } -.subhead .nav a { +.subnav .nav { + margin-bottom: 0; +} +.subnav .nav a { margin: 0; padding-top: 11px; padding-bottom: 11px; @@ -158,24 +161,25 @@ section { -moz-border-radius: 0; border-radius: 0; } -.subhead .nav a:hover, -.subhead .nav .active a { +.subnav .nav a:hover, +.subnav .nav .active a { background-color: transparent; color: #333; } -.subhead .nav .active a { +.subnav .nav .active a { background-color: #eee; } -.subhead .nav li:first-child a { +.subnav .nav li:first-child a { border-left: 0; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } -.subhead .nav li:last-child a { +.subnav .nav li:last-child a { border-right: 0; } +/* Fixed subnav on scroll */ .subnav-fixed { position: fixed; top: 40px; @@ -558,7 +562,7 @@ form.well { /* Subnav */ .subnav { - background: none; + background: #fff; /* whole background property since we use a background-image for gradient */ } .subnav .nav > li { float: none; @@ -620,11 +624,21 @@ form.well { @media (max-width: 768px) { /* Subnav */ - .subnav-fixed { + .subnav { position: static; top: auto; z-index: auto; width: auto; + height: auto; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; + } + .subnav .nav a { + border: 0; + } + .subnav .nav li + li a { + border-top: 1px solid #e5e5e5; } /* Adjust the jumbotron */ -- cgit v1.2.3 From 6ab56051fdf916f03efb8aa6675e50bdd1cc3155 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 24 Jan 2012 23:35:34 -0800 Subject: fix up docs css for responsive and subnav, fix forms error states --- docs/assets/css/docs.css | 119 ++++++++++++++++++++++++++++++++++++----------- 1 file changed, 91 insertions(+), 28 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 5fc04b0f9..d9f8e438b 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -179,25 +179,27 @@ section { border-right: 0; } -/* Fixed subnav on scroll */ -.subnav-fixed { - position: fixed; - top: 40px; - left: 0; - right: 0; - z-index: 1030; - border-color: #d5d5d5; - border-width: 0 0 1px; /* drop the border on the fixed edges */ - -webkit-border-radius: 0; - -moz-border-radius: 0; - border-radius: 0; - -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1); - -moz-box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1); - box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1); -} -.subnav-fixed .nav { - width: 940px; - margin: 0 auto; +/* Fixed subnav on scroll, but only for 940px and up (sorry IE!) */ +@media (min-width: 940px) { + .subnav-fixed { + position: fixed; + top: 40px; + left: 0; + right: 0; + z-index: 1030; + border-color: #d5d5d5; + border-width: 0 0 1px; /* drop the border on the fixed edges */ + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; + -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1); + -moz-box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1); + box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1); + } + .subnav-fixed .nav { + width: 940px; + margin: 0 auto; + } } @@ -439,6 +441,72 @@ section { } +/* CSS Chop Shop +-------------------------------------------------- */ +.builder { +} +.builder .span2 { + width: 160px; +} +.builder ul { + margin: 0; + list-style: none; +} +.builder .tabs { + margin-right: 0; +} +.builder .tabs a { + width: 160px; + padding: 14px; + font-size: 14px; +} +.builder .tab-content { + padding: 19px; + margin-left: 189px; + border: 1px solid #e5e5e5; + -webkit-border-radius: 0 4px 4px 4px; + -moz-border-radius: 0 4px 4px 4px; + border-radius: 0 4px 4px 4px; +} + +/* Space out h3s when following a section */ +.builder input + h3, +.builder .checkbox + h3 { + margin-top: 9px; +} + +/* Fields for variables */ +.builder input + h3 { + margin-top: 9px; +} +.builder #variables label { + margin-bottom: 2px; + color: #555; +} +.builder input[type=text] { + margin-bottom: 9px; + font-family: Menlo, Monaco, "Courier New", monospace; + font-size: 12px; + color: #d14; + background-color: #f7f7f9; +} +.builder input[type=text]:focus { + background-color: #fff; +} + + +.builder-actions { + margin-top: 18px; + padding-top: 18px; + border-top: 1px solid #eee; +} +.builder-actions .toggle-all { + float: right; + line-height: 36px; +} + + + /* Misc -------------------------------------------------- */ @@ -560,14 +628,6 @@ form.well { margin-top: 18px; } - /* Subnav */ - .subnav { - background: #fff; /* whole background property since we use a background-image for gradient */ - } - .subnav .nav > li { - float: none; - } - /* Adjust the jumbotron */ .jumbotron h1, .jumbotron p { @@ -630,10 +690,14 @@ form.well { z-index: auto; width: auto; height: auto; + background: #fff; /* whole background property since we use a background-image for gradient */ -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } + .subnav .nav > li { + float: none; + } .subnav .nav a { border: 0; } @@ -683,7 +747,6 @@ form.well { .jumbotron h1 { font-size: 54px; } - .jumbotron h1, .jumbotron p { margin-right: 0; -- cgit v1.2.3 From ae70d2a8b6db76d0b3a2a2ef4540a270f0f5c257 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 24 Jan 2012 23:44:59 -0800 Subject: refine spacing on fixed subnav --- docs/assets/css/docs.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index d9f8e438b..8c30e733d 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -197,8 +197,9 @@ section { box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1); } .subnav-fixed .nav { - width: 940px; + width: 938px; margin: 0 auto; + padding: 0 1px; } } -- cgit v1.2.3 From b8fa6cfacf61a02ab769b9031253c7b06111fa7c Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 25 Jan 2012 01:22:29 -0800 Subject: move css builder and downloader to dedicated page, start to update remaining sections on LESS docs page --- docs/assets/css/docs.css | 94 ++++++++++++++++++++++++++---------------------- 1 file changed, 52 insertions(+), 42 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 8c30e733d..12c534fb2 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -442,68 +442,78 @@ section { } -/* CSS Chop Shop +/* Download page -------------------------------------------------- */ -.builder { +.download .page-header { + margin-top: 36px; } -.builder .span2 { - width: 160px; -} -.builder ul { - margin: 0; - list-style: none; -} -.builder .tabs { - margin-right: 0; -} -.builder .tabs a { - width: 160px; - padding: 14px; - font-size: 14px; -} -.builder .tab-content { - padding: 19px; - margin-left: 189px; - border: 1px solid #e5e5e5; - -webkit-border-radius: 0 4px 4px 4px; - -moz-border-radius: 0 4px 4px 4px; - border-radius: 0 4px 4px 4px; +.page-header .toggle-all { + margin-top: 13px; } /* Space out h3s when following a section */ -.builder input + h3, -.builder .checkbox + h3 { +.download h3 { + margin-bottom: 5px; +} +.download-builder input + h3, +.download-builder .checkbox + h3 { margin-top: 9px; } /* Fields for variables */ -.builder input + h3 { - margin-top: 9px; -} -.builder #variables label { - margin-bottom: 2px; - color: #555; -} -.builder input[type=text] { +.download-builder input[type=text] { margin-bottom: 9px; font-family: Menlo, Monaco, "Courier New", monospace; font-size: 12px; color: #d14; background-color: #f7f7f9; } -.builder input[type=text]:focus { +.download-builder input[type=text]:focus { background-color: #fff; } +/* Custom, larger checkbox labels */ +.download .checkbox { + padding: 6px 10px 6px 25px; + font-size: 14px; + color: #555; + background-color: #f9f9f9; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; + cursor: pointer; +} +.download .checkbox:hover { + color: #333; + background-color: #f5f5f5; +} +.download .checkbox input[type=checkbox] { + position: relative; + top: 1px; +} +.download .checkbox small { + font-size: 12px; + color: #777; +} -.builder-actions { - margin-top: 18px; - padding-top: 18px; - border-top: 1px solid #eee; +/* Giant download button */ +.download-btn { + pading: 18px 20px; + margin: 45px 0; + text-align: center; + border: 1px solid #eee; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; } -.builder-actions .toggle-all { - float: right; - line-height: 36px; +.btn.xlarge { + margin: 36px auto; + padding: 14px 24px; + font-size: 30px; + text-align: center; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; } -- cgit v1.2.3 From b01de5fc56ab031df8a08be9ce720c68ced7a5c1 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 25 Jan 2012 09:51:03 -0800 Subject: updated icons to require a base class .icon --- docs/assets/css/docs.css | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 12c534fb2..0fe480ecb 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -596,9 +596,14 @@ form.well { /* Icons ------------------------- */ +.the-icons { + margin-bottom: 18px; +} .the-icons i { display: block; margin-bottom: 5px; +} +.the-icons i:hover { background-color: rgba(255,0,0,.25); } .the-icons i:after { @@ -606,9 +611,8 @@ form.well { content: attr(class); font-style: normal; margin-left: 20px; - width: 100px; + width: 140px; } - #javascript input[type=checkbox] { position: relative; top: -1px; -- cgit v1.2.3 From a4b8cc2a9c8c7f16c4a93e64d2a187d839bfbb40 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 25 Jan 2012 11:30:30 -0800 Subject: darken active state on subnav with scrollspy added --- docs/assets/css/docs.css | 6 ++---- 1 file changed, 2 insertions(+), 4 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 0fe480ecb..600894f38 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -132,6 +132,7 @@ section { .subnav { width: 100%; height: 36px; + overflow: hidden; background-color: #eeeeee; /* Old browsers */ background-repeat: repeat-x; /* Repeat the gradient */ background-image: -moz-linear-gradient(top, #f5f5f5 0%, #eeeeee 100%); /* FF3.6+ */ @@ -167,13 +168,10 @@ section { color: #333; } .subnav .nav .active a { - background-color: #eee; + background-color: #e5e5e5; } .subnav .nav li:first-child a { border-left: 0; - -webkit-border-radius: 4px 0 0 4px; - -moz-border-radius: 4px 0 0 4px; - border-radius: 4px 0 0 4px; } .subnav .nav li:last-child a { border-right: 0; -- cgit v1.2.3 From 4ea63e5261ba0c10e2b729e2216105896108733b Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 25 Jan 2012 13:33:55 -0800 Subject: finish off the static stuff for build and download page --- docs/assets/css/docs.css | 39 +++++++++++++++++++++++---------------- 1 file changed, 23 insertions(+), 16 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 600894f38..739ae1fc4 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -125,7 +125,7 @@ section { margin-right: 0; } .subhead h1 { - font-size: 45px; + font-size: 54px; } /* Subnav */ @@ -168,10 +168,17 @@ section { color: #333; } .subnav .nav .active a { - background-color: #e5e5e5; + background-color: #e9e9e9; + border-right-color: #ddd; + border-left: 0; + padding-left: 13px; + -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.075); + -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,.075); + box-shadow: inset 0 3px 5px rgba(0,0,0,.075); } .subnav .nav li:first-child a { border-left: 0; + padding-left: 12px; } .subnav .nav li:last-child a { border-right: 0; @@ -464,7 +471,6 @@ section { font-family: Menlo, Monaco, "Courier New", monospace; font-size: 12px; color: #d14; - background-color: #f7f7f9; } .download-builder input[type=text]:focus { background-color: #fff; @@ -473,7 +479,6 @@ section { /* Custom, larger checkbox labels */ .download .checkbox { padding: 6px 10px 6px 25px; - font-size: 14px; color: #555; background-color: #f9f9f9; -webkit-border-radius: 3px; @@ -485,10 +490,6 @@ section { color: #333; background-color: #f5f5f5; } -.download .checkbox input[type=checkbox] { - position: relative; - top: 1px; -} .download .checkbox small { font-size: 12px; color: #777; @@ -496,17 +497,23 @@ section { /* Giant download button */ .download-btn { - pading: 18px 20px; - margin: 45px 0; + margin: 36px 0 108px; +} +.download p, +.download h4 { + max-width: 50%; + margin: 0 auto 18px; + color: #999; text-align: center; - border: 1px solid #eee; - -webkit-border-radius: 4px; - -moz-border-radius: 4px; - border-radius: 4px; +} +.download-btn h4 { + margin-bottom: 0; } .btn.xlarge { - margin: 36px auto; - padding: 14px 24px; + display: block; + width: auto; + padding: 19px 24px; + margin-bottom: 27px; font-size: 30px; text-align: center; -webkit-border-radius: 6px; -- cgit v1.2.3 From 7ca3b98d885071bc032ca28e20452ad879cea422 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 25 Jan 2012 13:56:44 -0800 Subject: docs fixes --- docs/assets/css/docs.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 739ae1fc4..b70b039f2 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -266,12 +266,12 @@ section { .marketing p { margin-right: 10px; } -.marketing .icon { +.marketing .bs-icon { float: left; margin: 7px 10px 0 0; opacity: .8; } -.marketing .small-icon { +.marketing .small-bs-icon { float: left; margin: 4px 5px 0 0; } @@ -497,7 +497,7 @@ section { /* Giant download button */ .download-btn { - margin: 36px 0 108px; + margin: 36px 0 108px.i; } .download p, .download h4 { -- cgit v1.2.3 From e877d125d7a2c673fec4e63600c2d8544c3128f6 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 25 Jan 2012 20:02:32 -0800 Subject: fix button group shadows, update js docs to fix alert js file link --- docs/assets/css/docs.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index b70b039f2..3265e324f 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -172,9 +172,9 @@ section { border-right-color: #ddd; border-left: 0; padding-left: 13px; - -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.075); - -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,.075); - box-shadow: inset 0 3px 5px rgba(0,0,0,.075); + -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.05); + -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,.05); + box-shadow: inset 0 3px 5px rgba(0,0,0,.05); } .subnav .nav li:first-child a { border-left: 0; -- cgit v1.2.3 From ce467f70915a6846ed0638422114ee35d29aa1cd Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 25 Jan 2012 20:11:13 -0800 Subject: consistency in download page heading --- docs/assets/css/docs.css | 1 - 1 file changed, 1 deletion(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 3265e324f..9f21f901f 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -30,7 +30,6 @@ body { -webkit-transition: all .2s linear; -moz-transition: all .2s linear; transition: all .2s linear; - } .navbar-fixed .brand:hover { text-decoration: none; -- cgit v1.2.3 From 0ef4b6419fd83170dd62049a2850c5e8466635c9 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 26 Jan 2012 10:00:09 -0800 Subject: overhaul frontpage jumbotron, add js for twitter buttons back in, fix up some form ids and classes, straighten out the use of primary button variable --- docs/assets/css/docs.css | 50 +++++++++++++++++++++++++++++++++--------------- 1 file changed, 35 insertions(+), 15 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 9f21f901f..d266dd92e 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -50,31 +50,41 @@ section { line-height: 1; } +/* Faded out hr */ +hr.soften { + height: 1px; + margin: 54px 0; + background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0)); + background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0)); + background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0)); + background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0)); + border: 0; +} + /* Jumbotrons -------------------------------------------------- */ .jumbotron { position: relative; - text-shadow: 0 1px 0 #fff; } .jumbotron h1 { - margin-right: 40%; margin-bottom: 9px; - font-size: 90px; + font-size: 108px; letter-spacing: -1px; line-height: 1; } .jumbotron p { - margin-right: 32%; - margin-bottom: 20px; + margin-bottom: 18px; font-size: 25px; font-weight: 300; line-height: 36px; + color: #333; } .jumbotron .btn-large { font-size: 20px; + font-weight: normal; padding: 14px 24px; - margin-right: 5px; + margin-right: 10px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; @@ -84,9 +94,26 @@ section { color: #999; } +/* Masthead (docs home) */ +.masthead { + padding: 36px 0 0; +} +.masthead h1, +.masthead p { + text-align: center; +} +.masthead h1 { + margin-bottom: 18px; +} +.masthead p { + margin: 0 5% 27px; +} + + /* Benefits list in masthead */ .benefits { - width: 280px; + display: none; + width: 260px; position: absolute; right: 0; bottom: 0; @@ -213,16 +240,9 @@ section { .quick-links { min-height: 30px; padding: 5px 20px; - margin: 45px 0; + margin: 36px 0; list-style: none; text-align: center; - background-color: #eee; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,.03); - -moz-box-shadow: inset 0 1px 0 rgba(0,0,0,.03); - box-shadow: inset 0 1px 0 rgba(0,0,0,.03); overflow: hidden; } .quick-links li { -- cgit v1.2.3 From ef4d0dd7dbd959f830d4cb7976d6a4b061784ec6 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 26 Jan 2012 10:12:25 -0800 Subject: space out masthead a git more --- docs/assets/css/docs.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index d266dd92e..27c446d23 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -96,7 +96,8 @@ hr.soften { /* Masthead (docs home) */ .masthead { - padding: 36px 0 0; + padding-top: 36px; + margin-bottom: 72px; } .masthead h1, .masthead p { -- cgit v1.2.3 From 9c1ec6fb98efb72dbf9618e6c332702082dcd622 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 26 Jan 2012 11:40:29 -0800 Subject: updated homepage docs to distill strapline --- docs/assets/css/docs.css | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 27c446d23..8745d9985 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -69,7 +69,7 @@ hr.soften { } .jumbotron h1 { margin-bottom: 9px; - font-size: 108px; + font-size: 90px; letter-spacing: -1px; line-height: 1; } @@ -108,6 +108,8 @@ hr.soften { } .masthead p { margin: 0 5% 27px; + font-size: 30px; + line-height: 36px; } -- cgit v1.2.3 From b7f22e27ec89049f4347ae5249e97c08eb8d6a2f Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 26 Jan 2012 11:47:40 -0800 Subject: more docs homepage adjustments --- docs/assets/css/docs.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 8745d9985..449199ca0 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -69,7 +69,7 @@ hr.soften { } .jumbotron h1 { margin-bottom: 9px; - font-size: 90px; + font-size: 81px; letter-spacing: -1px; line-height: 1; } @@ -107,7 +107,7 @@ hr.soften { margin-bottom: 18px; } .masthead p { - margin: 0 5% 27px; + margin: 0 5% 18px; font-size: 30px; line-height: 36px; } -- cgit v1.2.3 From f398926e4647df1e7e5a2abdbc9e2e9e775eeb34 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 26 Jan 2012 15:22:52 -0800 Subject: move down background iamge --- docs/assets/css/docs.css | 1 + 1 file changed, 1 insertion(+) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 449199ca0..2ef413906 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -14,6 +14,7 @@ body { background-color: #fff; background-image: url(../img/grid-18px-masked.png); background-repeat: repeat-x; + background-position: 0 40px; } -- cgit v1.2.3 From c8d2c4e44297d52339216f7e6664d9105ff554a1 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Thu, 26 Jan 2012 16:45:01 -0800 Subject: fix height of download button --- docs/assets/css/docs.css | 1 + 1 file changed, 1 insertion(+) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 2ef413906..6fa20cf4d 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -538,6 +538,7 @@ hr.soften { padding: 19px 24px; margin-bottom: 27px; font-size: 30px; + line-height: 1; text-align: center; -webkit-border-radius: 6px; -moz-border-radius: 6px; -- cgit v1.2.3 From e8647c1b118d2c726a8987e9a41aad82da972b57 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 27 Jan 2012 13:20:02 -0800 Subject: huuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuge update to doces and stuff --- docs/assets/css/docs.css | 32 ++++++++++++++++++-------------- 1 file changed, 18 insertions(+), 14 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 6fa20cf4d..19356df1a 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -20,7 +20,7 @@ body { /* Tweak navbar brand link to be super sleek -------------------------------------------------- */ -.navbar-fixed .brand { +.navbar-fixed-top .brand { padding-right: 0; padding-left: 0; margin-left: 20px; @@ -32,7 +32,7 @@ body { -moz-transition: all .2s linear; transition: all .2s linear; } -.navbar-fixed .brand:hover { +.navbar-fixed-top .brand:hover { text-decoration: none; } @@ -302,14 +302,9 @@ hr.soften { /* Quickstart section for getting le code -------------------------------------------------- */ -.getting-started h3, -.getting-started p { - line-height: 18px; - text-align: center; - margin-bottom: 9px; -} .getting-started p { color: #777; + margin-bottom: 9px; } .getting-started .current-version, .getting-started .current-version a { @@ -322,14 +317,12 @@ hr.soften { display: block; width: 95%; height: auto; - margin-left: auto; - margin-right: auto; font-family: Menlo, Monaco, "Courier New", monospace; font-size: 12px; line-height: 20px; white-space: nowrap; overflow: hidden; - background-color: #f5f5f5; + color: #999; /* Makes inputs behave like true block-level elements */ -webkit-box-sizing: border-box; /* Older Webkit */ -moz-box-sizing: border-box; /* Older FF */ @@ -339,6 +332,9 @@ hr.soften { *width: 80%; *height: 24px; } +.getting-started textarea:focus { + color: #333; +} /* Footer @@ -476,7 +472,7 @@ hr.soften { margin-top: 36px; } .page-header .toggle-all { - margin-top: 13px; + margin-top: 5px; } /* Space out h3s when following a section */ @@ -518,6 +514,11 @@ hr.soften { color: #777; } +/* Variables section */ +#variables label { + margin-bottom: 0; +} + /* Giant download button */ .download-btn { margin: 36px 0 108px.i; @@ -525,13 +526,16 @@ hr.soften { .download p, .download h4 { max-width: 50%; - margin: 0 auto 18px; + margin: 0 auto; color: #999; text-align: center; } -.download-btn h4 { +.download h4 { margin-bottom: 0; } +.download p { + margin-bottom: 18px; +} .btn.xlarge { display: block; width: auto; -- cgit v1.2.3 From 800d0b24e08dec4835e7f4126701428c5c5bae2c Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 27 Jan 2012 15:28:09 -0800 Subject: remove page-header from docs and add to type.less --- docs/assets/css/docs.css | 8 -------- 1 file changed, 8 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 19356df1a..bc3c97106 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -42,14 +42,6 @@ body { section { padding-top: 60px; } -.page-header { - margin: 18px 0; - border-bottom: 1px solid #eee; -} -.page-header h1 { - margin-bottom: 17px; - line-height: 1; -} /* Faded out hr */ hr.soften { -- cgit v1.2.3 From f6dc566963c63d5113e72f0098ad9da2c414f33f Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 27 Jan 2012 16:26:55 -0800 Subject: overhaul navbar behavior in responsive css --- docs/assets/css/docs.css | 37 ++++++++++++++++++++++++++----------- 1 file changed, 26 insertions(+), 11 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index bc3c97106..cf4b1962f 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -723,6 +723,11 @@ form.well { @media (max-width: 768px) { + /* Remove any padding from the body */ + body { + padding-top: 0; + } + /* Subnav */ .subnav { position: static; @@ -745,13 +750,6 @@ form.well { border-top: 1px solid #e5e5e5; } - /* Adjust the jumbotron */ - .jumbotron .benefits { - position: relative; - width: auto; - margin: 36px 0; - } - /* Popovers */ .large-bird { display: none; @@ -787,9 +785,14 @@ form.well { .jumbotron h1 { font-size: 54px; } + .masthead p { + font-size: 25px; + line-height: 36px; + } .jumbotron h1, .jumbotron p { margin-right: 0; + margin-left: 0; } } @@ -797,15 +800,27 @@ form.well { @media (min-width: 768px) and (max-width: 940px) { + /* Remove any padding from the body */ + body { + padding-top: 0; + } + /* Scale down the jumbotron content */ .jumbotron h1 { font-size: 72px; } - /* Provide enough space on right-hand side for benefits list */ - .jumbotron h1, - .jumbotron p { - margin-right: 40%; +} + +@media (max-width: 940px) { + + /* Unfloat brand */ + .navbar-fixed-top .brand { + float: none; + margin-left: 0; + padding-left: 15px; + padding-right: 15px; } + } -- cgit v1.2.3 From cb8606f2c84adb57c82dd7bd401574a2376ff952 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Fri, 27 Jan 2012 22:52:45 -0800 Subject: adding wells and close icon to the docs under misc in components, with a new subnav style --- docs/assets/css/docs.css | 25 +++++++++++++------------ 1 file changed, 13 insertions(+), 12 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index cf4b1962f..5a6bd971f 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -154,7 +154,6 @@ hr.soften { .subnav { width: 100%; height: 36px; - overflow: hidden; background-color: #eeeeee; /* Old browsers */ background-repeat: repeat-x; /* Repeat the gradient */ background-image: -moz-linear-gradient(top, #f5f5f5 0%, #eeeeee 100%); /* FF3.6+ */ @@ -172,37 +171,39 @@ hr.soften { .subnav .nav { margin-bottom: 0; } -.subnav .nav a { +.subnav .nav > li > a { margin: 0; padding-top: 11px; padding-bottom: 11px; font-size: 13px; - color: #777; + text-shadow: 0 1px 0 rgba(255,255,255,.5); border-left: 1px solid #f5f5f5; border-right: 1px solid #e5e5e5; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } -.subnav .nav a:hover, -.subnav .nav .active a { - background-color: transparent; - color: #333; -} -.subnav .nav .active a { +.subnav .nav > .active > a, +.subnav .nav > .active > a:hover { + padding-left: 13px; + color: #777; background-color: #e9e9e9; border-right-color: #ddd; border-left: 0; - padding-left: 13px; -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.05); -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,.05); box-shadow: inset 0 3px 5px rgba(0,0,0,.05); } -.subnav .nav li:first-child a { +.subnav .nav > .active > a .caret, +.subnav .nav > .active > a:hover .caret { + border-top-color: #777; +} +.subnav .nav > li:first-child > a, +.subnav .nav > li:first-child > a:hover { border-left: 0; padding-left: 12px; } -.subnav .nav li:last-child a { +.subnav .nav > li:last-child > a { border-right: 0; } -- cgit v1.2.3 From d448e6921e6fc39e4fe7f484da004b2196517478 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 28 Jan 2012 00:23:30 -0800 Subject: rewrite the code section of the type docs --- docs/assets/css/docs.css | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 5a6bd971f..d13686ea7 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -681,6 +681,7 @@ form.well { } .jumbotron p { margin-right: 0; + margin-left: 0; font-size: 18px; line-height: 24px; } @@ -695,6 +696,10 @@ form.well { .quick-links { margin: 40px 0 0; } + .quick-links li { + margin-top: 5px; + margin-bottom: 5px; + } /* hide the bullets on mobile since our horizontal space is limited */ .quick-links .divider { display: none; @@ -744,7 +749,7 @@ form.well { .subnav .nav > li { float: none; } - .subnav .nav a { + .subnav .nav > li > a { border: 0; } .subnav .nav li + li a { -- cgit v1.2.3 From 963e5e0eda465f3718381fb8c02f69269b51afeb Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 28 Jan 2012 00:27:49 -0800 Subject: scope subnav link styles to first child, and no dropdowns --- docs/assets/css/docs.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index d13686ea7..061a231df 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -752,7 +752,7 @@ form.well { .subnav .nav > li > a { border: 0; } - .subnav .nav li + li a { + .subnav .nav > li + li a { border-top: 1px solid #e5e5e5; } -- cgit v1.2.3 From cc01d3c367a26bfed36c9eabbf074dccc8570dfa Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 28 Jan 2012 00:31:55 -0800 Subject: extend block level smalls to h2s in docs --- docs/assets/css/docs.css | 9 ++++----- 1 file changed, 4 insertions(+), 5 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 061a231df..41029ded1 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -657,14 +657,13 @@ form.well { } /* Change up some type stuff */ - h1 small { - display: block; - line-height: 20px; - } - /* More space between sections */ h2 { margin-top: 27px; } + h2 small { + display: block; + line-height: 18px; + } h3 { margin-top: 18px; } -- cgit v1.2.3 From 967030cb532c642f076d1e1fc4e5a1e2cee18561 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 28 Jan 2012 00:39:22 -0800 Subject: modal refinements in docs and general responsiveness --- docs/assets/css/docs.css | 9 +++++++++ 1 file changed, 9 insertions(+) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 41029ded1..0b221e3b2 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -723,6 +723,15 @@ form.well { word-wrap: break-word; word-break: break-all; } + + /* Modal example */ + .modal-example .modal { + position: relative; + top: auto; + right: auto; + bottom: auto; + left: auto; + } } -- cgit v1.2.3 From 28ba9d69c82895bbd9a1d66cea855119f4aba349 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 28 Jan 2012 11:21:39 -0800 Subject: nav, buttons, and docs updates to account for outline: 0; on :active --- docs/assets/css/docs.css | 17 +++++++++++++++-- 1 file changed, 15 insertions(+), 2 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 0b221e3b2..8c92f087f 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -173,10 +173,9 @@ hr.soften { } .subnav .nav > li > a { margin: 0; - padding-top: 11px; + padding-top: 11px; padding-bottom: 11px; font-size: 13px; - text-shadow: 0 1px 0 rgba(255,255,255,.5); border-left: 1px solid #f5f5f5; border-right: 1px solid #e5e5e5; -webkit-border-radius: 0; @@ -202,10 +201,18 @@ hr.soften { .subnav .nav > li:first-child > a:hover { border-left: 0; padding-left: 12px; + -webkit-border-radius: 4px 0 0 4px; + -moz-border-radius: 4px 0 0 4px; + border-radius: 4px 0 0 4px; } .subnav .nav > li:last-child > a { border-right: 0; } +.subnav .dropdown-menu { + -webkit-border-radius: 0 0 4px 4px; + -moz-border-radius: 0 0 4px 4px; + border-radius: 0 0 4px 4px; +} /* Fixed subnav on scroll, but only for 940px and up (sorry IE!) */ @media (min-width: 940px) { @@ -229,6 +236,12 @@ hr.soften { margin: 0 auto; padding: 0 1px; } + .subnav .nav > li:first-child > a, + .subnav .nav > li:first-child > a:hover { + -webkit-border-radius: 0; + -moz-border-radius: 0; + border-radius: 0; + } } -- cgit v1.2.3 From 70c6a6cd855a617b086682ef919e02cf67d4e86e Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 28 Jan 2012 12:58:26 -0800 Subject: fix border and border radius on radios/checkboxes for iOS, fix forms docs alignment on small devices --- docs/assets/css/docs.css | 62 ++++-------------------------------------------- 1 file changed, 5 insertions(+), 57 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 8c92f087f..a48558395 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -306,42 +306,6 @@ hr.soften { } -/* Quickstart section for getting le code --------------------------------------------------- */ -.getting-started p { - color: #777; - margin-bottom: 9px; -} -.getting-started .current-version, -.getting-started .current-version a { - color: #999; -} -.getting-started form { - margin-bottom: 0; -} -.getting-started textarea { - display: block; - width: 95%; - height: auto; - font-family: Menlo, Monaco, "Courier New", monospace; - font-size: 12px; - line-height: 20px; - white-space: nowrap; - overflow: hidden; - color: #999; - /* Makes inputs behave like true block-level elements */ - -webkit-box-sizing: border-box; /* Older Webkit */ - -moz-box-sizing: border-box; /* Older FF */ - -ms-box-sizing: border-box; /* IE8 */ - box-sizing: border-box; /* CSS3 spec*/ - /* Hacks for IE7 to make this work just okay enough to function */ - *width: 80%; - *height: 24px; -} -.getting-started textarea:focus { - color: #333; -} - /* Footer -------------------------------------------------- */ @@ -354,27 +318,6 @@ hr.soften { margin-bottom: 0; color: #555; } -.footer dl { - margin-bottom: 0; -} -.footer dl dt { - font-size: 11px; - color: #999; - text-transform: uppercase; -} -.footer dl dd + dt { - margin-top: 18px; -} -.footer dl dd { - margin-left: 0; - font-size: 12px; -} -.footer dl a { - color: #999; -} -.footer dl a:hover { - color: #555; -} @@ -745,6 +688,11 @@ form.well { bottom: auto; left: auto; } + + /* Forms docs */ + .form-docs { + padding-left: 0; /* down from 10px */ + } } -- cgit v1.2.3 From 22d52fca46c792c08bd316298c4dd85e52bf531f Mon Sep 17 00:00:00 2001 From: Jacob Thornton Date: Sat, 28 Jan 2012 16:21:55 -0800 Subject: fix goign between small view large view with responsive collapse --- docs/assets/css/docs.css | 17 +++++++++++------ 1 file changed, 11 insertions(+), 6 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index a48558395..b06065365 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -47,10 +47,10 @@ section { hr.soften { height: 1px; margin: 54px 0; - background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0)); - background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0)); - background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0)); - background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0)); + background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0)); + background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0)); + background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0)); + background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0)); border: 0; } @@ -166,7 +166,7 @@ hr.soften { border: 1px solid #e5e5e5; -webkit-border-radius: 4px; -moz-border-radius: 4px; - border-radius: 4px; + border-radius: 4px; } .subnav .nav { margin-bottom: 0; @@ -695,6 +695,11 @@ form.well { } } +@media (min-width: 940px) { + .nav-collapse.collapse { + height: auto !important; + } +} @media (max-width: 768px) { @@ -788,7 +793,7 @@ form.well { } @media (max-width: 940px) { - + /* Unfloat brand */ .navbar-fixed-top .brand { float: none; -- cgit v1.2.3 From 4fa931e403ec3ae2f8f7f690c6c4040365f68ba9 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 28 Jan 2012 18:11:31 -0800 Subject: fix the navbar click and a few jank responsive problems --- docs/assets/css/docs.css | 23 +++++++++++++++++++---- 1 file changed, 19 insertions(+), 4 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index b06065365..cc7ca0c63 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -522,6 +522,7 @@ h2 + .row { /* Example sites showcase */ .example-sites img { max-width: 100%; + margin: 0 auto; } .marketing-byline { margin: -18px 0 27px; @@ -646,6 +647,10 @@ form.well { padding: 10px 14px; margin: 0 auto 10px; } + /* Masthead (home page jumbotron) */ + .masthead { + padding-top: 0; + } /* Don't space out quick links so much */ .quick-links { @@ -669,8 +674,9 @@ form.well { display: block; max-width: 300px; margin: 0 auto 18px; + text-align: center; } - .example-sites img { + .example-sites .thumbnail > img { max-width: 270px; } @@ -796,11 +802,20 @@ form.well { /* Unfloat brand */ .navbar-fixed-top .brand { - float: none; + float: left; margin-left: 0; - padding-left: 15px; - padding-right: 15px; + padding-left: 10px; + padding-right: 10px; } } +/* LARGE DESKTOP SCREENS */ +@media (min-width: 1210px) { + + /* Update subnav container */ + .subnav-fixed .nav { + width: 1168px; /* 2px less to account for left/right borders being removed when in fixed mode */ + } + +} -- cgit v1.2.3 From e17c9249d2bef78355711ce305e1a8d36bd75c3e Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 28 Jan 2012 18:27:09 -0800 Subject: fix dropdowns in subnav --- docs/assets/css/docs.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index cc7ca0c63..430191a6f 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -732,7 +732,7 @@ form.well { .subnav .nav > li > a { border: 0; } - .subnav .nav > li + li a { + .subnav .nav > li + li > a { border-top: 1px solid #e5e5e5; } -- cgit v1.2.3 From 3e462f1fb27b3ca97135948dc74ccef55336c8bb Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 28 Jan 2012 20:26:27 -0800 Subject: update docs to simplify some css --- docs/assets/css/docs.css | 30 ------------------------------ 1 file changed, 30 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 430191a6f..f36fa76d6 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -106,35 +106,6 @@ hr.soften { } -/* Benefits list in masthead */ -.benefits { - display: none; - width: 260px; - position: absolute; - right: 0; - bottom: 0; -} -.benefits ul { - list-style: none; - margin: 0; -} -.benefits li { - font-size: 16px; - font-weight: 300; - line-height: 35px; - color: #555; -} -.benefits li + li { - border-top: 1px solid #f5f5f5; -} -.benefits h4 { - color: #555; -} -.benefits span { - padding-right: 5px; - color: #999; -} - /* Specific jumbotrons ------------------------- */ /* supporting docs pages */ @@ -175,7 +146,6 @@ hr.soften { margin: 0; padding-top: 11px; padding-bottom: 11px; - font-size: 13px; border-left: 1px solid #f5f5f5; border-right: 1px solid #e5e5e5; -webkit-border-radius: 0; -- cgit v1.2.3 From 59d9983ebcc889b5e5626d672311e92657bfe3e8 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 28 Jan 2012 22:03:14 -0800 Subject: updates to responsive and docs for responsive navbar --- docs/assets/css/docs.css | 7 ++----- 1 file changed, 2 insertions(+), 5 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index f36fa76d6..7876f300a 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -671,11 +671,6 @@ form.well { } } -@media (min-width: 940px) { - .nav-collapse.collapse { - height: auto !important; - } -} @media (max-width: 768px) { @@ -768,6 +763,7 @@ form.well { } + @media (max-width: 940px) { /* Unfloat brand */ @@ -780,6 +776,7 @@ form.well { } + /* LARGE DESKTOP SCREENS */ @media (min-width: 1210px) { -- cgit v1.2.3 From 15a1c0ce7988aaf715096760fa99eff7b23937f4 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 28 Jan 2012 23:58:39 -0800 Subject: add swatches to the color variables in less docs page --- docs/assets/css/docs.css | 24 ++++++++++++++++++++++++ 1 file changed, 24 insertions(+) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 7876f300a..9b8244d49 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -470,6 +470,30 @@ hr.soften { +/* Color swatches on LESS docs page +-------------------------------------------------- */ +/* Sets the width of the td */ +.swatch-col { + width: 30px; +} +/* Le swatch */ +.swatch { + display: inline-block; + width: 30px; + height: 20px; + margin: -6px 0; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} +/* For white swatches, give a border */ +.swatch-bordered { + width: 28px; + height: 18px; + border: 1px solid #eee; +} + + /* Misc -------------------------------------------------- */ -- cgit v1.2.3 From 7bf27674523c35f8803311a964dc72a7093351c0 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 29 Jan 2012 00:07:01 -0800 Subject: remove form docs from the styles and markup, it's no longer needed --- docs/assets/css/docs.css | 17 ----------------- 1 file changed, 17 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 9b8244d49..74b548628 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -543,19 +543,6 @@ form.well { margin: 18px 0; } -/* Form docs for horizontal forms */ -.form-docs { - padding-left: 10px; -} -.form-docs h3, -.form-docs p, -.form-docs li { - color: #777; -} -.form-docs hr { - margin: 18px 0; -} - /* Fake the :focus state to demo it */ .focused { border-color: rgba(82,168,236,.8); @@ -689,10 +676,6 @@ form.well { left: auto; } - /* Forms docs */ - .form-docs { - padding-left: 0; /* down from 10px */ - } } -- cgit v1.2.3 From 2ba1b01f8d9a0410d9cf45532d8924d858af74cd Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 29 Jan 2012 17:03:05 -0800 Subject: subnav adjustments --- docs/assets/css/docs.css | 7 +++++++ 1 file changed, 7 insertions(+) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 74b548628..1380b9e6c 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -707,6 +707,13 @@ form.well { .subnav .nav > li + li > a { border-top: 1px solid #e5e5e5; } + .subnav .nav > li:first-child > a, + .subnav .nav > li:first-child > a:hover { + -webkit-border-radius: 4px 4px 0 0; + -moz-border-radius: 4px 4px 0 0; + border-radius: 4px 4px 0 0; + } + /* Popovers */ .large-bird { -- cgit v1.2.3 From ae7f94eeff733584cbdc80a2d13a85f136a7744e Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 30 Jan 2012 00:39:44 -0800 Subject: overhaul grid mixins and variables, standardize fluid grid system and enable it across responsive layouts --- docs/assets/css/docs.css | 1 + 1 file changed, 1 insertion(+) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 1380b9e6c..acbcc6941 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -553,6 +553,7 @@ form.well { } /* For input sizes, make them display block */ +.docs-input-sizes select, .docs-input-sizes input[type=text] { display: block; margin-bottom: 9px; -- cgit v1.2.3 From 21bebe77feb9265b06d65e1e941cf7c73c4d90c1 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 30 Jan 2012 20:50:51 -0800 Subject: refactor buttons.less --- docs/assets/css/docs.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index acbcc6941..026872a34 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -73,7 +73,7 @@ hr.soften { line-height: 36px; color: #333; } -.jumbotron .btn-large { +.jumbotron .btn { font-size: 20px; font-weight: normal; padding: 14px 24px; -- cgit v1.2.3 From 0f3a073b8dca534e78c09b71999d5a2632e2245d Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 30 Jan 2012 21:15:57 -0800 Subject: *really* refactor the buttons and update them all over the docs --- docs/assets/css/docs.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 026872a34..a5ad9631a 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -73,7 +73,7 @@ hr.soften { line-height: 36px; color: #333; } -.jumbotron .btn { +.jumbotron .btn-large { font-size: 20px; font-weight: normal; padding: 14px 24px; @@ -440,7 +440,7 @@ hr.soften { /* Giant download button */ .download-btn { - margin: 36px 0 108px.i; + margin: 36px 0 108px; } .download p, .download h4 { @@ -455,7 +455,7 @@ hr.soften { .download p { margin-bottom: 18px; } -.btn.xlarge { +.download-btn .btn { display: block; width: auto; padding: 19px 24px; -- cgit v1.2.3 From 47a68ae3aa8cad828eebe529403b46210c9d9d16 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 30 Jan 2012 22:57:00 -0800 Subject: update icons everywhere to be scoped per other components, fix broken elements on js docs page --- docs/assets/css/docs.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index a5ad9631a..7b6e4ef3a 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -564,14 +564,14 @@ form.well { .the-icons { margin-bottom: 18px; } -.the-icons i { +.the-icons .i { display: block; margin-bottom: 5px; } -.the-icons i:hover { +.the-icons .i:hover { background-color: rgba(255,0,0,.25); } -.the-icons i:after { +.the-icons .i:after { display: block; content: attr(class); font-style: normal; -- cgit v1.2.3 From 61b47e91b800e022f1736da772eb23aa9077f2f1 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 30 Jan 2012 23:10:29 -0800 Subject: update layout docs --- docs/assets/css/docs.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 7b6e4ef3a..9d07f3c44 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -356,8 +356,8 @@ hr.soften { height: 240px; } .mini-layout.fluid .mini-layout-body { - width: 60%; - margin-left: 10px; + width: 77.5%; + margin-left: 2.5%; } -- cgit v1.2.3 From d533310bd2fa157edb076f9047af8f1cff0fca05 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Mon, 30 Jan 2012 23:24:35 -0800 Subject: once more, overhaul the icons and use the css regex selector on our icons --- docs/assets/css/docs.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) (limited to 'docs/assets/css/docs.css') diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 9d07f3c44..cc64d3166 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -564,14 +564,14 @@ form.well { .the-icons { margin-bottom: 18px; } -.the-icons .i { +.the-icons i { display: block; margin-bottom: 5px; } -.the-icons .i:hover { +.the-icons i:hover { background-color: rgba(255,0,0,.25); } -.the-icons .i:after { +.the-icons i:after { display: block; content: attr(class); font-style: normal; -- cgit v1.2.3