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

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

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