Template:SCU-head

From 2013.igem.org

(Difference between revisions)
(Created page with "<html> <title>iGEM-SCU bar</title> <style type="text/css"> #head-bar { position:absolute; width:653px; height:20px; z-index:1; left: -19px; top: 67px; } #home-bar { positi...")
 
(247 intermediate revisions not shown)
Line 1: Line 1:
 +
<div style="background:rgb(164,212,171)">
<html>
<html>
-
<title>iGEM-SCU bar</title>
+
<!--<html><div id="SCU1"><ul style="font-family:Verdana;;">
 +
<li><a href="https://2013.igem.org/Team:SCU_China/SCU-Results"><span style=" color:red;font-weight:bold;
 +
font-size:20px;width:290px; text-align: center;font-size: small;">Click here to see RESULTS of Our Team</span></a></li></ul></div>-->
 +
<head>
<style type="text/css">
<style type="text/css">
-
#head-bar {
+
body, input {
-
position:absolute;
+
font-family:Times New Roman;
-
width:653px;
+
      font-size:14px;
-
height:20px;
+
background-color:transparent;
-
z-index:1;
+
}
-
left: -19px;
+
-
top: 67px;
+
</style>
 +
<title>Animation</title>
 +
</head>
 +
 
 +
<body>
 +
<div ><img src="https://static.igem.org/mediawiki/2013/3/36/SCU-head2.png" width=965px; align=center;></div>
 +
</body>
 +
 
 +
</html>
 +
<html>
 +
<head>
 +
<style>
 +
#globalWrapper {width: 100%;}
 +
#top-section {width: 100%; height:0px; border:none;}
 +
#p-logo {display:none;}
 +
#search-controls {display:none;}
 +
#bodyContent {border:none;}
 +
.firstHeading {display:none; background-color:transparent;}
 +
#menubar a { background-color:transparent; font-size: small;}
 +
#siteSub {
 +
display:none;
}
}
-
#home-bar {
+
#footer-box {
-
position:absolute;
+
display:none;
-
width:667px;
+
-
height:70px;
+
-
z-index:1;
+
-
left: 137px;
+
-
top: 23px;
+
-
visibility: visible;
+
}
}
-
#team-bar {
+
 
-
position:absolute;
+
#catlinks {display:none; background-color:transparent}
-
width:91px;
+
 
-
height:108px;
+
 
-
z-index:1;
+
    body { margin:0;
-
left: 475px;
+
padding:0;
-
top: 61px;
+
font:calibri ;border:none;
-
visibility: hidden;
+
-
}
+
-
#apDiv1 {
+
-
position:absolute;
+
-
width:91px;
+
-
height:115px;
+
-
z-index:2;
+
-
left: 506px;
+
-
top: 154px;
+
-
}
+
-
#PS-bar {
+
-
position:absolute;
+
-
width:91px;
+
-
height:108px;
+
-
z-index:1;
+
-
left: 516px;
+
-
top: 85px;
+
-
visibility: hidden;
+
}
}
 +
 +
table
 +
{background-color:rgb(209,255,218);
 +
      }
 +
 +
#toc,toc {background-color:transparent; border:0px;table-align:center; text-align:top;}
 +
 +
    #SCU {background-color:rgb(222,222,174);
 +
      float:left;
 +
      width:100%;
 +
      font-size:70%;
 +
      line-height:normal;
 +
      }
 +
    #SCU ul {
 +
  margin:0;
 +
  padding:0px 0px 0px 47px;
 +
      }
 +
    #SCU li {
 +
      display:inline;
 +
      margin:0;
 +
      padding:0;
 +
   
 +
      }
 +
    #SCU a {
 +
      float:left;
 +
          margin:0;
 +
      padding:0 0 0 0;
 +
      text-decoration:none;
 +
      }
 +
    #SCU a span {
 +
      float:left;
 +
      display:block;
 +
      background:url("https://static.igem.org/mediawiki/2013/d/d7/SCU-bar3.jpg") no-repeat right top;
 +
    padding:5px 0px 4px 0px;      color:#322130;
 +
 +
      }
 +
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
 +
    #SCU a span {float:none;}
 +
    /* End IE5-Mac hack */
 +
    #SCU a:hover span {
 +
      color:grey;
 +
      }
 +
    #SCU a:hover {
 +
      background-position:0% ;      }
 +
    #SCU a:hover span {
 +
      background-position:100% -45px;
 +
      }
 +
 +
      #SCU #current a {
 +
      background-position:0% -45px;
 +
      }
 +
      #SCU #current a span {
 +
      background-position:100% -45px
 +
      }
 +
