Template:Team:NCTU Formosa/header-human

From 2012.igem.org

(Difference between revisions)
Line 1: Line 1:
 +
<html>
 +
<style type="text/css">
 +
/*
 +
---Calvin Hue
 +
*/
 +
 +
#qksign {
 +
width:53px;
 +
height:23px;
 +
background: url(https://static.igem.org/mediawiki/2012/9/97/Qksign.png) no-repeat transparent center center;
 +
}
 +
.human-s-wrapper {
 +
width:900px;
 +
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);
 +
-webkit-box-shadow:4px 4px 8px 2px rgba(20%,20%,40%,0.5);
 +
box-shadow:4px 4px 8px 2px rgba(20%,20%,40%,0.5);
 +
margin-bottom: 15px;
 +
border-radius: 3px;
 +
-webkit-border-radius: 3px;
 +
-moz-border-radius: 3px;
 +
padding-top:5px;
 +
padding-bottom:10px;
 +
}
 +
#human-s1-title {
 +
width: 800px;
 +
height: 30px!important;
 +
background:url(https://static.igem.org/mediawiki/2012/7/7a/Subtitle-human1.png) transparent no-repeat;
 +
margin-left: 5px;
 +
}
 +
#human-s2-title {
 +
width: 800px;
 +
height: 30px!important;
 +
background:url(https://static.igem.org/mediawiki/2012/e/e1/Subtitle-human2.png) transparent no-repeat;
 +
margin-left: 5px;
 +
}
 +
#human-s3-title {
 +
width: 960px;
 +
height: 30px!important;
 +
background:url(https://static.igem.org/mediawiki/2012/e/ea/Subtitle-human3.png) transparent no-repeat;
 +
margin-left: 5px;
 +
}
 +
#human-s2-1-title {
 +
width: 960px;
 +
height: 30px!important;
 +
background:url(https://static.igem.org/mediawiki/2012/4/4b/Subtitle-human2s1.png) transparent no-repeat;
 +
margin-left: 15px;
 +
}
 +
#human-s2-1-1-title {
 +
width: 960px;
 +
height: 30px!important;
 +
background:url(https://static.igem.org/mediawiki/2012/5/5a/Subtitle-human2s1s1.png) transparent no-repeat;
 +
margin-left: 30px;
 +
}
 +
#human-s2-1-2-title {
 +
width: 960px;
 +
height: 30px!important;
 +
background:url(https://static.igem.org/mediawiki/2012/b/bd/Subtitle-human2s1s2.png) transparent no-repeat;
 +
margin-left: 30px;
 +
}
 +
#human-s2-1-3-title {
 +
width: 960px;
 +
height: 30px!important;
 +
background:url(https://static.igem.org/mediawiki/2012/5/52/Subtitle-human2s1s3.png) transparent no-repeat;
 +
margin-left: 30px;
 +
}
 +
#human-s2-1-4-title {
 +
width: 960px;
 +
height: 30px!important;
 +
background:url(https://static.igem.org/mediawiki/2012/b/b1/Subtitle-human2s1s4.png) transparent no-repeat;
 +
margin-left: 30px;
 +
}
 +
#human-s2-1-5-title {
 +
width: 960px;
 +
height: 30px!important;
 +
background:url(https://static.igem.org/mediawiki/2012/8/8e/Subtitle-human2s1s5.png) transparent no-repeat;
 +
margin-left: 30px;
 +
}
 +
#human-s2-1-6-title {
 +
width: 960px;
 +
height: 30px!important;
 +
background:url(https://static.igem.org/mediawiki/2012/9/93/Subtitle-human2s1s6.png) transparent no-repeat;
 +
margin-left: 30px;
 +
}
 +
#human-s2-2-title {
 +
width: 960px;
 +
height: 30px!important;
 +
background:url(https://static.igem.org/mediawiki/2012/5/52/Subtitle-human2s2.png) transparent no-repeat;
 +
margin-left: 15px;
 +
}
 +
#human-s2-3-title {
 +
width: 960px;
 +
height: 30px!important;
 +
background:url(https://static.igem.org/mediawiki/2012/7/7e/Subtitle-human2s3.png) transparent no-repeat;
 +
margin-left: 15px;
 +
}
 +
#human-s2-4-title {
 +
width: 960px;
 +
height: 30px!important;
 +
background:url(https://static.igem.org/mediawiki/2012/0/07/Subtitle-human2s4.png) transparent no-repeat;
 +
margin-left: 15px;
 +
}
 +
