Team:UT-Tokyo/style.css

From 2010.igem.org

Revision as of 09:33, 9 August 2010 by Tomoaki (Talk | contribs)

@charset "utf-8"; /* CSS Document */ #allcontent { width: 950px; } ul li { text-align:center; border: 0px; padding: 0px; background-color: transparent; list-style: circle; list-style-position:inside; float:left; } a:link ,a:visited{ color:#6F6; text-decoration:none; } a:hover ,a:active{ color:#F90; text-decoration:underline overline; } body { margin:0px auto 0px auto; width: 900px; padding-left: 25px; padding-right: 25px; font-family: Arial, Helvetica, sans-serif; font-size:14px; line-height:170%; background-color:#CCC; } body > div { margin: 0px 40px 0px 40px; border-left-style:solid; border-right-style:solid; border-left-width:thin; border-right-width:thin; padding-left: 10px; padding-right: 10px; width: 800px; display:block; background-color:#FFF; overflow:hidden; } /*header*/ #top_header { background: url(image/top3.png) no-repeat; background-color:transparent; margin:0px; padding: 228px 11px 7px 11px; width:779px; height:40px; display: block; } /* menu code */ ul#menu { margin:0px; } ul#menu,ul#menu>li { border: 0px; padding: 0px; background-color: transparent; list-style: none; list-style-position:inside; } /*button size and text hack*/ ul#menu li,ul#menu a { display:block; float:left; margin:3px 4px 5px 4px; width:120px; height:40px; border:0px; font-size:0px; color:transparent; } /*button size and text hack end*/ /*dynamic system*/ ul#menu a{ background-color:transparent; background:url(image/menu.png) no-repeat; } ul#menu #home:link,#home:visited{ background-position:0px 0px; } ul#menu #home:hover,#home:active{ background-position:0px -40px; } ul#menu #project:link,#project:visited{ background-position:-120px 0px; } ul#menu #project:hover,#project:active{ background-position:-120px -40px; } ul#menu #team:link,#team:visited{ background-position:-240px 0px; } ul#menu #team:hover,#team:active{ background-position:-240px -40px; } ul#menu #note:link,#note:visited{ background-position:-360px 0px; } ul#menu #note:hover,#note:active{ background-position:-360px -40px; } ul#menu #online:link,#online:visited{ background-position:-480px 0px; } ul#menu #online:hover,#online:active{ background-position:-480px -40px; } ul#menu #contact:link,#contact:visited{ background-position:-600px 0px; } ul#menu #contact:hover,#contact:active{ background-position:-600px -40px; } /*dynamic system end*/ /*menu code end*/ /*header end*/ /*main contents*/ div#main { margin:14px 5px 10px 10px; padding:50px 10px 0px 10px; border:0px 0px 0px 0px; width:545px; background:url(image/cont_projectd_s1.gif) no-repeat; background-position:inherit; background-color:transparent; text-align:left; text-indent:1em; text-transform:none; float:left; display:block; } div#rightside { margin:14px 10px 10px 0px; padding:53px 10px 0px 10px; border:0px 0px 0px 0px; width:190px; background:url(image/cont_twitter_s1.gif) no-repeat; background-position:top; background-color:transparent; text-align:left; text-indent:0em; text-transform:none; float:right; display:block; } #footer { margin:0px 10px 0px 10px; padding:0px 10px 0px 10px; border:thin; background-color:#663; color:#CCC; clear:both; display:block; overflow:hidden; text-align:center; font-size:12px; } #footer ul,#footer li{ padding: 0px 30px 0px 30px; display:inline-block; background-color:transparent; azimuth:center; } p.zeromargin { margin:0px; padding:0px; border:none; } /*round box maker*/ .round{ -moz-border-radius:5px ;-webkit-border-radius:5px; } .round-top-right{ -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; } .round-right{ -moz-border-radius-topright:5px; -moz-border-radius-bottomright:5px; -webkit-border-top-right-radius:5px; -webkit-border-bottom-right-radius:5px; } .round-bottom-right{ -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; } .round-bottom{ -moz-border-radius-topright:0; -moz-border-radius-topleft:0; -moz-border-radius-bottomright:5px; -moz-border-radius-bottomleft:5px; -webkit-border-top-right-radius:0; -webkit-border-top-left-radius:0; -webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px; } .round-bottom-left{ -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; } .round-left{ -moz-border-radius-topleft:5px; -moz-border-radius-bottomleft:5px; -webkit-border-top-left-radius:5px; -webkit-border-bottom-left-radius:5px; } .round-top-left{ -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; } .round-top{ -moz-border-radius-topright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-bottomright:0; -moz-border-radius-bottomleft:0; -webkit-border-top-right-radius:5px; -webkit-border-top-left-radius:5px; -webkit-border-bottom-right-radius:0; -webkit-border-bottom-left-radius:0; } /*round box maker end*/