Team:HKU-Hong Kong/header

From 2010.igem.org

(Difference between revisions)
(New page: abc123)
Line 1: Line 1:
-
abc123
+
<html>
 +
    <head>
 +
        <script type="text/javascript" language="javascript">
 +
            <!--
 +
            function current(actual,banner){
 +
                document.getElementById(actual).setAttribute("class", "current");
 +
                document.getElementById("headerBanner").setAttribute("src",banner);
 +
                document.getElementById("linkHeaderBanner").setAttribute("href",banner);
 +
            }
 +
 
 +
            function showTweets(){
 +
                var twitter = document.getElementById("twitter");
 +
                twitter.setAttribute("onclick","closeTweets()");
 +
 
 +
                var twitterContent = document.createElement("div");
 +
                 
 +
                twitterContent.setAttribute("id","twitter_content");
 +
                var twitter_list = document.createElement("ul");
 +
                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;
 +
                border: none; 
 +
            }
 +
 
 +
            #globalWrapper{
 +
                background: url(http://www.asia.ru/images/target/photo/50871720/Fishing_Net.jpg) repeat-y #a4b101;
 +
            }
 +
 
 +
            #footer{
 +
                padding: 2em auto;
 +
            }
 +
 
 +
 
 +
            /*--------------------------Content-------------------------------*/
 +
 
 +
            .globalBC{
 +
              background: white;
 +
            }
 +
 
 +
            .contentBC{
 +
              background: white;
 +
              padding: 0 1em;
 +
            }
 +
 
 +
            h1{
 +
                padding: 0.5em;
 +
                color: #576d07;
 +
                font: 900 20px "Arial", Helvetica, sans-serif;
 +
            }
 +
 
 +
            h2{
 +
                padding: 0.5em;
 +
                color: #999;
 +
                font: 900 15px "Arial", Helvetica, sans-serif;
 +
            }
 +
 
 +
            img.center{               
 +
                padding: 0px;
 +
        margin: 2em auto 0.3em;
 +
                display:block;
 +
                width: 35em;
 +
            }
 +
 
 +
            p, li {
 +
                text-align: justify;
 +
        margin: 0 auto;             
 +
            }
 +
 
 +
            p.caption{
 +
                text-align: center;
 +
            }
 +
 
 +
            div.clear{
 +
                clear:both;
 +
            }
 +
            /*--------------------------Header-------------------------------*/
 +
 
 +
            .header{
 +
              background: url(http://t1.gstatic.com/images?q=tbn:ANd9GcQzz4NEJyyJh0m0Z0MmNIYrv8V2ezCjIUt6VyGA0xonOF8TN74&t=1&usg=__chIV2FAeT1NNgBJZlhjyg5PQUks=) repeat;
 +
              margin:0 auto; 
 +
              height: 18em;
 +
            }
 +
 
 +
            img.logo{
 +
                float: left;
 +
                padding: 2.5em 0em;
 +
            }
 +
 
 +
            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 {
 +
                float: left;
 +
                display: inline; /*For ignore double margin in IE6*/
 +
                margin: 0 10px;
 +
            }
 +
 
 +
            ul.green li a {
 +
                text-decoration: none;
 +
                float:left;
 +
                color: #999;
 +
                cursor: pointer;
 +
                font: 900 14px/22px "Arial", Helvetica, sans-serif;
 +
            }
 +
 
 +
            ul.green li a span {
 +
                margin: 0 10px 0 -10px;
 +
                padding: 1px 8px 5px 18px;
 +
                position: relative;
 +
                float:left;
 +
            }
 +
 
 +
            ul.green li a.current, ul.green li a:hover {
 +
                background: url(https://static.igem.org/mediawiki/2010/7/72/Green.png) no-repeat top right;
 +
                color: #576d07;
 +
            }
 +
 
 +
            ul.green li a.current span, ul.green li a:hover span {
 +
                background: url(https://static.igem.org/mediawiki/2010/7/72/Green.png) no-repeat top left;
 +
            }
 +
 
 +
            /*--------------------------Buttons----------------------*/
 +
            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">
 +
                    <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>

Revision as of 13:12, 26 August 2010

Home Banner

Retrieved from "http://2010.igem.org/Team:HKU-Hong_Kong/header"