Team:NYMU-Taipei/HeaderCSS

From 2014.igem.org

(Difference between revisions)
m
 
(46 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
<style type="text/css">
<style type="text/css">
 +
 +
body{
 +
  background-color:#F0F8FF;
 +
}
#content{
#content{
   width:100%;
   width:100%;
 +
  padding:0px;
 +
  border-width:0px;
 +
  background-color:#F0F8FF;
 +
}
 +
#top-section , .firstHeading ,#footer-box , #catlinks {
 +
  display:none;
 +
  height:0;
}
}
-
 
.bg{
.bg{
-
   width:100%;
+
   width:1000px;
-
   position:absolute;
+
  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(http://2014.igem.org/wiki/images/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="bg">
+
<div class="header">
-
     <img src="http://2014.igem.org/wiki/images/0/07/NYMU2014_bg.jpg">
+
     <div class="bg">
 +
      <div class="nav-bar">
 +
</html>
 +
{{:Team:NYMU-Taipei/TopBar}}
 +
<html>
 +
      </div>
 +
      <img src="http://2014.igem.org/wiki/images/e/ed/NYMU2014_b2.png" width="80px" style="position:absolute; top:40px; left:700px;">
 +
      <img src="http://2014.igem.org/wiki/images/e/ed/NYMU2014_b2.png" width="60px" style="position:absolute; top:30px; left:900px;">
 +
      <img src="http://2014.igem.org/wiki/images/e/ed/NYMU2014_b2.png" width="50px" style="position:absolute; top:50px; left:200px;">
 +
      <img src="http://2014.igem.org/wiki/images/1/13/NYMU2014_school.png" width="100px" style="float:right; margin-right:50px; ">
 +
      <img id="obj1" src="http://2014.igem.org/wiki/images/3/39/NYMU2014_b4.png" width="85px" style="position:absolute; top:80px; left:850px; ">
 +
      <img src="http://2014.igem.org/wiki/images/9/9b/NYMU2014_b5.png" width="60px" style="position:absolute; top:10px; left:300px; ">
 +
      <img id="obj2" src="http://2014.igem.org/wiki/images/9/9b/NYMU2014_b5.png" width="60px" style="position:absolute; top:10px; left:300px; ">
 +
      <img id="obj3" src="http://2014.igem.org/wiki/images/5/58/NYMU2014_b1.png" width="60px" style="position:absolute; top:10px; left:550px; ">
 +
    </div>
</div>
</div>
</html>
</html>

Latest revision as of 12:06, 5 May 2014