#human-s2-5-title {
 +
width: 960px;
 +
height: 30px!important;
 +
background:url(https://static.igem.org/mediawiki/2012/9/92/Subtitle-human2s5.png) transparent no-repeat;
 +
margin-left: 15px;
 +
}
 +
#human-s2-6-title {
 +
width: 960px;
 +
height: 30px!important;
 +
background:url(https://static.igem.org/mediawiki/2012/d/dc/Subtitle-human2s6.png) transparent no-repeat;
 +
margin-left: 15px;
 +
}
 +
.human-s-title span, .human-ss-title span {
 +
display: none;
 +
}
 +
.human-s p {
 +
margin:10px;
 +
text-indent:30px;
 +
margin-left:30px;
 +
}
 +
#human-s2 h2 {
 +
margin-top:30px;
 +
}
 +
#humantable {
 +
width: 800px;
 +
margin-left:50px;
 +
*border-collapse: collapse; /* IE7 and lower */
 +
border-spacing: 0;
 +
    border: solid #ccc 1px;
 +
    -moz-border-radius: 6px;
 +
    -webkit-border-radius: 6px;
 +
    border-radius: 6px;
 +
    -webkit-box-shadow: 0 1px 1px #aaa
 +
    -moz-box-shadow: 0 1px 1px #aaa;
 +
    box-shadow: 0 1px 1px #aaa;   
 +
}
 +
#humantable td, #humantable th {
 +
    border-left: 1px solid #aaa;
 +
    border-top: 1px solid #aaa;
 +
    padding: 10px;
 +
    text-align: left;   
 +
}
 +
#humantable p {
 +
text-indent:0px!important;
 +
margin:0!important;
 +
}
 +
#humantable tr td {
 +
background:url(https://static.igem.org/mediawiki/2012/3/37/Alw50.png) transparent repeat;
 +
}
 +
#humantable  th {
 +
    background-color: #e7e7e7;
 +
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#d5f9e4));
 +
    background-image: -webkit-linear-gradient(top, #f3f3f3, #e7e7e7);
 +
    background-image:    -moz-linear-gradient(top, #f3f3f3, #e7e7e7);
 +
    background-image:    -ms-linear-gradient(top, #f3f3f3, #e7e7e7);
 +
    background-image:      -o-linear-gradient(top, #f3f3f3, #e7e7e7);
 +
    background-image:        linear-gradient(top, #f3f3f3, #e7e7e7);
 +
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
 +
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset; 
 +
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;       
 +
    border-top: none;
 +
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
 +
}
 +
#humantable th:first-child {
 +
    -moz-border-radius: 6px 0 0 0;
 +
    -webkit-border-radius: 6px 0 0 0;
 +
    border-radius: 6px 0 0 0;
 +
}
 +
 +
#humantable th:last-child {
 +
    -moz-border-radius: 0 6px 0 0;
 +
    -webkit-border-radius: 0 6px 0 0;
 +
    border-radius: 0 6px 0 0;
 +
}
 +
 +
#humantable th:only-child{
 +
    -moz-border-radius: 6px 6px 0 0;
 +
    -webkit-border-radius: 6px 6px 0 0;
 +
    border-radius: 6px 6px 0 0;
 +
}
 +
#humantable tr:last-child td:first-child {
 +
    -moz-border-radius: 0 0 0 6px;
 +
    -webkit-border-radius: 0 0 0 6px;
 +
    border-radius: 0 0 0 6px;
 +
}
 +
 +
#humantable tr:last-child td:last-child {
 +
    -moz-border-radius: 0 0 6px 0;
 +
    -webkit-border-radius: 0 0 6px 0;
 +
    border-radius: 0 0 6px 0;
 +
}
 +
.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:0 auto;
 +
}
 +
#human-s1-p1 {
 +
width: 748px;
 +
height: 561px!important;
 +
background:url(https://static.igem.org/mediawiki/2012/1/1e/Human-s1-p1.jpg) no-repeat;
 +
}
 +
#human-s3-p1 {
 +
width: 500px;
 +
height: 116px!important;
 +
background:url(https://static.igem.org/mediawiki/2012/4/4d/Human-s3-p1.jpg) no-repeat;
 +
float:left;
 +
margin-right:15px;
 +
margin-bottom:15px;
 +
}
 +
