CSS/gifu/home

From 2014.igem.org

(Difference between revisions)
 
(100 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
 
-
<SCRIPT LANGUAGE="JavaScript">
 
-
var now = new Date();
 
-
 
-
var days = new Array('Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday');
 
-
 
-
var months = new Array('January','February','March','April','May','June','July','August','September','October','November','December');
 
-
 
-
var date = ((now.getDate()<10) ? "0" : "")+ now.getDate();
 
-
 
-
function fourdigits(number) {
 
-
return (number < 1000) ? number + 1900 : number;
 
-
}
 
-
today =  days[now.getDay()] + ", " +
 
-
        months[now.getMonth()] + " " +
 
-
        date + ", " +
 
-
        (fourdigits(now.getYear())) ;
 
-
 
-
document.write(today);
 
-
</script>
 
-
 
-
////////////////// end of test
 
 +
//// test-->
Line 44: 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 71: Line 82:
#menu2 {
#menu2 {
-
   display:inline;
+
   position:absolute;
 +
  top:160px;
 +
  left:600px;
 +
  width:100px;
 +
  z-index:10000;
}
}
 +
 
 +
#menu3 {
 +
  position:absolute;
 +
  top:410px;
 +
  left:520px;
 +
  width:100px;
 +
  z-index:10000;
 +
}
 +
 
 +
#menu4 {
 +
  position:absolute;
 +
  top:410px;
 +
  left:240px;
 +
  width:100px;
 +
  z-index:10000;
 +
}
 +
 
 +
#menu5 {
 +
  position:absolute;
 +
  top:160px;
 +
  left:160px;
 +
  width:120px;
 +
  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 118: Line 198:
}
}
 +
#kouzityuu {
 +
  font-size:500%;
 +
  color:white;
 +
}
</style>
</style>
</style>
</style>

Latest revision as of 14:24, 17 October 2014

Retrieved from "http://2014.igem.org/CSS/gifu/home"