background-repeat: repeat-x;
}
+/****************************/
+/* Top main menu */
+/****************************/
+#header_logo {
+ background-image : url(logo.png);
+ width : 61px;
+}
+
+#header_logo a {
+ position : absolute;
+ border : 0px;
+ background-color : transparent;
+ top : 0px;
+ width : 60px;
+ height : 60px;
+}
+
+#header_menu {
+ background-image : url(header_menu_background.png);
+ font : normal 10pt verdana,'Bitstream Vera Sans',helvetica,arial,sans-serif;
+ text-align : right;
+}
+
+#header_last {
+ background-image : url(header_menu_background_last.png);
+ width : 15px;
+}
+
+td.nav_passive {
+ background : url(header_menu_unselected_background.png) 0 0 no-repeat;
+ height : 63px;
+ font-family : "Bitstream Vera","Vera","Trebuchet MS",Trebuchet,Tahoma,sans-serif;
+ font-size : 11px;
+ padding : 20px 10px 20px 10px;
+ vertical-align : middle;
+}
+
+td.nav_active {
+ background : url(header_menu_current_background.png) 0 0 no-repeat;
+ height : 63px;
+ color : #646464;
+ font-family : "Bitstream Vera","Vera","Trebuchet MS",Trebuchet,Tahoma,sans-serif;
+ font-size : 11px;
+ font-weight : bold;
+ padding : 20px 10px 20px 10px;
+ vertical-align : middle;
+}
+
+#header_menu a {
+ display : block;
+ text-decoration : none;
+ cursor : pointer;
+ color : #cdcdcd;
+}
+
+
+
#header {
width: 100%;
height: 102px;
#header h1 {
width: 63px;
height: 63px;
- background-image: url(e.png);
- background-repeat: no-repeat;
position: absolute;
margin: 0px;
}
<link rel="icon" href="img/favicon.png" type="image/ico">
<link rel="shortcut icon" href="img/favicon.png" type="image/ico">
- <link rel="stylesheet" type="text/css" media="screen" href="e.css">
- <link rel="stylesheet" type="text/css" media="screen" href="edoxy.css">
+ <link rel="stylesheet" type="text/css" href="e.css">
+ <link rel="stylesheet" type="text/css" href="edoxy.css">
</head>
<body>
<h1><span>Enlightenment</span></h1>
<h2><span>Beauty at your fingertips</span></h2>
- <div class="menu-container">
- <div class="menu">
- <ul>
- <li class="current"><a href="http://web.enlightenment.org/p.php?p=docs">Docs</a></li>
- <li><a href="http://trac.enlightenment.org/e">Tracker</a></li>
- <li><a href="http://www.enlightenment.org/p.php?p=contact">Contact</a></li>
- <li><a href="http://www.enlightenment.org/p.php?p=contribute">Contribute</a></li>
- <li><a href="http://www.enlightenment.org/p.php?p=support">Support</a></li>
- <li><a href="http://www.enlightenment.org/p.php?p=download">Download</a></li>
- <li><a href="http://www.enlightenment.org/p.php?p=about">About</a></li>
- <li><a href="http://www.enlightenment.org/p.php?p=news">News</a></li>
- <li><a href="http://www.enlightenment.org/">Home</a></li>
- </ul>
- </div>
- </div>
+ <table cellspacing="0" cellpadding="0" width="100%"><tr>
+ <td id="header_logo">
+ <a href="http://www.enlightenment.org"></a>
+ </td>
+ <td id="header_menu">
+ <table cellspacing="0" cellpadding="0" align="right"><tr>
+ <td class="nav_passive"><a class="nav_passive" href="http://www.enlightenment.org/p.php?p=home">Home</a></td>
+ <td class="nav_passive"><a class="nav_passive" href="http://www.enlightenment.org/p.php?p=news">News</a></td>
+ <td class="nav_passive"><a class="nav_passive" href="http://www.enlightenment.org/p.php?p=about">About</a></td>
+ <td class="nav_passive"><a class="nav_passive" href="http://www.enlightenment.org/p.php?p=download">Download</a></td>
+ <td class="nav_passive"><a class="nav_passive" href="http://www.enlightenment.org/p.php?p=support">Support</a></td>
+ <td class="nav_passive"><a class="nav_passive" href="http://www.enlightenment.org/p.php?p=contribute">Contribute</a></td>
+ <td class="nav_passive"><a class="nav_passive" href="http://www.enlightenment.org/p.php?p=contact">Contact</a></td>
+ <td class="nav_passive"><a class="nav_passive" href="http://trac.enlightenment.org/e">Tracker</a></td>
+ <td class="nav_passive"><a class="nav_passive" href="http://www.enlightenment.org/p.php?p=docs">Docs</a></td>
+ </tr></table>
+ </td>
+ <td id="header_last"></td>
+ </tr></table>
<div class="doxytitle">
$projectname Documentation <small>at $date</small>
<div class="submenu">
<ul class="current">
<li><a href="pages.html">Tutorials</a></li>
-<!-- <li><a href="globals.html">Globals</a></li>-->
-<!-- <li><a href="files.html">Files</a></li>-->
<li><a href="modules.html">Modules</a></li>
<li class="current"><a href="index.html">Main Page</a></li>
</ul>