"
Team:HKU-Hong Kong/3col
From 2010.igem.org
(Difference between revisions)
| (8 intermediate revisions not shown) | |||
| Line 5: | Line 5: | ||
display:none;} | display:none;} | ||
/*---whole background---*/ | /*---whole background---*/ | ||
| - | + | ||
| - | + | #globalWrapper{ | |
| + | background:#aaaaaa url("https://static.igem.org/mediawiki/2010/4/45/Backigemhku.png"); | ||
} | } | ||
| + | |||
| + | |||
/*---whole content---*/ | /*---whole content---*/ | ||
| Line 19: | Line 22: | ||
#header { | #header { | ||
margin:0; padding:0; | margin:0; padding:0; | ||
| - | background:# | + | background:#0c6; |
} | } | ||
#footer { | #footer { | ||
| Line 25: | Line 28: | ||
background:#ffffff; | background:#ffffff; | ||
} | } | ||
| - | /*---middle col---*/ | + | /*---whole body?---*/ |
| + | /*---whole, be seen as top + middle col (as in T)---*/ | ||
#main1 { | #main1 { | ||
margin:0; padding:0; | margin:0; padding:0; | ||
| - | background:transparent url("https://static.igem.org/mediawiki/2010/8/88/Logosil.png")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;background: | + | margin:0; padding:0;background:transparent;filter:alpha(opacity=80);opacity:0.8; |
} | } | ||
/*---left col---*/ | /*---left col---*/ | ||
| Line 47: | Line 51: | ||
width:150px; | width:150px; | ||
margin:0; padding:0; | margin:0; padding:0; | ||
| - | background:transparent url(http://www.rickandandrea.com/andrea/wp-content/uploads/2009/10/heart-sand-love-michelle.jpg) top right | + | 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; | ||
| Line 55: | Line 60: | ||
font-size:80%; | font-size:80%; | ||
} | } | ||
| + | |||
.column-in { | .column-in { | ||
margin:0; padding:0.5em 1em; | margin:0; padding:0.5em 1em; | ||
| Line 90: | Line 96: | ||
<body> | <body> | ||
<div id="header"> | <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: | + | <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> | ||
| + | <div id="main1"> | ||
| - | + | <div id="main2"> | |
<div id="left"><div class="column-in"> | <div id="left"><div class="column-in"> | ||
| Line 109: | 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 125: | Line 143: | ||
<div id="footer"> | <div id="footer"> | ||
| - | <img src="https://static.igem.org/mediawiki/2010/thumb/0/06/Abcas.jpg/900px-Abcas.jpg" width="100%" height="113" style="opacity: | + | <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"/> |
</div> | </div> | ||
</body> | </body> | ||
</html> | </html> | ||
Latest revision as of 07:19, 27 August 2010
