Team:NCTU Formosa/source/header-team

From 2013.igem.org

(Difference between revisions)
 
(24 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
 +
<META NAME="ROBOTS" CONTENT="noarchive">
<style>
<style>
.effect {
.effect {
-
left: 81.25%;
+
  left: 72.22%;
}
}
#cover{
#cover{
background:url(https://static.igem.org/mediawiki/2013/a/a9/Nctu-cover-team.jpg);
background:url(https://static.igem.org/mediawiki/2013/a/a9/Nctu-cover-team.jpg);
 +
}
 +
div.cont .li {
 +
padding:0;
 +
}
 +
#realcontent {
 +
margin-bottom:10px;
}
}
div.personc {
div.personc {
float:left;
float:left;
-
width: 300px!important;
+
width: 330px!important;
-
margin-right:20px;
+
margin-right: 10px;
-
}
+
margin-bottom: 10px;
-
div.personc div.card{
+
-
width: 100%!important;
+
}
}
div.personc div.card h4 {
div.personc div.card h4 {
Line 54: Line 59:
     border: 2px #228B22 solid;
     border: 2px #228B22 solid;
}
}
-
/* Effect 6: flip (based on http://lab.hakim.se/scroll-effects/ by @hakimel) */
+
.toclevel-3 {
-
.js-masonry {
+
display:none;
-
-webkit-perspective: 1300px;
+
-
-moz-perspective: 1300px;
+
-
perspective: 1300px;
+
-
}
+
-
 
+
-
.js-masonry .li.animate {
+
-
-webkit-transform-style: preserve-3d;
+
-
-moz-transform-style: preserve-3d;
+
-
transform-style: preserve-3d;
+
-
-webkit-transform-origin: 0% 0%;
+
-
-moz-transform-origin: 0% 0%;
+
-
transform-origin: 0% 0%;
+
-
-webkit-transform: rotateX(-80deg);
+
-
-moz-transform: rotateX(-80deg);
+
-
transform: rotateX(-80deg);
+
-
-webkit-animation: flip .8s ease-in-out forwards;
+
-
-moz-animation: flip .8s ease-in-out forwards;
+
-
animation: flip .8s ease-in-out forwards;
+
-
}
+
-
 
+
-
@-webkit-keyframes flip {
+
-
100% { -webkit-transform: rotateX(0deg); opacity: 1; }
+
-
}
+
-
 
+
-
@-moz-keyframes flip {
+
-
100% { -moz-transform: rotateX(0deg); opacity: 1; }
+
}
}
-
 
+
.attribution p {
-
@keyframes flip {
+
text-indent: 30px!important;
-
100% { transform: rotateX(0deg); opacity: 1; }
+
}
}
</style>
</style>
Line 98: Line 76:
});
});
};
};
 +
  $(document).ready(function(){
 +
$('a.image').click(function() { return false; });
 +
$('.floatnone img').each(function(){ $(this).removeAttr('height');$(this).removeAttr('width'); });
 +
  });
</script>
</script>

Latest revision as of 10:57, 16 September 2014