From 8ee645056be7805dfba974815d272c555d51a489 Mon Sep 17 00:00:00 2001 From: Mike Gerwitz Date: Wed, 23 Mar 2011 22:34:44 -0400 Subject: [PATCH] Initial page redesign --- index.html | 47 ++++++++++++++------------ style.css | 98 ++++++++++++++++++++++++++++++++++++------------------ 2 files changed, 91 insertions(+), 54 deletions(-) diff --git a/index.html b/index.html index 553be05..fd65f46 100644 --- a/index.html +++ b/index.html @@ -6,32 +6,35 @@ -
+ - -
+ -

- ease.js is a collection of CommonJS modules intended to “ease” - the transition into JavaScript from other Object-Oriented languages. It - provides an intuitive means of achieving classical inheritance and has - planned support for traits/mixins, function overloading and more. -

+
+
-

- This project is under heavy development. However, the - master branch is always guaranteed to be in a working, stable - state. It is currently in use within a production system at the author's - place of employment. Feel free to use ease.js in your own projects. -

-
- +

+ ease.js is a collection of CommonJS modules intended to “ease” + the transition into JavaScript from other Object-Oriented languages. It + provides an intuitive means of achieving classical inheritance and has + planned support for traits/mixins, function overloading and more. +

+ +

+ This project is under heavy development. However, the + master branch is always guaranteed to be in a working, stable + state. It is currently in use within a production system at the author's + place of employment. Feel free to use ease.js in your own projects. +

+

Copyright © 2011 Mike Gerwitz diff --git a/style.css b/style.css index 8f356f1..71405d3 100644 --- a/style.css +++ b/style.css @@ -4,63 +4,97 @@ * Inspired by Tango Icon Theme */ -html { - background-color: #eeeeec; -} - -body { +html, body { background-color: white; - border-color: #babdb6; - border-width: 1px; - border-style: solid; - border-radius: 1em; - margin: 5em auto; - padding: 0.5em 1em 0.5em 1em; - - width: 800px; + margin: 0px 0px 1.5em 0px; + padding: 0; font-family: arial, serif; + font-size: 16px; +} + +#header { + position: relative; + + background-color: #2e3436; + border-bottom: 2px solid #295301; + + height: 150px; + color: #babdb6; +} + +#header h1 { + display: inline-block; + margin: 0.5em 0px 0px 0.5em; + + font-size: 4em; } #content { position: relative; + + background-color: white; + + margin: 0px auto; + padding: 0.5em 1em 1em 1em; + + width: 800px; } -h1 { - position: absolute; - top: -2.5em; +#menu { + border-bottom: 2px solid #b1dd87; + background-color: #4e9a06; } -h2 { - position: absolute; - top: -2.5em; - right: 0px; +#menu ul { + padding: 0px; + height: 2.5em; + + margin: 0px auto; + width: 800px; } -ul { - margin: 0; - padding: 0.25em; - height: 2em; - - border-bottom: 1px solid #babdb6; -} - -ul li { +#menu ul li { list-style: none; - padding: 0px 1em 0px 0px; + padding: 0px; float: left; line-height: 2em; } +#menu a, #menu a:link { + display: inline-block; + padding: 0.25em 1em; + + color: #041c40; + text-decoration: none; + font-weight: bold; +} + +#menu a:hover { + background-color: #b1dd87; +} + p.copyright { position: fixed; bottom: 0px; - left: 5em; - right: 5em; + left: 0px; + right: 0px; + + margin: 0; + padding: 1em; + + background-color: #2e3436; + border-top: 2px solid #babdb6; + + color: #babdb6; font-size: 0.8em; text-align: center; } +p.copyright a, p.copyright a:link { + color: #babdb6; +} +