Team:NCTU Formosa/source/header-human practice

From 2013.igem.org

(Difference between revisions)
 
(14 intermediate revisions not shown)
Line 2: Line 2:
<style>
<style>
.effect {
.effect {
-
left: 68.75%;
+
  left: 61.11%;
}
}
#cover{
#cover{
-
background:url(http://www.yakimadrainguys.com/wp-content/uploads/2013/08/dark_spot_background_texture_50611_1920x1080.jpg);
+
background:url(https://static.igem.org/mediawiki/2013/2/25/Nctu-cover-human_practice.jpg);
}
}
-
#lbOverlay {
+
.imageRow {
-
z-index:120;
+
max-width:800px;
-
position: absolute;
+
margin:0 auto;
-
top:0;
+
-
left: 0;
+
-
width: 100%;
+
-
height: 100%;
+
-
background-color: #000;
+
-
cursor: pointer;
+
}
}
-
 
+
#imgshow, #imgshow2 {
-
#lbCenter, #lbBottomContainer {
+
padding-top:15px;
-
z-index:120;
+
clear:both;
-
position: absolute;
+
-
left: 50%;
+
-
overflow: hidden;
+
-
background-color: #fff; text-align: center; padding: 5px;
+
}
}
-
 
+
.imageRow .single {
-
.lbLoading {
+
  float: left;
-
z-index:120;
+
-
background: #fff url(https://static.igem.org/mediawiki/2012/4/42/Loading.gif) no-repeat center;
+
}
}
-
 
+
.imageRow .single a {
-
#lbImage {
+
  float: left;
-
z-index:120;
+
  display: block;
-
border: 10px solid #fff;
+
  background: #eee;
 +
  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;
}
}
-
 
+
.imageRow .set {
-
#lbPrevLink, #lbNextLink {
+
  float: left;
-
z-index:120;
+
  background: #efefef;
-
display: block;
+
  -webkit-border-radius: 4px;
-
position: absolute;
+
  -moz-border-radius: 4px;
-
top: 0;
+
  -ms-border-radius: 4px;
-
width: 50%;
+
  -o-border-radius: 4px;
-
outline: none;
+
  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;
}
}
-
 
+
.imageRow .set .single {
-
#lbBottom {
+
width:25%;
-
z-index:120;
+
-
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;
+
}
}
-
 
+
.onlythree .set .single {
-
#lbCloseLink {
+
width:33.33%;
-
z-index:120;
+
-
display: block;
+
-
float: right;
+
-
width: 66px;
+
-
height: 22px;
+
-
background: transparent url(https://static.igem.org/mediawiki/2012/8/8e/Closelabel.gif) no-repeat center;
+
-
margin: 5px 0;
+
}
}
-
#lbCaption, #lbNumber {
+
.imageRow .set .single img {
-
z-index:120;
+
width:100%;
-
margin-right: 71px;
+
}
}
-
#lbCaption {
+
.imageRow .set .single a {
-
z-index:120;
+
width:90%;
-
font-weight: bold;
+
  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;
 +
}
 +
.imageRow .set .single a:hover {
 +
  background-color: rgba(173, 255, 47, 0.75);
 +
  -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);
}
}
</style>
</style>
-
<script src="https://2012.igem.org/Template:Team:NCTU_Formosa/mtool?action=raw"></script>
+
<script src="https://2013.igem.org/Template:Team:NCTU_Formosa/js/vidfit?action=raw"></script>
-
<script src="https://2012.igem.org/Template:Team:NCTU_Formosa/swfo?action=raw"></script>
+
<script>
-
<script src="https://2013.igem.org/Template:Team:NCTU_Formosa/js/vbox?action=raw"></script>
+
  $(document).ready(function(){
 +
    $(".videow").fitVids();
 +
$('a.image').click(function() { return false; });
 +
$('img').each(function(){ $(this).removeAttr('height');$(this).removeAttr('width'); });
 +
  });
 +
</script>

Latest revision as of 14:10, 24 October 2013

Retrieved from "http://2013.igem.org/Team:NCTU_Formosa/source/header-human_practice"