Template:Team:Styling
From 2012e.igem.org
<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 **/
- logo{width: 412px;margin-top: 45px;}
- banner{width: 1000px;float: left;}
- uiuc{float: left;}
- igem{float: right;margin-top: -10px;}
/* slideshow */
- slideshow-wrap{float: left;clear: left; width: 1000px; margin-top: 10px; background-color: aqua;height: 300px;}
/* nav */
- nav{float: left; clear: left; margin-top: 15px; width: 1000px;}
- nav li{float: left;margin-left: 40px;}
- nav > li:first-child{margin-left: 2px;}
- nav li a{font-family: museoslab; font-size: 18px;color: #5a7bb7; padding-bottom: 5px;border-bottom: 3px solid #f5f5f5;}
- nav li a.active{color: #e45339;border-bottom-color: #e45339;}
- nav li a:hover{color: #e45339;}
/** CONTENT **/
/* home */
- home-content{float: left; clear: left; width: 1000px;text-align: left; margin-top: 30px;}
- home-content h3{float: left; padding-bottom: 8px; border-bottom: solid 1px #c9c9c9;width: 629px; margin-bottom: 15px;}
- home-content p{float: left; clear: left; line-height: 24px; width: 629px; margin-bottom: 20px;}
- igb{float: right;width: 343px;margin-top: 30px;}
/* sponsors */
- sponsors-wrap{float: left; clear: both; width: 1000px; text-align: center;margin-top: 25px; padding-top: 10px; border-top: 1px solid #c9c9c9;}
- sponsors{width: 640px; margin: 0 auto;}
.sponsor-thumb{float: left;margin: 0 15px;} .sponsor-thumb img{max-height: 75px;} </script> </head>