#SCU a.this span {
 +
      float:left;
 +
      display:block;
 +
      background:url("https://static.igem.org/mediawiki/2013/d/d7/SCU-bar3.jpg") no-repeat right bottom;
 +
    padding:5px 0px 4px 0px;      color:grey;
 +
 +
      }
 +
 +
    #SCU1 {background-color:rgb(222,222,174);
 +
      float:left;
 +
      width:100%;
 +
      font-size:70%;
 +
      line-height:normal;
 +
      }
 +
    #SCU1 ul {
 +
  margin:0;
 +
  padding:0px 0px 0px 47px;
 +
      }
 +
    #SCU1 li {
 +
      display:inline;
 +
      margin:0;
 +
      padding:0;
 +
   
 +
      }
 +
    #SCU1 a {
 +
      float:left;
 +
          margin:0;
 +
      padding:0 0 0 0;
 +
      text-decoration:none;
 +
      }
 +
    #SCU1 a span {
 +
      float:left;
 +
      display:block;
 +
      background:url("https://static.igem.org/mediawiki/2013/d/d7/SCU-bar3.jpg") no-repeat right top;
 +
    padding:5px 0px 4px 0px;      color:#322130;
 +
          }
 +
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
 +
    #SCU1 a span {float:none;}
 +
    /* End IE5-Mac hack */
 +
    #SCU1 a:hover span {
 +
      color:grey;
 +
      }
 +
    #SCU1 a:hover {
 +
      background-position:0% ;      }
 +
        }
 +
 
</style>
</style>
-
<script type="text/javascript">
+
</head>
-
function MM_showHideLayers() { //v9.0
+
-
  var i,p,v,obj,args=MM_showHideLayers.arguments;
+
-
  for (i=0; i<(args.length-2); i+=3)
+
-
  with (document) if (getElementById && ((obj=getElementById(args[i]))!=null)) { v=args[i+2];
+
-
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
+
-
    obj.visibility=v; }
+
-
}
+
-
</script>
+
-
<div id="home-bar">
+
-
  <table width="661" height="67" border="0">
+
-
    <tr>
+
-
      <th width="91" bgcolor="#FF0000" scope="col">Home</th>
+
-
      <th width="90" bgcolor="#FF0000" scope="col">Project</th>
+
-
      <th width="90" bgcolor="#FF0000" scope="col">Model</th>
+
-
      <th width="90" bgcolor="#FF0000" scope="col">Notebook</th>
+
-
      <th width="90" bgcolor="#FF0000" scope="col" onmousemove="MM_showHideLayers('PS-bar','','show')" onmouseout="MM_showHideLayers('PS-bar','','hide')">Protocol      &amp;Safety</th>
+
-
      <th width="90" bgcolor="#FF0000" scope="col" onMouseMove="MM_showHideLayers('team-bar','','show')" onMouseOut="MM_showHideLayers('team-bar','','hide')">Team</th>
+
-
      <th width="90" bgcolor="#FF0000" scope="col">Sponsor</th>
+
-
    </tr>
+
-
  </table>
+
-
  <div id="team-bar" onmousemove="MM_showHideLayers('team-bar','','show')" onmouseout="MM_showHideLayers('team-bar','','hide')">
+
-
    <table width="91" height="105" border="0">
+
-
      <tr>
+
-
        <td bgcolor="#CCCC00"><div align="center"><strong>Overview</strong></div></td>
+
-
      </tr>
+
-
      <tr>
+
-
        <td bgcolor="#CCCC00"><div align="center"><strong>Instructor</strong></div></td>
+
-
      </tr>
+
-
      <tr>
+
-
        <td bgcolor="#CCCC00"><div align="center"><strong>Stdents</strong></div></td>
+
-
      </tr>
+
-
    </table>
+
-
  </div>
+
-
</div>
+
-
<div id="PS-bar" onmousemove="MM_showHideLayers('PS-bar','','show')" onmouseout="MM_showHideLayers('PS-bar','','hide')">
+
-
  <table width="91" height="105" border="0">
+
-
    <tr>
+
-
      <td bgcolor="#CCCC00"><div align="center"><strong>Protocol</strong></div></td>
+
-
    </tr>
+
-
    <tr>
+
-
      <td bgcolor="#CCCC00"><div align="center"><strong>Bio Safety</strong></div></td>
+
-
    </tr>
+
-
  </table>
+
-
</div>
+
-
</html>
+

Latest revision as of 10:38, 27 October 2013

Animation