Team:NYMU-Taipei/HeaderCSS

From 2014.igem.org

(Difference between revisions)
m
m
 
(17 intermediate revisions not shown)
Line 26: Line 26:
.main-content{
.main-content{
   width:70%;
   width:70%;
-
  height:100px;
 
   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 46: Line 76:
       <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/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 src="https://static.igem.org/mediawiki/2014/1/13/NYMU2014_school.png" width="100px" style="float:right; margin-right:50px; ">
-
    </div>
+
      <img id="obj1" src="https://static.igem.org/mediawiki/2014/3/39/NYMU2014_b4.png" width="85px" style="position:absolute; top:80px; left:850px; ">
-
    <div class="main-content">
+
      <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