LinHES: The Linux Home Entertainment System

From bd4a7fa502dc46031fcbdef83b8a20bb0d7d464d Mon Sep 17 00:00:00 2001 From: James Meyer Date: Fri, 2 Nov 2012 17:26:37 -0500 Subject: 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 --- abs/core/supplemental-web/contents/alt_index.html | 4 +- .../supplemental-web/contents/error/call_log.html | 2 +- .../contents/error/zoneminder.html | 20 ++++ abs/core/supplemental-web/contents/header.html | 56 ++++++----- abs/core/supplemental-web/contents/links.html | 9 -- abs/core/supplemental-web/contents/skeleton.css | 103 +++++++++++++++++++++ 6 files changed, 161 insertions(+), 33 deletions(-) create mode 100644 abs/core/supplemental-web/contents/error/zoneminder.html create mode 100644 abs/core/supplemental-web/contents/skeleton.css 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 @@ LinHES: The Linux Home Entertainment System - - + + <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> + +<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 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="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;} -- cgit v0.12