"
Team:NYMU-Taipei/HeaderCSS
From 2014.igem.org
(Difference between revisions)
m |
m |
||
| (12 intermediate revisions not shown) | |||
| 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 49: | Line 79: | ||
<img src="https://static.igem.org/mediawiki/2014/9/9b/NYMU2014_b5.png" width="60px" style="position:absolute; top:10px; left:300px; "> | <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="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: | + | <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
