Team:HKU-Hong Kong/3col

From 2010.igem.org

(Difference between revisions)
 
(23 intermediate revisions not shown)
Line 4: Line 4:
         .firstHeading {
         .firstHeading {
                 display:none;}
                 display:none;}
-
 
+
/*---whole background---*/
-
 
+
-
body {
+
        #globalWrapper{
-
float:center; margin:0; padding:0; background:ffffff url(http://www.asia.ru/images/target/photo/50871720/Fishing_Net.jpg)no-repeat center top; width:100%;
+
background:#aaaaaa url("https://static.igem.org/mediawiki/2010/4/45/Backigemhku.png");  
}
}
 +
 +
 +
/*---whole content---*/
 +
        #content{
 +
                background: transparent;
 +
                padding: 0px;
 +
        margin:0 auto;
 +
                border: none; 
 +
            }
 +
/*---header n footer---*/
#header {
#header {
margin:0; padding:0;
margin:0; padding:0;
-
background:yellow;
+
background:#0c6;
}
}
         #footer {
         #footer {
margin:0; padding:0;
margin:0; padding:0;
-
background:yellow;
+
background:#ffffff;
}
}
 +
/*---whole body?---*/
 +
    /*---whole, be seen as top + middle col (as in T)---*/
#main1 {
#main1 {
margin:0; padding:0;
margin:0; padding:0;
-
background:yellow url("red.gif") top left repeat-y;
+
background:transparent url("https://static.igem.org/mediawiki/2010/8/88/Logosil.png")repeat-y center top;
}
}
 +
    /*---modifier:all lower columns||| (ref. 3col site )---*/
#main2 {
#main2 {
-
margin:0; padding:0;
+
margin:0; padding:0;background:transparent;filter:alpha(opacity=80);opacity:0.8;
-
background:url("blue.gif") top right repeat-y;
+
}
}
 +
/*---left col---*/
#left {
#left {
float:left;
float:left;
width:150px;
width:150px;
margin:0; padding:0;
margin:0; padding:0;
-
background:url("corner.gif") top right no-repeat;
+
background:transparent url(http://www.rickandandrea.com/andrea/wp-content/uploads/2009/10/heart-sand-love-michelle.jpg);
font-size:80%;
font-size:80%;
}
}
 +
/*---right col---*/
#right {
#right {
float:right;
float:right;
width:150px;
width:150px;
margin:0; padding:0;
margin:0; padding:0;
-
background:url("corner.gif") top right no-repeat;
+
background:transparent url(http://www.rickandandrea.com/andrea/wp-content/uploads/2009/10/heart-sand-love-michelle.jpg) top right;
font-size:80%;
font-size:80%;
}
}
 +
/*---middle col---*/
#middle {
#middle {
margin:0 150px;
margin:0 150px;
-
background:yellow;
+
background:#00ff00;
font-size:80%;
font-size:80%;
}
}
 +
