Template:Team:NCTU Formosa/header-project

From 2012.igem.org

(Difference between revisions)
 
(50 intermediate revisions not shown)
Line 17: Line 17:
padding-top:5px;
padding-top:5px;
padding-bottom:10px;
padding-bottom:10px;
 +
}
 +
.project-s-wrapper a {
 +
color: #a46c00;
}
}
#project-s1-title {
#project-s1-title {
Line 46: Line 49:
height: 30px!important;
height: 30px!important;
background:url(https://static.igem.org/mediawiki/2012/5/5a/Subtitle-project5.png) transparent no-repeat;
background:url(https://static.igem.org/mediawiki/2012/5/5a/Subtitle-project5.png) transparent no-repeat;
 +
margin-left: 5px;
 +
}
 +
#project-s6-title {
 +
width: 960px;
 +
height: 30px!important;
 +
background:url(https://static.igem.org/mediawiki/2012/1/17/Sub-ref.png) transparent no-repeat;
margin-left: 5px;
margin-left: 5px;
}
}
Line 77: Line 86:
background:url(https://static.igem.org/mediawiki/2012/1/13/Subtitle-project2ss.png) transparent no-repeat;
background:url(https://static.igem.org/mediawiki/2012/1/13/Subtitle-project2ss.png) transparent no-repeat;
margin-left: 30px;
margin-left: 30px;
 +
}
 +
#project-s4-1-title {
 +
width: 960px;
 +
height: 30px!important;
 +
background:url(https://static.igem.org/mediawiki/2012/4/47/Subtitle-project4s1.png) transparent no-repeat;
 +
margin-left: 15px;
 +
}
 +
#project-s4-2-title {
 +
width: 960px;
 +
height: 30px!important;
 +
background:url(https://static.igem.org/mediawiki/2012/5/53/Subtitle-project4s2.png) transparent no-repeat;
 +
margin-left: 15px;
 +
}
 +
#project-s4-3-title {
 +
width: 960px;
 +
height: 30px!important;
 +
background:url(https://static.igem.org/mediawiki/2012/8/8c/Subtitle-project4s3.png) transparent no-repeat;
 +
margin-left: 15px;
 +
}
 +
#project-s4-4-title {
 +
width: 960px;
 +
height: 30px!important;
 +
background:url(https://static.igem.org/mediawiki/2012/2/23/Subtitle-project4s4.png) transparent no-repeat;
 +
margin-left: 15px;
 +
}
 +
#project-s4-5-title {
 +
width: 960px;
 +
height: 30px!important;
 +
background:url(https://static.igem.org/mediawiki/2012/f/fa/Subtitle-project4s5.png) transparent no-repeat;
 +
margin-left: 15px;
 +
}
 +
#project-s5-0-title {
 +
width: 960px;
 +
height: 30px!important;
 +
background:url(https://static.igem.org/mediawiki/2012/7/7a/Subtitle-project5s0.png) transparent no-repeat;
 +
margin-left: 15px;
}
}
#project-s5-1-title {
#project-s5-1-title {
Line 120: Line 165:
margin-bottom:10px;
margin-bottom:10px;
margin:0 auto;
margin:0 auto;
 +
