changeset 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 7cf137affc0e
children 15424b1a24a5
files hgscm/media/css/styles.css hgscm/templates/base.html hgscm/templates/frontpage.html
diffstat 3 files changed, 9 insertions(+), 3 deletions(-) [+]
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; }
--- a/hgscm/templates/base.html	Fri Feb 20 17:37:59 2009 +0100
+++ b/hgscm/templates/base.html	Sun Feb 22 16:50:14 2009 +0100
@@ -11,6 +11,7 @@
 		<title>Mercurial SCM</title>
 	</head>
 	<body id="home">
+	        <div class="wip-warning">Please note that this page is <em>work in progress and incomplete</em>! You probably want to <a href="http://www.selenic.com/mercurial" style="color: #3d3dfa">visit the official mercurial homepage</a> instead.</div>
 				
 		<h1 id="logo"><a href="/">mercurial</a></h1>
 			
--- a/hgscm/templates/frontpage.html	Fri Feb 20 17:37:59 2009 +0100
+++ b/hgscm/templates/frontpage.html	Sun Feb 22 16:50:14 2009 +0100
@@ -6,7 +6,7 @@
 <div class="row">
 	<div class="col big">
 		<h1>Work easier <br> Work faster</h1>
-		<h2>Mercurial is a free, distributed source control management tool. It efficiently handles projects of any size and offers an easy and intuitive interface. <strong>Please notice, this page is currently under development and based on a mockup.</strong></h2>
+		<h2>Mercurial is a free, distributed source control management tool. It efficiently handles projects of any size and offers an easy and intuitive interface.</h2>
 	</div>
 	<div class="col">					
         {% download_button 'true' %}