Team:NCTU Formosa/source/head-index

From 2014.igem.org

(Difference between revisions)
 
(13 intermediate revisions not shown)
Line 13: Line 13:
z-index: 2;
z-index: 2;
top:50%;
top:50%;
 +
cursor:pointer;
}
}
Line 266: Line 267:
}
}
#description .wordbox {
#description .wordbox {
-
margin-top:100px;
+
top: -17%;
padding:30pt;
padding:30pt;
font-weight:300;
font-weight:300;
Line 274: Line 275:
text-align:justify;
text-align:justify;
text-justify:inter-word;
text-justify:inter-word;
-
   background-color: rgba(99, 99, 99, 0.2);
+
   background-color: rgba(156, 156, 156, 0.76);
     border-radius: 30px;
     border-radius: 30px;
-
     opacity: 0.94;
+
     opacity: 0;
float:left;
float:left;
-
color: rgba(246, 246, 246, 0.04);
+
color: white;
z-index: 1;
z-index: 1;
position: relative;
position: relative;
-
transition:All 0.6145s ease;
+
box-shadow: 0px 0px 12px 7px #B7600B;
-
-webkit-transition:All 0.6145s ease;
+
letter-spacing: 1px;
-
-moz-transition:All 0.6145s ease;
+
-
-o-transition:All 0.6145s ease;
+
-
transform: rotate(0deg) scale(0.500) skew(0deg) translate(-1px);
+
-
-webkit-transform: rotate(0deg) scale(0.500) skew(0deg) translate(-1px);
+
-
-moz-transform: rotate(0deg) scale(0.500) skew(0deg) translate(-1px);
+
-
-o-transform: rotate(0deg) scale(0.500) skew(0deg) translate(-1px);
+
-
-ms-transform: rotate(0deg) scale(0.500) skew(0deg) translate(-1px);
+
}
}
-
#description .wordbox:hover {
 
-
background-color: rgba(99, 99, 99, 1);
 
-
color:white;
 
-
box-shadow: 0px 0px 12px 7px rgba(221, 187, 70, 1);
 
-
transform: rotate(0deg) scale(0.821) skew(0deg) translate(-1px);
 
-
-webkit-transform: rotate(0deg) scale(0.821) skew(0deg) translate(-1px);
 
-
-moz-transform: rotate(0deg) scale(0.821) skew(0deg) translate(-1px);
 
-
-o-transform: rotate(0deg) scale(0.821) skew(0deg) translate(-1px);
 
-
-ms-transform: rotate(0deg) scale(0.821) skew(0deg) translate(-1px);
 
-
}
 
-
 
-
 
}
}
Line 664: Line 646:
   });
   });
});
});
 +
</script>
 +
 +
<script>
 +
$(document).ready(function(){
 +
  $(".attach").click(function(){
 +
    $(".wordbox").animate({
 +
      opacity:'1'
 +
 +
    });
 +
$(".attach").animate({
 +
      opacity:'0 '
 +
    });
 +
 +
  });
 +
});
 +
 +
</script>
</script>

Latest revision as of 03:55, 18 October 2014