Team:HKU-Hong Kong/header

From 2010.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
-
    <head>
+
<head>
-
        <script type="text/javascript" language="javascript">
+
<style type="text/css">
-
           
+
         .firstHeading {
-
         </script>
+
                display:none;}
-
        <style type="text/css">
+
-
            /*--------------------------Original mod-------------------------------*/
+
-
            .firstHeading {
+
body {
-
                display:none;
+
float:center; margin:0; padding:0;background: url("http://www.asia.ru/images/target/photo/50871720/Fishing_Net.jpg")center top fixed; width:100%; 
-
            }
+
}
-
 
+
        #content{
-
            #content{
+
                 background: transparent;
                 background: transparent;
                 padding: 0px;
                 padding: 0px;
Line 18: Line 15:
             }
             }
-
            #globalWrapper{
 
-
                background: url(http://www.asia.ru/images/target/photo/50871720/Fishing_Net.jpg) repeat-y #a4b101;
 
-
            }
 
-
            #footer{
+
#header {
-
                padding: 2em auto;  
+
margin:0; padding:0;
-
            }
+
background:#ffffff;filter:alpha(opacity=80);opacity:0.8;
 +
}
 +
        #footer {
 +
margin:0; padding:0;
 +
background:#ffffff;filter:alpha(opacity=80);opacity:0.8;
 +
}
 +
#main1 {
 +
margin:0; padding:0;
 +
background:#ffffff;filter:alpha(opacity=80);opacity:0.8;
 +
}
 +
#main2 {
 +
margin:0; padding:0;
 +
background:url("blue.gif") top right repeat-y;
 +
}
 +
#left {
 +
float:left;
 +
width:150px;
 +
margin:0; padding:0;
 +
background:transparent;
 +
font-size:80%;
 +
}
 +
#right {
 +
float:right;
 +
width:150px;
 +
margin:0; padding:0;
 +
background:url("corner.gif") top right no-repeat;
 +
font-size:80%;
 +
}
 +
#middle {
 +
margin:0 150px;
 +
background:transparent;
 +
font-size:80%;
 +
}
 +
.column-in {
 +
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,h4 { margin: 0.2em 0 }
 +
p { margin: 0.5em 0 }
 +
a { color:black }
 +
 +
.copy { text-align:center; font-size:80% }
 +
</style>
-
            /*--------------------------Content-------------------------------*/
+
<script type="text/javascript">
-
            .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----------------------*/
+
function toggleContent(name,n) {
-
            a.return_button{
+
var i,t='',el = document.getElementById(name);
-
                margin: 1em 10px 0 -10px;
+
if (!el.origCont) el.origCont = el.innerHTML;
-
                padding: 1px 8px 5px 6em;
+
-
                float:left;
+
for (i=0;i<n;i++) t += el.origCont;
-
                text-decoration: none;
+
el.innerHTML = t;
-
                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;
+
-
            }    
+
-
           
+
</script>
-
        </style>
+
</head>
-
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+
<body>
-
    </head>
+
<div id="header"><div class="column-in">
-
    <body>
+
<h1>silicin's css testing page</h1>
-
            <div class="header">
+
<p> header
-
               
+
</p>
-
                <img id="logo" class="logo" src="http://4.bp.blogspot.com/_nLZy6cZ8AJw/RcNk2vYMbHI/AAAAAAAAAKg/yGu6hnPhKC4/s320/heart3.jpg"></a>
+
</div></div>
-
                <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 17:05, 26 August 2010

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