Team:NYMU-Taipei/HeaderCSS
From 2014.igem.org
(Difference between revisions)
m |
|||
(41 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
<style type="text/css"> | <style type="text/css"> | ||
- | + | ||
- | + | body{ | |
- | + | background-color:#F0F8FF; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | #content{ | |
- | + | width:100%; | |
- | + | padding:0px; | |
- | + | border-width:0px; | |
+ | background-color:#F0F8FF; | ||
} | } | ||
- | + | #top-section , .firstHeading ,#footer-box , #catlinks { | |
- | + | display:none; | |
+ | height:0; | ||
} | } | ||
- | + | .bg{ | |
- | + | 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