Team:NYMU-Taipei/HeaderCSS

From 2014.igem.org

(Difference between revisions)
m
m
 
(28 intermediate revisions not shown)
Line 9: Line 9:
   padding:0px;
   padding:0px;
   border-width:0px;
   border-width:0px;
 +
  background-color:#F0F8FF;
}
}
#top-section , .firstHeading ,#footer-box , #catlinks {
#top-section , .firstHeading ,#footer-box , #catlinks {
Line 15: Line 16:
}
}
.bg{
.bg{
-
   width:100%;
+
   width:1000px;
-
   margin-top:-80px;
+
  margin: 0 auto;
 +
  height:200px;
 +
   margin-top:-10px;
 +
  border-radius: 20px;
 +
  background-color:#FFFF00;
 +
  border: solid 5px #CDBE70;
 +
}
 +
.main-content{
 +
  width:70%;
 +
  margin: 0 auto;
 +
  background-color:#FFFFFF;
}
}
 +
.nav-bar{
 +
  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">
     <div class="bg">
     <div class="bg">
-
        <img src="https://static.igem.org/mediawiki/2014/0/07/NYMU2014_bg.jpg" width="100%" >
+
      <div class="nav-bar">
-
    </div>
+
</html>
-
    <div>
+
{{:Team:NYMU-Taipei/TopBar}}
 +
<html>
 +
      </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