CSS/gifu/home
From 2014.igem.org
(Difference between revisions)
(52 intermediate revisions not shown) | |||
Line 23: | Line 23: | ||
} | } | ||
*/ | */ | ||
+ | |||
+ | #uroboros { | ||
+ | position:relative; | ||
+ | margin-left:auto; | ||
+ | margin-right:auto; | ||
+ | z-index:1; | ||
+ | } | ||
+ | |||
+ | #boros { | ||
+ | width:595px; | ||
+ | height:292px; | ||
+ | } | ||
#base{ | #base{ | ||
Line 29: | 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{ | #ribosome{ | ||
- | width: | + | width:120px; |
- | height: | + | 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; | ||
Line 50: | Line 76: | ||
position:absolute; | position:absolute; | ||
top:10px; | top:10px; | ||
- | left: | + | left:370px; |
width:100px; | width:100px; | ||
z-index:10000; | z-index:10000; | ||
Line 58: | Line 84: | ||
position:absolute; | position:absolute; | ||
top:160px; | top:160px; | ||
- | left: | + | left:600px; |
width:100px; | width:100px; | ||
z-index:10000; | z-index:10000; | ||
Line 66: | Line 92: | ||
position:absolute; | position:absolute; | ||
top:410px; | top:410px; | ||
- | left: | + | left:520px; |
width:100px; | width:100px; | ||
z-index:10000; | z-index:10000; | ||
Line 74: | Line 100: | ||
position:absolute; | position:absolute; | ||
top:410px; | top:410px; | ||
- | left: | + | left:240px; |
width:100px; | width:100px; | ||
z-index:10000; | z-index:10000; | ||
Line 82: | Line 108: | ||
position:absolute; | position:absolute; | ||
top:160px; | top:160px; | ||
- | left: | + | left:160px; |
- | width: | + | width:120px; |
z-index:10000; | z-index:10000; | ||
} | } | ||
Line 89: | 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 98: | Line 126: | ||
position:absolute; | position:absolute; | ||
top:140px; | top:140px; | ||
- | left: | + | left:320px; |
z-index:20000; | z-index:20000; | ||
visibility:hidden; | visibility:hidden; | ||
Line 105: | 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 113: | 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 121: | 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 170: | Line 198: | ||
} | } | ||
+ | #kouzityuu { | ||
+ | font-size:500%; | ||
+ | color:white; | ||
+ | } | ||
</style> | </style> | ||
</style> | </style> |
Latest revision as of 14:24, 17 October 2014