Team:HKU-Hong Kong/3col
From 2010.igem.org
(Difference between revisions)
(11 intermediate revisions not shown) | |||
Line 4: | Line 4: | ||
.firstHeading { | .firstHeading { | ||
display:none;} | display:none;} | ||
- | + | /*---whole background---*/ | |
- | + | ||
- | + | #globalWrapper{ | |
+ | background:#aaaaaa url("https://static.igem.org/mediawiki/2010/4/45/Backigemhku.png"); | ||
} | } | ||
+ | |||
+ | |||
+ | |||
+ | /*---whole content---*/ | ||
#content{ | #content{ | ||
background: transparent; | background: transparent; | ||
Line 14: | Line 19: | ||
border: none; | border: none; | ||
} | } | ||
- | + | /*---header n footer---*/ | |
- | + | ||
#header { | #header { | ||
margin:0; padding:0; | margin:0; padding:0; | ||
- | background:# | + | background:#0c6; |
} | } | ||
#footer { | #footer { | ||
Line 24: | Line 28: | ||
background:#ffffff; | 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: | + | 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 { | #left { | ||
float:left; | float:left; | ||
width:150px; | width:150px; | ||
margin:0; padding:0; | margin:0; padding:0; | ||
- | background:transparent url( | + | 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( | + | 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: | + | 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 85: | 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 95: | 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', | + | 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 104: | 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 120: | 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