Template:Team:Styling

From 2012e.igem.org

Revision as of 19:15, 20 October 2012 by Adi25 (Talk | contribs)

<head> <script> /*** RESET STYLES ***/

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 { margin: 0; padding: 0; border: 0; outline: 0; font-size: 14px; font-family: Helvetica, Arial, sans-serif; vertical-align: baseline; background: transparent; text-decoration: none; list-style: none; }

@font-face { font-family: museoslab; src: url('20EAB6_0_0.ttf'); }

h1, h2, h3, h4 { font-family: museoslab, Arial; color: #404040; }

h1{font-size: xx-large;} h2{font-size: x-large;} h3{font-size: large}

/** WRAPPERS **/

html{ background: #f5f5f5; width: 1000px; margin: 0 auto; text-align: center; }

/** header **/

  1. logo{width: 412px;margin-top: 45px;}
  1. banner{width: 1000px;float: left;}
  2. uiuc{float: left;}
  3. igem{float: right;margin-top: -10px;}

/* slideshow */

  1. slideshow-wrap{float: left;clear: left; width: 1000px; margin-top: 10px; background-color: aqua;height: 300px;}

/* nav */

  1. nav{float: left; clear: left; margin-top: 15px; width: 1000px;}
  2. nav li{float: left;margin-left: 40px;}
  3. nav > li:first-child{margin-left: 2px;}
  4. nav li a{font-family: museoslab; font-size: 18px;color: #5a7bb7; padding-bottom: 5px;border-bottom: 3px solid #f5f5f5;}
  5. nav li a.active{color: #e45339;border-bottom-color: #e45339;}
  6. nav li a:hover{color: #e45339;}


/** CONTENT **/

/* home */

  1. home-content{float: left; clear: left; width: 1000px;text-align: left; margin-top: 30px;}
  2. home-content h3{float: left; padding-bottom: 8px; border-bottom: solid 1px #c9c9c9;width: 629px; margin-bottom: 15px;}
  3. home-content p{float: left; clear: left; line-height: 24px; width: 629px; margin-bottom: 20px;}
  4. igb{float: right;width: 343px;margin-top: 30px;}

/* sponsors */

  1. sponsors-wrap{float: left; clear: both; width: 1000px; text-align: center;margin-top: 25px; padding-top: 10px; border-top: 1px solid #c9c9c9;}
  2. sponsors{width: 640px; margin: 0 auto;}

.sponsor-thumb{float: left;margin: 0 15px;} .sponsor-thumb img{max-height: 75px;} </script> </head>