Template:Fudan/project

From 2011.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
-
<style type="text/CSS">
+
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>
-
/* CSS Document */
+
-
body{
+
<script type="text/javascript">
-
padding:0px;
+
$(window).ready(function() {
-
margin:0px;
+
$('#top-section').css('height', 'auto');
-
background:#554D49;  
+
$('#p-logo').css('display', 'none');
-
color:#B6B6B6;  
+
$('.firstHeading').css('display', 'none');
-
font:14px/20px Arial, Helvetica, sans-serif;
+
-
}
+
-
div, p, ul, h2, h3, h4, img{
+
$('body').css('background-image', 'url(/wiki/images/0/0c/Fudan-Bg.jpeg)');
-
padding:0px;  
+
$('#content').css({'opacity': '0.95', 'filter': 'alpha(opacity = 95)', 'zoom': '1'});
-
margin:0px;
+
});
-
}
+
-
ul{
+
</script>
-
list-style-type:none;
+
-
}
+
-
/*----TOP PANEL----*/
 
-
#maintopPan{
 
-
height:322px;
 
-
background:url(https://static.igem.org/mediawiki/2011/8/8b/Topbg.gif) 0 0 repeat-x;
 
-
}
 
-
#logoPan{
+
<style type="text/css">
-
width:778px;
+
-
height:83px;
+
-
position:relative;
+
-
margin:0 auto;
+
-
background:url(https://static.igem.org/mediawiki/2011/a/ab/Logopanel-bg.gif) 0 0 no-repeat;
+
-
}
+
-
#logoPan img{
+
a.sidelink:link
-
width:171px;  
+
{
-
height:42px;  
+
color: #d56f7b;
-
position:absolute;  
+
text-decoration: none;
-
top:41px;  
+
font-weight: normal
-
left:304px;}
+
}
 +
a.sidelink:visited
 +
{  
 +
color: #d56f7b;  
 +
text-decoration: none;  
 +
font-weight: normal
 +
}
 +
a.sidelink:active
 +
{
 +
color: #d56f7b;  
 +
text-decoration: none
 +
}
 +
a.sidelink:hover
 +
{
 +
color: #9f414c;  
 +
text-decoration: none;  
 +
font-weight: none
 +
}
-
#headerPan{
+
</style>
-
width:660px;
+
-
height:189px;
+
-
position:relative;
+
-
margin:0 auto;
+
-
background:url(https://static.igem.org/mediawiki/2011/5/5e/Header.jpg) 100% 0 no-repeat; padding:16px 0 0;}
+
-
#headerPan ul{width:75px;}
+
<div id="container" style="width=900px;">
-
#headerPan ul li{width:75px; height:51px;}
+
<div id="top_image" style="margin-left:auto;margin-right:auto;width:100%;">
 +
<a href="/Team:Cambridge"> <img src="/wiki/images/b/b0/Trees6.jpeg"  /> </a>
 +
</div>
-
#headerPan ul li.sidenavpadding{padding:18px 0 0;}
+
<div id="sidepane" style="float:left;width:15%;">
 +
<a class="sidelink" href="/Team:Cambridge"><b>Home</b></a><br>
 +
<a class="sidelink" href="/Team:Cambridge/Team"><b>Team</b></a><br>
 +
<a class="sidelink" href="/Team:Cambridge/Project"><b>Project</b></a><br>
 +
<a class="sidelink" href="/Team:Cambridge/Protocols"><b>Protocols</b></a><br>
 +
<a class="sidelink" href="/Team:Cambridge/Experiments"><b>Experiments</b></a><br>
 +
<a class="sidelink" href="/Team:Cambridge/Parts"><b>Parts Submitted</b></a><br>
 +
<a class="sidelink" href="/Team:Cambridge/Modeling"><b>Modelling</b></a><br>
 +
<a class="sidelink" href="/Team:Cambridge/Blog"><b>Blog</b></a><br>
 +
<a class="sidelink" href="/Team:Cambridge/Safety"><b>Safety</b></a><br>
 +
<a class="sidelink" href="/Team:Cambridge/Brainstorm"><b>Brainstorming</b></a><br>
 +
<a class="sidelink" href="/Team:Cambridge/Attributions"><b>Attributions</b></a><br>
 +
                <a class="sidelink" href="/Team:Cambridge/Sponsorship"><b>Sponsorship</b></a><br>
 +
                <a class="sidelink" href="/Team:Cambridge/Questionnaire"><b>Share your iGEM experience!</b></a><br>
 +
                <a class="sidelink" href="/Team:Cambridge/Photos"><b>Photos</b></a><br>
 +
<a class="sidelink" href="/Main_Page"><b>iGEM 2011 Main Page</b></a><br>
 +
</div>
-
#headerPan ul li.hom a{
+
<div id="wiki_content" style="float:left;width:85%;">
-
width:75px;  
+
-
height:51px;
+
-
display:block;
+
-
background:url(https://static.igem.org/mediawiki/2011/e/e9/Home-hover.gif) 0 0 no-repeat;
+
-
text-indent:-20000px;
+
-
}
+
-
#headerPan ul li.hom a:hover{
 
-
background:url(images/home-hover.gif) 0 0 no-repeat;
 
-
}
 
