0
0
mirror of https://github.com/twbs/bootstrap.git synced 2024-11-29 11:24:18 +01:00

changing stacked forms to be lined up left side w/ 20px

This commit is contained in:
Mark Otto 2011-06-30 13:51:13 -07:00
parent f725d60a76
commit c53e394f71
5 changed files with 26 additions and 14 deletions

7
bootstrap-1.0.0.css vendored
View File

@ -862,6 +862,9 @@ ul.inputs-list li:first-child {
ul.inputs-list input[type=radio], ul.inputs-list input[type=checkbox] {
margin-bottom: 0;
}
form.form-stacked {
padding-left: 20px;
}
form.form-stacked fieldset {
padding-top: 9px;
}
@ -893,6 +896,10 @@ form.form-stacked ul.inputs-list li label {
font-weight: normal;
padding-top: 0;
}
form.form-stacked div.actions {
margin-left: -20px;
padding-left: 20px;
}
/*
* Tables.less
* Tables for, you guessed it, tabular data

View File

@ -107,11 +107,12 @@ ul.inputs-list li label small{font-size:12px;font-weight:normal;}
ul.inputs-list li ul.inputs-list{margin-left:25px;margin-bottom:10px;padding-top:0;}
ul.inputs-list li:first-child{padding-top:5px;}
ul.inputs-list input[type=radio],ul.inputs-list input[type=checkbox]{margin-bottom:0;}
form.form-stacked fieldset{padding-top:9px;}
form.form-stacked{padding-left:20px;}form.form-stacked fieldset{padding-top:9px;}
form.form-stacked legend{margin-left:0;}
form.form-stacked label{display:block;float:none;width:auto;font-weight:bold;text-align:left;line-height:20px;padding-top:0;}
form.form-stacked div.clearfix{margin-bottom:9px;}form.form-stacked div.clearfix div.input{margin-left:0;}
form.form-stacked ul.inputs-list{margin-bottom:0;}form.form-stacked ul.inputs-list li{padding-top:0;}form.form-stacked ul.inputs-list li label{font-weight:normal;padding-top:0;}
form.form-stacked div.actions{margin-left:-20px;padding-left:20px;}
table{width:100%;margin-bottom:18px;padding:0;text-align:left;border-collapse:separate;font-size:13px;}table th,table td{padding:10px 10px 9px;line-height:13.5px;vertical-align:middle;border-bottom:1px solid #ddd;}
table th{padding-top:9px;font-weight:bold;border-bottom-width:2px;}
table.zebra-striped tbody tr:nth-child(odd) td{background-color:#f5f5f5;}

View File

@ -34,7 +34,6 @@ $(document).ready(function(){
}
});
// Copy code blocks in docs
$(".copy-code").focus(function() {
$(this).select();

View File

@ -397,10 +397,10 @@
<dl>
<dt>Description lists</dt>
<dd>A description list is perfect for defining terms.</dd>
<dt>Your mom</dt>
<dt>Euismod</dt>
<dd>Vestibulum id ligula porta felis euismod semper eget lacinia odio sem nec elit.</dd>
<dd>Donec id elit non mi porta gravida at eget metus.</dd>
<dt>And your dad</dt>
<dt>Malesuada porta</dt>
<dd>Etiam porta sem malesuada magna mollis euismod.</dd>
</dl>
</div>
@ -446,8 +446,8 @@
<tbody>
<tr>
<td>1</td>
<td>Your</td>
<td>Mom</td>
<td>Some</td>
<td>One</td>
<td>English</td>
</tr>
<tr>
@ -483,8 +483,8 @@
<tbody>
<tr>
<td>1</td>
<td>Your</td>
<td>Mom</td>
<td>Some</td>
<td>One</td>
<td>English</td>
</tr>
<tr>
@ -521,7 +521,7 @@
<tr>
<td>1</td>
<td>Your</td>
<td>Mom</td>
<td>One</td>
<td>English</td>
</tr>
<tr>
@ -856,21 +856,21 @@
<h3><a class="logo" href="">Project Name</a></h3>
<ul>
<li class="active"><a href="">Home</a></li>
<li><a href="">Profile</a></li>
<li><a href="">Messages</a></li>
<li><a href="">Who to Follow</a></li>
<li><a href="">Link</a></li>
<li><a href="">Link</a></li>
<li><a href="">Link</a></li>
</ul>
<form action="">
<input type="text" placeholder="Search" />
</form>
<ul class="nav secondary-nav">
<li class="menu">
<a href="#" class="menu">Username</a>
<a href="#" class="menu">Dropdown</a>
<ul class="menu-dropdown">
<li><a href="">Secondary link</a></li>
<li><a href="">Something else here</a></li>
<li class="divider"></li>
<li><a href="">Sign Out</a></li>
<li><a href="">Another link</a></li>
</ul>
</li>
</ul>

View File

@ -291,6 +291,7 @@ ul.inputs-list {
// Stacked forms
form.form-stacked {
padding-left: 20px;
fieldset {
padding-top: @baseline / 2;
}
@ -322,4 +323,8 @@ form.form-stacked {
}
}
}
div.actions {
margin-left: -20px;
padding-left: 20px;
}
}