Template:Team:NCTU Formosa/header-human

From 2012.igem.org

(Difference between revisions)
 
(116 intermediate revisions not shown)
Line 5: Line 5:
*/
*/
 +
#qksign {
 +
width:53px;
 +
height:23px;
 +
background: url(https://static.igem.org/mediawiki/2012/9/97/Qksign.png) no-repeat transparent center center;
 +
}
 +
iframe {
 +
margin-left:20px;
 +
}
.human-s-wrapper {
.human-s-wrapper {
width:900px;
width:900px;
Line 17: Line 25:
padding-top:5px;
padding-top:5px;
padding-bottom:10px;
padding-bottom:10px;
 +
}
 +
.human-s-wrapper a {
 +
color: #a46c00;
}
}
#human-s1-title {
#human-s1-title {
Line 33: Line 44:
width: 960px;
width: 960px;
height: 30px!important;
height: 30px!important;
-
background:url(https://static.igem.org/mediawiki/2012/e/ea/Subtitle-human3.png) transparent no-repeat;
+
background:url(https://static.igem.org/mediawiki/2012/b/b8/Subtitle-team3.png) transparent no-repeat;
margin-left: 5px;
margin-left: 5px;
}
}
Line 41: Line 52:
background:url(https://static.igem.org/mediawiki/2012/4/4b/Subtitle-human2s1.png) transparent no-repeat;
background:url(https://static.igem.org/mediawiki/2012/4/4b/Subtitle-human2s1.png) transparent no-repeat;
margin-left: 15px;
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 {
#human-s2-2-title {
Line 47: Line 94:
background:url(https://static.igem.org/mediawiki/2012/5/52/Subtitle-human2s2.png) transparent no-repeat;
background:url(https://static.igem.org/mediawiki/2012/5/52/Subtitle-human2s2.png) transparent no-repeat;
margin-left: 15px;
margin-left: 15px;
 +
}
 +
#human-s2-2-1-title {
 +
width: 960px;
 +
height: 30px!important;
 +
background:url(https://static.igem.org/mediawiki/2012/9/92/Subtitle-human2s2s1.png) transparent no-repeat;
 +
margin-left: 30px;
}
}
#human-s2-3-title {
#human-s2-3-title {
Line 60: Line 113:
margin-left: 15px;
margin-left: 15px;
}
}
-
.human-s-title span {
+
#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;
display: none;
}
}
Line 70: Line 135:
#human-s2 h2 {
#human-s2 h2 {
margin-top:30px;
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 {
.pimg {
Line 82: Line 215:
border-radius: 10px;
border-radius: 10px;
margin:0 auto;
margin:0 auto;
 +
position:relative;
 +
}
 +
.imgcap {
 +
text-indent:0!important;
 +
margin:0!important;
 +
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;
}
}
#human-s1-p1 {
#human-s1-p1 {
-
width: 760px;
+
width: 748px;
height: 561px!important;
height: 561px!important;
-
background:url(https://static.igem.org/mediawiki/2012/1/1e/Human-s1-p1.jpg) transparent no-repeat;
+
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;
 +
}
 +
#human-s3-p2 {
 +
width: 300px;
 +
height: 196px!important;
 +
background:url(https://static.igem.org/mediawiki/2012/0/0a/Human-s3-p2.jpg) no-repeat;
 +
float:right;
 +
margin-left: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;
 +
}
 +
#psc-p1 {
 +
width: 289px;
 +
height: 217px!important;
 +
background:url(https://static.igem.org/mediawiki/2012/c/cf/Human-s4-p1.jpg) no-repeat;
 +
margin-right:15px;
 +
}
 +
#survey-p1 {
 +
width: 760px;
 +
height: 570px!important;
 +
background:url(https://static.igem.org/mediawiki/2012/6/64/Survey-p1.png) no-repeat;
 +
margin-right:15px;
 +
margin:0 auto;
 +
}
 +
#survey-p2 {
 +
width: 760px;
 +
height: 570px!important;
 +
