CSS/gifu/home

From 2014.igem.org

(Difference between revisions)
 
(74 intermediate revisions not shown)
Line 3: Line 3:
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Script-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/css">
-
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript">
+
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
-
</script>
+
-
 
+
<!--////// test
<!--////// test
Line 25: Line 23:
}
}
*/
*/
 +
 +
#uroboros {
 +
  position:relative;
 +
  margin-left:auto;
 +
  margin-right:auto;
 +
  z-index:1;
 +
  }
 +
 +
#boros {
 +
  width:595px;
 +
  height:292px;
 +
}
#base{
#base{
   position:relative;
   position:relative;
-
   top:130px;
+
   margin-top:auto;
   margin-left:auto;
   margin-left:auto;
   margin-right:auto;  
   margin-right:auto;  
-
   width:500px;  
+
 height:700px;
 +
   width:900px;  
   z-index:100;
   z-index:100;
}
}
 +
 +
#ribosome{
 +
  width:120px;
 +
  height:120px;
 +
}
 +
 +
#rib{
 +
  font-size:35px;
 +
  visibility:hidden;
 +
  color:white;
 +
}
 +
 +
#stopme{
 +
  position:absolute;
 +
  top:180px;
 +
  left:280px;
 +
  z-index:900;
 +
  visibility:visible;
 +
#point{
#point{
   position:absolute;
   position:absolute;
   top:200px;
   top:200px;
-
   left:600px;
+
   left:450px;
   transform: rotate(0 deg);
   transform: rotate(0 deg);
   z-index:1000;
   z-index:1000;
-
  }
+
}
#menu1 {
#menu1 {
   position:absolute;
   position:absolute;
   top:10px;
   top:10px;
-
   left:170px;
+
   left:370px;
   width:100px;
   width:100px;
   z-index:10000;
   z-index:10000;
Line 54: Line 84:
   position:absolute;
   position:absolute;
   top:160px;
   top:160px;
-
   left:400px;
+
   left:600px;
   width:100px;
   width:100px;
   z-index:10000;
   z-index:10000;
Line 62: Line 92:
   position:absolute;
   position:absolute;
   top:410px;
   top:410px;
-
   left:320px;
+
   left:520px;
   width:100px;
   width:100px;
   z-index:10000;
   z-index:10000;
Line 70: Line 100:
   position:absolute;
   position:absolute;
   top:410px;
   top:410px;
-
   left:40px;
+
   left:240px;
   width:100px;
   width:100px;
   z-index:10000;
   z-index:10000;
Line 78: Line 108:
   position:absolute;
   position:absolute;
   top:160px;
   top:160px;
-
   left:170px;
+
   left:160px;
-
   width:100px;
+
   width:120px;
   z-index:10000;
   z-index:10000;
}   
}   
 +
#fukidasi1{
 +
  position:absolute;
 +
  top:40px;
 +
  left:245px;
 +
  z-index:20000;
 +
  visibility:hidden;
 +
  width:400px;
 +
  height:400px;
 +
}
 +
 +
#fukidasi2{
 +
  position:absolute;
 +
  top:140px;
 +
  left:320px;
 +
  z-index:20000;
 +
  visibility:hidden;
 +
}
 +
 +
#fukidasi3{
 +
  position:absolute;
 +
  top:130px;
 +
  left:330px;
 +
  z-index:20000;
 +
  visibility:hidden;
 +
}
 +
 +
#fukidasi4{
 +
  position:absolute;
 +
  top:100px;
 +
  left:300px;
 +
  z-index:20000;
 +
  visibility:hidden;
 +
}
 +
 +
#fukidasi5{
 +
  position:absolute;
 +
  top:150px;
 +
  left:290px;
 +
  z-index:20000;
 +
  visibility:hidden;
 +
}
.tabs {
.tabs {
Line 127: Line 198:
}
}
 +
#kouzityuu {
 +
  font-size:500%;
 +
  color:white;
 +
}
</style>
</style>
</style>
</style>

Latest revision as of 14:24, 17 October 2014