diff --git a/css/main.css b/css/main.css index 739d9e551..9b7d47b26 100644 --- a/css/main.css +++ b/css/main.css @@ -25,93 +25,84 @@ img { vertical-align: middle; } - - - /* -------------- General Styles -------------- */ body { + background-color: Whitesmoke; font-size: 0.9em; + font-family: 'Lato', Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif; line-height: 1.4; - font-family: 'Lato', sans-serif; - background-color: Whitesmoke; } .wrapper { + margin: 2em auto; + padding: 0 0 2em 0; + width: 80%; + background-color: #fff; -webkit-box-shadow: 0 0 8px 3px #eee; -moz-box-shadow: 0 0 8px 3px #eee; box-shadow: 0 0 8px 3px #eee; - width: 80%; - background-color: #fff; - margin: 2em auto; - padding-bottom: 2em; } .container { - widows: 100%; margin: 0 auto; + widows: 100%; } /* -------------- Typography -------------- */ -a { - color: #1E90FF; -} - -p { - padding-left: 8px; -} +a { color: #1E90FF; } +p { padding-left: 8px; } h2 { - font-family: 'Lato', sans-serif; - font-style: italic; - font-weight: lighter; - color: #444; padding: 0 1em; - font-size: 1.2em; + color: #444; text-align: center; + font-weight: 300; + font-style: italic; + font-size: 1.2em; } h2:before, h2:after { - content: ""; - width: 50%; - margin: 0.5em auto; display: block; - background-color: #eee; + margin: 0.5em auto; + width: 50%; height: 1px; + background-color: #eee; + content: ""; } h3 { - font-size: 1.3em; margin: 2.3em 0 0 0; padding: 8px; background-color: #eee; color: #222; + text-indent: 0.2em; letter-spacing: 0.2em; font-weight: normal; - text-indent: 0.2em; + font-size: 1.3em; } h4 { + margin: 1em 0; color: #444; text-indent: 8px; - text-rendering: optimizeLegibility; - font-size: 1.1em; - margin: 1em 0; letter-spacing: 0.1em; + font-size: 1.1em; + text-rendering: optimizeLegibility; } button { - background-color: #C4C4C4; - color: #fff; - border-radius: 4px; + display: block; + padding: 12px 0; + width: 100%; border: 1px solid #eee; - font-size: 1.1em; + border-radius: 4px; + background-color: #C4C4C4; box-shadow: 1px 1px 1px 0px #ddd, inset 0 0 -3px rgba(0, 0, 0, 0.02); + color: #fff; text-shadow: 0 0 1px rgba(0, 0, 0, 0.2); - padding: 12px 0; - width: 100%; - display: block; + font-size: 1.1em; -webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; -ms-transition: background-color 0.3s; @@ -120,8 +111,8 @@ button { } button:hover { - box-shadow: 0px 0px 1px 0px #ddd; background-color: #ccc; + box-shadow: 0px 0px 1px 0px #ddd; } button.gray { float: right; } @@ -131,24 +122,24 @@ button.blue:hover { background-color: #5dade2; } /* -------------- Modules -------------- */ header { - color: #fff; position: relative; - font-family: 'Lato', sans-serif; + overflow: hidden; + color: #fff; letter-spacing: 0.1em; - font-size: 1.6em; font-weight: normal; - overflow: hidden; + font-size: 1.6em; + font-family: 'Lato', Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif; } #title_image { + display: block; + margin: 0 auto; width: 100%; height: auto; - margin: 0 auto; - display: block; } @media (max-width: 1000px) { - #title_image { width: 120%; margin-left: -10%; } + #title_image { margin-left: -10%; width: 120%; } } main { @@ -156,27 +147,21 @@ main { } #logo, #pitch { - text-align: center; position: absolute; width: 100%; -} - -#logo { - top: 50px; + text-align: center; } #pitch { top: 100px; - font-size: 0.6em; - font-style: italic; color: #222; - text-shadow: 1px 1px 0 rgba(88, 88, 88, 0.5) -} - -#logo img { - height: 40px; + text-shadow: 1px 1px 0 rgba(88, 88, 88, 0.5); + font-style: italic; + font-size: 0.6em; } +#logo { top: 50px; } +#logo img { height: 40px; } .information img { width: 100%; @@ -203,22 +188,22 @@ main { } .download small { - margin: 0.5em 0 0; display: inline-block; + margin: 0.5em 0 0; } footer small { - text-align: center; - width: 100%; display: inline-block; + width: 100%; + text-align: center; } code { - background-color: #eee; padding: 1px 3px; - font-family: Consolas, monaco, monospace; border-radius: 2px; + background-color: #eee; font-size: 0.9em; + font-family: Consolas, monaco, monospace; } .flushright { @@ -228,13 +213,13 @@ code { /* -------------- Lists -------------- */ ul { - list-style: none; padding-left: 8px; + list-style: none; } ul ol { - padding: 0 0 0 30px; margin: 0.5em 0; + padding: 0 0 0 30px; list-style: none; } @@ -252,8 +237,8 @@ ul ol { .clearfix:before, .clearfix:after { - content: " "; display: table; + content: " "; } .clearfix:after { diff --git a/index.html b/index.html index a51c69e89..50a9fdddb 100644 --- a/index.html +++ b/index.html @@ -12,19 +12,6 @@ -
@@ -73,15 +60,15 @@