Team:NJU China
From 2013.igem.org
(Difference between revisions)
Line 58: | Line 58: | ||
float:left; | float:left; | ||
white-space: nowrap; | white-space: nowrap; | ||
- | top:- | + | top:-10px; |
width: 590px; | width: 590px; | ||
z-index: 5000; | z-index: 5000; | ||
Line 180: | Line 180: | ||
.bl-main { | .bl-main { | ||
position: absolute; | position: absolute; | ||
- | width: | + | width: 99%; |
- | height: | + | height: 99%; |
overflow: hidden; | overflow: hidden; | ||
} | } | ||
Line 187: | Line 187: | ||
.bl-main > section { | .bl-main > section { | ||
position: absolute; | position: absolute; | ||
- | width: | + | width: 33%; |
- | height: | + | height: 33%; |
} | } | ||
Line 199: | Line 199: | ||
.bl-main > section:nth-child(2) { | .bl-main > section:nth-child(2) { | ||
top: 0; | top: 0; | ||
- | left: | + | left: 33%; |
background: #FA987D; | background: #FA987D; | ||
} | } | ||
.bl-main > section:nth-child(3) { | .bl-main > section:nth-child(3) { | ||
- | top: | + | top: 0%; |
- | left: | + | left: 66%; |
background: #72CCA7; | background: #72CCA7; | ||
} | } | ||
.bl-main > section:nth-child(4) { | .bl-main > section:nth-child(4) { | ||
- | top: | + | top: 33%; |
- | left: | + | left: 0%; |
background: #10A296; | background: #10A296; | ||
} | } | ||
+ | .bl-main > section:nth-child(5) { | ||
+ | top: 33%; | ||
+ | left: 33%; | ||
+ | background: #10A296; | ||
+ | } | ||
+ | .bl-main > section:nth-child(6) { | ||
+ | top: 33%; | ||
+ | left: 66%; | ||
+ | background: #10A296; | ||
+ | } | ||
+ | .bl-main > section:nth-child(7) { | ||
+ | top: 66%; | ||
+ | left: 0%; | ||
+ | background: #72CCA7; | ||
+ | } | ||
+ | .bl-main > section:nth-child(8) { | ||
+ | top: 66%; | ||
+ | left: 33%; | ||
+ | background: #FA987D; | ||
+ | } | ||
+ | .bl-main > section:nth-child(9) { | ||
+ | top: 66%; | ||
+ | left: 66%; | ||
+ | background: #F06060; | ||
+ | } | ||
.bl-box { | .bl-box { | ||
position: relative; | position: relative; | ||
Line 271: | Line 296: | ||
<section> | <section> | ||
<div class="bl-box"> | <div class="bl-box"> | ||
- | <a href="http://tympanus.net/Development/ResponsiveMultiLevelMenu/" | + | <a href="http://tympanus.net/Development/ResponsiveMultiLevelMenu/" color="white">HOME</a> |
</div> | </div> | ||
</section> | </section> | ||
Line 285: | Line 310: | ||
</section> | </section> | ||
<section> | <section> | ||
+ | <div class="bl-box"> | ||
+ | <h2>Contact</h2> | ||
+ | </div> | ||
+ | </section> | ||
+ | <section> | ||
+ | <div class="bl-box"> | ||
+ | <h2>Contact</h2> | ||
+ | </div> | ||
+ | </section> | ||
+ | <section> | ||
+ | <div class="bl-box"> | ||
+ | <h2>Contact</h2> | ||
+ | </div> | ||
+ | </section> | ||
+ | <section> | ||
+ | <div class="bl-box"> | ||
+ | <h2>Contact</h2> | ||
+ | </div> | ||
+ | </section> | ||
+ | <section> | ||
+ | <div class="bl-box"> | ||
+ | <h2>Contact</h2> | ||
+ | </div> | ||
+ | </section> | ||
+ | <section> | ||
<div class="bl-box"> | <div class="bl-box"> | ||
<h2>Contact</h2> | <h2>Contact</h2> |
Revision as of 22:09, 24 September 2013
<!DOCTYPE html>