diff --git a/bootstrap.css b/bootstrap.css index 71d9424011..fb3a3f2ab3 100644 --- a/bootstrap.css +++ b/bootstrap.css @@ -6,7 +6,7 @@ * http://www.apache.org/licenses/LICENSE-2.0 * * Designed and built with all the love in the world @twitter by @mdo and @fat. - * Date: Tue Jan 24 12:27:30 PST 2012 + * Date: Tue Jan 24 13:58:10 PST 2012 */ article, aside, diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 69d9dac568..b8d5bfcdc0 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; diff --git a/docs/index.html b/docs/index.html index aea901cb5d..75b23b7c33 100644 --- a/docs/index.html +++ b/docs/index.html @@ -74,13 +74,13 @@
- Hotlink the CSS-For the quickest and easiest start, just copy this snippet into your webpage. - - |
-
- Use it with LESS-A fan of using LESS? No problem, just clone the repo and add these lines: - - |
-
- Fork on GitHub-Download, fork, pull, file issues, and more with the Bootstrap GitHub repo. - -Currently v2.0.0 - |
-
For the quickest and easiest start, just copy this snippet into your webpage.
+ +A fan of using LESS? No problem, just download the repo and add these lines to your page:
+ +Download, fork, pull, file issues, and more with the Bootstrap GitHub repo.
+ +Currently v2.0.0
+
- {{_i}}Hotlink the CSS{{/i}}-{{_i}}For the quickest and easiest start, just copy this snippet into your webpage.{{/i}} - - |
-
- {{_i}}Use it with LESS{{/i}}-{{_i}}A fan of using LESS? No problem, just clone the repo and add these lines:{{/i}} - - |
-
- {{_i}}Fork on GitHub{{/i}}-{{_i}}Download, fork, pull, file issues, and more with the Bootstrap GitHub repo.{{/i}} -{{_i}}Bootstrap on GitHub »{{/i}} -{{_i}}Currently{{/i}} v2.0.0 - |
-
{{_i}}For the quickest and easiest start, just copy this snippet into your webpage.{{/i}}
+ +{{_i}}A fan of using LESS? No problem, just download the repo and add these lines to your page:{{/i}}
+ +{{_i}}Download, fork, pull, file issues, and more with the Bootstrap GitHub repo.{{/i}}
+{{_i}}Bootstrap on GitHub »{{/i}}
+{{_i}}Currently{{/i}} v2.0.0
+