Template:STYLE CSS

From 2010.igem.org

(Difference between revisions)
(Removing all content from page)
 
Line 1: Line 1:
-
<html>
 
-
<style type="text/css">
 
-
 
-
@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;
 
-
}
 
-
 
-
#footr {
 
-
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;
 
-
 
-
}
 
-
 
-
#footr 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*/
 
-
</style>
 
-
</html>
 

Latest revision as of 09:42, 9 August 2010