Template:Team:NCTU Formosa/header-human

From 2012.igem.org

(Difference between revisions)
Line 533: Line 533:
   border-bottom-right-radius: 4px;
   border-bottom-right-radius: 4px;
}
}
-
#lbOverlay {
+
#lightboxOverlay {
-
z-index:2;
+
  position: absolute;
-
position: absolute;
+
  top: 0;
-
left: 0;
+
  left: 0;
-
width: 100%;
+
  z-index: 9999;
-
height: 100%;
+
  background-color: black;
-
background-color: #000;
+
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
-
cursor: pointer;
+
  opacity: 0.85;
 +
  display: none;
}
}
-
#lbCenter, #lbBottomContainer {
+
 
-
z-index:2;
+
/* line 15, ../sass/lightbox.sass */
-
position: absolute;
+
#lightbox {
-
left: 50%;
+
  position: absolute;
-
overflow: hidden;
+
  left: 0;
-
background-color: #fff; text-align: center; padding: 5px;
+
  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;
}
}
-
.lbLoading {
+
/* line 30, ../sass/lightbox.sass */
-
z-index:2;
+
.lb-outerContainer {
-
background: #fff url(https://static.igem.org/mediawiki/2012/4/42/Loading.gif) no-repeat center;
+
  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;
}
}
-
#lbImage {
+
/* line 39, ../sass/lightbox.sass */
-
z-index:2;
+
.lb-container {
-
border: 10px solid #fff;
+
  padding: 10px;
}
}
-
#lbPrevLink, #lbNextLink {
+
/* line 42, ../sass/lightbox.sass */
-
z-index:2;
+
.lb-loader {
-
display: block;
+
  position: absolute;
-
position: absolute;
+
  top: 40%;
-
top: 0;
+
  left: 0%;
-
width: 50%;
+
  height: 25%;
-
outline: none;
+
  width: 100%;
 +
  text-align: center;
 +
  line-height: 0;
}
}
-
#lbBottom {
+
/* line 51, ../sass/lightbox.sass */
-
z-index:2;
+
.lb-nav {
-
font-family: Verdana, Helvetica, sans-serif;
+
  position: absolute;
-
font-size: 10px;
+
  top: 0;
-
color: #666;
+
  left: 0;
-
line-height: 1.4em;
+
  height: 100%;
-
text-align: left;
+
  width: 100%;
-
border: 5px solid #fff;
+
  z-index: 10;
-
border-top-style: none;
+
}
}
-
#lbCloseLink {
+
/* line 59, ../sass/lightbox.sass */
-
z-index:2;
+
.lb-container > .nav {
-
display: block;
+
  left: 0;
-
float: right;
+
}
-
width: 66px;
+
 
-
height: 22px;
+
/* line 62, ../sass/lightbox.sass */
-
background: transparent url(https://static.igem.org/mediawiki/2012/8/8e/Closelabel.gif) no-repeat center;
+
.lb-nav a {
-
margin: 5px 0;
+
  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;
}
}
-
#lbCaption, #lbNumber {
+
/* line 112, ../sass/lightbox.sass */
-
z-index:2;
+
.lb-data .lb-close {
-
margin-right: 71px;
+
  width: 35px;
 +
  float: right;
 +
  padding-bottom: 0.7em;
 +
  outline: none;
}
}
-
#lbCaption {
+
/* line 117, ../sass/lightbox.sass */
-
z-index:2;
+
.lb-data .lb-close:hover {
-
font-weight: bold;
+
  cursor: pointer;
}
}
#m6s {
#m6s {
Line 610: Line 726:
}
}
</style>
</style>
-
<script src="https://2012.igem.org/Template:Team:NCTU_Formosa/mtool?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/swfo?action=raw"></script>
+
<script>
-
<script src="https://2012.igem.org/Template:Team:NCTU_Formosa/vbox?action=raw"></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/lightbox?action=raw"></script>
</head>
</head>
<body>
<body>

Revision as of 05:08, 24 September 2012

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