Template:Team:NCTU Formosa/header-safety

From 2012.igem.org

(Difference between revisions)
 
(64 intermediate revisions not shown)
Line 6: Line 6:
.safety-s-wrapper {
.safety-s-wrapper {
 +
width:900px;
background:url(https://static.igem.org/mediawiki/2012/8/84/Px.png) transparent repeat;
background:url(https://static.igem.org/mediawiki/2012/8/84/Px.png) transparent repeat;
-moz-box-shadow:4px 4px 8px 2px rgba(20%,20%,40%,0.5);
-moz-box-shadow:4px 4px 8px 2px rgba(20%,20%,40%,0.5);
Line 14: Line 15:
-webkit-border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-moz-border-radius: 3px;
 +
padding-top:5px;
 +
padding-bottom:10px;
 +
}
 +
.safety-s-wrapper a {
 +
color: #a46c00;
}
}
#safety-s1-title {
#safety-s1-title {
Line 19: Line 25:
height: 30px!important;
height: 30px!important;
background:url(https://static.igem.org/mediawiki/2012/f/f0/Subtitle-safety1.png) transparent no-repeat;
background:url(https://static.igem.org/mediawiki/2012/f/f0/Subtitle-safety1.png) transparent no-repeat;
 +
margin-left: 5px;
}
}
-
#safety-s1-title span {
+
#safety-s2-title {
 +
width: 960px;
 +
height: 30px!important;
 +
background:url(https://static.igem.org/mediawiki/2012/2/23/Subtitle-safety2.png) transparent no-repeat;
 +
margin-left: 5px;
 +
}
 +
#safety-s3-title {
 +
width: 960px;
 +
height: 60px!important;
 +
background:url(https://static.igem.org/mediawiki/2012/6/67/Subtitle-safety3.png) transparent no-repeat;
 +
margin-left: 5px;
 +
}
 +
#safety-s4-title {
 +
width: 960px;
 +
height: 30px!important;
 +
background:url(https://static.igem.org/mediawiki/2012/4/40/Subtitle-safety4.png) transparent no-repeat;
 +
margin-left: 5px;
 +
}
 +
#safety-s5-title {
 +
width: 960px;
 +
height: 80px!important;
 +
background:url(https://static.igem.org/mediawiki/2012/8/8d/Subtitle-safety5.png) transparent no-repeat;
 +
margin-left: 5px;
 +
}
 +
#safety-s2-1-title {
 +
width: 960px;
 +
height: 30px!important;
 +
background:url(https://static.igem.org/mediawiki/2012/4/49/Subtitle-safety2s1.png) transparent no-repeat;
 +
margin-left: 15px;
 +
}
 +
#safety-s2-2-title {
 +
width: 960px;
 +
height: 30px!important;
 +
background:url(https://static.igem.org/mediawiki/2012/8/8b/Subtitle-safety2s2.png) transparent no-repeat;
 +
margin-left: 15px;
 +
}
 +
#safety-s2-3-title {
 +
width: 960px;
 +
height: 30px!important;
 +
background:url(https://static.igem.org/mediawiki/2012/4/46/Subtitle-safety2s3.png) transparent no-repeat;
 +
margin-left: 15px;
 +
}
 +
#safety-s3-s-title {
 +
width: 960px;
 +
height: 70px!important;
 +
background:url(https://static.igem.org/mediawiki/2012/2/27/Subtitle-safety3s.png) transparent no-repeat;
 +
margin-left: 15px;
 +
}
 +
#safety-s4-s-title {
 +
width: 960px;
 +
height: 50px!important;
 +
background:url(https://static.igem.org/mediawiki/2012/5/5e/Subtitle-safety4s.png) transparent no-repeat;
 +
margin-left: 15px;
 +
}
 +
.safety-s-title span {
display: none;
display: none;
}
}
.safety-s p {
.safety-s p {
margin:10px;
margin:10px;
 +
text-indent:30px;
 +
margin-left:30px;
 +
padding-right:10px;
 +
}
 +
.pimg {
 +
-webkit-box-shadow: inset 0 0 1px rgba(0,0,0,.8), inset 0 2px 0 rgba(255,255,255,.5), inset 0 -1px 0 rgba(0,0,0,.4);
 +
-moz-box-shadow: inset 0 0 1px rgba(0,0,0,.8), inset 0 2px 0 rgba(255,255,255,.5), inset 0 -1px 0 rgba(0,0,0,.4);
 +
box-shadow: inset 0 0 1px rgba(0,0,0,.8), inset 0 2px 0 rgba(255,255,255,.5), inset 0 -1px 0 rgba(0,0,0,.4);
 +
//-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.2), inset 0 4px 5px rgba(0,0,0,.6), inset 0 1px 0 rgba(0,0,0,.6);
 +
//-moz-box-shadow: 0 1px 0 rgba(255,255,255,.2), inset 0 4px 5px rgba(0,0,0,.6), inset 0 1px 0 rgba(0,0,0,.6);
 +
//box-shadow: 0 1px 0 rgba(255,255,255,.2), inset 0 4px 5px rgba(0,0,0,.6), inset 0 1px 0 rgba(0,0,0,.6);
 +
-webkit-border-radius: 10px;
 +
-moz-border-radius: 10px;
 +
border-radius: 10px;
 +
margin-top:3px;
 +
margin-bottom:10px;
 +
margin:0 auto;
 +
}
 +
.imgcap {
 +
text-indent:0!important;
 +
width:100%;
 +
text-align:left;
 +
font-size:11px;
 +
font-color:#333;
 +
margin-top:0!important;
 +
margin-bottom:0!important;
 +
margin-right:0!important;
 +
margin-left:5px!important;
 +
}
 +
#safety-s1-p1 {
 +
width: 200px;
 +
height: 91px!important;
 +
background:url(https://static.igem.org/mediawiki/2012/0/07/Safety-s1-p1.jpg) no-repeat;
 +
}
 +
#safety-s1-p2 {
 +
width: 341px;
 +
height: 380px!important;
 +
background:url(https://static.igem.org/mediawiki/2012/5/50/Safety-s1-p2.jpg) no-repeat;
 +
}
 +
#safety-s2-p1 {
 +
width: 150px;
 +
height: 200px!important;
 +
background:url(https://static.igem.org/mediawiki/2012/b/b6/Safety-s2-p1.JPG) no-repeat;
 +
}
 +
#safety-s2-p2 {
 +
width: 162px;
 +
height: 200px!important;
 +
background:url(https://static.igem.org/mediawiki/2012/6/6b/Safety-s2-p2.jpg) no-repeat;
 +
}
 +
#fig1 {
 +
width:200px;
 +
height:130px;
 +
margin:5px;
 +
margin-bottom:20px;
 +
margin-left:20px;
 +
margin-right:20px;
 +
float:right;
 +
}
 +
#fig2 {
 +
top:150px;
 +
width:341px;
 +
height:px;
 +
margin:5px;
 +
margin-bottom:10px;
 +
margin-left:20px;
 +
margin-right:20px;
 +
float:left;
 +
}
 +