-
 
-
#headerPan ul li.aboutus a{
 
-
width:75px;
 
-
height:51px;
 
-
display:block;
 
-
background:url(https://static.igem.org/mediawiki/2011/d/d3/Aboutus-normal.gif) 0 0 no-repeat; text-indent:-20000px;
 
-
}
 
-
 
-
#headerPan ul li.aboutus a:hover{
 
-
background:url(images/aboutus-hover.gif) 0 0 no-repeat;
 
-
}
 
-
 
-
#headerPan ul li.contact a{
 
-
width:75px;
 
-
height:51px;
 
-
display:block;
 
-
background:url(https://static.igem.org/mediawiki/2011/9/9b/Contactus-normal.gif) 0 0 no-repeat; text-indent:-20000px;
 
-
}
 
-
 
-
#headerPan ul li.contact a:hover{
 
-
background:url(https://static.igem.org/mediawiki/2011/d/dc/Contactus-hover.gif) 0 0 no-repeat;
 
-
}
 
-
 
-
/*----TOP PANEL----*/
 
-
 
-
/*----MENU PANEL----*/
 
-
#menuPan{
 
-
width:778px;
 
-
height:34px;
 
-
position:relative;
 
-
margin:0 auto;
 
-
}
 
-
 
-
#menuPan ul{
 
-
width:570px;
 
-
height:34px;
 
-
position:absolute;
 
-
top:0px;
 
-
left:149px;}
 
-
#menuPan ul li{
 
-
float:left;
 
-
text-align:center;
 
-
line-height:34px;
 
-
font-weight:bold;
 
-
}
 
-
#menuPan ul li.Home{
 
-
width:69px;
 
-
height:34px;
 
-
background:url(https://static.igem.org/mediawiki/2011/2/25/Client-hover.gif) 0 0 no-repeat #fff; color:#332D2B;
 
-
}
 
-
 
-
#menuPan ul li.Team a{
 
-
width:119px;
 
-
height:34px;
 
-
display:block;
 
-
background:url(https://static.igem.org/mediawiki/2011/2/24/Testimonials-normal.gif) 0 0 no-repeat #fff;
 
-
color:#332D2B; text-decoration:none;
 
-
}
 
-
 
-
#menuPan ul li.Team a:hover{
 
-
background:url(https://static.igem.org/mediawiki/2011/3/34/Testimonials-hover.gif) 0 0 no-repeat #fff; color:#332D2B;
 
-
text-decoration:none;}
 
-
 
-
#menuPan ul li.Project a{
 
-
width:98px;
 
-
height:34px;
 
-
display:block;
 
-
background:url(https://static.igem.org/mediawiki/2011/e/eb/Services-normal.gif) 0 0 no-repeat #fff;
 
-
color:#332D2B;
 
-
text-decoration:none;}
 
-
 
-
#menuPan ul li.Project a:hover{
 
