Team:NYMU-Taipei/HeaderCSS
From 2014.igem.org
(Difference between revisions)
m |
m |
||
(15 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 47: | Line 77: | ||
<img src="https://static.igem.org/mediawiki/2014/1/13/NYMU2014_school.png" width="100px" style="float:right; margin-right:50px; "> | <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 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