website: hacks on hacks to center the download link

This commit is contained in:
Mitchell Hashimoto 2013-06-24 16:51:26 -07:00
parent a900b9de16
commit 84927c6b9d
2 changed files with 13 additions and 1 deletions

View File

@ -14,9 +14,10 @@
<section class="belt download"> <section class="belt download">
<div class="container"> <div class="container">
<div class="row"> <div class="row download-row">
<div class="download-container"> <div class="download-container">
<h2 class="uppercase"><a href="/downloads.html">Download v<%= latest_version %></a></h2> <h2 class="uppercase"><a href="/downloads.html">Download v<%= latest_version %></a></h2>
<div class="small">
<small class="uppercase mono"> <small class="uppercase mono">
<a href="#"> <a href="#">
Release Notes Release Notes
@ -24,6 +25,7 @@
<span>06/17/13</span> <span>06/17/13</span>
</a> </a>
</small> </small>
</div>
</div> </div>
</div> </div>
</div> </div>

View File

@ -31,11 +31,20 @@ header .header {
.download-container { .download-container {
background: url(/images/down_arrow.png) no-repeat top left; background: url(/images/down_arrow.png) no-repeat top left;
display: inline-block;
min-height: 73px; min-height: 73px;
margin: 0 auto; margin: 0 auto;
padding-left: 100px; padding-left: 100px;
} }
.download-row {
text-align: center;
.small {
text-align: left;
}
}
h2 { h2 {
font-family: $serif; font-family: $serif;
font-size: 38px; font-size: 38px;
@ -45,6 +54,7 @@ header .header {
padding-top: 7px; padding-top: 7px;
padding-bottom: 3px; padding-bottom: 3px;
line-height: 1.0; line-height: 1.0;
white-space: nowrap;
&:hover { &:hover {
color: $dark-background; color: $dark-background;