httemplate/elements/xmenu.top.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         /* background:          rgb(120,172,255);/*rgb(255,128,0);*/
  99         /* background:           #a097ed; */
 100         background:              #000000;
 101         /* border:                      1px solid #7E0079; */
 102         /* border:                      1px solid #000000; */
 103         /* border: none */
 104         color:                          white;
 105
 106         padding:                2px;
 107
 108         /* IE5.0 has the wierdest box model for inline elements */
 109         padding:                expression(constExpression(ie50 ? "0px" : "2px"));
 110 }
 111
 112 .webfx-menu-bar a,
 113 .webfx-menu-bar a:visited {
 114         /* i want a vertical bar */
 115         /* display:                        block; */
 116
 117         /* border:                              1px solid black; /*rgb(0,0,0);/*rgb(255,128,0);*/
 118         /* border: 1px solid black; /* #ffffff; */
 119         /* border-bottom: 1px solid black; */
 120         /* border-bottom: 1px solid white; */
 121         /* border-bottom:       1px solid rgb(0,66,174);
 122         /* border-bottom: 1px solid black;
 123         border-bottom: 1px solid black;
 124         border-bottom: 1px solid black; */
 125
 126         padding:                        1px 5px 1px 5px;
 127
 128         /* color:                               black; */
 129         color:                          white;
 130         text-decoration:        none;
 131
 132         /* IE5.0 Does not paint borders and padding on inline elements without a height/width */
 133         height:         expression(constExpression(ie50 ? "17px" : "auto"));
 134
 135          background-color:#333333;
 136          border:1px solid;
 137          border-top-color:#cccccc;
 138          border-left-color:#cccccc;
 139          border-right-color:#aaaaaa;
 140          border-bottom-color:#aaaaaa;
 141
 142          margin-right: 4px
 143
 144 }
 145
 146 .webfx-menu-bar a:link {
 147         color: white;
 148 }
 149
 150 .webfx-menu-bar a:hover {
 151         /* color:                       black; */
 152         color:                  white;
 153         /* background:          rgb(120,172,255);        */
 154         /* background:          #BC79B8; */
 155         background:             #7e0079;
 156         /* border-left: 1px solid rgb(234,242,255);
 157         border-right:   1px solid rgb(0,66,174);
 158         border-top:             1px solid rgb(234,242,255);
 159         border-bottom:  1px solid rgb(0,66,174); */
 160
 161          border:1px solid;
 162          border-top-color:#cccccc;
 163          border-left-color:#cccccc;
 164          border-right-color:#aaaaaa;
 165          border-bottom-color:#aaaaaa;
 166
 167 }
 168
 169 .webfx-menu-bar a .arrow {
 170         /* float:                       right; */
 171         border:                 0;
 172 /*      vertical-align:         top; */
 173 /*      width:                  3px; */
 174 /*      margin-right:   3px; */
 175         margin-bottom:          2px;
 176
 177 }
 178
 179 .webfx-menu-bar a:active, .webfx-menu-bar a:focus {
 180         -moz-outline:   none;
 181         outline:                none;
 182         /*
 183                 ie does not support outline but ie55 can hide the outline using
 184                 a proprietary property on HTMLElement. Did I say that IE sucks at CSS?
 185         */
 186         ie-dummy:               expression(this.hideFocus=true);
 187
 188 /*      border-left:    1px solid rgb(0,66,174); */
 189 /*      border-right:   1px solid rgb(234,242,255); */
 190 /*      border-top:             1px solid rgb(0,66,174); */
 191 /*      border-bottom:  1px solid rgb(234,242,255); */
 192 }
 193
 194 .webfx-menu-title  {
 195         color:                  black;
 196         /* background:          #faf7fa; #f5ebf4; #efdfef; white; #BC79B8; */
 197         background:             #7e0079;
 198 /*      border:                 1px solid #7e0079; /*rgb(120,172,255);#ff8800;*/
 199         /* padding:             3px 1px 3px 6px; */
 200         padding:                3px 1px 3px 5px;
 201         display:                block;
 202         font-size:              16px;
 203 /*        font-family:            Verdana, Arial, Helvetica, sans-serif; */
 204         font-weight:            bold;
 205         text-decoration:        none;
 206         color:                  white;
 207 /*      border:                 1px solid white; */
 208         border-bottom:          1px solid white;
 209         width:                  expression(constExpression(ie ? "98%": "auto"));        /* should be ignored by mz and op */
 210 }
 211