-
background:url(https://static.igem.org/mediawiki/2011/a/a7/Services-hover.gif) 0 0 no-repeat #fff;
 
-
color:#332D2B;
 
-
text-decoration:none;}
 
-
 
-
#menuPan ul li.Parts a{
 
-
width:96px;
 
-
height:34px;
 
-
display:block;
 
-
background:url(https://static.igem.org/mediawiki/2011/5/58/Projects-normal.gif) 0 0 no-repeat #fff;
 
-
color:#332D2B;
 
-
text-decoration:none;}
 
-
 
-
#menuPan ul li.Parts a:hover{
 
-
background:url(https://static.igem.org/mediawiki/2011/c/c8/Projects-hover.gif) 0 0 no-repeat #fff;
 
-
color:#332D2B;
 
-
text-decoration:none;}
 
-
 
-
#menuPan ul li.Notebook a{
 
-
width:103px;
 
-
height:34px;
 
-
display:block;
 
-
background:url(https://static.igem.org/mediawiki/2011/6/61/Solutions-normal.gif) 0 0 no-repeat #fff; color:#332D2B;
 
-
text-decoration:none;}
 
-
 
-
#menuPan ul li.Notebook a:hover{
 
-
background:url(https://static.igem.org/mediawiki/2011/2/2f/Solutions-hover.gif) 0 0 no-repeat #fff;
 
-
color:#332D2B;
 
-
text-decoration:none;}
 
-
 
-
#menuPan ul li.Safety a{
 
-
width:85px;
 
-
height:34px;
 
-
display:block;
 
-
background:url(https://static.igem.org/mediawiki/2011/4/4a/Market-normal.gif) 0 0 no-repeat #fff;
 
-
color:#332D2B;
 
-
text-decoration:none;}
 
-
 
-
#menuPan ul li.Safety a:hover{
 
-
background:url(https://static.igem.org/mediawiki/2011/b/b4/Market-hover.gif) 0 0 no-repeat #fff;
 
-
color:#332D2B;
 
-
text-decoration:none;}
 
-
 
-
/*----/MENU PANEL----*/
 
-
 
-
/*----BODY TOP PANEL----*/
 
-
#mainbodytopPan{
 
-
background:url(https://static.igem.org/mediawiki/2011/4/4f/Bodytopbg.gif) 0 0 repeat-x #3B3532;
 
-
color:#B6B6B6;
 
-
margin:0 auto;}
 
-
 
-
#bodytopPan{
 
-
width:588px;
 
-
/*height:224px;*/
 
-
position:relative;
 
-
margin:0 auto;
 
-
padding:22px 95px 0;}
 
-
 
-
#bodytopPan h2{
 
-
width:588px;
 
-
height:60px;
 
-
background:url(https://static.igem.org/mediawiki/2011/2/20/Image1.gif) 250px 25px no-repeat #3C3633;
 
-
color:#D5D5D5;
 
-
font-size:30px;
 
-
line-height:60px;
 
-
font-weight:normal;}
 
-
 
-
#bodytopPan p span.yellow{
 
-
background:#3C3633;
 
-
color:#FFD900;}
 
-
/*----/BODY TOP PANEL----*/
 
-
 
-
/*----BODY PANEL----*/
 
-
#mainbodyPan{
 
-
background:url(https://static.igem.org/mediawiki/2011/2/20/Bodybg.gif) 0 0 repeat-x #554D49;
 
-
color:#B6B6B6;
 
-
margin:0 auto;}
 
-
 
-
#bodyPan{
 
-
width:588px;
 
-
/*height:400px;*/
 
-
background:url(https://static.igem.org/mediawiki/2011/4/43/Blog-header.jpg) 0 0 no-repeat;
 
-
position:relative;
 
-
margin:0 auto;
 
-
padding:108px 95px 0;}
 
-
 
-
#bodyPan h3{
 
-
width:500px;
 
-
height:46px;
 
-
display:block;
 
-
background:#554D49;
 
-
color:#D5D5D5;
 
-
font:36px/46px Arial, Helvetica, sans-serif;
 
-
font-weight:normal;}
 
-
 
