Template:Team:Monash Australia/Nav2

From 2010.igem.org

(Difference between revisions)
 
(27 intermediate revisions not shown)
Line 2: Line 2:
<head>
<head>
       <style type="text/css">
       <style type="text/css">
-
      body {behavior: url(http://www.xs4all.nl/~peterned/htc/csshover3-source.htc);}
+
html, body, a, font,
 +
small, strike, strong, sub, sup, tt, var,
 +
b, u, i, center,
 +
dl, dt, dd, ol, ul, li, table,
 +
fieldset, form, label, legend, caption, tbody, tfoot, thead, tr, th, td {
 +
font-size: 100%;
 +
vertical-align: baseline;
 +
background: transparent;
 +
}
-
      .clear {clear:both;}
+
body {
-
body.mediawiki {
+
  background-color: #EEEEEE;
-
background-color:#494d51;
+
  margin: 0px;
-
background-position: center center;
+
  font-family: Verdana, Arial, Helvetica, sans-serif;
-
background-attachment: fixed;
+
  font-size: 7pt;
-
background-repeat: no-repeat;
+
  color: #000;
-
font-family: Calibri, Verdana, helvetica, sans-serif;
+
}
-
}
+
-
h2 {padding: 10px 20px;
+
-
                        font-size: 18px;
+
-
                        color: #eb8300;
+
-
                        text-decoration: none;
+
-
                        font-weight: bold;}
+
-
                        border: none;
+
-
h2 a {color: #eb8300;}
+
-
h3 {padding: 10px 20px;
+
-
                        font-size: 15px;
+
-
                        color: #000;
+
-
                        font-decoration: none;
+
-
                        font-weight: bold;}
+
-
h1.firstHeading {
+
-
display: none;
+
-
}
+
-
p {
+
-
text-align: justify;
+
-
}
+
-
a:link {
+
-
text-decoration: none
+
-
}
+
-
a:visited {
+
-
text-decoration: none
+
-
}
+
-
a:hover {
+
-
text-decoration: none
+
-
}
+
-
a:active {
+
-
text-decoration: none
+
-
}
+
-
#bodyContent { width: 970px; margin: 100px 0px 0px; background-color:#FFFFFF;}
+
-
                #content {padding-left: 0px; width: 970px;}
+
-
table#team_members { text-align: justify; border: 0; }
+
-
table#team_members h2, table#team_members h3 { clear: both; }
+
-
#content * a:hover {text-decoration:none;}
+
-
#main_wrapper {
+
-
                        position:absolute; left:0px; top:0px;
+
-
margin: 0;
+
-
width: 969px;
+
-
height: 80px;
+
-
align: center;
+
-
border-style: solid;
+
-
                        border-color: white;
+
-
}
+
-
#header {
+
-
                        position:absolute; left:66px; top:0px;
+
-
margin: 0;
+
-
width: 837px;
+
-
height: 80px;
+
-
align: center;
+
-
background-color: #FFFFFF;
+
-
                        background-image: url(http://2010.igem.org/wiki/images/c/c3/Monash_Australia_Navbar.png);
+
-
}
+
-
#navigation {
+
-
position:absolute; left:175px; top:80px;
+
-
z-index:100; background-color: transparent; float: left;
+
-
color: #000000;
+
-
}
+
-
#super_main_wrapper {
+
-
                        position:absolute; left:0px; top:227px;
+
-
width: 975px;
+
-
align: center;
+
-
background-color: #ede8e2;
+
-
                        heigth: 100px;
+
-
                }
+
-
                #SubWrapper {width: 645px;
+
-
                        padding: 0px;
+
-
                        border-left:4px solid #ede8e2;
+
-
                        float: left;
+
-
                        margin-top: 3px;
+
-
                        background-color: #ede8e2;}
+
-
                #SubWrapper * p, #SubWrapper p  {padding: 0 20px;
+
-
                        text-align: justify;
+
-
                        font-size: 12px;}
+
-
                #SubWrapper * h3, #SubWrapper h3 {padding-top: 10px;
+
-
                        font-size: 18px;}
+
-
                #news {width: 322px;
+
-
                        margin-top: 3px;
+
-
                        float: left;
+
-
                        background-color: #d8d5d0;
+
-
                        border-right:4px solid #ede8e2;}
+
-
              #news p {padding: 0 20px 20px 20px;
+
-
                        text-align: justify;
