Make eina docs work on IE8 and IE9.
authorgastal <gastal@7cbeb6ba-43b4-40fd-8cce-4c39aea84d33>
Tue, 5 Jul 2011 16:35:20 +0000 (16:35 +0000)
committergastal <gastal@7cbeb6ba-43b4-40fd-8cce-4c39aea84d33>
Tue, 5 Jul 2011 16:35:20 +0000 (16:35 +0000)
git-svn-id: svn+ssh://svn.enlightenment.org/var/svn/e/trunk/eina@61055 7cbeb6ba-43b4-40fd-8cce-4c39aea84d33

doc/e.css
doc/head.html
doc/img/header_menu_background.png [new file with mode: 0644]
doc/img/header_menu_background_last.png [new file with mode: 0644]
doc/img/header_menu_unselected_background.png [new file with mode: 0644]
doc/img/logo.png [new file with mode: 0644]

index 8697a3a..2dd6b44 100644 (file)
--- 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;
 }
index 44a5551..cbb0d9c 100644 (file)
@@ -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>
     <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 (file)
index 0000000..e978743
Binary files /dev/null and b/doc/img/header_menu_background.png differ
diff --git a/doc/img/header_menu_background_last.png b/doc/img/header_menu_background_last.png
new file mode 100644 (file)
index 0000000..88c116c
Binary files /dev/null and b/doc/img/header_menu_background_last.png differ
diff --git a/doc/img/header_menu_unselected_background.png b/doc/img/header_menu_unselected_background.png
new file mode 100644 (file)
index 0000000..50e5fd8
Binary files /dev/null and b/doc/img/header_menu_unselected_background.png differ
diff --git a/doc/img/logo.png b/doc/img/logo.png
new file mode 100644 (file)
index 0000000..b3884a5
Binary files /dev/null and b/doc/img/logo.png differ