mirror of
https://github.com/gohugoio/hugo.git
synced 2025-08-20 21:31:32 +02:00
Migrate docs to Bootstrap 3.0
This commit is contained in:
spf13
240
docs/static/static/css/HPstyles.css
vendored
Normal file
240
docs/static/static/css/HPstyles.css
vendored
Normal 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;
|
||||
}
|
||||
1132
docs/static/static/css/bootstrap-responsive.css
vendored
1132
docs/static/static/css/bootstrap-responsive.css
vendored
File diff suppressed because it is too large
Load Diff
9
docs/static/static/css/bootstrap.min.css
vendored
9
docs/static/static/css/bootstrap.min.css
vendored
File diff suppressed because one or more lines are too long
252
docs/static/static/css/styles.css
vendored
252
docs/static/static/css/styles.css
vendored
@@ -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;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user