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
This commit is contained in:
François Revol 2008-10-08 13:39:23 +00:00
parent b0a662e503
commit d32191dbe9
2 changed files with 64 additions and 26 deletions

42
welcome/welcome.css Normal file
View File

@ -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 { } */

View File

@ -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>