position:relative;
}
}
.imgcap {
.imgcap {
-
text-align:center;
+
text-indent:0!important;
-
font-size:11px;
+
margin:0!important;
-
font-color:#333;
+
width:720px;
 +
position:parent;
 +
bottom:0;
 +
//text-align:center;
 +
font-size:11px!important;
 +
color:#fff!important;
 +
background: rgba(0, 0, 0, 0.25);
 +
-moz-border-radius-bottomright: 10px;
 +
-moz-border-radius-bottomleft: 10px;
 +
border-bottom-right-radius: 10px;
 +
border-bottom-left-radius: 10px;
 +
position:absolute;
 +
padding-bottom:5px;
 +
padding-top:2px;
 +
padding-left:20px;
 +
padding-right:20px;
 +
line-height:13px;
 +
-webkit-transition: 0.5s;
 +
-moz-transition: 0.5s;
 +
transition: 0.5s;
 +
}
 +
.pimg:hover .imgcap {
 +
background: rgba(0, 0, 0, 0.5);
 +
}
 +
.imgcap b{
 +
margin-right:10px;
}
}
.emph {
.emph {
font-weight:600;
font-weight:600;
 +
}
 +
.imgcap2 {
 +
text-align: center;
 +
font-weight:500!important;
 +
font-size:11px;
 +
}
 +
#project-s4-pp1 {
 +
width: 760px;
 +
height: 570px!important;
 +
background:url(https://static.igem.org/mediawiki/2012/e/ea/Project-s4-pp1.png) transparent no-repeat;
 +
margin-bottom:3px;
 +
}
 +
#project-s4-pp2 {
 +
width: 760px;
 +
height: 570px!important;
 +
background:url(https://static.igem.org/mediawiki/2012/d/d9/Project-s4-pp2.png) transparent no-repeat;
 +
margin-bottom:3px;
 +
}
 +
#project-s4-pp3 {
 +
width: 760px;
 +
height: 570px!important;
 +
background:url(https://static.igem.org/mediawiki/2012/8/8c/Project-s4-pp3.png) transparent no-repeat;
 +
margin-bottom:3px;
}
}
#project-s2-1-p1 {
#project-s2-1-p1 {
width: 760px;
width: 760px;
height: 570px!important;
height: 570px!important;
-
background:url(https://static.igem.org/mediawiki/2012/e/e6/Project-s2-p12.png) transparent no-repeat;
+
background:url(https://static.igem.org/mediawiki/2012/7/7c/Project-p1.png) transparent no-repeat;
 +
margin-bottom:3px;
}
}
#project-s2-1-p2 {
#project-s2-1-p2 {
width: 760px;
width: 760px;
height: 570px!important;
height: 570px!important;
-
background:url(https://static.igem.org/mediawiki/2012/0/0b/Project-s2-p13.png) transparent no-repeat;
+
background:url(https://static.igem.org/mediawiki/2012/e/e6/Project-p2.png) transparent no-repeat;
}
}
#project-s2-2-p1 {
#project-s2-2-p1 {
width: 760px;
width: 760px;
height: 570px!important;
height: 570px!important;
-
background:url(https://static.igem.org/mediawiki/2012/8/84/Project-s2-p1.png) transparent no-repeat;
+
background:url(https://static.igem.org/mediawiki/2012/8/80/Project-p3.png) transparent no-repeat;
}
}
#project-s2-2-p2 {
#project-s2-2-p2 {
width: 760px;
width: 760px;
height: 570px!important;
height: 570px!important;
-
background:url(https://static.igem.org/mediawiki/2012/d/df/Project-s2-p2.png) transparent no-repeat;
+
background:url(https://static.igem.org/mediawiki/2012/9/99/Project-p5.png) transparent no-repeat;
}
}
#project-s2-2-p3 {
#project-s2-2-p3 {
width: 760px;
width: 760px;
height: 569px!important;
height: 569px!important;
-
background:url(https://static.igem.org/mediawiki/2012/4/46/Project-s2-p3.png) transparent no-repeat;
+
background:url(https://static.igem.org/mediawiki/2012/8/88/Project-p6.png) transparent no-repeat;
}
}
#project-s2-2-p4 {
#project-s2-2-p4 {
width: 760px;
width: 760px;
height: 569px!important;
height: 569px!important;
-
background:url(https://static.igem.org/mediawiki/2012/6/6b/Project-s2-p4.png) transparent no-repeat;
+
background:url(https://static.igem.org/mediawiki/2012/d/dd/Project-p4.png) transparent no-repeat;
}
}
#project-s2-2-p5 {
#project-s2-2-p5 {
width: 760px;
width: 760px;
-
height: 553px!important;
+
height: 570px!important;
-
background:url(https://static.igem.org/mediawiki/2012/e/ed/Project-s2-p5.png) transparent no-repeat;
+
background:url(https://static.igem.org/mediawiki/2012/e/e1/Project-p7.png) transparent no-repeat;
 +
}
 +
#project-s2-2-p6 {
 +
width: 760px;
 +
height: 570px!important;
 +
background:url(https://static.igem.org/mediawiki/2012/8/8d/Project-p8.png) transparent no-repeat;
}
}
#project-s2-3-p13 {
#project-s2-3-p13 {
width: 760px;
width: 760px;
height: 569px!important;
height: 569px!important;
-
background:url(https://static.igem.org/mediawiki/2012/2/20/Project-s2-p14.png) transparent no-repeat;
+
background:url(https://static.igem.org/mediawiki/2012/9/99/Project-p9.png) transparent no-repeat;
}
}
#project-s2-3-p1 {
#project-s2-3-p1 {
width: 760px;
width: 760px;
height: 570px!important;
height: 570px!important;
-
background:url(https://static.igem.org/mediawiki/2012/d/df/Project-s2-p6.png) transparent no-repeat;
+
background:url(https://static.igem.org/mediawiki/2012/7/7e/Project-p10.png) transparent no-repeat;
}
}
#project-s2-3-p2 {
#project-s2-3-p2 {
width: 760px;
width: 760px;
height: 570px!important;
height: 570px!important;
-
background:url(https://static.igem.org/mediawiki/2012/b/b6/Project-s2-p7.png) transparent no-repeat;
+
background:url(https://static.igem.org/mediawiki/2012/8/8f/Project-p11.png) transparent no-repeat;
}
}
#project-s2-3-p3 {
#project-s2-3-p3 {
width: 760px;
width: 760px;
-
height: 569px!important;
+
height: 570px!important;
-
background:url(https://static.igem.org/mediawiki/2012/e/ef/Project-s2-p8.png) transparent no-repeat;
+
background:url(https://static.igem.org/mediawiki/2012/f/fd/Project-p12.png) transparent no-repeat;
}
}
#project-s2-3-p4 {
#project-s2-3-p4 {
width: 760px;
width: 760px;
height: 570px!important;
height: 570px!important;
-
background:url(https://static.igem.org/mediawiki/2012/f/f1/Project-s2-p9.png) transparent no-repeat;
+
background:url(https://static.igem.org/mediawiki/2012/c/c8/Project-p25.png) transparent no-repeat;
}
}
-
#project-s2-2-p5 {
+
#project-s2-3-p5 {
width: 760px;
width: 760px;
height: 570px!important;
height: 570px!important;
-
background:url(https://static.igem.org/mediawiki/2012/5/52/Project-s2-p15.png) transparent no-repeat;
+
background:url(https://static.igem.org/mediawiki/2012/e/e0/Project-p26.png) transparent no-repeat;
}
}
-
#project-s2-2-p6 {
+
#project-s2-4-p1 {
 +
