From 4fe8bd6674cb3199e2c4ba5b345315381331a742 Mon Sep 17 00:00:00 2001 From: Robert Sesek Date: Wed, 31 Dec 2008 12:44:19 -0800 Subject: [PATCH] Add the navigation frame layouts * Decorator.css.php * docs/decoratortest.html --- Decorator.css.php | 46 +++++++++++++++++++++++++++++++++++++++++ docs/decoratortest.html | 2 ++ 2 files changed, 48 insertions(+) diff --git a/Decorator.css.php b/Decorator.css.php index 44ca293..b5f6c69 100644 --- a/Decorator.css.php +++ b/Decorator.css.php @@ -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; +} diff --git a/docs/decoratortest.html b/docs/decoratortest.html index 1feab08..0a4c3db 100644 --- a/docs/decoratortest.html +++ b/docs/decoratortest.html @@ -7,6 +7,8 @@ + +

Settings

-- 2.22.5