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

website: more centered download link

This commit is contained in:
Mitchell Hashimoto 2013-06-21 00:55:13 -07:00
parent 793da8eea2
commit 25a586b452
2 changed files with 28 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -14,18 +14,15 @@
<section class="belt download">
<div class="container">
<div class="row">
<div class="span6 offset3">
<img class="pull-left download-arrow" src="/images/down_arrow.png" alt="down_arrow" />
<h2><a href="#">Download v0.1</a></h2>
<small class="uppercase mono">
<a href="#">
Release Notes
<!-- {{releasedate}} -->
<span>06/17/13</span>
</a>
</small>
</div>
<div class="download-container">
<h2 class="uppercase"><a href="#">Download v0.1</a></h2>
<small class="uppercase mono">
<a href="#">
Release Notes
<!-- {{releasedate}} -->
<span>06/17/13</span>
</a>
</small>
</div>
</div>
</section>
@ -50,9 +47,9 @@
</div>
<div class="row">
<p class="span6 offset3">
Out of the box, Packer comes with support to build images
for the following platforms. Support for additional platforms is
coming and can also be added through plugins.
Out of the box, Packer comes with support to build images
for the following platforms. Support for additional platforms is
coming and can also be added through plugins.
</p>
</div>
<div class="row">

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

@ -14,21 +14,26 @@
@extend .padded-sm;
}
.download-arrow {
margin: 5px 30px 0 0;
@include respond-to(mobile) {
margin-left: $baseline;
margin-top: -10px;
margin-right: $baseline;
}
.download-container {
background: url(/images/down_arrow.png) no-repeat top left;
min-height: 73px;
width: 320px;
margin: 0 auto;
padding-left: 100px;
}
h2 {
margin: 15px auto 0;
font-family: $serif;
font-size: 38px;
color: #7bc6b1;
margin: 0px;
padding: 0px;
padding-top: 7px;
padding-bottom: 3px;
line-height: 1.0;
@include respond-to(mobile) {
font-size: 25px;
line-height: (30/25);
&:hover {
color: $dark-background;
}
}