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:              #cccccc;
 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         padding:                        1px 5px 1px 5px;
 118
 119         font-size:              16px;
 120
 121         color:                          black;
 122         /* color:                               white; */
 123         text-decoration:        none;
 124
 125         /* IE5.0 Does not paint borders and padding on inline elements without a height/width */
 126         height:         expression(constExpression(ie50 ? "17px" : "auto"));
 127
 128         border: 1px solid #cccccc;
 129
 130         margin-right: 4px
 131
 132 }
 133
 134 .webfx-menu-bar a:link {
 135         /* color: white; */
 136         color: black;
 137 }
 138
 139 .webfx-menu-bar a:hover {
 140         text-decoration: underline;
 141         color: #7e0079;
 142
 143 }
 144
 145 .webfx-menu-bar a .arrow {
 146         /* float:                       right; */
 147         border:                 0;
 148 /*      vertical-align:         top; */
 149 /*      width:                  3px; */
 150 /*      margin-right:   3px; */
 151         margin-bottom:          2px;
 152
 153 }
 154
 155 .webfx-menu-bar a:active, .webfx-menu-bar a:focus {
 156         -moz-outline:   none;
 157         outline:                none;
 158         /*
 159                 ie does not support outline but ie55 can hide the outline using
 160                 a proprietary property on HTMLElement. Did I say that IE sucks at CSS?
 161         */
 162         ie-dummy:               expression(this.hideFocus=true);
 163 }
 164
 165 .webfx-menu-title  {
 166         color:                  black;
 167         /* background:          #faf7fa; #f5ebf4; #efdfef; white; #BC79B8; */
 168         background:             #7e0079;
 169 /*      border:                 1px solid #7e0079; /*rgb(120,172,255);#ff8800;*/
 170         /* padding:             3px 1px 3px 6px; */
 171         padding:                3px 1px 3px 5px;
 172         display:                block;
 173         font-size:              16px;
 174 /*        font-family:            Verdana, Arial, Helvetica, sans-serif; */
 175         font-weight:            bold;
 176         text-decoration:        none;
 177         color:                  white;
 178         border-bottom:          1px solid white;
 179         width:                  expression(constExpression(ie ? "98%": "auto"));        /* should be ignored by mz and op */
 180 }
 181