CSS/gifu/home
From 2014.igem.org
(Difference between revisions)
(58 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{ | ||
Line 31: | Line 41: | ||
margin-left:auto; | margin-left:auto; | ||
margin-right:auto; | margin-right:auto; | ||
- | height: | + | height:700px; |
- | width: | + | 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 55: | Line 84: | ||
position:absolute; | position:absolute; | ||
top:160px; | top:160px; | ||
- | left: | + | left:600px; |
width:100px; | width:100px; | ||
z-index:10000; | z-index:10000; | ||
Line 63: | Line 92: | ||
position:absolute; | position:absolute; | ||
top:410px; | top:410px; | ||
- | left: | + | left:520px; |
width:100px; | width:100px; | ||
z-index:10000; | z-index:10000; | ||
Line 71: | Line 100: | ||
position:absolute; | position:absolute; | ||
top:410px; | top:410px; | ||
- | left: | + | left:240px; |
width:100px; | width:100px; | ||
z-index:10000; | z-index:10000; | ||
Line 79: | Line 108: | ||
position:absolute; | position:absolute; | ||
top:160px; | top:160px; | ||
- | left: | + | left:160px; |
- | width: | + | width:120px; |
z-index:10000; | z-index:10000; | ||
} | } | ||
Line 86: | Line 115: | ||
#fukidasi1{ | #fukidasi1{ | ||
position:absolute; | position:absolute; | ||
- | top: | + | top:40px; |
- | left: | + | left:245px; |
z-index:20000; | z-index:20000; | ||
visibility:hidden; | visibility:hidden; | ||
+ | width:400px; | ||
+ | height:400px; | ||
} | } | ||
Line 95: | Line 126: | ||
position:absolute; | position:absolute; | ||
top:140px; | top:140px; | ||
- | left: | + | left:320px; |
z-index:20000; | z-index:20000; | ||
visibility:hidden; | visibility:hidden; | ||
Line 102: | Line 133: | ||
#fukidasi3{ | #fukidasi3{ | ||
position:absolute; | position:absolute; | ||
- | top: | + | top:130px; |
- | left: | + | left:330px; |
z-index:20000; | z-index:20000; | ||
visibility:hidden; | visibility:hidden; | ||
Line 110: | Line 141: | ||
#fukidasi4{ | #fukidasi4{ | ||
position:absolute; | position:absolute; | ||
- | top: | + | top:100px; |
- | left: | + | left:300px; |
z-index:20000; | z-index:20000; | ||
visibility:hidden; | visibility:hidden; | ||
Line 118: | Line 149: | ||
#fukidasi5{ | #fukidasi5{ | ||
position:absolute; | position:absolute; | ||
- | top: | + | top:150px; |
- | left: | + | left:290px; |
z-index:20000; | z-index:20000; | ||
- | visibility:hidden; | + | visibility:hidden; |
} | } | ||
Line 167: | Line 198: | ||
} | } | ||
+ | #kouzityuu { | ||
+ | font-size:500%; | ||
+ | color:white; | ||
+ | } | ||
</style> | </style> | ||
</style> | </style> |
Latest revision as of 14:24, 17 October 2014