diff options
Diffstat (limited to '2')
| -rwxr-xr-x | 2/amelia/index.html | 256 | ||||
| -rwxr-xr-x | 2/cerulean/index.html | 52 | ||||
| -rwxr-xr-x | 2/cosmo/index.html | 52 | ||||
| -rwxr-xr-x | 2/cyborg/index.html | 52 | ||||
| -rwxr-xr-x | 2/default/index.html | 52 | ||||
| -rwxr-xr-x | 2/flatly/index.html | 256 | ||||
| -rw-r--r-- | 2/index.html | 1292 | ||||
| -rwxr-xr-x | 2/journal/index.html | 52 | ||||
| -rwxr-xr-x | 2/readable/index.html | 52 | ||||
| -rwxr-xr-x | 2/simplex/index.html | 52 | ||||
| -rwxr-xr-x | 2/slate/index.html | 52 | ||||
| -rwxr-xr-x | 2/spacelab/index.html | 52 | ||||
| -rwxr-xr-x | 2/spruce/index.html | 52 | ||||
| -rwxr-xr-x | 2/superhero/index.html | 52 | ||||
| -rwxr-xr-x | 2/swatchmaker/test/test-full.html | 24 | ||||
| -rwxr-xr-x | 2/swatchmaker/test/test.html | 230 | ||||
| -rwxr-xr-x | 2/united/index.html | 52 |
17 files changed, 1341 insertions, 1341 deletions
diff --git a/2/amelia/index.html b/2/amelia/index.html index 67d37c89..065b46ee 100755 --- a/2/amelia/index.html +++ b/2/amelia/index.html @@ -16,21 +16,21 @@ <link href="../css/font-awesome.min.css" rel="stylesheet"> <link href="../css/bootswatch.css" rel="stylesheet"> - <script> + <script> - var _gaq = _gaq || []; - _gaq.push(['_setAccount', 'UA-23019901-1']); - _gaq.push(['_setDomainName', "bootswatch.com"]); - _gaq.push(['_setAllowLinker', true]); - _gaq.push(['_trackPageview']); + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-23019901-1']); + _gaq.push(['_setDomainName', "bootswatch.com"]); + _gaq.push(['_setAllowLinker', true]); + _gaq.push(['_trackPageview']); - (function() { - var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; - ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; - var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); - })(); + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); - </script> + </script> </head> @@ -167,7 +167,7 @@ </div> </div> - + <div class="row"> <div class="span6"> <blockquote> @@ -305,8 +305,8 @@ <th>Large Button</th> <th>Small Button</th> <th>Disabled Button</th> - <th>Button with Icon</th> - <th>Split Button</th> + <th>Button with Icon</th> + <th>Split Button</th> </tr> </thead> <tbody> @@ -316,19 +316,19 @@ <td><a class="btn btn-small" href="#">Default</a></td> <td><a class="btn disabled" href="#">Default</a></td> <td><a class="btn" href="#"><i class="icon-cog"></i> Default</a></td> - <td> - <div class="btn-group"> - <a class="btn" href="#">Default</a> - <a class="btn 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> + <td> + <div class="btn-group"> + <a class="btn" href="#">Default</a> + <a class="btn 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> <tr> <td><a class="btn btn-primary" href="#">Primary</a></td> @@ -336,19 +336,19 @@ <td><a class="btn btn-primary btn-small" href="#">Primary</a></td> <td><a class="btn btn-primary disabled" href="#">Primary</a></td> <td><a class="btn btn-primary" href="#"><i class="icon-shopping-cart icon-white"></i> Primary</a></td> - <td> - <div class="btn-group"> - <a class="btn btn-primary" href="#">Primary</a> - <a class="btn btn-primary 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> + <td> + <div class="btn-group"> + <a class="btn btn-primary" href="#">Primary</a> + <a class="btn btn-primary 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> <tr> <td><a class="btn btn-info" href="#">Info</a></td> @@ -356,19 +356,19 @@ <td><a class="btn btn-info btn-small" href="#">Info</a></td> <td><a class="btn btn-info disabled" href="#">Info</a></td> <td><a class="btn btn-info" href="#"><i class="icon-exclamation-sign icon-white"></i> Info</a></td> - <td> - <div class="btn-group"> - <a class="btn btn-info" href="#">Info</a> - <a class="btn btn-info 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> + <td> + <div class="btn-group"> + <a class="btn btn-info" href="#">Info</a> + <a class="btn btn-info 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> <tr> <td><a class="btn btn-success" href="#">Success</a></td> @@ -376,19 +376,19 @@ <td><a class="btn btn-success btn-small" href="#">Success</a></td> <td><a class="btn btn-success disabled" href="#">Success</a></td> <td><a class="btn btn-success" href="#"><i class="icon-ok icon-white"></i> Success</a></td> - <td> - <div class="btn-group"> - <a class="btn btn-success" href="#">Success</a> - <a class="btn btn-success 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> + <td> + <div class="btn-group"> + <a class="btn btn-success" href="#">Success</a> + <a class="btn btn-success 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> <tr> <td><a class="btn btn-warning" href="#">Warning</a></td> @@ -396,19 +396,19 @@ <td><a class="btn btn-warning btn-small" href="#">Warning</a></td> <td><a class="btn btn-warning disabled" href="#">Warning</a></td> <td><a class="btn btn-warning" href="#"><i class="icon-warning-sign icon-white"></i> Warning</a></td> - <td> - <div class="btn-group"> - <a class="btn btn-warning" href="#">Warning</a> - <a class="btn btn-warning 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> + <td> + <div class="btn-group"> + <a class="btn btn-warning" href="#">Warning</a> + <a class="btn btn-warning 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> <tr> <td><a class="btn btn-danger" href="#">Danger</a></td> @@ -416,19 +416,19 @@ <td><a class="btn btn-danger btn-small" href="#">Danger</a></td> <td><a class="btn btn-danger disabled" href="#">Danger</a></td> <td><a class="btn btn-danger" href="#"><i class="icon-remove icon-white"></i> Danger</a></td> - <td> - <div class="btn-group"> - <a class="btn btn-danger" href="#">Danger</a> - <a class="btn btn-danger 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> + <td> + <div class="btn-group"> + <a class="btn btn-danger" href="#">Danger</a> + <a class="btn btn-danger 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> <tr> <td><a class="btn btn-inverse" href="#">Inverse</a></td> @@ -436,19 +436,19 @@ <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> + <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> @@ -466,10 +466,10 @@ <div class="row"> <div class="span10 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-medium search-query"> + <button type="submit" class="btn">Search</button> + </form> <form class="well form-search"> <input type="text" class="input-small" placeholder="Email"> @@ -611,7 +611,7 @@ <div class="page-header"> <h1>Tables</h1> </div> - + <table class="table table-bordered table-striped table-hover"> <thead> <tr> @@ -686,15 +686,15 @@ </ul> </div> </div> - + <div class="span4"> <h3 id="pager">Pagers</h3> - + <ul class="pager"> <li><a href="#">Previous</a></li> <li><a href="#">Next</a></li> </ul> - + <ul class="pager"> <li class="previous disabled"><a href="#">← Older</a></li> <li class="next"><a href="#">Newer →</a></li> @@ -728,7 +728,7 @@ </div> </div> </div> <!-- /tabbable --> - + </div> <div class="span4"> <h3 id="pills">Pills</h3> @@ -748,11 +748,11 @@ <li class="disabled"><a href="#">Disabled link</a></li> </ul> </div> - + <div class="span4"> - + <h3 id="list">Lists</h3> - + <div class="well" style="padding: 8px 0;"> <ul class="nav nav-list"> <li class="nav-header">List header</li> @@ -793,7 +793,7 @@ <span class="badge badge-inverse">Inverse</span> </div> </div> - <br /> + <br /> <!-- Progress bars ================================================== --> @@ -818,7 +818,7 @@ </div> </div> </div> - <br /> + <br /> <!-- Alerts & Messages @@ -828,13 +828,13 @@ <h3 id="alerts">Alerts</h3> <div class="row"> - <div class="span12"> - <div class="alert alert-block"> - <a class="close">×</a> - <h4 class="alert-heading">Alert block</h4> - <p>Best check yo self, you're not looking too good. Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.</p> - </div> - </div> + <div class="span12"> + <div class="alert alert-block"> + <a class="close">×</a> + <h4 class="alert-heading">Alert block</h4> + <p>Best check yo self, you're not looking too good. Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.</p> + </div> + </div> </div> <div class="row"> <div class="span4"> @@ -874,7 +874,7 @@ <a href="https://twitter.com/thomashpark">Twitter</a> <a href="https://github.com/thomaspark/bootswatch/">GitHub</a> <a rel="tooltip" href="javascript:(function(e,a,g,h,f,c,b,d)%7Bif(!(f%3De.jQuery)%7C%7Cg%3Ef.fn.jquery%7C%7Ch(f))%7Bc%3Da.createElement(%22script%22)%3Bc.type%3D%22text/javascript%22%3Bc.src%3D%22http://ajax.googleapis.com/ajax/libs/jquery/%22%2Bg%2B%22/jquery.min.js%22%3Bc.onload%3Dc.onreadystatechange%3Dfunction()%7Bif(!b%26%26(!(d%3Dthis.readyState)%7C%7Cd%3D%3D%22loaded%22%7C%7Cd%3D%3D%22complete%22))%7Bh((f%3De.jQuery).noConflict(1),b%3D1)%3Bf(c).remove()%7D%7D%3Ba.documentElement.childNodes%5B0%5D.appendChild(c)%7D%7D)(window,document,%221.3.2%22,function(%24,L)%7Bif(%24(%22.bootswatcher%22)%5B0%5D)%7B%24(%22.bootswatcher%22).remove()%7Delse%7Bvar%20%24e%3D%24(%27%3Cselect%20class%3D%22bootswatcher%22%3E%3Coption%3EAmelia%3C/option%3E%3Coption%3ECerulean%3C/option%3E%3Coption%3ECosmo%3C/option%3E%3Coption%3ECyborg%3C/option%3E%3Coption%3EJournal%3C/option%3E%3Coption%3EReadable%3C/option%3E%3Coption%3ESimplex%3C/option%3E%3Coption%3ESlate%3C/option%3E%3Coption%3ESpacelab%3C/option%3E%3Coption%3ESpruce%3C/option%3E%3Coption%3ESuperhero%3C/option%3E%3Coption%3EUnited%3C/option%3E%3C/select%3E%27)%3Bvar%20l%3D1%2BMath.floor(Math.random()*%24e.children().length)%3B%24e.css(%7B%22z-index%22:%2299999%22,position:%22fixed%22,top:%225px%22,right:%225px%22,opacity:%220.5%22%7D).hover(function()%7B%24(this).css(%22opacity%22,%221%22)%7D,function()%7B%24(this).css(%22opacity%22,%220.5%22)%7D).change(function()%7Bif(!%24(%22link.bootswatcher%22)%5B0%5D)%7B%24(%22head%22).append(%27%3Clink%20rel%3D%22stylesheet%22%20class%3D%22bootswatcher%22%3E%27)%7D%24(%22link.bootswatcher%22).attr(%22href%22,%22http://bootswatch.com/%22%2B%24(this).find(%22:selected%22).text().toLowerCase()%2B%22/bootstrap.min.css%22)%7D).find(%22option:nth-child(%22%2Bl%2B%22)%22).attr(%22selected%22,%22selected%22).end().trigger(%22change%22)%3B%24(%22body%22).append(%24e)%7D%3B%7D)%3B" title="Drag to your bookmarks bar">Bookmarklet</a> - <a href="https://github.com/thomaspark/bootswatch/tree/gh-pages/swatchmaker">Swatchmaker</a> + <a href="https://github.com/thomaspark/bootswatch/tree/gh-pages/2/swatchmaker">Swatchmaker</a> <a href="http://news.bootswatch.com/post/22193315172/bootswatch-api">API</a> <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=F22JEM3Q78JC2">Donate</a> </div> diff --git a/2/cerulean/index.html b/2/cerulean/index.html index b5f3c2e5..598b5ecd 100755 --- a/2/cerulean/index.html +++ b/2/cerulean/index.html @@ -167,7 +167,7 @@ </div> </div> - + <div class="row"> <div class="span6"> <blockquote> @@ -305,8 +305,8 @@ <th>Large Button</th> <th>Small Button</th> <th>Disabled Button</th> - <th>Button with Icon</th> - <th>Split Button</th> + <th>Button with Icon</th> + <th>Split Button</th> </tr> </thead> <tbody> @@ -316,7 +316,7 @@ <td><a class="btn btn-small" href="#">Default</a></td> <td><a class="btn disabled" href="#">Default</a></td> <td><a class="btn" href="#"><i class="icon-cog"></i> Default</a></td> - <td> + <td> <div class="btn-group"> <a class="btn" href="#">Default</a> <a class="btn dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -328,7 +328,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-primary" href="#">Primary</a></td> @@ -336,7 +336,7 @@ <td><a class="btn btn-primary btn-small" href="#">Primary</a></td> <td><a class="btn btn-primary disabled" href="#">Primary</a></td> <td><a class="btn btn-primary" href="#"><i class="icon-shopping-cart icon-white"></i> Primary</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-primary" href="#">Primary</a> <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -348,7 +348,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-info" href="#">Info</a></td> @@ -356,7 +356,7 @@ <td><a class="btn btn-info btn-small" href="#">Info</a></td> <td><a class="btn btn-info disabled" href="#">Info</a></td> <td><a class="btn btn-info" href="#"><i class="icon-exclamation-sign icon-white"></i> Info</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-info" href="#">Info</a> <a class="btn btn-info dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -368,7 +368,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-success" href="#">Success</a></td> @@ -376,7 +376,7 @@ <td><a class="btn btn-success btn-small" href="#">Success</a></td> <td><a class="btn btn-success disabled" href="#">Success</a></td> <td><a class="btn btn-success" href="#"><i class="icon-ok icon-white"></i> Success</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-success" href="#">Success</a> <a class="btn btn-success dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -388,7 +388,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-warning" href="#">Warning</a></td> @@ -396,7 +396,7 @@ <td><a class="btn btn-warning btn-small" href="#">Warning</a></td> <td><a class="btn btn-warning disabled" href="#">Warning</a></td> <td><a class="btn btn-warning" href="#"><i class="icon-warning-sign icon-white"></i> Warning</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-warning" href="#">Warning</a> <a class="btn btn-warning dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -408,7 +408,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-danger" href="#">Danger</a></td> @@ -416,7 +416,7 @@ <td><a class="btn btn-danger btn-small" href="#">Danger</a></td> <td><a class="btn btn-danger disabled" href="#">Danger</a></td> <td><a class="btn btn-danger" href="#"><i class="icon-remove icon-white"></i> Danger</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-danger" href="#">Danger</a> <a class="btn btn-danger dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -428,7 +428,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-inverse" href="#">Inverse</a></td> @@ -436,7 +436,7 @@ <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> + <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> @@ -448,7 +448,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> </tbody> </table> @@ -611,7 +611,7 @@ <div class="page-header"> <h1>Tables</h1> </div> - + <table class="table table-bordered table-striped table-hover"> <thead> <tr> @@ -686,15 +686,15 @@ </ul> </div> </div> - + <div class="span4"> <h3 id="pager">Pagers</h3> - + <ul class="pager"> <li><a href="#">Previous</a></li> <li><a href="#">Next</a></li> </ul> - + <ul class="pager"> <li class="previous disabled"><a href="#">← Older</a></li> <li class="next"><a href="#">Newer →</a></li> @@ -728,7 +728,7 @@ </div> </div> </div> <!-- /tabbable --> - + </div> <div class="span4"> <h3 id="pills">Pills</h3> @@ -748,11 +748,11 @@ <li class="disabled"><a href="#">Disabled link</a></li> </ul> </div> - + <div class="span4"> - + <h3 id="list">Lists</h3> - + <div class="well" style="padding: 8px 0;"> <ul class="nav nav-list"> <li class="nav-header">List header</li> @@ -874,7 +874,7 @@ <a href="https://twitter.com/thomashpark">Twitter</a> <a href="https://github.com/thomaspark/bootswatch/">GitHub</a> <a rel="tooltip" href="javascript:(function(e,a,g,h,f,c,b,d)%7Bif(!(f%3De.jQuery)%7C%7Cg%3Ef.fn.jquery%7C%7Ch(f))%7Bc%3Da.createElement(%22script%22)%3Bc.type%3D%22text/javascript%22%3Bc.src%3D%22http://ajax.googleapis.com/ajax/libs/jquery/%22%2Bg%2B%22/jquery.min.js%22%3Bc.onload%3Dc.onreadystatechange%3Dfunction()%7Bif(!b%26%26(!(d%3Dthis.readyState)%7C%7Cd%3D%3D%22loaded%22%7C%7Cd%3D%3D%22complete%22))%7Bh((f%3De.jQuery).noConflict(1),b%3D1)%3Bf(c).remove()%7D%7D%3Ba.documentElement.childNodes%5B0%5D.appendChild(c)%7D%7D)(window,document,%221.3.2%22,function(%24,L)%7Bif(%24(%22.bootswatcher%22)%5B0%5D)%7B%24(%22.bootswatcher%22).remove()%7Delse%7Bvar%20%24e%3D%24(%27%3Cselect%20class%3D%22bootswatcher%22%3E%3Coption%3EAmelia%3C/option%3E%3Coption%3ECerulean%3C/option%3E%3Coption%3ECosmo%3C/option%3E%3Coption%3ECyborg%3C/option%3E%3Coption%3EJournal%3C/option%3E%3Coption%3EReadable%3C/option%3E%3Coption%3ESimplex%3C/option%3E%3Coption%3ESlate%3C/option%3E%3Coption%3ESpacelab%3C/option%3E%3Coption%3ESpruce%3C/option%3E%3Coption%3ESuperhero%3C/option%3E%3Coption%3EUnited%3C/option%3E%3C/select%3E%27)%3Bvar%20l%3D1%2BMath.floor(Math.random()*%24e.children().length)%3B%24e.css(%7B%22z-index%22:%2299999%22,position:%22fixed%22,top:%225px%22,right:%225px%22,opacity:%220.5%22%7D).hover(function()%7B%24(this).css(%22opacity%22,%221%22)%7D,function()%7B%24(this).css(%22opacity%22,%220.5%22)%7D).change(function()%7Bif(!%24(%22link.bootswatcher%22)%5B0%5D)%7B%24(%22head%22).append(%27%3Clink%20rel%3D%22stylesheet%22%20class%3D%22bootswatcher%22%3E%27)%7D%24(%22link.bootswatcher%22).attr(%22href%22,%22http://bootswatch.com/%22%2B%24(this).find(%22:selected%22).text().toLowerCase()%2B%22/bootstrap.min.css%22)%7D).find(%22option:nth-child(%22%2Bl%2B%22)%22).attr(%22selected%22,%22selected%22).end().trigger(%22change%22)%3B%24(%22body%22).append(%24e)%7D%3B%7D)%3B" title="Drag to your bookmarks bar">Bookmarklet</a> - <a href="https://github.com/thomaspark/bootswatch/tree/gh-pages/swatchmaker">Swatchmaker</a> + <a href="https://github.com/thomaspark/bootswatch/tree/gh-pages/2/swatchmaker">Swatchmaker</a> <a href="http://news.bootswatch.com/post/22193315172/bootswatch-api">API</a> <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=F22JEM3Q78JC2">Donate</a> </div> diff --git a/2/cosmo/index.html b/2/cosmo/index.html index 48008d59..a088d18a 100755 --- a/2/cosmo/index.html +++ b/2/cosmo/index.html @@ -167,7 +167,7 @@ </div> </div> - + <div class="row"> <div class="span6"> <blockquote> @@ -305,8 +305,8 @@ <th>Large Button</th> <th>Small Button</th> <th>Disabled Button</th> - <th>Button with Icon</th> - <th>Split Button</th> + <th>Button with Icon</th> + <th>Split Button</th> </tr> </thead> <tbody> @@ -316,7 +316,7 @@ <td><a class="btn btn-small" href="#">Default</a></td> <td><a class="btn disabled" href="#">Default</a></td> <td><a class="btn" href="#"><i class="icon-cog"></i> Default</a></td> - <td> + <td> <div class="btn-group"> <a class="btn" href="#">Default</a> <a class="btn dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -328,7 +328,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-primary" href="#">Primary</a></td> @@ -336,7 +336,7 @@ <td><a class="btn btn-primary btn-small" href="#">Primary</a></td> <td><a class="btn btn-primary disabled" href="#">Primary</a></td> <td><a class="btn btn-primary" href="#"><i class="icon-shopping-cart icon-white"></i> Primary</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-primary" href="#">Primary</a> <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -348,7 +348,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-info" href="#">Info</a></td> @@ -356,7 +356,7 @@ <td><a class="btn btn-info btn-small" href="#">Info</a></td> <td><a class="btn btn-info disabled" href="#">Info</a></td> <td><a class="btn btn-info" href="#"><i class="icon-exclamation-sign icon-white"></i> Info</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-info" href="#">Info</a> <a class="btn btn-info dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -368,7 +368,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-success" href="#">Success</a></td> @@ -376,7 +376,7 @@ <td><a class="btn btn-success btn-small" href="#">Success</a></td> <td><a class="btn btn-success disabled" href="#">Success</a></td> <td><a class="btn btn-success" href="#"><i class="icon-ok icon-white"></i> Success</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-success" href="#">Success</a> <a class="btn btn-success dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -388,7 +388,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-warning" href="#">Warning</a></td> @@ -396,7 +396,7 @@ <td><a class="btn btn-warning btn-small" href="#">Warning</a></td> <td><a class="btn btn-warning disabled" href="#">Warning</a></td> <td><a class="btn btn-warning" href="#"><i class="icon-warning-sign icon-white"></i> Warning</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-warning" href="#">Warning</a> <a class="btn btn-warning dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -408,7 +408,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-danger" href="#">Danger</a></td> @@ -416,7 +416,7 @@ <td><a class="btn btn-danger btn-small" href="#">Danger</a></td> <td><a class="btn btn-danger disabled" href="#">Danger</a></td> <td><a class="btn btn-danger" href="#"><i class="icon-remove icon-white"></i> Danger</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-danger" href="#">Danger</a> <a class="btn btn-danger dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -428,7 +428,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-inverse" href="#">Inverse</a></td> @@ -436,7 +436,7 @@ <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> + <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> @@ -448,7 +448,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> </tbody> </table> @@ -611,7 +611,7 @@ <div class="page-header"> <h1>Tables</h1> </div> - + <table class="table table-bordered table-striped table-hover"> <thead> <tr> @@ -686,15 +686,15 @@ </ul> </div> </div> - + <div class="span4"> <h3 id="pager">Pagers</h3> - + <ul class="pager"> <li><a href="#">Previous</a></li> <li><a href="#">Next</a></li> </ul> - + <ul class="pager"> <li class="previous disabled"><a href="#">← Older</a></li> <li class="next"><a href="#">Newer →</a></li> @@ -728,7 +728,7 @@ </div> </div> </div> <!-- /tabbable --> - + </div> <div class="span4"> <h3 id="pills">Pills</h3> @@ -748,11 +748,11 @@ <li class="disabled"><a href="#">Disabled link</a></li> </ul> </div> - + <div class="span4"> - + <h3 id="list">Lists</h3> - + <div class="well" style="padding: 8px 0;"> <ul class="nav nav-list"> <li class="nav-header">List header</li> @@ -874,7 +874,7 @@ <a href="https://twitter.com/thomashpark">Twitter</a> <a href="https://github.com/thomaspark/bootswatch/">GitHub</a> <a rel="tooltip" href="javascript:(function(e,a,g,h,f,c,b,d)%7Bif(!(f%3De.jQuery)%7C%7Cg%3Ef.fn.jquery%7C%7Ch(f))%7Bc%3Da.createElement(%22script%22)%3Bc.type%3D%22text/javascript%22%3Bc.src%3D%22http://ajax.googleapis.com/ajax/libs/jquery/%22%2Bg%2B%22/jquery.min.js%22%3Bc.onload%3Dc.onreadystatechange%3Dfunction()%7Bif(!b%26%26(!(d%3Dthis.readyState)%7C%7Cd%3D%3D%22loaded%22%7C%7Cd%3D%3D%22complete%22))%7Bh((f%3De.jQuery).noConflict(1),b%3D1)%3Bf(c).remove()%7D%7D%3Ba.documentElement.childNodes%5B0%5D.appendChild(c)%7D%7D)(window,document,%221.3.2%22,function(%24,L)%7Bif(%24(%22.bootswatcher%22)%5B0%5D)%7B%24(%22.bootswatcher%22).remove()%7Delse%7Bvar%20%24e%3D%24(%27%3Cselect%20class%3D%22bootswatcher%22%3E%3Coption%3EAmelia%3C/option%3E%3Coption%3ECerulean%3C/option%3E%3Coption%3ECosmo%3C/option%3E%3Coption%3ECyborg%3C/option%3E%3Coption%3EJournal%3C/option%3E%3Coption%3EReadable%3C/option%3E%3Coption%3ESimplex%3C/option%3E%3Coption%3ESlate%3C/option%3E%3Coption%3ESpacelab%3C/option%3E%3Coption%3ESpruce%3C/option%3E%3Coption%3ESuperhero%3C/option%3E%3Coption%3EUnited%3C/option%3E%3C/select%3E%27)%3Bvar%20l%3D1%2BMath.floor(Math.random()*%24e.children().length)%3B%24e.css(%7B%22z-index%22:%2299999%22,position:%22fixed%22,top:%225px%22,right:%225px%22,opacity:%220.5%22%7D).hover(function()%7B%24(this).css(%22opacity%22,%221%22)%7D,function()%7B%24(this).css(%22opacity%22,%220.5%22)%7D).change(function()%7Bif(!%24(%22link.bootswatcher%22)%5B0%5D)%7B%24(%22head%22).append(%27%3Clink%20rel%3D%22stylesheet%22%20class%3D%22bootswatcher%22%3E%27)%7D%24(%22link.bootswatcher%22).attr(%22href%22,%22http://bootswatch.com/%22%2B%24(this).find(%22:selected%22).text().toLowerCase()%2B%22/bootstrap.min.css%22)%7D).find(%22option:nth-child(%22%2Bl%2B%22)%22).attr(%22selected%22,%22selected%22).end().trigger(%22change%22)%3B%24(%22body%22).append(%24e)%7D%3B%7D)%3B" title="Drag to your bookmarks bar">Bookmarklet</a> - <a href="https://github.com/thomaspark/bootswatch/tree/gh-pages/swatchmaker">Swatchmaker</a> + <a href="https://github.com/thomaspark/bootswatch/tree/gh-pages/2/swatchmaker">Swatchmaker</a> <a href="http://news.bootswatch.com/post/22193315172/bootswatch-api">API</a> <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=F22JEM3Q78JC2">Donate</a> </div> diff --git a/2/cyborg/index.html b/2/cyborg/index.html index 7f18f259..196f3b96 100755 --- a/2/cyborg/index.html +++ b/2/cyborg/index.html @@ -167,7 +167,7 @@ </div> </div> - + <div class="row"> <div class="span6"> <blockquote> @@ -305,8 +305,8 @@ <th>Large Button</th> <th>Small Button</th> <th>Disabled Button</th> - <th>Button with Icon</th> - <th>Split Button</th> + <th>Button with Icon</th> + <th>Split Button</th> </tr> </thead> <tbody> @@ -316,7 +316,7 @@ <td><a class="btn btn-small" href="#">Default</a></td> <td><a class="btn disabled" href="#">Default</a></td> <td><a class="btn" href="#"><i class="icon-cog"></i> Default</a></td> - <td> + <td> <div class="btn-group"> <a class="btn" href="#">Default</a> <a class="btn dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -328,7 +328,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-primary" href="#">Primary</a></td> @@ -336,7 +336,7 @@ <td><a class="btn btn-primary btn-small" href="#">Primary</a></td> <td><a class="btn btn-primary disabled" href="#">Primary</a></td> <td><a class="btn btn-primary" href="#"><i class="icon-shopping-cart icon-white"></i> Primary</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-primary" href="#">Primary</a> <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -348,7 +348,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-info" href="#">Info</a></td> @@ -356,7 +356,7 @@ <td><a class="btn btn-info btn-small" href="#">Info</a></td> <td><a class="btn btn-info disabled" href="#">Info</a></td> <td><a class="btn btn-info" href="#"><i class="icon-exclamation-sign icon-white"></i> Info</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-info" href="#">Info</a> <a class="btn btn-info dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -368,7 +368,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-success" href="#">Success</a></td> @@ -376,7 +376,7 @@ <td><a class="btn btn-success btn-small" href="#">Success</a></td> <td><a class="btn btn-success disabled" href="#">Success</a></td> <td><a class="btn btn-success" href="#"><i class="icon-ok icon-white"></i> Success</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-success" href="#">Success</a> <a class="btn btn-success dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -388,7 +388,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-warning" href="#">Warning</a></td> @@ -396,7 +396,7 @@ <td><a class="btn btn-warning btn-small" href="#">Warning</a></td> <td><a class="btn btn-warning disabled" href="#">Warning</a></td> <td><a class="btn btn-warning" href="#"><i class="icon-warning-sign icon-white"></i> Warning</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-warning" href="#">Warning</a> <a class="btn btn-warning dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -408,7 +408,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-danger" href="#">Danger</a></td> @@ -416,7 +416,7 @@ <td><a class="btn btn-danger btn-small" href="#">Danger</a></td> <td><a class="btn btn-danger disabled" href="#">Danger</a></td> <td><a class="btn btn-danger" href="#"><i class="icon-remove icon-white"></i> Danger</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-danger" href="#">Danger</a> <a class="btn btn-danger dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -428,7 +428,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-inverse" href="#">Inverse</a></td> @@ -436,7 +436,7 @@ <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> + <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> @@ -448,7 +448,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> </tbody> </table> @@ -611,7 +611,7 @@ <div class="page-header"> <h1>Tables</h1> </div> - + <table class="table table-bordered table-striped table-hover"> <thead> <tr> @@ -686,15 +686,15 @@ </ul> </div> </div> - + <div class="span4"> <h3 id="pager">Pagers</h3> - + <ul class="pager"> <li><a href="#">Previous</a></li> <li><a href="#">Next</a></li> </ul> - + <ul class="pager"> <li class="previous disabled"><a href="#">← Older</a></li> <li class="next"><a href="#">Newer →</a></li> @@ -728,7 +728,7 @@ </div> </div> </div> <!-- /tabbable --> - + </div> <div class="span4"> <h3 id="pills">Pills</h3> @@ -748,11 +748,11 @@ <li class="disabled"><a href="#">Disabled link</a></li> </ul> </div> - + <div class="span4"> - + <h3 id="list">Lists</h3> - + <div class="well" style="padding: 8px 0;"> <ul class="nav nav-list"> <li class="nav-header">List header</li> @@ -874,7 +874,7 @@ <a href="https://twitter.com/thomashpark">Twitter</a> <a href="https://github.com/thomaspark/bootswatch/">GitHub</a> <a rel="tooltip" href="javascript:(function(e,a,g,h,f,c,b,d)%7Bif(!(f%3De.jQuery)%7C%7Cg%3Ef.fn.jquery%7C%7Ch(f))%7Bc%3Da.createElement(%22script%22)%3Bc.type%3D%22text/javascript%22%3Bc.src%3D%22http://ajax.googleapis.com/ajax/libs/jquery/%22%2Bg%2B%22/jquery.min.js%22%3Bc.onload%3Dc.onreadystatechange%3Dfunction()%7Bif(!b%26%26(!(d%3Dthis.readyState)%7C%7Cd%3D%3D%22loaded%22%7C%7Cd%3D%3D%22complete%22))%7Bh((f%3De.jQuery).noConflict(1),b%3D1)%3Bf(c).remove()%7D%7D%3Ba.documentElement.childNodes%5B0%5D.appendChild(c)%7D%7D)(window,document,%221.3.2%22,function(%24,L)%7Bif(%24(%22.bootswatcher%22)%5B0%5D)%7B%24(%22.bootswatcher%22).remove()%7Delse%7Bvar%20%24e%3D%24(%27%3Cselect%20class%3D%22bootswatcher%22%3E%3Coption%3EAmelia%3C/option%3E%3Coption%3ECerulean%3C/option%3E%3Coption%3ECosmo%3C/option%3E%3Coption%3ECyborg%3C/option%3E%3Coption%3EJournal%3C/option%3E%3Coption%3EReadable%3C/option%3E%3Coption%3ESimplex%3C/option%3E%3Coption%3ESlate%3C/option%3E%3Coption%3ESpacelab%3C/option%3E%3Coption%3ESpruce%3C/option%3E%3Coption%3ESuperhero%3C/option%3E%3Coption%3EUnited%3C/option%3E%3C/select%3E%27)%3Bvar%20l%3D1%2BMath.floor(Math.random()*%24e.children().length)%3B%24e.css(%7B%22z-index%22:%2299999%22,position:%22fixed%22,top:%225px%22,right:%225px%22,opacity:%220.5%22%7D).hover(function()%7B%24(this).css(%22opacity%22,%221%22)%7D,function()%7B%24(this).css(%22opacity%22,%220.5%22)%7D).change(function()%7Bif(!%24(%22link.bootswatcher%22)%5B0%5D)%7B%24(%22head%22).append(%27%3Clink%20rel%3D%22stylesheet%22%20class%3D%22bootswatcher%22%3E%27)%7D%24(%22link.bootswatcher%22).attr(%22href%22,%22http://bootswatch.com/%22%2B%24(this).find(%22:selected%22).text().toLowerCase()%2B%22/bootstrap.min.css%22)%7D).find(%22option:nth-child(%22%2Bl%2B%22)%22).attr(%22selected%22,%22selected%22).end().trigger(%22change%22)%3B%24(%22body%22).append(%24e)%7D%3B%7D)%3B" title="Drag to your bookmarks bar">Bookmarklet</a> - <a href="https://github.com/thomaspark/bootswatch/tree/gh-pages/swatchmaker">Swatchmaker</a> + <a href="https://github.com/thomaspark/bootswatch/tree/gh-pages/2/swatchmaker">Swatchmaker</a> <a href="http://news.bootswatch.com/post/22193315172/bootswatch-api">API</a> <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=F22JEM3Q78JC2">Donate</a> </div> diff --git a/2/default/index.html b/2/default/index.html index 284f46dc..8eea023b 100755 --- a/2/default/index.html +++ b/2/default/index.html @@ -166,7 +166,7 @@ </div> </div> - + <div class="row"> <div class="span6"> <blockquote> @@ -304,8 +304,8 @@ <th>Large Button</th> <th>Small Button</th> <th>Disabled Button</th> - <th>Button with Icon</th> - <th>Split Button</th> + <th>Button with Icon</th> + <th>Split Button</th> </tr> </thead> <tbody> @@ -315,7 +315,7 @@ <td><a class="btn btn-small" href="#">Default</a></td> <td><a class="btn disabled" href="#">Default</a></td> <td><a class="btn" href="#"><i class="icon-cog"></i> Default</a></td> - <td> + <td> <div class="btn-group"> <a class="btn" href="#">Default</a> <a class="btn dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -327,7 +327,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-primary" href="#">Primary</a></td> @@ -335,7 +335,7 @@ <td><a class="btn btn-primary btn-small" href="#">Primary</a></td> <td><a class="btn btn-primary disabled" href="#">Primary</a></td> <td><a class="btn btn-primary" href="#"><i class="icon-shopping-cart icon-white"></i> Primary</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-primary" href="#">Primary</a> <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -347,7 +347,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-info" href="#">Info</a></td> @@ -355,7 +355,7 @@ <td><a class="btn btn-info btn-small" href="#">Info</a></td> <td><a class="btn btn-info disabled" href="#">Info</a></td> <td><a class="btn btn-info" href="#"><i class="icon-exclamation-sign icon-white"></i> Info</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-info" href="#">Info</a> <a class="btn btn-info dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -367,7 +367,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-success" href="#">Success</a></td> @@ -375,7 +375,7 @@ <td><a class="btn btn-success btn-small" href="#">Success</a></td> <td><a class="btn btn-success disabled" href="#">Success</a></td> <td><a class="btn btn-success" href="#"><i class="icon-ok icon-white"></i> Success</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-success" href="#">Success</a> <a class="btn btn-success dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -387,7 +387,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-warning" href="#">Warning</a></td> @@ -395,7 +395,7 @@ <td><a class="btn btn-warning btn-small" href="#">Warning</a></td> <td><a class="btn btn-warning disabled" href="#">Warning</a></td> <td><a class="btn btn-warning" href="#"><i class="icon-warning-sign icon-white"></i> Warning</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-warning" href="#">Warning</a> <a class="btn btn-warning dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -407,7 +407,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-danger" href="#">Danger</a></td> @@ -415,7 +415,7 @@ <td><a class="btn btn-danger btn-small" href="#">Danger</a></td> <td><a class="btn btn-danger disabled" href="#">Danger</a></td> <td><a class="btn btn-danger" href="#"><i class="icon-remove icon-white"></i> Danger</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-danger" href="#">Danger</a> <a class="btn btn-danger dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -427,7 +427,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-inverse" href="#">Inverse</a></td> @@ -435,7 +435,7 @@ <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> + <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> @@ -447,7 +447,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> </tbody> </table> @@ -610,7 +610,7 @@ <div class="page-header"> <h1>Tables</h1> </div> - + <table class="table table-bordered table-striped table-hover"> <thead> <tr> @@ -685,15 +685,15 @@ </ul> </div> </div> - + <div class="span4"> <h3 id="pager">Pagers</h3> - + <ul class="pager"> <li><a href="#">Previous</a></li> <li><a href="#">Next</a></li> </ul> - + <ul class="pager"> <li class="previous disabled"><a href="#">← Older</a></li> <li class="next"><a href="#">Newer →</a></li> @@ -727,7 +727,7 @@ </div> </div> </div> <!-- /tabbable --> - + </div> <div class="span4"> <h3 id="pills">Pills</h3> @@ -747,11 +747,11 @@ <li class="disabled"><a href="#">Disabled link</a></li> </ul> </div> - + <div class="span4"> - + <h3 id="list">Lists</h3> - + <div class="well" style="padding: 8px 0;"> <ul class="nav nav-list"> <li class="nav-header">List header</li> @@ -873,7 +873,7 @@ <a href="https://twitter.com/thomashpark">Twitter</a> <a href="https://github.com/thomaspark/bootswatch/">GitHub</a> <a rel="tooltip" href="javascript:(function(e,a,g,h,f,c,b,d)%7Bif(!(f%3De.jQuery)%7C%7Cg%3Ef.fn.jquery%7C%7Ch(f))%7Bc%3Da.createElement(%22script%22)%3Bc.type%3D%22text/javascript%22%3Bc.src%3D%22http://ajax.googleapis.com/ajax/libs/jquery/%22%2Bg%2B%22/jquery.min.js%22%3Bc.onload%3Dc.onreadystatechange%3Dfunction()%7Bif(!b%26%26(!(d%3Dthis.readyState)%7C%7Cd%3D%3D%22loaded%22%7C%7Cd%3D%3D%22complete%22))%7Bh((f%3De.jQuery).noConflict(1),b%3D1)%3Bf(c).remove()%7D%7D%3Ba.documentElement.childNodes%5B0%5D.appendChild(c)%7D%7D)(window,document,%221.3.2%22,function(%24,L)%7Bif(%24(%22.bootswatcher%22)%5B0%5D)%7B%24(%22.bootswatcher%22).remove()%7Delse%7Bvar%20%24e%3D%24(%27%3Cselect%20class%3D%22bootswatcher%22%3E%3Coption%3EAmelia%3C/option%3E%3Coption%3ECerulean%3C/option%3E%3Coption%3ECosmo%3C/option%3E%3Coption%3ECyborg%3C/option%3E%3Coption%3EJournal%3C/option%3E%3Coption%3EReadable%3C/option%3E%3Coption%3ESimplex%3C/option%3E%3Coption%3ESlate%3C/option%3E%3Coption%3ESpacelab%3C/option%3E%3Coption%3ESpruce%3C/option%3E%3Coption%3ESuperhero%3C/option%3E%3Coption%3EUnited%3C/option%3E%3C/select%3E%27)%3Bvar%20l%3D1%2BMath.floor(Math.random()*%24e.children().length)%3B%24e.css(%7B%22z-index%22:%2299999%22,position:%22fixed%22,top:%225px%22,right:%225px%22,opacity:%220.5%22%7D).hover(function()%7B%24(this).css(%22opacity%22,%221%22)%7D,function()%7B%24(this).css(%22opacity%22,%220.5%22)%7D).change(function()%7Bif(!%24(%22link.bootswatcher%22)%5B0%5D)%7B%24(%22head%22).append(%27%3Clink%20rel%3D%22stylesheet%22%20class%3D%22bootswatcher%22%3E%27)%7D%24(%22link.bootswatcher%22).attr(%22href%22,%22http://bootswatch.com/%22%2B%24(this).find(%22:selected%22).text().toLowerCase()%2B%22/bootstrap.min.css%22)%7D).find(%22option:nth-child(%22%2Bl%2B%22)%22).attr(%22selected%22,%22selected%22).end().trigger(%22change%22)%3B%24(%22body%22).append(%24e)%7D%3B%7D)%3B" title="Drag to your bookmarks bar">Bookmarklet</a> - <a href="https://github.com/thomaspark/bootswatch/tree/gh-pages/swatchmaker">Swatchmaker</a> + <a href="https://github.com/thomaspark/bootswatch/tree/gh-pages/2/swatchmaker">Swatchmaker</a> <a href="http://news.bootswatch.com/post/22193315172/bootswatch-api">API</a> <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=F22JEM3Q78JC2">Donate</a> </div> diff --git a/2/flatly/index.html b/2/flatly/index.html index 31e80221..dfa7e3d3 100755 --- a/2/flatly/index.html +++ b/2/flatly/index.html @@ -16,21 +16,21 @@ <link href="../css/font-awesome.min.css" rel="stylesheet"> <link href="../css/bootswatch.css" rel="stylesheet"> - <script> + <script> - var _gaq = _gaq || []; - _gaq.push(['_setAccount', 'UA-23019901-1']); - _gaq.push(['_setDomainName', "bootswatch.com"]); - _gaq.push(['_setAllowLinker', true]); - _gaq.push(['_trackPageview']); + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-23019901-1']); + _gaq.push(['_setDomainName', "bootswatch.com"]); + _gaq.push(['_setAllowLinker', true]); + _gaq.push(['_trackPageview']); - (function() { - var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; - ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; - var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); - })(); + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); - </script> + </script> </head> @@ -168,7 +168,7 @@ </div> </div> - + <div class="row"> <div class="span6"> <blockquote> @@ -306,8 +306,8 @@ <th>Large Button</th> <th>Small Button</th> <th>Disabled Button</th> - <th>Button with Icon</th> - <th>Split Button</th> + <th>Button with Icon</th> + <th>Split Button</th> </tr> </thead> <tbody> @@ -317,19 +317,19 @@ <td><a class="btn btn-small" href="#">Default</a></td> <td><a class="btn disabled" href="#">Default</a></td> <td><a class="btn" href="#"><i class="icon-cog"></i> Default</a></td> - <td> - <div class="btn-group"> - <a class="btn" href="#">Default</a> - <a class="btn 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> + <td> + <div class="btn-group"> + <a class="btn" href="#">Default</a> + <a class="btn 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> <tr> <td><a class="btn btn-primary" href="#">Primary</a></td> @@ -337,19 +337,19 @@ <td><a class="btn btn-primary btn-small" href="#">Primary</a></td> <td><a class="btn btn-primary disabled" href="#">Primary</a></td> <td><a class="btn btn-primary" href="#"><i class="icon-shopping-cart icon-white"></i> Primary</a></td> - <td> - <div class="btn-group"> - <a class="btn btn-primary" href="#">Primary</a> - <a class="btn btn-primary 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> + <td> + <div class="btn-group"> + <a class="btn btn-primary" href="#">Primary</a> + <a class="btn btn-primary 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> <tr> <td><a class="btn btn-info" href="#">Info</a></td> @@ -357,19 +357,19 @@ <td><a class="btn btn-info btn-small" href="#">Info</a></td> <td><a class="btn btn-info disabled" href="#">Info</a></td> <td><a class="btn btn-info" href="#"><i class="icon-exclamation-sign icon-white"></i> Info</a></td> - <td> - <div class="btn-group"> - <a class="btn btn-info" href="#">Info</a> - <a class="btn btn-info 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> + <td> + <div class="btn-group"> + <a class="btn btn-info" href="#">Info</a> + <a class="btn btn-info 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> <tr> <td><a class="btn btn-success" href="#">Success</a></td> @@ -377,19 +377,19 @@ <td><a class="btn btn-success btn-small" href="#">Success</a></td> <td><a class="btn btn-success disabled" href="#">Success</a></td> <td><a class="btn btn-success" href="#"><i class="icon-ok icon-white"></i> Success</a></td> - <td> - <div class="btn-group"> - <a class="btn btn-success" href="#">Success</a> - <a class="btn btn-success 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> + <td> + <div class="btn-group"> + <a class="btn btn-success" href="#">Success</a> + <a class="btn btn-success 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> <tr> <td><a class="btn btn-warning" href="#">Warning</a></td> @@ -397,19 +397,19 @@ <td><a class="btn btn-warning btn-small" href="#">Warning</a></td> <td><a class="btn btn-warning disabled" href="#">Warning</a></td> <td><a class="btn btn-warning" href="#"><i class="icon-warning-sign icon-white"></i> Warning</a></td> - <td> - <div class="btn-group"> - <a class="btn btn-warning" href="#">Warning</a> - <a class="btn btn-warning 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> + <td> + <div class="btn-group"> + <a class="btn btn-warning" href="#">Warning</a> + <a class="btn btn-warning 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> <tr> <td><a class="btn btn-danger" href="#">Danger</a></td> @@ -417,19 +417,19 @@ <td><a class="btn btn-danger btn-small" href="#">Danger</a></td> <td><a class="btn btn-danger disabled" href="#">Danger</a></td> <td><a class="btn btn-danger" href="#"><i class="icon-remove icon-white"></i> Danger</a></td> - <td> - <div class="btn-group"> - <a class="btn btn-danger" href="#">Danger</a> - <a class="btn btn-danger 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> + <td> + <div class="btn-group"> + <a class="btn btn-danger" href="#">Danger</a> + <a class="btn btn-danger 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> <tr> <td><a class="btn btn-inverse" href="#">Inverse</a></td> @@ -437,19 +437,19 @@ <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> + <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> @@ -467,10 +467,10 @@ <div class="row"> <div class="span10 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-medium search-query"> + <button type="submit" class="btn">Search</button> + </form> <form class="well form-search"> <input type="text" class="input-small" placeholder="Email"> @@ -612,7 +612,7 @@ <div class="page-header"> <h1>Tables</h1> </div> - + <table class="table table-bordered table-striped table-hover"> <thead> <tr> @@ -687,15 +687,15 @@ </ul> </div> </div> - + <div class="span4"> <h3 id="pager">Pagers</h3> - + <ul class="pager"> <li><a href="#">Previous</a></li> <li><a href="#">Next</a></li> </ul> - + <ul class="pager"> <li class="previous disabled"><a href="#">← Older</a></li> <li class="next"><a href="#">Newer →</a></li> @@ -729,7 +729,7 @@ </div> </div> </div> <!-- /tabbable --> - + </div> <div class="span4"> <h3 id="pills">Pills</h3> @@ -749,11 +749,11 @@ <li class="disabled"><a href="#">Disabled link</a></li> </ul> </div> - + <div class="span4"> - + <h3 id="list">Lists</h3> - + <div class="well" style="padding: 8px 0;"> <ul class="nav nav-list"> <li class="nav-header">List header</li> @@ -794,7 +794,7 @@ <span class="badge badge-inverse">Inverse</span> </div> </div> - <br /> + <br /> <!-- Progress bars ================================================== --> @@ -819,7 +819,7 @@ </div> </div> </div> - <br /> + <br /> <!-- Alerts & Messages @@ -829,13 +829,13 @@ <h3 id="alerts">Alerts</h3> <div class="row"> - <div class="span12"> - <div class="alert alert-block"> - <a class="close">×</a> - <h4 class="alert-heading">Alert block</h4> - <p>Best check yo self, you're not looking too good. Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.</p> - </div> - </div> + <div class="span12"> + <div class="alert alert-block"> + <a class="close">×</a> + <h4 class="alert-heading">Alert block</h4> + <p>Best check yo self, you're not looking too good. Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.</p> + </div> + </div> </div> <div class="row"> <div class="span4"> @@ -875,7 +875,7 @@ <a href="https://twitter.com/thomashpark">Twitter</a> <a href="https://github.com/thomaspark/bootswatch/">GitHub</a> <a rel="tooltip" href="javascript:(function(e,a,g,h,f,c,b,d)%7Bif(!(f%3De.jQuery)%7C%7Cg%3Ef.fn.jquery%7C%7Ch(f))%7Bc%3Da.createElement(%22script%22)%3Bc.type%3D%22text/javascript%22%3Bc.src%3D%22http://ajax.googleapis.com/ajax/libs/jquery/%22%2Bg%2B%22/jquery.min.js%22%3Bc.onload%3Dc.onreadystatechange%3Dfunction()%7Bif(!b%26%26(!(d%3Dthis.readyState)%7C%7Cd%3D%3D%22loaded%22%7C%7Cd%3D%3D%22complete%22))%7Bh((f%3De.jQuery).noConflict(1),b%3D1)%3Bf(c).remove()%7D%7D%3Ba.documentElement.childNodes%5B0%5D.appendChild(c)%7D%7D)(window,document,%221.3.2%22,function(%24,L)%7Bif(%24(%22.bootswatcher%22)%5B0%5D)%7B%24(%22.bootswatcher%22).remove()%7Delse%7Bvar%20%24e%3D%24(%27%3Cselect%20class%3D%22bootswatcher%22%3E%3Coption%3EAmelia%3C/option%3E%3Coption%3ECerulean%3C/option%3E%3Coption%3ECosmo%3C/option%3E%3Coption%3ECyborg%3C/option%3E%3Coption%3EJournal%3C/option%3E%3Coption%3EReadable%3C/option%3E%3Coption%3ESimplex%3C/option%3E%3Coption%3ESlate%3C/option%3E%3Coption%3ESpacelab%3C/option%3E%3Coption%3ESpruce%3C/option%3E%3Coption%3ESuperhero%3C/option%3E%3Coption%3EUnited%3C/option%3E%3C/select%3E%27)%3Bvar%20l%3D1%2BMath.floor(Math.random()*%24e.children().length)%3B%24e.css(%7B%22z-index%22:%2299999%22,position:%22fixed%22,top:%225px%22,right:%225px%22,opacity:%220.5%22%7D).hover(function()%7B%24(this).css(%22opacity%22,%221%22)%7D,function()%7B%24(this).css(%22opacity%22,%220.5%22)%7D).change(function()%7Bif(!%24(%22link.bootswatcher%22)%5B0%5D)%7B%24(%22head%22).append(%27%3Clink%20rel%3D%22stylesheet%22%20class%3D%22bootswatcher%22%3E%27)%7D%24(%22link.bootswatcher%22).attr(%22href%22,%22http://bootswatch.com/%22%2B%24(this).find(%22:selected%22).text().toLowerCase()%2B%22/bootstrap.min.css%22)%7D).find(%22option:nth-child(%22%2Bl%2B%22)%22).attr(%22selected%22,%22selected%22).end().trigger(%22change%22)%3B%24(%22body%22).append(%24e)%7D%3B%7D)%3B" title="Drag to your bookmarks bar">Bookmarklet</a> - <a href="https://github.com/thomaspark/bootswatch/tree/gh-pages/swatchmaker">Swatchmaker</a> + <a href="https://github.com/thomaspark/bootswatch/tree/gh-pages/2/swatchmaker">Swatchmaker</a> <a href="http://news.bootswatch.com/post/22193315172/bootswatch-api">API</a> <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=F22JEM3Q78JC2">Donate</a> </div> diff --git a/2/index.html b/2/index.html index b2c2f4a3..7c9c3db2 100644 --- a/2/index.html +++ b/2/index.html @@ -1,656 +1,656 @@ <!DOCTYPE html> <html lang="en"> <head> - <meta charset="utf-8"> - <meta name="viewport" content="width=device-width, initial-scale=1"> - <meta name="description" content="Free themes for Bootstrap."> - <title>Bootswatch: Free themes for Bootstrap 2.3.2</title> - - <!--[if lt IE 9]> - <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> - <![endif]--> - - <link href="default/bootstrap.min.css" rel="stylesheet"> - <link href="default/bootstrap-responsive.min.css" rel="stylesheet"> - <link href="css/font-awesome.min.css" rel="stylesheet"> - <link href="css/bootswatch.css" rel="stylesheet"> - <link href="http://feeds.feedburner.com/bootswatch" rel="alternate" type="application/rss+xml" title="Bootswatch"> - - <script> - - var _gaq = _gaq || []; - _gaq.push(['_setAccount', 'UA-23019901-1']); - _gaq.push(['_setDomainName', "bootswatch.com"]); - _gaq.push(['_setAllowLinker', true]); - _gaq.push(['_trackPageview']); - - (function() { - var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; - ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; - var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); - })(); - - </script> + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <meta name="description" content="Free themes for Bootstrap."> + <title>Bootswatch: Free themes for Bootstrap 2.3.2</title> + + <!--[if lt IE 9]> + <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> + <![endif]--> + + <link href="default/bootstrap.min.css" rel="stylesheet"> + <link href="default/bootstrap-responsive.min.css" rel="stylesheet"> + <link href="css/font-awesome.min.css" rel="stylesheet"> + <link href="css/bootswatch.css" rel="stylesheet"> + <link href="http://feeds.feedburner.com/bootswatch" rel="alternate" type="application/rss+xml" title="Bootswatch"> + + <script> + + var _gaq = _gaq || []; + _gaq.push(['_setAccount', 'UA-23019901-1']); + _gaq.push(['_setDomainName', "bootswatch.com"]); + _gaq.push(['_setAllowLinker', true]); + _gaq.push(['_trackPageview']); + + (function() { + var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; + ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; + var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); + })(); + + </script> </head> <body class="index" id="top"> - <script src="js/bsa.js"></script> - - <div class="navbar navbar-fixed-top"> - <div class="navbar-inner"> - <div class="container"> - <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="./">Bootswatch</a> - <div class="nav-collapse collapse" id="main-menu"> - <ul class="nav" id="main-menu-left"> - <li><a href="http://news.bootswatch.com" onclick="pageTracker._link(this.href); return false;">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="cosmo/">Cosmo</a></li> - <li><a href="cyborg/">Cyborg</a></li> - <li><a href="flatly/">Flatly</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> - </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> - </div> - - <div class="hero-unit"> - - <div class="alert alert-danger"> - <p><h4 class="alert-heading">These themes are for Bootstrap 2.3.2.</h4></p> - <p><a href="../">Visit the main page</a> to get themes for latest version of Bootstrap.</p> - </div> - - <h1>Bootswatch</h1> - <p id="tagline"> </p> - - <div id="social"> - <span> - <iframe id="gh-fork" src="http://ghbtns.com/github-btn.html?user=thomaspark&repo=bootswatch&type=fork" allowtransparency="true" frameborder="0" scrolling="0" width="53px" height="20px"></iframe> - <iframe id="gh-star" src="http://ghbtns.com/github-btn.html?user=thomaspark&repo=bootswatch&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="110px" height="20px"></iframe> - </span> - <span> - <a href="https://twitter.com/thomashpark" class="twitter-follow-button" data-show-count="false" data-show-screen-name="true">Follow @thomashpark</a> - <a href="https://twitter.com/share" class="twitter-share-button" data-url="http://bootswatch.com" data-via="thomashpark">Tweet</a> - </span> - <span> - <a class="btn rss-button" href="http://feeds.feedburner.com/bootswatch"><i class="icon-rss"></i> RSS</a> - </span> - </div> - - <div id="ticker"> - </div> - </div> - - <div class="container"> - - - <div class="row about"> - <div class="span4"> - <h3><i class="icon-file-alt"></i> Easy to Install</h3> - <p>Simply download a CSS file and replace the one in Bootstrap. No messing around with hex values.</p> - </div> - <div class="span4"> - <h3><i class="icon-github"></i> Open Source</h3> - <p>Bootstrap themes are licensed under Apache 2.0 and maintained by the community on <a target="_blank" href="https://github.com/thomaspark/bootswatch">GitHub</a>.</p> - </div> - <div class="span4"> - <h3><i class="icon-wrench"></i> Tuned for 2.3.2</h3> - <p>Swatches are built for and tested with the latest version of Bootstrap. <a target="_blank" href="https://github.com/thomaspark/bootswatch/tags">Older versions</a> are also available for download.</p> - </div> - <div class="span4"> - <h3><i class="icon-cogs"></i> Modular</h3> - <p>Changes are contained in just two LESS files, enabling modification and ensuring forward compatibility.</p> - </div> - <div class="span4"> - <h3><i class="icon-cloud"></i> Get Plugged In</h3> - <p>An <a href="http://news.bootswatch.com/post/22193315172/bootswatch-api" onclick="pageTracker._link(this.href); return false;">API</a> is available for integrating with your platform. In use by <a href="http://320press.com/wpbs/" target="_blank">WPBS</a>, <a href="http://www.fusionleaf.com/" target="_blank">FusionLeaf</a>, <a href="http://yabdab.com/stacks/snaps/bootsnap/" target="_blank">BootSnap</a>, and others.</p> - </div> - <div class="span4"> - <h3><i class="icon-bullhorn"></i> Stay Updated</h3> - <p>Be notified about updates by subscribing via <a href="http://feeds.feedburner.com/bootswatch">RSS feed</a>, <a href="http://feedburner.google.com/fb/a/mailverify?uri=bootswatch&loc=en_US">email</a>, or <a href="http://news.bootswatch.com" onclick="pageTracker._link(this.href); return false;">Tumblr</a>.</p> - </div> - </div> - - <div class="row"> - <div class="span6 offset3"> - <div class="thumbnail"><div id="bsap_1277971" class="bsarocks bsap_c466df00a3cd5ee8568b5c4983b6bb19"></div></div> - </div> - </div> - - <div class="row" id="gallery"> - - <div class="span4"> - <div class="thumbnail"> - <a href="amelia/"><img src="amelia/thumbnail.png" alt="Amelia"></a> - <div class="caption"> - <h3>Amelia</h3> - <p>Sweet and cheery.</p> - <div class="btn-toolbar"> - <div class="btn-group"><a class="btn btn-large" href="amelia/">Preview</a></div> - <div class="btn-group"> - <a class="btn btn-large btn-primary" target="_blank" href="amelia/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'amelia', 'bootstrap.min.css']);">Download</a> - <a class="btn btn-large btn-primary dropdown-toggle" data-toggle="dropdown" href="#"> - <span class="caret"></span> - </a> - <ul class="dropdown-menu"> - <li><a target="_blank" href="amelia/bootstrap.min.css" - onClick="_gaq.push(['_trackEvent', 'bootswatch', 'amelia', 'bootstrap.min.css']);">bootstrap.min.css</a></li> - <li><a target="_blank" href="amelia/bootstrap.css" - onClick="_gaq.push(['_trackEvent', 'bootswatch', 'amelia', 'bootstrap.css']);">bootstrap.css</a></li> - <li class="divider"></li> - <li><a target="_blank" href="amelia/variables.less" - onClick="_gaq.push(['_trackEvent', 'bootswatch', 'amelia', 'variables.less']);">variables.less</a></li> - <li><a target="_blank" href="amelia/bootswatch.less" - onClick="_gaq.push(['_trackEvent', 'bootswatch', 'amelia', 'bootswatch.less']);">bootswatch.less</a></li> - </ul> - </div> - </div> - </div> - </div> - </div> - - <div class="span4"> - <div class="thumbnail"> - <a href="cerulean/"><img src="cerulean/thumbnail.png" alt="Cerulean"></a> - <div class="caption"> - <h3>Cerulean</h3> - <p>A calm, blue sky.</p> - <div class="btn-toolbar"> - <div class="btn-group"><a class="btn btn-large" href="cerulean/">Preview</a></div> - <div class="btn-group"> - <a class="btn btn-large btn-primary" target="_blank" href="cerulean/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cerulean', 'bootstrap.min.css']);">Download</a> - <a class="btn btn-large btn-primary dropdown-toggle" data-toggle="dropdown" href="#"> - <span class="caret"></span> - </a> - <ul class="dropdown-menu"> - <li><a target="_blank" href="cerulean/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cerulean', 'bootstrap.min.css']);">bootstrap.min.css</a></li> - <li><a target="_blank" href="cerulean/bootstrap.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cerulean', 'bootstrap.css']);">bootstrap.css</a></li> - <li class="divider"></li> - <li><a target="_blank" href="cerulean/variables.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cerulean', 'variables.less']);">variables.less</a></li> - <li><a target="_blank" href="cerulean/bootswatch.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cerulean', 'bootswatch.less']);">bootswatch.less</a></li> - </ul> - </div> - </div> - </div> - </div> - </div> - - <div class="span4"> - <div class="thumbnail"> - <a href="cosmo/"><img src="cosmo/thumbnail.png" alt="Cosmo"></a> - <div class="caption"> - <h3>Cosmo</h3> - <p>An ode to Metro.</p> - <div class="btn-toolbar"> - <div class="btn-group"><a class="btn btn-large" href="cosmo/">Preview</a></div> - <div class="btn-group"> - <a class="btn btn-large btn-primary" target="_blank" href="cosmo/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cosmo', 'bootstrap.min.css']);">Download</a> - <a class="btn btn-large btn-primary dropdown-toggle" data-toggle="dropdown" href="#"> - <span class="caret"></span> - </a> - <ul class="dropdown-menu"> - <li><a target="_blank" href="cosmo/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cosmo', 'bootstrap.min.css']);">bootstrap.min.css</a></li> - <li><a target="_blank" href="cosmo/bootstrap.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cosmo', 'bootstrap.css']);">bootstrap.css</a></li> - <li class="divider"></li> - <li><a target="_blank" href="cosmo/variables.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cosmo', 'variables.less']);">variables.less</a></li> - <li><a target="_blank" href="cosmo/bootswatch.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cosmo', 'bootswatch.less']);">bootswatch.less</a></li> - </ul> - </div> - </div> - </div> - </div> - </div> - - <div class="span4"> - <div class="thumbnail"> - <a href="cyborg/"><img src="cyborg/thumbnail.png" alt="Cyborg"></a> - <div class="caption"> - <h3>Cyborg</h3> - <p>Jet black and electric blue.</p> - <div class="btn-toolbar"> - <div class="btn-group"><a class="btn btn-large" href="cyborg/">Preview</a></div> - <div class="btn-group"> - <a class="btn btn-large btn-primary" target="_blank" href="cyborg/bootstrap.min.css" - onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cyborg', 'bootstrap.min.css']);">Download</a> - <a class="btn btn-large btn-primary dropdown-toggle" data-toggle="dropdown" href="#"> - <span class="caret"></span> - </a> - <ul class="dropdown-menu"> - <li><a target="_blank" href="cyborg/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cyborg', 'bootstrap.min.css']);">bootstrap.min.css</a></li> - <li><a target="_blank" href="cyborg/bootstrap.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cyborg', 'bootstrap.css']);">bootstrap.css</a></li> - <li class="divider"></li> - <li><a target="_blank" href="cyborg/variables.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cyborg', 'variables.less']);">variables.less</a></li> - <li><a target="_blank" href="cyborg/bootswatch.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cyborg', 'bootswatch.less']);">bootswatch.less</a></li> - </ul> - </div> - </div> - </div> - </div> - </div> - - <div class="span4"> - <div class="thumbnail"> - <a href="flatly/"><img src="flatly/thumbnail.png" alt="Flatly"></a> - <div class="caption"> - <h3>Flatly</h3> - <p>Flat and clean.</p> - <div class="btn-toolbar"> - <div class="btn-group"><a class="btn btn-large" href="flatly/">Preview</a></div> - <div class="btn-group"> - <a class="btn btn-large btn-primary" target="_blank" href="flatly/bootstrap.min.css" - onClick="_gaq.push(['_trackEvent', 'bootswatch', 'flatly', 'bootstrap.min.css']);">Download</a> - <a class="btn btn-large btn-primary dropdown-toggle" data-toggle="dropdown" href="#"> - <span class="caret"></span> - </a> - <ul class="dropdown-menu"> - <li><a target="_blank" href="flatly/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'flatly', 'bootstrap.min.css']);">bootstrap.min.css</a></li> - <li><a target="_blank" href="flatly/bootstrap.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'flatly', 'bootstrap.css']);">bootstrap.css</a></li> - <li class="divider"></li> - <li><a target="_blank" href="flatly/variables.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'flatly', 'variables.less']);">variables.less</a></li> - <li><a target="_blank" href="flatly/bootswatch.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'flatly', 'bootswatch.less']);">bootswatch.less</a></li> - </ul> - </div> - </div> - </div> - </div> - </div> - - <div class="span4"> - <div class="thumbnail"> - <a href="journal/"><img src="journal/thumbnail.png" alt="Journal"></a> - <div class="caption"> - <h3>Journal</h3> - <p>Crisp like a new sheet of paper.</p> - <div class="btn-toolbar"> - <div class="btn-group"><a class="btn btn-large" href="journal/">Preview</a></div> - <div class="btn-group"> - <a class="btn btn-large btn-primary" target="_blank" href="journal/bootstrap.min.css" - onClick="_gaq.push(['_trackEvent', 'bootswatch', 'journal', 'bootstrap.min.css']);">Download</a> - <a class="btn btn-large btn-primary dropdown-toggle" data-toggle="dropdown" href="#"> - <span class="caret"></span> - </a> - <ul class="dropdown-menu"> - <li><a target="_blank" href="journal/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'journal', 'bootstrap.min.css']);">bootstrap.min.css</a></li> - <li><a target="_blank" href="journal/bootstrap.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'journal', 'bootstrap.css']);">bootstrap.css</a></li> - <li class="divider"></li> - <li><a target="_blank" href="journal/variables.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'journal', 'variables.less']);">variables.less</a></li> - <li><a target="_blank" href="journal/bootswatch.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'journal', 'bootswatch.less']);">bootswatch.less</a></li> - </ul> - </div> - </div> - </div> - </div> - </div> - - <div class="span4"> - <div class="thumbnail"> - <a href="readable/"><img src="readable/thumbnail.png" alt="Readable"></a> - <div class="caption"> - <h3>Readable</h3> - <p>Optimized for legibility.</p> - <div class="btn-toolbar"> - <div class="btn-group"><a class="btn btn-large" href="readable/">Preview</a></div> - <div class="btn-group"> - <a class="btn btn-large btn-primary" target="_blank" href="readable/bootstrap.min.css" - onClick="_gaq.push(['_trackEvent', 'bootswatch', 'readable', 'bootstrap.min.css']);">Download</a> - <a class="btn btn-large btn-primary dropdown-toggle" data-toggle="dropdown" href="#"> - <span class="caret"></span> - </a> - <ul class="dropdown-menu"> - <li><a target="_blank" href="readable/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'readable', 'bootstrap.min.css']);">bootstrap.min.css</a></li> - <li><a target="_blank" href="readable/bootstrap.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'readable', 'bootstrap.css']);">bootstrap.css</a></li> - <li class="divider"></li> - <li><a target="_blank" href="readable/variables.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'readable', 'variables.less']);">variables.less</a></li> - <li><a target="_blank" href="readable/bootswatch.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'readable', 'bootswatch.less']);">bootswatch.less</a></li> - </ul> - </div> - </div> - </div> - </div> - </div> - - <div class="span4"> - <div class="thumbnail"> - <a href="simplex/"><img src="simplex/thumbnail.png" alt="Simplex"></a> - <div class="caption"> - <h3>Simplex</h3> - <p>Mini and minimalist.</p> - <div class="btn-toolbar"> - <div class="btn-group"><a class="btn btn-large" href="simplex/">Preview</a></div> - <div class="btn-group"> - <a class="btn btn-primary btn-large" target="_blank" href="simplex/bootstrap.min.css" - onClick="_gaq.push(['_trackEvent', 'bootswatch', 'simplex', 'bootstrap.min.css']);">Download</a> - <a class="btn btn-primary btn-large dropdown-toggle" data-toggle="dropdown" href="#"> - <span class="caret"></span> - </a> - <ul class="dropdown-menu"> - <li><a target="_blank" href="simplex/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'simplex', 'bootstrap.min.css']);">bootstrap.min.css</a></li> - <li><a target="_blank" href="simplex/bootstrap.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'simplex', 'bootstrap.css']);">bootstrap.css</a></li> - <li class="divider"></li> - <li><a target="_blank" href="simplex/variables.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'simplex', 'variables.less']);">variables.less</a></li> - <li><a target="_blank" href="simplex/bootswatch.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'simplex', 'bootswatch.less']);">bootswatch.less</a></li> - </ul> - </div> - </div> - </div> - </div> - </div> - - <div class="span4"> - <div class="thumbnail"> - <a href="slate/"><img src="slate/thumbnail.png" alt="Slate"></a> - <div class="caption"> - <h3>Slate</h3> - <p>Shades of gunmetal gray.</p> - <div class="btn-toolbar"> - <div class="btn-group"><a class="btn btn-large" href="slate/">Preview</a></div> - <div class="btn-group"> - <a class="btn btn-large btn-primary" target="_blank" href="slate/bootstrap.min.css" - onClick="_gaq.push(['_trackEvent', 'bootswatch', 'slate', 'bootstrap.min.css']);">Download</a> - <a class="btn btn-large btn-primary dropdown-toggle" data-toggle="dropdown" href="#"> - <span class="caret"></span> - </a> - <ul class="dropdown-menu"> - <li><a target="_blank" href="slate/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'slate', 'bootstrap.min.css']);">bootstrap.min.css</a></li> - <li><a target="_blank" href="slate/bootstrap.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'slate', 'bootstrap.css']);">bootstrap.css</a></li> - <li class="divider"></li> - <li><a target="_blank" href="slate/variables.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'slate', 'variables.less']);">variables.less</a></li> - <li><a target="_blank" href="slate/bootswatch.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'slate', 'bootswatch.less']);">bootswatch.less</a></li> - </ul> - </div> - </div> - </div> - </div> - </div> - - <div class="span4"> - <div class="thumbnail"> - <a href="spacelab/"><img src="spacelab/thumbnail.png" alt="Spacelab"></a> - <div class="caption"> - <h3>Spacelab</h3> - <p>Silvery and sleek.</p> - <div class="btn-toolbar"> - <div class="btn-group"><a class="btn btn-large" href="spacelab/">Preview</a></div> - <div class="btn-group"> - <a class="btn btn-large btn-primary" target="_blank" href="spacelab/bootstrap.min.css" - onClick="_gaq.push(['_trackEvent', 'bootswatch', 'spacelab', 'bootstrap.min.css']);">Download</a> - <a class="btn btn-large btn-primary dropdown-toggle" data-toggle="dropdown" href="#"> - <span class="caret"></span> - </a> - <ul class="dropdown-menu"> - <li><a target="_blank" href="spacelab/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'spacelab', 'bootstrap.min.css']);">bootstrap.min.css</a></li> - <li><a target="_blank" href="spacelab/bootstrap.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'spacelab', 'bootstrap.css']);">bootstrap.css</a></li> - <li class="divider"></li> - <li><a target="_blank" href="spacelab/variables.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'spacelab', 'variables.less']);">variables.less</a></li> - <li><a target="_blank" href="spacelab/bootswatch.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'spacelab', 'bootswatch.less']);">bootswatch.less</a></li> - </ul> - </div> - </div> - </div> - </div> - </div> - - <div class="span4"> - <div class="thumbnail"> - <a href="superhero/"><img src="superhero/thumbnail.png" alt="Superhero"></a> - <div class="caption"> - <h3>Superhero</h3> - <p>Batman meets... Aquaman?</p> - <div class="btn-toolbar"> - <div class="btn-group"><a class="btn btn-large" href="superhero/">Preview</a></div> - <div class="btn-group"> - <a class="btn btn-large btn-primary" target="_blank" href="superhero/bootstrap.min.css" - onClick="_gaq.push(['_trackEvent', 'bootswatch', 'superhero', 'bootstrap.min.css']);">Download</a> - <a class="btn btn-large btn-primary dropdown-toggle" data-toggle="dropdown" href="#"> - <span class="caret"></span> - </a> - <ul class="dropdown-menu"> - <li><a target="_blank" href="superhero/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'superhero', 'bootstrap.min.css']);">bootstrap.min.css</a></li> - <li><a target="_blank" href="superhero/bootstrap.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'superhero', 'bootstrap.css']);">bootstrap.css</a></li> - <li class="divider"></li> - <li><a target="_blank" href="superhero/variables.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'superhero', 'variables.less']);">variables.less</a></li> - <li><a target="_blank" href="superhero/bootswatch.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'superhero', 'bootswatch.less']);">bootswatch.less</a></li> - </ul> - </div> - </div> - </div> - </div> - </div> - - <div class="span4"> - <div class="thumbnail"> - <a href="united/"><img src="united/thumbnail.png" alt="United"></a> - <div class="caption"> - <h3>United</h3> - <p>Ubuntu orange and unique font.</p> - <div class="btn-toolbar"> - <div class="btn-group"><a class="btn btn-large" href="united/">Preview</a></div> - <div class="btn-group"> - <a class="btn btn-large btn-primary" target="_blank" href="united/bootstrap.min.css" - onClick="_gaq.push(['_trackEvent', 'bootswatch', 'united', 'bootstrap.min.css']);">Download</a> - <a class="btn btn-large btn-primary dropdown-toggle" data-toggle="dropdown" href="#"> - <span class="caret"></span> - </a> - <ul class="dropdown-menu"> - <li><a target="_blank" href="united/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'united', 'bootstrap.min.css']);">bootstrap.min.css</a></li> - <li><a target="_blank" href="united/bootstrap.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'united', 'bootstrap.css']);">bootstrap.css</a></li> - <li class="divider"></li> - <li><a target="_blank" href="united/variables.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'united', 'variables.less']);">variables.less</a></li> - <li><a target="_blank" href="united/bootswatch.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'united', 'bootswatch.less']);">bootswatch.less</a></li> - </ul> - </div> - </div> - </div> - </div> - </div> - - </div> <!-- end row--> - - <hr> - - <div class="row more"> - <div class="span12"> - <h4>Want more?</h4> - <p>Check out my personal faves from the paid templates at <a target="_blank" href="https://wrapbootstrap.com/?ref=bsw" title="Marketplace for premium Bootstrap templates" onclick="_gaq.push(['_trackEvent', 'click', 'outbound', 'wrapbootstrap']);">WrapBootstrap</a>.</p> - </div> - </div> - - <div class="row"> - - <div class="span4"> - <div class="thumbnail"> - <a target="_blank" href="http://wrapbootstrap.com/preview/WB02634G3?ref=bsw"><img src="https://s3.amazonaws.com/wrapbootstrap/live/products/600x375/WB02634G3.png" alt="Clean Canvas"></a> - <div class="caption"> - <h3>Clean Canvas</h3> - <p>A beautiful template for showcasing your works.</p> - <div class="btn-toolbar"> - <div class="btn-group"><a class="btn btn-large" target="_blank" href="http://wrapbootstrap.com/preview/WB02634G3?ref=bsw">Preview</a></div> - <div class="btn-group"> - <a class="btn btn-large btn-info" target="_blank" href="https://wrapbootstrap.com/theme/clean-canvas-business-theme-WB02634G3?ref=bsw" - onClick="_gaq.push(['_trackEvent', 'click', 'outbound', 'wrapbootstrap-cleancanvas']);">Info</a> - </div> - </div> - </div> - </div> - </div> - - - <div class="span4"> - <div class="thumbnail"> - <a target="_blank" href="http://wrapbootstrap.com/preview/WB0L500N4?ref=bsw"><img src="https://s3.amazonaws.com/wrapbootstrap/live/products/600x375/WB0L500N4.png" alt="Front Row"></a> - <div class="caption"> - <h3>Front Row</h3> - <p>An elegant single-page template with video background and responsive support.</p> - <div class="btn-toolbar"> - <div class="btn-group"><a class="btn btn-large" target="_blank" href="http://wrapbootstrap.com/preview/WB0L500N4?ref=bsw">Preview</a></div> - <div class="btn-group"> - <a class="btn btn-large btn-info" target="_blank" href="https://wrapbootstrap.com/theme/front-row-one-page-theme-WB0L500N4?ref=bsw" - onClick="_gaq.push(['_trackEvent', 'click', 'outbound', 'wrapbootstrap-frontrow']);">Info</a> - </div> - </div> - </div> - </div> - </div> - - - <div class="span4"> - <div class="thumbnail"> - <a target="_blank" href="http://wrapbootstrap.com/preview/WB00U99JJ?ref=bsw"><img src="https://s3.amazonaws.com/wrapbootstrap/live/products/600x375/WB00U99JJ.png" alt="Clean Canvas"></a> - <div class="caption"> - <h3>Base Admin</h3> - <p>A polished template for an admin dashboard.</p> - <div class="btn-toolbar"> - <div class="btn-group"><a class="btn btn-large" target="_blank" href="http://wrapbootstrap.com/preview/WB00U99JJ?ref=bsw">Preview</a></div> - <div class="btn-group"> - <a class="btn btn-large btn-info" target="_blank" href="https://wrapbootstrap.com/theme/base-admin-WB00U99JJ?ref=bsw" - onClick="_gaq.push(['_trackEvent', 'click', 'outbound', 'wrapbootstrap-baseadmin']);">Info</a> - </div> - </div> - </div> - </div> - </div> - - </div> - - - <div class="row more"> - <div class="span12"> - <h4>Still looking?</h4> - <p>Learn to code your own themes with these books from <a target="_blank" href="http://www.amazon.com/?tag=bootswatch-20">Amazon</a>.</p> - </div> - </div> - - <div class="row"> - - <div class="span4"> - <div class="thumbnail"> - <a onClick="_gaq.push(['_trackEvent', 'refs', 'amazon', 'htmlandcss']);" href="http://www.amazon.com/gp/product/1118008189/ref=as_li_tf_tl?ie=UTF8&tag=bootswatch-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=1118008189" target="_blank"><img src="img/refs/htmlandcss.png" alt="HTML and CSS: Design and Build Websites, by Jon Duckett"></a> - <div class="caption"> - <h3>HTML & CSS</h3> - <p>Jon Duckett</p> - <div class="btn-toolbar"> - <img src="http://www.assoc-amazon.com/e/ir?t=bootswatch-20&l=as2&o=1&a=1118008189" width="1" height="1" alt="" style="border:none !important; margin:0px !important; height: 1px;" /> - <div class="btn-group"><a class="btn btn-large btn-info" onClick="_gaq.push(['_trackEvent', 'refs', 'amazon', 'htmlandcss']);" href="http://www.amazon.com/gp/product/1118008189/ref=as_li_tf_tl?ie=UTF8&tag=bootswatch-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=1118008189" target="_blank">Amazon</a></div> - </div> - </div> - </div> - </div> - - <div class="span4"> - <div class="thumbnail"> - <a onClick="_gaq.push(['_trackEvent', 'refs', 'amazon', 'javascriptandjquery']);" href="http://www.amazon.com/gp/product/1449399029/ref=as_li_tf_tl?ie=UTF8&tag=bootswatch-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=1449399029" target="_blank"><img src="img/refs/javascriptandjquery.png" alt="JavaScript and jQuery: The Missing Manual, by David Sawyer McFarland"></a> - <div class="caption"> - <h3>JavaScript & jQuery</h3> - <p>David Sawyer McFarland</p> - <div class="btn-toolbar"> - <img src="http://www.assoc-amazon.com/e/ir?t=bootswatch-20&l=as2&o=1&a=1449399029" width="1" height="1" alt="" style="border:none !important; margin:0px !important; height: 1px;" /> - <div class="btn-group"><a class="btn btn-large btn-info" onClick="_gaq.push(['_trackEvent', 'refs', 'amazon', 'javascriptandjquery']);" href="http://www.amazon.com/gp/product/1449399029/ref=as_li_tf_tl?ie=UTF8&tag=bootswatch-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=1449399029" target="_blank">Amazon</a></div> - </div> - </div> - </div> - </div> - - <div class="span4"> - <div class="thumbnail"> - <a onClick="_gaq.push(['_trackEvent', 'refs', 'amazon', 'beautifulwebdesign']);" href="http://www.amazon.com/gp/product/098057689X/ref=as_li_tf_tl?ie=UTF8&tag=bootswatch-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=098057689X" target="_blank"><img src="img/refs/beautifulwebdesign.png" alt="The Principles of Beautiful Web Design, by Jason Beaird"></a> - <div class="caption"> - <h3>Beautiful Web Design</h3> - <p>Jason Beaird</p> - <div class="btn-toolbar"> - <img src="http://www.assoc-amazon.com/e/ir?t=bootswatch-20&l=as2&o=1&a=098057689X" width="1" height="1" alt="" style="border:none !important; margin:0px !important; height: 1px;" /> - <div class="btn-group"><a class="btn btn-large btn-info" onClick="_gaq.push(['_trackEvent', 'refs', 'amazon', 'beautifulwebdesign']);" href="http://www.amazon.com/gp/product/098057689X/ref=as_li_tf_tl?ie=UTF8&tag=bootswatch-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=098057689X" target="_blank">Amazon</a></div> - </div> - </div> - </div> - </div> - - </div> - - <hr> - - <footer id="footer"> - <p class="pull-right"><a href="#top">Back to top</a></p> - <div class="links"> - <a href="http://news.bootswatch.com" onclick="pageTracker._link(this.href); return false;">Blog</a> - <a href="http://feeds.feedburner.com/bootswatch">RSS</a> - <a href="https://twitter.com/thomashpark">Twitter</a> - <a href="https://github.com/thomaspark/bootswatch/">GitHub</a> - <a rel="tooltip" href="javascript:(function(e,a,g,h,f,c,b,d)%7Bif(!(f%3De.jQuery)%7C%7Cg%3Ef.fn.jquery%7C%7Ch(f))%7Bc%3Da.createElement(%22script%22)%3Bc.type%3D%22text/javascript%22%3Bc.src%3D%22http://ajax.googleapis.com/ajax/libs/jquery/%22%2Bg%2B%22/jquery.min.js%22%3Bc.onload%3Dc.onreadystatechange%3Dfunction()%7Bif(!b%26%26(!(d%3Dthis.readyState)%7C%7Cd%3D%3D%22loaded%22%7C%7Cd%3D%3D%22complete%22))%7Bh((f%3De.jQuery).noConflict(1),b%3D1)%3Bf(c).remove()%7D%7D%3Ba.documentElement.childNodes%5B0%5D.appendChild(c)%7D%7D)(window,document,%221.3.2%22,function(%24,L)%7Bif(%24(%22.bootswatcher%22)%5B0%5D)%7B%24(%22.bootswatcher%22).remove()%7Delse%7Bvar%20%24e%3D%24(%27%3Cselect%20class%3D%22bootswatcher%22%3E%3Coption%3EAmelia%3C/option%3E%3Coption%3ECerulean%3C/option%3E%3Coption%3ECosmo%3C/option%3E%3Coption%3ECyborg%3C/option%3E%3Coption%3EJournal%3C/option%3E%3Coption%3EReadable%3C/option%3E%3Coption%3ESimplex%3C/option%3E%3Coption%3ESlate%3C/option%3E%3Coption%3ESpacelab%3C/option%3E%3Coption%3ESpruce%3C/option%3E%3Coption%3ESuperhero%3C/option%3E%3Coption%3EUnited%3C/option%3E%3C/select%3E%27)%3Bvar%20l%3D1%2BMath.floor(Math.random()*%24e.children().length)%3Bvar%20r%3D%27%3Clink%20rel%3D%22stylesheet%22%20href%3D%22http://bootswatch.com/default/bootstrap-responsive.min.css%22%3E%27%3B%24e.css(%7B%22z-index%22:%2299999%22,position:%22fixed%22,top:%225px%22,right:%225px%22,opacity:%220.5%22%7D).hover(function()%7B%24(this).css(%22opacity%22,%221%22)%7D,function()%7B%24(this).css(%22opacity%22,%220.5%22)%7D).change(function()%7Bif(!%24(%22link.bootswatcher%22)%5B0%5D)%7B%24(%22head%22).append(%27%3Clink%20rel%3D%22stylesheet%22%20class%3D%22bootswatcher%22%3E%27%2Br)%7D%24(%22link.bootswatcher%22).attr(%22href%22,%22http://bootswatch.com/%22%2B%24(this).find(%22:selected%22).text().toLowerCase()%2B%22/bootstrap.min.css%22)%7D).find(%22option:nth-child(%22%2Bl%2B%22)%22).attr(%22selected%22,%22selected%22).end().trigger(%22change%22)%3B%24(%22body%22).append(%24e)%7D%3B%7D)%3B" title="Drag to your bookmarks bar">Bookmarklet</a> - <a href="https://github.com/thomaspark/bootswatch/tree/gh-pages/swatchmaker">Swatchmaker</a> - <a href="http://news.bootswatch.com/post/22193315172/bootswatch-api" onclick="pageTracker._link(this.href); return false;">API</a> - <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=F22JEM3Q78JC2">Donate</a> - </div> - Made by <a href="http://thomaspark.me" rel="nofollow">Thomas Park</a>. Contact him <a href="mailto:hello@thomaspark.me">hello@thomaspark.me</a>.<br/> - Code licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" rel="nofollow">Apache License v2.0</a>.<br/> - Based on <a href="http://getbootstrap.com/2.3.2/" rel="nofollow">Bootstrap</a>. Hosted on <a href="http://pages.github.com/" rel="nofollow">GitHub</a>. Icons from <a href="http://fortawesome.github.com/Font-Awesome/" rel="nofollow">Font Awesome</a>. Web fonts from <a href="http://www.google.com/webfonts" rel="nofollow">Google</a>. Favicon by <a href="https://twitter.com/geraldhiller" rel="nofollow">Gerald Hiller</a>.</p> - </footer> - - </div> - - - <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> + <script src="js/bsa.js"></script> + + <div class="navbar navbar-fixed-top"> + <div class="navbar-inner"> + <div class="container"> + <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="./">Bootswatch</a> + <div class="nav-collapse collapse" id="main-menu"> + <ul class="nav" id="main-menu-left"> + <li><a href="http://news.bootswatch.com" onclick="pageTracker._link(this.href); return false;">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="cosmo/">Cosmo</a></li> + <li><a href="cyborg/">Cyborg</a></li> + <li><a href="flatly/">Flatly</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> + </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> + </div> + + <div class="hero-unit"> + + <div class="alert alert-danger"> + <p><h4 class="alert-heading">These themes are for Bootstrap 2.3.2.</h4></p> + <p><a href="../">Visit the main page</a> to get themes for latest version of Bootstrap.</p> + </div> + + <h1>Bootswatch</h1> + <p id="tagline"> </p> + + <div id="social"> + <span> + <iframe id="gh-fork" src="http://ghbtns.com/github-btn.html?user=thomaspark&repo=bootswatch&type=fork" allowtransparency="true" frameborder="0" scrolling="0" width="53px" height="20px"></iframe> + <iframe id="gh-star" src="http://ghbtns.com/github-btn.html?user=thomaspark&repo=bootswatch&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="110px" height="20px"></iframe> + </span> + <span> + <a href="https://twitter.com/thomashpark" class="twitter-follow-button" data-show-count="false" data-show-screen-name="true">Follow @thomashpark</a> + <a href="https://twitter.com/share" class="twitter-share-button" data-url="http://bootswatch.com" data-via="thomashpark">Tweet</a> + </span> + <span> + <a class="btn rss-button" href="http://feeds.feedburner.com/bootswatch"><i class="icon-rss"></i> RSS</a> + </span> + </div> + + <div id="ticker"> + </div> + </div> + + <div class="container"> + + + <div class="row about"> + <div class="span4"> + <h3><i class="icon-file-alt"></i> Easy to Install</h3> + <p>Simply download a CSS file and replace the one in Bootstrap. No messing around with hex values.</p> + </div> + <div class="span4"> + <h3><i class="icon-github"></i> Open Source</h3> + <p>Bootstrap themes are licensed under Apache 2.0 and maintained by the community on <a target="_blank" href="https://github.com/thomaspark/bootswatch">GitHub</a>.</p> + </div> + <div class="span4"> + <h3><i class="icon-wrench"></i> Tuned for 2.3.2</h3> + <p>Swatches are built for and tested with the latest version of Bootstrap. <a target="_blank" href="https://github.com/thomaspark/bootswatch/tags">Older versions</a> are also available for download.</p> + </div> + <div class="span4"> + <h3><i class="icon-cogs"></i> Modular</h3> + <p>Changes are contained in just two LESS files, enabling modification and ensuring forward compatibility.</p> + </div> + <div class="span4"> + <h3><i class="icon-cloud"></i> Get Plugged In</h3> + <p>An <a href="http://news.bootswatch.com/post/22193315172/bootswatch-api" onclick="pageTracker._link(this.href); return false;">API</a> is available for integrating with your platform. In use by <a href="http://320press.com/wpbs/" target="_blank">WPBS</a>, <a href="http://www.fusionleaf.com/" target="_blank">FusionLeaf</a>, <a href="http://yabdab.com/stacks/snaps/bootsnap/" target="_blank">BootSnap</a>, and others.</p> + </div> + <div class="span4"> + <h3><i class="icon-bullhorn"></i> Stay Updated</h3> + <p>Be notified about updates by subscribing via <a href="http://feeds.feedburner.com/bootswatch">RSS feed</a>, <a href="http://feedburner.google.com/fb/a/mailverify?uri=bootswatch&loc=en_US">email</a>, or <a href="http://news.bootswatch.com" onclick="pageTracker._link(this.href); return false;">Tumblr</a>.</p> + </div> + </div> + + <div class="row"> + <div class="span6 offset3"> + <div class="thumbnail"><div id="bsap_1277971" class="bsarocks bsap_c466df00a3cd5ee8568b5c4983b6bb19"></div></div> + </div> + </div> + + <div class="row" id="gallery"> + + <div class="span4"> + <div class="thumbnail"> + <a href="amelia/"><img src="amelia/thumbnail.png" alt="Amelia"></a> + <div class="caption"> + <h3>Amelia</h3> + <p>Sweet and cheery.</p> + <div class="btn-toolbar"> + <div class="btn-group"><a class="btn btn-large" href="amelia/">Preview</a></div> + <div class="btn-group"> + <a class="btn btn-large btn-primary" target="_blank" href="amelia/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'amelia', 'bootstrap.min.css']);">Download</a> + <a class="btn btn-large btn-primary dropdown-toggle" data-toggle="dropdown" href="#"> + <span class="caret"></span> + </a> + <ul class="dropdown-menu"> + <li><a target="_blank" href="amelia/bootstrap.min.css" + onClick="_gaq.push(['_trackEvent', 'bootswatch', 'amelia', 'bootstrap.min.css']);">bootstrap.min.css</a></li> + <li><a target="_blank" href="amelia/bootstrap.css" + onClick="_gaq.push(['_trackEvent', 'bootswatch', 'amelia', 'bootstrap.css']);">bootstrap.css</a></li> + <li class="divider"></li> + <li><a target="_blank" href="amelia/variables.less" + onClick="_gaq.push(['_trackEvent', 'bootswatch', 'amelia', 'variables.less']);">variables.less</a></li> + <li><a target="_blank" href="amelia/bootswatch.less" + onClick="_gaq.push(['_trackEvent', 'bootswatch', 'amelia', 'bootswatch.less']);">bootswatch.less</a></li> + </ul> + </div> + </div> + </div> + </div> + </div> + + <div class="span4"> + <div class="thumbnail"> + <a href="cerulean/"><img src="cerulean/thumbnail.png" alt="Cerulean"></a> + <div class="caption"> + <h3>Cerulean</h3> + <p>A calm, blue sky.</p> + <div class="btn-toolbar"> + <div class="btn-group"><a class="btn btn-large" href="cerulean/">Preview</a></div> + <div class="btn-group"> + <a class="btn btn-large btn-primary" target="_blank" href="cerulean/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cerulean', 'bootstrap.min.css']);">Download</a> + <a class="btn btn-large btn-primary dropdown-toggle" data-toggle="dropdown" href="#"> + <span class="caret"></span> + </a> + <ul class="dropdown-menu"> + <li><a target="_blank" href="cerulean/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cerulean', 'bootstrap.min.css']);">bootstrap.min.css</a></li> + <li><a target="_blank" href="cerulean/bootstrap.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cerulean', 'bootstrap.css']);">bootstrap.css</a></li> + <li class="divider"></li> + <li><a target="_blank" href="cerulean/variables.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cerulean', 'variables.less']);">variables.less</a></li> + <li><a target="_blank" href="cerulean/bootswatch.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cerulean', 'bootswatch.less']);">bootswatch.less</a></li> + </ul> + </div> + </div> + </div> + </div> + </div> + + <div class="span4"> + <div class="thumbnail"> + <a href="cosmo/"><img src="cosmo/thumbnail.png" alt="Cosmo"></a> + <div class="caption"> + <h3>Cosmo</h3> + <p>An ode to Metro.</p> + <div class="btn-toolbar"> + <div class="btn-group"><a class="btn btn-large" href="cosmo/">Preview</a></div> + <div class="btn-group"> + <a class="btn btn-large btn-primary" target="_blank" href="cosmo/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cosmo', 'bootstrap.min.css']);">Download</a> + <a class="btn btn-large btn-primary dropdown-toggle" data-toggle="dropdown" href="#"> + <span class="caret"></span> + </a> + <ul class="dropdown-menu"> + <li><a target="_blank" href="cosmo/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cosmo', 'bootstrap.min.css']);">bootstrap.min.css</a></li> + <li><a target="_blank" href="cosmo/bootstrap.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cosmo', 'bootstrap.css']);">bootstrap.css</a></li> + <li class="divider"></li> + <li><a target="_blank" href="cosmo/variables.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cosmo', 'variables.less']);">variables.less</a></li> + <li><a target="_blank" href="cosmo/bootswatch.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cosmo', 'bootswatch.less']);">bootswatch.less</a></li> + </ul> + </div> + </div> + </div> + </div> + </div> + + <div class="span4"> + <div class="thumbnail"> + <a href="cyborg/"><img src="cyborg/thumbnail.png" alt="Cyborg"></a> + <div class="caption"> + <h3>Cyborg</h3> + <p>Jet black and electric blue.</p> + <div class="btn-toolbar"> + <div class="btn-group"><a class="btn btn-large" href="cyborg/">Preview</a></div> + <div class="btn-group"> + <a class="btn btn-large btn-primary" target="_blank" href="cyborg/bootstrap.min.css" + onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cyborg', 'bootstrap.min.css']);">Download</a> + <a class="btn btn-large btn-primary dropdown-toggle" data-toggle="dropdown" href="#"> + <span class="caret"></span> + </a> + <ul class="dropdown-menu"> + <li><a target="_blank" href="cyborg/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cyborg', 'bootstrap.min.css']);">bootstrap.min.css</a></li> + <li><a target="_blank" href="cyborg/bootstrap.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cyborg', 'bootstrap.css']);">bootstrap.css</a></li> + <li class="divider"></li> + <li><a target="_blank" href="cyborg/variables.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cyborg', 'variables.less']);">variables.less</a></li> + <li><a target="_blank" href="cyborg/bootswatch.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'cyborg', 'bootswatch.less']);">bootswatch.less</a></li> + </ul> + </div> + </div> + </div> + </div> + </div> + + <div class="span4"> + <div class="thumbnail"> + <a href="flatly/"><img src="flatly/thumbnail.png" alt="Flatly"></a> + <div class="caption"> + <h3>Flatly</h3> + <p>Flat and clean.</p> + <div class="btn-toolbar"> + <div class="btn-group"><a class="btn btn-large" href="flatly/">Preview</a></div> + <div class="btn-group"> + <a class="btn btn-large btn-primary" target="_blank" href="flatly/bootstrap.min.css" + onClick="_gaq.push(['_trackEvent', 'bootswatch', 'flatly', 'bootstrap.min.css']);">Download</a> + <a class="btn btn-large btn-primary dropdown-toggle" data-toggle="dropdown" href="#"> + <span class="caret"></span> + </a> + <ul class="dropdown-menu"> + <li><a target="_blank" href="flatly/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'flatly', 'bootstrap.min.css']);">bootstrap.min.css</a></li> + <li><a target="_blank" href="flatly/bootstrap.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'flatly', 'bootstrap.css']);">bootstrap.css</a></li> + <li class="divider"></li> + <li><a target="_blank" href="flatly/variables.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'flatly', 'variables.less']);">variables.less</a></li> + <li><a target="_blank" href="flatly/bootswatch.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'flatly', 'bootswatch.less']);">bootswatch.less</a></li> + </ul> + </div> + </div> + </div> + </div> + </div> + + <div class="span4"> + <div class="thumbnail"> + <a href="journal/"><img src="journal/thumbnail.png" alt="Journal"></a> + <div class="caption"> + <h3>Journal</h3> + <p>Crisp like a new sheet of paper.</p> + <div class="btn-toolbar"> + <div class="btn-group"><a class="btn btn-large" href="journal/">Preview</a></div> + <div class="btn-group"> + <a class="btn btn-large btn-primary" target="_blank" href="journal/bootstrap.min.css" + onClick="_gaq.push(['_trackEvent', 'bootswatch', 'journal', 'bootstrap.min.css']);">Download</a> + <a class="btn btn-large btn-primary dropdown-toggle" data-toggle="dropdown" href="#"> + <span class="caret"></span> + </a> + <ul class="dropdown-menu"> + <li><a target="_blank" href="journal/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'journal', 'bootstrap.min.css']);">bootstrap.min.css</a></li> + <li><a target="_blank" href="journal/bootstrap.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'journal', 'bootstrap.css']);">bootstrap.css</a></li> + <li class="divider"></li> + <li><a target="_blank" href="journal/variables.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'journal', 'variables.less']);">variables.less</a></li> + <li><a target="_blank" href="journal/bootswatch.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'journal', 'bootswatch.less']);">bootswatch.less</a></li> + </ul> + </div> + </div> + </div> + </div> + </div> + + <div class="span4"> + <div class="thumbnail"> + <a href="readable/"><img src="readable/thumbnail.png" alt="Readable"></a> + <div class="caption"> + <h3>Readable</h3> + <p>Optimized for legibility.</p> + <div class="btn-toolbar"> + <div class="btn-group"><a class="btn btn-large" href="readable/">Preview</a></div> + <div class="btn-group"> + <a class="btn btn-large btn-primary" target="_blank" href="readable/bootstrap.min.css" + onClick="_gaq.push(['_trackEvent', 'bootswatch', 'readable', 'bootstrap.min.css']);">Download</a> + <a class="btn btn-large btn-primary dropdown-toggle" data-toggle="dropdown" href="#"> + <span class="caret"></span> + </a> + <ul class="dropdown-menu"> + <li><a target="_blank" href="readable/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'readable', 'bootstrap.min.css']);">bootstrap.min.css</a></li> + <li><a target="_blank" href="readable/bootstrap.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'readable', 'bootstrap.css']);">bootstrap.css</a></li> + <li class="divider"></li> + <li><a target="_blank" href="readable/variables.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'readable', 'variables.less']);">variables.less</a></li> + <li><a target="_blank" href="readable/bootswatch.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'readable', 'bootswatch.less']);">bootswatch.less</a></li> + </ul> + </div> + </div> + </div> + </div> + </div> + + <div class="span4"> + <div class="thumbnail"> + <a href="simplex/"><img src="simplex/thumbnail.png" alt="Simplex"></a> + <div class="caption"> + <h3>Simplex</h3> + <p>Mini and minimalist.</p> + <div class="btn-toolbar"> + <div class="btn-group"><a class="btn btn-large" href="simplex/">Preview</a></div> + <div class="btn-group"> + <a class="btn btn-primary btn-large" target="_blank" href="simplex/bootstrap.min.css" + onClick="_gaq.push(['_trackEvent', 'bootswatch', 'simplex', 'bootstrap.min.css']);">Download</a> + <a class="btn btn-primary btn-large dropdown-toggle" data-toggle="dropdown" href="#"> + <span class="caret"></span> + </a> + <ul class="dropdown-menu"> + <li><a target="_blank" href="simplex/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'simplex', 'bootstrap.min.css']);">bootstrap.min.css</a></li> + <li><a target="_blank" href="simplex/bootstrap.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'simplex', 'bootstrap.css']);">bootstrap.css</a></li> + <li class="divider"></li> + <li><a target="_blank" href="simplex/variables.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'simplex', 'variables.less']);">variables.less</a></li> + <li><a target="_blank" href="simplex/bootswatch.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'simplex', 'bootswatch.less']);">bootswatch.less</a></li> + </ul> + </div> + </div> + </div> + </div> + </div> + + <div class="span4"> + <div class="thumbnail"> + <a href="slate/"><img src="slate/thumbnail.png" alt="Slate"></a> + <div class="caption"> + <h3>Slate</h3> + <p>Shades of gunmetal gray.</p> + <div class="btn-toolbar"> + <div class="btn-group"><a class="btn btn-large" href="slate/">Preview</a></div> + <div class="btn-group"> + <a class="btn btn-large btn-primary" target="_blank" href="slate/bootstrap.min.css" + onClick="_gaq.push(['_trackEvent', 'bootswatch', 'slate', 'bootstrap.min.css']);">Download</a> + <a class="btn btn-large btn-primary dropdown-toggle" data-toggle="dropdown" href="#"> + <span class="caret"></span> + </a> + <ul class="dropdown-menu"> + <li><a target="_blank" href="slate/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'slate', 'bootstrap.min.css']);">bootstrap.min.css</a></li> + <li><a target="_blank" href="slate/bootstrap.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'slate', 'bootstrap.css']);">bootstrap.css</a></li> + <li class="divider"></li> + <li><a target="_blank" href="slate/variables.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'slate', 'variables.less']);">variables.less</a></li> + <li><a target="_blank" href="slate/bootswatch.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'slate', 'bootswatch.less']);">bootswatch.less</a></li> + </ul> + </div> + </div> + </div> + </div> + </div> + + <div class="span4"> + <div class="thumbnail"> + <a href="spacelab/"><img src="spacelab/thumbnail.png" alt="Spacelab"></a> + <div class="caption"> + <h3>Spacelab</h3> + <p>Silvery and sleek.</p> + <div class="btn-toolbar"> + <div class="btn-group"><a class="btn btn-large" href="spacelab/">Preview</a></div> + <div class="btn-group"> + <a class="btn btn-large btn-primary" target="_blank" href="spacelab/bootstrap.min.css" + onClick="_gaq.push(['_trackEvent', 'bootswatch', 'spacelab', 'bootstrap.min.css']);">Download</a> + <a class="btn btn-large btn-primary dropdown-toggle" data-toggle="dropdown" href="#"> + <span class="caret"></span> + </a> + <ul class="dropdown-menu"> + <li><a target="_blank" href="spacelab/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'spacelab', 'bootstrap.min.css']);">bootstrap.min.css</a></li> + <li><a target="_blank" href="spacelab/bootstrap.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'spacelab', 'bootstrap.css']);">bootstrap.css</a></li> + <li class="divider"></li> + <li><a target="_blank" href="spacelab/variables.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'spacelab', 'variables.less']);">variables.less</a></li> + <li><a target="_blank" href="spacelab/bootswatch.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'spacelab', 'bootswatch.less']);">bootswatch.less</a></li> + </ul> + </div> + </div> + </div> + </div> + </div> + + <div class="span4"> + <div class="thumbnail"> + <a href="superhero/"><img src="superhero/thumbnail.png" alt="Superhero"></a> + <div class="caption"> + <h3>Superhero</h3> + <p>Batman meets... Aquaman?</p> + <div class="btn-toolbar"> + <div class="btn-group"><a class="btn btn-large" href="superhero/">Preview</a></div> + <div class="btn-group"> + <a class="btn btn-large btn-primary" target="_blank" href="superhero/bootstrap.min.css" + onClick="_gaq.push(['_trackEvent', 'bootswatch', 'superhero', 'bootstrap.min.css']);">Download</a> + <a class="btn btn-large btn-primary dropdown-toggle" data-toggle="dropdown" href="#"> + <span class="caret"></span> + </a> + <ul class="dropdown-menu"> + <li><a target="_blank" href="superhero/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'superhero', 'bootstrap.min.css']);">bootstrap.min.css</a></li> + <li><a target="_blank" href="superhero/bootstrap.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'superhero', 'bootstrap.css']);">bootstrap.css</a></li> + <li class="divider"></li> + <li><a target="_blank" href="superhero/variables.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'superhero', 'variables.less']);">variables.less</a></li> + <li><a target="_blank" href="superhero/bootswatch.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'superhero', 'bootswatch.less']);">bootswatch.less</a></li> + </ul> + </div> + </div> + </div> + </div> + </div> + + <div class="span4"> + <div class="thumbnail"> + <a href="united/"><img src="united/thumbnail.png" alt="United"></a> + <div class="caption"> + <h3>United</h3> + <p>Ubuntu orange and unique font.</p> + <div class="btn-toolbar"> + <div class="btn-group"><a class="btn btn-large" href="united/">Preview</a></div> + <div class="btn-group"> + <a class="btn btn-large btn-primary" target="_blank" href="united/bootstrap.min.css" + onClick="_gaq.push(['_trackEvent', 'bootswatch', 'united', 'bootstrap.min.css']);">Download</a> + <a class="btn btn-large btn-primary dropdown-toggle" data-toggle="dropdown" href="#"> + <span class="caret"></span> + </a> + <ul class="dropdown-menu"> + <li><a target="_blank" href="united/bootstrap.min.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'united', 'bootstrap.min.css']);">bootstrap.min.css</a></li> + <li><a target="_blank" href="united/bootstrap.css" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'united', 'bootstrap.css']);">bootstrap.css</a></li> + <li class="divider"></li> + <li><a target="_blank" href="united/variables.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'united', 'variables.less']);">variables.less</a></li> + <li><a target="_blank" href="united/bootswatch.less" onClick="_gaq.push(['_trackEvent', 'bootswatch', 'united', 'bootswatch.less']);">bootswatch.less</a></li> + </ul> + </div> + </div> + </div> + </div> + </div> + + </div> <!-- end row--> + + <hr> + + <div class="row more"> + <div class="span12"> + <h4>Want more?</h4> + <p>Check out my personal faves from the paid templates at <a target="_blank" href="https://wrapbootstrap.com/?ref=bsw" title="Marketplace for premium Bootstrap templates" onclick="_gaq.push(['_trackEvent', 'click', 'outbound', 'wrapbootstrap']);">WrapBootstrap</a>.</p> + </div> + </div> + + <div class="row"> + + <div class="span4"> + <div class="thumbnail"> + <a target="_blank" href="http://wrapbootstrap.com/preview/WB02634G3?ref=bsw"><img src="https://s3.amazonaws.com/wrapbootstrap/live/products/600x375/WB02634G3.png" alt="Clean Canvas"></a> + <div class="caption"> + <h3>Clean Canvas</h3> + <p>A beautiful template for showcasing your works.</p> + <div class="btn-toolbar"> + <div class="btn-group"><a class="btn btn-large" target="_blank" href="http://wrapbootstrap.com/preview/WB02634G3?ref=bsw">Preview</a></div> + <div class="btn-group"> + <a class="btn btn-large btn-info" target="_blank" href="https://wrapbootstrap.com/theme/clean-canvas-business-theme-WB02634G3?ref=bsw" + onClick="_gaq.push(['_trackEvent', 'click', 'outbound', 'wrapbootstrap-cleancanvas']);">Info</a> + </div> + </div> + </div> + </div> + </div> + + + <div class="span4"> + <div class="thumbnail"> + <a target="_blank" href="http://wrapbootstrap.com/preview/WB0L500N4?ref=bsw"><img src="https://s3.amazonaws.com/wrapbootstrap/live/products/600x375/WB0L500N4.png" alt="Front Row"></a> + <div class="caption"> + <h3>Front Row</h3> + <p>An elegant single-page template with video background and responsive support.</p> + <div class="btn-toolbar"> + <div class="btn-group"><a class="btn btn-large" target="_blank" href="http://wrapbootstrap.com/preview/WB0L500N4?ref=bsw">Preview</a></div> + <div class="btn-group"> + <a class="btn btn-large btn-info" target="_blank" href="https://wrapbootstrap.com/theme/front-row-one-page-theme-WB0L500N4?ref=bsw" + onClick="_gaq.push(['_trackEvent', 'click', 'outbound', 'wrapbootstrap-frontrow']);">Info</a> + </div> + </div> + </div> + </div> + </div> + + + <div class="span4"> + <div class="thumbnail"> + <a target="_blank" href="http://wrapbootstrap.com/preview/WB00U99JJ?ref=bsw"><img src="https://s3.amazonaws.com/wrapbootstrap/live/products/600x375/WB00U99JJ.png" alt="Clean Canvas"></a> + <div class="caption"> + <h3>Base Admin</h3> + <p>A polished template for an admin dashboard.</p> + <div class="btn-toolbar"> + <div class="btn-group"><a class="btn btn-large" target="_blank" href="http://wrapbootstrap.com/preview/WB00U99JJ?ref=bsw">Preview</a></div> + <div class="btn-group"> + <a class="btn btn-large btn-info" target="_blank" href="https://wrapbootstrap.com/theme/base-admin-WB00U99JJ?ref=bsw" + onClick="_gaq.push(['_trackEvent', 'click', 'outbound', 'wrapbootstrap-baseadmin']);">Info</a> + </div> + </div> + </div> + </div> + </div> + + </div> + + + <div class="row more"> + <div class="span12"> + <h4>Still looking?</h4> + <p>Learn to code your own themes with these books from <a target="_blank" href="http://www.amazon.com/?tag=bootswatch-20">Amazon</a>.</p> + </div> + </div> + + <div class="row"> + + <div class="span4"> + <div class="thumbnail"> + <a onClick="_gaq.push(['_trackEvent', 'refs', 'amazon', 'htmlandcss']);" href="http://www.amazon.com/gp/product/1118008189/ref=as_li_tf_tl?ie=UTF8&tag=bootswatch-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=1118008189" target="_blank"><img src="img/refs/htmlandcss.png" alt="HTML and CSS: Design and Build Websites, by Jon Duckett"></a> + <div class="caption"> + <h3>HTML & CSS</h3> + <p>Jon Duckett</p> + <div class="btn-toolbar"> + <img src="http://www.assoc-amazon.com/e/ir?t=bootswatch-20&l=as2&o=1&a=1118008189" width="1" height="1" alt="" style="border:none !important; margin:0px !important; height: 1px;" /> + <div class="btn-group"><a class="btn btn-large btn-info" onClick="_gaq.push(['_trackEvent', 'refs', 'amazon', 'htmlandcss']);" href="http://www.amazon.com/gp/product/1118008189/ref=as_li_tf_tl?ie=UTF8&tag=bootswatch-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=1118008189" target="_blank">Amazon</a></div> + </div> + </div> + </div> + </div> + + <div class="span4"> + <div class="thumbnail"> + <a onClick="_gaq.push(['_trackEvent', 'refs', 'amazon', 'javascriptandjquery']);" href="http://www.amazon.com/gp/product/1449399029/ref=as_li_tf_tl?ie=UTF8&tag=bootswatch-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=1449399029" target="_blank"><img src="img/refs/javascriptandjquery.png" alt="JavaScript and jQuery: The Missing Manual, by David Sawyer McFarland"></a> + <div class="caption"> + <h3>JavaScript & jQuery</h3> + <p>David Sawyer McFarland</p> + <div class="btn-toolbar"> + <img src="http://www.assoc-amazon.com/e/ir?t=bootswatch-20&l=as2&o=1&a=1449399029" width="1" height="1" alt="" style="border:none !important; margin:0px !important; height: 1px;" /> + <div class="btn-group"><a class="btn btn-large btn-info" onClick="_gaq.push(['_trackEvent', 'refs', 'amazon', 'javascriptandjquery']);" href="http://www.amazon.com/gp/product/1449399029/ref=as_li_tf_tl?ie=UTF8&tag=bootswatch-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=1449399029" target="_blank">Amazon</a></div> + </div> + </div> + </div> + </div> + + <div class="span4"> + <div class="thumbnail"> + <a onClick="_gaq.push(['_trackEvent', 'refs', 'amazon', 'beautifulwebdesign']);" href="http://www.amazon.com/gp/product/098057689X/ref=as_li_tf_tl?ie=UTF8&tag=bootswatch-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=098057689X" target="_blank"><img src="img/refs/beautifulwebdesign.png" alt="The Principles of Beautiful Web Design, by Jason Beaird"></a> + <div class="caption"> + <h3>Beautiful Web Design</h3> + <p>Jason Beaird</p> + <div class="btn-toolbar"> + <img src="http://www.assoc-amazon.com/e/ir?t=bootswatch-20&l=as2&o=1&a=098057689X" width="1" height="1" alt="" style="border:none !important; margin:0px !important; height: 1px;" /> + <div class="btn-group"><a class="btn btn-large btn-info" onClick="_gaq.push(['_trackEvent', 'refs', 'amazon', 'beautifulwebdesign']);" href="http://www.amazon.com/gp/product/098057689X/ref=as_li_tf_tl?ie=UTF8&tag=bootswatch-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=098057689X" target="_blank">Amazon</a></div> + </div> + </div> + </div> + </div> + + </div> + + <hr> + + <footer id="footer"> + <p class="pull-right"><a href="#top">Back to top</a></p> + <div class="links"> + <a href="http://news.bootswatch.com" onclick="pageTracker._link(this.href); return false;">Blog</a> + <a href="http://feeds.feedburner.com/bootswatch">RSS</a> + <a href="https://twitter.com/thomashpark">Twitter</a> + <a href="https://github.com/thomaspark/bootswatch/">GitHub</a> + <a rel="tooltip" href="javascript:(function(e,a,g,h,f,c,b,d)%7Bif(!(f%3De.jQuery)%7C%7Cg%3Ef.fn.jquery%7C%7Ch(f))%7Bc%3Da.createElement(%22script%22)%3Bc.type%3D%22text/javascript%22%3Bc.src%3D%22http://ajax.googleapis.com/ajax/libs/jquery/%22%2Bg%2B%22/jquery.min.js%22%3Bc.onload%3Dc.onreadystatechange%3Dfunction()%7Bif(!b%26%26(!(d%3Dthis.readyState)%7C%7Cd%3D%3D%22loaded%22%7C%7Cd%3D%3D%22complete%22))%7Bh((f%3De.jQuery).noConflict(1),b%3D1)%3Bf(c).remove()%7D%7D%3Ba.documentElement.childNodes%5B0%5D.appendChild(c)%7D%7D)(window,document,%221.3.2%22,function(%24,L)%7Bif(%24(%22.bootswatcher%22)%5B0%5D)%7B%24(%22.bootswatcher%22).remove()%7Delse%7Bvar%20%24e%3D%24(%27%3Cselect%20class%3D%22bootswatcher%22%3E%3Coption%3EAmelia%3C/option%3E%3Coption%3ECerulean%3C/option%3E%3Coption%3ECosmo%3C/option%3E%3Coption%3ECyborg%3C/option%3E%3Coption%3EJournal%3C/option%3E%3Coption%3EReadable%3C/option%3E%3Coption%3ESimplex%3C/option%3E%3Coption%3ESlate%3C/option%3E%3Coption%3ESpacelab%3C/option%3E%3Coption%3ESpruce%3C/option%3E%3Coption%3ESuperhero%3C/option%3E%3Coption%3EUnited%3C/option%3E%3C/select%3E%27)%3Bvar%20l%3D1%2BMath.floor(Math.random()*%24e.children().length)%3Bvar%20r%3D%27%3Clink%20rel%3D%22stylesheet%22%20href%3D%22http://bootswatch.com/default/bootstrap-responsive.min.css%22%3E%27%3B%24e.css(%7B%22z-index%22:%2299999%22,position:%22fixed%22,top:%225px%22,right:%225px%22,opacity:%220.5%22%7D).hover(function()%7B%24(this).css(%22opacity%22,%221%22)%7D,function()%7B%24(this).css(%22opacity%22,%220.5%22)%7D).change(function()%7Bif(!%24(%22link.bootswatcher%22)%5B0%5D)%7B%24(%22head%22).append(%27%3Clink%20rel%3D%22stylesheet%22%20class%3D%22bootswatcher%22%3E%27%2Br)%7D%24(%22link.bootswatcher%22).attr(%22href%22,%22http://bootswatch.com/%22%2B%24(this).find(%22:selected%22).text().toLowerCase()%2B%22/bootstrap.min.css%22)%7D).find(%22option:nth-child(%22%2Bl%2B%22)%22).attr(%22selected%22,%22selected%22).end().trigger(%22change%22)%3B%24(%22body%22).append(%24e)%7D%3B%7D)%3B" title="Drag to your bookmarks bar">Bookmarklet</a> + <a href="https://github.com/thomaspark/bootswatch/tree/gh-pages/2/swatchmaker">Swatchmaker</a> + <a href="http://news.bootswatch.com/post/22193315172/bootswatch-api" onclick="pageTracker._link(this.href); return false;">API</a> + <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=F22JEM3Q78JC2">Donate</a> + </div> + Made by <a href="http://thomaspark.me" rel="nofollow">Thomas Park</a>. Contact him <a href="mailto:hello@thomaspark.me">hello@thomaspark.me</a>.<br/> + Code licensed under the <a href="http://www.apache.org/licenses/LICENSE-2.0" rel="nofollow">Apache License v2.0</a>.<br/> + Based on <a href="http://getbootstrap.com/2.3.2/" rel="nofollow">Bootstrap</a>. Hosted on <a href="http://pages.github.com/" rel="nofollow">GitHub</a>. Icons from <a href="http://fortawesome.github.com/Font-Awesome/" rel="nofollow">Font Awesome</a>. Web fonts from <a href="http://www.google.com/webfonts" rel="nofollow">Google</a>. Favicon by <a href="https://twitter.com/geraldhiller" rel="nofollow">Gerald Hiller</a>.</p> + </footer> + + </div> + + + <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script src="js/jquery.smooth-scroll.min.js"></script> - <script src="js/bootstrap.min.js"></script> - <script src="js/bootswatch.js"></script> - <script> - !function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs"); - </script> - <script> - - var taglines = [ - 'Free themes for <a target="_blank" href="http://getbootstrap.com/2.3.2/">Bootstrap</a>', - 'Add color to your <a target="_blank" href="http://getbootstrap.com/2.3.2/">Bootstrap</a> site without touching a color picker', - 'Saving the web from default <a target="_blank" href="http://getbootstrap.com/2.3.2/">Bootstrap</a>' - ]; - - var line = Math.floor((taglines.length) * Math.random()); - $('#tagline').html(taglines[line]); - - parseRSS('http://feeds.feedburner.com/bootswatch', function(d){ - var h ='<strong>Recent news:</strong> '; - for (var i = 0; i < 3; i++){ - h = h + '<a href="' + d.entries[i].link + '" onclick="pageTracker._link(this.href); return false;">' + d.entries[i].title + '...</a> '; - } - document.getElementById('ticker').innerHTML = h; - }) - - function parseRSS(url, callback) { - $.ajax({ - url: 'http://ajax.googleapis.com/ajax/services/feed/load?v=1.0&num=10&callback=?&q=' + encodeURIComponent(url), - dataType: 'json', - success: function(data) { - callback(data.responseData.feed); - } - }); - } - - </script> + <script src="js/bootstrap.min.js"></script> + <script src="js/bootswatch.js"></script> + <script> + !function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs"); + </script> + <script> + + var taglines = [ + 'Free themes for <a target="_blank" href="http://getbootstrap.com/2.3.2/">Bootstrap</a>', + 'Add color to your <a target="_blank" href="http://getbootstrap.com/2.3.2/">Bootstrap</a> site without touching a color picker', + 'Saving the web from default <a target="_blank" href="http://getbootstrap.com/2.3.2/">Bootstrap</a>' + ]; + + var line = Math.floor((taglines.length) * Math.random()); + $('#tagline').html(taglines[line]); + + parseRSS('http://feeds.feedburner.com/bootswatch', function(d){ + var h ='<strong>Recent news:</strong> '; + for (var i = 0; i < 3; i++){ + h = h + '<a href="' + d.entries[i].link + '" onclick="pageTracker._link(this.href); return false;">' + d.entries[i].title + '...</a> '; + } + document.getElementById('ticker').innerHTML = h; + }) + + function parseRSS(url, callback) { + $.ajax({ + url: 'http://ajax.googleapis.com/ajax/services/feed/load?v=1.0&num=10&callback=?&q=' + encodeURIComponent(url), + dataType: 'json', + success: function(data) { + callback(data.responseData.feed); + } + }); + } + + </script> </body> </html> diff --git a/2/journal/index.html b/2/journal/index.html index 746a666b..f3b60b74 100755 --- a/2/journal/index.html +++ b/2/journal/index.html @@ -167,7 +167,7 @@ </div> </div> - + <div class="row"> <div class="span6"> <blockquote> @@ -305,8 +305,8 @@ <th>Large Button</th> <th>Small Button</th> <th>Disabled Button</th> - <th>Button with Icon</th> - <th>Split Button</th> + <th>Button with Icon</th> + <th>Split Button</th> </tr> </thead> <tbody> @@ -316,7 +316,7 @@ <td><a class="btn btn-small" href="#">Default</a></td> <td><a class="btn disabled" href="#">Default</a></td> <td><a class="btn" href="#"><i class="icon-cog"></i> Default</a></td> - <td> + <td> <div class="btn-group"> <a class="btn" href="#">Default</a> <a class="btn dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -328,7 +328,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-primary" href="#">Primary</a></td> @@ -336,7 +336,7 @@ <td><a class="btn btn-primary btn-small" href="#">Primary</a></td> <td><a class="btn btn-primary disabled" href="#">Primary</a></td> <td><a class="btn btn-primary" href="#"><i class="icon-shopping-cart icon-white"></i> Primary</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-primary" href="#">Primary</a> <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -348,7 +348,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-info" href="#">Info</a></td> @@ -356,7 +356,7 @@ <td><a class="btn btn-info btn-small" href="#">Info</a></td> <td><a class="btn btn-info disabled" href="#">Info</a></td> <td><a class="btn btn-info" href="#"><i class="icon-exclamation-sign icon-white"></i> Info</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-info" href="#">Info</a> <a class="btn btn-info dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -368,7 +368,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-success" href="#">Success</a></td> @@ -376,7 +376,7 @@ <td><a class="btn btn-success btn-small" href="#">Success</a></td> <td><a class="btn btn-success disabled" href="#">Success</a></td> <td><a class="btn btn-success" href="#"><i class="icon-ok icon-white"></i> Success</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-success" href="#">Success</a> <a class="btn btn-success dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -388,7 +388,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-warning" href="#">Warning</a></td> @@ -396,7 +396,7 @@ <td><a class="btn btn-warning btn-small" href="#">Warning</a></td> <td><a class="btn btn-warning disabled" href="#">Warning</a></td> <td><a class="btn btn-warning" href="#"><i class="icon-warning-sign icon-white"></i> Warning</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-warning" href="#">Warning</a> <a class="btn btn-warning dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -408,7 +408,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-danger" href="#">Danger</a></td> @@ -416,7 +416,7 @@ <td><a class="btn btn-danger btn-small" href="#">Danger</a></td> <td><a class="btn btn-danger disabled" href="#">Danger</a></td> <td><a class="btn btn-danger" href="#"><i class="icon-remove icon-white"></i> Danger</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-danger" href="#">Danger</a> <a class="btn btn-danger dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -428,7 +428,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-inverse" href="#">Inverse</a></td> @@ -436,7 +436,7 @@ <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> + <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> @@ -448,7 +448,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> </tbody> </table> @@ -611,7 +611,7 @@ <div class="page-header"> <h1>Tables</h1> </div> - + <table class="table table-bordered table-striped table-hover"> <thead> <tr> @@ -686,15 +686,15 @@ </ul> </div> </div> - + <div class="span4"> <h3 id="pager">Pagers</h3> - + <ul class="pager"> <li><a href="#">Previous</a></li> <li><a href="#">Next</a></li> </ul> - + <ul class="pager"> <li class="previous disabled"><a href="#">← Older</a></li> <li class="next"><a href="#">Newer →</a></li> @@ -728,7 +728,7 @@ </div> </div> </div> <!-- /tabbable --> - + </div> <div class="span4"> <h3 id="pills">Pills</h3> @@ -748,11 +748,11 @@ <li class="disabled"><a href="#">Disabled link</a></li> </ul> </div> - + <div class="span4"> - + <h3 id="list">Lists</h3> - + <div class="well" style="padding: 8px 0;"> <ul class="nav nav-list"> <li class="nav-header">List header</li> @@ -874,7 +874,7 @@ <a href="https://twitter.com/thomashpark">Twitter</a> <a href="https://github.com/thomaspark/bootswatch/">GitHub</a> <a rel="tooltip" href="javascript:(function(e,a,g,h,f,c,b,d)%7Bif(!(f%3De.jQuery)%7C%7Cg%3Ef.fn.jquery%7C%7Ch(f))%7Bc%3Da.createElement(%22script%22)%3Bc.type%3D%22text/javascript%22%3Bc.src%3D%22http://ajax.googleapis.com/ajax/libs/jquery/%22%2Bg%2B%22/jquery.min.js%22%3Bc.onload%3Dc.onreadystatechange%3Dfunction()%7Bif(!b%26%26(!(d%3Dthis.readyState)%7C%7Cd%3D%3D%22loaded%22%7C%7Cd%3D%3D%22complete%22))%7Bh((f%3De.jQuery).noConflict(1),b%3D1)%3Bf(c).remove()%7D%7D%3Ba.documentElement.childNodes%5B0%5D.appendChild(c)%7D%7D)(window,document,%221.3.2%22,function(%24,L)%7Bif(%24(%22.bootswatcher%22)%5B0%5D)%7B%24(%22.bootswatcher%22).remove()%7Delse%7Bvar%20%24e%3D%24(%27%3Cselect%20class%3D%22bootswatcher%22%3E%3Coption%3EAmelia%3C/option%3E%3Coption%3ECerulean%3C/option%3E%3Coption%3ECosmo%3C/option%3E%3Coption%3ECyborg%3C/option%3E%3Coption%3EJournal%3C/option%3E%3Coption%3EReadable%3C/option%3E%3Coption%3ESimplex%3C/option%3E%3Coption%3ESlate%3C/option%3E%3Coption%3ESpacelab%3C/option%3E%3Coption%3ESpruce%3C/option%3E%3Coption%3ESuperhero%3C/option%3E%3Coption%3EUnited%3C/option%3E%3C/select%3E%27)%3Bvar%20l%3D1%2BMath.floor(Math.random()*%24e.children().length)%3B%24e.css(%7B%22z-index%22:%2299999%22,position:%22fixed%22,top:%225px%22,right:%225px%22,opacity:%220.5%22%7D).hover(function()%7B%24(this).css(%22opacity%22,%221%22)%7D,function()%7B%24(this).css(%22opacity%22,%220.5%22)%7D).change(function()%7Bif(!%24(%22link.bootswatcher%22)%5B0%5D)%7B%24(%22head%22).append(%27%3Clink%20rel%3D%22stylesheet%22%20class%3D%22bootswatcher%22%3E%27)%7D%24(%22link.bootswatcher%22).attr(%22href%22,%22http://bootswatch.com/%22%2B%24(this).find(%22:selected%22).text().toLowerCase()%2B%22/bootstrap.min.css%22)%7D).find(%22option:nth-child(%22%2Bl%2B%22)%22).attr(%22selected%22,%22selected%22).end().trigger(%22change%22)%3B%24(%22body%22).append(%24e)%7D%3B%7D)%3B" title="Drag to your bookmarks bar">Bookmarklet</a> - <a href="https://github.com/thomaspark/bootswatch/tree/gh-pages/swatchmaker">Swatchmaker</a> + <a href="https://github.com/thomaspark/bootswatch/tree/gh-pages/2/swatchmaker">Swatchmaker</a> <a href="http://news.bootswatch.com/post/22193315172/bootswatch-api">API</a> <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=F22JEM3Q78JC2">Donate</a> </div> diff --git a/2/readable/index.html b/2/readable/index.html index ed23dc37..a39c5388 100755 --- a/2/readable/index.html +++ b/2/readable/index.html @@ -167,7 +167,7 @@ </div> </div> - + <div class="row"> <div class="span6"> <blockquote> @@ -305,8 +305,8 @@ <th>Large Button</th> <th>Small Button</th> <th>Disabled Button</th> - <th>Button with Icon</th> - <th>Split Button</th> + <th>Button with Icon</th> + <th>Split Button</th> </tr> </thead> <tbody> @@ -316,7 +316,7 @@ <td><a class="btn btn-small" href="#">Default</a></td> <td><a class="btn disabled" href="#">Default</a></td> <td><a class="btn" href="#"><i class="icon-cog"></i> Default</a></td> - <td> + <td> <div class="btn-group"> <a class="btn" href="#">Default</a> <a class="btn dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -328,7 +328,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-primary" href="#">Primary</a></td> @@ -336,7 +336,7 @@ <td><a class="btn btn-primary btn-small" href="#">Primary</a></td> <td><a class="btn btn-primary disabled" href="#">Primary</a></td> <td><a class="btn btn-primary" href="#"><i class="icon-shopping-cart icon-white"></i> Primary</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-primary" href="#">Primary</a> <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -348,7 +348,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-info" href="#">Info</a></td> @@ -356,7 +356,7 @@ <td><a class="btn btn-info btn-small" href="#">Info</a></td> <td><a class="btn btn-info disabled" href="#">Info</a></td> <td><a class="btn btn-info" href="#"><i class="icon-exclamation-sign icon-white"></i> Info</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-info" href="#">Info</a> <a class="btn btn-info dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -368,7 +368,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-success" href="#">Success</a></td> @@ -376,7 +376,7 @@ <td><a class="btn btn-success btn-small" href="#">Success</a></td> <td><a class="btn btn-success disabled" href="#">Success</a></td> <td><a class="btn btn-success" href="#"><i class="icon-ok icon-white"></i> Success</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-success" href="#">Success</a> <a class="btn btn-success dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -388,7 +388,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-warning" href="#">Warning</a></td> @@ -396,7 +396,7 @@ <td><a class="btn btn-warning btn-small" href="#">Warning</a></td> <td><a class="btn btn-warning disabled" href="#">Warning</a></td> <td><a class="btn btn-warning" href="#"><i class="icon-warning-sign icon-white"></i> Warning</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-warning" href="#">Warning</a> <a class="btn btn-warning dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -408,7 +408,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-danger" href="#">Danger</a></td> @@ -416,7 +416,7 @@ <td><a class="btn btn-danger btn-small" href="#">Danger</a></td> <td><a class="btn btn-danger disabled" href="#">Danger</a></td> <td><a class="btn btn-danger" href="#"><i class="icon-remove icon-white"></i> Danger</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-danger" href="#">Danger</a> <a class="btn btn-danger dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -428,7 +428,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-inverse" href="#">Inverse</a></td> @@ -436,7 +436,7 @@ <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> + <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> @@ -448,7 +448,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> </tbody> </table> @@ -611,7 +611,7 @@ <div class="page-header"> <h1>Tables</h1> </div> - + <table class="table table-bordered table-striped table-hover"> <thead> <tr> @@ -686,15 +686,15 @@ </ul> </div> </div> - + <div class="span4"> <h3 id="pager">Pagers</h3> - + <ul class="pager"> <li><a href="#">Previous</a></li> <li><a href="#">Next</a></li> </ul> - + <ul class="pager"> <li class="previous disabled"><a href="#">← Older</a></li> <li class="next"><a href="#">Newer →</a></li> @@ -728,7 +728,7 @@ </div> </div> </div> <!-- /tabbable --> - + </div> <div class="span4"> <h3 id="pills">Pills</h3> @@ -748,11 +748,11 @@ <li class="disabled"><a href="#">Disabled link</a></li> </ul> </div> - + <div class="span4"> - + <h3 id="list">Lists</h3> - + <div class="well" style="padding: 8px 0;"> <ul class="nav nav-list"> <li class="nav-header">List header</li> @@ -874,7 +874,7 @@ <a href="https://twitter.com/thomashpark">Twitter</a> <a href="https://github.com/thomaspark/bootswatch/">GitHub</a> <a rel="tooltip" href="javascript:(function(e,a,g,h,f,c,b,d)%7Bif(!(f%3De.jQuery)%7C%7Cg%3Ef.fn.jquery%7C%7Ch(f))%7Bc%3Da.createElement(%22script%22)%3Bc.type%3D%22text/javascript%22%3Bc.src%3D%22http://ajax.googleapis.com/ajax/libs/jquery/%22%2Bg%2B%22/jquery.min.js%22%3Bc.onload%3Dc.onreadystatechange%3Dfunction()%7Bif(!b%26%26(!(d%3Dthis.readyState)%7C%7Cd%3D%3D%22loaded%22%7C%7Cd%3D%3D%22complete%22))%7Bh((f%3De.jQuery).noConflict(1),b%3D1)%3Bf(c).remove()%7D%7D%3Ba.documentElement.childNodes%5B0%5D.appendChild(c)%7D%7D)(window,document,%221.3.2%22,function(%24,L)%7Bif(%24(%22.bootswatcher%22)%5B0%5D)%7B%24(%22.bootswatcher%22).remove()%7Delse%7Bvar%20%24e%3D%24(%27%3Cselect%20class%3D%22bootswatcher%22%3E%3Coption%3EAmelia%3C/option%3E%3Coption%3ECerulean%3C/option%3E%3Coption%3ECosmo%3C/option%3E%3Coption%3ECyborg%3C/option%3E%3Coption%3EJournal%3C/option%3E%3Coption%3EReadable%3C/option%3E%3Coption%3ESimplex%3C/option%3E%3Coption%3ESlate%3C/option%3E%3Coption%3ESpacelab%3C/option%3E%3Coption%3ESpruce%3C/option%3E%3Coption%3ESuperhero%3C/option%3E%3Coption%3EUnited%3C/option%3E%3C/select%3E%27)%3Bvar%20l%3D1%2BMath.floor(Math.random()*%24e.children().length)%3B%24e.css(%7B%22z-index%22:%2299999%22,position:%22fixed%22,top:%225px%22,right:%225px%22,opacity:%220.5%22%7D).hover(function()%7B%24(this).css(%22opacity%22,%221%22)%7D,function()%7B%24(this).css(%22opacity%22,%220.5%22)%7D).change(function()%7Bif(!%24(%22link.bootswatcher%22)%5B0%5D)%7B%24(%22head%22).append(%27%3Clink%20rel%3D%22stylesheet%22%20class%3D%22bootswatcher%22%3E%27)%7D%24(%22link.bootswatcher%22).attr(%22href%22,%22http://bootswatch.com/%22%2B%24(this).find(%22:selected%22).text().toLowerCase()%2B%22/bootstrap.min.css%22)%7D).find(%22option:nth-child(%22%2Bl%2B%22)%22).attr(%22selected%22,%22selected%22).end().trigger(%22change%22)%3B%24(%22body%22).append(%24e)%7D%3B%7D)%3B" title="Drag to your bookmarks bar">Bookmarklet</a> - <a href="https://github.com/thomaspark/bootswatch/tree/gh-pages/swatchmaker">Swatchmaker</a> + <a href="https://github.com/thomaspark/bootswatch/tree/gh-pages/2/swatchmaker">Swatchmaker</a> <a href="http://news.bootswatch.com/post/22193315172/bootswatch-api">API</a> <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=F22JEM3Q78JC2">Donate</a> </div> diff --git a/2/simplex/index.html b/2/simplex/index.html index 7988d08e..fb8eb0ac 100755 --- a/2/simplex/index.html +++ b/2/simplex/index.html @@ -167,7 +167,7 @@ </div> </div> - + <div class="row"> <div class="span6"> <blockquote> @@ -305,8 +305,8 @@ <th>Large Button</th> <th>Small Button</th> <th>Disabled Button</th> - <th>Button with Icon</th> - <th>Split Button</th> + <th>Button with Icon</th> + <th>Split Button</th> </tr> </thead> <tbody> @@ -316,7 +316,7 @@ <td><a class="btn btn-small" href="#">Default</a></td> <td><a class="btn disabled" href="#">Default</a></td> <td><a class="btn" href="#"><i class="icon-cog"></i> Default</a></td> - <td> + <td> <div class="btn-group"> <a class="btn" href="#">Default</a> <a class="btn dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -328,7 +328,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-primary" href="#">Primary</a></td> @@ -336,7 +336,7 @@ <td><a class="btn btn-primary btn-small" href="#">Primary</a></td> <td><a class="btn btn-primary disabled" href="#">Primary</a></td> <td><a class="btn btn-primary" href="#"><i class="icon-shopping-cart icon-white"></i> Primary</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-primary" href="#">Primary</a> <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -348,7 +348,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-info" href="#">Info</a></td> @@ -356,7 +356,7 @@ <td><a class="btn btn-info btn-small" href="#">Info</a></td> <td><a class="btn btn-info disabled" href="#">Info</a></td> <td><a class="btn btn-info" href="#"><i class="icon-exclamation-sign icon-white"></i> Info</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-info" href="#">Info</a> <a class="btn btn-info dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -368,7 +368,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-success" href="#">Success</a></td> @@ -376,7 +376,7 @@ <td><a class="btn btn-success btn-small" href="#">Success</a></td> <td><a class="btn btn-success disabled" href="#">Success</a></td> <td><a class="btn btn-success" href="#"><i class="icon-ok icon-white"></i> Success</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-success" href="#">Success</a> <a class="btn btn-success dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -388,7 +388,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-warning" href="#">Warning</a></td> @@ -396,7 +396,7 @@ <td><a class="btn btn-warning btn-small" href="#">Warning</a></td> <td><a class="btn btn-warning disabled" href="#">Warning</a></td> <td><a class="btn btn-warning" href="#"><i class="icon-warning-sign icon-white"></i> Warning</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-warning" href="#">Warning</a> <a class="btn btn-warning dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -408,7 +408,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-danger" href="#">Danger</a></td> @@ -416,7 +416,7 @@ <td><a class="btn btn-danger btn-small" href="#">Danger</a></td> <td><a class="btn btn-danger disabled" href="#">Danger</a></td> <td><a class="btn btn-danger" href="#"><i class="icon-remove icon-white"></i> Danger</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-danger" href="#">Danger</a> <a class="btn btn-danger dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -428,7 +428,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-inverse" href="#">Inverse</a></td> @@ -436,7 +436,7 @@ <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> + <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> @@ -448,7 +448,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> </tbody> </table> @@ -611,7 +611,7 @@ <div class="page-header"> <h1>Tables</h1> </div> - + <table class="table table-bordered table-striped table-hover"> <thead> <tr> @@ -686,15 +686,15 @@ </ul> </div> </div> - + <div class="span4"> <h3 id="pager">Pagers</h3> - + <ul class="pager"> <li><a href="#">Previous</a></li> <li><a href="#">Next</a></li> </ul> - + <ul class="pager"> <li class="previous disabled"><a href="#">← Older</a></li> <li class="next"><a href="#">Newer →</a></li> @@ -728,7 +728,7 @@ </div> </div> </div> <!-- /tabbable --> - + </div> <div class="span4"> <h3 id="pills">Pills</h3> @@ -748,11 +748,11 @@ <li class="disabled"><a href="#">Disabled link</a></li> </ul> </div> - + <div class="span4"> - + <h3 id="list">Lists</h3> - + <div class="well" style="padding: 8px 0;"> <ul class="nav nav-list"> <li class="nav-header">List header</li> @@ -874,7 +874,7 @@ <a href="https://twitter.com/thomashpark">Twitter</a> <a href="https://github.com/thomaspark/bootswatch/">GitHub</a> <a rel="tooltip" href="javascript:(function(e,a,g,h,f,c,b,d)%7Bif(!(f%3De.jQuery)%7C%7Cg%3Ef.fn.jquery%7C%7Ch(f))%7Bc%3Da.createElement(%22script%22)%3Bc.type%3D%22text/javascript%22%3Bc.src%3D%22http://ajax.googleapis.com/ajax/libs/jquery/%22%2Bg%2B%22/jquery.min.js%22%3Bc.onload%3Dc.onreadystatechange%3Dfunction()%7Bif(!b%26%26(!(d%3Dthis.readyState)%7C%7Cd%3D%3D%22loaded%22%7C%7Cd%3D%3D%22complete%22))%7Bh((f%3De.jQuery).noConflict(1),b%3D1)%3Bf(c).remove()%7D%7D%3Ba.documentElement.childNodes%5B0%5D.appendChild(c)%7D%7D)(window,document,%221.3.2%22,function(%24,L)%7Bif(%24(%22.bootswatcher%22)%5B0%5D)%7B%24(%22.bootswatcher%22).remove()%7Delse%7Bvar%20%24e%3D%24(%27%3Cselect%20class%3D%22bootswatcher%22%3E%3Coption%3EAmelia%3C/option%3E%3Coption%3ECerulean%3C/option%3E%3Coption%3ECosmo%3C/option%3E%3Coption%3ECyborg%3C/option%3E%3Coption%3EJournal%3C/option%3E%3Coption%3EReadable%3C/option%3E%3Coption%3ESimplex%3C/option%3E%3Coption%3ESlate%3C/option%3E%3Coption%3ESpacelab%3C/option%3E%3Coption%3ESpruce%3C/option%3E%3Coption%3ESuperhero%3C/option%3E%3Coption%3EUnited%3C/option%3E%3C/select%3E%27)%3Bvar%20l%3D1%2BMath.floor(Math.random()*%24e.children().length)%3B%24e.css(%7B%22z-index%22:%2299999%22,position:%22fixed%22,top:%225px%22,right:%225px%22,opacity:%220.5%22%7D).hover(function()%7B%24(this).css(%22opacity%22,%221%22)%7D,function()%7B%24(this).css(%22opacity%22,%220.5%22)%7D).change(function()%7Bif(!%24(%22link.bootswatcher%22)%5B0%5D)%7B%24(%22head%22).append(%27%3Clink%20rel%3D%22stylesheet%22%20class%3D%22bootswatcher%22%3E%27)%7D%24(%22link.bootswatcher%22).attr(%22href%22,%22http://bootswatch.com/%22%2B%24(this).find(%22:selected%22).text().toLowerCase()%2B%22/bootstrap.min.css%22)%7D).find(%22option:nth-child(%22%2Bl%2B%22)%22).attr(%22selected%22,%22selected%22).end().trigger(%22change%22)%3B%24(%22body%22).append(%24e)%7D%3B%7D)%3B" title="Drag to your bookmarks bar">Bookmarklet</a> - <a href="https://github.com/thomaspark/bootswatch/tree/gh-pages/swatchmaker">Swatchmaker</a> + <a href="https://github.com/thomaspark/bootswatch/tree/gh-pages/2/swatchmaker">Swatchmaker</a> <a href="http://news.bootswatch.com/post/22193315172/bootswatch-api">API</a> <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=F22JEM3Q78JC2">Donate</a> </div> diff --git a/2/slate/index.html b/2/slate/index.html index 9d064ef0..0257192b 100755 --- a/2/slate/index.html +++ b/2/slate/index.html @@ -167,7 +167,7 @@ </div> </div> - + <div class="row"> <div class="span6"> <blockquote> @@ -305,8 +305,8 @@ <th>Large Button</th> <th>Small Button</th> <th>Disabled Button</th> - <th>Button with Icon</th> - <th>Split Button</th> + <th>Button with Icon</th> + <th>Split Button</th> </tr> </thead> <tbody> @@ -316,7 +316,7 @@ <td><a class="btn btn-small" href="#">Default</a></td> <td><a class="btn disabled" href="#">Default</a></td> <td><a class="btn" href="#"><i class="icon-cog"></i> Default</a></td> - <td> + <td> <div class="btn-group"> <a class="btn" href="#">Default</a> <a class="btn dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -328,7 +328,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-primary" href="#">Primary</a></td> @@ -336,7 +336,7 @@ <td><a class="btn btn-primary btn-small" href="#">Primary</a></td> <td><a class="btn btn-primary disabled" href="#">Primary</a></td> <td><a class="btn btn-primary" href="#"><i class="icon-shopping-cart icon-white"></i> Primary</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-primary" href="#">Primary</a> <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -348,7 +348,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-info" href="#">Info</a></td> @@ -356,7 +356,7 @@ <td><a class="btn btn-info btn-small" href="#">Info</a></td> <td><a class="btn btn-info disabled" href="#">Info</a></td> <td><a class="btn btn-info" href="#"><i class="icon-exclamation-sign icon-white"></i> Info</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-info" href="#">Info</a> <a class="btn btn-info dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -368,7 +368,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-success" href="#">Success</a></td> @@ -376,7 +376,7 @@ <td><a class="btn btn-success btn-small" href="#">Success</a></td> <td><a class="btn btn-success disabled" href="#">Success</a></td> <td><a class="btn btn-success" href="#"><i class="icon-ok icon-white"></i> Success</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-success" href="#">Success</a> <a class="btn btn-success dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -388,7 +388,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-warning" href="#">Warning</a></td> @@ -396,7 +396,7 @@ <td><a class="btn btn-warning btn-small" href="#">Warning</a></td> <td><a class="btn btn-warning disabled" href="#">Warning</a></td> <td><a class="btn btn-warning" href="#"><i class="icon-warning-sign icon-white"></i> Warning</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-warning" href="#">Warning</a> <a class="btn btn-warning dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -408,7 +408,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-danger" href="#">Danger</a></td> @@ -416,7 +416,7 @@ <td><a class="btn btn-danger btn-small" href="#">Danger</a></td> <td><a class="btn btn-danger disabled" href="#">Danger</a></td> <td><a class="btn btn-danger" href="#"><i class="icon-remove icon-white"></i> Danger</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-danger" href="#">Danger</a> <a class="btn btn-danger dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -428,7 +428,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-inverse" href="#">Inverse</a></td> @@ -436,7 +436,7 @@ <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> + <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> @@ -448,7 +448,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> </tbody> </table> @@ -611,7 +611,7 @@ <div class="page-header"> <h1>Tables</h1> </div> - + <table class="table table-bordered table-striped table-hover"> <thead> <tr> @@ -686,15 +686,15 @@ </ul> </div> </div> - + <div class="span4"> <h3 id="pager">Pagers</h3> - + <ul class="pager"> <li><a href="#">Previous</a></li> <li><a href="#">Next</a></li> </ul> - + <ul class="pager"> <li class="previous disabled"><a href="#">← Older</a></li> <li class="next"><a href="#">Newer →</a></li> @@ -728,7 +728,7 @@ </div> </div> </div> <!-- /tabbable --> - + </div> <div class="span4"> <h3 id="pills">Pills</h3> @@ -748,11 +748,11 @@ <li class="disabled"><a href="#">Disabled link</a></li> </ul> </div> - + <div class="span4"> - + <h3 id="list">Lists</h3> - + <div class="well" style="padding: 8px 0;"> <ul class="nav nav-list"> <li class="nav-header">List header</li> @@ -874,7 +874,7 @@ <a href="https://twitter.com/thomashpark">Twitter</a> <a href="https://github.com/thomaspark/bootswatch/">GitHub</a> <a rel="tooltip" href="javascript:(function(e,a,g,h,f,c,b,d)%7Bif(!(f%3De.jQuery)%7C%7Cg%3Ef.fn.jquery%7C%7Ch(f))%7Bc%3Da.createElement(%22script%22)%3Bc.type%3D%22text/javascript%22%3Bc.src%3D%22http://ajax.googleapis.com/ajax/libs/jquery/%22%2Bg%2B%22/jquery.min.js%22%3Bc.onload%3Dc.onreadystatechange%3Dfunction()%7Bif(!b%26%26(!(d%3Dthis.readyState)%7C%7Cd%3D%3D%22loaded%22%7C%7Cd%3D%3D%22complete%22))%7Bh((f%3De.jQuery).noConflict(1),b%3D1)%3Bf(c).remove()%7D%7D%3Ba.documentElement.childNodes%5B0%5D.appendChild(c)%7D%7D)(window,document,%221.3.2%22,function(%24,L)%7Bif(%24(%22.bootswatcher%22)%5B0%5D)%7B%24(%22.bootswatcher%22).remove()%7Delse%7Bvar%20%24e%3D%24(%27%3Cselect%20class%3D%22bootswatcher%22%3E%3Coption%3EAmelia%3C/option%3E%3Coption%3ECerulean%3C/option%3E%3Coption%3ECosmo%3C/option%3E%3Coption%3ECyborg%3C/option%3E%3Coption%3EJournal%3C/option%3E%3Coption%3EReadable%3C/option%3E%3Coption%3ESimplex%3C/option%3E%3Coption%3ESlate%3C/option%3E%3Coption%3ESpacelab%3C/option%3E%3Coption%3ESpruce%3C/option%3E%3Coption%3ESuperhero%3C/option%3E%3Coption%3EUnited%3C/option%3E%3C/select%3E%27)%3Bvar%20l%3D1%2BMath.floor(Math.random()*%24e.children().length)%3B%24e.css(%7B%22z-index%22:%2299999%22,position:%22fixed%22,top:%225px%22,right:%225px%22,opacity:%220.5%22%7D).hover(function()%7B%24(this).css(%22opacity%22,%221%22)%7D,function()%7B%24(this).css(%22opacity%22,%220.5%22)%7D).change(function()%7Bif(!%24(%22link.bootswatcher%22)%5B0%5D)%7B%24(%22head%22).append(%27%3Clink%20rel%3D%22stylesheet%22%20class%3D%22bootswatcher%22%3E%27)%7D%24(%22link.bootswatcher%22).attr(%22href%22,%22http://bootswatch.com/%22%2B%24(this).find(%22:selected%22).text().toLowerCase()%2B%22/bootstrap.min.css%22)%7D).find(%22option:nth-child(%22%2Bl%2B%22)%22).attr(%22selected%22,%22selected%22).end().trigger(%22change%22)%3B%24(%22body%22).append(%24e)%7D%3B%7D)%3B" title="Drag to your bookmarks bar">Bookmarklet</a> - <a href="https://github.com/thomaspark/bootswatch/tree/gh-pages/swatchmaker">Swatchmaker</a> + <a href="https://github.com/thomaspark/bootswatch/tree/gh-pages/2/swatchmaker">Swatchmaker</a> <a href="http://news.bootswatch.com/post/22193315172/bootswatch-api">API</a> <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=F22JEM3Q78JC2">Donate</a> </div> diff --git a/2/spacelab/index.html b/2/spacelab/index.html index 0bea8034..789ccdc5 100755 --- a/2/spacelab/index.html +++ b/2/spacelab/index.html @@ -167,7 +167,7 @@ </div> </div> - + <div class="row"> <div class="span6"> <blockquote> @@ -305,8 +305,8 @@ <th>Large Button</th> <th>Small Button</th> <th>Disabled Button</th> - <th>Button with Icon</th> - <th>Split Button</th> + <th>Button with Icon</th> + <th>Split Button</th> </tr> </thead> <tbody> @@ -316,7 +316,7 @@ <td><a class="btn btn-small" href="#">Default</a></td> <td><a class="btn disabled" href="#">Default</a></td> <td><a class="btn" href="#"><i class="icon-cog"></i> Default</a></td> - <td> + <td> <div class="btn-group"> <a class="btn" href="#">Default</a> <a class="btn dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -328,7 +328,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-primary" href="#">Primary</a></td> @@ -336,7 +336,7 @@ <td><a class="btn btn-primary btn-small" href="#">Primary</a></td> <td><a class="btn btn-primary disabled" href="#">Primary</a></td> <td><a class="btn btn-primary" href="#"><i class="icon-shopping-cart icon-white"></i> Primary</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-primary" href="#">Primary</a> <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -348,7 +348,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-info" href="#">Info</a></td> @@ -356,7 +356,7 @@ <td><a class="btn btn-info btn-small" href="#">Info</a></td> <td><a class="btn btn-info disabled" href="#">Info</a></td> <td><a class="btn btn-info" href="#"><i class="icon-exclamation-sign icon-white"></i> Info</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-info" href="#">Info</a> <a class="btn btn-info dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -368,7 +368,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-success" href="#">Success</a></td> @@ -376,7 +376,7 @@ <td><a class="btn btn-success btn-small" href="#">Success</a></td> <td><a class="btn btn-success disabled" href="#">Success</a></td> <td><a class="btn btn-success" href="#"><i class="icon-ok icon-white"></i> Success</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-success" href="#">Success</a> <a class="btn btn-success dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -388,7 +388,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-warning" href="#">Warning</a></td> @@ -396,7 +396,7 @@ <td><a class="btn btn-warning btn-small" href="#">Warning</a></td> <td><a class="btn btn-warning disabled" href="#">Warning</a></td> <td><a class="btn btn-warning" href="#"><i class="icon-warning-sign icon-white"></i> Warning</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-warning" href="#">Warning</a> <a class="btn btn-warning dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -408,7 +408,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-danger" href="#">Danger</a></td> @@ -416,7 +416,7 @@ <td><a class="btn btn-danger btn-small" href="#">Danger</a></td> <td><a class="btn btn-danger disabled" href="#">Danger</a></td> <td><a class="btn btn-danger" href="#"><i class="icon-remove icon-white"></i> Danger</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-danger" href="#">Danger</a> <a class="btn btn-danger dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -428,7 +428,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-inverse" href="#">Inverse</a></td> @@ -436,7 +436,7 @@ <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> + <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> @@ -448,7 +448,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> </tbody> </table> @@ -611,7 +611,7 @@ <div class="page-header"> <h1>Tables</h1> </div> - + <table class="table table-bordered table-striped table-hover"> <thead> <tr> @@ -686,15 +686,15 @@ </ul> </div> </div> - + <div class="span4"> <h3 id="pager">Pagers</h3> - + <ul class="pager"> <li><a href="#">Previous</a></li> <li><a href="#">Next</a></li> </ul> - + <ul class="pager"> <li class="previous disabled"><a href="#">← Older</a></li> <li class="next"><a href="#">Newer →</a></li> @@ -728,7 +728,7 @@ </div> </div> </div> <!-- /tabbable --> - + </div> <div class="span4"> <h3 id="pills">Pills</h3> @@ -748,11 +748,11 @@ <li class="disabled"><a href="#">Disabled link</a></li> </ul> </div> - + <div class="span4"> - + <h3 id="list">Lists</h3> - + <div class="well" style="padding: 8px 0;"> <ul class="nav nav-list"> <li class="nav-header">List header</li> @@ -874,7 +874,7 @@ <a href="https://twitter.com/thomashpark">Twitter</a> <a href="https://github.com/thomaspark/bootswatch/">GitHub</a> <a rel="tooltip" href="javascript:(function(e,a,g,h,f,c,b,d)%7Bif(!(f%3De.jQuery)%7C%7Cg%3Ef.fn.jquery%7C%7Ch(f))%7Bc%3Da.createElement(%22script%22)%3Bc.type%3D%22text/javascript%22%3Bc.src%3D%22http://ajax.googleapis.com/ajax/libs/jquery/%22%2Bg%2B%22/jquery.min.js%22%3Bc.onload%3Dc.onreadystatechange%3Dfunction()%7Bif(!b%26%26(!(d%3Dthis.readyState)%7C%7Cd%3D%3D%22loaded%22%7C%7Cd%3D%3D%22complete%22))%7Bh((f%3De.jQuery).noConflict(1),b%3D1)%3Bf(c).remove()%7D%7D%3Ba.documentElement.childNodes%5B0%5D.appendChild(c)%7D%7D)(window,document,%221.3.2%22,function(%24,L)%7Bif(%24(%22.bootswatcher%22)%5B0%5D)%7B%24(%22.bootswatcher%22).remove()%7Delse%7Bvar%20%24e%3D%24(%27%3Cselect%20class%3D%22bootswatcher%22%3E%3Coption%3EAmelia%3C/option%3E%3Coption%3ECerulean%3C/option%3E%3Coption%3ECosmo%3C/option%3E%3Coption%3ECyborg%3C/option%3E%3Coption%3EJournal%3C/option%3E%3Coption%3EReadable%3C/option%3E%3Coption%3ESimplex%3C/option%3E%3Coption%3ESlate%3C/option%3E%3Coption%3ESpacelab%3C/option%3E%3Coption%3ESpruce%3C/option%3E%3Coption%3ESuperhero%3C/option%3E%3Coption%3EUnited%3C/option%3E%3C/select%3E%27)%3Bvar%20l%3D1%2BMath.floor(Math.random()*%24e.children().length)%3B%24e.css(%7B%22z-index%22:%2299999%22,position:%22fixed%22,top:%225px%22,right:%225px%22,opacity:%220.5%22%7D).hover(function()%7B%24(this).css(%22opacity%22,%221%22)%7D,function()%7B%24(this).css(%22opacity%22,%220.5%22)%7D).change(function()%7Bif(!%24(%22link.bootswatcher%22)%5B0%5D)%7B%24(%22head%22).append(%27%3Clink%20rel%3D%22stylesheet%22%20class%3D%22bootswatcher%22%3E%27)%7D%24(%22link.bootswatcher%22).attr(%22href%22,%22http://bootswatch.com/%22%2B%24(this).find(%22:selected%22).text().toLowerCase()%2B%22/bootstrap.min.css%22)%7D).find(%22option:nth-child(%22%2Bl%2B%22)%22).attr(%22selected%22,%22selected%22).end().trigger(%22change%22)%3B%24(%22body%22).append(%24e)%7D%3B%7D)%3B" title="Drag to your bookmarks bar">Bookmarklet</a> - <a href="https://github.com/thomaspark/bootswatch/tree/gh-pages/swatchmaker">Swatchmaker</a> + <a href="https://github.com/thomaspark/bootswatch/tree/gh-pages/2/swatchmaker">Swatchmaker</a> <a href="http://news.bootswatch.com/post/22193315172/bootswatch-api">API</a> <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=F22JEM3Q78JC2">Donate</a> </div> diff --git a/2/spruce/index.html b/2/spruce/index.html index 74fb157e..546b9f0d 100755 --- a/2/spruce/index.html +++ b/2/spruce/index.html @@ -167,7 +167,7 @@ </div> </div> - + <div class="row"> <div class="span6"> <blockquote> @@ -305,8 +305,8 @@ <th>Large Button</th> <th>Small Button</th> <th>Disabled Button</th> - <th>Button with Icon</th> - <th>Split Button</th> + <th>Button with Icon</th> + <th>Split Button</th> </tr> </thead> <tbody> @@ -316,7 +316,7 @@ <td><a class="btn btn-small" href="#">Default</a></td> <td><a class="btn disabled" href="#">Default</a></td> <td><a class="btn" href="#"><i class="icon-cog"></i> Default</a></td> - <td> + <td> <div class="btn-group"> <a class="btn" href="#">Default</a> <a class="btn dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -328,7 +328,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-primary" href="#">Primary</a></td> @@ -336,7 +336,7 @@ <td><a class="btn btn-primary btn-small" href="#">Primary</a></td> <td><a class="btn btn-primary disabled" href="#">Primary</a></td> <td><a class="btn btn-primary" href="#"><i class="icon-shopping-cart icon-white"></i> Primary</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-primary" href="#">Primary</a> <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -348,7 +348,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-info" href="#">Info</a></td> @@ -356,7 +356,7 @@ <td><a class="btn btn-info btn-small" href="#">Info</a></td> <td><a class="btn btn-info disabled" href="#">Info</a></td> <td><a class="btn btn-info" href="#"><i class="icon-exclamation-sign icon-white"></i> Info</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-info" href="#">Info</a> <a class="btn btn-info dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -368,7 +368,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-success" href="#">Success</a></td> @@ -376,7 +376,7 @@ <td><a class="btn btn-success btn-small" href="#">Success</a></td> <td><a class="btn btn-success disabled" href="#">Success</a></td> <td><a class="btn btn-success" href="#"><i class="icon-ok icon-white"></i> Success</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-success" href="#">Success</a> <a class="btn btn-success dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -388,7 +388,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-warning" href="#">Warning</a></td> @@ -396,7 +396,7 @@ <td><a class="btn btn-warning btn-small" href="#">Warning</a></td> <td><a class="btn btn-warning disabled" href="#">Warning</a></td> <td><a class="btn btn-warning" href="#"><i class="icon-warning-sign icon-white"></i> Warning</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-warning" href="#">Warning</a> <a class="btn btn-warning dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -408,7 +408,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-danger" href="#">Danger</a></td> @@ -416,7 +416,7 @@ <td><a class="btn btn-danger btn-small" href="#">Danger</a></td> <td><a class="btn btn-danger disabled" href="#">Danger</a></td> <td><a class="btn btn-danger" href="#"><i class="icon-remove icon-white"></i> Danger</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-danger" href="#">Danger</a> <a class="btn btn-danger dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -428,7 +428,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-inverse" href="#">Inverse</a></td> @@ -436,7 +436,7 @@ <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> + <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> @@ -448,7 +448,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> </tbody> </table> @@ -611,7 +611,7 @@ <div class="page-header"> <h1>Tables</h1> </div> - + <table class="table table-bordered table-striped table-hover"> <thead> <tr> @@ -686,15 +686,15 @@ </ul> </div> </div> - + <div class="span4"> <h3 id="pager">Pagers</h3> - + <ul class="pager"> <li><a href="#">Previous</a></li> <li><a href="#">Next</a></li> </ul> - + <ul class="pager"> <li class="previous disabled"><a href="#">← Older</a></li> <li class="next"><a href="#">Newer →</a></li> @@ -728,7 +728,7 @@ </div> </div> </div> <!-- /tabbable --> - + </div> <div class="span4"> <h3 id="pills">Pills</h3> @@ -748,11 +748,11 @@ <li class="disabled"><a href="#">Disabled link</a></li> </ul> </div> - + <div class="span4"> - + <h3 id="list">Lists</h3> - + <div class="well" style="padding: 8px 0;"> <ul class="nav nav-list"> <li class="nav-header">List header</li> @@ -874,7 +874,7 @@ <a href="https://twitter.com/thomashpark">Twitter</a> <a href="https://github.com/thomaspark/bootswatch/">GitHub</a> <a rel="tooltip" href="javascript:(function(e,a,g,h,f,c,b,d)%7Bif(!(f%3De.jQuery)%7C%7Cg%3Ef.fn.jquery%7C%7Ch(f))%7Bc%3Da.createElement(%22script%22)%3Bc.type%3D%22text/javascript%22%3Bc.src%3D%22http://ajax.googleapis.com/ajax/libs/jquery/%22%2Bg%2B%22/jquery.min.js%22%3Bc.onload%3Dc.onreadystatechange%3Dfunction()%7Bif(!b%26%26(!(d%3Dthis.readyState)%7C%7Cd%3D%3D%22loaded%22%7C%7Cd%3D%3D%22complete%22))%7Bh((f%3De.jQuery).noConflict(1),b%3D1)%3Bf(c).remove()%7D%7D%3Ba.documentElement.childNodes%5B0%5D.appendChild(c)%7D%7D)(window,document,%221.3.2%22,function(%24,L)%7Bif(%24(%22.bootswatcher%22)%5B0%5D)%7B%24(%22.bootswatcher%22).remove()%7Delse%7Bvar%20%24e%3D%24(%27%3Cselect%20class%3D%22bootswatcher%22%3E%3Coption%3EAmelia%3C/option%3E%3Coption%3ECerulean%3C/option%3E%3Coption%3ECosmo%3C/option%3E%3Coption%3ECyborg%3C/option%3E%3Coption%3EJournal%3C/option%3E%3Coption%3EReadable%3C/option%3E%3Coption%3ESimplex%3C/option%3E%3Coption%3ESlate%3C/option%3E%3Coption%3ESpacelab%3C/option%3E%3Coption%3ESpruce%3C/option%3E%3Coption%3ESuperhero%3C/option%3E%3Coption%3EUnited%3C/option%3E%3C/select%3E%27)%3Bvar%20l%3D1%2BMath.floor(Math.random()*%24e.children().length)%3B%24e.css(%7B%22z-index%22:%2299999%22,position:%22fixed%22,top:%225px%22,right:%225px%22,opacity:%220.5%22%7D).hover(function()%7B%24(this).css(%22opacity%22,%221%22)%7D,function()%7B%24(this).css(%22opacity%22,%220.5%22)%7D).change(function()%7Bif(!%24(%22link.bootswatcher%22)%5B0%5D)%7B%24(%22head%22).append(%27%3Clink%20rel%3D%22stylesheet%22%20class%3D%22bootswatcher%22%3E%27)%7D%24(%22link.bootswatcher%22).attr(%22href%22,%22http://bootswatch.com/%22%2B%24(this).find(%22:selected%22).text().toLowerCase()%2B%22/bootstrap.min.css%22)%7D).find(%22option:nth-child(%22%2Bl%2B%22)%22).attr(%22selected%22,%22selected%22).end().trigger(%22change%22)%3B%24(%22body%22).append(%24e)%7D%3B%7D)%3B" title="Drag to your bookmarks bar">Bookmarklet</a> - <a href="https://github.com/thomaspark/bootswatch/tree/gh-pages/swatchmaker">Swatchmaker</a> + <a href="https://github.com/thomaspark/bootswatch/tree/gh-pages/2/swatchmaker">Swatchmaker</a> <a href="http://news.bootswatch.com/post/22193315172/bootswatch-api">API</a> <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=F22JEM3Q78JC2">Donate</a> </div> diff --git a/2/superhero/index.html b/2/superhero/index.html index 40522c6a..9d305f14 100755 --- a/2/superhero/index.html +++ b/2/superhero/index.html @@ -167,7 +167,7 @@ </div> </div> - + <div class="row"> <div class="span6"> <blockquote> @@ -305,8 +305,8 @@ <th>Large Button</th> <th>Small Button</th> <th>Disabled Button</th> - <th>Button with Icon</th> - <th>Split Button</th> + <th>Button with Icon</th> + <th>Split Button</th> </tr> </thead> <tbody> @@ -316,7 +316,7 @@ <td><a class="btn btn-small" href="#">Default</a></td> <td><a class="btn disabled" href="#">Default</a></td> <td><a class="btn" href="#"><i class="icon-cog"></i> Default</a></td> - <td> + <td> <div class="btn-group"> <a class="btn" href="#">Default</a> <a class="btn dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -328,7 +328,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-primary" href="#">Primary</a></td> @@ -336,7 +336,7 @@ <td><a class="btn btn-primary btn-small" href="#">Primary</a></td> <td><a class="btn btn-primary disabled" href="#">Primary</a></td> <td><a class="btn btn-primary" href="#"><i class="icon-shopping-cart icon-white"></i> Primary</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-primary" href="#">Primary</a> <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -348,7 +348,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-info" href="#">Info</a></td> @@ -356,7 +356,7 @@ <td><a class="btn btn-info btn-small" href="#">Info</a></td> <td><a class="btn btn-info disabled" href="#">Info</a></td> <td><a class="btn btn-info" href="#"><i class="icon-exclamation-sign icon-white"></i> Info</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-info" href="#">Info</a> <a class="btn btn-info dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -368,7 +368,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-success" href="#">Success</a></td> @@ -376,7 +376,7 @@ <td><a class="btn btn-success btn-small" href="#">Success</a></td> <td><a class="btn btn-success disabled" href="#">Success</a></td> <td><a class="btn btn-success" href="#"><i class="icon-ok icon-white"></i> Success</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-success" href="#">Success</a> <a class="btn btn-success dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -388,7 +388,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-warning" href="#">Warning</a></td> @@ -396,7 +396,7 @@ <td><a class="btn btn-warning btn-small" href="#">Warning</a></td> <td><a class="btn btn-warning disabled" href="#">Warning</a></td> <td><a class="btn btn-warning" href="#"><i class="icon-warning-sign icon-white"></i> Warning</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-warning" href="#">Warning</a> <a class="btn btn-warning dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -408,7 +408,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-danger" href="#">Danger</a></td> @@ -416,7 +416,7 @@ <td><a class="btn btn-danger btn-small" href="#">Danger</a></td> <td><a class="btn btn-danger disabled" href="#">Danger</a></td> <td><a class="btn btn-danger" href="#"><i class="icon-remove icon-white"></i> Danger</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-danger" href="#">Danger</a> <a class="btn btn-danger dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -428,7 +428,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-inverse" href="#">Inverse</a></td> @@ -436,7 +436,7 @@ <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> + <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> @@ -448,7 +448,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> </tbody> </table> @@ -611,7 +611,7 @@ <div class="page-header"> <h1>Tables</h1> </div> - + <table class="table table-bordered table-striped table-hover"> <thead> <tr> @@ -686,15 +686,15 @@ </ul> </div> </div> - + <div class="span4"> <h3 id="pager">Pagers</h3> - + <ul class="pager"> <li><a href="#">Previous</a></li> <li><a href="#">Next</a></li> </ul> - + <ul class="pager"> <li class="previous disabled"><a href="#">← Older</a></li> <li class="next"><a href="#">Newer →</a></li> @@ -728,7 +728,7 @@ </div> </div> </div> <!-- /tabbable --> - + </div> <div class="span4"> <h3 id="pills">Pills</h3> @@ -748,11 +748,11 @@ <li class="disabled"><a href="#">Disabled link</a></li> </ul> </div> - + <div class="span4"> - + <h3 id="list">Lists</h3> - + <div class="well" style="padding: 8px 0;"> <ul class="nav nav-list"> <li class="nav-header">List header</li> @@ -874,7 +874,7 @@ <a href="https://twitter.com/thomashpark">Twitter</a> <a href="https://github.com/thomaspark/bootswatch/">GitHub</a> <a rel="tooltip" href="javascript:(function(e,a,g,h,f,c,b,d)%7Bif(!(f%3De.jQuery)%7C%7Cg%3Ef.fn.jquery%7C%7Ch(f))%7Bc%3Da.createElement(%22script%22)%3Bc.type%3D%22text/javascript%22%3Bc.src%3D%22http://ajax.googleapis.com/ajax/libs/jquery/%22%2Bg%2B%22/jquery.min.js%22%3Bc.onload%3Dc.onreadystatechange%3Dfunction()%7Bif(!b%26%26(!(d%3Dthis.readyState)%7C%7Cd%3D%3D%22loaded%22%7C%7Cd%3D%3D%22complete%22))%7Bh((f%3De.jQuery).noConflict(1),b%3D1)%3Bf(c).remove()%7D%7D%3Ba.documentElement.childNodes%5B0%5D.appendChild(c)%7D%7D)(window,document,%221.3.2%22,function(%24,L)%7Bif(%24(%22.bootswatcher%22)%5B0%5D)%7B%24(%22.bootswatcher%22).remove()%7Delse%7Bvar%20%24e%3D%24(%27%3Cselect%20class%3D%22bootswatcher%22%3E%3Coption%3EAmelia%3C/option%3E%3Coption%3ECerulean%3C/option%3E%3Coption%3ECosmo%3C/option%3E%3Coption%3ECyborg%3C/option%3E%3Coption%3EJournal%3C/option%3E%3Coption%3EReadable%3C/option%3E%3Coption%3ESimplex%3C/option%3E%3Coption%3ESlate%3C/option%3E%3Coption%3ESpacelab%3C/option%3E%3Coption%3ESpruce%3C/option%3E%3Coption%3ESuperhero%3C/option%3E%3Coption%3EUnited%3C/option%3E%3C/select%3E%27)%3Bvar%20l%3D1%2BMath.floor(Math.random()*%24e.children().length)%3B%24e.css(%7B%22z-index%22:%2299999%22,position:%22fixed%22,top:%225px%22,right:%225px%22,opacity:%220.5%22%7D).hover(function()%7B%24(this).css(%22opacity%22,%221%22)%7D,function()%7B%24(this).css(%22opacity%22,%220.5%22)%7D).change(function()%7Bif(!%24(%22link.bootswatcher%22)%5B0%5D)%7B%24(%22head%22).append(%27%3Clink%20rel%3D%22stylesheet%22%20class%3D%22bootswatcher%22%3E%27)%7D%24(%22link.bootswatcher%22).attr(%22href%22,%22http://bootswatch.com/%22%2B%24(this).find(%22:selected%22).text().toLowerCase()%2B%22/bootstrap.min.css%22)%7D).find(%22option:nth-child(%22%2Bl%2B%22)%22).attr(%22selected%22,%22selected%22).end().trigger(%22change%22)%3B%24(%22body%22).append(%24e)%7D%3B%7D)%3B" title="Drag to your bookmarks bar">Bookmarklet</a> - <a href="https://github.com/thomaspark/bootswatch/tree/gh-pages/swatchmaker">Swatchmaker</a> + <a href="https://github.com/thomaspark/bootswatch/tree/gh-pages/2/swatchmaker">Swatchmaker</a> <a href="http://news.bootswatch.com/post/22193315172/bootswatch-api">API</a> <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=F22JEM3Q78JC2">Donate</a> </div> diff --git a/2/swatchmaker/test/test-full.html b/2/swatchmaker/test/test-full.html index 1fb497d6..54cbe70c 100755 --- a/2/swatchmaker/test/test-full.html +++ b/2/swatchmaker/test/test-full.html @@ -2266,17 +2266,17 @@ </div> </section> - - + + <!-- Media Objects ================================================== --> <section id="media"> <div class="page-header"> <h1>Media objects</h1> </div> - + <h2>Default example</h2> - + <div class="media"> <a class="pull-left" href="#"> <img class="media-object" src="http://placehold.it/64x64"> @@ -2286,7 +2286,7 @@ Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus. </div> </div> - + <div class="media"> <a class="pull-left" href="#"> <img class="media-object" src="http://placehold.it/64x64"> @@ -2305,9 +2305,9 @@ </div> </div> </div> - + <h2>Media list</h2> - + <ul class="media-list"> <li class="media"> <a class="pull-left" href="#"> @@ -2358,7 +2358,7 @@ </div> </li> </ul> - + </section> @@ -2442,8 +2442,8 @@ <input type="checkbox"> Check me out </label> <button type="submit" class="btn">Submit</button> - </form> - + </form> + <p>One fine body in paragraph tags…</p> And without p tags </div> @@ -2478,8 +2478,8 @@ $(document).ready(function () { $('.modal').modal('hide'); - $("[rel=popover]").popover().click(function(e){ - e.preventDefault(); + $("[rel=popover]").popover().click(function(e){ + e.preventDefault(); }); }); diff --git a/2/swatchmaker/test/test.html b/2/swatchmaker/test/test.html index 13c58357..86d0c5a3 100755 --- a/2/swatchmaker/test/test.html +++ b/2/swatchmaker/test/test.html @@ -150,7 +150,7 @@ </div> </div> - + <div class="row"> <div class="span6"> <blockquote> @@ -288,8 +288,8 @@ <th>Large Button</th> <th>Small Button</th> <th>Disabled Button</th> - <th>Button with Icon</th> - <th>Split Button</th> + <th>Button with Icon</th> + <th>Split Button</th> </tr> </thead> <tbody> @@ -299,19 +299,19 @@ <td><a class="btn btn-small" href="#">Default</a></td> <td><a class="btn disabled" href="#">Default</a></td> <td><a class="btn" href="#"><i class="icon-cog"></i> Default</a></td> - <td> - <div class="btn-group"> - <a class="btn" href="#">Default</a> - <a class="btn 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> + <td> + <div class="btn-group"> + <a class="btn" href="#">Default</a> + <a class="btn 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> <tr> <td><a class="btn btn-primary" href="#">Primary</a></td> @@ -319,19 +319,19 @@ <td><a class="btn btn-primary btn-small" href="#">Primary</a></td> <td><a class="btn btn-primary disabled" href="#">Primary</a></td> <td><a class="btn btn-primary" href="#"><i class="icon-shopping-cart icon-white"></i> Primary</a></td> - <td> - <div class="btn-group"> - <a class="btn btn-primary" href="#">Primary</a> - <a class="btn btn-primary 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> + <td> + <div class="btn-group"> + <a class="btn btn-primary" href="#">Primary</a> + <a class="btn btn-primary 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> <tr> <td><a class="btn btn-info" href="#">Info</a></td> @@ -339,19 +339,19 @@ <td><a class="btn btn-info btn-small" href="#">Info</a></td> <td><a class="btn btn-info disabled" href="#">Info</a></td> <td><a class="btn btn-info" href="#"><i class="icon-exclamation-sign icon-white"></i> Info</a></td> - <td> - <div class="btn-group"> - <a class="btn btn-info" href="#">Info</a> - <a class="btn btn-info 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> + <td> + <div class="btn-group"> + <a class="btn btn-info" href="#">Info</a> + <a class="btn btn-info 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> <tr> <td><a class="btn btn-success" href="#">Success</a></td> @@ -359,19 +359,19 @@ <td><a class="btn btn-success btn-small" href="#">Success</a></td> <td><a class="btn btn-success disabled" href="#">Success</a></td> <td><a class="btn btn-success" href="#"><i class="icon-ok icon-white"></i> Success</a></td> - <td> - <div class="btn-group"> - <a class="btn btn-success" href="#">Success</a> - <a class="btn btn-success 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> + <td> + <div class="btn-group"> + <a class="btn btn-success" href="#">Success</a> + <a class="btn btn-success 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> <tr> <td><a class="btn btn-warning" href="#">Warning</a></td> @@ -379,19 +379,19 @@ <td><a class="btn btn-warning btn-small" href="#">Warning</a></td> <td><a class="btn btn-warning disabled" href="#">Warning</a></td> <td><a class="btn btn-warning" href="#"><i class="icon-warning-sign icon-white"></i> Warning</a></td> - <td> - <div class="btn-group"> - <a class="btn btn-warning" href="#">Warning</a> - <a class="btn btn-warning 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> + <td> + <div class="btn-group"> + <a class="btn btn-warning" href="#">Warning</a> + <a class="btn btn-warning 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> <tr> <td><a class="btn btn-danger" href="#">Danger</a></td> @@ -399,19 +399,19 @@ <td><a class="btn btn-danger btn-small" href="#">Danger</a></td> <td><a class="btn btn-danger disabled" href="#">Danger</a></td> <td><a class="btn btn-danger" href="#"><i class="icon-remove icon-white"></i> Danger</a></td> - <td> - <div class="btn-group"> - <a class="btn btn-danger" href="#">Danger</a> - <a class="btn btn-danger 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> + <td> + <div class="btn-group"> + <a class="btn btn-danger" href="#">Danger</a> + <a class="btn btn-danger 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> <tr> <td><a class="btn btn-inverse" href="#">Inverse</a></td> @@ -419,19 +419,19 @@ <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> + <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> @@ -449,10 +449,10 @@ <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-medium search-query"> + <button type="submit" class="btn">Search</button> + </form> <form class="well form-search"> <input type="text" class="input-small" placeholder="Email"> @@ -594,7 +594,7 @@ <div class="page-header"> <h1>Tables</h1> </div> - + <table class="table table-bordered table-striped table-hover"> <thead> <tr> @@ -669,15 +669,15 @@ </ul> </div> </div> - + <div class="span4"> <h3 id="pager">Pagers</h3> - + <ul class="pager"> <li><a href="#">Previous</a></li> <li><a href="#">Next</a></li> </ul> - + <ul class="pager"> <li class="previous disabled"><a href="#">← Older</a></li> <li class="next"><a href="#">Newer →</a></li> @@ -711,7 +711,7 @@ </div> </div> </div> <!-- /tabbable --> - + </div> <div class="span4"> <h3 id="pills">Pills</h3> @@ -731,11 +731,11 @@ <li class="disabled"><a href="#">Disabled link</a></li> </ul> </div> - + <div class="span4"> - + <h3 id="list">Lists</h3> - + <div class="well" style="padding: 8px 0;"> <ul class="nav nav-list"> <li class="nav-header">List header</li> @@ -776,7 +776,7 @@ <span class="badge badge-inverse">Inverse</span> </div> </div> - <br /> + <br /> <!-- Progress bars ================================================== --> @@ -801,7 +801,7 @@ </div> </div> </div> - <br /> + <br /> <!-- Alerts & Messages @@ -811,13 +811,13 @@ <h3 id="alerts">Alerts</h3> <div class="row"> - <div class="span12"> - <div class="alert alert-warning alert-block"> - <a class="close">×</a> - <h4 class="alert-heading">Alert block</h4> - <p>Best check yo self, you're not looking too good. Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.</p> - </div> - </div> + <div class="span12"> + <div class="alert alert-warning alert-block"> + <a class="close">×</a> + <h4 class="alert-heading">Alert block</h4> + <p>Best check yo self, you're not looking too good. Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.</p> + </div> + </div> </div> <div class="row"> <div class="span4"> diff --git a/2/united/index.html b/2/united/index.html index a10e9972..e463521b 100755 --- a/2/united/index.html +++ b/2/united/index.html @@ -167,7 +167,7 @@ </div> </div> - + <div class="row"> <div class="span6"> <blockquote> @@ -305,8 +305,8 @@ <th>Large Button</th> <th>Small Button</th> <th>Disabled Button</th> - <th>Button with Icon</th> - <th>Split Button</th> + <th>Button with Icon</th> + <th>Split Button</th> </tr> </thead> <tbody> @@ -316,7 +316,7 @@ <td><a class="btn btn-small" href="#">Default</a></td> <td><a class="btn disabled" href="#">Default</a></td> <td><a class="btn" href="#"><i class="icon-cog"></i> Default</a></td> - <td> + <td> <div class="btn-group"> <a class="btn" href="#">Default</a> <a class="btn dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -328,7 +328,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-primary" href="#">Primary</a></td> @@ -336,7 +336,7 @@ <td><a class="btn btn-primary btn-small" href="#">Primary</a></td> <td><a class="btn btn-primary disabled" href="#">Primary</a></td> <td><a class="btn btn-primary" href="#"><i class="icon-shopping-cart icon-white"></i> Primary</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-primary" href="#">Primary</a> <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -348,7 +348,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-info" href="#">Info</a></td> @@ -356,7 +356,7 @@ <td><a class="btn btn-info btn-small" href="#">Info</a></td> <td><a class="btn btn-info disabled" href="#">Info</a></td> <td><a class="btn btn-info" href="#"><i class="icon-exclamation-sign icon-white"></i> Info</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-info" href="#">Info</a> <a class="btn btn-info dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -368,7 +368,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-success" href="#">Success</a></td> @@ -376,7 +376,7 @@ <td><a class="btn btn-success btn-small" href="#">Success</a></td> <td><a class="btn btn-success disabled" href="#">Success</a></td> <td><a class="btn btn-success" href="#"><i class="icon-ok icon-white"></i> Success</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-success" href="#">Success</a> <a class="btn btn-success dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -388,7 +388,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-warning" href="#">Warning</a></td> @@ -396,7 +396,7 @@ <td><a class="btn btn-warning btn-small" href="#">Warning</a></td> <td><a class="btn btn-warning disabled" href="#">Warning</a></td> <td><a class="btn btn-warning" href="#"><i class="icon-warning-sign icon-white"></i> Warning</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-warning" href="#">Warning</a> <a class="btn btn-warning dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -408,7 +408,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-danger" href="#">Danger</a></td> @@ -416,7 +416,7 @@ <td><a class="btn btn-danger btn-small" href="#">Danger</a></td> <td><a class="btn btn-danger disabled" href="#">Danger</a></td> <td><a class="btn btn-danger" href="#"><i class="icon-remove icon-white"></i> Danger</a></td> - <td> + <td> <div class="btn-group"> <a class="btn btn-danger" href="#">Danger</a> <a class="btn btn-danger dropdown-toggle" data-toggle="dropdown" href="#"><span class="caret"></span></a> @@ -428,7 +428,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> <tr> <td><a class="btn btn-inverse" href="#">Inverse</a></td> @@ -436,7 +436,7 @@ <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> + <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> @@ -448,7 +448,7 @@ <li><a href="#">Separated link</a></li> </ul> </div><!-- /btn-group --> - </td> + </td> </tr> </tbody> </table> @@ -611,7 +611,7 @@ <div class="page-header"> <h1>Tables</h1> </div> - + <table class="table table-bordered table-striped table-hover"> <thead> <tr> @@ -686,15 +686,15 @@ </ul> </div> </div> - + <div class="span4"> <h3 id="pager">Pagers</h3> - + <ul class="pager"> <li><a href="#">Previous</a></li> <li><a href="#">Next</a></li> </ul> - + <ul class="pager"> <li class="previous disabled"><a href="#">← Older</a></li> <li class="next"><a href="#">Newer →</a></li> @@ -728,7 +728,7 @@ </div> </div> </div> <!-- /tabbable --> - + </div> <div class="span4"> <h3 id="pills">Pills</h3> @@ -748,11 +748,11 @@ <li class="disabled"><a href="#">Disabled link</a></li> </ul> </div> - + <div class="span4"> - + <h3 id="list">Lists</h3> - + <div class="well" style="padding: 8px 0;"> <ul class="nav nav-list"> <li class="nav-header">List header</li> @@ -874,7 +874,7 @@ <a href="https://twitter.com/thomashpark">Twitter</a> <a href="https://github.com/thomaspark/bootswatch/">GitHub</a> <a rel="tooltip" href="javascript:(function(e,a,g,h,f,c,b,d)%7Bif(!(f%3De.jQuery)%7C%7Cg%3Ef.fn.jquery%7C%7Ch(f))%7Bc%3Da.createElement(%22script%22)%3Bc.type%3D%22text/javascript%22%3Bc.src%3D%22http://ajax.googleapis.com/ajax/libs/jquery/%22%2Bg%2B%22/jquery.min.js%22%3Bc.onload%3Dc.onreadystatechange%3Dfunction()%7Bif(!b%26%26(!(d%3Dthis.readyState)%7C%7Cd%3D%3D%22loaded%22%7C%7Cd%3D%3D%22complete%22))%7Bh((f%3De.jQuery).noConflict(1),b%3D1)%3Bf(c).remove()%7D%7D%3Ba.documentElement.childNodes%5B0%5D.appendChild(c)%7D%7D)(window,document,%221.3.2%22,function(%24,L)%7Bif(%24(%22.bootswatcher%22)%5B0%5D)%7B%24(%22.bootswatcher%22).remove()%7Delse%7Bvar%20%24e%3D%24(%27%3Cselect%20class%3D%22bootswatcher%22%3E%3Coption%3EAmelia%3C/option%3E%3Coption%3ECerulean%3C/option%3E%3Coption%3ECosmo%3C/option%3E%3Coption%3ECyborg%3C/option%3E%3Coption%3EJournal%3C/option%3E%3Coption%3EReadable%3C/option%3E%3Coption%3ESimplex%3C/option%3E%3Coption%3ESlate%3C/option%3E%3Coption%3ESpacelab%3C/option%3E%3Coption%3ESpruce%3C/option%3E%3Coption%3ESuperhero%3C/option%3E%3Coption%3EUnited%3C/option%3E%3C/select%3E%27)%3Bvar%20l%3D1%2BMath.floor(Math.random()*%24e.children().length)%3B%24e.css(%7B%22z-index%22:%2299999%22,position:%22fixed%22,top:%225px%22,right:%225px%22,opacity:%220.5%22%7D).hover(function()%7B%24(this).css(%22opacity%22,%221%22)%7D,function()%7B%24(this).css(%22opacity%22,%220.5%22)%7D).change(function()%7Bif(!%24(%22link.bootswatcher%22)%5B0%5D)%7B%24(%22head%22).append(%27%3Clink%20rel%3D%22stylesheet%22%20class%3D%22bootswatcher%22%3E%27)%7D%24(%22link.bootswatcher%22).attr(%22href%22,%22http://bootswatch.com/%22%2B%24(this).find(%22:selected%22).text().toLowerCase()%2B%22/bootstrap.min.css%22)%7D).find(%22option:nth-child(%22%2Bl%2B%22)%22).attr(%22selected%22,%22selected%22).end().trigger(%22change%22)%3B%24(%22body%22).append(%24e)%7D%3B%7D)%3B" title="Drag to your bookmarks bar">Bookmarklet</a> - <a href="https://github.com/thomaspark/bootswatch/tree/gh-pages/swatchmaker">Swatchmaker</a> + <a href="https://github.com/thomaspark/bootswatch/tree/gh-pages/2/swatchmaker">Swatchmaker</a> <a href="http://news.bootswatch.com/post/22193315172/bootswatch-api">API</a> <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=F22JEM3Q78JC2">Donate</a> </div> |