Team:NCTU Formosa/source/header-team

From 2013.igem.org

(Difference between revisions)
 
(32 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(http://www.blirk.net/wallpapers/1280x1024/rain-wallpaper-2.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 23: Line 28:
margin-top:10px;
margin-top:10px;
margin-bottom:20px;
margin-bottom:20px;
 +
}
 +
.card p {
 +
text-indent:0!important;
}
}
td ul li a {
td ul li a {
-
height: 30px;
+
height: 25px;
-
line-height: 30px;
+
line-height: 25px;
 +
font-size:12px;
}
}
.advisers .card h4 .mw-headline:after {
.advisers .card h4 .mw-headline:after {
-
     content: "ADVISERS";
+
     content: "ADVISER";
     background:#800000;
     background:#800000;
     color:white;
     color:white;
Line 39: Line 48:
     border: 2px #800000 solid;
     border: 2px #800000 solid;
}
}
-
/* Effect 6: flip (based on http://lab.hakim.se/scroll-effects/ by @hakimel) */
+
.advisers-i .card h4 .mw-headline:after {
-
.js-masonry {
+
    content: "INSTRUCTOR";
-
-webkit-perspective: 1300px;
+
    background:#228B22;
-
-moz-perspective: 1300px;
+
    color:white;
-
perspective: 1300px;
+
    float:right;
-
}
+
    font-size:11px;
-
 
+
    -webkit-border-radius: 2px;
-
.js-masonry .li.animate {
+
    -moz-border-radius: 2px;
-
-webkit-transform-style: preserve-3d;
+
    border-radius: 2px;
-
-moz-transform-style: preserve-3d;
+
    border: 2px #228B22 solid;
-
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; }
+
}
}
-
 
+
.toclevel-3 {
-
@-moz-keyframes flip {
+
display:none;
-
100% { -moz-transform: rotateX(0deg); opacity: 1; }
+
}
}
-
 
+
.attribution p {
-
@keyframes flip {
+
text-indent: 30px!important;
-
100% { transform: rotateX(0deg); opacity: 1; }
+
}
}
</style>
</style>
-
<script src="http://masonry.desandro.com/masonry.pkgd.min.js"></script>
+
<script src="https://2013.igem.org/Team:Team:NCTU_Formosa/js/masonry.pkgd?action=raw&ctype=text/javascript"></script>
 +
<script src="https://2013.igem.org/Team:Team:NCTU_Formosa/js/imagesloaded?action=raw&ctype=text/javascript"></script>
 +
<script>
 +
window.onload = function()
 +
                {
 +
var $container = $('#membersnadvisers');
 +
$container.imagesLoaded( function() {
 +
  $container.masonry();
 +
});
 +
};
 +
  $(document).ready(function(){
 +
$('a.image').click(function() { return false; });
 +
$('.floatnone img').each(function(){ $(this).removeAttr('height');$(this).removeAttr('width'); });
 +
  });
 +
</script>

Latest revision as of 10:57, 16 September 2014

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