Team:HKU-Hong Kong/header

From 2010.igem.org

(Difference between revisions)
 
(86 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
-
    <head>
+
<head>
-
        <script type="text/javascript" language="javascript">
+
<style type="text/css">
-
            <!--
+
        .firstHeading {
-
            function current(actual,banner){
+
                display:none;}
-
                document.getElementById(actual).setAttribute("class", "current");
+
/*---whole background---*/
-
                document.getElementById("headerBanner").setAttribute("src",banner);
+
-
                document.getElementById("linkHeaderBanner").setAttribute("href",banner);
+
        #globalWrapper{
-
            }
+
background:#ffffff url("https://static.igem.org/mediawiki/2010/3/31/Diamond_Wave11.jpg") center top no-repeat fixed;  
 +
}
 +
-
            function showTweets(){
 
-
                var twitter = document.getElementById("twitter");
 
-
                twitter.setAttribute("onclick","closeTweets()");
 
-
                var twitterContent = document.createElement("div");
+
/*---whole content---*/
-
                 
+
        #content{
-
                twitterContent.setAttribute("id","twitter_content");
+
                 background:transparent url("https://static.igem.org/mediawiki/2010/a/a0/Transppa.png") center top fixed repeat;
-
                var twitter_list = document.createElement("ul");
+
                 padding: 5px;
-
                twitter_list.setAttribute("id","twitter_update_list");
+
-
               
+
-
                twitterContent.appendChild(twitter_list);
+
-
 
+
-
                var script1 = document.createElement("script");
+
-
                script1.setAttribute("id","script1");
+
-
                script1.setAttribute("type","text/javascript");
+
-
                script1.setAttribute("src","http://twitter.com/javascripts/blogger.js");
+
-
 
+
-
                var script2 = document.createElement("script");
+
-
                script2.setAttribute("id","script2");
+
-
                script2.setAttribute("type","text/javascript");
+
-
                script2.setAttribute("src","http://twitter.com/statuses/user_timeline/iGEMupoSevilla.json?callback=twitterCallback2&count=5");
+
-
 
+
-
                twitter.appendChild(twitterContent);
+
-
                twitter.appendChild(script1);
+
-
                twitter.appendChild(script2);
+
-
            }
+
-
 
+
-
            function closeTweets(){
+
-
                var twitter = document.getElementById("twitter");
+
-
                var twitterContent = document.getElementById("twitter_content");
+
-
                var script1 = document.getElementById("script1");
+
-
                var script2 = document.getElementById("script2");
+
-
                twitter.setAttribute("onclick","showTweets()");
+
-
                twitter.removeChild(twitterContent);
+
-
                twitter.removeChild(script1);
+
-
                twitter.removeChild(script2);
+
-
 
+
-
            }
+
-
            -->
+
-
        </script>
+
-
        <style type="text/css">
+
-
            /*--------------------------Original mod-------------------------------*/
+
-
 
+
-
            .firstHeading {
+
-
                display:none;
+
-
            }
+
-
 
+
-
            #content{
+
-
                 background: transparent;
+
-
                 padding: 0px;
+
        margin:0 auto;
        margin:0 auto;
                 border: none;   
                 border: none;   
             }
             }
 +
/*---header n footer---*/
 +
#header {
 +
margin:0; padding:0;
 +
background:#transparent;
 +
}
 +
        #footer {
 +
margin:0; padding:0;
 +
background:transparent;
 +
}
 +
/*---whole body?---*/
 +
    /*---whole, be seen as top + middle col (as in T)---*/
 +
#main1 {
 +
margin:0; padding:0;
 +
background:transparent;
 +
}
 +
    /*---modifier:all lower columns||| (ref. 3col site )---*/
 +
#main2 {
 +
margin:0; padding:0;background:transparent;
 +
}
 +
/*---left col---*/
 +
#left {
 +
float:left;
 +
width:150px;
 +
margin:0; padding:0;
 +
background:transparent;
 +
font-size:100%;
 +
}
-
            #globalWrapper{
+
/*---middle col---*/
-
                background: url(http://www.asia.ru/images/target/photo/50871720/Fishing_Net.jpg) repeat-y #a4b101;  
+
#middle {
-
            }
+
margin-left:160px;
 +
background:#transparent;
 +
font-size:100%;
 +
}
-
            #footer{
+
.column-in {
-
                padding: 2em auto;  
+
margin:0; padding:0.5em 1em;
-
            }
+
}
 +
