application/media/css/jmenu.css

   1 /* Don't touch */
   2 ul#jmenu
   3 {
   4 margin: 0px;
   5 padding-left: 120px;
   6 list-style: none;
   7 background:#f6f6f6 url(../images/ninja_bg.png) repeat-x;
   8 left:9px;
   9 top:5px;
  10 z-index:99;
  11 }
  12 ul#jmenu li
  13 {
  14 float: left;
  15 margin: 0px;
  16 padding: 0px;
  17 //width: 1px; /* ie */
  18 //vertical-align: bottom;  /* ie */
  19 }
  20 ul#jmenu li a
  21 {
  22 display: block;
  23 white-space: nowrap;
  24 }
  25
  26 ul#jmenu li ul
  27 {
  28 display: none;
  29 position: absolute;
  30 margin: 0px;
  31 padding: 0px;
  32 list-style: none;
  33 zoom: 1;  /* ie */
  34 }
  35 ul#jmenu li ul li
  36 {
  37 float: none;
  38 }
  39
  40 /* Styling starts here */
  41 ul#jmenu
  42 {
  43         /*width: 100%;*/
  44         height: 16px;
  45 }
  46 ul#jmenu li
  47 {
  48         /* Menu background */
  49         padding: 2px 10px;
  50         height:16px;
  51         background:#f6f6f6 url(../images/ninja_bg.png) repeat-x;
  52 }
  53 ul#jmenu li a:link, ul#jmenu li a:visited
  54 {
  55         /* submenu */
  56         padding: 0px 10px;
  57         color: #000000;
  58         text-decoration: none;
  59         background: #f9f9f9;
  60 }
  61 ul#jmenu li a:hover
  62 {
  63         /* master menu hover color */
  64         background: #333333 url('../images/bg_grey.png') repeat-x left top;
  65         margin-bottom:1px;
  66 }
  67 ul#jmenu ul
  68 {
  69         /* submenu */
  70         margin-left:0px;
  71         background-color: #dcdcdc;
  72         border-left: 1px solid #7a8087;
  73         border-right: 1px solid #7a8087;
  74         border-bottom: 1px solid #7a8087;
  75         /*border-top: 1px solid #7a8087;*/
  76 }
  77 ul#jmenu li ul li span{
  78         padding-bottom:4px;
  79         vertical-align:top;
  80 }
  81 ul#jmenu li ul li
  82 {
  83         padding: 2px 0 0 0;
  84 }
  85 ul#jmenu li ul li a:link, ul#jmenu li ul li a:visited
  86 {
  87         /* submenu */
  88         min-width: 100px;
  89         //width: 100px;  /* ie */
  90         height: 16px;
  91         line-height: 16px;
  92         vertical-align:top;
  93 }
  94 ul#jmenu li ul li a:hover
  95 {       /* submenu hover color*/
  96         background: #f0f0f0;
  97 }