CSS/gifu/home
From 2014.igem.org
(Difference between revisions)
(86 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=" | + | <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: | + | margin-top:auto; |
margin-left:auto; | margin-left:auto; | ||
margin-right:auto; | margin-right:auto; | ||
- | width: | + | 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: | + | 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: | + | left:370px; |
width:100px; | width:100px; | ||
z-index:10000; | z-index:10000; | ||
Line 53: | Line 83: | ||
#menu2 { | #menu2 { | ||
position:absolute; | position:absolute; | ||
- | top: | + | top:160px; |
- | left: | + | left:600px; |
width:100px; | width:100px; | ||
z-index:10000; | z-index:10000; | ||
Line 61: | Line 91: | ||
#menu3 { | #menu3 { | ||
position:absolute; | position:absolute; | ||
- | top: | + | top:410px; |
- | left: | + | left:520px; |
width:100px; | width:100px; | ||
z-index:10000; | z-index:10000; | ||
Line 69: | Line 99: | ||
#menu4 { | #menu4 { | ||
position:absolute; | position:absolute; | ||
- | top: | + | top:410px; |
- | left: | + | left:240px; |
width:100px; | width:100px; | ||
z-index:10000; | z-index:10000; | ||
Line 77: | Line 107: | ||
#menu5 { | #menu5 { | ||
position:absolute; | position:absolute; | ||
- | top: | + | top:160px; |
- | left: | + | left:160px; |
- | width: | + | 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