diff options
Diffstat (limited to 'website/new/css/style.css')
-rw-r--r-- | website/new/css/style.css | 143 |
1 files changed, 133 insertions, 10 deletions
diff --git a/website/new/css/style.css b/website/new/css/style.css index 1d43324..d3bfe13 100644 --- a/website/new/css/style.css +++ b/website/new/css/style.css @@ -40,7 +40,7 @@ ul#nav { } ul#nav li a { - color: #59cbe1; + color: #c98b07; text-decoration: none; } @@ -49,7 +49,7 @@ ul#nav li#active { } ul#nav li#active a, ul#nav li#active a:link, ul#nav li#active a:visited { - color: white; + color: #c98b07; } div#feed { @@ -73,7 +73,7 @@ div#feed ul { } div#main { - background-color: #212121; + /** background-color: #212121; **/ border-top: 1px solid #59cbe1; border-bottom: 1px solid #59cbe1; overflow: auto; @@ -108,7 +108,7 @@ div#content p { } a:link { - color: #59cbe1; + color: #c98b07; } a:hover { @@ -174,11 +174,134 @@ tt { padding-left: 30px; } + #footer { - width: 100%; - font-size: x-small; - color: #aaa; - text-align: center; - padding-top: 16px; - padding-bottom: 16px; + clear: both; + position: relative; + margin: 0px; + padding: 0px; + border: 0px; + width: 100%; + background: #757575; + height: 290px; +} + +/* This is hidden from IE <= 6 because it can't do transparency */ +body > #footer { + background: #757575 url(img/footer_pattern.png) repeat-x; +} + +#footer p { + position: absolute; + top: 0px; + left: 0px; + margin: 0px; + border: 0px; + width: 220px; + text-align: center; +} + +#footer p a img { + border: 0px; } + +#projects { + margin: 0px; + border: 0px; + position: absolute; + top: 0px; + left: 0px; + width: 100%; +} + + +#projects dl { + margin: 0px; + border: 0px solid white; + height: 180px; + position: absolute; + top: 0px; + left: 0px; +} +/* This is hidden from IE <= 6 because it can't do transparency */ +head:first-child+body #projects dl { + background: url(img/footer_corner.png) no-repeat; +} + + +#projects #p1 { + margin-left: 25%; + width: 75%; +} + +#projects #p2 { + margin-left: 50%; + width: 50%; +} + +#projects #p3 { + margin-left: 75%; + width: 25%; +} + +#projects dt, #projects dd { + padding: 0px; + margin: 0px; +} + +#projects #p1 dt, #projects #p1 dd { + width: 33%; + } +#projects #p2 dt, #projects #p2 dd { + width: 50%; +} +#projects #p3 dt, #projects #p3 dd { + width: 99%; +} + +#projects { +} + +#projects span { + font-size: 0.8em; + display: block; + padding-left: 1em; + padding-top: 0.5em; +} + +#projects a { + font-size: 0.8em; + display: block; + padding-left: 0.8em; + padding-top: 1em; +} + +#projects a { + color: white; + text-decoration: inherit; +} + +#projects span { + color: #ccc; +} + + +.screenshot img { + border: 0px; +} +.screenshot { + padding: 1em; + background: #6a7178; + color: #dddddd; + text-align: center; + width: 70%; + margin-left: auto ! important; + margin-right: auto ! important; + margin-top: 1em; + margin-bottom: 3em; +} + +.screenshot a { + color: inherit; +} + |