+
-
                        font-size: 12px;}
+
-
                #news h3 {padding: 10px 20px;
+
-
                        font-size: 18px;}
+
-
                #mission_box {width:650px;
+
-
                        float: left;}
+
-
                #team_box, #notebook_box, #parts_box, #sponsors_box, .boxy {width:215px;
+
-
                        float: left;
+
-
                        padding: 10px 0 0 0;}
+
-
                div.tleft {border-width: 0px; margin:0; padding:0;border-color:transparent;}
+
-
               
 
-
<!-- ################# Navi styles ######################### -->
 
-
#menu * {
 
-
margin: 0;
 
-
padding: 0;
 
-
}
 
-
#menu {
+
.content
-
behavior: url(http://www.xs4all.nl/~peterned/htc/csshover3-source.htc); <!-- for ie6 -->
+
{
-
font-family: calibri, verdana, sans-serif;
+
  font-family: Verdana, Arial, Helvetica, sans-serif;
-
font-size: 14px;
+
  font-size: 8pt;
-
background-color: transparent;
+
  color: #4B4D40;
-
float:left;
+
  font-weight: normal;
-
padding: 0 0 0 0;
+
}
-
}
+
-
#menu ul {
+
.navigation
-
float: left;
+
{
-
list-style: none;
+
  border-top: 1px solid black;
-
}
+
  border-bottom: 1px solid black;
 +
  background-color: #932a2b;
 +
}
-
#menu ul li {
+
.user-top
-
background-color: #4863A0;
+
{
-
        position:relative;
+
  font-family: Verdana, Arial, Helvetica, sans-serif;
-
float:left;
+
  font-size: 7pt;
-
list-style: none;
+
  color: #FFFFFF;
-
padding: 0 10px 0 10px;
+
  font-weight: normal;
-
        font-weight: bold;
+
  text-align: center;
-
        width: auto;
+
}
-
}
+
-
#menu a {
+
.user-top a:link
-
color: #6699FF;
+
{
-
display: inline;
+
  color: #FDFDFD;
-
text-decoration: none;
+
  text-decoration: underline;
-
}
+
  font-weight: normal;
 +
  font-size: 8pt;
 +
  font-family: Verdana, Arial, Helvetica, sans-serif;
 +
}
-
#menu a:visited {
+
.user-top a:active
-
color:#6699FF;
+
{
-
text-decoration: none
+
  color: #FDFDFD;
-
}
+
  text-decoration: underline;
 +
  font-weight: normal;
 +
  font-size: 8pt;
 +
  font-family: Verdana, Arial, Helvetica, sans-serif;
 +
}
-
#menu a:hover {
+
.user-top a:visited
-
color: #00a5ea;
+
{
-
}
+
  color: #FDFDFD;
 +
  text-decoration: underline;
 +
  font-weight: normal;
 +
  font-size: 8pt;
 +
  font-family: Verdana, Arial, Helvetica, sans-serif;
 +
}
-
#menu ul li ul {
+
.user-top a:hover
-
display: none;
+
{
-
position: absolute;
+
  color: #F0F0F0;
-
left: -18px;
+
  text-decoration: none;
-
        width: 130px;
+
  font-weight: normal;
-
        heigth: 1%;
+
  font-size: 8pt;
-
font-size: 12px;
+
  font-family: Verdana, Arial, Helvetica, sans-serif;
-
opacity: 0.8;
+
}
-
list-style: none;
+
-
        top: 8.5px;
+
-
        padding-top: 8.5px;
+
-
        z-index:500;
+
-
}
+
-
#menu ul li:hover ul {
+
.text_large {
-
display: inline;
+
  font-family: Verdana, Arial, Helvetica, sans-serif;
-
        background-position: bottom;
+
  font-size: 15pt;
-
}
+
  color: #4B4D40;
 +
  font-weight: normal;
 +
}
-
#menu ul li ul li {
+
.text_small {
-
width: 100%;
+
  font-family: Verdana, Arial, Helvetica, sans-serif;
-
list-style: none;
+
  font-size: 7pt;
-
        background-color: #003399;
+
  color: #4B4D40;
-
        margin: 0px;
+
  font-weight: normal;
-
        padding: 0 0 0 0;
+
}
-
        display: inline;
