iSharkFly-Docs
/
packer-cn
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

website: better homepage cSS

This commit is contained in:
Mitchell Hashimoto 2013-06-24 10:27:27 -07:00
parent c6fe5f18b4
commit 25e213a7c6
2 changed files with 8 additions and 85 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
website/source/index.html.erb
View File

@ -27,7 +27,7 @@
</div>
</section>
<section class="about padded-lg">
<section class="marketting padded-lg">
<div class="container">
<div class="row">
<div class="span6">
@ -35,7 +35,7 @@
</div>
<div class="span6">
<h2 class="text-green">Modern, Automated</h2>
<h2 class="text-green text-center">Modern, Automated</h2>
<p>
Packer is easy to use and automates the creation of any type
of machine image. It embraces modern configuration management by
@ -50,7 +50,7 @@
</div>
</section>
<section class="vendors padded-lg">
<section class="marketting padded-lg">
<div class="container">
<div class="row">
<div class="span6">

87
website/source/stylesheets/_components.scss
View File

@ -43,91 +43,14 @@
}
// break this out into sections
.about {
hgroup {
display: table;
margin-bottom: $baseline * 2;
@include respond-to(mobile) {
display: block;
}
}
h2.has-dividers {
@include respond-to(mobile) {
display: block;
}
}
.dividers {
}
}
.vendors {
.company-logos {
text-indent: -999999px;
margin-left: 50px;
@include respond-to(mobile) {
margin-left: 0;
}
li {
height: 100px;
@include respond-to(mobile) {
margin-bottom: $baseline * 2;
}
}
.aws {
background: url(/images/works_with_aws.png) no-repeat center center;
}
.virtualbox {
background: url(/images/works_with_virtual.png) no-repeat center center;
}
.vmware {
background: url(/images/works_with_vmware.png) no-repeat center center;
}
}
}
.users {
.company-logos {
text-indent: -999999px;
margin-left: 40px;
@include respond-to(mobile) {
margin-left: 0;
}
li {
height: 100px;
}
.expedia {
background: url(../../img/user_expedia.png) no-repeat center center;
}
.bbc {
background: url(../../img/user_bbc.png) no-repeat center center;
}
.disqus {
background: url(../../img/user_disqus.png) no-repeat center center;
}
.edgecast {
background: url(../../img/user_edgecast.png) no-repeat center center;
}
.marketting {
p {
padding-left: 10px;
padding-right: 10px;
text-align: justify;
}
}
.docs-wrapper {
clear: right;