Wizard for the sample page

KTE · Mar 31, 2012 · 52e819e · 52e819e
1 parent 1dcb4b5
commit 52e819e
Show file tree

Hide file tree

Showing 6 changed files with 138 additions and 238 deletions.
diff --git a/css/bootstrap.css b/css/bootstrap.css
@@ -3839,37 +3839,6 @@ div.jGrowl div.jGrowl-closer {
 .vertical12 {
   padding-top: 180px;
 }
-.progress .bar {
-  width: 0%;
-  height: 18px;
-  color: #ffffff;
-  font-size: 12px;
-  text-align: center;
-  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
-  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
-  -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
-  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
-  -webkit-box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  box-sizing: border-box;
-  -webkit-transition: width 0.6s ease;
-  -moz-transition: width 0.6s ease;
-  -ms-transition: width 0.6s ease;
-  -o-transition: width 0.6s ease;
-  transition: width 0.6s ease;
-}
-.progress .bar,
-.progress .step-full {
-  background-color: #26b6b3;
-  background-image: -moz-linear-gradient(top, #2ac7c4, #219d9b);
-  background-image: -ms-linear-gradient(top, #2ac7c4, #219d9b);
-  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2ac7c4), to(#219d9b));
-  background-image: -webkit-linear-gradient(top, #2ac7c4, #219d9b);
-  background-image: -o-linear-gradient(top, #2ac7c4, #219d9b);
-  background-image: linear-gradient(top, #2ac7c4, #219d9b);
-  background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2ac7c4', endColorstr='#219d9b', GradientType=0);
-}
 .progress-danger .bar,
 .progress-danger .step-full {
   background-color: #dd514c;
@@ -3997,6 +3966,37 @@ div.jGrowl div.danger {
   position: relative;
   overflow: visible;
 }
+.progress .bar {
+  width: 0%;
+  height: 18px;
+  color: #ffffff;
+  font-size: 12px;
+  text-align: center;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
+  -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
+  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  -webkit-transition: width 0.6s ease;
+  -moz-transition: width 0.6s ease;
+  -ms-transition: width 0.6s ease;
+  -o-transition: width 0.6s ease;
+  transition: width 0.6s ease;
+}
+.progress .bar,
+.progress .step-full {
+  background-color: #26b6b3;
+  background-image: -moz-linear-gradient(top, #2ac7c4, #219d9b);
+  background-image: -ms-linear-gradient(top, #2ac7c4, #219d9b);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2ac7c4), to(#219d9b));
+  background-image: -webkit-linear-gradient(top, #2ac7c4, #219d9b);
+  background-image: -o-linear-gradient(top, #2ac7c4, #219d9b);
+  background-image: linear-gradient(top, #2ac7c4, #219d9b);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2ac7c4', endColorstr='#219d9b', GradientType=0);
+}
 ul.ul-horizontal {
   list-style: none;
   list-style-type: none;

diff --git a/extras/sample_index.html b/extras/sample_index.html
diff --git a/extras/sample_index.min.html b/extras/sample_index.min.html
diff --git a/extras/settings/overrides.less b/extras/settings/overrides.less
@@ -35,26 +35,7 @@
   .vertical10 	{padding-top: 10 * @singleSpan;}
   .vertical11 	{padding-top: 11 * @singleSpan;}
   .vertical12 	{padding-top: 12 * @singleSpan;}
-
-  // PROGRESS BARS
-
-  // Bar of progress
-  .progress .bar {
-    width: 0%;
-    height: 18px;
-    color: @white;
-    font-size: 12px;
-    text-align: center;
-    text-shadow: 0 -1px 0 rgba(0,0,0,.25);
-
-    .box-shadow(inset 0 -1px 0 rgba(0,0,0,.15));
-    .box-sizing(border-box);
-    .transition(width .6s ease);
-  }
-  .progress .bar,
-  .progress .step-full {
-    #gradient > .vertical(@blue, darken(@blue,10%));
-  }
+
 
     // COLORS
     // ------
@@ -150,6 +131,26 @@
     overflow: visible;
   }
 
+  // PROGRESS BARS
+
+  // Bar of progress
+  .progress .bar {
+    width: 0%;
+    height: 18px;
+    color: @white;
+    font-size: 12px;
+    text-align: center;
+    text-shadow: 0 -1px 0 rgba(0,0,0,.25);
+
+    .box-shadow(inset 0 -1px 0 rgba(0,0,0,.15));
+    .box-sizing(border-box);
+    .transition(width .6s ease);
+  }
+  .progress .bar,
+  .progress .step-full {
+    #gradient > .vertical(@blue, darken(@blue,10%));
+  }
+
   // HORIZONTAL LISTS
   // ----------------
 

diff --git a/index.html b/index.html
@@ -42,33 +42,9 @@
   </header>
 
   <div role="main">
-    <div class="row">
-      <br />
-      <div class="span2 offset5">
-        <a href="sample.html"><h1><i class="icomoon-star"></i>&nbsp;Sample </h1></a>
-      </div>
-    </div>
-    <div class="row">
-      <div class="span8">
-        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
-      </div>
-      <div class="span4">
-    <div class="btn-group">
-      <a class="btn" href="#">1</a>
-      <a class="btn" href="#">2</a>
-      <a class="btn" href="#">3</a>
-    </div>
-      </div>
-    </div>
-    <div class="row">
-      <div class="span4">
-        <i class="icon-book"></i> Read the documentation
-      </div>
-    </div>
+    <a href="sample.html">Sample</a>
   </div>
 
-</div>
-
   <!-- JavaScript at the bottom for fast page loading -->
 
   <!-- Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if offline -->
@@ -117,6 +93,7 @@
     <footer>
     <p><i class="icon-github-sign"></i> Built with <a href="http://ajkochanowicz.github.com/Kickstrap/">Kickstrap</a></p>
   </footer>
+</div>
   <!-- A little ie7- magic -->
   <script type="text/javascript"> $(function(){if($.browser.msie&&parseInt($.browser.version,10)===6){$('.row div[class^="span"]:last-child').addClass("last-child");$('[class="span"]').addClass("margin-left-20");$(':button[class="btn"], :reset[class="btn"], :submit[class="btn"], input[type="button"]').addClass("button-reset");$(":checkbox").addClass("input-checkbox");$('[class^="icon-"], [class=" icon-"]').addClass("icon-sprite");$(".pagination li:first-child a").addClass("pagination-first-child")}}) </script>
 </body>