.cleaner {
 +
clear:both;
 +
height:1px;
 +
font-size:1px;
 +
border:none;
 +
margin:0; padding:0;
 +
background:transparent;
 +
}
 +
 +
h1,h2,h3 { margin: 0.2em 0 }
 +
        h4 { valign:top }
 +
p { margin: 0.5em 0 }
 +
a { color:black }
 +
 +
.copy { text-align:center; font-size:80% }
 +
</style>
-
            /*--------------------------Content-------------------------------*/
+
<script language="JavaScript" type="text/javascript">
 +
<!--
 +
if (document.images) {
 +
    homebuttonup      = new Image();
 +
    homebuttonup.src  = "https://static.igem.org/mediawiki/2010/1/15/Hku1a.png" ;
 +
    homebuttondown    = new Image() ;
 +
    homebuttondown.src = "https://static.igem.org/mediawiki/2010/0/00/Hku1b.png" ;
-
            .globalBC{
+
    teambuttonup      = new Image();
-
              background: white;
+
    teambuttonup.src  = "https://static.igem.org/mediawiki/2010/8/8a/Hku2a.png" ;
-
            }
+
    teambuttondown    = new Image() ;
 +
    teambuttondown.src = "https://static.igem.org/mediawiki/2010/0/03/Hku2b.png" ;
-
            .contentBC{
+
    ofbuttonup      = new Image();
-
              background: white;
+
    ofbuttonup.src  = "https://static.igem.org/mediawiki/2010/9/99/Hku3ae.png" ;
-
              padding: 0 1em;
+
    ofbuttondown    = new Image() ;
-
            }
+
    ofbuttondown.src = "https://static.igem.org/mediawiki/2010/8/87/Hku3b.png" ;
-
            h1{
+
    projectbuttonup      = new Image();
-
                padding: 0.5em;
+
    projectbuttonup.src  = "https://static.igem.org/mediawiki/2010/7/77/Hku4a.png" ;
-
                color: #576d07;
+
    projectbuttondown    = new Image() ;
-
                font: 900 20px "Arial", Helvetica, sans-serif;
+
    projectbuttondown.src = "https://static.igem.org/mediawiki/2010/7/77/Hku4b.png" ;
-
            }
+
-
            h2{
+
    partbuttonup      = new Image();
-
                padding: 0.5em;
+
    partbuttonup.src  = "https://static.igem.org/mediawiki/2010/e/ea/Hku5a.png" ;
-
                color: #999;
+
    partbuttondown    = new Image() ;
-
                font: 900 15px "Arial", Helvetica, sans-serif;
+
    partbuttondown.src = "https://static.igem.org/mediawiki/2010/7/78/Hku5b.png" ;
-
            }
+
-
            img.center{               
+
    mordbuttonup      = new Image();
-
                padding: 0px;
+
    mordbuttonup.src  = "https://static.igem.org/mediawiki/2010/5/52/Hku6a.png" ;
-
        margin: 2em auto 0.3em;
+
    mordbuttondown    = new Image() ;
-
                display:block;
+
    mordbuttondown.src = "https://static.igem.org/mediawiki/2010/9/92/Hku6b.png" ;
-
                width: 35em;
+
-
            }
+
-
            p, li {
+
    notebuttonup      = new Image();
-
                text-align: justify;
+
    notebuttonup.src  = "https://static.igem.org/mediawiki/2010/3/3a/Hku7a.png" ;
-
        margin: 0 auto;              
+
    notebuttondown    = new Image() ;
-
            }
+
    notebuttondown.src = "https://static.igem.org/mediawiki/2010/7/7c/Hku7b.png" ;
-
            p.caption{
+
    safebuttonup      = new Image();
-
                text-align: center;
+
    safebuttonup.src  = "https://static.igem.org/mediawiki/2010/d/d1/Hku8a.png" ;
-
            }
+
    safebuttondown    = new Image() ;
 +
    safebuttondown.src = "https://static.igem.org/mediawiki/2010/a/a5/Hku8b.png" ;
-
            div.clear{
+
    humabuttonup      = new Image();
-
                clear:both;
+
    humabuttonup.src  = "https://static.igem.org/mediawiki/2010/3/3b/Hku9a.png" ;
-
            }
+
    humabuttondown    = new Image() ;
-
            /*--------------------------Header-------------------------------*/
+
    humabuttondown.src = "https://static.igem.org/mediawiki/2010/0/04/Hku9b.png" ;
-
            .header{
+
    gallbuttonup      = new Image();
-
              background: url(http://t1.gstatic.com/images?q=tbn:ANd9GcQzz4NEJyyJh0m0Z0MmNIYrv8V2ezCjIUt6VyGA0xonOF8TN74&t=1&usg=__chIV2FAeT1NNgBJZlhjyg5PQUks=) repeat;
+
    gallbuttonup.src  = "https://static.igem.org/mediawiki/2010/e/e8/Hku10a.png" ;
-
              margin:0 auto;
+
    gallbuttondown    = new Image() ;
-
              height: 18em;
+
    gallbuttondown.src = "https://static.igem.org/mediawiki/2010/5/5b/Hku10b.png" ;}
-
            }
+
-
            img.logo{
+
function buttondown( buttonname )
-
                float: left;
+
{
-
                padding: 2.5em 0em;
+
    if (document.images) {
-
            }
+
      document[ buttonname ].src = eval( buttonname + "down.src" );
 +
    }
 +
}
 +
function buttonup ( buttonname )
 +
{
 +
    if (document.images) {
 +
      document[ buttonname ].src = eval( buttonname + "up.src" );
 +
    }
 +
}
 +
// -->
 +
</script>
-
            img.headerBanner{
 
-
                float: right;
 
-
                padding: 1.5em 0.5em;
 
-
            }
 
-
            /*--------------------------Horizontal Bar----------------------*/
 
-
            ul.green {
 
-
                padding: 5px;
 
-
                margin: 10px auto;
 
-
                list-style: none;
 
-
                width: 53em;
 
-
                clear: both;
 
-
            }
 
-
            ul.green li {
+
</head>
-
                float: left;
+
<body>
-
                display: inline; /*For ignore double margin in IE6*/
+
<div id="main1">
-
                margin: 0 10px;
+
<div id="header">
-
            }
+
<img src="https://static.igem.org/mediawiki/2010/a/ac/Hkubannner.png" width="100%" style="opacity:1;filter:alpha(opacity=100)" alt="hku-igem logo"/>
 +
</div>
 +
<div id="main2">
-
            ul.green li a {
+
<div id="left"><div class="column-in">
-
                text-decoration: none;
+
<a href="https://2010.igem.org/Team:HKU-Hong_Kong"
-
                float:left;
+
  onmouseover="buttonup('homebutton')"
-
                color: #999;
+
  onmouseout="buttondown('homebutton')">
-
                cursor: pointer;
+
<img src="https://static.igem.org/mediawiki/2010/0/00/Hku1b.png" name="homebutton" />
-
                font: 900 14px/22px "Arial", Helvetica, sans-serif;
+
</a>
-
            }
+
<hr />
-
 
+
<a href="https://2010.igem.org/Team:HKU-Hong_Kong/Team"
-
            ul.green li a span {
+
  onmouseover="buttonup('teambutton')"
-
                margin: 0 10px 0 -10px;
+
  onmouseout="buttondown('teambutton')">
-
                padding: 1px 8px 5px 18px;
+
<img src="https://static.igem.org/mediawiki/2010/0/03/Hku2b.png" name="teambutton" />
-
                position: relative;
+
</a>
-
                float:left;
+
<hr />
-
            }
+
<a href="https://igem.org/Team.cgi?year=2010&team_name=HKU-Hong_Kong"
-
 
+
  onmouseover="buttonup('ofbutton')"
-
            ul.green li a.current, ul.green li a:hover {
+
  onmouseout="buttondown('ofbutton')">
-
                background: url(https://static.igem.org/mediawiki/2010/7/72/Green.png) no-repeat top right;
+
<img src="https://static.igem.org/mediawiki/2010/8/87/Hku3b.png" name="ofbutton" />
-
                color: #576d07;
+
</a>
-
            }
+
<hr />
-
 
+
<a href="https://2010.igem.org/Team:HKU-Hong_Kong/Project"
-
            ul.green li a.current span, ul.green li a:hover span {
+
  onmouseover="buttonup('projectbutton')"
-
                background: url(https://static.igem.org/mediawiki/2010/7/72/Green.png) no-repeat top left;
+
  onmouseout="buttondown('projectbutton')">
-
            }
+
<img src="https://static.igem.org/mediawiki/2010/7/77/Hku4b.png" name="projectbutton" />
 +
</a>
 +
<hr />
 +
<a href="https://2010.igem.org/Team:HKU-Hong_Kong/Parts"
 +
  onmouseover="buttonup('partbutton')"
 +
  onmouseout="buttondown('partbutton')">
 +
<img src="https://static.igem.org/mediawiki/2010/7/78/Hku5b.png" name="partbutton" />
 +
</a>
 +
<hr />
 +
<a href="https://2010.igem.org/Team:HKU-Hong_Kong/Modeling"
 +
  onmouseover="buttonup('mordbutton')"
 +
  onmouseout="buttondown('mordbutton')">
 +
<img src="https://static.igem.org/mediawiki/2010/9/92/Hku6b.png" name="mordbutton" />
 +
</a>
 +
<hr />
 +
<a href="https://2010.igem.org/Team:HKU-Hong_Kong/Notebook"
 +
  onmouseover="buttonup('notebutton')"
 +
  onmouseout="buttondown('notebutton')">
 +
<img src="https://static.igem.org/mediawiki/2010/7/7c/Hku7b.png" name="notebutton" />
 +
</a>
 +
<hr />
 +
<a href="https://2010.igem.org/Team:HKU-Hong_Kong/Safety"
 +
  onmouseover="buttonup('safebutton')"
 +
  onmouseout="buttondown('safebutton')">
 +
<img src="https://static.igem.org/mediawiki/2010/a/a5/Hku8b.png" name="safebutton" />
 +
</a>
 +
<hr />
 +
<a href="https://2010.igem.org/Team:HKU-Hong_Kong/humanpractice"
 +
  onmouseover="buttonup('humabutton')"
 +
  onmouseout="buttondown('humabutton')">
 +
<img src="https://static.igem.org/mediawiki/2010/0/04/Hku9b.png" name="humabutton" />
 +
</a>
 +
<hr />
 +
<a href="https://2010.igem.org/Team:HKU-Hong_Kong/gallery"
 +
  onmouseover="buttonup('gallbutton')"
 +
  onmouseout="buttondown('gallbutton')">
 +
<img src="https://static.igem.org/mediawiki/2010/5/5b/Hku10b.png" name="gallbutton" />
 +
</a>
-
            /*--------------------------Buttons----------------------*/
+
</div></div>
-
            a.return_button{
+
-
                margin: 1em 10px 0 -10px;
+
-
                padding: 1px 8px 5px 6em;
+
-
                float:left;
+
-
                text-decoration: none;
+
-
                cursor: pointer;
+
-
                font: 900 14px/22px "Arial", Helvetica, sans-serif;
+
-
                background: url(https://static.igem.org/mediawiki/2010/7/72/Green.png) no-repeat top right;
+
-
                color: #576d07;
+
-
            }   
+
-
           
 
-
        </style>
 
-
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 
-
    </head>
 
-
    <body>
 
-
            <div class="header">
 
-
               
 
-
                <img id="logo" class="logo" src="http://4.bp.blogspot.com/_nLZy6cZ8AJw/RcNk2vYMbHI/AAAAAAAAAKg/yGu6hnPhKC4/s320/heart3.jpg" alt="Bacterial Crowding Logo" /></a>
 
-
                <a id="linkHeaderBanner" href=""><img id="headerBanner" class="headerBanner" src="" alt="Home Banner" /></a>
 
-
                <ul class="green">
+
<div id="middle"><div class="column-in">
-
                    <li><a id="home" href="https://2010.igem.org/Team:HKU-Hong_Kong" title="home"><span>Home</span></a></li>
+
-
                    <li><a id="team" href="https://2010.igem.org/Team:HKU-Hong_Kong/Team" title="team"><span>Team</span></a></li>
+
-
                    <li><a id="project" href="https://2010.igem.org/Team:HKU-Hong_Kong/Project" title="Project"><span>Project</span></a></li>
+
-
                    <li><a id="parts" href="https://2010.igem.org/Team:HKU-Hong_Kong/Parts" title="Parts"><span>Parts</span></a></li>
+
-
                    <li><a id="modeling" href="https://2010.igem.org/Team:HKU-Hong_Kong/Modeling" title="Modeling"><span>Modeling</span></a></li>
+
-
                    <li><a id="notebook" href="https://2010.igem.org/Team:HKU-Hong_Kong/Notebook" title="Notebook"><span>Notebook</span></a></li>
+
-
                    <li><a id="safety" href="https://2010.igem.org/Team:HKU-Hong_Kong/Safety" title="Safety"><span>Safety</span></a></li>
+
-
                </ul>
+
-
            </div>
+
-
    </body>
+
-
</html>
+

Latest revision as of 06:46, 23 October 2010