background:url(https://static.igem.org/mediawiki/2012/d/d2/Survey-p2.png) no-repeat;
 +
margin-right:15px;
 +
margin:0 auto;
 +
}
 +
#survey-p3 {
 +
width: 760px;
 +
height: 570px!important;
 +
background:url(https://static.igem.org/mediawiki/2012/1/1e/Survey-p3.png) no-repeat;
 +
margin-right:15px;
 +
margin:0 auto;
 +
}
 +
#survey-p4 {
 +
width: 760px;
 +
height: 570px!important;
 +
background:url(https://static.igem.org/mediawiki/2012/5/54/Survey-p4.png) no-repeat;
 +
margin-right:15px;
 +
margin:0 auto;
}
}
#toc {
#toc {
Line 100: Line 350:
width: 81px;
width: 81px;
display: block;
display: block;
-
color: #fff;
+
color: #333;
}
}
#submenu h1 {
#submenu h1 {
Line 109: Line 359:
-moz-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
border-radius: 15px;
-
-webkit-transition: 1s;
+
-webkit-transition: 0.5s;
-
-moz-transition: 1s;
+
-moz-transition: 0.5s;
-
transition: 1s;
+
transition: 0.5s;
}
}
#submenu1 h1 {
#submenu1 h1 {
Line 127: Line 377:
#submenu2-4 h1 {
#submenu2-4 h1 {
background: #555 url(https://static.igem.org/mediawiki/2012/d/d1/Num2-4.png) no-repeat center center;
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 {
#submenu3 h1 {
background: #555 url(https://static.igem.org/mediawiki/2012/d/d5/Num3.png) no-repeat center center;
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 {
#submenu h1:hover {
Line 143: Line 393:
opacity:1.0;
opacity:1.0;
filter:alpha(opacity=100);
filter:alpha(opacity=100);
 +
}
 +
#submenu a {
 +
  color:#333;
 +
}
 +
#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 {
.subst1 h1, .subst2 h1, .subst1 h1 a, .subst2 h1 a {
Line 165: Line 425:
   overflow: hidden;
   overflow: hidden;
   padding: 0px;
   padding: 0px;
-
   -webkit-transition: height 1s ease;
+
   -webkit-transition: height 0.5s ease;
-
     -moz-transition: height 1s ease;
+
     -moz-transition: height 0.5s ease;
-
       -o-transition: height 1s ease;
+
       -o-transition: height 0.5s ease;
-
       -ms-transition: height 1s ease;
+
       -ms-transition: height 0.5s ease;
-
           transition: height 1s ease;
+
           transition: height 0.5s ease;
}
}
-
#submenu1:hover p, #submenu2-1:hover p, #submenu2-3:hover p, #submenu3:hover p, #submenu4:hover p, #submenu5:hover p {
+
#submenu1:hover p, #submenu2-1:hover p, #submenu2-5:hover p, #submenu3:hover p {
-
height: 20px;
+
height: 15px;
}
}
-
#submenu2-2:hover p, #submenu2-4:hover p {
+
#submenu2-2:hover p, #submenu2-3:hover p, #submenu2-4:hover p, #submenu2-6:hover p {
-
height: 40px;
+
height: 30px;
}
}
#back-top {
#back-top {
Line 206: Line 466:
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 217: Line 481:
-moz-transition: 1s;
-moz-transition: 1s;
transition: 1s;
transition: 1s;
-
}
 
-
#back-top a span {
 
-
background-color: #333;
 
}
}
#back-top a:hover span {
#back-top a:hover span {
Line 225: Line 486:
-moz-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);
box-shadow: 0 0 20px rgba(255,255,255,.6), inset 0 0 20px rgba(255,255,255,1);
-
-webkit-border-radius: 60em;
+
-webkit-border-radius: 42px;
-
-moz-border-radius: 60em;
+
-moz-border-radius: 42px;
-
border-radius: 60em;
+
border-radius: 42px;
 +
-webkit-transition: 1s;
 +
-moz-transition: 1s;
 +
transition: 1s;
 +
}
 +
.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;
 +
}
 +
#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;
 +
}
 +
#m6s {
 +
