diff options
author | Scott Ullrich <sullrich@pfsense.org> | 2007-01-17 18:43:13 +0000 |
---|---|---|
committer | Scott Ullrich <sullrich@pfsense.org> | 2007-01-17 18:43:13 +0000 |
commit | ec7d094f6466bbda7b8cf728e1201d59e00d1ec2 (patch) | |
tree | 5c67b0b522505019848764b64e6311601351f162 /usr/local/www/themes/nervecenter/styles | |
parent | 4bee86729f13edd6bbcf4a364c0152b6d8d9d9d1 (diff) | |
download | pfsense-ec7d094f6466bbda7b8cf728e1201d59e00d1ec2.zip pfsense-ec7d094f6466bbda7b8cf728e1201d59e00d1ec2.tar.gz |
MFC nervecenter theme
Seems to work okay on RELENG_1 so far. May need a few tweaks here and there.
Diffstat (limited to 'usr/local/www/themes/nervecenter/styles')
-rw-r--r-- | usr/local/www/themes/nervecenter/styles/menustyles.css | 44 | ||||
-rw-r--r-- | usr/local/www/themes/nervecenter/styles/transmenu.css | 75 |
2 files changed, 119 insertions, 0 deletions
diff --git a/usr/local/www/themes/nervecenter/styles/menustyles.css b/usr/local/www/themes/nervecenter/styles/menustyles.css new file mode 100644 index 0000000..06b3c7a --- /dev/null +++ b/usr/local/www/themes/nervecenter/styles/menustyles.css @@ -0,0 +1,44 @@ +#navigation { + /* border:1px solid black; */ + width: 98%; + vertical-align: middle; + height: 16px; + padding-top: 4px; + } + +#menu { + /* background: #990000; */ + /* border-bottom:1px solid white; */ + padding: 0 0 0 0; + width: 98%; + vertical-align: middle; + height: 16px; + } +#menu a { + padding: 2px 28px 4px 28px; + text-decoration: none; + font-weight: bold; + font-size: 1.0em; + color: #FFFFFF; + width: 08%; + height: 16px; + } +#menu a.hover { + background: #AF2020; + } +#menu span { + display: none; + } + +#subnav { + font-size: 10px; + margin-bottom: 2em; + } +#subnav a { + color: #FF0000; /* #FB3B00; */ + margin-right: 1em; + } +#subnav span { + color: silver; + margin-right: 1em; + } diff --git a/usr/local/www/themes/nervecenter/styles/transmenu.css b/usr/local/www/themes/nervecenter/styles/transmenu.css new file mode 100644 index 0000000..f683574 --- /dev/null +++ b/usr/local/www/themes/nervecenter/styles/transmenu.css @@ -0,0 +1,75 @@ +/* this is the clipping region for the menu. it's width and height get set by script, depending on the size of the items table */ +.transMenu { + position:absolute; + overflow:hidden; + left:-1000px; + top:-1000px; + } + +/* this is the main container for the menu itself. it's width and height get set by script, depending on the size of the items table */ +.transMenu .content { + position:absolute; + } + +/* this table comprises all menu items. each TR is one item. It is relatively positioned so that the shadow and background transparent divs can be positioned underneath it */ +.transMenu .items { + position:relative; + left:0px; top:0px; + z-index:2; + } + +.transMenu.top .items { + border-top:none; + } + +/* each TR.item is one menu item */ +.transMenu .item { + color: #FFFFFF; /* #336; */ + font-size: 1.1em; + font-weight: normal; + font-family:sans-serif; + text-decoration:none; + /* this is a hack for mac/ie5, whom incorrectly cascades the border properties of the parent table to each row */ + border:none; + cursor:pointer; + cursor:hand; + } + +/* this DIV is the semi-transparent white background of each menu. the -moz-opacity is a proprietary way to get transparency in mozilla, the filter is for IE/windows 5.0+. */ +/* we set the background color in script because ie mac does not use it; that browser only uses a semi-transparent white PNG that the spacer gif inside this DIV is replaced by */ +.transMenu .background { + position:absolute; + left:0px; top:0px; + z-index:1; + -moz-opacity:.8; + filter:alpha(opacity=80); + } + +/* same concept as .background, but this is the sliver of shadow on the right of the menu. It's left, height, and background are set by script. In IE5/mac, it uses a PNG */ +.transMenu .shadowRight { + position:absolute; + z-index:3; + top:3px; width:2px; + -moz-opacity:.4; + filter:alpha(opacity=40); + } + +/* same concept as .background, but this is the sliver of shadow on the bottom of the menu. It's top, width, and background are set by script. In IE5/mac, it uses a PNG */ +.transMenu .shadowBottom { + position:absolute; + z-index:1; + left:3px; height:2px; + -moz-opacity:.4; + filter:alpha(opacity=40); + } + +/* this is the class that is used when the mouse is over an item. script sets the row to this class when required. */ +.transMenu .item.hover { + background:#fdfdfd; + color:black; + } + +/* this is either the dingbat that indicates there is a submenu, or a spacer gif in it's place. We give it extra margin to create some space between the text and the dingbat */ +.transMenu .item img { + margin-left:10px; + }
\ No newline at end of file |