#fig3 {
 +
width:150px;
 +
height:220px;
 +
margin:5px;
 +
margin-bottom:10px;
 +
float:right;
 +
margin-left:20px;
 +
margin-right:20px;
 +
}
 +
#fig4 {
 +
width:162px;
 +
height:220px;
 +
margin:5px;
 +
margin-bottom:10px;
 +
float:left;
 +
margin-left:20px;
 +
margin-right:20px;
 +
}
 +
#toc {
 +
display:none;
 +
}
 +
#back-top {
 +
position: fixed;
 +
bottom: 30px;
 +
margin-left:915px;
 +
}
 +
#back-top a {
 +
width: 81px;
 +
display: block;
 +
text-align: center;
 +
font: 11px/100% Arial, Helvetica, sans-serif;
 +
text-transform: uppercase;
 +
text-decoration: none;
 +
color: #333;
 +
font-size:11px;
 +
/* background color transition */
 +
-webkit-transition: 1s;
 +
-moz-transition: 1s;
 +
transition: 1s;
 +
opacity:0.7;
 +
filter:alpha(opacity=70);
 +
}
 +
#back-top a:hover {
 +
color: #fff;
 +
opacity:1.0;
 +
filter:alpha(opacity=100);
 +
}
 +
/* arrow icon (span tag) */
 +
#back-top span {
 +
width: 81px;
 +
height: 81px;
 +
background: url(https://static.igem.org/mediawiki/2012/b/b3/Up-arrow.png) no-repeat center center;
 +
display: block;
 +
margin-bottom: 7px;
 +
transition: 1s;
 +
}
 +
#back-top a span {
 +
background-color: #333;
 +
/* rounded corners */
 +
-webkit-border-radius: 15px;
 +
-moz-border-radius: 15px;
 +
border-radius: 15px;
 +
/* background color transition */
 +
-webkit-transition: 1s;
 +
-moz-transition: 1s;
 +
transition: 1s;
 +
}
 +
#back-top a:hover span {
 +
-webkit-box-shadow: 0 0 20px rgba(255,255,255,.6), inset 0 0 20px rgba(255,255,255,1);
 +
