Make eina docs work on IE8 and IE9.

SVN revision: 61055
author: Jonas M. Gastal <jgastal@profusion.mobi> 2011-07-05 16:35:20 +0000
committer: Jonas M. Gastal <jgastal@profusion.mobi> 2011-07-05 16:35:20 +0000
commit: cd55e17da8755c94f9547f543d0f9986cdde156c (patch)
tree: ed49af7bd9c17b7376dac4591b45c349e3ba03dd /doc
parent: 15168cf0a7a92b10d60398ac6bd0f6058f9e223f (diff)
download: eina-cd55e17da8755c94f9547f543d0f9986cdde156c.tar.gz
6 files changed, 78 insertions, 21 deletions
diff --git a/doc/e.css b/doc/e.css
index 8697a3a..2dd6b44 100644
--- a/doc/e.css
+++ b/doc/e.css
@@ -61,6 +61,63 @@ body {
 	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;
@@ -69,8 +126,6 @@ body {
 #header h1 {
 	width: 63px;
 	height: 63px;
-	background-image: url(e.png);
-	background-repeat: no-repeat;
 	position: absolute;
 	margin: 0px;
 }
diff --git a/doc/head.html b/doc/head.html
index 44a5551..cbb0d9c 100644
--- a/doc/head.html
+++ b/doc/head.html
@@ -9,8 +9,8 @@
     <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>
@@ -23,21 +23,25 @@
     <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>
@@ -47,8 +51,6 @@
         <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>
diff --git a/doc/img/header_menu_background.png b/doc/img/header_menu_background.png
new file mode 100644
index 0000000..e978743
--- /dev/null
+++ b/doc/img/header_menu_background.png
diff --git a/doc/img/header_menu_background_last.png b/doc/img/header_menu_background_last.png
new file mode 100644
index 0000000..88c116c
--- /dev/null
+++ b/doc/img/header_menu_background_last.png
diff --git a/doc/img/header_menu_unselected_background.png b/doc/img/header_menu_unselected_background.png
new file mode 100644
index 0000000..50e5fd8
--- /dev/null
+++ b/doc/img/header_menu_unselected_background.png
diff --git a/doc/img/logo.png b/doc/img/logo.png
new file mode 100644
index 0000000..b3884a5
--- /dev/null
+++ b/doc/img/logo.png
author	Jonas M. Gastal <jgastal@profusion.mobi>	2011-07-05 16:35:20 +0000
committer	Jonas M. Gastal <jgastal@profusion.mobi>	2011-07-05 16:35:20 +0000
commit	cd55e17da8755c94f9547f543d0f9986cdde156c (patch)
tree	ed49af7bd9c17b7376dac4591b45c349e3ba03dd /doc
parent	15168cf0a7a92b10d60398ac6bd0f6058f9e223f (diff)
download	eina-cd55e17da8755c94f9547f543d0f9986cdde156c.tar.gz