Team:HUST-China/Templates/style.css

From 2012.igem.org

Revision as of 11:28, 24 September 2012 by HUST XueYu (Talk | contribs)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

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 { /*background: #fff;*/

 line-height: 1;
 background-color: #fff;
 font-family: Calibri, Arial;
 overflow-x: hidden;
 background: url(../imgs/bg.png);

}

/*hd--------------------------------------*/

  1. hd{

width:780px; margin:20px auto; text-align:center; } h1{ font-size: 5em; color:#2e423e; margin:25px 0 0 -30px; float:left; width: 600px; height: 90px; }

/*underline-------------------------------*/

  1. under{

width:100%; height:30px; background:url(../imgs/under.png); background-repeat: repeat-x; float:left; margin-top:40px; position:relative; }

/*nav-------------------------------------*/

  1. 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; }

  1. 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 */

}

  1. nav ul li{

float:left; padding: 12px 14px 15px 14px; display:block; text-align:center; }

  1. nav ul li:hover{

background:#2e423e; text-decoration: none; }


/*main-----------------------------------*/ .main{ width:780px; margin:0 auto; position:relative; }