]> git.ipfire.org Git - thirdparty/bootstrap.git/commitdiff
changing stacked forms to be lined up left side w/ 20px
authorMark Otto <markdotto@gmail.com>
Thu, 30 Jun 2011 20:51:13 +0000 (13:51 -0700)
committerMark Otto <markdotto@gmail.com>
Thu, 30 Jun 2011 20:51:13 +0000 (13:51 -0700)
bootstrap-1.0.0.css
bootstrap-1.0.0.min.css
docs/assets/js/application.js
docs/index.html
lib/forms.less

index fe3e12fd96b0fa8ee53d739a06abf1c467454768..6d5536c05a7a96daaffc94ef2d0f756a92f1f220 100644 (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
index 9f0df6e35d38d66f598aa0c6185dd2aa53f99199..23457db91961c21b95f4594d8b5636a9430eef2e 100644 (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;}
index 3993c353e79163bc01febcca59119960cfe1fad3..e5cdefdee084781bab078751bb15032b117ff36c 100644 (file)
@@ -34,7 +34,6 @@ $(document).ready(function(){
     }
   });
 
-
   // Copy code blocks in docs
   $(".copy-code").focus(function() {
     $(this).select();
index b2f9134145fb94ea541a610c7d1544bac1e63b75..e7929e8eeceda380d4fef2d5d8cd7bc0a3985742 100644 (file)
     <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>
        <tbody>
                <tr>
                        <td>1</td>
-                       <td>Your</td>
-                       <td>Mom</td>
+                       <td>Some</td>
+                       <td>One</td>
                        <td>English</td>
                </tr>
                <tr>
        <tbody>
                <tr>
                        <td>1</td>
-                       <td>Your</td>
-                       <td>Mom</td>
+                       <td>Some</td>
+                       <td>One</td>
                        <td>English</td>
                </tr>
                <tr>
                <tr>
                        <td>1</td>
                        <td>Your</td>
-                       <td>Mom</td>
+                       <td>One</td>
                        <td>English</td>
                </tr>
                <tr>
         <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>
index ab82c6a09ba56f3ae4970318e9f38eb3633f276d..74aa7a4dff863861be9a4490e7a3e4f33f41fdd6 100644 (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;
+  }
 }