stub out updated customizer

docs/assets/css/docs-customizer.css

@@ -0,0 +1,57 @@
+/*
+  Bootstrap's customizer
+*/
+
+body {
+  padding: 0;
+}
+
+body > .navbar,
+.footer {
+  display: none;
+}
+
+.bsc-sidebar {
+  position: fixed;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  width: 239px;
+  background-color: #f5f5f5;
+  border-right: 1px solid #ccc;
+}
+
+.bsc-preview {
+  margin-left: 240px;
+  padding: 20px;
+}
+
+.bsc-heading {
+  margin: 20px;
+  color: #ccc;
+  text-shadow: 0 1px 0 rgba(255,255,255,.75);
+}
+
+.bsc-toolbar {
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: 0;
+}
+.bsc-toolbar .btn-group {
+  width: 239px;
+  overflow: hidden;
+}
+.bsc-toolbar .btn-group .btn {
+  border-radius: 0;
+  width: 121px;
+  margin: 0;
+  padding: 10px;
+}
+.bsc-toolbar .btn-group .btn:first-child {
+  margin-left: -1px;
+}
+.bsc-toolbar .btn-group .btn:last-child {
+  margin-right: -1px;
+  border-left-width: 0;
+}

docs/customize.html

@@ -69,35 +69,31 @@
       </div>
     </div>
 
-<!-- Masthead
+<!-- Customizer CSS -->
-================================================== -->
+<link href="assets/css/docs-customizer.css" rel="stylesheet">
-<header class="jumbotron subhead" id="overview">
-  <div class="container">
-    <h1>Customize and download</h1>
-    <p class="lead"><a href="https://github.com/twitter/bootstrap/zipball/master">Download Bootstrap</a> or customize variables, components, JavaScript plugins, and more.</p>
-  </div>
-</header>
 
+<form>
 
-  <div class="container">
+  <div class="bsc-sidebar">
-
+    <h3 class="bsc-heading">Bootjack</h3>
-    <!-- Docs nav
+    <ul class="bsc-accordion">
-    ================================================== -->
+      <li>
-    <div class="row">
+        <input type="checkbox" checked> Scaffolding
-      <div class="span3 bs-docs-sidebar">
+      </li>
-        <ul class="nav nav-list bs-docs-sidenav">
+    </ul>
-          <li><a href="#components"><i class="icon-chevron-right"></i> 1. Choose components</a></li>
+    <div class="bsc-toolbar">
-          <li><a href="#plugins"><i class="icon-chevron-right"></i> 2. Select jQuery plugins</a></li>
+      <div class="btn-group">
-          <li><a href="#variables"><i class="icon-chevron-right"></i> 3. Customize variables</a></li>
+        <button class="btn" type="button">Download</button>
-          <li><a href="#download"><i class="icon-chevron-right"></i> 4. Download</a></li>
+        <button class="btn" type="button">Reset</button>
-        </ul>
       </div>
-      <div class="span9">
+    </div>
+  </div>
+  <div class="bsc-preview">
+    preview
 
 
         <!-- Customize form
         ================================================== -->
-        <form>
           <section class="download" id="components">
             <div class="page-header">
               <a class="btn btn-small pull-right toggle-all" href="#">Toggle all</a>
@@ -425,15 +421,12 @@
               <p>Downloads include compiled CSS, compiled and minified CSS, and compiled jQuery plugins, all nicely packed up into a zipball for your convenience.</p>
             </div>
           </section><!-- /download -->
-        </form>
 
 
-
-      </div>
-    </div>
-
   </div>
 
+</form>
+
 
 
     <!-- Footer

docs/templates/pages/customize.mustache

@@ -1,32 +1,28 @@
-<!-- Masthead
+<!-- Customizer CSS -->
-================================================== -->
+<link href="assets/css/docs-customizer.css" rel="stylesheet">
-<header class="jumbotron subhead" id="overview">
-  <div class="container">
-    <h1>{{_i}}Customize and download{{/i}}</h1>
-    <p class="lead">{{_i}}<a href="https://github.com/twitter/bootstrap/zipball/master">Download Bootstrap</a> or customize variables, components, JavaScript plugins, and more.{{/i}}</p>
-  </div>
-</header>
 
+<form>
 
-  <div class="container">
+  <div class="bsc-sidebar">
-
+    <h3 class="bsc-heading">Bootjack</h3>
-    <!-- Docs nav
+    <ul class="bsc-accordion">
-    ================================================== -->
+      <li>
-    <div class="row">
+        <input type="checkbox" checked> Scaffolding
-      <div class="span3 bs-docs-sidebar">
+      </li>
-        <ul class="nav nav-list bs-docs-sidenav">
+    </ul>
-          <li><a href="#components"><i class="icon-chevron-right"></i> {{_i}}1. Choose components{{/i}}</a></li>
+    <div class="bsc-toolbar">
-          <li><a href="#plugins"><i class="icon-chevron-right"></i> {{_i}}2. Select jQuery plugins{{/i}}</a></li>
+      <div class="btn-group">
-          <li><a href="#variables"><i class="icon-chevron-right"></i> {{_i}}3. Customize variables{{/i}}</a></li>
+        <button class="btn" type="button">Download</button>
-          <li><a href="#download"><i class="icon-chevron-right"></i> {{_i}}4. Download{{/i}}</a></li>
+        <button class="btn" type="button">Reset</button>
-        </ul>
       </div>
-      <div class="span9">
+    </div>
+  </div>
+  <div class="bsc-preview">
+    preview
 
 
         <!-- Customize form
         ================================================== -->
-        <form>
           <section class="download" id="components">
             <div class="page-header">
               <a class="btn btn-small pull-right toggle-all" href="#">{{_i}}Toggle all{{/i}}</a>
@@ -354,11 +350,8 @@
               <p>{{_i}}Downloads include compiled CSS, compiled and minified CSS, and compiled jQuery plugins, all nicely packed up into a zipball for your convenience.{{/i}}</p>
             </div>
           </section><!-- /download -->
-        </form>
 
 
+  </div>
 
-      </div>{{! /span9 }}
+</form>
-    </div>{{! row}}
-
-  </div>{{! /.container }}