diff options
| author | James Meyer <james.meyer@operamail.com> | 2012-11-02 22:26:37 (GMT) |
|---|---|---|
| committer | James Meyer <james.meyer@operamail.com> | 2012-11-02 22:26:37 (GMT) |
| commit | bd4a7fa502dc46031fcbdef83b8a20bb0d7d464d (patch) | |
| tree | 8f16acd4df40a2db544d92c161c97914dbcfcd92 /abs/core/supplemental-web | |
| parent | 137ade2a19ece6170ba29fa954a9a1c3ccbb9f9c (diff) | |
| download | linhes_pkgbuild-bd4a7fa502dc46031fcbdef83b8a20bb0d7d464d.zip linhes_pkgbuild-bd4a7fa502dc46031fcbdef83b8a20bb0d7d464d.tar.gz linhes_pkgbuild-bd4a7fa502dc46031fcbdef83b8a20bb0d7d464d.tar.bz2 | |
Redo supplemental-web navigation css. Now it includes drop up menus so the header isn't so crowded.
Moved some links out of links.html and into the nav bar
refs #857
Diffstat (limited to 'abs/core/supplemental-web')
| -rw-r--r-- | abs/core/supplemental-web/contents/alt_index.html | 4 | ||||
| -rw-r--r-- | abs/core/supplemental-web/contents/error/call_log.html | 2 | ||||
| -rw-r--r-- | abs/core/supplemental-web/contents/error/zoneminder.html | 20 | ||||
| -rw-r--r-- | abs/core/supplemental-web/contents/header.html | 56 | ||||
| -rw-r--r-- | abs/core/supplemental-web/contents/links.html | 9 | ||||
| -rw-r--r-- | abs/core/supplemental-web/contents/skeleton.css | 103 |
6 files changed, 161 insertions, 33 deletions
diff --git a/abs/core/supplemental-web/contents/alt_index.html b/abs/core/supplemental-web/contents/alt_index.html index faf09fb..e6a89b4 100644 --- a/abs/core/supplemental-web/contents/alt_index.html +++ b/abs/core/supplemental-web/contents/alt_index.html @@ -2,8 +2,8 @@ <html> <head><title>LinHES: The Linux Home Entertainment System</title> </head> - <frameset rows="217, 80%" frameborder="no" border="3" bordercolor="#000000"> - <frame src="header.html" name="menuframe" /> + <frameset rows="230, 80%" frameborder="no" border="3" bordercolor="#000000"> + <frame src="header.html" scrolling=no name="menuframe" /> <frame src="home.shtml" name="content" /> <noframes> <body> diff --git a/abs/core/supplemental-web/contents/error/call_log.html b/abs/core/supplemental-web/contents/error/call_log.html index 3f05f21..d4d6333 100644 --- a/abs/core/supplemental-web/contents/error/call_log.html +++ b/abs/core/supplemental-web/contents/error/call_log.html @@ -6,6 +6,6 @@ <body> Call logging is not enabled, or no calls logs </br> -To enable logging of incoming phone calls please visit the advanced section of the service menu +To enable logging of incoming phone calls please visit the advanced section of the service menu </body> </html> diff --git a/abs/core/supplemental-web/contents/error/zoneminder.html b/abs/core/supplemental-web/contents/error/zoneminder.html new file mode 100644 index 0000000..25ecc9b --- /dev/null +++ b/abs/core/supplemental-web/contents/error/zoneminder.html @@ -0,0 +1,20 @@ +<html> +<head> +<style type="text/css">@import "/frame.css";</style> +</head> + +<body> +Zoneminder is not enabled or installed. +</br> +</br> +</br> +<div id="navcontainer"> + <ul id="navlist"> + +To enable zoneminder run these commands in a terminal: + </br> + <li> pacman -Syyu zoneminder </li> + <li> add_service.sh zoneminder </li> +</ul> +</body> +</html> diff --git a/abs/core/supplemental-web/contents/header.html b/abs/core/supplemental-web/contents/header.html index 60f82f1..b8b346c 100644 --- a/abs/core/supplemental-web/contents/header.html +++ b/abs/core/supplemental-web/contents/header.html @@ -1,36 +1,50 @@ <html>
-<style type="text/css">@import "mv.css";</style>
+<!--<style type="text/css">@import "mv.css";</style>-->
+<link rel="stylesheet" type="text/css" href="skeleton.css" />
<head>
<script type="text/javascript">
-function r()
+function r()
{
current_hostname=parent.location.hostname
top.frames["content"].location.href = ( "http://" + current_hostname + ":6544" ) ;
-
-}
-</script>
+
+}
+</script>
</head>
<BODY BGCOLOR=#ebb81c>
-<div id='header'>
- </div>
+<div id='header'></div>
+<img id='header_img' src="linhes_header.png" alt="Alt Text" title="Image Title"/>
<base target="content" />
-<div id="navcontainer">
- <ul id="navlist">
- <li id="active"><a href="home.shtml" TARGET="content" id="current">Home</a></li>
- <li><a href="xymon" >System health</a></li>
- <li><a href="docs.html" >Documentation</a></li>
- <li><a href="links.html" >Links</a></li>
- <!-- <li><a href="webcal/" >Calendar</a></li> -->
- <li><a onClick=r() >Myth Backend Status</a></li>
- <li><a href="mythweb/" >MythWeb</a></li>
- <li><a href="mythexport/setup.cgi" >MythExport</a></li>
-
- <li><a href="/calllog.shtml" >Phone call log</a> </li>
-</ul>
-</div>
+<ul id="nav">
+<li><a href="home.shtml" TARGET="content" id="current">Home</a></li>
+<li><a href="xymon" >System Health</a></li>
+<li><a href="/exports.shtml">Utilities »</a>
+ <ul>
+ <li><a href="/exports.shtml" >List file shares </a></li>
+ <li><a href="mythweb/">MythWeb</a></li>
+ <li><a href="mythexport/setup.cgi">MythExport</a></li>
+ <li><a href="/zm">ZoneMinder</a></li>
+ </ul>
+</li>
+
+<li><a href="/logs/">Logs »</a>
+ <ul>
+ <li><a href="/calllog.shtml">Phone Call Log</a></li>
+ <li><a href="/logs/">System Logs</a></li>
+
+ </ul>
+</li>
+
+
+<li><a href="docs.html" >Documentation</a></li>
+<li><a onClick=r() >Myth Backend Status</a></li>
+
+<li><a href="links.html" >Links</a></li>
+
+
</body>
</html>
diff --git a/abs/core/supplemental-web/contents/links.html b/abs/core/supplemental-web/contents/links.html index acbb4bd..d8e9806 100644 --- a/abs/core/supplemental-web/contents/links.html +++ b/abs/core/supplemental-web/contents/links.html @@ -1,6 +1,3 @@ - - - <html> <head> <style type="text/css">@import "frame.css";</style> @@ -10,14 +7,8 @@ Other Links </br> - - - - <div id="navcontainer"> <ul id="navlist"> - <li><a href="/logs/" >System log files</a> </li> - <li><a href="/calllog.shtml" >Phone call log</a> </li> <!-- <li><a href="/mvpmc.shtml" >Media MVP setup</a> (dhcp server must be enabled) </li> --> <li><a href="http://www.linhes.org" >linhes.org </a>Bugtracker</li> <li><a href="http://linhes.org/wiki" >Wiki </a></li> diff --git a/abs/core/supplemental-web/contents/skeleton.css b/abs/core/supplemental-web/contents/skeleton.css new file mode 100644 index 0000000..b13aa20 --- /dev/null +++ b/abs/core/supplemental-web/contents/skeleton.css @@ -0,0 +1,103 @@ +/* ================================================================
+This copyright notice must be untouched at all times.
+
+The original version of this stylesheet and the associated (x)html
+is available at http://www.stunicholls.com/menu/skeleton_up.html
+Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
+This stylesheet and the associated (x)html may be modified in any
+way to fit your requirements.
+=================================================================== */
+#header_img {margin:5px auto;display:block;}
+
+#nav,
+#nav ul {padding:0 0 5px 0; margin:0; list-style:none;
+ /*font: 14px verdana, sans-serif;*/
+ /*font: 14px verdana, sans-serif;*/
+ border:1px solid #000;
+ border-color:#ace #79b #68a #bde;
+ border-width:1px 2px 2px 1px; background:#fff;
+ position:relative; z-index:200;}
+
+#nav {height:30px; padding:0;background-color:#0072bc;}
+
+#nav li {float:left;}
+#nav li li {float:none; background:#fff;}
+/* a hack for IE5.x and IE6 */
+* html #nav li li {float:left;}
+
+
+
+
+#nav li a {display:block; float:left;
+ color:#FFFFFF; margin:0 25px 0 10px;
+ height:25px; line-height:25px;
+ text-decoration:none; white-space:nowrap;
+}
+
+/*item in white box*/
+#nav li li a {height:20px; line-height:20px; float:none;
+ background-color:#0072bc;
+ margin:0 0 0 0;
+ border:1px solid #000;
+ /*border-color:#ace #79b #68a #bde;*/
+ border-color:#0072bc;
+ border-width:3px 3px 3px 3px; background:#0072bc;
+ }
+
+#nav li:hover {position:relative; z-index:300; }
+
+/*white box*/
+#nav li:hover ul {left:0; bottom:21px; top:auto; background-color:#0072bc; color:}
+
+/* another hack for IE5.5 and IE6 */
+* html #nav li:hover ul {left:10px;}
+
+
+#nav ul {position:absolute;
+ left:-9999px;
+ top:-9999px;
+}
+/* yet another hack for IE5.x and IE6 */
+* html #nav ul {width:1px;}
+
+/* it could have been this simple if all browsers understood */
+/* show next level */
+#nav li:hover li:hover > ul {left:-15px; margin-left:100%; bottom:-7px; top:auto;}
+/* keep further levels hidden */
+#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
+/* show path followed */
+
+#nav li:hover > a {text-decoration:underline; }
+
+
+/* but IE5.x and IE6 need this lot to style the flyouts and path followed */
+/* show next level */
+#nav li:hover li:hover ul,
+#nav li:hover li:hover li:hover ul,
+#nav li:hover li:hover li:hover li:hover ul,
+#nav li:hover li:hover li:hover li:hover li:hover ul
+{left:-15px; margin-left:100%; bottom:-7px; top:auto;}
+
+/* keep further levels hidden */
+#nav li:hover ul ul,
+#nav li:hover li:hover ul ul,
+#nav li:hover li:hover li:hover ul ul,
+#nav li:hover li:hover li:hover li:hover ul ul
+{position:absolute; left:-9999px; top:-9999px;}
+
+/* show path followed */
+#nav li:hover a,
+#nav li:hover li:hover a,
+#nav li:hover li:hover li:hover a,
+#nav li:hover li:hover li:hover li:hover a,
+#nav li:hover li:hover li:hover li:hover li:hover a,
+#nav li:hover li:hover li:hover li:hover li:hover li:hover a
+{text-decoration:underline; color:#ebb81c;}
+
+/* hide futher possible paths */
+#nav li:hover li a,
+#nav li:hover li:hover li a,
+#nav li:hover li:hover li:hover li a,
+#nav li:hover li:hover li:hover li:hover li a,
+#nav li:hover li:hover li:hover li:hover li:hover li a
+{text-decoration:none; color:#FFFFFF;}
|