Add the navigation frame layouts
authorRobert Sesek <rsesek@bluestatic.org>
Wed, 31 Dec 2008 20:44:19 +0000 (12:44 -0800)
committerRobert Sesek <rsesek@bluestatic.org>
Wed, 31 Dec 2008 20:44:19 +0000 (12:44 -0800)
* Decorator.css.php
* docs/decoratortest.html

Decorator.css.php
docs/decoratortest.html

index 44ca2930a53f291c695d66f7713b7f6ee7826e3d..b5f6c69f1706413cfa03aba16c7f41d4866e041e 100644 (file)
@@ -27,6 +27,11 @@ header("Content-Type: text/css");
 /* Reset all the annoying browser defaults */
 * { margin: 0px; padding: 0px; }
 
+html, body
+{
+       height: 100%;
+}
+
 /* Main body tag */
 body
 {
@@ -259,3 +264,44 @@ table .alt2
        {
                font-size: 14px;
        }
+
+/*******************************************************************/
+/* Navigation */
+/*******************************************************************/
+
+/* Creates the navigation bar */
+#nav
+{
+       border-width: 0px 4px 0px 0px;
+       border-color: rgb(109, 187, 45);
+       border-style: solid;
+       
+       position: absolute;
+       top: 0px;
+       bottom: 0px;
+       left: 0px;
+       z-index: 100;
+       
+       width: 250px;
+       height: 100%;
+       
+       background-color: rgb(64, 64, 64);
+}
+
+/* Adjust the body div if there's a navigation bar */
+#nav + #body, #nav + #title + #body, #nav + #title
+{
+       position: fixed;
+       top: 0px;
+       bottom: 0px;
+       left: 250px;
+       right: 0px;
+       
+       overflow: auto; 
+}
+
+/* With a title and navigation bar, we need to move body content down a little */
+#nav + #title + #body
+{
+       top: 40px;
+}
index 1feab084951a01763a063db16b7fd54d5ecbd0ce..0a4c3db5c3f1246f265cf32153c69d533034d878 100644 (file)
@@ -7,6 +7,8 @@
 </head>
 
 <body>
+       
+<div id="nav">&nbsp;</div>
 
 <div id="title">Settings</div>