display:block!important;
 +
left:590px!important;
 +
top:-102px;
 +
}
 +
#m6s li a {
 +
background:url(https://static.igem.org/mediawiki/2012/e/e0/Submenu-human-i.png) transparent no-repeat 0 0;
 +
}
 +
#myGallery { display: none;}
 +
 
 +
.gv_galleryWrap { position: relative; background: #222; font-size: 10pt;
 +
-webkit-border-radius: 10px;
 +
-moz-border-radius: 10px;
 +
border-radius: 10px;
 +
margin:0 auto;  }
 +
 
 +
/* GALLERY DIV */
 +
.gv_gallery { overflow: hidden; position: relative;}
 +
 
 +
.gv_imageStore { visibility: hidden; position: absolute; top: -10000px; left: -10000px; }
 +
 
 +
 
 +
/*************************************************/
 +
/**  PANEL STYLES **/
 +
/*************************************************/
 +
 
 +
.gv_panelWrap { filter: inherit; position: absolute; overflow: hidden; }
 +
 
 +
.gv_panel-loading { background: url('https://static.igem.org/mediawiki/2012/d/d0/UTD_Img-loader.gif') 50% 50% no-repeat #aaa; }
 +
.gv_frame-loading { background: url('https://static.igem.org/mediawiki/2012/d/d0/UTD_Img-loader.gif') 50% 50% no-repeat #aaa; }
 +
 
 +
/* GALLERY PANELS */
 +
.gv_panel { filter: inherit; position: absolute; top: 0; left: 0; overflow: hidden; z-index: 100; }
 +
.gv_panel img { position: absolute; }
 +
 
 +
.gv_overlay { position: absolute; background: #222; color: white; z-index: 200; }
 +
.gv_showOverlay {
 +
position: absolute;
 +
width: 20px;
 +
height: 20px;
 +
background: url('https://static.igem.org/mediawiki/2012/a/af/UTD_Info.png') #222;
 +
cursor: pointer;
 +
z-index: 200;
 +
}
 +
.gv_overlay h4 { color: white; margin: 1em; font-weight: bold; }
 +
.gv_overlay p { color: white; margin: 1em; }
 +
 
 +
.gv_infobar {
 +
background: #222;
 +
padding: 0 0.5em;
 +
line-height: 1.5em;
 +
height: 1.5em;
 +
font-size: 10pt;
 +
font-weight: bold;
 +
color: white;
 +
 +
position: absolute;
 +
bottom: 0;
 +
right: 0;
 +
display: none;
 +
vertical-align: middle;
 +
z-index: 2000;
 +
 +
}
 +
 
 +
 
 +
/*************************************************/
 +
/**  FILMSTRIP STYLES **/
 +
/*************************************************/
 +
 
 +
.gv_filmstripWrap { overflow: hidden; position: absolute; }
 +
 
 +
 
 +
/* FILMSTRIP */
 +
.gv_filmstrip { margin: 0; padding: 0; position: absolute; top: 0; left: 0; }
 +
 
 +
/* FILMSTRIP FRAMES (contains both images and captions) */
 +
.gv_frame {
 +
cursor: pointer;
 +
float: left;
 +
position: relative;
 +
margin: 0;
 +
padding: 0;
 +
}
 +
 
 +
/* WRAPPER FOR FILMSTRIP IMAGES */
 +
.gv_frame .gv_thumbnail { position: relative;overflow: hidden !important; }
 +
 
 +
/* WRAPPER FOR CURRENT FILMSTRIP IMAGE */
 +
.gv_frame.current .gv_thumbnail {}
 +
 
 +
/* FRAME IMAGES */
 +
.gv_frame img { border: none; position: absolute; }
 +
 
 +
/* FRAME CAPTION */
 +
.gv_frame .gv_caption { height: 14px; line-height: 14px; font-size: 10px; text-align: center; color:white; }
 +
 
 +
/* CURRENT FRAME CAPTION */
 +
.gv_frame.current .gv_caption { }
 +
 
 +
/* POINTER FOR CURRENT FRAME */
 +
.gv_pointer {
 +
border-color: black;
 +
}
 +
 
 +
/* NAVIGATION BUTTONS */
 +
.gv_navWrap {
 +
text-align: center;
 +
position: absolute;
 +
}
 +
.gv_navPlay,
 +
.gv_navPause,
 +
.gv_navNext,
 +
.gv_navPrev {
 +
 +
opacity: 0.3;
 +
-moz-opacity: 0.3;
 +
-khtml-opacity: 0.3;
 +
filter:alpha(opacity=30);
 +
display:-moz-inline-stack;
 +
display:inline-block;
 +
zoom:1;
 +
*display:inline;
 +
vertical-align: middle;
 +
}
 +
.gv_navPlay:hover,
 +
.gv_navPause:hover,
 +
.gv_navNext:hover,
 +
.gv_navPrev:hover {
 +
opacity: 0.8;
 +
-moz-opacity: 0.8;
 +
-khtml-opacity: 0.8;
 +
filter:alpha(opacity=80);
 +
}
 +
 
 +
.gv_panelNavPrev,
 +
.gv_panelNavNext {
 +
position: absolute;
 +
display: none;
 +
opacity: 0.50;
 +
-moz-opacity: 0.50;
 +
-khtml-opacity: 0.50;
 +
filter:alpha(opacity=50);
 +
z-index: 200;
 +
}
 +
 
 +
.gv_panelNavPrev:hover,
 +
.gv_panelNavNext:hover {
 +
opacity: 0.9;
 +
-moz-opacity: 0.9;
 +
-khtml-opacity: 0.9;
 +
filter:alpha(opacity=90);
 +
}
 +
 
 +
.gv_navPlay {
 +
height: 30px;
 +
width: 30px;
 +
cursor: pointer;
 +
background: url('https://static.igem.org/mediawiki/2012/f/ff/UTD_Play-big.png') top left no-repeat;
 +
}
 +
.gv_navPause {
 +
height: 30px;
 +
width: 30px;
 +
cursor: pointer;
 +
background: url('https://static.igem.org/mediawiki/2012/5/50/UTD_Pause-big.png') top left no-repeat;
 +
}
 +
.gv_navNext {
 +
height: 20px;
 +
width: 20px;
 +
cursor: pointer;
 +
background: url('https://static.igem.org/mediawiki/2012/a/af/UTD_Next.png') top left no-repeat;
 +
}
 +
.gv_navPrev {
 +
height: 20px;
 +
width: 20px;
 +
cursor: pointer;
 +
background: url('https://static.igem.org/mediawiki/2012/d/da/UTD_Prev.png') top right no-repeat;
 +
}
 +
.gv_panelNavNext {
 +
height: 20px;
 +
width: 20px;
 +
cursor: pointer;
 +
background: url('https://static.igem.org/mediawiki/2012/a/af/UTD_Next.png') top left no-repeat;
 +
}
 +
.gv_panelNavPrev {
 +
height: 20px;
 +
width: 20px;
 +
cursor: pointer;
 +
background: url('https://static.igem.org/mediawiki/2012/d/da/UTD_Prev.png') top right no-repeat;
}
}
</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.8.1/jquery.min.js"></script>
<script>
<script>
$(document).ready(function(){
$(document).ready(function(){
Line 256: Line 1,009:
});
});
});
});
 +
$(function(){
 +
$('#myGallery').galleryView();
 +
});
</script>
</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/jgal?action=raw"></script>
 +
<script src="https://2012.igem.org/Template:Team:NCTU_Formosa/jgale?action=raw"></script>
 +
<script src="https://2012.igem.org/Template:Team:NCTU_Formosa/jgalt?action=raw"></script>
</head>
</head>
<body>
<body>
Line 262: Line 1,022:
<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"><a href="https://2012.igem.org/Team:NCTU_Formosa/Safety" title="Safety" class="link">Satety</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></li>
+
       <li class="m6 current"><a href="https://2012.igem.org/Team:NCTU_Formosa/HumanPractice" title="Human Practice" class="current">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-human"