Team:NCTU Formosa/source/head-index

From 2014.igem.org

(Difference between revisions)
 
(25 intermediate revisions not shown)
Line 2: Line 2:
<style>
<style>
.wordbox p{
.wordbox p{
-
  color: lime;
 
   font-family: "Courier";
   font-family: "Courier";
   font-size: 20px;
   font-size: 20px;
   margin: 10px 0 0 10px;
   margin: 10px 0 0 10px;
-
  white-space: nowrap;
 
   overflow: hidden;
   overflow: hidden;
   
   
}
}
-
 
+
.attach{
 +
margin-left: 30%;
 +
position: relative;
 +
z-index: 2;
 +
top:50%;
 +
cursor:pointer;
 +
}
.wordbox p a{
.wordbox p a{
Line 216: Line 220:
background-image: url(https://static.igem.org/mediawiki/2014/5/5a/NCTU_wiki_Backdround.jpg);
background-image: url(https://static.igem.org/mediawiki/2014/5/5a/NCTU_wiki_Backdround.jpg);
background-position: center top;
background-position: center top;
-
margin-bottom:150pt;
+
margin-bottom:10pt;
}
}
#sitemap {
#sitemap {
Line 263: Line 267:
}
}
#description .wordbox {
#description .wordbox {
-
margin-top:100px;
+
top: -17%;
-
padding:20px;
+
padding:30pt;
font-weight:300;
font-weight:300;
width:98%;
width:98%;
Line 271: 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:white;
+
color: white;
-
-webkit-transition: background 1s ease-in;
+
z-index: 1;
-
-moz-transition: background 1s ease-in;
+
position: relative;
-
-ms-transition: background 1s ease-in;
+
box-shadow: 0px 0px 12px 7px #B7600B;
-
-o-transition: background 1s ease-in;
+
letter-spacing: 1px;
-
transition: background 1s ease-in;
+
-
}
+
-
#description .wordbox:hover {
+
-
  background-color: rgba(99, 99, 99, 1);
 
-
 
-
    opacity: 1;
 
-
float:left;
 
-
color:white;
 
-
-webkit-transition: background 1s ease-in;
 
-
-moz-transition: background 1s ease-in;
 
-
-ms-transition: background 1s ease-in;
 
-
-o-transition: background 1s ease-in;
 
-
transition: background 1s ease-in;
 
}
}
-
 
-
 
}
}
Line 657: 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