+
-
}
+
-
body#home #mainHome a,
+
.td_nav {
-
body#team .aTeam,
+
  font-family: Verdana, Arial, Helvetica, sans-serif;
-
body#project .aProject,
+
  font-size: 8pt;
-
body#notebook .aNotebook,
+
  color: #4B4D40;
-
body#modeling .aModeling,
+
  background-color: #EEEEEE;
-
body#sponsors .aSponsors,
+
  border-right: #000000 1px dotted;
-
body#parts .aParts
+
  border-left: #000000 1px solid;
-
{ color: #F08F03; <!--cursor: default;--> }
+
  border-bottom: #000000 1px solid;
 +
  border-top: #000000 1px solid;
 +
}
 +
a:link, a:visited, a:active {
 +
color: #000000;
 +
text-decoration: underline;
 +
font-weight: normal;
 +
font-size: 8pt;
 +
font-family: Verdana, Arial, Helvetica, sans-serif;
 +
}
 +
a:hover {
 +
color: #000000;
 +
text-decoration: none;
 +
font-weight: normal;
 +
font-size: 8pt;
 +
font-family: Verdana, Arial, Helvetica, sans-serif;
 +
}
 +
 +
input, textarea, select {
 +
font-size: 8pt;
 +
font-family: Verdana, Arial, Helvetica, sans-serif;
 +
color:  #4B4D40;
 +
border: #000000 1px solid;
 +
background-color: #EEEEEE;
 +
}
 +
 +
input:hover, textarea:hover, select:hover {
 +
color: #4b4D40;
 +
background-color: #e0d5d6;
 +
border: solid 1px #f53f41;
 +
}
 +
 +
input:focus, textarea:focus, select:focus {
 +
color: #4b4D40;
 +
background-color: #F8F8F8;
 +
border: solid 1px #bf2527;
 +
}
 +
 +
 +
.table  {
 +
border: #000000 1px dotted;
 +
background-color: #FFFFFF;
 +
font-family: Verdana, Arial, Helvetica, sans-serif;
 +
font-size: 8pt;
 +
color: #4B4D40;
 +
}
 +
 +
 +
/* Root = Horizontal, Secondary = Vertical */
 +
ul#navmenu-h {
 +
  margin: 0;
 +
  border: 0 none;
 +
  padding-left: 5px;
 +
  width: 100%; /*For KHTML*/
 +
  list-style: none;
 +
  height: 22px;
 +
}
 +
 +
ul#navmenu-h li {
 +
  margin: 0;
 +
  border: 0 none;
 +
  padding-left: 5px;
 +
  float: left; /*For Gecko*/
 +
  display: inline;
 +
  list-style: none;
 +
  position: relative;
 +
  height: 22px;
 +
}
 +
 +
ul#navmenu-h ul {
 +
  margin: 0;
 +
  border: 0 none;
 +
  padding: 0;
 +
  width: 160px;
 +
  list-style: none;
 +
  display: none;
 +
  position: absolute;
 +
  left: 0;
 +
}
 +
 +
ul#navmenu-h ul:after /*From IE 7 lack of compliance*/{
 +
  clear: both;
 +
  display: block;
 +
  font: 1px/0px serif;
 +
  content: ".";
 +
  height: 0;
 +
  visibility: hidden;
 +
}
 +
 +
ul#navmenu-h ul li {
 +
  width: 160px;
 +
  float: left; /*For IE 7 lack of compliance*/
 +
  display: block !important;
 +
  display: inline; /*For IE*/
 +
}
 +
 +
/* Root Menu */
 +
ul#navmenu-h a {
 +
  border: 1px solid #932a2b;
 +
  padding: 0 6px;
 +
  float: none !important; /*For Opera*/
 +
  float: left; /*For IE*/
 +
  display: block;
 +
  color: #FFF;
 +
  font: bold 12px/22px Verdana, Arial, Helvetica, sans-serif;
 +
  text-decoration: none;
 +
  height: auto !important;
 +
  height: 1%; /*For IE*/
 +
  top:22px;
 +
  text-align: center;
 +
  width: 85px;
 +
}
 +
 +
/* Root Menu Hover Persistence */
 +
ul#navmenu-h a:hover,
 +
ul#navmenu-h li:hover a,
 +
ul#navmenu-h li.iehover a {
 +
  background: #9e4041;
 +
  border: 1px dashed #621e1f;
 +
  color: #FFF;
 +
}
 +
 +
ul#navmenu-h a:active,
 +
