|
|
| Line 1: |
Line 1: |
| - | <html>
| + | #lbOverlay { |
| - | <style type="text/css">
| + | z-index:2; |
| - | /*
| + | |
| - | ---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;
| + | |
| - | }
| + | |
| - | #lightwindow_overlay {
| + | |
| - | /* REQUIRED */
| + | |
| - | display: none;
| + | |
| - | visibility: hidden;
| + | |
| | position: absolute; | | position: absolute; |
| - | top: 0;
| |
| | left: 0; | | left: 0; |
| | width: 100%; | | width: 100%; |
| - | height: 100px; | + | background-color: #000; |
| - | z-index: 500; | + | cursor: pointer; |
| - | /* REQUIRED */
| + | |
| | } | | } |
| | | | |
| - | #lightwindow { | + | #lbCenter, #lbBottomContainer { |
| - | /* REQUIRED */ | + | z-index:2; |
| - | /* Of Note - The height and width of this element are set to 0px */
| + | |
| - | display: none;
| + | |
| - | visibility: hidden;
| + | |
| | position: absolute; | | position: absolute; |
| - | z-index: 999; | + | left: 50%; |
| - | line-height: 0px; | + | overflow: hidden; |
| - | /* REQUIRED */ | + | background-color: #fff; text-align: center; padding: 5px; |
| | } | | } |
| | | | |
| - | #lightwindow_container {
| + | .lbLoading { |
| - | /* REQUIRED */
| + | z-index:2; |
| - | display: none;
| + | background: #fff url(https://static.igem.org/mediawiki/2012/4/42/Loading.gif) no-repeat center; |
| - | visibility: hidden;
| + | |
| - | position: absolute;
| + | |
| - | /* REQUIRED */
| + | |
| - | padding: 0 0 0 0;
| + | |
| - | margin: 0 0 0 0;
| + | |
| - | } | + | |
| - | | + | |
| - | /* IE6 needs this or it messes with our positioning */
| + | |
| - | * html #lightwindow_container {
| + | |
| - | overflow: hidden;
| + | |
| - | }
| + | |
| - | | + | |
| - | #lightwindow_contents {
| + | |
| - | overflow: hidden;
| + | |
| - | z-index: 0;
| + | |
| - | position: relative;
| + | |
| - | border: 10px solid #ffffff;
| + | |
| - | background-color: #ffffff;
| + | |
| - | }
| + | |
| - | | + | |
| - | #lightwindow_loading {
| + | |
| - | /* REQUIRED */
| + | |
| - | height: 100%;
| + | |
| - | width: 100%;
| + | |
| - | top: 0px;
| + | |
| - | left: 0px;
| + | |
| - | z-index: 9999;
| + | |
| - | position: absolute;
| + | |
| - | /* REQUIRED */
| + | |
| - | background-color: #f0f0f0;
| + | |
| - | padding: 10px;
| + | |
| | } | | } |
| | | | |
| - | #lightwindow_loading_shim {
| + | #lbImage { |
| - | display: none;
| + | z-index:2; |
| - | left: 0px;
| + | border: 10px solid #fff; |
| - | position: absolute;
| + | |
| - | top: 0px;
| + | |
| - | width: 100%;
| + | |
| - | height: 100%;
| + | |
| - | } | + | |
| - | | + | |
| - | #lightwindow_loading span {
| + | |
| - | font-size: 12px;
| + | |
| - | line-height: 32px;
| + | |
| - | color: #444444;
| + | |
| - | float: left;
| + | |
| - | padding: 0 10px 0 0;
| + | |
| - | } | + | |
| - | | + | |
| - | #lightwindow_loading span a,
| + | |
| - | #lightwindow_loading span a:link,
| + | |
| - | #lightwindow_loading span a:visited {
| + | |
| - | color: #09F;
| + | |
| - | text-decoration: none;
| + | |
| - | cursor: pointer;
| + | |
| - | }
| + | |
| - | | + | |
| - | #lightwindow_loading span a:hover,
| + | |
| - | #lightwindow_loading span a:active {
| + | |
| - | text-decoration: underline;
| + | |
| - | }
| + | |
| - | | + | |
| - | | + | |
| - | #lightwindow_loading img {
| + | |
| - | float: left;
| + | |
| - | margin: 0 10px 0 0;
| + | |
| - | }
| + | |
| - | | + | |
| - | | + | |
| - | /*-----------------------------------------------------------------------------------------------
| + | |
| - | I liked the Navigation so much from http://www.huddletogether.com/projects/lightbox2/
| + | |
| - | I mean let's face it, it works really well and is very easy to figure out.
| + | |
| - | -----------------------------------------------------------------------------------------------*/
| + | |
| - | | + | |
| - | #lightwindow_navigation { | + | |
| - | /* REQUIRED */
| + | |
| - | position: absolute;
| + | |
| - | top: 0px;
| + | |
| - | left: 0px;
| + | |
| - | display: none;
| + | |
| - | /* REQUIRED */
| + | |
| | } | | } |
| - | /* We need to shim the navigation for IE, though its more of a sub-floor */
| |
| - | #lightwindow_navigation_shim {
| |
| - | /* REQUIRED */
| |
| - | display: none;
| |
| - | left: 0px;
| |
| - | position: absolute;
| |
| - | top: 0px;
| |
| - | width: 100%;
| |
| - | height: 100%;
| |
| - | /* REQUIRED */
| |
| - | }
| |
| | | | |
| - | #lightwindow_navigation a,
| + | #lbPrevLink, #lbNextLink { |
| - | #lightwindow_navigation a:link,
| + | z-index:2; |
| - | #lightwindow_navigation a:visited,
| + | display: block; |
| - | #lightwindow_navigation a:hover,
| + | |
| - | #lightwindow_navigation a:active {
| + | |
| - | /* REQUIRED */
| + | |
| - | outline: none;
| + | |
| - | /* REQUIRED */
| + | |
| - | } | + | |
| - | | + | |
| - | #lightwindow_previous,
| + | |
| - | #lightwindow_next {
| + | |
| - | width: 49%;
| + | |
| - | height: 100%;
| + | |
| - | background: transparent url(blank.gif) no-repeat; /* Trick IE into showing hover */
| + | |
| - | display: block;
| + | |
| - | } | + | |
| - |
| + | |
| - | #lightwindow_previous {
| + | |
| - | float: left;
| + | |
| - | left: 0px;
| + | |
| - | }
| + | |
| - | | + | |
| - | #lightwindow_next {
| + | |
| - | float: right;
| + | |
| - | right: 0px;
| + | |
| - | }
| + | |
| - | | + | |
| - | #lightwindow_previous:hover,
| + | |
| - | #lightwindow_previous:active {
| + | |
| - | background: url(https://static.igem.org/mediawiki/2012/3/33/Ucl2012-lightbox-Prev.png) left 15% no-repeat;
| + | |
| - | }
| + | |
| - | | + | |
| - | #lightwindow_next:hover,
| + | |
| - | #lightwindow_next:active {
| + | |
| - | background: url(https://static.igem.org/mediawiki/2012/4/4c/Ucl2012-lightbox-Next.png) right 15% no-repeat;
| + | |
| - | }
| + | |
| - |
| + | |
| - | #lightwindow_previous_title,
| + | |
| - | #lightwindow_next_title {
| + | |
| - | display: none;
| + | |
| - | }
| + | |
| - |
| + | |
| - | #lightwindow_galleries {
| + | |
| - | width: 100%;
| + | |
| | position: absolute; | | position: absolute; |
| - | z-index: 50; | + | top: 0; |
| - | display: none;
| + | width: 50%; |
| - | overflow: hidden;
| + | outline: none; |
| - | margin: 0 0 0 10px;
| + | |
| - | bottom: 0px; | + | |
| - | left: 0px; | + | |
| | } | | } |
| | | | |
| - | #lightwindow_galleries_tab_container {
| + | #lbBottom { |
| - | width: 100%;
| + | z-index:2; |
| - | height: 0px;
| + | font-family: Verdana, Helvetica, sans-serif; |
| - | overflow: hidden;
| + | font-size: 10px; |
| - | } | + | color: #666; |
| - | | + | line-height: 1.4em; |
| - | a#lightwindow_galleries_tab,
| + | text-align: left; |
| - | a:link#lightwindow_galleries_tab,
| + | border: 5px solid #fff; |
| - | a:visited#lightwindow_galleries_tab {
| + | border-top-style: none; |
| - | display: block;
| + | |
| - | height: 20px;
| + | |
| - | width: 77px;
| + | |
| - | float: right;
| + | |
| - | line-height: 22px;
| + | |
| - | color: #ffffff;
| + | |
| - | text-decoration: none;
| + | |
| - | font-weight: bold;
| + | |
| - | cursor: pointer;
| + | |
| - | font-size: 11px;
| + | |
| - | color: #ffffbe;
| + | |
| - | background: url(../images/black-70.png) repeat 0 0 transparent;
| + | |
| - | }
| + | |
| - |
| + | |
| - | * html a#lightwindow_galleries_tab,
| + | |
| - | * html a:link#lightwindow_galleries_tab,
| + | |
| - | * html a:visited#lightwindow_galleries_tab {
| + | |
| - | background: none;
| + | |
| - | background-color: #000000;
| + | |
| - | opacity: .70;
| + | |
| - | filter: alpha(opacity=70);
| + | |
| - | } | + | |
| - | | + | |
| - | a:hover#lightwindow_galleries_tab,
| + | |
| - | a:active#lightwindow_galleries_tab {
| + | |
| - | color: #ffffbe;
| + | |
| - | | + | |
| - | }
| + | |
| - | | + | |
| - | #lightwindow_galleries_tab_span {
| + | |
| - | display: block;
| + | |
| - | height: 20px;
| + | |
| - | width: 63px;
| + | |
| - | padding: 0 7px 0 7px;
| + | |
| - | }
| + | |
| - | | + | |
| - | * html #lightwindow_galleries_list {
| + | |
| - | background: none;
| + | |
| - | background-color: #000000;
| + | |
| - | opacity: .70;
| + | |
| - | filter: alpha(opacity=70);
| + | |
| - | }
| + | |
| - | | + | |
| - | .lightwindow_galleries_list {
| + | |
| - | width: 200px;
| + | |
| - | float: left;
| + | |
| - | margin: 0 0 10px 0;
| + | |
| - | padding: 10px;
| + | |
| - | } | + | |
| - | | + | |
| - | .lightwindow_galleries_list h1 {
| + | |
| - | color: #09F;
| + | |
| - | text-decoration: none;
| + | |
| - | font-weight: bold;
| + | |
| - | cursor: pointer;
| + | |
| - | padding: 10px 0 5px 0;
| + | |
| - | font-size: 16px;
| + | |
| - | } | + | |
| - | | + | |
| - | .lightwindow_galleries_list li {
| + | |
| - | margin: 5px 0 5px 0;
| + | |
| - | list-style-type: none;
| + | |
| - | }
| + | |
| - | | + | |
| - | .lightwindow_galleries_list a,
| + | |
| - | .lightwindow_galleries_list a:link,
| + | |
| - | .lightwindow_galleries_list a:visited {
| + | |
| - | display: block;
| + | |
| - | line-height: 22px;
| + | |
| - | color: #ffffff;
| + | |
| - | text-decoration: none;
| + | |
| - | font-weight: bold;
| + | |
| - | cursor: pointer;
| + | |
| - | padding: 0 0 0 10px;
| + | |
| - | font-size: 11px;
| + | |
| - | } | + | |
| - | | + | |
| - | .lightwindow_galleries_list a:hover,
| + | |
| - | .lightwindow_galleries_list a:active {
| + | |
| - | background: #000000;
| + | |
| - | color: #ffffbe;
| + | |
| - | border-left: 3px solid #ffffbe;
| + | |
| - | padding: 0 0 0 7px;
| + | |
| - | } | + | |
| - |
| + | |
| - | #lightwindow_data {
| + | |
| - | /* REQUIRED */
| + | |
| - | position: absolute;
| + | |
| - | /* REQUIRED */
| + | |
| | } | | } |
| | | | |
| - | #lightwindow_data_slide {
| + | #lbCloseLink { |
| - | /* REQUIRED */
| + | z-index:2; |
| - | position: relative;
| + | display: block; |
| - | /* REQUIRED */
| + | float: right; |
| - | } | + | width: 66px; |
| - | | + | height: 22px; |
| - | #lightwindow_data_slide_inner {
| + | background: transparent url(https://static.igem.org/mediawiki/2012/8/8e/Closelabel.gif) no-repeat center; |
| - | background-color: #ffffff;
| + | margin: 5px 0; |
| - | padding: 0 10px 10px 10px;
| + | |
| - | } | + | |
| - | | + | |
| - | #lightwindow_data_caption {
| + | |
| - | padding: 10px 0 0 0;
| + | |
| - | color: #666666;
| + | |
| - | line-height: 25px;
| + | |
| - | background-color: #ffffff;
| + | |
| - | clear: both;
| + | |
| - | } | + | |
| - | | + | |
| - | #lightwindow_data_details {
| + | |
| - | background-color: #f0f0f0;
| + | |
| - | padding: 0 10px 0 10px;
| + | |
| - | height: 20px;
| + | |
| - | } | + | |
| - |
| + | |
| - | #lightwindow_data_author_container {
| + | |
| - | width: 40%;
| + | |
| - | text-align: right;
| + | |
| - | color: #666666;
| + | |
| - | font-style: italic;
| + | |
| - | font-size: 10px;
| + | |
| - | line-height: 20px;
| + | |
| - | float: right;
| + | |
| - | overflow: hidden;
| + | |
| - | } | + | |
| - |
| + | |
| - | #lightwindow_data_gallery_container {
| + | |
| - | font-size: 10px;
| + | |
| - | width: 40%;
| + | |
| - | text-align: left;
| + | |
| - | color: #666666;
| + | |
| - | line-height: 20px;
| + | |
| - | float: left;
| + | |
| - | overflow: hidden;
| + | |
| - | } | + | |
| - |
| + | |
| - | #lightwindow_title_bar {
| + | |
| - | height: 25px;
| + | |
| - | overflow: hidden;
| + | |
| | } | | } |
| - | | + | #lbCaption, #lbNumber { |
| - | #lightwindow_title_bar_title {
| + | z-index:2; |
| - | color: #ffffbe;
| + | margin-right: 71px; |
| - | font-size: 14px;
| + | } |
| - | line-height: 25px;
| + | #lbCaption { |
| - | text-align: left;
| + | z-index:2; |
| - | float: left;
| + | font-weight: bold; |
| - | }
| + | |
| - | | + | |
| - | a#lightwindow_title_bar_close_link,
| + | |
| - | a:link#lightwindow_title_bar_close_link,
| + | |
| - | a:visited#lightwindow_title_bar_close_link {
| + | |
| - | float: right;
| + | |
| - | text-align: right;
| + | |
| - | cursor: pointer;
| + | |
| - | color: #ffffbe;
| + | |
| - | line-height: 25px;
| + | |
| - | padding: 0;
| + | |
| - | margin: 0;
| + | |
| - | }
| + | |
| - |
| + | |
| - | a:hover#lightwindow_title_bar_close_link,
| + | |
| - | a:active#lightwindow_title_bar_close_link {
| + | |
| - | color: #ffffff;
| + | |
| - | } | + | |
| - | | + | |
| - | /*-----------------------------------------------------------------------------------------------
| + | |
| - | Theme styling stuff
| + | |
| - | -----------------------------------------------------------------------------------------------*/
| + | |
| - | | + | |
| - | #lightwindow p {
| + | |
| - | color: #000000;
| + | |
| - | padding-right: 10px; | + | |
| | } | | } |
| | #m6s { | | #m6s { |
| Line 1,109: |
Line 103: |
| | }); | | }); |
| | </script> | | </script> |
| - | <script src="https://2012.igem.org/Template:Team:NCTU_Formosa/prototype?action=raw"></script> | + | <script src="https://2012.igem.org/Template:Team:NCTU_Formosa/mtool?action=raw"></script> |
| - | <script src="https://2012.igem.org/Template:Team:NCTU_Formosa/effects?action=raw"></script> | + | <script src="https://2012.igem.org/Template:Team:NCTU_Formosa/swfo?action=raw"></script> |
| - | <script src="https://2012.igem.org/Template:Team:NCTU_Formosa/slimbox?action=raw"></script> | + | <script src="https://2012.igem.org/Template:Team:NCTU_Formosa/vbox?action=raw"></script> |
| - | </head> | + | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script> |
| - | <body>
| + | <script src="https://2012.igem.org/Template:Team:NCTU_Formosa/lightbox?action=raw"></script> |
| - | <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>
| + | |
z-index:2;
position: absolute;
left: 0;
width: 100%;
background-color: #000;
cursor: pointer;
}
z-index:2;
position: absolute;
left: 50%;
overflow: hidden;
background-color: #fff; text-align: center; padding: 5px;
}
z-index:2;
display: block;
position: absolute;
top: 0;
width: 50%;
outline: none;
}
z-index:2;
font-family: Verdana, Helvetica, sans-serif;
font-size: 10px;
color: #666;
line-height: 1.4em;
text-align: left;
border: 5px solid #fff;
border-top-style: none;
}
z-index:2;
display: block;
float: right;
width: 66px;
height: 22px;
background: transparent url(
) no-repeat center;
margin: 5px 0;
}
display:block!important;
left:590px!important;
}
.vimg {
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
display: block; margin-left: auto; margin-right: auto;
margin-top:3px;
margin-bottom:10px;
}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
// hide #back-top first
$("#back-top").hide();
$("#submenu").hide();
// fade in #back-top
$(function () {
$(window).scroll(function () {
if ($(this).scrollTop() > 130) {
$('#back-top').fadeIn();
$('#submenu').fadeIn();
} else {
$('#back-top').fadeOut();
$('#submenu').fadeOut();
}
});
// scroll body to 0px on click
$('#back-top a').click(function () {
$('body,html').animate({
scrollTop: 0
}, 800);
return false;
});
});
});
</script>
<script src="https://2012.igem.org/Template:Team:NCTU_Formosa/mtool?action=raw"></script>
<script src="https://2012.igem.org/Template:Team:NCTU_Formosa/swfo?action=raw"></script>
<script src="https://2012.igem.org/Template:Team:NCTU_Formosa/vbox?action=raw"></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>
"
) no-repeat center;
}
