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%;
-
  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 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:0px; left:550px; ">
+
       <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 class="main-content">
+
     </div>
     </div>
</div>
</div>
</html>
</html>

Latest revision as of 12:06, 5 May 2014