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