Mercurial > hg-website
diff hgscm/media/css/styles.css @ 81:cbd90a4980e6
templates: Make the WIP warning more prominent.
This required some changes on unrelated CSS classes. Hooray for pixel-perfect web designs!
author | Dennis Brakhane <brakhane@googlemail.com> |
---|---|
date | Sun, 22 Feb 2009 16:50:14 +0100 |
parents | 8be782354e8b |
children | 4565a6288da4 |
line wrap: on
line diff
--- a/hgscm/media/css/styles.css Fri Feb 20 17:37:59 2009 +0100 +++ b/hgscm/media/css/styles.css Sun Feb 22 16:50:14 2009 +0100 @@ -31,6 +31,11 @@ h3 { font-size: 1.3em; } /* + * WIP warning, can be removed once the site is 'finished' + */ +.wip-warning { font-size: 1em; font-family: Optimer, Helvetica, Arial, sans-serif; border: 1px solid #330; background-color: #fafa33; padding: 2px; text-align: center} + +/* * Lists */ ul { margin-left: 2.2em; line-height: 1.5em; } @@ -91,7 +96,7 @@ /* * Nav */ -#nav { position: absolute; top: 17px; right: 0; background: #999; height: 42px; margin: 0; width: 665px; font-size: 1.1428em; *font-size: 16px; line-height: 42px; font-family: Optimer, Helvetica, Arial, sans-serif; overflow: hidden; } +#nav { position: absolute; top: 41px; right: 0; background: #999; height: 42px; margin: 0; width: 665px; font-size: 1.1428em; *font-size: 16px; line-height: 42px; font-family: Optimer, Helvetica, Arial, sans-serif; overflow: hidden; } #nav li { float: left; margin: 0; padding: 0; list-style: none; } #nav a { float: left; color: #fff; text-decoration: none; padding: 0 16px; *padding: 0 14px; } #nav a:hover, #nav a:focus, #nav .active a { background: #00b5f1; } @@ -99,7 +104,7 @@ /* * Search */ -#search { position: absolute; right: 15px; top: 26px; color: #fff; width: 183px; height: 23px; background: url(../images/search.png) no-repeat 0 0; } +#search { position: absolute; right: 15px; top: 50px; color: #fff; width: 183px; height: 23px; background: url(../images/search.png) no-repeat 0 0; } #search legend { display: none; } #search label { position: absolute; left: -9999px; } #search .text { width: 150px; background: none; border: none; margin: 0 0 0 5px; position: relative; top: 5px; color: #666; }