From ff008656396415f04279006fd74df9fdd09f38f7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fran=C3=A7ois=20Revol?= <revol@free.fr>
Date: Wed, 8 Oct 2008 13:39:23 +0000
Subject: [PATCH] Add a CSS and use it from the first page.

git-svn-id: file:///srv/svn/repos/haiku/haiku/trunk@27923 a95241bf-73f2-0310-859d-f6bbb57e9c96
---
 docs/welcome/welcome.css  | 42 ++++++++++++++++++++++++++++++++++
 docs/welcome/welcome.html | 48 ++++++++++++++++++---------------------
 2 files changed, 64 insertions(+), 26 deletions(-)
 create mode 100644 docs/welcome/welcome.css
diff --git a/docs/welcome/welcome.css b/docs/welcome/welcome.css
new file mode 100644
index 0000000000..30110f4ea4
--- /dev/null
+++ b/docs/welcome/welcome.css
@@ -0,0 +1,42 @@
+/*
+ * Copyright 2008, Haiku.
+ * Distributed under the terms of the MIT License.
+ *
+ * Authors:
+ *		François Revol <revol@free.fr>
+ */
+
+body { 
+	/* remove default borders around content */
+	margin: 0em;
+	/* for NetSurf */
+	padding: 0px;
+
+	/* body colors */
+	background-color: white;
+	color: black;
+}
+
+/* link colors */
+a:link { color: #dc3c01; }
+/*a:active { color: #dc3c01; }*/
+a:visited { color: #892601; }
+
+/* top banner elements (with the logo): td in a tr of class top-banner */
+tr.top-banner td {
+	background: #efefef;
+}
+
+/* nav banner elements: td in a tr of class nav-banner */
+tr.nav-banner td {
+	background: #e0e0e0;
+}
+
+/* same for bottom nav banner */
+tr.bnav-banner td {
+	background: #e0e0e0;
+}
+
+/* the tr containing the content text */
+/* tr.content { } */
+
diff --git a/docs/welcome/welcome.html b/docs/welcome/welcome.html
index bb74110e6b..1fa4e0b9bf 100644
--- a/docs/welcome/welcome.html
+++ b/docs/welcome/welcome.html
@@ -2,52 +2,47 @@
 <html>
 <head>
 	<meta http-equiv="content-type" content="text/html; charset=utf-8">
+	<link rel="stylesheet" href="welcome.css" type="text/css" />
 	<title>Welcome to Haiku!</title>
-	<style type="text/css">
-		body { padding: 0px }
-		a:visited { color: #892601; }
-		a:link { color: #dc3c01; }
-	</style>
 </head>
-<body lang="en-US" text="#000000" bgcolor="#ffffff" link="#dc3c01"
-	vlink="#892601" marginwidth="0" marginheight="0">
+<body lang="en-US">
 
 <table width="100%" border="0" cellpadding="0" cellspacing="0">
-<tr>
-	<td width="5%" bgcolor="#efefef" align="right" valign="bottom">
+<tr class="top-banner">
+	<td width="5%" align="right" valign="bottom">
 		<img src="welcome-images/logo_lt.png" alt="logo"
 			border="0">
 	</td>
-	<td width="45%" bgcolor="#efefef" valign="bottom">
+	<td width="45%" valign="bottom">
 		<img src="welcome-images/logo_rt.png" alt="logo"
 			border="0">
 	</td>
-	<td width="45%" height="70" bgcolor="#efefef" align="right" valign="bottom">
+	<td width="45%" height="70" align="right" valign="bottom">
 		<font size="4">Welcome to Haiku!</font>
 	</td>
-	<td width="5%" bgcolor="#efefef"></td>
-	</tr>
-	<tr>
-	<td width="5%" bgcolor="#efefef" valign="top" align="right">
+	<td width="5%" ></td>
+</tr>
+<tr class="top-banner">
+	<td width="5%" valign="top" align="right">
 		<img src="welcome-images/logo_lb.png" alt="logo"
 			border="0">
 	</td>
-	<td width="90%" bgcolor="#efefef" valign="top" colspan="2">
+	<td width="90%" valign="top" colspan="2">
 		<img src="welcome-images/logo_rb.png" alt="logo"
 			border="0">
 	</td>
-	<td width="5%" bgcolor="#efefef"></td>
+	<td width="5%"></td>
 </tr>
 
-<tr>
-	<td width="5%" bgcolor="#e0e0e0">&nbsp;</td>
-	<td width="90%" bgcolor="#e0e0e0" align="right" colspan="2">
+<tr class="nav-banner">
+	<td width="5%">&nbsp;</td>
+	<td width="90%" align="right" colspan="2">
 		<small>Next: <a href="gui.html">Haiku's GUI</a></small>
 	</td>
-	<td width="5%" bgcolor="#e0e0e0">&nbsp;</td>
+	<td width="5%">&nbsp;</td>
 </tr>
 
-<tr>
+<tr "content">
 <td width="5%">&nbsp;</td>
 <td width="90%" valign="top" colspan="2">
 <br>
@@ -123,17 +118,18 @@ Get in contact with other developers and users and join the discussions in our f
 	<li><a href="http://www.freelists.org/list/haiku-development">Development mailing list</a></li>
 	<li><a href="http://www.haiku-os.org/community/ml">Overview</a> of more specific mailing lists</li>
 </ul>
+<br>
 
 </td>
 <td width="5%">&nbsp;</td>
 </tr>
 
-<tr>
-	<td width="5%" bgcolor="#efefef">&nbsp;</td>
-	<td width="90%" bgcolor="#efefef" align="right" colspan="2">
+<tr class="bnav-banner">
+	<td width="5%">&nbsp;</td>
+	<td width="90%" align="right" colspan="2">
 		Next: <a href="gui.html">Haiku's GUI</a>
 	</td>
-	<td width="5%" bgcolor="#efefef">&nbsp;</td>
+	<td width="5%">&nbsp;</td>
 </tr>
 
 </table>

+
	+	+	Welcome to Haiku!
+
	+
	+
	Next: Haiku's GUI
	@@ -123,17 +118,18 @@ Get in contact with other developers and users and join the discussions in our f Development mailing list Overview of more specific mailing lists +
	+
	Next: Haiku's GUI