-
#bodyPan h4{
 
-
width:365px;
 
-
height:54px;
 
-
display:block;
 
-
background:url(https://static.igem.org/mediawiki/2011/5/5b/Date.gif) 0 0 no-repeat #554D49;
 
-
color:#009FC2;
 
-
font-size:14px;
 
-
line-height:20px;
 
-
font-weight:bold;
 
-
text-transform:uppercase;
 
-
padding:10px 0 0 52px;}
 
-
 
-
#bodyPan h4 span{
 
-
background:#554D49;
 
-
color:#F4D000;
 
-
font-size:18px;
 
-
font-weight:normal;
 
-
text-transform:none;}
 
-
 
-
#bodyPan h5{
 
-
width:375px;
 
-
height:54px;
 
-
float:left;
 
-
display:block;
 
-
background:url(https://static.igem.org/mediawiki/2011/4/44/Date2.gif) 0 0 no-repeat #554D49;
 
-
color:#009FC2;
 
-
font-size:14px;
 
-
line-height:20px;
 
-
font-weight:bold;
 
-
text-transform:uppercase;
 
-
padding:10px 0 0 52px;
 
-
margin:0px;}
 
-
 
-
#bodyPan h5 span{
 
-
background:#554D49;
 
-
color:#F4D000;
 
-
font-size:18px;
 
-
font-weight:normal;
 
-
text-transform:none;}
 
-
 
-
#bodyPan p{
 
-
width:430px;}
 
-
 
-
#bodyPan p span{
 
-
background:#554D49;
 
-
color:#fff;}
 
-
 
-
#bodyPan p.img1{
 
-
width:143px;
 
-
height:106px;
 
-
display:block;
 
-
background:url(https://static.igem.org/mediawiki/2011/8/86/Img1.jpg) 0 0 no-repeat;
 
-
position:absolute;
 
-
top:189px;
 
-
right:95px;}
 
-
 
-
#bodyPan p.caption{
 
-
width:588px;
 
-
height:30px;
 
-
font-size:27px;
 
-
line-height:20px;
 
-
padding:10px 0;}
 
-
 
-
#bodyPan p.comments{
 
-
width:100px;
 
-
height:16px;
 
-
float:left;
 
-
display:block;
 
-
background:url(https://static.igem.org/mediawiki/2011/0/0a/Icon1.gif) 0 0 no-repeat #24201E;
 
-
line-height:16px;
 
-
color:#fff;
 
-
padding:0 0 0 30px;
 
-
margin:0 10px 0 0;}
 
-
 
-
#bodyPan p.comments span.no{
 
-
width:23px;
 
-
height:16px;
 
-
background:#0F0F0F;
 
-
color:#fff; margin:0 0 0 5px;
 
-
text-align:center;
 
-
padding:0 4px;}
 
-
 
-
#bodyPan p.continue{
 
-
width:88px;
 
-
height:16px;
 
-
float:left;
 
-
line-height:16px;
 
-
font-family:"Trebuchet MS",Arial, Helvetica, sans-serif; margin:0 170px 0 0;}
 
-
 
-
#bodyPan p.continue a{
 
-
width:88px;
 
-
height:16px;
 
-
display:block;
 
-
background:url(https://static.igem.org/mediawiki/2011/8/88/Arrow-normal.gif) 75px 0 no-repeat #24201E;
 
-
color:#009FC2;
 
-
text-decoration:none;
 
-
padding:0 0 0 10px;}
 
-
 
-
#bodyPan p.continue a:hover{
 
-
background:url(images/arrow-hover.gif) 75px 0 no-repeat #24201E;
 
-
color:#009FC2;
 
-
text-decoration:none;}
 
-
 
-
#bodyPan p.border{
 
-
width:588px;
 
-
height:40px;
 
-
float:left;
 
-
display:block;
 
-
background:url(https://static.igem.org/mediawiki/2011/9/95/Dot-line.gif) 0 20px repeat-x;
 
-
margin:5px 0 0;}
 
-
 
-
#bodyPan p.img2{
 
-
width:143px;
 
-
height:106px;
 