.biocamp {
 +
float:left;
 +
margin-left:50px;
 +
margin-right:10px;
 +
}
 +
.biocamp2 {
 +
float:right;
 +
margin-right:50px;
 +
margin-left:10px;
 +
}
 +
#biocamp-p1 {
 +
width: 400px;
 +
height: 255px!important;
 +
background:url(https://static.igem.org/mediawiki/2012/1/1e/Biocampp1.jpg) no-repeat;
 +
}
 +
#biocamp-p2 {
 +
width: 400px;
 +
height: 255px!important;
 +
background:url(https://static.igem.org/mediawiki/2012/9/9b/Biocampp2.jpg) no-repeat;
 +
}
 +
#biocamp-p3 {
 +
width: 472px;
 +
height: 280px!important;
 +
background:url(https://static.igem.org/mediawiki/2012/3/36/Biocampp3.jpg) no-repeat;
 +
}
 +
#biocamp-p4 {
 +
width: 229px;
 +
height: 245px!important;
 +
background:url(https://static.igem.org/mediawiki/2012/f/fc/Biocampp4.jpg) no-repeat;
 +
}
 +
#cooperation-p1 {
 +
width: 300px;
 +
height: 450px!important;
 +
background:url(https://static.igem.org/mediawiki/2012/c/c0/Cooperationp1.png) no-repeat;
 +
margin-right:15px;
 +
}
 +
#toc {
 +
display:none;
 +
}
 +
#submenu {
 +
position:fixed;
 +
top: 30px;
 +
margin-left:915px;
 +
width: 81px;
 +
}
 +
#submenu div {
 +
width: 81px;
 +
display: block;
 +
color: #fff;
 +
}
 +
#submenu h1 {
 +
background: #555;
 +
opacity:0.7;
 +
filter:alpha(opacity=70);
 +
-webkit-border-radius: 15px;
 +
-moz-border-radius: 15px;
 +
border-radius: 15px;
 +
-webkit-transition: 0.5s;
 +
-moz-transition: 0.5s;
 +
transition: 0.5s;
 +
}
 +
#submenu1 h1 {
 +
background: #555 url(https://static.igem.org/mediawiki/2012/4/42/Num1.png) no-repeat center center;
 +
}
 +
#submenu2-1 h1 {
 +
background: #555 url(https://static.igem.org/mediawiki/2012/e/e7/Num2-1.png) no-repeat center center;
 +
}
 +
#submenu2-2 h1 {
 +
background: #555 url(https://static.igem.org/mediawiki/2012/3/3d/Num2-2.png) no-repeat center center;
 +
}
 +
#submenu2-3 h1 {
 +
background: #555 url(https://static.igem.org/mediawiki/2012/5/54/Num2-3.png) no-repeat center center;
 +
}
 +
#submenu2-4 h1 {
 +
background: #555 url(https://static.igem.org/mediawiki/2012/d/d1/Num2-4.png) no-repeat center center;
 +
}
 +
#submenu2-5 h1 {
 +
background: #555 url(https://static.igem.org/mediawiki/2012/2/2b/Num2-5.png) no-repeat center center;
 +
}
 +
#submenu2-6 h1 {
 +
background: #555 url(https://static.igem.org/mediawiki/2012/d/d4/Num2-6.png) no-repeat center center;
 +
}
 +
#submenu3 h1 {
 +
background: #555 url(https://static.igem.org/mediawiki/2012/d/d5/Num3.png) no-repeat center center;
 +
}
 +
#submenu4 h1 {
 +
background: #555 url(https://static.igem.org/mediawiki/2012/5/52/Num4.png) no-repeat center center;
 +
}
 +
#submenu5 h1 {
 +
background: #555 url(https://static.igem.org/mediawiki/2012/1/17/Num5.png) no-repeat center center;
 +
}
 +
#submenu h1:hover {
 +
-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);
 +
opacity:1.0;
 +
filter:alpha(opacity=100);
 +
}
 +
#submenu a:hover {
 +
  text-decoration: none;
 +
}
 +
#submenu h1, #submenu h2 {
 +
  margin-bottom:0px!important;
 +
  margin-top:0.6em;
 +
}
 +
.subst1 h1, .subst2 h1, .subst1 h1 a, .subst2 h1 a {
 +
  text-indent:-9999px;
 +
  display: block;
 +
  text-decoration: none;
 +
width:100%;
 +
}
 +
.subst1 h1, .subst1 h1 a {
 +
height:50px;
 +
}
 +
