minor layout stuff

This commit is contained in:
Koen 2014-11-19 08:47:06 +01:00
parent b6ccf53db4
commit bdc7bcd986
1 changed files with 11 additions and 13 deletions

View File

@ -80,45 +80,42 @@
font-family: 'Patua One', serif; font-family: 'Patua One', serif;
font-weight: normal; font-weight: normal;
color: #f5f5f5; color: #f5f5f5;
font-size: 60px; font-size: 64px;
line-height: 60px; line-height: 64px;
margin: 0 0 60px 0; margin: 0 0 64px 0;
text-align: center; text-align: center;
padding-top: 60px; padding-top: 64px;
color: #f5f5f5; color: #f5f5f5;
} }
.description { .description {
color:#eee; text-align: center; color:#eee; text-align: center;
margin: 0 0 30px 0; margin: 0 0 30px 0;
font-size: 19px; font-size: 20px;
font-weight: bold; font-weight: bold;
} }
article { article {
max-width: 90%; max-width: 90%;
width: 800px; width: 800px;
margin: 0 auto; margin: 0 auto;
margin-bottom: 60px; margin-bottom: 64px;
background: white; background: white;
border: 0; border: 0;
border-radius: 3px; border-radius: 3px;
box-shadow: 0 0 4px rgba(0,0,0,.4); box-shadow: 0 0 4px rgba(0,0,0,.4);
color: #505050; color: #505050;
} }
article form {
margin-bottom: 30px;
}
article p { article p {
text-align: center; text-align: center;
padding: 0 30px 15px 30px; padding: 32px;
} }
select { select {
margin-right: 30px; margin-right: 32px;
} }
footer { footer {
max-width: 90%; max-width: 90%;
width: 800px; width: 800px;
text-align: center; text-align: center;
margin: 60px auto; margin: 64px auto;
} }
a, a,
a:link, a:link,
@ -263,10 +260,11 @@ function findSequence(goal) {
</select></span> </select></span>
</p> </p>
<p><a href="https://github.com/braver/fonts/blob/master/FONTS.md" rel="external">Dowload your favourite font here</a></p>
</article> </article>
<p class="description"><a href="https://github.com/braver/fonts/blob/master/FONTS.md" rel="external">Dowload your favourite fonts</a></p>
<footer> <footer>
<p> <p>
Built with <a href="http://codemirror.net/" rel="external">CodeMirror</a>, <a href="https://github.com/typekit/webfontloader" rel="external">Google/Typekit Web Font Loader</a>, <a href="http://cdnjs.com/" rel="external">CDNJS</a>, Photography from <a href="http://unsplash.com">Unsplash</a> Built with <a href="http://codemirror.net/" rel="external">CodeMirror</a>, <a href="https://github.com/typekit/webfontloader" rel="external">Google/Typekit Web Font Loader</a>, <a href="http://cdnjs.com/" rel="external">CDNJS</a>, Photography from <a href="http://unsplash.com">Unsplash</a>