<html lang="en">
<head>
<meta charset="utf-8">
- <title>Bootswatch</title>
+ <title>Bootswatch: Spacelab</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<!-- Le styles -->
<link href="bootstrap.min.css" rel="stylesheet">
- <link href="../assets/css/bootstrap-responsive.css" rel="stylesheet">
- <link href="../assets/css/docs.css" rel="stylesheet">
- <link href="../assets/js/google-code-prettify/prettify.css" rel="stylesheet">
+ <link href="../default/bootstrap-responsive.min.css" rel="stylesheet">
+ <link href="../css/docs.css" rel="stylesheet">
<script type="text/javascript">
</head>
- <body data-spy="scroll" data-target=".subnav" data-offset="50">
+ <body class="preview" data-spy="scroll" data-target=".subnav" data-offset="80">
+ <script src="../js/bsa.js"></script>
<!-- Navbar
<span class="icon-bar"></span>
</a>
<a class="brand" href="../">Bootswatch</a>
- <div class="nav-collapse">
- <ul class="nav">
- <li class="">
- <a href="../#swatches">The Swatches</a>
- </li>
- <li class="dropdown">
- <a class="dropdown-toggle" data-toggle="dropdown" href="#">Preview <b class="caret"></b></a>
- <ul class="dropdown-menu">
- <li><a href="../default">Default</a></li>
- <li class="divider"></li>
- <li><a href="../cerulean">Cerulean</a></li>
- <li><a href="../journal">Journal</a></li>
- <li><a href="../simplex">Simplex</a></li>
- <li><a href="../spacelab">Spacelab</a></li>
- <li><a href="../united">United</a></li>
- </ul>
- </li>
-
- </ul>
+ <div class="nav-collapse" id="main-menu">
+ <ul class="nav" id="main-menu-left">
+ <li><a onclick="pageTracker._link(this.href); return false;" href="http://news.bootswatch.com">News</a></li>
+ <li><a id="swatch-link" href="/#gallery">Gallery</a></li>
+ <li class="dropdown">
+ <a class="dropdown-toggle" data-toggle="dropdown" href="#">Preview <b class="caret"></b></a>
+ <ul class="dropdown-menu" id="swatch-menu">
+ <li><a href="../default">Default</a></li>
+ <li class="divider"></li>
+ <li><a href="../amelia">Amelia</a></li>
+ <li><a href="../cerulean">Cerulean</a></li>
+ <li><a href="../cyborg">Cyborg</a></li>
+ <li><a href="../journal">Journal</a></li>
+ <li><a href="../readable">Readable</a></li>
+ <li><a href="../simplex">Simplex</a></li>
+ <li><a href="../slate">Slate</a></li>
+ <li><a href="../spacelab">Spacelab</a></li>
+ <li><a href="../spruce">Spruce</a></li>
+ <li><a href="../superhero">Superhero</a></li>
+ <li><a href="../united">United</a></li>
+ </ul>
+ </li>
+ <li class="dropdown" id="preview-menu">
+ <a class="dropdown-toggle" data-toggle="dropdown" href="#">Download <b class="caret"></b></a>
+ <ul class="dropdown-menu">
+ <li><a target="_blank" href="bootstrap.min.css">bootstrap.min.css</a></li>
+ <li><a target="_blank" href="bootstrap.css">bootstrap.css</a></li>
+ <li class="divider"></li>
+ <li><a target="_blank" href="variables.less">variables.less</a></li>
+ <li><a target="_blank" href="bootswatch.less">bootswatch.less</a></li>
+ </ul>
+ </li>
+ </ul>
+ <ul class="nav pull-right" id="main-menu-right">
+ <li><a rel="tooltip" target="_blank" href="http://builtwithbootstrap.com/" title="Showcase of Bootstrap sites & apps" onclick="_gaq.push([\'_trackEvent\', \'click\', \'outbound\', \'builtwithbootstrap\']);">Built With Bootstrap <i class="icon-share-alt"></i></a></li>
+ <li><a rel="tooltip" target="_blank" href="https://wrapbootstrap.com/?ref=bsw" title="Marketplace for premium Bootstrap templates" onclick="_gaq.push([\'_trackEvent\', \'click\', \'outbound\', \'wrapbootstrap\']);">WrapBootstrap <i class="icon-share-alt"></i></a></li>
+ </ul>
</div>
</div>
</div>
<!-- Masthead
================================================== -->
<header class="jumbotron subhead" id="overview">
- <h1>Spacelab</h1>
- <p class="lead">A preview of changes in this swatch.</p>
+ <div class="row">
+ <div class="span6">
+ <h1>Spacelab</h1>
+ <p class="lead">A preview of changes in this swatch.</p>
+ </div>
+ <div class="span6">
+ <div class="bsa well">
+ <div id="bsap_1277971" class="bsarocks bsap_c466df00a3cd5ee8568b5c4983b6bb19"></div>
+ <div class="clearfix"><a href="http://adpacks.com" id="bsap_aplink">via Ad Packs</a></div>
+ </div>
+ </div>
+ </div>
<div class="subnav">
<ul class="nav nav-pills">
<li><a href="#typography">Typography</a></li>
<!-- Headings & Paragraph Copy -->
<div class="row">
-
+
<div class="span4">
<div class="well">
<h1>h1. Heading 1</h1>
<h6>h6. Heading 6</h6>
</div>
</div>
-
+
<div class="span4">
<h3>Example body text</h3>
<p>Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
<p>Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec sed odio dui.</p>
</div>
-
+
<div class="span4">
<h3>Example addresses</h3>
<address>
================================================== -->
<section id="navbar">
<div class="page-header">
- <h1>Navbar</h1>
+ <h1>Navbars</h1>
</div>
<div class="navbar">
<div class="navbar-inner">
</div><!-- /navbar-inner -->
</div><!-- /navbar -->
+ <div class="navbar navbar-inverse">
+ <div class="navbar-inner">
+ <div class="container" style="width: auto;">
+ <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ <span class="icon-bar"></span>
+ </a>
+ <a class="brand" href="#">Project name</a>
+ <div class="nav-collapse">
+ <ul class="nav">
+ <li class="active"><a href="#">Home</a></li>
+ <li><a href="#">Link</a></li>
+ <li><a href="#">Link</a></li>
+ <li><a href="#">Link</a></li>
+ <li class="dropdown">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
+ <ul class="dropdown-menu">
+ <li><a href="#">Action</a></li>
+ <li><a href="#">Another action</a></li>
+ <li><a href="#">Something else here</a></li>
+ <li class="divider"></li>
+ <li><a href="#">Separated link</a></li>
+ </ul>
+ </li>
+ </ul>
+ <form class="navbar-search pull-left" action="">
+ <input type="text" class="search-query span2" placeholder="Search">
+ </form>
+ <ul class="nav pull-right">
+ <li><a href="#">Link</a></li>
+ <li class="divider-vertical"></li>
+ <li class="dropdown">
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
+ <ul class="dropdown-menu">
+ <li><a href="#">Action</a></li>
+ <li><a href="#">Another action</a></li>
+ <li><a href="#">Something else here</a></li>
+ <li class="divider"></li>
+ <li><a href="#">Separated link</a></li>
+ </ul>
+ </li>
+ </ul>
+ </div><!-- /.nav-collapse -->
+ </div>
+ </div><!-- /navbar-inner -->
+ </div><!-- /navbar -->
+
</section>
</div><!-- /btn-group -->
</td>
</tr>
+ <tr>
+ <td><a class="btn btn-inverse" href="#">Inverse</a></td>
+ <td><a class="btn btn-inverse btn-large" href="#">Inverse</a></td>
+ <td><a class="btn btn-inverse btn-small" href="#">Inverse</a></td>
+ <td><a class="btn btn-inverse disabled" href="#">Inverse</a></td>
+ <td><a class="btn btn-inverse" href="#"><i class="icon-random icon-white"></i> Inverse</a></td>
+ <td>
+ <div class="btn-group">
+ <a class="btn btn-inverse" href="#">Inverse</a>
+ <a class="btn btn-inverse dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a>
+ <ul class="dropdown-menu">
+ <li><a href="#">Action</a></li>
+ <li><a href="#">Another action</a></li>
+ <li><a href="#">Something else here</a></li>
+ <li class="divider"></li>
+ <li><a href="#">Separated link</a></li>
+ </ul>
+ </div><!-- /btn-group -->
+ </td>
+ </tr>
</tbody>
</table>
<div class="page-header">
<h1>Forms</h1>
</div>
-
+
<div class="row">
<div class="span7 offset1">
-
+
<form class="well form-search">
<input type="text" class="input-medium search-query">
<button type="submit" class="btn">Search</button>
</form>
-
+
<form class="well form-search">
<input type="text" class="input-small" placeholder="Email">
<input type="password" class="input-small" placeholder="Password">
<button type="submit" class="btn">Go</button>
</form>
-
-
+
+
<form class="form-horizontal well">
<fieldset>
<legend>Controls Bootstrap supports</legend>
<div class="span12">
<h3 id="labels">Labels</h3>
-
+
<span class="label">Default</span>
<span class="label label-success">Success</span>
<span class="label label-warning">Warning</span>
<span class="label label-important">Important</span>
<span class="label label-info">Info</span>
-
+
</div>
</div>
<br />
<h3 id="progressbars">Progress bars</h3>
-
+
<div class="row">
<div class="span4">
<div class="progress">
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
- <script src="../assets/js/jquery.js"></script>
- <script src="../assets/js/bootstrap-dropdown.js"></script>
- <script src="../assets/js/bootstrap-scrollspy.js"></script>
- <script src="../assets/js/bootstrap-collapse.js"></script>
- <script src="../assets/js/application.js"></script>
+ <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
+ <script src="../js/bootstrap.min.js"></script>
+ <script src="../js/application.js"></script>
+ <script src="../js/bootswatch.js"></script>
</body>
projects / bootswatch / blobdiff