.column-in {
.column-in {
margin:0; padding:0.5em 1em;
margin:0; padding:0.5em 1em;
Line 79: Line 95:
</head>
</head>
<body>
<body>
 +
<div id="header">
 +
<img src="https://static.igem.org/mediawiki/2010/thumb/0/06/Abcas.jpg/900px-Abcas.jpg" width="100%" height="113" style="opacity:1;filter:alpha(opacity=100)" alt="hku-igem logo"/>
 +
</center><table border="0" align="center" style="background-color:#0c6" width="80%">
 +
<tr>
 +
<td><center><a href="https://2010.igem.org/Team:HKU-Hong_Kong/">home</a></center></td>
 +
<td><center><a href="https://2010.igem.org/Team:HKU-Hong_Kong/Team">team</a></center></td>
 +
<td><center><a href="https://igem.org/Team.cgi?year=2010&team_name=HKU-Hong_Kong">official team profile</a></center></td>
 +
<td><center><a href="https://2010.igem.org/Team:HKU-Hong_Kong/Project">project</a></center></td>
 +
<td><center><a href="https://2010.igem.org/Team:HKU-Hong_Kong/Parts">parts</a></center></td>
 +
<td><center><a href="https://2010.igem.org/Team:HKU-Hong_Kong/Modeling">modeling</a></center></td>
 +
<td><center><a href="https://2010.igem.org/Team:HKU-Hong_Kong/Notebook">notebook</a></center></td>
 +
<td><center><a href="https://2010.igem.org/Team:HKU-Hong_Kong/Safety">safety</a></center></td>
 +
</tr>
 +
</table></center>
 +
</div>
-
<div id="main1"><div id="main2">
+
<div id="main1">
 +
 
 +
<div id="main2">
<div id="left"><div class="column-in">
<div id="left"><div class="column-in">
Line 86: Line 119:
<h4>Left Col</h4>
<h4>Left Col</h4>
<p id="lccont">
<p id="lccont">
-
This is content of the LEFT column. It can be <a href="javascript:toggleContent('lccont',1)">short</a>, <a href="javascript:toggleContent('lccont',3)">longer</a> or <a href="javascript:toggleContent('lccont',10)">very long</a>.
+
This is content of the LEFT column. It can be <a href="javascript:toggleContent('lccont',1)">short</a>, <a href="javascript:toggleContent('lccont',3)">longer</a> or <a href="javascript:toggleContent('lccont',20)">very long</a>.
</p>
</p>
</div></div>
</div></div>
Line 95: Line 128:
This is content of the RIGHT column. It can be <a href="javascript:toggleContent('rccont',1)">short</a>, <a href="javascript:toggleContent('rccont',3)">longer</a> or <a href="javascript:toggleContent('rccont',10)">very long</a>.
This is content of the RIGHT column. It can be <a href="javascript:toggleContent('rccont',1)">short</a>, <a href="javascript:toggleContent('rccont',3)">longer</a> or <a href="javascript:toggleContent('rccont',10)">very long</a>.
</p>
</p>
-
 
</div></div>
</div></div>
Line 110: Line 142:
</div></div>
</div></div>
-
<div id="footer"><div class="column-in">
+
<div id="footer">
-
<h4>The footer</h4>
+
<img src="https://static.igem.org/mediawiki/2010/thumb/0/06/Abcas.jpg/900px-Abcas.jpg" width="100%" height="113" style="opacity:1;filter:alpha(opacity=100)" alt="hku-igem logo"/>  
-
<p>
+
-
Anything follows here...
+
-
</p>
+
-
 
+
-
</div></div>
+
-
 
+
-
<hr />
+
-
<p class="copy">2003-04-02 (c) <a href="http://www.pixy.cz">Petr Stanicek (aka -pixy-)</a> (<a href="mailto:pixy@pixy.cz">pixy@pixy.cz</a>)</p>
+
-
 
+
-
<div id="statistiky">
+
-
<img src="http://www.toplist.cz/count.asp?id=45236&amp;logo=2" alt="TOPlist" width="1" height="1" />
+
-
 
+
-
<!-- NAVRCHOLU.cz -->
+
-
<script type="text/javascript">
+
-
<!--
+
-
pxDepth = screen.pixelDepth; if (!(pxDepth>0)) pxDepth = screen.colorDepth; if (!(pxDepth>0)) pxDepth = 0;
+
-
document.write("<img src=\"http://hit.navrcholu.cz/hit?id=00057521;n=1;screenx=" + screen.width + ";screeny=" + screen.height + ";cdepth=" + pxDepth + ";ref=" + escape(top.document.referrer) + "\" width=\"1\" height=\"1\" alt=\"\" />");
+
-
// -->
+
-
 
+
-
</script>
+
-
<noscript>
+
-
<p><img src="http://hit.navrcholu.cz/hit?id=00057521;n=1" width="1" height="1" alt="" /></p>
+
-
</noscript>
+
-
<!-- NAVRCHOLU.cz - konec -->
+
</div>
</div>
</body>
</body>
</html>
</html>

Latest revision as of 07:19, 27 August 2010

Left Col

This is content of the LEFT column. It can be short, longer or very long.

Middle Col

This is content of the MIDDLE column. It can be short, longer or very long.

 

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