.subst2 h1, .subst2 h1 a {
 +
height:20px;
 +
}
 +
.subst1 p, .subst2 p {
 +
z-index:9;
 +
text-align:center;
 +
display:block;
 +
  font-size: 11px;
 +
  font-weight: normal;
 +
  height: 0px;
 +
  overflow: hidden;
 +
  padding: 0px;
 +
  -webkit-transition: height 0.5s ease;
 +
    -moz-transition: height 0.5s ease;
 +
      -o-transition: height 0.5s ease;
 +
      -ms-transition: height 0.5s ease;
 +
          transition: height 0.5s ease;
 +
}
 +
#submenu1:hover p, #submenu2-1:hover p, #submenu2-5:hover p {
 +
height: 15px;
 +
}
 +
#submenu2-2:hover p, #submenu2-3:hover p, #submenu2-4:hover p, #submenu2-6:hover p {
 +
height: 30px;
 +
}
 +
#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;
 +
/* 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;
 +
}#lightboxOverlay {
 +
  position: absolute;
 +
  top: 0;
 +
  left: 0;
 +
  z-index: 9999;
 +
  background-color: black;
 +
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
 +
  opacity: 0.85;
 +
  display: none;
 +
}
 +
 +
/* line 15, ../sass/lightbox.sass */
 +
#lightbox {
 +
  position: absolute;
 +
  left: 0;
 +
  width: 100%;
 +
  z-index: 10000;
 +
  text-align: center;
 +
  line-height: 0;
 +
  font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
 +
  font-weight: normal;
 +
}
 +
/* line 24, ../sass/lightbox.sass */
 +
#lightbox img {
 +
  width: auto;
 +
  height: auto;
 +
}
 +
/* line 27, ../sass/lightbox.sass */
 +
#lightbox a img {
 +
  border: none;
 +
}
 +
 +
/* line 30, ../sass/lightbox.sass */
 +
.lb-outerContainer {
 +
  position: relative;
 +
  background-color: white;
 +
  *zoom: 1;
 +
  width: 250px;
 +
  height: 250px;
 +
  margin: 0 auto;
 +
  -webkit-border-radius: 4px;
 +
  -moz-border-radius: 4px;
 +
  -ms-border-radius: 4px;
 +
  -o-border-radius: 4px;
 +
  border-radius: 4px;
 +
}
 +
/* line 38, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
 +
.lb-outerContainer:after {
 +
  content: "";
 +
  display: table;
 +
  clear: both;
 +
}
 +
 +
/* line 39, ../sass/lightbox.sass */
 +
.lb-container {
 +
  padding: 10px;
 +
}
 +
 +
/* line 42, ../sass/lightbox.sass */
 +
.lb-loader {
 +
  position: absolute;
 +
  top: 40%;
 +
  left: 0%;
 +
  height: 25%;
 +
  width: 100%;
 +
  text-align: center;
 +
  line-height: 0;
 +
}
 +
 +
/* line 51, ../sass/lightbox.sass */
 +
.lb-nav {
 +
  position: absolute;
 +
  top: 0;
 +
  left: 0;
 +
  height: 100%;
 +
  width: 100%;
 +
  z-index: 10;
 +
}
 +
 +
/* line 59, ../sass/lightbox.sass */
 +
.lb-container > .nav {
 +
  left: 0;
 +
}
 +
 +
/* line 62, ../sass/lightbox.sass */
 +
.lb-nav a {
 +
  outline: none;
 +
}
 +
 +
/* line 65, ../sass/lightbox.sass */
 +
.lb-prev, .lb-next {
 +
  width: 49%;
 +
  height: 100%;
 +
  background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
 +
  /* Trick IE into showing hover */
 +
  display: block;
 +
}
 +
 +
/* line 72, ../sass/lightbox.sass */
 +
.lb-prev {
 +
  left: 0;
 +
  float: left;
 +
}
 +
 +
/* line 76, ../sass/lightbox.sass */
 +
.lb-next {
 +
  right: 0;
 +
  float: right;
 +
}
 +
 +
/* line 81, ../sass/lightbox.sass */
 +
