Skip to content

B
bootstrap
Commit 4ea63e52 authored by Mark Otto's avatar Mark Otto
Browse files
Options

finish off the static stuff for build and download page

parent 9c4a70c5
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 329 additions and 270 deletions
docs/assets/css/docs.css
View file @ 4ea63e52
......@@ -125,7 +125,7 @@ section {
margin-right: 0;
}
.subhead h1 {
font-size: 45px;
font-size: 54px;
}
/* Subnav */
......@@ -168,10 +168,17 @@ section {
color: #333;
}
.subnav .nav .active a {
background-color: #e5e5e5;
background-color: #e9e9e9;
border-right-color: #ddd;
border-left: 0;
padding-left: 13px;
-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.075);
-moz-box-shadow: inset 0 3px 5px rgba(0,0,0,.075);
box-shadow: inset 0 3px 5px rgba(0,0,0,.075);
}
.subnav .nav li:first-child a {
border-left: 0;
padding-left: 12px;
}
.subnav .nav li:last-child a {
border-right: 0;
......@@ -464,7 +471,6 @@ section {
font-family: Menlo, Monaco, "Courier New", monospace;
font-size: 12px;
color: #d14;
background-color: #f7f7f9;
}
.download-builder input[type=text]:focus {
background-color: #fff;
......@@ -473,7 +479,6 @@ section {
/* Custom, larger checkbox labels */
.download .checkbox {
padding: 6px 10px 6px 25px;
font-size: 14px;
color: #555;
background-color: #f9f9f9;
-webkit-border-radius: 3px;
......@@ -485,10 +490,6 @@ section {
color: #333;
background-color: #f5f5f5;
}
.download .checkbox input[type=checkbox] {
position: relative;
top: 1px;
}
.download .checkbox small {
font-size: 12px;
color: #777;
......@@ -496,17 +497,23 @@ section {
/* Giant download button */
.download-btn {
pading: 18px 20px;
margin: 45px 0;
margin: 36px 0 108px;
}
.download p,
.download h4 {
max-width: 50%;
margin: 0 auto 18px;
color: #999;
text-align: center;
border: 1px solid #eee;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.download-btn h4 {
margin-bottom: 0;
}
.btn.xlarge {
margin: 36px auto;
padding: 14px 24px;
display: block;
width: auto;
padding: 19px 24px;
margin-bottom: 27px;
font-size: 30px;
text-align: center;
-webkit-border-radius: 6px;
......
docs/base-css.html
View file @ 4ea63e52
This diff is collapsed.
docs/download.html
View file @ 4ea63e52
......@@ -69,11 +69,19 @@
<!-- Masthead
================================================== -->
<header class="jumbotron subhead" id="overview">
<h1>Download and customize Bootstrap</h1>
<h1>Download and customize</h1>
<p class="lead"><a href="https://github.com/twitter/bootstrap/zipball/master">Download the full repository</a> or customize your entire Bootstrap build by selecting only the components, javascript plugins, and assets you need.</p>
<div class="subnav">
<ul class="nav pills">
<li><a href="#components">1. Select components</a></li>
<li><a href="#variables">2. Modify variables</a></li>
<li><a href="#plugins">3. Select jQuery plugins</a></li>
<li><a href="#download">4. Build and download</a></li>
</ul>
</div>
</header>
<div class="download">
<section class="download" id="components">
<div class="page-header">
<a class="pull-right toggle-all" href="#">Toggle all</a>
<h1>
......@@ -131,7 +139,9 @@
<label class="checkbox"><input type="checkbox" value=""> Max-width 1210px</label>
</div><!-- /span -->
</div><!-- /row -->
</section>
<section class="download" id="variables">
<div class="page-header">
<a class="pull-right toggle-all" href="#">Reset to defaults</a>
<h1>
......@@ -207,7 +217,9 @@
<input type="text" class="span3" value="#bfe1f2">
</div><!-- /span -->
</div><!-- /row -->
</section>
<section class="download" id="plugins">
<div class="page-header">
<a class="pull-right toggle-all" href="#">Toggle all</a>
<h1>
......@@ -273,11 +285,21 @@
<p class="muted">All plugins require the latest version of <a href="http://jquery.com/" target="_blank">jQuery</a> to be included.</p>
</div><!-- /span -->
</div><!-- /row -->
</section>
<section class="download" id="download">
<div class="page-header">
<h1>
4. Download
<small></small>
</h1>
</div>
<div class="download-btn">
<a class="btn xlarge primary" href="#">Build and Download</a>
<h4>What's included?</h4>
<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>
</div><!-- /download -->
</section><!-- /download -->
<!-- Footer
================================================== -->
......
docs/templates/pages/base-css.mustache
View file @ 4ea63e52
This diff is collapsed.
docs/templates/pages/download.mustache
View file @ 4ea63e52
......@@ -5,11 +5,19 @@
<!-- Masthead
================================================== -->
<header class="jumbotron subhead" id="overview">
<h1>{{_i}}Download and customize Bootstrap{{/i}}</h1>
<h1>{{_i}}Download and customize{{/i}}</h1>
<p class="lead">{{_i}}<a href="https://github.com/twitter/bootstrap/zipball/master">Download the full repository</a> or customize your entire Bootstrap build by selecting only the components, javascript plugins, and assets you need.{{/i}}</p>
<div class="subnav">
<ul class="nav pills">
<li><a href="#components">{{_i}}1. Select components{{/i}}</a></li>
<li><a href="#variables">{{_i}}2. Modify variables{{/i}}</a></li>
<li><a href="#plugins">{{_i}}3. Select jQuery plugins{{/i}}</a></li>
<li><a href="#download">{{_i}}4. Build and download{{/i}}</a></li>
</ul>
</div>
</header>
<div class="download">
<section class="download" id="components">
<div class="page-header">
<a class="pull-right toggle-all" href="#">Toggle all</a>
<h1>
......@@ -67,7 +75,9 @@
<label class="checkbox"><input type="checkbox" value=""> Max-width 1210px</label>
</div><!-- /span -->
</div><!-- /row -->
</section>
<section class="download" id="variables">
<div class="page-header">
<a class="pull-right toggle-all" href="#">Reset to defaults</a>
<h1>
......@@ -143,7 +153,9 @@
<input type="text" class="span3" value="#bfe1f2">
</div><!-- /span -->
</div><!-- /row -->
</section>
<section class="download" id="plugins">
<div class="page-header">
<a class="pull-right toggle-all" href="#">Toggle all</a>
<h1>
......@@ -209,8 +221,18 @@
<p class="muted">{{_i}}All plugins require the latest version of <a href="http://jquery.com/" target="_blank">jQuery</a> to be included.{{/i}}</p>
</div><!-- /span -->
</div><!-- /row -->
</section>
<section class="download" id="download">
<div class="page-header">
<h1>
4. Download
<small></small>
</h1>
</div>
<div class="download-btn">
<a class="btn xlarge primary" href="#">Build and Download</a>
<h4>What's included?</h4>
<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>
</div><!-- /download -->
</section><!-- /download -->
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment