"
Template:Team:NCTU Formosa/header-safety
From 2012.igem.org
(Difference between revisions)
| (40 intermediate revisions not shown) | |||
| Line 6: | Line 6: | ||
.safety-s-wrapper { | .safety-s-wrapper { | ||
| - | width: | + | 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 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: | + | 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:915px; | |
| - | margin-left: | + | |
} | } | ||
#back-top a { | #back-top a { | ||
| Line 104: | 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: # | + | color: #fff; |
| + | opacity:1.0; | ||
| + | filter:alpha(opacity=100); | ||
} | } | ||
/* arrow icon (span tag) */ | /* arrow icon (span tag) */ | ||
| Line 116: | 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; | ||
| - | + | transition: 1s; | |
| + | } | ||
| + | #back-top a span { | ||
| + | background-color: #333; | ||
/* rounded corners */ | /* rounded corners */ | ||
-webkit-border-radius: 15px; | -webkit-border-radius: 15px; | ||
| Line 127: | Line 220: | ||
-moz-transition: 1s; | -moz-transition: 1s; | ||
transition: 1s; | transition: 1s; | ||
| - | |||
| - | |||
| - | |||
} | } | ||
#back-top a:hover span { | #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 | + | <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(){ | ||
| - | |||
// hide #back-top first | // hide #back-top first | ||
$("#back-top").hide(); | $("#back-top").hide(); | ||
| - | |||
// fade in #back-top | // fade in #back-top | ||
| - | |||
| - | |||
$(function () { | $(function () { | ||
$(window).scroll(function () { | $(window).scroll(function () { | ||
if ($(this).scrollTop() > 100) { | if ($(this).scrollTop() > 100) { | ||
| - | |||
| - | |||
$('#back-top').fadeIn(); | $('#back-top').fadeIn(); | ||
} else { | } else { | ||
| - | $('#back- | + | $('#back-top').fadeOut(); |
| - | + | ||
| - | top').fadeOut(); | + | |
} | } | ||
}); | }); | ||
| - | |||
// scroll body to 0px on click | // scroll body to 0px on click | ||
| - | |||
| - | |||
$('#back-top a').click(function () { | $('#back-top a').click(function () { | ||
$('body,html').animate({ | $('body,html').animate({ | ||
| - | |||
| - | |||
scrollTop: 0 | scrollTop: 0 | ||
}, 800); | }, 800); | ||
| Line 173: | Line 255: | ||
}); | }); | ||
}); | }); | ||
| - | |||
}); | }); | ||
</script> | </script> | ||
| Line 181: | 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"> | + | <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> |
| - | + | <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
