Template:Team:NCTU Formosa/header-safety

From 2012.igem.org

(Difference between revisions)
 
(43 intermediate revisions not shown)
Line 17: Line 17:
padding-top:5px;
padding-top:5px;
padding-bottom:10px;
padding-bottom:10px;
 +
}
 +
.safety-s-wrapper a {
 +
color: #a46c00;
}
}
#safety-s1-title {
#safety-s1-title {
Line 32: Line 35:
#safety-s3-title {
#safety-s3-title {
width: 960px;
width: 960px;
-
height: 30px!important;
+
height: 60px!important;
background:url(https://static.igem.org/mediawiki/2012/6/67/Subtitle-safety3.png) transparent no-repeat;
background:url(https://static.igem.org/mediawiki/2012/6/67/Subtitle-safety3.png) transparent no-repeat;
margin-left: 5px;
margin-left: 5px;
Line 85: Line 88:
text-indent:30px;
text-indent:30px;
margin-left: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 {
#toc {
display:none;
display:none;
}
}
-
 
#back-top {
#back-top {
position: fixed;
position: fixed;
bottom: 30px;
bottom: 30px;
-
margin-left:900px;
+
margin-left:915px;
}
}
#back-top a {
#back-top a {
Line 103: Line 188:
text-decoration: none;
text-decoration: none;
color: #333;
color: #333;
 +
font-size:11px;
/* background color transition */
/* background color transition */
-webkit-transition: 1s;
-webkit-transition: 1s;
-moz-transition: 1s;
-moz-transition: 1s;
transition: 1s;
transition: 1s;
 +
opacity:0.7;
 +
filter:alpha(opacity=70);
}
}
#back-top a:hover {
#back-top a:hover {
-
color: #333;
+
color: #fff;
 +
opacity:1.0;
 +
filter:alpha(opacity=100);
}
}
/* arrow icon (span tag) */
/* arrow icon (span tag) */
Line 115: Line 205:
width: 81px;
width: 81px;
height: 81px;
height: 81px;
 +
background: url(https://static.igem.org/mediawiki/2012/b/b3/Up-arrow.png) no-repeat center center;
display: block;
display: block;
margin-bottom: 7px;
margin-bottom: 7px;
-
background: #555 url(https://static.igem.org/mediawiki/2012/b/b3/Up-arrow.png) no-repeat center center;
+
transition: 1s;
 +
}
 +
#back-top a span {
 +
background-color: #333;
/* rounded corners */
/* rounded corners */
-webkit-border-radius: 15px;
-webkit-border-radius: 15px;
Line 126: Line 220:
-moz-transition: 1s;
-moz-transition: 1s;
transition: 1s;
transition: 1s;
-
}
 
-
#back-top a span {
 
-
background-color: #555;
 
}
}
#back-top a:hover span {
#back-top a:hover span {
-
background-color: #333;
+
-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  
+
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
-
 
+
-
type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
+
-
 
+
<script>
<script>
$(document).ready(function(){
$(document).ready(function(){
Line 166: 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"