From 0f5a136d0dd0bb6a15a9946756b1954a71bcc1eb Mon Sep 17 00:00:00 2001 From: Erik Kristensen Date: Sun, 31 Jul 2005 03:01:59 +0000 Subject: adds alerts to the system, no links associated with them to acknowlege, will come soon. --- usr/local/www/head.inc | 1 + usr/local/www/themes/metallic/all.css | 61 ++++++++++++++++- usr/local/www/themes/metallic/bottom-loader.js | 14 ++-- usr/local/www/themes/pfsense-dropdown/all.css | 72 +++++++++++++++++---- usr/local/www/themes/pfsense/all.css | 90 ++++++++++++++++++++++---- 5 files changed, 206 insertions(+), 32 deletions(-) (limited to 'usr/local/www') diff --git a/usr/local/www/head.inc b/usr/local/www/head.inc index adf8d2a..febf1c8 100755 --- a/usr/local/www/head.inc +++ b/usr/local/www/head.inc @@ -17,6 +17,7 @@ else + diff --git a/usr/local/www/themes/metallic/all.css b/usr/local/www/themes/metallic/all.css index 25d26d6..7877132 100644 --- a/usr/local/www/themes/metallic/all.css +++ b/usr/local/www/themes/metallic/all.css @@ -69,10 +69,10 @@ iframe { padding-left: 27px; float: left; } -#header-right .normal { +#header-right .container { position: relative; } -#header-right .normal .left { +#header-right .container .left { position: relative; float: left; font-size: 1.3em; @@ -81,13 +81,66 @@ iframe { left: 4px; display: none; } -#header-right .normal .right { +#header-right .container .right { position: relative; float: right; top: 22px; padding-right: 4px; + z-index: 1; +} + +#header-right .container .right #alerts { + position: relative; + background: url('images/alert_bgr.gif') no-repeat; + height: 39px; + width: 431px; + z-index: 1; + padding-top: 20px; + padding-left: 5px; + margin: 0px; +} + + + +table#marquee { + position: relative; + top: -6px; + left: -5px; + border: 0; + padding: 0; + margin: 0; + width: 424px; + background-color: transparent; + padding: 2px; + border: 0px; +} +span#marquee-container { + position: absolute; + visibility: hidden; + top: -100px; + left: -10000px; +} +div#marquee-text { + font-size: 1.18em; + font-weight: bold; + font: Verdana; +} +table#marquee div#container { + position: relative; + overflow: hidden; + width: 418px; + height: 20px; +} +table#marquee div#container div#scroller { + position: absolute; + left: 0px; + top: 0px; } + + + + #content { position: relative; top: -15px; @@ -254,6 +307,8 @@ iframe { + + /* Class Based CSS Definitions */ .pgtitle { font-size: 18px; diff --git a/usr/local/www/themes/metallic/bottom-loader.js b/usr/local/www/themes/metallic/bottom-loader.js index 1358246..78e3eba 100644 --- a/usr/local/www/themes/metallic/bottom-loader.js +++ b/usr/local/www/themes/metallic/bottom-loader.js @@ -1,10 +1,10 @@ - diff --git a/usr/local/www/themes/pfsense-dropdown/all.css b/usr/local/www/themes/pfsense-dropdown/all.css index 6590396..575a6a7 100644 --- a/usr/local/www/themes/pfsense-dropdown/all.css +++ b/usr/local/www/themes/pfsense-dropdown/all.css @@ -53,24 +53,74 @@ form input { padding-left: 27px; float: left; } -#header-right .normal { + +#header-right .container .left { position: relative; + top: 32px; + left: 9px; + font-size: 1.8em; } -#header-right .normal .left { - position: relative; - float: left; - font-size: 1.3em; + +#header-right .container .right { + position: relative; + top: -8px; + left: 195px; +} + +#header-right .container .right #alerts { + position: relative; + background: url('images/alert_bgr.gif') no-repeat; + height: 39px; + width: 431px; + z-index: 1; + padding-top: 20px; + padding-left: 5px; + margin: 0px; +} + + + +table#marquee { + position: relative; + top: -6px; + left: -5px; + border: 0; + padding: 0; + margin: 0; + width: 424px; + background-color: transparent; + padding: 2px; + border: 0px; +} +span#marquee-container { + position: absolute; + visibility: hidden; + top: -100px; + left: -10000px; +} +div#marquee-text { + font-size: 1.18em; font-weight: bold; - top: 15px; - left: 4px; + font: Verdana; } -#header-right .normal .right { +table#marquee div#container { position: relative; - float: right; - top: 22px; - padding-right: 4px; + overflow: hidden; + width: 418px; + height: 20px; +} +table#marquee div#container div#scroller { + position: absolute; + left: 0px; + top: 0px; } + + + + + + #content { border-top: 1px solid #FFFFFF; margin-top: 0px; diff --git a/usr/local/www/themes/pfsense/all.css b/usr/local/www/themes/pfsense/all.css index 8016005..c5507a2 100644 --- a/usr/local/www/themes/pfsense/all.css +++ b/usr/local/www/themes/pfsense/all.css @@ -16,6 +16,21 @@ form input { /* ID Based CSS Definitions */ + +#notices { + width: 795px; + background-color: #E1E4B8; + border: 1px solid #000000; + padding: 0px; + margin-bottom: 5px; +} +#notices ul { + margin: 0px; + padding: 5px; + padding-top: 3px; + list-style: none; +} + #header { height: 70px; width: 800px; @@ -49,24 +64,77 @@ form input { padding-left: 27px; float: left; } -#header-right .normal { + +#header-right .container .left { position: relative; + top: 32px; + left: 9px; + font-size: 1.8em; } -#header-right .normal .left { - position: relative; - float: left; - font-size: 1.3em; - font-weight: bold; - top: 15px; - left: 4px; -} -#header-right .normal .right { + +#header-right .container .right { position: relative; float: right; - top: 22px; + top: -9px; padding-right: 4px; + z-index: 1; } +#header-right .container .right #alerts { + position: relative; + background: url('images/alert_bgr.gif') no-repeat; + height: 39px; + width: 431px; + z-index: 1; + padding-top: 20px; + padding-left: 5px; + margin: 0px; +} + + + +table#marquee { + position: relative; + top: -6px; + left: -5px; + border: 0; + padding: 0; + margin: 0; + width: 424px; + background-color: transparent; + padding: 2px; + border: 0px; +} +span#marquee-container { + position: absolute; + visibility: hidden; + top: -100px; + left: -10000px; +} +div#marquee-text { + font-size: 1.18em; + font-weight: bold; + font: Verdana; +} +table#marquee div#container { + position: relative; + overflow: hidden; + width: 418px; + height: 20px; +} +table#marquee div#container div#scroller { + position: absolute; + left: 0px; + top: 0px; +} + + + + + + + + #content { border-top: 1px solid #FFFFFF; margin-top: 0px; -- cgit v1.1