width: 760px;
 +
height: 569px!important;
 +
background:url(https://static.igem.org/mediawiki/2012/b/b0/Project-p14.png) transparent no-repeat;
 +
}
 +
#project-s2-4-p2 {
 +
width: 760px;
 +
height: 428px!important;
 +
background:url(https://static.igem.org/mediawiki/2012/5/5f/Fig16.jpg) transparent no-repeat;
 +
}
 +
#project-s4-p1 {
width: 760px;
width: 760px;
height: 570px!important;
height: 570px!important;
-
background:url(https://static.igem.org/mediawiki/2012/b/b3/Project-s2-p16.png) transparent no-repeat;
+
background:url(https://static.igem.org/mediawiki/2012/9/9e/Project-p20.png) transparent no-repeat;
}
}
-
#project-s2-2-p7 {
+
#project-s4-p2 {
width: 760px;
width: 760px;
height: 570px!important;
height: 570px!important;
-
background:url(https://static.igem.org/mediawiki/2012/8/8e/Project-s2-p17.png) transparent no-repeat;
+
background:url(https://static.igem.org/mediawiki/2012/9/92/Project-p19.png) transparent no-repeat;
}
}
-
#project-s2-2-p8 {
+
#project-s4-p3 {
width: 760px;
width: 760px;
height: 570px!important;
height: 570px!important;
-
background:url(https://static.igem.org/mediawiki/2012/9/92/Project-s2-p18.png) transparent no-repeat;
+
background:url(https://static.igem.org/mediawiki/2012/0/06/Project-p13.png) transparent no-repeat;
}
}
-
#project-s2-2-p9 {
+
#project-s4-p4 {
width: 760px;
width: 760px;
height: 570px!important;
height: 570px!important;
-
background:url(https://static.igem.org/mediawiki/2012/7/76/Project-s2-p19.png) transparent no-repeat;
+
background:url(https://static.igem.org/mediawiki/2012/3/3f/Project-p21.png) transparent no-repeat;
}
}
-
#project-s2-2-p10 {
+
#project-s4-p5 {
width: 760px;
width: 760px;
height: 570px!important;
height: 570px!important;
-
background:url(https://static.igem.org/mediawiki/2012/1/12/Project-s2-p20.png) transparent no-repeat;
+
background:url(https://static.igem.org/mediawiki/2012/2/27/Project-p22.png) transparent no-repeat;
}
}
-
#project-s2-2-p11 {
+
#project-s4-p6 {
width: 760px;
width: 760px;
height: 570px!important;
height: 570px!important;
-
background:url(https://static.igem.org/mediawiki/2012/6/6b/Project-s2-p21.png) transparent no-repeat;
+
background:url(https://static.igem.org/mediawiki/2012/b/bb/Project-p23.png) transparent no-repeat;
}
}
-
#project-s2-2-p12 {
+
#project-s4-p7 {
width: 760px;
width: 760px;
height: 570px!important;
height: 570px!important;
-
background:url(https://static.igem.org/mediawiki/2012/a/a8/Project-s2-p22.png) transparent no-repeat;
+
background:url(https://static.igem.org/mediawiki/2012/e/e1/Project-p24.png) transparent no-repeat;
}
}
-
#project-s2-4-p1 {
+
#project-s5-p0 {
width: 760px;
width: 760px;
height: 569px!important;
height: 569px!important;
-
background:url(https://static.igem.org/mediawiki/2012/4/4f/Project-s2-p10.png) transparent no-repeat;
+
background:url(https://static.igem.org/mediawiki/2012/0/0b/Project-s5-p0.png) transparent no-repeat;
}
}
#project-s5-p1 {
#project-s5-p1 {
width: 760px;
width: 760px;
height: 570px!important;
height: 570px!important;
-
background:url(https://static.igem.org/mediawiki/2012/5/54/Project-s5-p3.png) transparent no-repeat;
+
background:url(https://static.igem.org/mediawiki/2012/d/d9/Project-s5-p4.png) transparent no-repeat;
}
}
#project-s5-p2 {
#project-s5-p2 {
width: 760px;
width: 760px;
height: 570px!important;
height: 570px!important;
-
background:url(https://static.igem.org/mediawiki/2012/d/d9/Project-s5-p4.png) transparent no-repeat;
+
background:url(https://static.igem.org/mediawiki/2012/c/ca/Project-p27.png) transparent no-repeat;
}
}
#project-s5-p3 {
#project-s5-p3 {
Line 429: Line 539:
#m2s li a {
#m2s li a {
background:url(https://static.igem.org/mediawiki/2012/d/df/Submenu-project-i.png) transparent no-repeat 0 0;
background:url(https://static.igem.org/mediawiki/2012/d/df/Submenu-project-i.png) transparent no-repeat 0 0;
 +
}
 +
#submenu {
 +
margin-top: 30px;
}
}
</style>
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
-
<script>
 
