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; }