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:-6px;
+
     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: 100%;
+
width: 99%;
-
height: 100%;
+
height: 99%;
overflow: hidden;
overflow: hidden;
}
}
Line 187: Line 187:
.bl-main > section {
.bl-main > section {
position: absolute;
position: absolute;
-
width: 50%;
+
width: 33%;
-
height: 50%;
+
height: 33%;
}
}
Line 199: Line 199:
.bl-main > section:nth-child(2) {
.bl-main > section:nth-child(2) {
top: 0;
top: 0;
-
left: 50%;
+
left: 33%;
background: #FA987D;
background: #FA987D;
}
}
.bl-main > section:nth-child(3) {
.bl-main > section:nth-child(3) {
-
top: 50%;
+
top: 0%;
-
left: 0;
+
left: 66%;
background: #72CCA7;
background: #72CCA7;
}
}
.bl-main > section:nth-child(4) {
.bl-main > section:nth-child(4) {
-
top: 50%;
+
top: 33%;
-
left: 50%;
+
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/"><font color="white" size=10>HOME</font></a>
+
                     <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>

Works

Blog

Contact

Contact

Contact

Contact

Contact

Contact