.lb-prev:hover {
 +
  background: url(https://static.igem.org/mediawiki/2012/3/33/Ucl2012-lightbox-Prev.png) left 48% no-repeat;
 +
}
 +
 +
/* line 85, ../sass/lightbox.sass */
 +
.lb-next:hover {
 +
  background: url(https://static.igem.org/mediawiki/2012/4/4c/Ucl2012-lightbox-Next.png) right 48% no-repeat;
 +
}
 +
 +
/* line 88, ../sass/lightbox.sass */
 +
.lb-dataContainer {
 +
  margin: 0 auto;
 +
  padding-top: 5px;
 +
  *zoom: 1;
 +
  width: 100%;
 +
  -moz-border-radius-bottomleft: 4px;
 +
  -webkit-border-bottom-left-radius: 4px;
 +
  -ms-border-bottom-left-radius: 4px;
 +
  -o-border-bottom-left-radius: 4px;
 +
  border-bottom-left-radius: 4px;
 +
  -moz-border-radius-bottomright: 4px;
 +
  -webkit-border-bottom-right-radius: 4px;
 +
  -ms-border-bottom-right-radius: 4px;
 +
  -o-border-bottom-right-radius: 4px;
 +
  border-bottom-right-radius: 4px;
 +
}
 +
/* line 38, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
 +
.lb-dataContainer:after {
 +
  content: "";
 +
  display: table;
 +
  clear: both;
 +
}
 +
 +
/* line 95, ../sass/lightbox.sass */
 +
.lb-data {
 +
  padding: 0 10px;
 +
  color: #bbbbbb;
 +
}
 +
/* line 98, ../sass/lightbox.sass */
 +
.lb-data .lb-details {
 +
  width: 85%;
 +
  float: left;
 +
  text-align: left;
 +
  line-height: 1.1em;
 +
}
 +
/* line 103, ../sass/lightbox.sass */
 +
.lb-data .lb-caption {
 +
  font-size: 13px;
 +
  font-weight: bold;
 +
  line-height: 1em;
 +
}
 +
/* line 107, ../sass/lightbox.sass */
 +
.lb-data .lb-number {
 +
  display: block;
 +
  clear: left;
 +
  padding-bottom: 1em;
 +
  font-size: 11px;
 +
}
 +
/* line 112, ../sass/lightbox.sass */
 +
.lb-data .lb-close {
 +
  width: 35px;
 +
  float: right;
 +
  padding-bottom: 0.7em;
 +
  outline: none;
 +
}
 +
/* line 117, ../sass/lightbox.sass */
 +
.lb-data .lb-close:hover {
 +
  cursor: pointer;
 +
}
 +
.imageRow {
 +
  *zoom: 1;
 +
  margin: 20px;
 +
width:680px;
 +
margin:0 auto;
 +
}
 +
/* line 38, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
 +
.imageRow:after {
 +
  content: "";
 +
  display: table;
 +
  clear: both;
 +
}
 +
/* line 320, ../sass/screen.sass */
 +
.imageRow .single {
 +
  float: left;
 +
}
 +
/* line 322, ../sass/screen.sass */
 +
.imageRow .single a {
 +
  float: left;
 +
  display: block;
 +
  background: rgba(255, 255, 255, 0.1);
 +
  padding: 7px;
 +
  line-height: 1em;
 +
  -webkit-border-radius: 4px;
 +
  -moz-border-radius: 4px;
 +
  -ms-border-radius: 4px;
 +
  -o-border-radius: 4px;
 +
  border-radius: 4px;
 +
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
 +
  -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
 +
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
 +
  margin-right: 40px;
 +
  -webkit-transition: all 0.2s ease-out;
 +
  -moz-transition: all 0.2s ease-out;
 +
  -ms-transition: all 0.2s ease-out;
 +
  -o-transition: all 0.2s ease-out;
 +
  transition: all 0.2s ease-out;
 +
}
 +
/* line 332, ../sass/screen.sass */
 +
.imageRow .single a img {
 +
  -webkit-border-radius: 4px;
 +
  -moz-border-radius: 4px;
 +
  -ms-border-radius: 4px;
 +
  -o-border-radius: 4px;
 +
  border-radius: 4px;
 +
  border: 1px solid rgba(0, 0, 0, 0.3);
 +
}
 +
/* line 335, ../sass/screen.sass */
 +
.imageRow .single a:hover {
 +
  background-color: #fc0;
 +
}
 +
/* line 337, ../sass/screen.sass */
 +
.imageRow .set {
 +
  float: left;
 +
  background: rgba(255, 255, 255, 0.1);
 +
  -webkit-border-radius: 4px;
 +
  -moz-border-radius: 4px;
 +
  -ms-border-radius: 4px;
 +
  -o-border-radius: 4px;
 +
  border-radius: 4px;
 +
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
 +
  -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
 +
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
 +
  -webkit-transition: all 0.2s ease-out;
 +
  -moz-transition: all 0.2s ease-out;
 +
  -ms-transition: all 0.2s ease-out;
 +
  -o-transition: all 0.2s ease-out;
 +
  transition: all 0.2s ease-out;
 +
}
 +
/* line 343, ../sass/screen.sass */
 +
.imageRow .set:hover {
 +
  background: rgba(255, 255, 255, 0.2);
 +
}
 +
/* line 346, ../sass/screen.sass */
 +
.imageRow .set .single a {
 +
  background: none;
 +
  -webkit-border-radius: 0;
 +
  -moz-border-radius: 0;
 +
  -ms-border-radius: 0;
 +
  -o-border-radius: 0;
 +
  border-radius: 0;
 +
  -webkit-box-shadow: none;
 +
  -moz-box-shadow: none;
 +
  box-shadow: none;
 +
  margin-right: 0;
 +
}
 +
/* line 351, ../sass/screen.sass */
 +
.imageRow .set .single a:hover {
 +
  background-color: #fc0;
 +
  -webkit-box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.2), 0 1px 4px 0 rgba(0, 0, 0, 0.5);
 +
  -moz-box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.2), 0 1px 4px 0 rgba(0, 0, 0, 0.5);
 +
  box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.2), 0 1px 4px 0 rgba(0, 0, 0, 0.5);
 +
}
 +
