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         width:                  154px;
  26         border:                 1px solid black;
  27         padding:                1px;
  28         background:             white;
  29         filter:                 progid:DXImageTransform.Microsoft.Shadow(color="#777777", Direction=135, Strength=4)
  30                                 alpha(Opacity=95);
  31         -moz-opacity:           0.95;
  32         /* a drop shadow would be nice in moz/others too... */
  33 }
  34
  35 .webfx-menu-empty {
  36         display:                block;
  37         border:                 1px solid white;
  38         padding:                2px 5px 2px 5px;
  39         font-size:              11px;
  40         /* font-family:         Tahoma, Verdan, Helvetica, Sans-Serif; */
  41         color:                  black;
  42 }
  43
  44 .webfx-menu a {
  45         display:                block;
  46         width:                  expression(constExpression(ieBox ? "100%": "auto"));    /* should be ignored by mz and op */
  47         height:                 expression(constExpression("1px"));
  48         overflow:               visible;
  49         padding:                2px 0px 2px 5px;
  50         font-size:              11px;
  51         font-family:            Tahoma, Verdan, Helvetica, Sans-Serif;
  52         text-decoration:        none;
  53         vertical-align:         center;
  54         color:                  black;
  55         border:                 1px solid white;
  56 }
  57
  58 .webfx-menu a:visited {
  59         color:                  black;
  60         border:                 1px solid white;
  61 }
  62
  63 .webfx-menu a:hover {
  64         color:                  black;
  65         border:                 1px solid #7e0079;
  66 }
  67
  68 .webfx-menu a:hover {
  69         color:                  black;
  70         /* background:          #faf7fa; #f5ebf4; #efdfef; white; #BC79B8; */
  71         /* background:          #ffe6fe; */
  72         /* background:          #ffc2fe; */
  73         background:             #fff2fe;
  74         border:                 1px solid #7e0079; /*rgb(120,172,255);#ff8800;*/
  75 }
  76
  77 .webfx-menu a .arrow {
  78         float:                  right;
  79         border:                 0;
  80         width:                  3px;
  81         margin-right:   3px;
  82         margin-top:             4px;
  83 }
  84
  85 /* separtor */
  86 .webfx-menu div {
  87         height:                 0;
  88         height:                 expression(constExpression(ieBox ? "2px" : "0"));
  89         border-top:             1px solid #7e0079; /* rgb(120,172,255); */
  90         border-bottom:  1px solid rgb(234,242,255);
  91         overflow:               hidden;
  92         margin:                 2px 0px 2px 0px;
  93         font-size:              0mm;
  94 }
  95
  96 .webfx-menu-bar {
  97         /* i want a vertical bar */
  98         display:                        block;
  99
 100         /* background:          rgb(120,172,255);/*rgb(255,128,0);*/
 101         /* background:           #a097ed; */
 102         background:              #000000;
 103         /* border:                      1px solid #7E0079; */
 104         /* border:                      1px solid #000000; */
 105         /* border: none */
 106         color:                          white;
 107
 108         padding:                2px;
 109
 110         font-family:    Verdana, Helvetica, Sans-Serif;
 111         /* font-size:           11px; */
 112
 113         /* IE5.0 has the wierdest box model for inline elements */
 114         padding:                expression(constExpression(ie50 ? "0px" : "2px"));
 115 }
 116
 117 .webfx-menu-bar a,
 118 .webfx-menu-bar a:visited {
 119         /* i want a vertical bar */
 120         display:                        block;
 121
 122         /* border:                              1px solid black; /*rgb(0,0,0);/*rgb(255,128,0);*/
 123         /* border: 1px solid black; /* #ffffff; */
 124         /* border-bottom: 1px solid black; */
 125         border-bottom: 1px solid white;
 126         /* border-bottom:       1px solid rgb(0,66,174);
 127         /* border-bottom: 1px solid black;
 128         border-bottom: 1px solid black;
 129         border-bottom: 1px solid black; */
 130
 131         padding:                        1px 5px 1px 5px;
 132
 133         /* color:                               black; */
 134         color:                          white;
 135         text-decoration:        none;
 136
 137         /* IE5.0 Does not paint borders and padding on inline elements without a height/width */
 138         height:         expression(constExpression(ie50 ? "17px" : "auto"));
 139 }
 140
 141 .webfx-menu-bar a:link {
 142         color: white;
 143 }
 144
 145 .webfx-menu-bar a:hover {
 146         /* color:                       black; */
 147         color:                  white;
 148         /* background:          rgb(120,172,255);        */
 149         /* background:          #BC79B8; */
 150         background:             #7E0079;
 151         /* border-left: 1px solid rgb(234,242,255);
 152         border-right:   1px solid rgb(0,66,174);
 153         border-top:             1px solid rgb(234,242,255);
 154         border-bottom:  1px solid rgb(0,66,174); */
 155 }
 156
 157 .webfx-menu-bar a .arrow {
 158         border:                 0;
 159         float:                  right;
 160 /*      vertical-align:         top; */
 161         width:                  3px;
 162         margin-right:   3px;
 163         margin-top:             4px;
 164 }
 165
 166 .webfx-menu-bar a:active, .webfx-menu-bar a:focus {
 167         -moz-outline:   none;
 168         outline:                none;
 169         /*
 170                 ie does not support outline but ie55 can hide the outline using
 171                 a proprietary property on HTMLElement. Did I say that IE sucks at CSS?
 172         */
 173         ie-dummy:               expression(this.hideFocus=true);
 174
 175         border-left:    1px solid rgb(0,66,174);
 176         border-right:   1px solid rgb(234,242,255);
 177         border-top:             1px solid rgb(0,66,174);
 178         border-bottom:  1px solid rgb(234,242,255);
 179 }
 180
 181 .webfx-menu-title  {
 182         color:                  black;
 183         /* background:          #faf7fa; #f5ebf4; #efdfef; white; #BC79B8; */
 184         background:             #7e0079;
 185 /*      border:                 1px solid #7e0079; /*rgb(120,172,255);#ff8800;*/
 186         padding:                3px 1px 3px 6px;
 187         display:                block;
 188         font-size:              13px;
 189         font-family:            Tahoma, Verdan, Helvetica, Sans-Serif;
 190         text-decoration:        none;
 191         color:                  white;
 192 /*      border:                 1px solid white; */
 193         border-bottom:          1px solid white;
 194 }
 195