Team:UT-Tokyo/style.css

From 2010.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<html>
 

Revision as of 09:33, 9 August 2010


@charset "utf-8"; /* CSS Document */

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

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

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

}

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