CSS/gifu/home

From 2014.igem.org

(Difference between revisions)
 
(98 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
 
-
<!-- this script got from www.javascriptfreecode.com coded by: Krishna Eydat-->
 
-
<html>
 
-
<head>
 
-
<script language="javascript" type="text/javascript">
 
-
alert("Welcome to my site")
 
-
</script>
 
-
</head>
 
-
</html>     
 
-
<font face="Tahoma"><a target="_blank" href="http://www.javascriptfreecode.com/"><span style="font-size: 8pt; text-decoration: none">JavaScript Free Code</span></a></font>
 
 +
//// test-->
-
 
-
///// end of test
 
Line 34: 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 61: 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 108: Line 198:
}
}
 +
#kouzityuu {
 +
  font-size:500%;
 +
  color:white;
 +
}
</style>
</style>
</style>
</style>

Latest revision as of 14:24, 17 October 2014