html/css/home_menus.css

   1 /* Special additional menu presentation for the front page */
   2
   3 #home #menu {
   4   width:auto;
   5   font-size:0.8em;
   6   display:block;
   7   clear:both;
   8   z-index: 0;
   9   background-color:#fff;
  10 }
  11
  12 /* remove all the bullets, borders and padding from the default list styling */
  13 #home #menu ul {
  14   padding:0;
  15   height:auto;
  16   position:relative;
  17   background-color: #fff;
  18   border: none;
  19   width:auto;
  20   display:block;
  21   clear:both;
  22   margin:0.5em 0.5em 0.2em 0;
  23 }
  24
  25 #home #menu ul li {
  26   padding: 0.5em 0.7em;
  27   clear:both;
  28   margin:0;
  29   display:inline;
  30   width:auto;
  31 }
  32
  33 #home #menu ul li #submenu {
  34   margin: 0.3em 2em;
  35 }
  36
  37 #home #menu ul li ul {
  38   visibility:visible;
  39   position:relative;
  40   height:auto;
  41   top:auto;
  42   left:auto;
  43
  44   font-size:0.8em;
  45   display:inline;
  46   padding: 0 1em 0 0;
  47   padding:0.5em 0.5em 0.2em 0;
  48 }
  49
  50 #home #menu ul li ul li {
  51   padding: 0;
  52   margin-left:0;
  53   display:inline;
  54   width:auto;
  55   clear:none;
  56   z-index: 0;
  57 }
  58
  59 /* style the links for the top level */
  60 #home #menu a, #home #menu a:visited {
  61   display:inline;
  62   font-weight: bold;
  63   font-family: sans-serif;
  64   text-decoration:none;
  65   color:navy;
  66   height:1.2em;
  67   vertical-align:middle;
  68   border:0 solid #fff;
  69   background-color:#fff;
  70   border-width:0;
  71   padding: 0.2em;
  72   margin: 0.2em;
  73   line-height:100%;
  74   width:auto;
  75   display:inline;
  76   white-space:nowrap;
  77 /*  border: 1px green dashed; */
  78 }
  79
  80 /* style the second level links */
  81 #home #menu ul ul a,
  82 #home #menu ul ul a:visited {
  83   background:#f0f0ff;
  84   color:navy;
  85   font-family: sans-serif;
  86   border: none;
  87   height:auto;
  88   line-height:1em;
  89   padding:0.2em 0.5em;
  90   display:inline;
  91 }
  92
  93 /* style the top level hover */
  94 #home #menu a:hover,
  95 #home #menu ul ul a:hover {
  96   background-color:#3050c0;
  97   color:#f0f0a0;
  98   text-decoration:underline;
  99   display:inline;
 100 }