-
$(document).ready(function(){
 
-
// hide #back-top first
 
-
$("#back-top").hide();
 
-
$("#submenu").hide();
 
-
// fade in #back-top
 
-
$(function () {
 
-
$(window).scroll(function () {
 
-
if ($(this).scrollTop() > 130) {
 
-
$('#back-top').fadeIn();
 
-
$('#submenu').fadeIn();
 
-
} else {
 
-
$('#back-top').fadeOut();
 
-
$('#submenu').fadeOut();
 
-
}
 
-
});
 
-
// scroll body to 0px on click
 
-
$('#back-top a').click(function () {
 
-
$('body,html').animate({
 
-
scrollTop: 0
 
-
}, 800);
 
-
return false;
 
-
});
 
-
});
 
-
});
 
-
</script>
 
</head>
</head>
<body>
<body>
Line 463: Line 550:
<div id="header">
<div id="header">
   <div id="title">
   <div id="title">
-
     <p>NCTU_Formosa</p>
+
<div id="tmenu">
 +
<ul>
 +
<li class="m1"><a href="https://2012.igem.org" title="iGEM 2012">iGEM 2012</a></li>
 +
<li class="m2"><a href="https://igem.org/Team.cgi?year=2012&team_name=NCTU_Formosa" title="Official Team Profile">Official Team Profile</a></li>
 +
     <span><p>NCTU_Formosa</p></span>
 +
