Team:HUST-China/Templates/banner

From 2012.igem.org

(Difference between revisions)
Line 7: Line 7:
<style type="text/css">
<style type="text/css">
-
html, body, div, span, applet, object, iframe,
+
 
-
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+
-
a, abbr, acronym, address, big, cite, code,
+
-
del, dfn, em, font, 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 {
+
-
background: transparent;
+
-
border: 0;
+
-
font-size: 100%;
+
-
margin: 0;
+
-
outline: 0;
+
-
padding: 0;
+
-
vertical-align: baseline;
+
-
list-style:none;
+
-
}
+
body {
body {
/*background: #fff;*/
/*background: #fff;*/
 +
  line-height: 1;
   background-color: #fff;
   background-color: #fff;
-
   background: url(https://static.igem.org/mediawiki/2012/3/3a/Bg.png);
+
  font-family: Calibri, Arial;
-
 
+
  overflow-x: hidden;
 +
   background: url(../imgs/bg.png);
}
}
/*hd--------------------------------------*/
/*hd--------------------------------------*/
#hd{
#hd{
-
        position: relative;
 
width:780px;
width:780px;
-
margin:0px auto;
+
margin:20px auto;
text-align:center;
text-align:center;
-
        z-index:-1;
 
}
}
-
h2{
+
h1{
font-size: 5em;
font-size: 5em;
color:#2e423e;  
color:#2e423e;  
-
margin:0px 0 0 -30px;
+
margin:25px 0 0 -30px;
float:left;
float:left;
width: 600px;
width: 600px;
Line 53: Line 36:
width:100%;
width:100%;
height:30px;
height:30px;
-
background:url(https://static.igem.org/mediawiki/2012/d/df/Under.png);
+
background:url(../imgs/under.png);
background-repeat: repeat-x;
background-repeat: repeat-x;
float:left;
float:left;
Line 60: Line 43:
}
}
 +
/*nav-------------------------------------*/
 +
#nav{
 +
color: #eee;
 +
font-size: 24px;
 +
width:780px;
 +
height:50px;
 +
margin:0 auto;
 +
position:relative;
 +
top:150px;
 +
}
 +
a{
 +
color:#eee;
 +
text-decoration:none;
 +
display:block;
 +
}
 +
a:hover{
 +
cursor:pointer;
 +
background:#2e423e;
 +
}
 +
#nav ul{
 +
position:absolute;
 +
margin:0 auto;
 +
padding:0 25px 0 20px;
 +
background: #5baf8f; /* Old browsers */
 +
background: -moz-linear-gradient(top,  #5baf8f 0%, #498f7d 100%); /* FF3.6+ */
 +
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5baf8f), color-stop(100%,#498f7d)); /* Chrome,Safari4+ */
 +
background: -webkit-linear-gradient(top,  #5baf8f 0%,#498f7d 100%); /* Chrome10+,Safari5.1+ */
 +
background: -o-linear-gradient(top,  #5baf8f 0%,#498f7d 100%); /* Opera 11.10+ */
 +
background: -ms-linear-gradient(top,  #5baf8f 0%,#498f7d 100%); /* IE10+ */
 +
background: linear-gradient(to bottom,  #5baf8f 0%,#498f7d 100%); /* W3C */
 +
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5baf8f', endColorstr='#498f7d',GradientType=0 ); /* IE6-9 */
 +
 +
}
 +
 +
#nav ul li{
 +
float:left;
 +
padding: 12px 14px 15px 14px;
 +
display:block;
 +
text-align:center;
 +
}
 +
#nav ul li:hover{
 +
background:#2e423e;
 +
text-decoration: none;
 +
}
 +
 +
 +
 +
/*main-----------------------------------*/
 +
.main{
 +
width:780px;
 +
margin:0 auto;
 +
position:relative;
 +
}

Revision as of 12:23, 24 September 2012

logo

HUST CHINA

Retrieved from "http://2012.igem.org/Team:HUST-China/Templates/banner"