Template:Team:NCTU Formosa/header-project

From 2012.igem.org

(Difference between revisions)
 
(45 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 106: Line 115:
height: 30px!important;
height: 30px!important;
background:url(https://static.igem.org/mediawiki/2012/f/fa/Subtitle-project4s5.png) transparent no-repeat;
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;
margin-left: 15px;
}
}
Line 150: 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 {
Line 163: Line 227:
height: 570px!important;
height: 570px!important;
background:url(https://static.igem.org/mediawiki/2012/7/7c/Project-p1.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 {
Line 216: Line 281:
#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/f/fd/Project-p12.png) transparent no-repeat;
background:url(https://static.igem.org/mediawiki/2012/f/fd/Project-p12.png) transparent no-repeat;
}
}
Line 222: Line 287:
width: 760px;
width: 760px;
height: 570px!important;
height: 570px!important;
-
background:url(https://static.igem.org/mediawiki/2012/0/06/Project-p13.png) transparent no-repeat;
+
background:url(https://static.igem.org/mediawiki/2012/c/c8/Project-p25.png) transparent no-repeat;
 +
}
 +
#project-s2-3-p5 {
 +
width: 760px;
 +
height: 570px!important;
 +
background:url(https://static.igem.org/mediawiki/2012/e/e0/Project-p26.png) transparent no-repeat;
}
}
#project-s2-4-p1 {
#project-s2-4-p1 {
Line 228: Line 298:
height: 569px!important;
height: 569px!important;
background:url(https://static.igem.org/mediawiki/2012/b/b0/Project-p14.png) transparent no-repeat;
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 {
#project-s4-p1 {
Line 242: Line 317:
width: 760px;
width: 760px;
height: 570px!important;
height: 570px!important;
-
background:url() transparent no-repeat;
+
background:url(https://static.igem.org/mediawiki/2012/0/06/Project-p13.png) transparent no-repeat;
}
}
#project-s4-p4 {
#project-s4-p4 {
Line 262: Line 337:
width: 760px;
width: 760px;
height: 570px!important;
height: 570px!important;
-
background:url() transparent no-repeat;
+
background:url(https://static.igem.org/mediawiki/2012/e/e1/Project-p24.png) transparent no-repeat;
}
}
-
#project-s4-p8 {
+
#project-s5-p0 {
width: 760px;
width: 760px;
-
height: 570px!important;
+
height: 569px!important;
-
background:url() transparent no-repeat;
+
background:url(https://static.igem.org/mediawiki/2012/0/0b/Project-s5-p0.png) transparent no-repeat;
-
margin:0 auto;
+
}
}
#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 465: 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 499: 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 506: 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 534: 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"