Template:Team:NCTU Formosa/header-human

From 2012.igem.org

(Difference between revisions)
Line 410: Line 410:
-moz-transition: 1s;
-moz-transition: 1s;
transition: 1s;
transition: 1s;
 +
}#lightboxOverlay {
 +
  position: absolute;
 +
  top: 0;
 +
  left: 0;
 +
  z-index: 9999;
 +
  background-color: black;
 +
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
 +
  opacity: 0.85;
 +
  display: none;
 +
}
 +
 +
/* line 15, ../sass/lightbox.sass */
 +
#lightbox {
 +
  position: absolute;
 +
  left: 0;
 +
  width: 100%;
 +
  z-index: 10000;
 +
  text-align: center;
 +
  line-height: 0;
 +
  font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
 +
  font-weight: normal;
 +
}
 +
/* line 24, ../sass/lightbox.sass */
 +
#lightbox img {
 +
  width: auto;
 +
  height: auto;
 +
}
 +
/* line 27, ../sass/lightbox.sass */
 +
#lightbox a img {
 +
  border: none;
 +
}
 +
 +
/* line 30, ../sass/lightbox.sass */
 +
.lb-outerContainer {
 +
  position: relative;
 +
  background-color: white;
 +
  *zoom: 1;
 +
  width: 250px;
 +
  height: 250px;
 +
  margin: 0 auto;
 +
  -webkit-border-radius: 4px;
 +
  -moz-border-radius: 4px;
 +
  -ms-border-radius: 4px;
 +
  -o-border-radius: 4px;
 +
  border-radius: 4px;
 +
}
 +
/* line 38, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
 +
.lb-outerContainer:after {
 +
  content: "";
 +
  display: table;
 +
  clear: both;
 +
}
 +
 +
/* line 39, ../sass/lightbox.sass */
 +
.lb-container {
 +
  padding: 10px;
 +
}
 +
 +
/* line 42, ../sass/lightbox.sass */
 +
.lb-loader {
 +
  position: absolute;
 +
  top: 40%;
 +
  left: 0%;
 +
  height: 25%;
 +
  width: 100%;
 +
  text-align: center;
 +
  line-height: 0;
 +
}
 +
 +
/* line 51, ../sass/lightbox.sass */
 +
.lb-nav {
 +
  position: absolute;
 +
  top: 0;
 +
  left: 0;
 +
  height: 100%;
 +
  width: 100%;
 +
  z-index: 10;
 +
}
 +
 +
/* line 59, ../sass/lightbox.sass */
 +
.lb-container > .nav {
 +
  left: 0;
 +
}
 +
 +
/* line 62, ../sass/lightbox.sass */
 +
.lb-nav a {
 +
  outline: none;
 +
}
 +
 +
/* line 65, ../sass/lightbox.sass */
 +
.lb-prev, .lb-next {
 +
  width: 49%;
 +
  height: 100%;
 +
  background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
 +
  /* Trick IE into showing hover */
 +
  display: block;
 +
}
 +
 +
/* line 72, ../sass/lightbox.sass */
 +
.lb-prev {
 +
  left: 0;
 +
  float: left;
 +
}
 +
 +
/* line 76, ../sass/lightbox.sass */
 +
.lb-next {
 +
  right: 0;
 +
  float: right;
 +
}
 +
 +
/* line 81, ../sass/lightbox.sass */
 +