ul#navmenu-h li:active a,
 +
ul#navmenu-h li.ieactive a {
 +
  background: #9e4041;
 +
  border: 1px dashed #621e1f;
 +
  color: #FFF;
 +
}
 +
 +
/* 2nd Menu */
 +
ul#navmenu-h li:hover li a,
 +
ul#navmenu-h li.iehover li a {
 +
  float: none;
 +
  background: #EEE;
 +
  color: #666;
 +
}
 +
 +
/* 2nd Menu Hover Persistence */
 +
ul#navmenu-h li:hover li a:hover,
 +
ul#navmenu-h li:hover li:hover a,
 +
ul#navmenu-h li.iehover li a:hover,
 +
ul#navmenu-h li.iehover li.iehover a {
 +
  background: #CCC;
 +
  color: #FFF;
 +
}
 +
 +
/* 3rd Menu */
 +
ul#navmenu-h li:hover li:hover li a,
 +
ul#navmenu-h li.iehover li.iehover li a {
 +
  background: #EEE;
 +
  color: #666;
 +
}
 +
 +
/* 3rd Menu Hover Persistence */
 +
ul#navmenu-h li:hover li:hover li a:hover,
 +
ul#navmenu-h li:hover li:hover li:hover a,
 +
ul#navmenu-h li.iehover li.iehover li a:hover,
 +
ul#navmenu-h li.iehover li.iehover li.iehover a {
 +
  background: #CCC;
 +
  color: #FFF;
 +
}
 +
 +
/* 4th Menu */
 +
ul#navmenu-h li:hover li:hover li:hover li a,
 +
ul#navmenu-h li.iehover li.iehover li.iehover li a {
 +
  background: #EEE;
 +
  color: #666;
 +
}
 +
 +
/* 4th Menu Hover */
 +
ul#navmenu-h li:hover li:hover li:hover li a:hover,
 +
ul#navmenu-h li.iehover li.iehover li.iehover li a:hover {
 +
  background: #CCC;
 +
  color: #FFF;
 +
}
 +
 +
ul#navmenu-h ul ul,
 +
ul#navmenu-h ul ul ul {
 +
  display: none;
 +
  position: absolute;
 +
  top: 0;
 +
  left: 160px;
 +
}
 +
 +
/* Do Not Move - Must Come Before display:block for Gecko */
 +
ul#navmenu-h li:hover ul ul,
 +
ul#navmenu-h li:hover ul ul ul,
 +
ul#navmenu-h li.iehover ul ul,
 +
ul#navmenu-h li.iehover ul ul ul {
 +
  display: none;
 +
}
 +
 +
ul#navmenu-h li:hover ul,
 +
ul#navmenu-h ul li:hover ul,
 +
ul#navmenu-h ul ul li:hover ul,
 +
ul#navmenu-h li.iehover ul,
 +
ul#navmenu-h ul li.iehover ul,
 +
ul#navmenu-h ul ul li.iehover ul
 +
ul#navmenu-h li:active ul,
 +
ul#navmenu-h ul li:active ul,
 +
ul#navmenu-h ul ul li:active ul,
 +
ul#navmenu-h li.ieactive ul,
 +
ul#navmenu-h ul li.ieactive ul,
 +
ul#navmenu-h ul ul li.ieactive ul {
 +
  display: block;
 +
}
</style>
</style>
</head>
</head>
Line 194: Line 316:
<body>
<body>
-
<!--[if IE]>
+
<center>
-
<style type="text/css">
+
<img src="http://2010.igem.org/wiki/images/c/c3/Monash_Australia_Navbar.png">
-
#SubWrapper {width: 645px;}
+
<table border="0">
-
#news {width: 317px;}
+
    <tr>  
-
#super_main_wrapper {position:static;}
+
      <td colspan="2" class="navigation" height="37">  
-
#navigation {left: 15px;}
+
        <table width="100%" cellspacing="0" cellpadding="0">  
-
#menu ul li ul {left: -2px; top: 22px;}
+
          <tr>  
-
</style>
+
            <td>
-
<![endif]-->
+
            <ul id="navmenu-h">
-
<div id="main_wrapper">
+
              <li><a href="http://2010.igem.org/Team:Monash_Australia">Home</a></li>  
-
  <div id="header">
+
              <li><a href="http://2010.igem.org/Team:Monash_Australia/Team">Team</a>