/* line 355, ../sass/screen.sass */
 +
.imageRow .set .single.first a {
 +
  -moz-border-radius-topleft: 4px;
 +
  -webkit-border-top-left-radius: 4px;
 +
  -ms-border-top-left-radius: 4px;
 +
  -o-border-top-left-radius: 4px;
 +
  border-top-left-radius: 4px;
 +
  -moz-border-radius-bottomleft: 4px;
 +
  -webkit-border-bottom-left-radius: 4px;
 +
  -ms-border-bottom-left-radius: 4px;
 +
  -o-border-bottom-left-radius: 4px;
 +
  border-bottom-left-radius: 4px;
 +
}
 +
/* line 358, ../sass/screen.sass */
 +
.imageRow .set .single.last a {
 +
  -moz-border-radius-topright: 4px;
 +
  -webkit-border-top-right-radius: 4px;
 +
  -ms-border-top-right-radius: 4px;
 +
  -o-border-top-right-radius: 4px;
 +
  border-top-right-radius: 4px;
 +
  -moz-border-radius-bottomright: 4px;
 +
  -webkit-border-bottom-right-radius: 4px;
 +
  -ms-border-bottom-right-radius: 4px;
 +
  -o-border-bottom-right-radius: 4px;
 +
  border-bottom-right-radius: 4px;
 +
}
#lbOverlay {
#lbOverlay {
z-index:2;
z-index:2;
Line 108: Line 818:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<script src="https://2012.igem.org/Template:Team:NCTU_Formosa/lightbox?action=raw"></script>
<script src="https://2012.igem.org/Template:Team:NCTU_Formosa/lightbox?action=raw"></script>
 +
</head>
 +
<body>
 +
<div id="header-wrapper">
 +
<div id="header">
 +
  <div id="title">
 +
    <p>NCTU_Formosa</p>
 +
  </div>
 +
  <div id="menu">
 +
    <ul>
 +
      <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>
 +
<ul id="m2s" class="ms">
 +
<li class="ms1"><a href="https://2012.igem.org/Team:NCTU_Formosa/Project#sub1">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="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">Gallery</a></li>
 +
<li class="ms3"><a href="https://2012.igem.org/Team:NCTU_Formosa/Team#sub3">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="m5"><a href="https://2012.igem.org/Team:NCTU_Formosa/Safety" title="Safety" class="link">Safety</a></li>
 +
      <li class="m6 current"><a href="https://2012.igem.org/Team:NCTU_Formosa/HumanPractice" title="Human Practice" class="current">Human Practice</a>
 +
<ul id="m6s" class="ms">
 +
<li class="ms1"><a href="https://2012.igem.org/Team:NCTU_Formosa/HumanPractice#sub1">Introduction</a></li>
 +
<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>
 +
</ul>
 +
</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>
 +
  </div>
 +
</div>
 +
</div>

Revision as of 17:23, 20 September 2012

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