diff --git a/bootstrap-1.0.0.css b/bootstrap-1.0.0.css index d470903835..be3c96fd36 100644 --- a/bootstrap-1.0.0.css +++ b/bootstrap-1.0.0.css @@ -1,11 +1,11 @@ /* - * Master Stylesheet - * This file is only for importing all required stylesheets for LESS to include and then compile. + * Bootstrap v1.0.0 * * Copyright 2011 Twitter, Inc - * Open-sourced under Apache License v2.0: http://www.apache.org/licenses/LICENSE-2.0 + * Licensed under the Apache License v2.0 + * http://www.apache.org/licenses/LICENSE-2.0 * - * Designed and built @twitter by @mdo and @fat, like bosses. + * Designed and built with all the love in the world @twitter by @mdo and @fat. */ /* * Reset.less @@ -626,7 +626,7 @@ form .uneditable-input { line-height: 18px; height: 18px; color: #808080; - border: 1px solid #bbb; + border: 1px solid #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; @@ -653,13 +653,16 @@ form textarea { -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; -moz-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s; + -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); + -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); + box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); } form input[type=text]:focus, form input[type=password]:focus, form textarea:focus { outline: none; - border-color: rgba(82, 168, 236, 0.75); - -webkit-box-shadow: 0 0 8px rgba(82, 168, 236, 0.5); - -moz-box-shadow: 0 0 8px rgba(82, 168, 236, 0.5); - box-shadow: 0 0 8px rgba(82, 168, 236, 0.5); + border-color: rgba(82, 168, 236, 0.8); + -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6); + -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6); + box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6); } form div.error { background: #fae5e3; diff --git a/bootstrap-1.0.0.min.css b/bootstrap-1.0.0.min.css index ddb1ea0d41..9c8e15ea2f 100644 --- a/bootstrap-1.0.0.min.css +++ b/bootstrap-1.0.0.min.css @@ -72,12 +72,12 @@ form label,form input,form select,form textarea{font-family:"Helvetica Neue",Hel form label{padding-top:6px;font-size:13px;line-height:18px;float:left;width:130px;text-align:right;color:#404040;} form div.input{margin-left:150px;} form input[type=checkbox],form input[type=radio]{cursor:pointer;} -form input[type=text],form input[type=password],form textarea,form select,form .uneditable-input{display:inline-block;width:210px;margin:0;padding:4px;font-size:13px;line-height:18px;height:18px;color:#808080;border:1px solid #bbb;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} +form input[type=text],form input[type=password],form textarea,form select,form .uneditable-input{display:inline-block;width:210px;margin:0;padding:4px;font-size:13px;line-height:18px;height:18px;color:#808080;border:1px solid #ccc;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} form select,form input[type=file]{height:27px;line-height:27px;} form textarea{height:auto;} form .uneditable-input{background-color:#eee;display:block;border-color:#ccc;-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.075);-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.075);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.075);} -form input[type=text],form input[type=password],form select,form textarea{-webkit-transition:border linear 0.2s,box-shadow linear 0.2s;-moz-transition:border linear 0.2s,box-shadow linear 0.2s;transition:border linear 0.2s,box-shadow linear 0.2s;} -form input[type=text]:focus,form input[type=password]:focus,form textarea:focus{outline:none;border-color:rgba(82, 168, 236, 0.75);-webkit-box-shadow:0 0 8px rgba(82, 168, 236, 0.5);-moz-box-shadow:0 0 8px rgba(82, 168, 236, 0.5);box-shadow:0 0 8px rgba(82, 168, 236, 0.5);} +form input[type=text],form input[type=password],form select,form textarea{-webkit-transition:border linear 0.2s,box-shadow linear 0.2s;-moz-transition:border linear 0.2s,box-shadow linear 0.2s;transition:border linear 0.2s,box-shadow linear 0.2s;-webkit-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1);-moz-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1);box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1);} +form input[type=text]:focus,form input[type=password]:focus,form textarea:focus{outline:none;border-color:rgba(82, 168, 236, 0.8);-webkit-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1),0 0 8px rgba(82, 168, 236, 0.6);-moz-box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1),0 0 8px rgba(82, 168, 236, 0.6);box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1),0 0 8px rgba(82, 168, 236, 0.6);} form div.error{background:#fae5e3;padding:10px 0;margin:-10px 0 10px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}form div.error>label,form div.error span.help-inline,form div.error span.help-block{color:#9d261d;} form div.error input[type=text],form div.error input[type=password],form div.error textarea{border-color:#c87872;-webkit-box-shadow:0 0 3px rgba(171, 41, 32, 0.25);-moz-box-shadow:0 0 3px rgba(171, 41, 32, 0.25);box-shadow:0 0 3px rgba(171, 41, 32, 0.25);}form div.error input[type=text]:focus,form div.error input[type=password]:focus,form div.error textarea:focus{border-color:#b9554d;-webkit-box-shadow:0 0 6px rgba(171, 41, 32, 0.5);-moz-box-shadow:0 0 6px rgba(171, 41, 32, 0.5);box-shadow:0 0 6px rgba(171, 41, 32, 0.5);} form div.error div.input-prepend span.add-on,form div.error div.input-append span.add-on{background:#f4c8c5;border-color:#c87872;color:#b9554d;} diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index 92f9d95605..66b8b7ccfb 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -17,20 +17,20 @@ section { #masthead, #footer { background-color: #049cd9; background-repeat: no-repeat; - background-image: -webkit-gradient(linear, left top, left bottom, from(#0056b0), to(#049cd9)); - background-image: -webkit-linear-gradient(#0056b0, #049cd9); - background-image: -moz-linear-gradient(#0056b0, #049cd9); - background-image: -o-linear-gradient(top, #0056b0, #049cd9); - background-image: -khtml-gradient(linear, left top, left bottom, from(#0056b0), to(#049cd9)); - filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#0056b0', EndColorStr='#049cd9', GradientType=0); - -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#0056b0', EndColorStr='#049cd9', GradientType=0))"; + 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); + -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#004D9F', EndColorStr='#049cd9', GradientType=0))"; } #masthead div.inner, #footer div.inner { background: transparent url(../img/grid-18px.png) top center; padding: 45px 0; - -webkit-box-shadow: inset 0 10px 30px rgba(0, 0, 0, 0.25); - -moz-box-shadow: inset 0 10px 30px rgba(0, 0, 0, 0.25); - box-shadow: inset 0 10px 30px rgba(0, 0, 0, 0.25); + -webkit-box-shadow: inset 0 10px 30px rgba(0, 0, 0, 0.3); + -moz-box-shadow: inset 0 10px 30px rgba(0, 0, 0, 0.3); + box-shadow: inset 0 10px 30px rgba(0, 0, 0, 0.3); } #masthead h1, #footer h1, @@ -89,7 +89,7 @@ div.quickstart div.row { } div.quickstart div.columns { width: 285px; - height: 100px; + height: 117px; margin-left: 0; padding: 17px 20px 26px; border-left: 1px solid #eee; @@ -114,15 +114,11 @@ div.quickstart h6 { div.quickstart form textarea { display: block; width: 275px; - height: 21px; + height: auto; margin: 0 0 9px; line-height: 21px; white-space: nowrap; overflow: hidden; - border-color: #ddd; - -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.1); - -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,.1); - box-shadow: inset 0 1px 3px rgba(0,0,0,.1); } #footer { margin-top: 80px; @@ -131,6 +127,9 @@ div.quickstart form textarea { margin-bottom: 0; color: rgba(255,255,255,.8) } +#footer p.right { + float: right; +} /* Special grid styles -------------------------------------------------- */ .show-grid { diff --git a/docs/assets/js/application.js b/docs/assets/js/application.js index 2372bdb96f..3993c353e7 100644 --- a/docs/assets/js/application.js +++ b/docs/assets/js/application.js @@ -35,6 +35,15 @@ $(document).ready(function(){ }); + // Copy code blocks in docs + $(".copy-code").focus(function() { + $(this).select(); + }); + $(".copy-code").mouseup(function(e) { + e.preventDefault(); + }); + + // scroll spyer var activeTarget, $window = $(window), diff --git a/docs/index.html b/docs/index.html index 465e53ef2e..aab4ae4904 100644 --- a/docs/index.html +++ b/docs/index.html @@ -42,27 +42,12 @@
- Bootstrap is a toolkit from Twitter designed to kickstart development of websites and apps.
- It includes base CSS and HTML for typography, forms, buttons, tables, grids, navigation, and more.
-
Nerd alert: Bootstrap is built with LESS and was designed to work out of the gate with only modern browsers in mind.
- +
+ Bootstrap is a toolkit from Twitter designed to kickstart development of websites and apps.
+ It includes base CSS and HTML for typography, forms, buttons, tables, grids, navigation, and more.
+
Nerd alert: Bootstrap is built with LESS and was designed to work out of the gate with only modern browsers in mind.
For the quickest and easiest start, just copy this snippet into your webpage.
A fan of using LESS.js? No problem, just clone the repo and add these lines:
Preboot is a super awesome pack of mixins and variables to be used in conjunction with LESS, a CSS preprocessor for faster and easier web development, that we used to build Bootstrap.
+Bootstrap was built with Preboot, an open-source pack of mixins and variables to be used in conjunction with LESS, a CSS preprocessor for faster and easier web development.
+Check out how we used Preboot in Bootstrap and how you can make use of it should you choose to run LESS on your next project.
Get fancy and perform some match to generate flexible and powerful mixins like the one below.
+Get fancy and perform some math to generate flexible and powerful mixins like the one below.
// Griditude @gridColumns: 16; @@ -1263,6 +1249,7 @@