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