Team:HUST-China/Templates/style.css

From 2012.igem.org

(Difference between revisions)
HUST XueYu (Talk | contribs)
(Created page with "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, sa...")
Newer edit →

Revision as of 11:28, 24 September 2012

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