httemplate/elements/xmenu.css

   1
   2 .webfx-menu, .webfx-menu * {
   3         /*
   4         Set the box sizing to content box
   5         in the future when IE6 supports box-sizing
   6         there will be an issue to fix the sizes
   7
   8         There is probably an issue with IE5 mac now
   9         because IE5 uses content-box but the script
  10         assumes all versions of IE uses border-box.
  11
  12         At the time of this writing mozilla did not support
  13         box-sizing for absolute positioned element.
  14
  15         Opera only supports content-box
  16         */
  17         box-sizing:                     content-box;
  18         -moz-box-sizing:        content-box;
  19 }
  20
  21 .webfx-menu {
  22         position:               absolute;
  23         z-index:                100;
  24         visibility:             hidden;
  25         border:                 1px solid black;
  26         padding:                1px;
  27         background:             white;
  28         filter:                 progid:DXImageTransform.Microsoft.Shadow(color="#777777", Direction=135, Strength=4)
  29                                 alpha(Opacity=95);
  30         -moz-opacity:           0.95;
  31         /* a drop shadow would be nice in moz/others too... */
  32 }
  33
  34 .webfx-menu-empty {
  35         display:                block;
  36         border:                 1px solid white;
  37         padding:                2px 5px 2px 5px;
  38         font-size:              11px;
  39         /* font-family:         Tahoma, Verdan, Helvetica, Sans-Serif; */
  40         color:                  black;
  41 }
  42
  43 .webfx-menu a {
  44         display:                block;
  45         /* width:                       expression(constExpression(ieBox ? "100%": "auto")); /* should be ignored by mz and op */
  46         width:                  expression(constExpression(ie ? "98%": "auto")); /* should be ignored by mz and op */
  47         overflow:               visible;
  48         /* padding:             2px 0px 2px 5px; */
  49         padding:                1px 0px 1px 5px;
  50         font-size:              14px;
  51 /*      font-family:            Verdana, Arial, Helvetica, sans-serif; */
  52         font-weight:            bold;
  53         text-decoration:        none;
  54         vertical-align:         center;
  55         color:                  black;
  56         border:                 1px solid white;
  57 }
  58
  59 .webfx-menu a:visited {
  60         color:                  black;
  61         border:                 1px solid white;
  62 }
  63
  64 .webfx-menu a:hover {
  65         color:                  black;
  66         border:                 1px solid #7e0079;
  67 }
  68
  69 .webfx-menu a:hover {
  70         color:                  black;
  71         /* background:          #faf7fa; #f5ebf4; #efdfef; white; #BC79B8; */
  72         /* background:          #ffe6fe; */
  73         /* background:          #ffc2fe; */
  74         background:             #fff2fe;
  75         border:                 1px solid #7e0079; /*rgb(120,172,255);#ff8800;*/
  76 }
  77
  78 .webfx-menu a .arrow {
  79         float:                  right;
  80         border:                 0;
  81         width:                  3px;
  82         margin-right:   3px;
  83         margin-top:             4px;
  84 }
  85
  86 /* separtor */
  87 .webfx-menu div {
  88         height:                 0;
  89         height:                 expression(constExpression(ieBox ? "2px" : "0"));
  90         border-top:             1px solid #7e0079; /* rgb(120,172,255); */
  91         border-bottom:  1px solid rgb(234,242,255);
  92         overflow:               hidden;
  93         margin:                 2px 0px 2px 0px;
  94         font-size:              0mm;
  95 }
  96
  97 .webfx-menu-bar {
  98         /* i want a vertical bar */
  99         display:                        block;
 100
 101         /* background:          rgb(120,172,255);/*rgb(255,128,0);*/
 102         /* background:           #a097ed; */
 103         background:              #cccccc;
 104         /* border:                      1px solid #7E0079; */
 105         /* border:                      1px solid #000000; */
 106         /* border: none */
 107         color:                          white;
 108
 109         padding:                2px;
 110
 111         /* IE5.0 has the wierdest box model for inline elements */
 112         padding:                expression(constExpression(ie50 ? "0px" : "2px"));
 113 }
 114
 115 .webfx-menu-bar a,
 116 .webfx-menu-bar a:visited {
 117         /* i want a vertical bar */
 118         display:                        block;
 119
 120
 121         padding:                        1px 5px 1px 5px;
 122
 123         font-size:              14px;
 124
 125         color:                          black;
 126         /* color:                               white; */
 127         text-decoration:        none;
 128
 129         /* IE5.0 Does not paint borders and padding on inline elements without a height/width */
 130         height:         expression(constExpression(ie50 ? "17px" : "auto"));
 131 }
 132
 133 .webfx-menu-bar a:link {
 134         /* color: white; */
 135         color: black;
 136 }
 137
 138 .webfx-menu-bar a:hover {
 139         text-decoration: underline;
 140         color: #7e0079;
 141 }
 142
 143 .webfx-menu-bar a .arrow {
 144         float:                  right;
 145         border:                 0;
 146 /*      vertical-align:         top; */
 147         width:                  3px;
 148         margin-right:   3px;
 149         margin-top:             4px;
 150 }
 151
 152 .webfx-menu-bar a:active, .webfx-menu-bar a:focus {
 153         -moz-outline:   none;
 154         outline:                none;
 155         /*
 156                 ie does not support outline but ie55 can hide the outline using
 157                 a proprietary property on HTMLElement. Did I say that IE sucks at CSS?
 158         */
 159         ie-dummy:               expression(this.hideFocus=true);
 160 }
 161
 162 .webfx-menu-title  {
 163         color:                  black;
 164         /* background:          #faf7fa; #f5ebf4; #efdfef; white; #BC79B8; */
 165         background:             #7e0079;
 166 /*      border:                 1px solid #7e0079; /*rgb(120,172,255);#ff8800;*/
 167         /* padding:             3px 1px 3px 6px; */
 168         padding:                3px 1px 3px 5px;
 169         display:                block;
 170         font-size:              16px;
 171 /*        font-family:            Verdana, Arial, Helvetica, sans-serif; */
 172         font-weight:            bold;
 173         text-decoration:        none;
 174         color:                  white;
 175         border-bottom:          1px solid white;
 176         width:                  expression(constExpression(ie ? "98%": "auto"));        /* should be ignored by mz and op */
 177 }
 178