diff options
Diffstat (limited to 'usr/local/www/themes')
-rw-r--r-- | usr/local/www/themes/_orange-flow/all.css | 257 | ||||
-rw-r--r-- | usr/local/www/themes/metallic/all.css | 29 | ||||
-rw-r--r-- | usr/local/www/themes/pfsense-dropdown/all.css | 23 | ||||
-rw-r--r-- | usr/local/www/themes/pfsense/all.css | 25 |
4 files changed, 168 insertions, 166 deletions
diff --git a/usr/local/www/themes/_orange-flow/all.css b/usr/local/www/themes/_orange-flow/all.css index 607b54a..3a9db7a 100644 --- a/usr/local/www/themes/_orange-flow/all.css +++ b/usr/local/www/themes/_orange-flow/all.css @@ -3,12 +3,6 @@ html, body, td, th, input, select { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; } - -body { - background-color: #333333; - margin: 5px auto; -} - form { margin: 0px; } @@ -19,40 +13,42 @@ form input { font-size: 1.1em; } -iframe { - z-index: 1; - border: 1px dashed #990000; -} -.iframe { - background-color: #FFFFFF; -} + /* ID Based CSS Definitions */ -#wrapper { - width: 815px; - margin: 5px auto; + +#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 { - background: url('images/header.gif') no-repeat; - background-position: 4px; - height: 102px; - width: 808px; - margin-bottom: 5px; - z-index: 2; + height: 70px; + width: 840px; + background: url('/themes/_orange-flow/images/bgr_top.gif') no-repeat; } #header-left { position: relative; - /* background: url('images/logo.gif') no-repeat; */ + /* background: url('/themes/_orange-flow/images/logo.gif') no-repeat; */ background-position: center; height: 65px; width: 145px; left: 10px; float: left; + /* background-color: #fff; */ } #header-right { position: relative; - /* background: url('images/header.gif') no-repeat; */ + background: url('images/header.gif') no-repeat; height: 70px; color: #fff; left: 0px; @@ -69,22 +65,18 @@ iframe { padding-left: 27px; float: left; } -#header-right .container { - position: relative; -} + #header-right .container .left { - position: relative; - float: left; - font-size: 1.3em; - font-weight: bold; - top: 15px; - left: 4px; - display: none; + position: relative; + top: 32px; + left: 9px; + font-size: 1.8em; } + #header-right .container .right { position: relative; float: right; - top: 22px; + top: -9px; padding-right: 4px; z-index: 1; } @@ -151,171 +143,105 @@ table#marquee div#container div#scroller { + + + #content { - position: relative; - top: -15px; - left: 4px; + border-top: 1px solid #FFFFFF; margin-top: 0px; - margin-left: 5px; padding-top: 0px; width: 800px; - background: url('images/horizontal.gif') repeat-y; -} - -#left { - width: 800px; - height: 1px; -} -#right { - position: relative; - top: -10px; - width: 770px; - margin-top: 0px; - margin-left: 5px; - margin-right: 5px; - padding-top: 5px; - padding-left: 10px; - padding-right: 10px; - padding-bottom: 20px; - min-height: 400px; } #footer { position: relative; - background: url('images/footer.gif') no-repeat; - top: -18px; - left: 7px; + top: 10px; + padding: 0px; + margin: 6px; width: 800px; - height: 75px; + background-color: #990000; + text-align: center; color: #ffffff; - text-align: center;; - font-size: 0.9em; - padding-top: 17px; - margin-bottom: 20px; + font-size: 0.75em; clear: both; + margin-bottom: 20px; } #footer p { padding: 0px; margin: 0px; } -/* Style the List */ -#navigation { - /* background: url('images/menu.gif') no-repeat; */ - /* width: 693px; */ - position: relative; - top: -24px; - left: -4px; - width: 800px; - padding: 0px; - height: 28px; - z-index: 3; -} -#navigation ul { - padding: 0; - margin: 0; - list-style: none; - text-align: center; +#left { + width: 150px; + float: left; } -#navigation ul#menu { - padding-top: 3px; - padding-left: 5px; +#right { + /*margin-left: 171px;*/ + margin-left: 170px; + margin-top: 5px; + width: 620px; + background: url('/themes/_orange-flow/images/bgr_middle_right.gif') repeat-y; } -/* Style the List Elements */ -#navigation ul li { - float: left; + + +#navigation { position: relative; - /* width: 7.5em; */ - width: 8.77em; -} -#navigation ul li div { - font-size: 1em; - font-weight: bold; -} -/* Make the List inside the List Elements */ -/* initially hidden with absolute position */ -#navigation ul li ul { - display: none; - position: absolute; - top: 2em; - left: -2px; - width: 9em; - font-weight: normal; - background: transparent bottom left no-repeat; /* This is key to making the menu maintain visibility when not on a link */ - background-color: #202020; - background: url("images/menu_footer.gif") no-repeat; - background-position: bottom; - padding: 0em 0 0.4em 0; - padding-top: 0.3em; -} -/* to override top and left in browsers other than IE */ -/* which will position to the top right of the containing */ -/* li, rather than bottom left */ -#navigation ul li > ul { - top: auto; - left: auto; - left: -1px !important; -} -/* Show initial drop down upon mouse over, but do not show */ -/* nested side drop menus within listed elements */ -#navigation ul li:hover ul { - display: block; - cursor: hand; -} -#navigation ul li:hover { - cursor: hand; - cursor: pointer; -} -#navigation ul li:hover div { - text-decoration: none; + background-color: #000000; + top: 0px; + left: 5px; + width: 157px; + padding-top: 6px; + margin-left: 1px; + color: #fff; + padding-bottom: 6px; + padding-right: 0px; } -#navigation ul li { - background-color: transparent; - color: #FFF; -} -#navigation ul li ul li { - border: 1px solid #505050; - width: 8.8em; - height: 1.6em; - line-height: 1.6em; - background: url('images/metal_bgr.gif') repeat-x; - color: #FFF; -} -#navigation ul li ul li:hover { - background: url('images/metal_bgr_red.gif') repeat-x; +#navigation ul { + margin: 0px; + padding: 0px; + width: 100%; } -#navigation li li a { +#navigation ul li { display: block; padding-left: 10px; - padding-right: 10px; } -#navigation ul li ul li a.navlnk:hover { - text-decoration: none; -} -#navigation ul li.first { - border-right: 0px; -} -#navigation ul li.middle { - border-right: 0px; +#navigation ul li div { + margin-top: 2px; } -#navigation ul li.last { +#navigation ul li div { + font-weight: bold; } -#navigation ul li.dropfirst { - border-bottom: 0px; -} -#navigation ul li.dropmiddle { - border-bottom: 0px; -} -#navigation ul li.droplast { +#navigation ul li div .small, +#navigation ul li div .small:hover { + font-weight: normal; + font-size: 0.79em; } +#navigation ul li a { + padding-left: 0.5em; + padding-right: 0.5em; + padding-top: 0.2em; + padding-bottom: 0.2em; + height: 1.2em; + line-height: 1.2em; + color: #fff; + text-decoration: none; + width: 61px; + font-size: 0.9em; + text-align: center; +} +#navigation ul li a:hover { + color: #fff; + text-decoration: underline; + font-size: 0.9em; +} @@ -659,7 +585,6 @@ ul#tabnav li.tabact { } - /* Nifty Corners Crap */ .rtop,.artop{display:block} .rtop *,.artop *{display:block;height:1px;overflow:hidden;font-size:1px} @@ -681,4 +606,4 @@ ul#tabnav li.tabact { .rxl1,.rxl2,.rxl3,.rxl4,.rxsl1,.rxsl2,.ral1,.ral2,.ral3,.ral4,.rasl1,.rasl2{border-right-width:0} .rxr1,.rxr2,.rxr3,.rxr4,.rxsr1,.rxsr2,.rar1,.rar2,.rar3,.rar4,.rasr1,.rasr2{border-left-width:0} .r4,.rl4,.rr4,.re4,.rel4,.rer4,.ra4,.rar4,.ral4,.rx4,.rxl4,.rxr4{height:2px} -.rer1,.rel1,.re1,.res1,.resl1,.resr1{border-width:1px 0 0;height:0px !important;height /**/:1px} +.rer1,.rel1,.re1,.res1,.resl1,.resr1{border-width:1px 0 0;height:0px !important;height /**/:1px}
\ No newline at end of file diff --git a/usr/local/www/themes/metallic/all.css b/usr/local/www/themes/metallic/all.css index 607b54a..adb67f8 100644 --- a/usr/local/www/themes/metallic/all.css +++ b/usr/local/www/themes/metallic/all.css @@ -317,6 +317,11 @@ table#marquee div#container div#scroller { +#graph { + position: relative; + z-index: 10; +} + /* Class Based CSS Definitions */ @@ -659,6 +664,29 @@ ul#tabnav li.tabact { } +/* Auto Complete Suggestions */ +div.suggestions { + -moz-box-sizing: border-box; + box-sizing: border-box; + border: 1px solid black; + position: absolute; + background-color: #990000; + color: #FFF; +} + +div.suggestions div { + cursor: default; + padding: 0px 3px; + background-color: #990000; + color: #FFF; +} + +div.suggestions div.current { + background-color: #3366cc; + color: #FFF; +} +/* End Auto Complete Suggestions */ + /* Nifty Corners Crap */ .rtop,.artop{display:block} @@ -682,3 +710,4 @@ ul#tabnav li.tabact { .rxr1,.rxr2,.rxr3,.rxr4,.rxsr1,.rxsr2,.rar1,.rar2,.rar3,.rar4,.rasr1,.rasr2{border-left-width:0} .r4,.rl4,.rr4,.re4,.rel4,.rer4,.ra4,.rar4,.ral4,.rx4,.rxl4,.rxr4{height:2px} .rer1,.rel1,.re1,.res1,.resl1,.resr1{border-width:1px 0 0;height:0px !important;height /**/:1px} +/* End Nifty Corners Crap */
\ No newline at end of file diff --git a/usr/local/www/themes/pfsense-dropdown/all.css b/usr/local/www/themes/pfsense-dropdown/all.css index 7d5918b..71630bb 100644 --- a/usr/local/www/themes/pfsense-dropdown/all.css +++ b/usr/local/www/themes/pfsense-dropdown/all.css @@ -613,6 +613,29 @@ ul#tabnav li.tabact { } +/* Auto Complete Suggestions */ +div.suggestions { + -moz-box-sizing: border-box; + box-sizing: border-box; + border: 1px solid black; + position: absolute; + background-color: #990000; + color: #FFF; +} + +div.suggestions div { + cursor: default; + padding: 0px 3px; + background-color: #990000; + color: #FFF; +} + +div.suggestions div.current { + background-color: #3366cc; + color: #FFF; +} +/* End Auto Complete Suggestions */ + /* Nifty Corners Crap */ .rtop,.artop{display:block} diff --git a/usr/local/www/themes/pfsense/all.css b/usr/local/www/themes/pfsense/all.css index 5af4192..a072f31 100644 --- a/usr/local/www/themes/pfsense/all.css +++ b/usr/local/www/themes/pfsense/all.css @@ -583,6 +583,31 @@ ul#tabnav li.tabact { } +/* Auto Complete Suggestions */ +div.suggestions { + -moz-box-sizing: border-box; + box-sizing: border-box; + border: 1px solid black; + position: absolute; + background-color: #990000; + color: #FFF; +} + +div.suggestions div { + cursor: default; + padding: 0px 3px; + background-color: #990000; + color: #FFF; +} + +div.suggestions div.current { + background-color: #3366cc; + color: #FFF; +} +/* End Auto Complete Suggestions */ + + + /* Nifty Corners Crap */ .rtop,.artop{display:block} .rtop *,.artop *{display:block;height:1px;overflow:hidden;font-size:1px} |