"
Team:NYMU-Taipei/HeaderCSS
From 2014.igem.org
(Difference between revisions)
m |
m |
||
| (20 intermediate revisions not shown) | |||
| Line 16: | Line 16: | ||
} | } | ||
.bg{ | .bg{ | ||
| - | width: | + | width:1000px; |
margin: 0 auto; | margin: 0 auto; | ||
height:200px; | height:200px; | ||
| Line 26: | Line 26: | ||
.main-content{ | .main-content{ | ||
width:70%; | width:70%; | ||
| - | |||
margin: 0 auto; | margin: 0 auto; | ||
background-color:#FFFFFF; | background-color:#FFFFFF; | ||
| Line 34: | Line 33: | ||
margin-top:85px; | 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="header"> | <div class="header"> | ||
| Line 42: | Line 72: | ||
<html> | <html> | ||
</div> | </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> | </div> | ||
</html> | </html> | ||
Latest revision as of 12:06, 5 May 2014
