diff options
Diffstat (limited to 'docs')
| -rw-r--r-- | docs/assets/css/bootstrap.css | 280 | ||||
| -rw-r--r-- | docs/base-css.html | 40 | ||||
| -rw-r--r-- | docs/templates/pages/base-css.mustache | 40 |
3 files changed, 42 insertions, 318 deletions
diff --git a/docs/assets/css/bootstrap.css b/docs/assets/css/bootstrap.css index f49500b4e..30512c734 100644 --- a/docs/assets/css/bootstrap.css +++ b/docs/assets/css/bootstrap.css @@ -790,9 +790,10 @@ input[type="color"], } input, +select, textarea, .uneditable-input { - width: 220px; + width: 100%; } textarea { @@ -877,7 +878,6 @@ input[type="file"] { } select { - width: 220px; border: 1px solid #cccccc; } @@ -1037,114 +1037,6 @@ textarea[class*="span"], margin-left: 0; } -.controls-row input.span12, -textarea.span12, -select.span12, -.uneditable-input.span12 { - width: 97.87234042553192%; - margin-right: 1.0638297872340425%; - margin-left: 1.0638297872340425%; -} - -.controls-row input.span11, -textarea.span11, -select.span11, -.uneditable-input.span11 { - width: 89.53900709219857%; - margin-right: 1.0638297872340425%; - margin-left: 1.0638297872340425%; -} - -.controls-row input.span10, -textarea.span10, -select.span10, -.uneditable-input.span10 { - width: 81.20567375886526%; - margin-right: 1.0638297872340425%; - margin-left: 1.0638297872340425%; -} - -.controls-row input.span9, -textarea.span9, -select.span9, -.uneditable-input.span9 { - width: 72.87234042553192%; - margin-right: 1.0638297872340425%; - margin-left: 1.0638297872340425%; -} - -.controls-row input.span8, -textarea.span8, -select.span8, -.uneditable-input.span8 { - width: 64.53900709219857%; - margin-right: 1.0638297872340425%; - margin-left: 1.0638297872340425%; -} - -.controls-row input.span7, -textarea.span7, -select.span7, -.uneditable-input.span7 { - width: 56.20567375886525%; - margin-right: 1.0638297872340425%; - margin-left: 1.0638297872340425%; -} - -.controls-row input.span6, -textarea.span6, -select.span6, -.uneditable-input.span6 { - width: 47.87234042553192%; - margin-right: 1.0638297872340425%; - margin-left: 1.0638297872340425%; -} - -.controls-row input.span5, -textarea.span5, -select.span5, -.uneditable-input.span5 { - width: 39.53900709219859%; - margin-right: 1.0638297872340425%; - margin-left: 1.0638297872340425%; -} - -.controls-row input.span4, -textarea.span4, -select.span4, -.uneditable-input.span4 { - width: 31.205673758865245%; - margin-right: 1.0638297872340425%; - margin-left: 1.0638297872340425%; -} - -.controls-row input.span3, -textarea.span3, -select.span3, -.uneditable-input.span3 { - width: 22.872340425531917%; - margin-right: 1.0638297872340425%; - margin-left: 1.0638297872340425%; -} - -.controls-row input.span2, -textarea.span2, -select.span2, -.uneditable-input.span2 { - width: 14.53900709219858%; - margin-right: 1.0638297872340425%; - margin-left: 1.0638297872340425%; -} - -.controls-row input.span1, -textarea.span1, -select.span1, -.uneditable-input.span1 { - width: 6.205673758865247%; - margin-right: 1.0638297872340425%; - margin-left: 1.0638297872340425%; -} - .controls-row input.offset12, textarea.offset12, select.offset12, @@ -5665,174 +5557,6 @@ a.badge:hover { .offset1 { margin-left: 8.333333333333332%; } - input.span12, - textarea.span12, - select.span12, - .uneditable-input.span12 { - width: 97.43589743589743%; - margin-right: 1.282051282051282%; - margin-left: 1.282051282051282%; - } - input.span11, - textarea.span11, - select.span11, - .uneditable-input.span11 { - width: 89.10256410256409%; - margin-right: 1.282051282051282%; - margin-left: 1.282051282051282%; - } - input.span10, - textarea.span10, - select.span10, - .uneditable-input.span10 { - width: 80.76923076923077%; - margin-right: 1.282051282051282%; - margin-left: 1.282051282051282%; - } - input.span9, - textarea.span9, - select.span9, - .uneditable-input.span9 { - width: 72.43589743589743%; - margin-right: 1.282051282051282%; - margin-left: 1.282051282051282%; - } - input.span8, - textarea.span8, - select.span8, - .uneditable-input.span8 { - width: 64.10256410256409%; - margin-right: 1.282051282051282%; - margin-left: 1.282051282051282%; - } - input.span7, - textarea.span7, - select.span7, - .uneditable-input.span7 { - width: 55.769230769230774%; - margin-right: 1.282051282051282%; - margin-left: 1.282051282051282%; - } - input.span6, - textarea.span6, - select.span6, - .uneditable-input.span6 { - width: 47.43589743589744%; - margin-right: 1.282051282051282%; - margin-left: 1.282051282051282%; - } - input.span5, - textarea.span5, - select.span5, - .uneditable-input.span5 { - width: 39.10256410256411%; - margin-right: 1.282051282051282%; - margin-left: 1.282051282051282%; - } - input.span4, - textarea.span4, - select.span4, - .uneditable-input.span4 { - width: 30.769230769230766%; - margin-right: 1.282051282051282%; - margin-left: 1.282051282051282%; - } - input.span3, - textarea.span3, - select.span3, - .uneditable-input.span3 { - width: 22.435897435897438%; - margin-right: 1.282051282051282%; - margin-left: 1.282051282051282%; - } - input.span2, - textarea.span2, - select.span2, - .uneditable-input.span2 { - width: 14.1025641025641%; - margin-right: 1.282051282051282%; - margin-left: 1.282051282051282%; - } - input.span1, - textarea.span1, - select.span1, - .uneditable-input.span1 { - width: 5.769230769230768%; - margin-right: 1.282051282051282%; - margin-left: 1.282051282051282%; - } - input.offset12, - textarea.offset12, - select.offset12, - uneditable-input.offset12 { - margin-left: 101.28205128205128%; - } - input.offset11, - textarea.offset11, - select.offset11, - uneditable-input.offset11 { - margin-left: 92.94871794871794%; - } - input.offset10, - textarea.offset10, - select.offset10, - uneditable-input.offset10 { - margin-left: 84.61538461538463%; - } - input.offset9, - textarea.offset9, - select.offset9, - uneditable-input.offset9 { - margin-left: 76.28205128205128%; - } - input.offset8, - textarea.offset8, - select.offset8, - uneditable-input.offset8 { - margin-left: 67.94871794871794%; - } - input.offset7, - textarea.offset7, - select.offset7, - uneditable-input.offset7 { - margin-left: 59.61538461538462%; - } - input.offset6, - textarea.offset6, - select.offset6, - uneditable-input.offset6 { - margin-left: 51.282051282051285%; - } - input.offset5, - textarea.offset5, - select.offset5, - uneditable-input.offset5 { - margin-left: 42.948717948717956%; - } - input.offset4, - textarea.offset4, - select.offset4, - uneditable-input.offset4 { - margin-left: 34.61538461538461%; - } - input.offset3, - textarea.offset3, - select.offset3, - uneditable-input.offset3 { - margin-left: 26.28205128205128%; - } - input.offset2, - textarea.offset2, - select.offset2, - uneditable-input.offset2 { - margin-left: 17.948717948717945%; - } - input.offset1, - textarea.offset1, - select.offset1, - uneditable-input.offset1 { - margin-left: 9.615384615384613%; - } } @media (min-width: 768px) and (max-width: 979px) { diff --git a/docs/base-css.html b/docs/base-css.html index eaa5aa51e..8ddb107ff 100644 --- a/docs/base-css.html +++ b/docs/base-css.html @@ -923,12 +923,12 @@ For example, <code><section></code> should be wrapped as inlin <h3>Search form</h3> <p>Add <code>.form-search</code> to the form and <code>.search-query</code> to the <code><input></code> for an extra-rounded text input.</p> <form class="bs-docs-example form-search"> - <input type="text" class="input-medium search-query"> + <input type="text" class="span3 search-query"> <button type="submit" class="btn">Search</button> </form> <pre class="prettyprint linenums"> <form class="form-search"> - <input type="text" class="input-medium search-query"> + <input type="text" class="span3 search-query"> <button type="submit" class="btn">Search</button> </form> </pre> @@ -936,8 +936,8 @@ For example, <code><section></code> should be wrapped as inlin <h3>Inline form</h3> <p>Add <code>.form-inline</code> for left-aligned labels and inline-block controls for a compact layout.</p> <form class="bs-docs-example form-inline"> - <input type="text" class="input-small" placeholder="Email"> - <input type="password" class="input-small" placeholder="Password"> + <input type="text" class="span3" placeholder="Email"> + <input type="password" class="span3" placeholder="Password"> <label class="checkbox"> <input type="checkbox"> Remember me </label> @@ -945,8 +945,8 @@ For example, <code><section></code> should be wrapped as inlin </form> <pre class="prettyprint linenums"> <form class="form-inline"> - <input type="text" class="input-small" placeholder="Email"> - <input type="password" class="input-small" placeholder="Password"> + <input type="text" class="span3" placeholder="Email"> + <input type="password" class="span3" placeholder="Password"> <label class="checkbox"> <input type="checkbox"> Remember me </label> @@ -1186,26 +1186,26 @@ For example, <code><section></code> should be wrapped as inlin <p>Instead of a <code><span></code> with text, use a <code>.btn</code> to attach a button (or two) to an input.</p> <form class="bs-docs-example"> <div class="input-append"> - <input id="appendedInputButton" type="text"> + <input class="span3" id="appendedInputButton" type="text"> <button class="btn" type="button">Go!</button> </div> </form> <pre class="prettyprint linenums"> <div class="input-append"> - <input class="span2" id="appendedInputButton" type="text"> + <input class="span3" id="appendedInputButton" type="text"> <button class="btn" type="button">Go!</button> </div> </pre> <form class="bs-docs-example"> <div class="input-append"> - <input id="appendedInputButtons" type="text"> + <input class="span3" id="appendedInputButtons" type="text"> <button class="btn" type="button">Search</button> <button class="btn" type="button">Options</button> </div> </form> <pre class="prettyprint linenums"> <div class="input-append"> - <input id="appendedInputButton" type="text"> + <input class="span3" id="appendedInputButton" type="text"> <button class="btn" type="button">Search</button> <button class="btn" type="button">Options</button> </div> @@ -1215,7 +1215,7 @@ For example, <code><section></code> should be wrapped as inlin <p></p> <form class="bs-docs-example"> <div class="input-append"> - <input class="span2" id="appendedDropdownButton" type="text"> + <input class="span3" id="appendedDropdownButton" type="text"> <div class="btn-group"> <button class="btn dropdown-toggle" data-toggle="dropdown">Action <span class="caret"></span></button> <ul class="dropdown-menu"> @@ -1231,7 +1231,7 @@ For example, <code><section></code> should be wrapped as inlin <pre class="prettyprint linenums"> <div class="input-append"> <input id="appendedInputButtons" type="text"> - <input class="span2" id="appendedDropdownButton" type="text"> + <input class="span3" id="appendedDropdownButton" type="text"> <div class="btn-group"> <button class="btn dropdown-toggle" data-toggle="dropdown"> Action @@ -1339,10 +1339,10 @@ For example, <code><section></code> should be wrapped as inlin <li><a href="#">Separated link</a></li> </ul> </div> - <input type="text"> + <input type="text" class="span3"> </div> <div class="input-append"> - <input type="text"> + <input type="text" class="span3"> <div class="btn-group"> <button class="btn" tabindex="-1">Action</button> <button class="btn dropdown-toggle" data-toggle="dropdown" tabindex="-1"> @@ -1362,10 +1362,10 @@ For example, <code><section></code> should be wrapped as inlin <form> <div class="input-prepend"> <div class="btn-group">...</div> - <input type="text"> + <input type="text" class="span3"> </div> <div class="input-append"> - <input type="text"> + <input type="text" class="span3"> <div class="btn-group">...</div> </div> </form> @@ -1374,23 +1374,23 @@ For example, <code><section></code> should be wrapped as inlin <h4>Search form</h4> <form class="bs-docs-example form-search"> <div class="input-append"> - <input type="text" class="search-query"> + <input type="text" class="search-query span3"> <button type="submit" class="btn">Search</button> </div> <div class="input-prepend"> <button type="submit" class="btn">Search</button> - <input type="text" class="search-query"> + <input type="text" class="search-query span3"> </div> </form> <pre class="prettyprint linenums"> <form class="form-search"> <div class="input-append"> - <input type="text" class="search-query"> + <input type="text" class="search-query span3"> <button type="submit" class="btn">Search</button> </div> <div class="input-prepend"> <button type="submit" class="btn">Search</button> - <input type="text" class="search-query"> + <input type="text" class="search-query span3"> </div> </form> </pre> diff --git a/docs/templates/pages/base-css.mustache b/docs/templates/pages/base-css.mustache index 42c4bd0fd..8dda0cb20 100644 --- a/docs/templates/pages/base-css.mustache +++ b/docs/templates/pages/base-css.mustache @@ -863,12 +863,12 @@ <h3>{{_i}}Search form{{/i}}</h3> <p>{{_i}}Add <code>.form-search</code> to the form and <code>.search-query</code> to the <code><input></code> for an extra-rounded text input.{{/i}}</p> <form class="bs-docs-example form-search"> - <input type="text" class="input-medium search-query"> + <input type="text" class="span3 search-query"> <button type="submit" class="btn">{{_i}}Search{{/i}}</button> </form>{{! /example }} <pre class="prettyprint linenums"> <form class="form-search"> - <input type="text" class="input-medium search-query"> + <input type="text" class="span3 search-query"> <button type="submit" class="btn">{{_i}}Search{{/i}}</button> </form> </pre> @@ -876,8 +876,8 @@ <h3>{{_i}}Inline form{{/i}}</h3> <p>{{_i}}Add <code>.form-inline</code> for left-aligned labels and inline-block controls for a compact layout.{{/i}}</p> <form class="bs-docs-example form-inline"> - <input type="text" class="input-small" placeholder="{{_i}}Email{{/i}}"> - <input type="password" class="input-small" placeholder="{{_i}}Password{{/i}}"> + <input type="text" class="span3" placeholder="{{_i}}Email{{/i}}"> + <input type="password" class="span3" placeholder="{{_i}}Password{{/i}}"> <label class="checkbox"> <input type="checkbox"> {{_i}}Remember me{{/i}} </label> @@ -885,8 +885,8 @@ </form>{{! /example }} <pre class="prettyprint linenums"> <form class="form-inline"> - <input type="text" class="input-small" placeholder="{{_i}}Email{{/i}}"> - <input type="password" class="input-small" placeholder="{{_i}}Password{{/i}}"> + <input type="text" class="span3" placeholder="{{_i}}Email{{/i}}"> + <input type="password" class="span3" placeholder="{{_i}}Password{{/i}}"> <label class="checkbox"> <input type="checkbox"> {{_i}}Remember me{{/i}} </label> @@ -1126,26 +1126,26 @@ <p>{{_i}}Instead of a <code><span></code> with text, use a <code>.btn</code> to attach a button (or two) to an input.{{/i}}</p> <form class="bs-docs-example"> <div class="input-append"> - <input id="appendedInputButton" type="text"> + <input class="span3" id="appendedInputButton" type="text"> <button class="btn" type="button">Go!</button> </div> </form> <pre class="prettyprint linenums"> <div class="input-append"> - <input class="span2" id="appendedInputButton" type="text"> + <input class="span3" id="appendedInputButton" type="text"> <button class="btn" type="button">Go!</button> </div> </pre> <form class="bs-docs-example"> <div class="input-append"> - <input id="appendedInputButtons" type="text"> + <input class="span3" id="appendedInputButtons" type="text"> <button class="btn" type="button">Search</button> <button class="btn" type="button">Options</button> </div> </form> <pre class="prettyprint linenums"> <div class="input-append"> - <input id="appendedInputButton" type="text"> + <input class="span3" id="appendedInputButton" type="text"> <button class="btn" type="button">Search</button> <button class="btn" type="button">Options</button> </div> @@ -1155,7 +1155,7 @@ <p>{{_i}}{{/i}}</p> <form class="bs-docs-example"> <div class="input-append"> - <input class="span2" id="appendedDropdownButton" type="text"> + <input class="span3" id="appendedDropdownButton" type="text"> <div class="btn-group"> <button class="btn dropdown-toggle" data-toggle="dropdown">{{_i}}Action{{/i}} <span class="caret"></span></button> <ul class="dropdown-menu"> @@ -1171,7 +1171,7 @@ <pre class="prettyprint linenums"> <div class="input-append"> <input id="appendedInputButtons" type="text"> - <input class="span2" id="appendedDropdownButton" type="text"> + <input class="span3" id="appendedDropdownButton" type="text"> <div class="btn-group"> <button class="btn dropdown-toggle" data-toggle="dropdown"> {{_i}}Action{{/i}} @@ -1279,10 +1279,10 @@ <li><a href="#">{{_i}}Separated link{{/i}}</a></li> </ul> </div> - <input type="text"> + <input type="text" class="span3"> </div> <div class="input-append"> - <input type="text"> + <input type="text" class="span3"> <div class="btn-group"> <button class="btn" tabindex="-1">Action</button> <button class="btn dropdown-toggle" data-toggle="dropdown" tabindex="-1"> @@ -1302,10 +1302,10 @@ <form> <div class="input-prepend"> <div class="btn-group">...</div> - <input type="text"> + <input type="text" class="span3"> </div> <div class="input-append"> - <input type="text"> + <input type="text" class="span3"> <div class="btn-group">...</div> </div> </form> @@ -1314,23 +1314,23 @@ <h4>{{_i}}Search form{{/i}}</h4> <form class="bs-docs-example form-search"> <div class="input-append"> - <input type="text" class="search-query"> + <input type="text" class="search-query span3"> <button type="submit" class="btn">{{_i}}Search{{/i}}</button> </div> <div class="input-prepend"> <button type="submit" class="btn">{{_i}}Search{{/i}}</button> - <input type="text" class="search-query"> + <input type="text" class="search-query span3"> </div> </form>{{! /example }} <pre class="prettyprint linenums"> <form class="form-search"> <div class="input-append"> - <input type="text" class="search-query"> + <input type="text" class="search-query span3"> <button type="submit" class="btn">{{_i}}Search{{/i}}</button> </div> <div class="input-prepend"> <button type="submit" class="btn">{{_i}}Search{{/i}}</button> - <input type="text" class="search-query"> + <input type="text" class="search-query span3"> </div> </form> </pre> |