-moz-box-shadow: 0 0 20px rgba(255,255,255,.6), inset 0 0 20px rgba(255,255,255,1);
 +
box-shadow: 0 0 20px rgba(255,255,255,.6), inset 0 0 20px rgba(255,255,255,1);
 +
-webkit-border-radius: 42px;
 +
-moz-border-radius: 42px;
 +
border-radius: 42px;
 +
-webkit-transition: 1s;
 +
-moz-transition: 1s;
 +
transition: 1s;
}
}
</style>
</style>
 +
<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();
 +
// fade in #back-top
 +
$(function () {
 +
$(window).scroll(function () {
 +
if ($(this).scrollTop() > 100) {
 +
$('#back-top').fadeIn();
 +
} else {
 +
$('#back-top').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 32: Line 262:
<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">
     <ul>
     <ul>
       <li class="m1"><a href="https://2012.igem.org/Team:NCTU_Formosa" title="Home" class="link">Home</a></li>
       <li class="m1"><a href="https://2012.igem.org/Team:NCTU_Formosa" title="Home" class="link">Home</a></li>
-
       <li class="m2"><a href="https://2012.igem.org/Team:NCTU_Formosa/Project" title="Project" class="link">Project</a></li>
+
       <li class="m2"><a href="https://2012.igem.org/Team:NCTU_Formosa/Project" title="Project" class="link">Project</a>
-
       <li class="m3"><a href="https://2012.igem.org/Team:NCTU_Formosa/Team" title="Team" class="link">Team</a></li>
+
<ul id="m2s" class="ms">
 +
<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="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="ms5"><a href="https://2012.igem.org/Team:NCTU_Formosa/Project-sub5">Future Works</a></li>
 +
</ul>
 +
</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>
 +
<ul id="m3s" class="ms">
 +
<li class="ms1"><a href="https://2012.igem.org/Team:NCTU_Formosa/Team#sub1">Members & Advisors</a></li>
 +
<li class="ms2"><a href="https://2012.igem.org/Team:NCTU_Formosa/Team#sub2">Host Lab</a></li>
 +
<li class="ms3"><a href="https://2012.igem.org/Team:NCTU_Formosa/Team#sub3">Gallery</a></li>
 +
<li class="ms4"><a href="https://2012.igem.org/Team:NCTU_Formosa/Team#sub4">Notes</a></li>
 +
</ul>
 +
</li>
       <li class="m4"><a href="https://2012.igem.org/Team:NCTU_Formosa/Parts" title="Parts Submitted" class="link">Parts Submitted</a></li>
       <li class="m4"><a href="https://2012.igem.org/Team:NCTU_Formosa/Parts" title="Parts Submitted" class="link">Parts Submitted</a></li>
-
       <li class="m5 current"><a href="https://2012.igem.org/Team:NCTU_Formosa/Safety" title="Safety" class="current">Satety</a></li>
+
       <li class="m5 current"><a href="https://2012.igem.org/Team:NCTU_Formosa/Safety" title="Safety" class="current">Safety</a></li>
-
       <li class="m6"><a href="https://2012.igem.org/Team:NCTU_Formosa/HumanPractice" title="Human Practice" class="link">Human Practice</a></li>
+
       <li class="m6"><a href="https://2012.igem.org/Team:NCTU_Formosa/HumanPractice" title="Human Practice" class="link">Human Practice</a>
-
      <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 id="m6s" class="ms">
 +
<li class="ms2"><a href="https://2012.igem.org/Team:NCTU_Formosa/HumanPractice#sub2-1">Bio-camp</a></li>
 +
<li class="ms3"><a href="https://2012.igem.org/Team:NCTU_Formosa/HumanPractice#sub2-2">iGEM Cooperation</a></li>
 +
<li class="ms4"><a href="https://2012.igem.org/Team:NCTU_Formosa/HumanPractice#sub2-3">Popularization on Campus</a></li>
 +
<li class="ms5"><a href="https://2012.igem.org/Team:NCTU_Formosa/HumanPractice#sub2-4">Popular Science Creation</a></li>
 +
<li class="ms6"><a href="https://2012.igem.org/Team:NCTU_Formosa/HumanPractice#sub2-5">Surveys</a></li>
 +
<li class="ms7"><a href="https://2012.igem.org/Team:NCTU_Formosa/HumanPractice#sub2-6">L-shaped Folders</a></li>
 +
<li class="ms8"><a href="https://2012.igem.org/Team:NCTU_Formosa/HumanPractice#sub3">Gallery</a></li>
 +
</ul>
 +
</li>
     </ul>
     </ul>
   </div>
   </div>
</div>
</div>
</div>
</div>

Latest revision as of 17:30, 26 October 2012

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