"
Team:NJU-QIBEBT/Practice
From 2014.igem.org
(Difference between revisions)
(P) |
|||
| Line 10: | Line 10: | ||
/*============================================================================*/ | /*============================================================================*/ | ||
| - | #header{ | + | #header{ |
| - | + | position: fixed; | |
| - | + | z-index: 100; | |
| - | } | + | } |
| - | #main{ | + | #main{ |
| - | + | margin:0px auto; | |
| - | + | width: 960px; | |
| - | + | position: relative; | |
| - | } | + | } |
| - | .scrubber{ | + | .scrubber{ |
| - | + | position: fixed; | |
| - | + | width: 200px; | |
| - | + | min-height: 200px; | |
| - | + | top: 60px; | |
| - | + | left: 220px; | |
| - | + | z-index: 99; | |
| - | + | background:url("https://static.igem.org/mediawiki/2014/a/a0/NJU_news-bac.png") repeat; | |
| - | } | + | } |
| - | .scrubber p{ | + | .scrubber p{ |
| - | + | color: white; | |
| - | + | height: 30px; | |
| - | + | font-size: 14px; | |
| - | + | z-index:900; | |
| - | } | + | } |
| - | .scrubber p:hover{ | + | .scrubber p:hover{ |
| - | + | cursor: pointer; | |
| - | + | text-shadow:2px 2px 2px #111111; | |
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | + | ||
| - | } | + | |
| + | } | ||
| + | #content2{ | ||
| + | min-height: 1000px; | ||
| + | background: url("https://static.igem.org/mediawiki/2014/c/ce/Vertical_line.png") repeat-y 220px 0; | ||
| + | padding-top: 100px; | ||
| + | padding-left: 260px; | ||
| + | position: relative; | ||
| + | } | ||
| + | .prac{ | ||
| + | background: rgba(255,251,240,0.1); | ||
| + | min-height: 800px; | ||
| + | margin-top: 40px; | ||
| + | position: relative; | ||
| + | box-shadow: 0px 0px 10px #222222; | ||
| + | border-radius: 5px; | ||
| + | } | ||
| + | .prac h3{ | ||
| + | font-size: 30px; | ||
| + | text-align: center; | ||
| + | color: #d6ecf0; | ||
| + | text-shadow: 0 0 4px #75878a; | ||
| + | } | ||
| Line 184: | Line 199: | ||
<div id="main"> | <div id="main"> | ||
| - | <div class="scrubber"> | + | <div class="scrubber"> |
| - | <p></p> | + | <p></p> |
| - | <p></p> | + | <p></p> |
| - | <p>1:Synthetic biology free debate</p> | + | <p id="scru1">1:Synthetic biology free debate</p> |
| - | <p>2:Reach the unreached</p> | + | <p id="scru2">2:Reach the unreached</p> |
| - | <p>3:Synthetic biology workshop</p> | + | <p id="scru3">3:Synthetic biology workshop</p> |
| - | <p>4:Collaboration</p> | + | <p id="scru4">4:Collaboration</p> |
| - | </div> | + | </div> |
| - | <div id="content2"></div> | + | <div id="content2"> |
| + | <div id="prac1" class="prac"> | ||
| + | <h3>Synthetic biology free debate</h3> | ||
| + | </div> | ||
| + | <div id="prac2" class="prac"> | ||
| + | <h3>Reach the unreached</h3> | ||
| + | |||
| + | </div> | ||
| + | <div id="prac3" class="prac"> | ||
| + | <h3>Synthetic biology workshop</h3> | ||
| + | |||
| + | </div> | ||
| + | <div id="prac4" class="prac"> | ||
| + | <h3>Collaboration</h3> | ||
| + | |||
| + | </div> | ||
| + | </div> | ||
</div> | </div> | ||
<div id="footer"></div> | <div id="footer"></div> | ||
Revision as of 08:56, 17 September 2014
1:Synthetic biology free debate
2:Reach the unreached
3:Synthetic biology workshop
4:Collaboration
