Migrate docs to Bootstrap 3.0

This commit is contained in:
spf13 committed 2013-10-24 16:49:01 -07:00
1 parent cd71eb7389
commit dde965a5cd
7 files changed
+274 -1394

No files matched your search

+6 -7
View File
@@ -7,12 +7,11 @@
{{ template "chrome/includes.html" . }}
</head>
<body>
<div class="navbar"></div>
<div class="container-fluid">
<div class="row-fluid">
<div class="span3">
<div class="well" style="background-color: #222; color: #ccc;">
<h1>Hugo</h1>
<div class="container">
<div class="row">
<div class="col-md-3 well">
<div>
<h1><a href="/">Hugo</a></h1>
<p>A Fast and Flexible Static Site Generator
built with love by <a href="http://spf13.com">spf13</a> and <a
href="http://github.com/spf13/hugo/graphs/contributors">friends</a>
@@ -20,4 +19,4 @@
</div>
{{ template "chrome/menu.html" . }}
</div>
<div class="span9">
<div class="col-md-9">
+2 -2
View File
@@ -1,2 +1,2 @@
<link rel="stylesheet" href="/static/css/bootstrap.min.css">
<link rel="stylesheet" href="/static/css/bootstrap-responsive.css">
<link href="/static/css/bootstrap.css" rel="stylesheet"/>
<link href="/static/css/styles.css" rel="stylesheet"/>
+9 -9
View File
@@ -1,16 +1,14 @@
<ul class="nav nav-list">
<li> <a href="/">Home</a></li>
<li class="divider"></li>
<li class="nav-header">Getting Started</li>
<ul class="nav nav-stacked">
<li class="text-muted"><h4>Getting Started</h4></li>
<li hugo-nav="/overview/quickstart"> <a href="/overview/quickstart">Quick Start</a></li>
<li hugo-nav="/overview/installing"> <a href="/overview/installing">Installing Hugo</a></li>
<li hugo-nav="/overview/usage"> <a href="/overview/usage">Usage</a> </li>
<li hugo-nav="/overview/configuration"> <a href="/overview/configuration">Configuration</a></li>
<li hugo-nav="/overview/source-directory"> <a href="/overview/source-directory">Source Directory Layout</a></li>
<li class="divider"></li>
<li class="nav-header">Layout</li>
<li class="text-muted"><h4>Layout</h4></li>
<li> <a href="/layout/templates">Overview</a></li>
<!--<li> <a href="/layout/go-templates">Go Templates</a></li>-->
<li hugo-nav="/layout/variables"> <a href="/layout/variables">Variables</a></li>
<li hugo-nav="/layout/homepage"> <a href="/layout/homepage">Homepage</a></li>
<li hugo-nav="/layout/rss"> <a href="/layout/rss">RSS</a></li>
@@ -19,21 +17,23 @@
<li hugo-nav="/layout/views"> <a href="/layout/views">Content Views</a></li>
<li hugo-nav="/layout/chrome"> <a href="/layout/chrome">Chrome</a></li>
<li class="divider"></li>
<li class="nav-header">Content</li>
<li class="text-muted"><h4>Content</h4></li>
<li hugo-nav="/content/organization"> <a href="/content/organization">Organization</a></li>
<li hugo-nav="/content/sections"> <a href="/content/sections">Sections</a></li>
<li hugo-nav="/content/types"> <a href="/content/types">Types</a></li>
<li hugo-nav="/content/front-matter"> <a href="/content/front-matter">Front Matter</a></li>
<li hugo-nav="/content/example"> <a href="/content/example">Example</a></li>
<li class="divider"></li>
<li class="nav-header">Extras</li>
<li class="text-muted"><h4>Extras</h4></li>
<li hugo-nav="/extras/shortcodes"> <a href="/extras/shortcodes">ShortCodes</a></li>
<li hugo-nav="/extras/aliases"> <a href="/extras/aliases">Aliases</a></li>
<li hugo-nav="/extras/indexes"> <a href="/extras/indexes">Indexes</a></li>
<li hugo-nav="/extras/indexes/category"> <a href="/extras/indexes/category">Example Index - Category</a></li>
<!--<li> <a href="/extras/indexes/series">Example Index - Series</a></li>-->
<li class="divider"></li>
<li class="nav-header">Meta</li>
<li class="text-muted"><h4>Meta</h4></li>
<li hugo-nav="/meta/release-notes"> <a href="/meta/release-notes">Release Notes</a></li>
<li hugo-nav="/meta/roadmap"> <a href="/meta/roadmap">Roadmap</a> </li>
<li hugo-nav="/meta/contributing"> <a href="/meta/contributing">Contributing</a></li>
+240
View File
@@ -0,0 +1,240 @@
/* Global Styles */
html,
body {
height: 100%;
width: 100%;
}
.vert-text {
display: table-cell;
vertical-align: middle;
text-align: center;
}
.vert-text h1 {
padding: 0;
margin: 0;
font-size: 4.5em;
font-weight: 700;
}
/* Full Page Image Header Area */
.header {
display: table;
height: 85%;
width: 100%;
position: relative;
background: url(../img/converse-fields.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
z-index: 99999;
background-color: black;
}
#main {
z-index: 99999;
position: relative;
background: rgb(255, 255, 255);
box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}
.header h4, .header h3, .header h2, .header h1 {
color: white;
text-shadow: black 1px 1px 3px;
}
.header h4 {
text-shadow: black 1px 3px 3px;
font-weight: 100;
}
.header h2 {
font-weight: 200;
}
.header h1 {
font-weight: 500;
}
.header .btn {
font-weight: 100;
}
/* Intro */
.counterpoint {
padding: 50px 0;
background-color: white;
}
.point {
background: #7fbbda;
padding: 50px 0;
color: #ffffff;
}
.point-item {
margin-bottom: 15px;
}
i.point-icon, i.lead-icon {
border-radius: 50%;
display: inline-block;
font-size: 56px;
width: 140px;
height: 140px;
line-height: 136px;
vertical-align: middle;
text-align: center;
-webkit-transition: box-shadow 0.2s;
-moz-transition: box-shadow 0.2s;
transition: box-shadow 0.2s;
}
i.lead-icon {
border: 3px solid #222;
}
i.point-icon {
border: 3px solid #ffffff;
}
i.lead-icon:hover {
color: #fff;
border: 3px solid #7FBBDB;
background: #7FBBDB;
}
i.point-icon:hover {
color: #7FBBDB;
border: 3px solid #fff;
background: #fff;
}
a:hover {
color: rgb(52, 73, 94);
}
i.service-icon:hover {
font-size: 68px;
}
.icon-2x {
font-size: 200%;
}
/* Callout */
.callout {
color: #ffffff;
display: table;
height: 400px;
width: 100%;
background: url(../img/section-two.JPG) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
/* Portfolio */
.portfolio {
padding: 50px 0;
}
.portfolio-item {
margin-bottom: 25px;
}
.img-portfolio {
margin: 0 auto;
}
/* Call to Action */
.call-to-action {
color: #ffffff;
background-color: rgba(255, 255, 255, 0.19);
padding: 50px 0;
}
#action {
background: url(../img/gray.png);
padding: 50px 0px 30px;
position: fixed;
bottom: 130px;
z-index: 99998;
width: 100%;
}
#footerSpacer {
display: block;
min-height: 310px;
background-color: rgba(0, 0, 0, 0);
}
#footer {
bottom: 0px;
left: 0px;
padding: 10px 0px;
position: fixed;
width: 100%;
font-size: 14px;
z-index: 99998;
background: rgb(255, 255, 255);
}
.call-to-action .btn {
margin: 10px;
}
/* Footer */
footer {
padding: 100px 0;
}
footer a {
color: black;
}
footer a:hover {
text-decoration: none;
}
div.point a {
color: #0a5175;
}
/* Bootstrap Addons */
.btn-clear {
color: #FFF;
background-color: rgba(255, 255, 255, 0.19);
border-color: #FFF;
}
.btn-clear:hover,
.btn-clear:focus,
.btn-clear:active,
.btn-clear.active,
.open .dropdown-toggle.btn-clear {
color: #333333;
background-color: #ebebeb;
border-color: #adadad;
}
.btn-clear:active,
.btn-clear.active,
.open .dropdown-toggle.btn-clear {
background-image: none;
}
File diff suppressed because it is too large. Load diff
-9
View File
@@ -1,9 +0,0 @@
@import url("http://fonts.googleapis.com/css?family=Lato:400,700,900,400italic");/*!
* Bootstrap v2.3.2
*
* Copyright 2012 Twitter, Inc
* Licensed under the Apache License v2.0
* http://www.apache.org/licenses/LICENSE-2.0
*
* Designed and built with all the love in the world @twitter by @mdo and @fat.
*/.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}.clearfix:after{clear:both}.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}a:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}a:hover,a:active{outline:0}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{width:auto\9;height:auto;max-width:100%;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic}#map_canvas img,.google-maps img{max-width:none}button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle}button,input{*overflow:visible;line-height:normal}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}button,html input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button}label,select,button,input[type="button"],input[type="reset"],input[type="submit"],input[type="radio"],input[type="checkbox"]{cursor:pointer}input[type="search"]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}textarea{overflow:auto;vertical-align:top}@media print{*{color:#000!important;text-shadow:none!important;background:transparent!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}@page{margin:.5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}body{margin:0;font-family:"Lato","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:15px;line-height:20px;color:#2c3e50;background-color:#fff}a{color:#1abc9c;text-decoration:none}a:hover,a:focus{color:#1dd2af;text-decoration:underline}.img-rounded{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}.img-polaroid{padding:4px;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.2);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.1);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.1);box-shadow:0 1px 3px rgba(0,0,0,0.1)}.img-circle{-webkit-border-radius:500px;-moz-border-radius:500px;border-radius:500px}.row{margin-left:-20px;*zoom:1}.row:before,.row:after{display:table;line-height:0;content:""}.row:after{clear:both}[class*="span"]{float:left;min-height:1px;margin-left:20px}.container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:940px}.span12{width:940px}.span11{width:860px}.span10{width:780px}.span9{width:700px}.span8{width:620px}.span7{width:540px}.span6{width:460px}.span5{width:380px}.span4{width:300px}.span3{width:220px}.span2{width:140px}.span1{width:60px}.offset12{margin-left:980px}.offset11{margin-left:900px}.offset10{margin-left:820px}.offset9{margin-left:740px}.offset8{margin-left:660px}.offset7{margin-left:580px}.offset6{margin-left:500px}.offset5{margin-left:420px}.offset4{margin-left:340px}.offset3{margin-left:260px}.offset2{margin-left:180px}.offset1{margin-left:100px}.row-fluid{width:100%;*zoom:1}.row-fluid:before,.row-fluid:after{display:table;line-height:0;content:""}.row-fluid:after{clear:both}.row-fluid [class*="span"]{display:block;float:left;width:100%;min-height:30px;margin-left:2.127659574468085%;*margin-left:2.074468085106383%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.row-fluid [class*="span"]:first-child{margin-left:0}.row-fluid .controls-row [class*="span"]+[class*="span"]{margin-left:2.127659574468085%}.row-fluid .span12{width:100%;*width:99.94680851063829%}.row-fluid .span11{width:91.48936170212765%;*width:91.43617021276594%}.row-fluid .span10{width:82.97872340425532%;*width:82.92553191489361%}.row-fluid .span9{width:74.46808510638297%;*width:74.41489361702126%}.row-fluid .span8{width:65.95744680851064%;*width:65.90425531914893%}.row-fluid .span7{width:57.44680851063829%;*width:57.39361702127659%}.row-fluid .span6{width:48.93617021276595%;*width:48.88297872340425%}.row-fluid .span5{width:40.42553191489362%;*width:40.37234042553192%}.row-fluid .span4{width:31.914893617021278%;*width:31.861702127659576%}.row-fluid .span3{width:23.404255319148934%;*width:23.351063829787233%}.row-fluid .span2{width:14.893617021276595%;*widtLine truncated
+17 -235
View File
@@ -1,240 +1,22 @@
/* Global Styles */
html,
body {
height: 100%;
width: 100%;
#ribbon {
background-color: #a00;
overflow: hidden;
position: absolute;
right: -3em;
top: 2.5em;
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-box-shadow: 0 0 1em #888;
-webkit-box-shadow: 0 0 1em #888;
}
.vert-text {
display: table-cell;
vertical-align: middle;
text-align: center;
}
.vert-text h1 {
padding: 0;
margin: 0;
font-size: 4.5em;
font-weight: 700;
}
/* Full Page Image Header Area */
.header {
display: table;
height: 85%;
width: 100%;
position: relative;
background: url(../img/converse-fields.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
z-index: 99999;
background-color: black;
}
#main {
z-index: 99999;
position: relative;
background: rgb(255, 255, 255);
box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}
.header h4, .header h3, .header h2, .header h1 {
color: white;
text-shadow: black 1px 1px 3px;
}
.header h4 {
text-shadow: black 1px 3px 3px;
font-weight: 100;
}
.header h2 {
font-weight: 200;
}
.header h1 {
font-weight: 500;
}
.header .btn {
font-weight: 100;
}
/* Intro */
.counterpoint {
padding: 50px 0;
background-color: white;
}
.point {
background: #7fbbda;
padding: 50px 0;
color: #ffffff;
}
.point-item {
margin-bottom: 15px;
}
i.point-icon, i.lead-icon {
border-radius: 50%;
display: inline-block;
font-size: 56px;
width: 140px;
height: 140px;
line-height: 136px;
vertical-align: middle;
text-align: center;
-webkit-transition: box-shadow 0.2s;
-moz-transition: box-shadow 0.2s;
transition: box-shadow 0.2s;
}
i.lead-icon {
border: 3px solid #222;
}
i.point-icon {
border: 3px solid #ffffff;
}
i.lead-icon:hover {
#ribbon a {
border: 1px solid #faa;
color: #fff;
border: 3px solid #7FBBDB;
background: #7FBBDB;
}
i.point-icon:hover {
color: #7FBBDB;
border: 3px solid #fff;
background: #fff;
}
a:hover {
color: rgb(52, 73, 94);
}
i.service-icon:hover {
font-size: 68px;
}
.icon-2x {
font-size: 200%;
}
/* Callout */
.callout {
color: #ffffff;
display: table;
height: 400px;
width: 100%;
background: url(../img/section-two.JPG) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
/* Portfolio */
.portfolio {
padding: 50px 0;
}
.portfolio-item {
margin-bottom: 25px;
}
.img-portfolio {
margin: 0 auto;
}
/* Call to Action */
.call-to-action {
color: #ffffff;
background-color: rgba(255, 255, 255, 0.19);
padding: 50px 0;
}
#action {
background: url(../img/gray.png);
padding: 50px 0px 30px;
position: fixed;
bottom: 130px;
z-index: 99998;
width: 100%;
}
#footerSpacer {
display: block;
min-height: 310px;
background-color: rgba(0, 0, 0, 0);
}
#footer {
bottom: 0px;
left: 0px;
padding: 10px 0px;
position: fixed;
width: 100%;
font-size: 14px;
z-index: 99998;
background: rgb(255, 255, 255);
}
.call-to-action .btn {
margin: 10px;
}
/* Footer */
footer {
padding: 100px 0;
}
footer a {
color: black;
}
footer a:hover {
font: bold 81.25% "Helvetiva Neue",Helvetica,Arial,sans-serif;
margin: 0.05em 0 0.075em 0;
padding: 0.5em 3.5em;
text-align: center;
text-decoration: none;
}
div.point a {
color: #0a5175;
}
/* Bootstrap Addons */
.btn-clear {
color: #FFF;
background-color: rgba(255, 255, 255, 0.19);
border-color: #FFF;
}
.btn-clear:hover,
.btn-clear:focus,
.btn-clear:active,
.btn-clear.active,
.open .dropdown-toggle.btn-clear {
color: #333333;
background-color: #ebebeb;
border-color: #adadad;
}
.btn-clear:active,
.btn-clear.active,
.open .dropdown-toggle.btn-clear {
background-image: none;
text-shadow: 0 0 0.5em #444;
}