Team:NYMU-Taipei/HeaderCSS

From 2014.igem.org

(Difference between revisions)
m
 
(41 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
<style type="text/css">
<style type="text/css">
-
html, body, div, span, applet, object, iframe,
+
 
-
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+
body{
-
a, abbr, acronym, address, big, cite, code,
+
  background-color:#F0F8FF;
-
del, dfn, em, img, ins, kbd, q, s, samp,
+
-
small, strike, strong, sub, sup, tt, var,
+
-
b, u, i, center,
+
-
dl, dt, dd, ol, ul, li,
+
-
fieldset, form, label, legend,
+
-
table, caption, tbody, tfoot, thead, tr, th, td,
+
-
article, aside, canvas, details, embed,
+
-
figure, figcaption, footer, header, hgroup,
+
-
menu, nav, output, ruby, section, summary,
+
-
time, mark, audio, video {
+
-
margin: 0;
+
-
padding: 0;
+
-
border: 0;
+
-
font-size: 100%;
+
-
font: inherit;
+
-
vertical-align: baseline;
+
}
}
-
/* HTML5 display-role reset for older browsers */
+
#content{
-
article, aside, details, figcaption, figure,
+
  width:100%;
-
footer, header, hgroup, menu, nav, section {
+
  padding:0px;
-
display: block;
+
  border-width:0px;
 +
  background-color:#F0F8FF;
}
}
-
body {
+
#top-section , .firstHeading ,#footer-box , #catlinks {
-
line-height: 1;
+
  display:none;
 +
  height:0;
}
}
-
ol, ul {
+
.bg{
-
list-style: none;
+
  width:1000px;
 +
  margin: 0 auto;
 +
  height:200px;
 +
  margin-top:-10px;
 +
  border-radius: 20px;
 +
  background-color:#FFFF00;
 +
  border: solid 5px #CDBE70;
}
}
-
blockquote, q {
+
.main-content{
-
quotes: none;
+
  width:70%;
 +
  margin: 0 auto;
 +
  background-color:#FFFFFF;
}
}
-
blockquote:before, blockquote:after,
+
 
-
q:before, q:after {
+
.nav-bar{
-
content: '';
+
  margin-top:85px;
-
content: none;
+
}
}
-
table {
+
 
-
border-collapse: collapse;
+
.left-bar{
-
border-spacing: 0;
+
  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;
}
}
-
#content{
+
 
-
   width:100%;
+
.left-bar a{
 +
   font: 15px comic sans ms;
 +
  cursor:pointer;
}
}
-
#top-section , .firstHeading ,#footer-box{
+
 
-
   display:none;
+
.left-bar p{
-
  height:0;
+
   margin-left:25px;
}
}
-
.bg{
+
 
-
   width:100%;
+
.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="https://static.igem.org/mediawiki/2014/0/07/NYMU2014_bg.jpg" width="100%">
+
     <div class="bg">
 +
      <div class="nav-bar">
 +
</html>
 +
{{: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>
</html>
</html>

Latest revision as of 12:06, 5 May 2014