Team:NYMU-Taipei/HeaderCSS
From 2014.igem.org
(Difference between revisions)
m |
|||
(40 intermediate revisions not shown) | |||
Line 2: | Line 2: | ||
<style type="text/css"> | <style type="text/css"> | ||
+ | body{ | ||
+ | background-color:#F0F8FF; | ||
+ | } | ||
#content{ | #content{ | ||
width:100%; | width:100%; | ||
- | padding: | + | padding:0px; |
+ | border-width:0px; | ||
+ | background-color:#F0F8FF; | ||
} | } | ||
- | #top-section , .firstHeading ,#footer-box{ | + | #top-section , .firstHeading ,#footer-box , #catlinks { |
display:none; | display:none; | ||
height:0; | height:0; | ||
} | } | ||
.bg{ | .bg{ | ||
- | width: | + | width:1000px; |
+ | margin: 0 auto; | ||
+ | height:200px; | ||
+ | margin-top:-10px; | ||
+ | border-radius: 20px; | ||
+ | background-color:#FFFF00; | ||
+ | border: solid 5px #CDBE70; | ||
+ | } | ||
+ | .main-content{ | ||
+ | width:70%; | ||
+ | margin: 0 auto; | ||
+ | background-color:#FFFFFF; | ||
+ | } | ||
+ | |||
+ | .nav-bar{ | ||
+ | margin-top:85px; | ||
+ | } | ||
+ | |||
+ | .left-bar{ | ||
+ | margin-top:40px; | ||
+ | width:180px; | ||
+ | margin-left:10px; | ||
+ | height:250px; | ||
+ | background-image:url(https://static.igem.org/mediawiki/2014/b/b4/NYMU2014_left_sidebar.png); | ||
+ | background-size: 180px 250px; | ||
+ | position:fixed; | ||
+ | } | ||
+ | |||
+ | .left-bar a{ | ||
+ | font: 15px comic sans ms; | ||
+ | cursor:pointer; | ||
+ | } | ||
+ | |||
+ | .left-bar p{ | ||
+ | margin-left:25px; | ||
+ | } | ||
+ | |||
+ | .main-content p{ | ||
+ | margin-left: 20px; | ||
+ | line-height: 1.5em; | ||
+ | font-size: 127%; | ||
+ | } | ||
+ | |||
+ | .main-content span{ | ||
+ | font-size:2em; | ||
+ | color:orange; | ||
} | } | ||
</style> | </style> | ||
- | <div class=" | + | <div class="header"> |
- | <img src="https://static.igem.org/mediawiki/2014/ | + | <div class="bg"> |
+ | <div class="nav-bar"> | ||
+ | </html> | ||
+ | {{:Team:NYMU-Taipei/TopBar}} | ||
+ | <html> | ||
+ | </div> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/e/ed/NYMU2014_b2.png" width="80px" style="position:absolute; top:40px; left:700px;"> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/e/ed/NYMU2014_b2.png" width="60px" style="position:absolute; top:30px; left:900px;"> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/e/ed/NYMU2014_b2.png" width="50px" style="position:absolute; top:50px; left:200px;"> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/1/13/NYMU2014_school.png" width="100px" style="float:right; margin-right:50px; "> | ||
+ | <img id="obj1" src="https://static.igem.org/mediawiki/2014/3/39/NYMU2014_b4.png" width="85px" style="position:absolute; top:80px; left:850px; "> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/9/9b/NYMU2014_b5.png" width="60px" style="position:absolute; top:10px; left:300px; "> | ||
+ | <img id="obj2" src="https://static.igem.org/mediawiki/2014/9/9b/NYMU2014_b5.png" width="60px" style="position:absolute; top:10px; left:300px; "> | ||
+ | <img id="obj3" src="https://static.igem.org/mediawiki/2014/5/58/NYMU2014_b1.png" width="60px" style="position:absolute; top:10px; left:550px; "> | ||
+ | </div> | ||
</div> | </div> | ||
</html> | </html> |
Latest revision as of 12:06, 5 May 2014