Template:EPF-Lausanne09menu

From 2009.igem.org

Revision as of 13:35, 1 May 2009 by Ngobet (Talk | contribs)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

<STYLE type=text/css id="default" title="default" name="default">

  • -moz-any-link br,*:-moz-any-link br {

/*a workarround for mozilla*/ display:none; } div#menu * {

 cursor: pointer; /*because IE displays the text cursor 

if the link is inactive*/ } .disabled {

  color: red !important;
  background: none !important;

} div#menu {

  background: #F5F5DC;
  font: 10px Verdana, sans-serif;
  height: 15px;
  white-space: nowrap;
  width: 100%;

}

div#menu .a {

  background: #F5F5DC;
  border: 1px solid #F5F5DC;
  color: #000000;
  text-decoration: none;

}

div#menu .a table {

  display: block;
  font: 10px Verdana, sans-serif;
  white-space: nowrap;

}

div#menu table, div#menu table a {

  display: none;

}

div#menu .a:hover, div#menu div.menuitem:hover {

  background: #7DA6EE;
  border: 1px solid #000080;
  color: #0000FF;
  margin-right:-1px; /*resolves a problem with Opera 

not displaying the right border*/ }

div#menu .a:hover table, div#menu div.menuitem:hover table{

  background: #FFFFFF;
  border: 1px solid #708090;
  display: block;
  position: absolute;
  white-space: nowrap;

}

div#menu .a:hover table a, div#menu div.menuitem:hover table a {

  border-left: 10px solid #708090;
  border-right: 1px solid white; /*resolves a jump problem*/
  color: #000000;
  display: block;
  padding: 1px 12px;
  text-decoration: none;
  white-space: nowrap;
  z-index: 1000;
  

}

div#menu .a:hover table a:hover, div#menu div.menuitem:hover table a:hover {

  background: #7DA6EE;
  border: 1px solid #000000;
  border-left: 10px solid #000000;
  color: #000000;
  display: block;
  padding: 0px 12px;
  text-decoration: none;
  z-index: 1000;

}

td {

  border-width: 0px;
  padding: 0px 0px 0px 0px;

} .menuitem {

  float: left;
  margin: 1px 1px 1px 1px;
  padding: 1px 1px 1px 1px;

}

.menuitem * {

  padding: 0px 0px 0px 0px;

}

  1. other {
 height: auto;visibility: visible;

}

  1. moz{
 height: 1px;visibility: hidden;

}

  1. moz::-moz-cell-content{
 height: auto; visibility: visible;

}

  1. other::-moz-cell-content{
 height: 1px; visibility: hidden;

}

  1. holder {
 width: 100%;

}

</STYLE>

Mozilla specific menu!