From 2c757d7db4cb6a7b9655de13206fcc84fb7ce61f Mon Sep 17 00:00:00 2001 From: ivan Date: Sun, 14 May 2006 16:47:31 +0000 Subject: first part of ACL and re-skinning work and some other small stuff --- httemplate/elements/xmenu.css | 185 ++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 185 insertions(+) create mode 100644 httemplate/elements/xmenu.css (limited to 'httemplate/elements/xmenu.css') diff --git a/httemplate/elements/xmenu.css b/httemplate/elements/xmenu.css new file mode 100644 index 000000000..5bb8a0deb --- /dev/null +++ b/httemplate/elements/xmenu.css @@ -0,0 +1,185 @@ + +.webfx-menu, .webfx-menu * { + /* + Set the box sizing to content box + in the future when IE6 supports box-sizing + there will be an issue to fix the sizes + + There is probably an issue with IE5 mac now + because IE5 uses content-box but the script + assumes all versions of IE uses border-box. + + At the time of this writing mozilla did not support + box-sizing for absolute positioned element. + + Opera only supports content-box + */ + box-sizing: content-box; + -moz-box-sizing: content-box; +} + +.webfx-menu { + position: absolute; + z-index: 100; + visibility: hidden; + width: 154px; + border: 1px solid black; + padding: 1px; + background: white; + filter: progid:DXImageTransform.Microsoft.Shadow(color="#777777", Direction=135, Strength=4) + alpha(Opacity=95); + -moz-opacity: 0.95; + /* a drop shadow would be nice in moz/others too... */ +} + +.webfx-menu-empty { + display: block; + border: 1px solid white; + padding: 2px 5px 2px 5px; + font-size: 11px; + /* font-family: Tahoma, Verdan, Helvetica, Sans-Serif; */ + color: black; +} + +.webfx-menu a { + display: block; + width: expression(constExpression(ieBox ? "100%": "auto")); /* should be ignored by mz and op */ + height: expression(constExpression("1px")); + overflow: visible; + padding: 2px 0px 2px 5px; + font-size: 11px; + font-family: Tahoma, Verdan, Helvetica, Sans-Serif; + text-decoration: none; + vertical-align: center; + color: black; + border: 1px solid white; +} + +.webfx-menu a:visited, +.webfx-menu a:visited:hover { + color: black; +} + +.webfx-menu a:hover { + color: black; + /* background: #faf7fa; #f5ebf4; #efdfef; white; #BC79B8; */ + /* background: #ffe6fe; */ + /* background: #ffc2fe; */ + background: #fff2fe; + border: 1px solid #7e0079; /*rgb(120,172,255);#ff8800;*/ +} + +.webfx-menu a .arrow { + float: right; + border: 0; + width: 3px; + margin-right: 3px; + margin-top: 4px; +} + +/* separtor */ +.webfx-menu div { + height: 0; + height: expression(constExpression(ieBox ? "2px" : "0")); + border-top: 1px solid #7e0079; /* rgb(120,172,255); */ + border-bottom: 1px solid rgb(234,242,255); + overflow: hidden; + margin: 2px 0px 2px 0px; + font-size: 0mm; +} + +.webfx-menu-bar { + /* i want a vertical bar */ + display: block; + + /* background: rgb(120,172,255);/*rgb(255,128,0);*/ + /* background: #a097ed; */ + background: #000000; + /* border: 1px solid #7E0079; */ + /* border: 1px solid #000000; */ + /* border: none */ + + padding: 2px; + + font-family: Verdana, Helvetica, Sans-Serif; + font-size: 11px; + + /* IE5.0 has the wierdest box model for inline elements */ + padding: expression(constExpression(ie50 ? "0px" : "2px")); +} + +.webfx-menu-bar a, +.webfx-menu-bar a:visited { + /* i want a vertical bar */ + display: block; + + /* border: 1px solid black; /*rgb(0,0,0);/*rgb(255,128,0);*/ + /* border: 1px solid black; /* #ffffff; */ + /* border-bottom: 1px solid black; */ + border-bottom: 1px solid white; + /* border-bottom: 1px solid rgb(0,66,174); + /* border-bottom: 1px solid black; + border-bottom: 1px solid black; + border-bottom: 1px solid black; */ + + padding: 1px 5px 1px 5px; + + /* color: black; */ + color: white; + text-decoration: none; + + /* IE5.0 Does not paint borders and padding on inline elements without a height/width */ + height: expression(constExpression(ie50 ? "17px" : "auto")); +} + +.webfx-menu-bar a:hover { + /* color: black; */ + color: white; + /* background: rgb(120,172,255); */ + /* background: #BC79B8; */ + background: #7E0079; + /* border-left: 1px solid rgb(234,242,255); + border-right: 1px solid rgb(0,66,174); + border-top: 1px solid rgb(234,242,255); + border-bottom: 1px solid rgb(0,66,174); */ +} + +.webfx-menu-bar a .arrow { + border: 0; + float: right; +/* vertical-align: top; */ + width: 3px; + margin-right: 3px; + margin-top: 4px; +} + +.webfx-menu-bar a:active, .webfx-menu-bar a:focus { + -moz-outline: none; + outline: none; + /* + ie does not support outline but ie55 can hide the outline using + a proprietary property on HTMLElement. Did I say that IE sucks at CSS? + */ + ie-dummy: expression(this.hideFocus=true); + + border-left: 1px solid rgb(0,66,174); + border-right: 1px solid rgb(234,242,255); + border-top: 1px solid rgb(0,66,174); + border-bottom: 1px solid rgb(234,242,255); +} + +.webfx-menu-title { + color: black; + /* background: #faf7fa; #f5ebf4; #efdfef; white; #BC79B8; */ + background: #7e0079; +/* border: 1px solid #7e0079; /*rgb(120,172,255);#ff8800;*/ + padding: 3px 1px 3px 6px; + display: block; + font-size: 13px; + font-family: Tahoma, Verdan, Helvetica, Sans-Serif; + text-decoration: none; + color: white; +/* border: 1px solid white; */ + border-bottom: 1px solid white; +} + -- cgit v1.2.1 From 6d777ed1fafabab8c308c9ffa24f1dd48f33a9a5 Mon Sep 17 00:00:00 2001 From: ivan Date: Mon, 15 May 2006 11:05:04 +0000 Subject: more ACL and re-skinning work, now with RT! --- httemplate/elements/xmenu.css | 16 +++++++++++++--- 1 file changed, 13 insertions(+), 3 deletions(-) (limited to 'httemplate/elements/xmenu.css') diff --git a/httemplate/elements/xmenu.css b/httemplate/elements/xmenu.css index 5bb8a0deb..60881b813 100644 --- a/httemplate/elements/xmenu.css +++ b/httemplate/elements/xmenu.css @@ -55,9 +55,14 @@ border: 1px solid white; } -.webfx-menu a:visited, -.webfx-menu a:visited:hover { +.webfx-menu a:visited { color: black; + border: 1px solid white; +} + +.webfx-menu a:hover { + color: black; + border: 1px solid #7e0079; } .webfx-menu a:hover { @@ -98,11 +103,12 @@ /* border: 1px solid #7E0079; */ /* border: 1px solid #000000; */ /* border: none */ + color: white; padding: 2px; font-family: Verdana, Helvetica, Sans-Serif; - font-size: 11px; + /* font-size: 11px; */ /* IE5.0 has the wierdest box model for inline elements */ padding: expression(constExpression(ie50 ? "0px" : "2px")); @@ -132,6 +138,10 @@ height: expression(constExpression(ie50 ? "17px" : "auto")); } +.webfx-menu-bar a:link { + color: white; +} + .webfx-menu-bar a:hover { /* color: black; */ color: white; -- cgit v1.2.1 From 81152bdb2d34ede928dfa20d19125356f02a884d Mon Sep 17 00:00:00 2001 From: ivan Date: Thu, 25 Jan 2007 06:00:40 +0000 Subject: fuck. you. IE7. --- httemplate/elements/xmenu.css | 32 +++++++++++++++----------------- 1 file changed, 15 insertions(+), 17 deletions(-) (limited to 'httemplate/elements/xmenu.css') diff --git a/httemplate/elements/xmenu.css b/httemplate/elements/xmenu.css index 60881b813..531fce77a 100644 --- a/httemplate/elements/xmenu.css +++ b/httemplate/elements/xmenu.css @@ -22,7 +22,6 @@ position: absolute; z-index: 100; visibility: hidden; - width: 154px; border: 1px solid black; padding: 1px; background: white; @@ -43,12 +42,14 @@ .webfx-menu a { display: block; - width: expression(constExpression(ieBox ? "100%": "auto")); /* should be ignored by mz and op */ - height: expression(constExpression("1px")); + /* width: expression(constExpression(ieBox ? "100%": "auto")); /* should be ignored by mz and op */ + width: expression(constExpression(ie ? "98%": "auto")); /* should be ignored by mz and op */ overflow: visible; - padding: 2px 0px 2px 5px; - font-size: 11px; - font-family: Tahoma, Verdan, Helvetica, Sans-Serif; + /* padding: 2px 0px 2px 5px; */ + padding: 1px 0px 1px 5px; + font-size: 14px; +/* font-family: Verdana, Arial, Helvetica, sans-serif; */ + font-weight: bold; text-decoration: none; vertical-align: center; color: black; @@ -94,9 +95,6 @@ } .webfx-menu-bar { - /* i want a vertical bar */ - display: block; - /* background: rgb(120,172,255);/*rgb(255,128,0);*/ /* background: #a097ed; */ background: #000000; @@ -107,9 +105,6 @@ padding: 2px; - font-family: Verdana, Helvetica, Sans-Serif; - /* font-size: 11px; */ - /* IE5.0 has the wierdest box model for inline elements */ padding: expression(constExpression(ie50 ? "0px" : "2px")); } @@ -147,7 +142,7 @@ color: white; /* background: rgb(120,172,255); */ /* background: #BC79B8; */ - background: #7E0079; + background: #7e0079; /* border-left: 1px solid rgb(234,242,255); border-right: 1px solid rgb(0,66,174); border-top: 1px solid rgb(234,242,255); @@ -155,8 +150,8 @@ } .webfx-menu-bar a .arrow { - border: 0; float: right; + border: 0; /* vertical-align: top; */ width: 3px; margin-right: 3px; @@ -183,13 +178,16 @@ /* background: #faf7fa; #f5ebf4; #efdfef; white; #BC79B8; */ background: #7e0079; /* border: 1px solid #7e0079; /*rgb(120,172,255);#ff8800;*/ - padding: 3px 1px 3px 6px; + /* padding: 3px 1px 3px 6px; */ + padding: 3px 1px 3px 5px; display: block; - font-size: 13px; - font-family: Tahoma, Verdan, Helvetica, Sans-Serif; + font-size: 16px; + font-family: Verdana, Arial, Helvetica, sans-serif; + font-weight: bold; text-decoration: none; color: white; /* border: 1px solid white; */ border-bottom: 1px solid white; + width: expression(constExpression(ie ? "98%": "auto")); /* should be ignored by mz and op */ } -- cgit v1.2.1 From 4d68624491e3500a0bdb737a421c3711e5defebf Mon Sep 17 00:00:00 2001 From: ivan Date: Thu, 25 Jan 2007 06:04:54 +0000 Subject: fuck. you. IE7. --- httemplate/elements/xmenu.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'httemplate/elements/xmenu.css') diff --git a/httemplate/elements/xmenu.css b/httemplate/elements/xmenu.css index 531fce77a..46b221bda 100644 --- a/httemplate/elements/xmenu.css +++ b/httemplate/elements/xmenu.css @@ -182,7 +182,7 @@ padding: 3px 1px 3px 5px; display: block; font-size: 16px; - font-family: Verdana, Arial, Helvetica, sans-serif; +/* font-family: Verdana, Arial, Helvetica, sans-serif; */ font-weight: bold; text-decoration: none; color: white; -- cgit v1.2.1 From f01e2ce0aa6c1925e6266d78797025ec68bfac07 Mon Sep 17 00:00:00 2001 From: ivan Date: Fri, 26 Jan 2007 08:04:37 +0000 Subject: top bar option! --- httemplate/elements/xmenu.css | 11 +++++++---- 1 file changed, 7 insertions(+), 4 deletions(-) (limited to 'httemplate/elements/xmenu.css') diff --git a/httemplate/elements/xmenu.css b/httemplate/elements/xmenu.css index 46b221bda..97c7da8bb 100644 --- a/httemplate/elements/xmenu.css +++ b/httemplate/elements/xmenu.css @@ -95,6 +95,9 @@ } .webfx-menu-bar { + /* i want a vertical bar */ + display: block; + /* background: rgb(120,172,255);/*rgb(255,128,0);*/ /* background: #a097ed; */ background: #000000; @@ -167,10 +170,10 @@ */ ie-dummy: expression(this.hideFocus=true); - border-left: 1px solid rgb(0,66,174); - border-right: 1px solid rgb(234,242,255); - border-top: 1px solid rgb(0,66,174); - border-bottom: 1px solid rgb(234,242,255); +/* border-left: 1px solid rgb(0,66,174); */ +/* border-right: 1px solid rgb(234,242,255); */ +/* border-top: 1px solid rgb(0,66,174); */ +/* border-bottom: 1px solid rgb(234,242,255); */ } .webfx-menu-title { -- cgit v1.2.1