/pigeoncms/App_Themes/adminDefault/fsmenu_current.css

  1/* All <ul> tags in the menu including the first level */
  2.menulist, .menulist  ul {
  3 margin: 0;
  4 padding: 0px;	/*fu 0 */
  5 list-style: none;
  6 background-color: #154890;
  7}
  8
  9/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
 10.menulist ul {
 11 display: none;
 12 position: absolute;
 13 top: 1.0em; margin-top: 13px; /* I'm using ems and px to allow people to zoom their font */
 14 left: -1px;
 15 width: 150px;
 16}
 17
 18/* Second and third etc. level submenus - position across from parent instead */
 19.menulist ul ul {
 20 top: -1px; margin-top: 0;
 21 left: 148px;
 22}
 23
 24/*
 25 All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
 26 positioned relatively to correctly offset submenus. Also, they have overlapping borders.
 27*/
 28.menulist li
 29{
 30    float: left;
 31    display: block;
 32    position: relative;
 33    background: #154890;
 34    /*border: 1px solid #330;*/
 35    margin-right: -1px;
 36    color: white;
 37    /*font-size: 120%;*/
 38}
 39
 40/* Items in submenus - override float/border/margin from above, restoring default vertical style */
 41.menulist ul li {
 42 float: none;
 43 margin: 0;
 44 margin-bottom: -1px;
 45}
 46.menulist ul>li:last-child {
 47 margin-bottom: 1px; /* Mozilla fix */
 48}
 49
 50/* Links inside the menu */
 51.menulist a {
 52	display: block;
 53	padding: 3px 4px 3px 4px;
 54	color: White;
 55	text-decoration: none;
 56}
 57
 58/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
 59.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus , .menulist a.selected
 60{
 61    color: black;
 62    background-color: LightSteelBlue;
 63    text-decoration: none;
 64}
 65.menulist a.highlighted
 66{
 67    color: black;
 68    background-color: LightSteelBlue;
 69}
 70
 71/*
 72 If you want per-item background images in your menu items, here's how to do it.
 73 1) Assign a unique ID tag to each link in your menu, like so: <a id="xyz" href="#">
 74 2) Copy and paste these next lines for each link you want to have an image:
 75    .menulist a#xyz {
 76      background-image: url(out.gif);
 77    }
 78    .menulist a#xyz:hover, .menulist a.highlighted#xyz, .menulist a:focus {
 79     background-image: url(over.gif);
 80    }
 81*/
 82
 83/* Only style submenu indicators within submenus. */
 84.menulist a .subind {
 85 display: none;
 86}
 87.menulist ul a .subind {
 88 display: block;
 89 float: right;
 90}
 91
 92
 93/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
 94.menulist a {
 95 float: left;
 96}
 97.menulist ul a {
 98 float: none;
 99}
100/* \*/
101.menulist a {
102 float: none;
103}
104/* */
105
106
107/*
108 HACKS: IE/Win:
109 A small height on <li> and <a> tags and floating prevents gaps in menu.
110 * html affects <=IE6 and *:first-child+html affects IE7.
111 You may want to move these to browser-specific style sheets.
112*/
113*:first-child+html .menulist ul li {
114 float: left;
115 width: 100%;
116}
117
118* html .menulist ul li {
119 float: left;
120 height: 1%;
121}
122* html .menulist ul a {
123 height: 1%;
124}
125/* End Hacks */