Team:Leicester/Safety

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<html>
+
#cssmenu {
-
<div id='cssmenu'>
+
  border: none;
-
<ul>
+
  border: 0px;
-
  <li><a href='https://2013.igem.org/Team:Leicester'><span>Home</span></a></li>
+
  margin: 0px;
-
  <li class='has-sub'><a href='https://2013.igem.org/Team:Leicester'><span>Team</span></a>
+
  padding: 0px;
-
      <ul>
+
  font: 67.5% 'Lucida Sans Unicode', 'Bitstream Vera Sans', 'Trebuchet Unicode MS', 'Lucida Grande', Verdana, Helvetica, sans-serif;
-
        <li><a href='#'><span>About us</span></a></li>
+
  font-size: 14px;
-
        <li><a href='###'><span>Official Team Profile</span></a></li>
+
  font-weight: bold;
-
        <li class='last'><a href='http://uoligem.blogspot.co.uk/' target='_blank'><span>Our Blog</span></a></li>
+
  width: auto;
-
      </ul>
+
}
-
  </li>
+
#cssmenu ul {
-
  <li class='has-sub'><a href='#'><span>Project</span></a>
+
  background: #333333;
-
      <ul>
+
  height: 35px;
-
        <li><a href='#'><span>An overview</span></a></li>
+
  list-style: none;
-
        <li><a href='###'><span>Recycle</span></a></li>
+
  margin: 0;
-
        <li><a href='###'><span>Reuse</span></a></li>
+
  padding: 0;
-
        <li><a href='###'><span>Repurpose</span></a></li>
+
}
-
        <li><a href='https://2013.igem.org/Team:Leicester/Modeling'><span>Modelling</span></a></li>
+
#cssmenu li {
-
        <li class='last'><a href='https://2013.igem.org/Team:Leicester/Parts'><span>Registry Parts</span></a></li>
+
  float: left;
-
      </ul>
+
  padding: 0px;
-
  </li>
+
}
-
  <li class='has-sub'><a href='#'><span>Our Notebook</span></a>
+
#cssmenu li a {
-
      <ul>
+
  background: #333333 url('seperator.png') bottom right no-repeat;
-
        <li><a href='#'><span>July</span></a></li>
+
  display: block;
-
        <li><a href='#'><span>August</span></a></li>
+
  font-weight: normal;
-
        <li class='last'><a href='#'><span>September</span></a></li>
+
  line-height: 35px;
-
      </ul>
+
  margin: 0px;
-
  </li>
+
  padding: 0px 25px;
-
  <li><a href='https://2013.igem.org/Team:Leicester/Safety'><span>Safety</span></a></li>
+
  text-align: center;
-
  <li class='last'><a href='https://2013.igem.org/Team:Leicester/Attributions'><span>Attributions</span></a></li>
+
  text-decoration: none;
-
</ul>
+
}
-
</div>
+
#cssmenu > ul > li > a {
-
<html>
+
  color: #cccccc;
 +
}
 +
#cssmenu ul ul a {
 +
  color: #cccccc;
 +
}
 +
#cssmenu li > a:hover,
 +
#cssmenu ul li:hover > a {
 +
  background: #2580a2 url('hover.png') bottom center no-repeat;
 +
  color: #FFFFFF;
 +
  text-decoration: none;
 +
}
 +
#cssmenu li ul {
 +
  background: #333333;
 +
  display: none;
 +
  height: auto;
 +
  padding: 0px;
 +
  margin: 0px;
 +
  border: 0px;
 +
  position: absolute;
 +
  width: 225px;
 +
  z-index: 200;
 +
  /*top:1em;
 +
/*left:0;*/
 +
 
 +
}
 +
#cssmenu li:hover ul {
 +
  display: block;
 +
}
 +
#cssmenu li li {
 +
  background: url('sub_sep.png') bottom left no-repeat;
 +
  display: block;
 +
  float: none;
 +
  margin: 0px;
 +
  padding: 0px;
 +
  width: 225px;
 +
}
 +
#cssmenu li:hover li a {
 +
  background: none;
 +
}
 +
#cssmenu li ul a {
 +
  display: block;
 +
  height: 35px;
 +
  font-size: 12px;
 +
  font-style: normal;
 +
  margin: 0px;
 +
  padding: 0px 10px 0px 15px;
 +
  text-align: left;
 +
}
 +
#cssmenu li ul a:hover,
 +
#cssmenu li ul li:hover > a {
 +
  background: #2580a2 url('hover_sub.png') center left no-repeat;
 +
  border: 0px;
 +
  color: #ffffff;
 +
  text-decoration: none;
 +
}
 +
#cssmenu p {
 +
  clear: left;
 +
}

Revision as of 15:37, 13 September 2013

  1. cssmenu {
 border: none;
 border: 0px;
 margin: 0px;
 padding: 0px;
 font: 67.5% 'Lucida Sans Unicode', 'Bitstream Vera Sans', 'Trebuchet Unicode MS', 'Lucida Grande', Verdana, Helvetica, sans-serif;
 font-size: 14px;
 font-weight: bold;
 width: auto;

}

  1. cssmenu ul {
 background: #333333;
 height: 35px;
 list-style: none;
 margin: 0;
 padding: 0;

}

  1. cssmenu li {
 float: left;
 padding: 0px;

}

  1. cssmenu li a {
 background: #333333 url('seperator.png') bottom right no-repeat;
 display: block;
 font-weight: normal;
 line-height: 35px;
 margin: 0px;
 padding: 0px 25px;
 text-align: center;
 text-decoration: none;

}

  1. cssmenu > ul > li > a {
 color: #cccccc;

}

  1. cssmenu ul ul a {
 color: #cccccc;

}

  1. cssmenu li > a:hover,
  2. cssmenu ul li:hover > a {
 background: #2580a2 url('hover.png') bottom center no-repeat;
 color: #FFFFFF;
 text-decoration: none;

}

  1. cssmenu li ul {
 background: #333333;
 display: none;
 height: auto;
 padding: 0px;
 margin: 0px;
 border: 0px;
 position: absolute;
 width: 225px;
 z-index: 200;
 /*top:1em;

/*left:0;*/

}

  1. cssmenu li:hover ul {
 display: block;

}

  1. cssmenu li li {
 background: url('sub_sep.png') bottom left no-repeat;
 display: block;
 float: none;
 margin: 0px;
 padding: 0px;
 width: 225px;

}

  1. cssmenu li:hover li a {
 background: none;

}

  1. cssmenu li ul a {
 display: block;
 height: 35px;
 font-size: 12px;
 font-style: normal;
 margin: 0px;
 padding: 0px 10px 0px 15px;
 text-align: left;

}

  1. cssmenu li ul a:hover,
  2. cssmenu li ul li:hover > a {
 background: #2580a2 url('hover_sub.png') center left no-repeat;
 border: 0px;
 color: #ffffff;
 text-decoration: none;

}

  1. cssmenu p {
 clear: left;

}