.lb-prev:hover {
 +
  background: url(https://static.igem.org/mediawiki/2012/3/33/Ucl2012-lightbox-Prev.png) left 48% no-repeat;
 +
}
 +
 +
/* line 85, ../sass/lightbox.sass */
 +
.lb-next:hover {
 +
  background: url(https://static.igem.org/mediawiki/2012/4/4c/Ucl2012-lightbox-Next.png) right 48% no-repeat;
 +
}
 +
 +
/* line 88, ../sass/lightbox.sass */
 +
.lb-dataContainer {
 +
  margin: 0 auto;
 +
  padding-top: 5px;
 +
  *zoom: 1;
 +
  width: 100%;
 +
  -moz-border-radius-bottomleft: 4px;
 +
  -webkit-border-bottom-left-radius: 4px;
 +
  -ms-border-bottom-left-radius: 4px;
 +
  -o-border-bottom-left-radius: 4px;
 +
  border-bottom-left-radius: 4px;
 +
  -moz-border-radius-bottomright: 4px;
 +
  -webkit-border-bottom-right-radius: 4px;
 +
  -ms-border-bottom-right-radius: 4px;
 +
  -o-border-bottom-right-radius: 4px;
 +
  border-bottom-right-radius: 4px;
 +
}
 +
/* line 38, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
 +
.lb-dataContainer:after {
 +
  content: "";
 +
  display: table;
 +
  clear: both;
 +
}
 +
 +
/* line 95, ../sass/lightbox.sass */
 +
.lb-data {
 +
  padding: 0 10px;
 +
  color: #bbbbbb;
 +
}
 +
/* line 98, ../sass/lightbox.sass */
 +
.lb-data .lb-details {
 +
  width: 85%;
 +
  float: left;
 +
  text-align: left;
 +
  line-height: 1.1em;
 +
}
 +
/* line 103, ../sass/lightbox.sass */
 +
.lb-data .lb-caption {
 +
  font-size: 13px;
 +
  font-weight: bold;
 +
  line-height: 1em;
 +
}
 +
/* line 107, ../sass/lightbox.sass */
 +
.lb-data .lb-number {
 +
  display: block;
 +
  clear: left;
 +
  padding-bottom: 1em;
 +
  font-size: 11px;
 +
}
 +
/* line 112, ../sass/lightbox.sass */
 +
.lb-data .lb-close {
 +
  width: 35px;
 +
  float: right;
 +
  padding-bottom: 0.7em;
 +
  outline: none;
 +
}
 +
/* line 117, ../sass/lightbox.sass */
 +
.lb-data .lb-close:hover {
 +
  cursor: pointer;
 +
}
 +
.imageRow {
 +
  *zoom: 1;
 +
  margin: 20px;
 +
width:680px;
 +
margin:0 auto;
 +
}
 +
/* line 38, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */
 +
.imageRow:after {
 +
  content: "";
 +
  display: table;
 +
  clear: both;
 +
}
 +
/* line 320, ../sass/screen.sass */
 +
.imageRow .single {
 +
  float: left;
 +
}
 +
/* line 322, ../sass/screen.sass */
 +
.imageRow .single a {
 +
  float: left;
 +
  display: block;
 +
  background: rgba(255, 255, 255, 0.1);
 +
  padding: 7px;
 +
  line-height: 1em;
 +
  -webkit-border-radius: 4px;
 +
  -moz-border-radius: 4px;
 +
  -ms-border-radius: 4px;
 +
  -o-border-radius: 4px;
 +
  border-radius: 4px;
 +
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
 +
  -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
 +
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
 +
  margin-right: 40px;
 +
  -webkit-transition: all 0.2s ease-out;
 +
  -moz-transition: all 0.2s ease-out;
 +
  -ms-transition: all 0.2s ease-out;
 +
  -o-transition: all 0.2s ease-out;
 +
  transition: all 0.2s ease-out;
 +
}
 +
/* line 332, ../sass/screen.sass */
 +
.imageRow .single a img {
 +
  -webkit-border-radius: 4px;
 +
  -moz-border-radius: 4px;
 +
  -ms-border-radius: 4px;
 +
  -o-border-radius: 4px;
 +
  border-radius: 4px;
 +
  border: 1px solid rgba(0, 0, 0, 0.3);
 +
}
 +
/* line 335, ../sass/screen.sass */
 +
.imageRow .single a:hover {
 +
  background-color: #fc0;
 +
}
 +
/* line 337, ../sass/screen.sass */
 +
.imageRow .set {
 +
  float: left;
 +
  background: rgba(255, 255, 255, 0.1);
 +
  -webkit-border-radius: 4px;
 +
  -moz-border-radius: 4px;
 +
  -ms-border-radius: 4px;
 +
  -o-border-radius: 4px;
 +
  border-radius: 4px;
 +
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
 +
  -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
 +
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
 +
  -webkit-transition: all 0.2s ease-out;
 +
  -moz-transition: all 0.2s ease-out;
 +
  -ms-transition: all 0.2s ease-out;
 +
  -o-transition: all 0.2s ease-out;
 +
  transition: all 0.2s ease-out;
 +
}
 +
/* line 343, ../sass/screen.sass */
 +
.imageRow .set:hover {
 +
  background: rgba(255, 255, 255, 0.2);
 +
}
 +
/* line 346, ../sass/screen.sass */
 +
.imageRow .set .single a {
 +
  background: none;
 +
  -webkit-border-radius: 0;
 +
  -moz-border-radius: 0;
 +
  -ms-border-radius: 0;
 +
  -o-border-radius: 0;
 +
  border-radius: 0;
 +
  -webkit-box-shadow: none;
 +
  -moz-box-shadow: none;
 +
  box-shadow: none;
 +
  margin-right: 0;
 +
}
 +
/* line 351, ../sass/screen.sass */
 +
.imageRow .set .single a:hover {
 +
  background-color: #fc0;
 +
  -webkit-box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.2), 0 1px 4px 0 rgba(0, 0, 0, 0.5);
 +
  -moz-box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.2), 0 1px 4px 0 rgba(0, 0, 0, 0.5);
 +
  box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.2), 0 1px 4px 0 rgba(0, 0, 0, 0.5);
 +
}
 +
/* line 355, ../sass/screen.sass */
 +
.imageRow .set .single.first a {
 +
  -moz-border-radius-topleft: 4px;
 +
  -webkit-border-top-left-radius: 4px;
 +
  -ms-border-top-left-radius: 4px;
 +
  -o-border-top-left-radius: 4px;
 +
  border-top-left-radius: 4px;
 +
  -moz-border-radius-bottomleft: 4px;
 +
  -webkit-border-bottom-left-radius: 4px;
 +
  -ms-border-bottom-left-radius: 4px;
 +
  -o-border-bottom-left-radius: 4px;
 +
  border-bottom-left-radius: 4px;
 +
}
 +
/* line 358, ../sass/screen.sass */
 +
.imageRow .set .single.last a {
 +
  -moz-border-radius-topright: 4px;
 +
  -webkit-border-top-right-radius: 4px;
 +
  -ms-border-top-right-radius: 4px;
 +
  -o-border-top-right-radius: 4px;
 +
  border-top-right-radius: 4px;
 +
  -moz-border-radius-bottomright: 4px;
 +
  -webkit-border-bottom-right-radius: 4px;
 +
  -ms-border-bottom-right-radius: 4px;
 +
  -o-border-bottom-right-radius: 4px;
 +
  border-bottom-right-radius: 4px;
}
}
#lbOverlay {
#lbOverlay {

Revision as of 10:11, 19 September 2012

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