</ul>
 +
</div>
   </div>
   </div>
   <div id="menu">
   <div id="menu">
Line 470: Line 563:
       <li class="m2 current"><a href="https://2012.igem.org/Team:NCTU_Formosa/Project" title="Project" class="current">Project</a>
       <li class="m2 current"><a href="https://2012.igem.org/Team:NCTU_Formosa/Project" title="Project" class="current">Project</a>
<ul id="m2s" class="ms">
<ul id="m2s" class="ms">
-
<li class="ms1"><a href="https://2012.igem.org/Team:NCTU_Formosa/Project#sub1">Introduction</a></li>
+
<li class="ms1"><a href="https://2012.igem.org/Team:NCTU_Formosa/Project">Introduction</a></li>
-
<li class="ms2"><a href="https://2012.igem.org/Team:NCTU_Formosa/Project#sub2">Project Details</a></li>
+
<li class="ms2"><a href="https://2012.igem.org/Team:NCTU_Formosa/Project-sub2">Project Details</a></li>
-
<li class="ms3"><a href="https://2012.igem.org/Team:NCTU_Formosa/Project#sub3">Conclusion</a></li>
+
<li class="ms3"><a href="https://2012.igem.org/Team:NCTU_Formosa/Project-sub3">Conclusion</a></li>
-
<li class="ms4"><a href="https://2012.igem.org/Team:NCTU_Formosa/Project#sub4">Optimization</a></li>
+
<li class="ms4"><a href="https://2012.igem.org/Team:NCTU_Formosa/Project-sub4">Optimization</a></li>
-
<li class="ms5"><a href="https://2012.igem.org/Team:NCTU_Formosa/Project#sub5">Future Works</a></li>
+
<li class="ms5"><a href="https://2012.igem.org/Team:NCTU_Formosa/Project-sub5">Future Works</a></li>
</ul>
</ul>
</li>
</li>
 +
      <li class="m8"><a href="https://2012.igem.org/Team:NCTU_Formosa/Modeling" title="Modeling" class="link">Modeling</a></li>
       <li class="m3"><a href="https://2012.igem.org/Team:NCTU_Formosa/Team" title="Team" class="link">Team</a>
       <li class="m3"><a href="https://2012.igem.org/Team:NCTU_Formosa/Team" title="Team" class="link">Team</a>
<ul id="m3s" class="ms">
<ul id="m3s" class="ms">
Line 498: Line 592:
</ul>
</ul>
</li>
</li>
-
      <li class="m7"><a href="https://igem.org/Team.cgi?year=2012&team_name=NCTU_Formosa" title="Official Team Profile" class="link">Official Team Profile</a></li>
 
     </ul>
     </ul>
   </div>
   </div>
</div>
</div>
</div>
</div>

Latest revision as of 21:00, 26 October 2012

Retrieved from "http://2012.igem.org/Template:Team:NCTU_Formosa/header-project"