"
Template:Team:NCTU Formosa/header-human
From 2012.igem.org
(Difference between revisions)
| (79 intermediate revisions not shown) | |||
| Line 9: | Line 9: | ||
height:23px; | height:23px; | ||
background: url(https://static.igem.org/mediawiki/2012/9/97/Qksign.png) no-repeat transparent center center; | background: url(https://static.igem.org/mediawiki/2012/9/97/Qksign.png) no-repeat transparent center center; | ||
| - | margin- | + | } |
| + | iframe { | ||
| + | margin-left:20px; | ||
} | } | ||
.human-s-wrapper { | .human-s-wrapper { | ||
| Line 23: | 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 39: | Line 44: | ||
width: 960px; | width: 960px; | ||
height: 30px!important; | height: 30px!important; | ||
| - | background:url(https://static.igem.org/mediawiki/2012/ | + | background:url(https://static.igem.org/mediawiki/2012/b/b8/Subtitle-team3.png) transparent no-repeat; |
margin-left: 5px; | margin-left: 5px; | ||
} | } | ||
| Line 89: | 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 128: | Line 139: | ||
width: 800px; | width: 800px; | ||
margin-left:50px; | 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 { | #humantable p { | ||
| Line 135: | Line 161: | ||
#humantable tr td { | #humantable tr td { | ||
background:url(https://static.igem.org/mediawiki/2012/3/37/Alw50.png) transparent repeat; | background:url(https://static.igem.org/mediawiki/2012/3/37/Alw50.png) transparent repeat; | ||
| - | |||
} | } | ||
| - | #humantable | + | #humantable th { |
| - | background: | + | 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 151: | 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: | + | width: 748px; |
height: 561px!important; | height: 561px!important; | ||
background:url(https://static.igem.org/mediawiki/2012/1/1e/Human-s1-p1.jpg) no-repeat; | background:url(https://static.igem.org/mediawiki/2012/1/1e/Human-s1-p1.jpg) no-repeat; | ||
} | } | ||
#human-s3-p1 { | #human-s3-p1 { | ||
| - | width: | + | width: 500px; |
| - | height: | + | height: 116px!important; |
background:url(https://static.igem.org/mediawiki/2012/4/4d/Human-s3-p1.jpg) no-repeat; | 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 { | .biocamp { | ||
| Line 191: | Line 297: | ||
height: 245px!important; | height: 245px!important; | ||
background:url(https://static.igem.org/mediawiki/2012/f/fc/Biocampp4.jpg) no-repeat; | 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 204: | Line 350: | ||
width: 81px; | width: 81px; | ||
display: block; | display: block; | ||
| - | color: # | + | color: #333; |
} | } | ||
#submenu h1 { | #submenu h1 { | ||
| Line 213: | Line 359: | ||
-moz-border-radius: 15px; | -moz-border-radius: 15px; | ||
border-radius: 15px; | border-radius: 15px; | ||
| - | -webkit-transition: | + | -webkit-transition: 0.5s; |
| - | -moz-transition: | + | -moz-transition: 0.5s; |
| - | transition: | + | transition: 0.5s; |
} | } | ||
#submenu1 h1 { | #submenu1 h1 { | ||
| Line 240: | Line 386: | ||
#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; | ||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
| - | |||
} | } | ||
#submenu h1:hover { | #submenu h1:hover { | ||
| Line 253: | Line 393: | ||
opacity:1.0; | opacity:1.0; | ||
filter:alpha(opacity=100); | filter:alpha(opacity=100); | ||
| + | } | ||
| + | #submenu a { | ||
| + | color:#333; | ||
} | } | ||
#submenu a:hover { | #submenu a:hover { | ||
text-decoration: none; | 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 278: | Line 425: | ||
overflow: hidden; | overflow: hidden; | ||
padding: 0px; | padding: 0px; | ||
| - | -webkit-transition: height | + | -webkit-transition: height 0.5s ease; |
| - | -moz-transition: height | + | -moz-transition: height 0.5s ease; |
| - | -o-transition: height | + | -o-transition: height 0.5s ease; |
| - | -ms-transition: height | + | -ms-transition: height 0.5s ease; |
| - | transition: height | + | transition: height 0.5s ease; |
} | } | ||
| - | #submenu1:hover p, #submenu2-1:hover p, #submenu2-5:hover p { | + | #submenu1:hover p, #submenu2-1:hover p, #submenu2-5:hover p, #submenu3:hover p { |
| - | height: | + | height: 15px; |
} | } | ||
#submenu2-2:hover p, #submenu2-3:hover p, #submenu2-4:hover p, #submenu2-6:hover p { | #submenu2-2:hover p, #submenu2-3:hover p, #submenu2-4:hover p, #submenu2-6:hover p { | ||
| - | height: | + | height: 30px; |
} | } | ||
#back-top { | #back-top { | ||
| Line 321: | Line 468: | ||
background: url(https://static.igem.org/mediawiki/2012/b/b3/Up-arrow.png) no-repeat center center; | background: url(https://static.igem.org/mediawiki/2012/b/b3/Up-arrow.png) no-repeat center center; | ||
display: block; | display: block; | ||
| - | margin- | + | margin-bottom: 7px; |
transition: 1s; | transition: 1s; | ||
} | } | ||
| Line 345: | Line 492: | ||
-moz-transition: 1s; | -moz-transition: 1s; | ||
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 { | #m6s { | ||
display:block!important; | display:block!important; | ||
left:590px!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. | + | <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 377: | 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 383: | 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"> | ||
| Line 390: | Line 1,035: | ||
<li class="m2"><a href="https://2012.igem.org/Team:NCTU_Formosa/Project" title="Project" class="link">Project</a> | <li class="m2"><a href="https://2012.igem.org/Team:NCTU_Formosa/Project" title="Project" class="link">Project</a> | ||
<ul id="m2s" class="ms"> | <ul id="m2s" class="ms"> | ||
| - | <li class="ms1"><a href="https://2012.igem.org/Team:NCTU_Formosa/Project | + | <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 | + | <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 | + | <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 | + | <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 | + | <li class="ms5"><a href="https://2012.igem.org/Team:NCTU_Formosa/Project-sub5">Future Works</a></li> |
</ul> | </ul> | ||
</li> | </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> | <li class="m3"><a href="https://2012.igem.org/Team:NCTU_Formosa/Team" title="Team" class="link">Team</a> | ||
<ul id="m3s" class="ms"> | <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="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"> | + | <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">Notes</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> | </ul> | ||
</li> | </li> | ||
| Line 408: | Line 1,055: | ||
<li class="m6 current"><a href="https://2012.igem.org/Team:NCTU_Formosa/HumanPractice" title="Human Practice" class="current">Human Practice</a> | <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"> | <ul id="m6s" class="ms"> | ||
| - | <li class=" | + | <li class="ms2"><a href="https://2012.igem.org/Team:NCTU_Formosa/HumanPractice#sub2-1">Bio-camp</a></li> |
| - | <li class=" | + | <li class="ms3"><a href="https://2012.igem.org/Team:NCTU_Formosa/HumanPractice#sub2-2">iGEM Cooperation</a></li> |
| - | <li class=" | + | <li class="ms4"><a href="https://2012.igem.org/Team:NCTU_Formosa/HumanPractice#sub2-3">Popularization on Campus</a></li> |
| - | <li class=" | + | <li class="ms5"><a href="https://2012.igem.org/Team:NCTU_Formosa/HumanPractice#sub2-4">Popular Science Creation</a></li> |
| - | <li class=" | + | <li class="ms6"><a href="https://2012.igem.org/Team:NCTU_Formosa/HumanPractice#sub2-5">Surveys</a></li> |
| - | <li class=" | + | <li class="ms7"><a href="https://2012.igem.org/Team:NCTU_Formosa/HumanPractice#sub2-6">L-shaped Folders</a></li> |
| - | <li class=" | + | <li class="ms8"><a href="https://2012.igem.org/Team:NCTU_Formosa/HumanPractice#sub3">Gallery</a></li> |
</ul> | </ul> | ||
</li> | </li> | ||
| - | |||
</ul> | </ul> | ||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
Latest revision as of 17:30, 26 October 2012