-
display:block;
 
-
background:url(https://static.igem.org/mediawiki/2011/f/f4/Img2.jpg) 0 0 no-repeat;
 
-
position:absolute;
 
-
top:460px;
 
-
right:95px;}
 
-
 
-
/*----FOOTER PANEL----*/
 
-
#footermainPan{
 
-
height:132px;
 
-
background:url(https://static.igem.org/mediawiki/2011/4/42/Footerbg.gif) 0 0 repeat-x #24201E;
 
-
color:#fff; font:13px/20px "Trebuchet MS",Arial, Helvetica, sans-serif;
 
-
clear:both;
 
-
padding:86px 0 0;}
 
-
 
-
#footerPan{
 
-
width:588px;
 
-
position:relative;
 
-
margin:0 auto;}
 
-
 
-
#footerPan ul{
 
-
width:588px;
 
-
height:20px;
 
-
position:relative;
 
-
margin:0 auto;}
 
-
 
-
#footerPan li{
 
-
float:left; }
 
-
 
-
#footerPan ul li a{
 
-
padding:0 10px 0;
 
-
color:#fff;
 
-
background:#24201E;
 
-
text-decoration:none;
 
-
font-size:12px;}
 
-
 
-
#footerPan ul li a:hover{
 
-
text-decoration:underline;}
 
-
 
-
#footerPan p.copyright{
 
-
width:250px;
 
-
position:relative;
 
-
margin:0 auto;}
 
-
 
-
#footerPan ul.templateworld{
 
-
width:250px;
 
-
background:#24201E;
 
-
color:#fff;
 
-
display:block;
 
-
position:absolute;
 
-
top:75px; left:200px;
 
-
font-size:10px;}
 
-
 
-
#footerPan ul.templateworld li{
 
-
height:20px;}
 
-
#footerPan ul.templateworld li a{
 
-
background:#24201E;
 
-
display:block;
 
-
color:#fff;
 
-
text-decoration:none;
 
-
padding:0px;}
 
-
 
-
#footerPan ul.templateworld li a:hover{
 
-
text-decoration:underline;}
 
-
 
-
#footerPanhtml{
 
-
width:58px;
 
-
height:23px;
 
-
display:block;
 
-
position:absolute;
 
-
top:46px;
 
-
left:200px;}
 
-
 
-
#footerPanhtml a{
 
-
width:58px;
 
-
height:23px;
 
-
display:block;
 
-
background:url(https://static.igem.org/mediawiki/2011/b/b9/Html-normal.gif) 0 0 no-repeat #A79040;
 
-
color:#685900;
 
-
font-size:13px;
 
-
line-height:23px;
 
-
font-weight:bold;
 
-
text-decoration:none;text-transform:uppercase;
 
-
padding:0 0 0 10px;}
 
-
 
-
#footerPanhtml a:hover{
 
-
background:url(https://static.igem.org/mediawiki/2011/0/08/Html-hover.gif) 0 0 no-repeat #D64F00;
 
-
color:#24201E;}
 
-
 
-
#footerPancss{
 
-
width:58px;
 
-
height:24px;
 
-
display:block;
 
-
position:absolute;
 
-
top:45px;
 
-
left:270px;}
 
-
 
-
#footerPancss a{
 
-
width:49px;
 
-
height:24px;
 
-
display:block;
 
-
background:url(https://static.igem.org/mediawiki/2011/3/34/Css-normal.gif) 0 0 no-repeat #D64F00;
 
-
color:#fff;
 
-
font-size:13px;
 
-
line-height:24px;
 
-
font-weight:bold;
 
-
text-decoration:none;
 
-
text-transform:uppercase;
 
-
padding:0 0 0 10px;}
 
-
 
-
#footerPancss a:hover{
 
-
background:url(https://static.igem.org/mediawiki/2011/9/95/Css-hover.gif) 0 0 no-repeat #A79040;
 
-
color:#fff;
 
-
text-decoration:none;}
 
-
/*----/FOOTER PANEL----*/
 
-
</style>
 
</html>
</html>

Revision as of 08:59, 31 August 2011