-
<div id="navigation">
+
              <ul>
-
<div id="menu" style="position:static">
+
                <li><a href="http://2010.igem.org/Team:Monash_Australia/Lab">Buckle Lab</a></li>
-
<ul>
+
                <li><a href="http://2010.igem.org/Team:Monash_Australia/Gallery">Gallery</a></li>
-
  <li id="mainHome"><a class="aMain" href="http://2010.igem.org/Team:Monash_Australia">Home</a></li>
+
                <li><a href="http://2010.igem.org/Team:Monash_Australia/Attributions">Attributions</a></li>
-
  <li id="mainTeam"><a class="aTeam" href="http://2010.igem.org/Team:Monash_Australia/Team">Team</a>
+
              </ul>
-
<ul>
+
              </li>
-
  <li><a href="http://2010.igem.org/Team:Monash_Australia/Lab">Laboratory</a></li>
+
              <li><a href="http://2010.igem.org/Team:Monash_Australia/Project">Project</a></li>
-
  <li><a href="http://2010.igem.org/Team:Monash_Australia/Gallery">Gallery</a></li>
+
              <li><a href="http://2010.igem.org/Team:Monash_Australia/Modelling">Modelling</a>
-
</ul>
+
              <li><a href="http://2010.igem.org/Team:Monash_Australia/Parts">Parts</a></li>  
-
    </li>
+
              <li><a href="http://2010.igem.org/Team:Monash_Australia/Notebook">Notebook</a>
-
    <li id="mainProject"><a class="aProject" href="http://2010.igem.org/Team:Monash_Australia/Project">Project</a>
+
              <ul>
-
    </li>
+
                <li><a href="http://2010.igem.org/Team:Monash_Australia/Meetings">Meetings</a></li>
-
  <li id="mainParts"><a class="aParts" href="http://2010.igem.org/Team:Monash_Australia/Parts">Parts</a>
+
                <li><a href="http://2010.igem.org/Team:Monash_Australia/Safety">Biosafety</a></li>
-
      <ul>
+
              </ul>
-
          <li><a href="http://2010.igem.org/Team:Monash_Australia/Parts">Parts</a></li>
+
              </li>
-
          <li><a href="http://2010.igem.org/Team:Monash_Australia">Characterization</a></li>
+
              <li><a href="http://2010.igem.org/Team:Monash_Australia/Sponsors">Sponsors</a></li>
-
      </ul>
+
            </ul>
-
  </li>
+
            </td>  
-
    <li id="mainNotebook"><a class="aNotebook" href="http://2010.igem.org/Team:Monash_Australia/Notebook">Notebook</a>
+
            <td width="10">&nbsp;</td>  
-
<ul>
+
          </tr>  
-
  <li><a href="http://2010.igem.org/Team:Monash_Australia/MatMet">Material &amp; Methods</a></li>
+
        </table>  
-
  <li><a href="http://2010.igem.org/Team:Monash_Australia/Meetings">Team Meetings</a></li>
+
      </td>  
-
          <li><a href="http://2010.igem.org/Team:Monash_Australia/Safety">Biosafety</a></li>
+
    </tr>
-
</ul>
+
</table>
-
    </li>
+
</center>
-
  <li id="mainSponsors"><a class="aSponsors" href="http://2010.igem.org/Team:Monash_Australia/Sponsors">Sponsors</a></li>
+
-
</ul>
+
-
 
+
-
</div><!-- end drop menu -->
+
-
</div> <!-- end navigation -->
+
-
</div>
+
-
</div>
+
-
<!-- For IE 6 -->
+
-
<script type="text/javascript">
+
-
window.onload = function() {
+
-
      var lis = document.getElementsByTagName('li');
+
-
      for(i = 0; i < lis.length; i++) {
+
-
            var li = lis[i];
+
-
            if (li.id == 'mainTeam' || li.id == 'mainProject' || li.id == 'mainParts' || li.id == 'mainModeling' || li.id == 'mainNotebook') {
+
-
                  li.onmouseover = function() { this.getElementsByTagName('ul').item(0).style.display = 'block'; }
+
-
                  li.onmouseout = function() { this.getElementsByTagName('ul').item(0).style.display = 'none'; }
+
-
            }
+
-
      }
+
-
}
+
-
</script>
+
</body>
</body>
</html>
</html>
-
__NOTOC__
 

Latest revision as of 04:44, 27 October 2010