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         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         /* i want a vertical bar */
  90         display:                        block;
  91
  92         /* background:          rgb(120,172,255);/*rgb(255,128,0);*/
  93         /* background:           #a097ed; */
  94         background:              #cccccc;
  95         /* border:                      1px solid #7E0079; */
  96         /* border:                      1px solid #000000; */
  97         /* border: none */
  98         color:                          white;
  99
 100         padding:                2px;
 101
 102         /* IE5.0 has the wierdest box model for inline elements */
 103         padding:                expression(constExpression(ie50 ? "0px" : "2px"));
 104 }
 105
 106 .webfx-menu-bar a,
 107 .webfx-menu-bar a:visited {
 108         /* i want a vertical bar */
 109         display:                        block;
 110
 111
 112         padding:                        1px 5px 1px 5px;
 113
 114         font-size:              14px;
 115
 116         color:                          black;
 117         /* color:                               white; */
 118         text-decoration:        none;
 119
 120         /* IE5.0 Does not paint borders and padding on inline elements without a height/width */
 121         height:         expression(constExpression(ie50 ? "17px" : "auto"));
 122 }
 123
 124 .webfx-menu-bar a:link {
 125         /* color: white; */
 126         color: black;
 127 }
 128
 129 .webfx-menu-bar a:hover {
 130         text-decoration: underline;
 131         color: #7e0079;
 132 }
 133
 134 .webfx-menu-bar a .arrow {
 135         float:                  right;
 136         border:                 0;
 137 /*      vertical-align:         top; */
 138         width:                  3px;
 139         margin-right:   3px;
 140         margin-top:             4px;
 141 }
 142
 143 .webfx-menu-bar a:active, .webfx-menu-bar a:focus {
 144         -moz-outline:   none;
 145         outline:                none;
 146         /*
 147                 ie does not support outline but ie55 can hide the outline using
 148                 a proprietary property on HTMLElement. Did I say that IE sucks at CSS?
 149         */
 150         ie-dummy:               expression(this.hideFocus=true);
 151 }
 152
 153 .webfx-menu-title  {
 154         color:                  black;
 155         /* background:          #faf7fa; #f5ebf4; #efdfef; white; #BC79B8; */
 156         background:             #7e0079;
 157 /*      border:                 1px solid #7e0079; /*rgb(120,172,255);#ff8800;*/
 158         /* padding:             3px 1px 3px 6px; */
 159         padding:                3px 1px 3px 5px;
 160         display:                block;
 161         font-size:              16px;
 162 /*        font-family:            Verdana, Arial, Helvetica, sans-serif; */
 163         font-weight:            bold;
 164         text-decoration:        none;
 165         color:                  white;
 166         border-bottom:          1px solid white;
 167         width:                  expression(constExpression(ie ? "98%": "auto"));        /* should be ignored by mz and op */
 168 }
 169