Team:HKU HK

From 2012.igem.org

(Difference between revisions)
Line 5: Line 5:
<link rel="stylesheet" type="text/css" href="style.css" />
<link rel="stylesheet" type="text/css" href="style.css" />
<title>SlickRed | florida web design</title>
<title>SlickRed | florida web design</title>
 +
 +
 +
<style media="screen" type="text/css">
 +
 +
body {
 +
margin: 0;
 +
padding: 0;
 +
text-align: left;
 +
font: 12px Arial, Helvetica, sans-serif;
 +
font-size: 13px;
 +
color: #061C37;
 +
background: #FACFCF;
 +
background-image:url(images/background.png);
 +
background-repeat:repeat-x;
 +
}
 +
*
 +
{
 +
  margin: 0 auto 0 auto;
 +
text-align:left;}
 +
 +
#container
 +
{
 +
  display: block;
 +
  height:auto;
 +
  position: relative;
 +
  width: 960px;
 +
}
 +
 +
 +
#header
 +
{
 +
height:85px;
 +
width:960px;
 +
}
 +
 +
#header h1
 +
{
 +
position:absolute;
 +
text-align:left;
 +
color:#FFFFFF;
 +
font-size:43px;
 +
color:#FFF;
 +
left:14px;
 +
top:18px;
 +
}
 +
 +
 +
#header h2
 +
{
 +
position:absolute;
 +
text-align:right;
 +
color:#FFD5D5;
 +
left:490px;
 +
top:38px;
 +
width:400px;
 +
}
 +
 +
#mainpic
 +
{
 +
background-image:url(images/main.jpg);
 +
background-repeat:no-repeat;
 +
width:900px;
 +
height:354px;
 +
}
 +
 +
 +
 +
.off
 +
{
 +
color:#300;
 +
}
 +
 +
 +
#menu
 +
{
 +
display:block;
 +
float:left;
 +
clear:both;
 +
width:960px;
 +
height:54px;
 +
float:left;
 +
clear:both;
 +
}
 +
 +
#leftmenu
 +
{
 +
margin-top:15px;
 +
width:204px;
 +
float:left;
 +
}
 +
 +
#leftmenu_top
 +
{
 +
width:204px;
 +
height:13px;
 +
background-image:url(images/leftmenu_top.png);
 +
}
 +
#leftmenu_bottom
 +
{
 +
width:204px;
 +
height:13px;
 +
background-image:url(images/leftmenu_bottom.png);
 +
}
 +
#leftmenu_main
 +
{
 +
width:204px;
 +
height:auto;
 +
background-color:#420000;
 +
}
 +
 +
#leftmenu_main ul
 +
{
 +
list-style: none;
 +
padding: 0px;
 +
width:204px;
 +
}
 +
 +
 +
#leftmenu_main h3
 +
{
 +
list-style: none;
 +
padding: 0px;
 +
width:204px;
 +
color:#FFFFFF;
 +
padding-left:10px;
 +
padding-bottom:14px;
 +
}
 +
 +
#leftmenu_main ul li
 +
{
 +
list-style: none;
 +
padding: 0px;
 +
width:204px;
 +
text-align:left;
 +
}
 +
 +
#leftmenu_main ul li a, #leftmenu_main ul li a:visited
 +
{
 +
display:block;
 +
list-style: none;
 +
padding: 0px;
 +
width:192px;
 +
padding-left:12px;
 +
padding-top:4px;
 +
height:30px;
 +
text-align:left;
 +
background-image:url(images/leftmenu_link.png);
 +
background-repeat:repeat-x;
 +
margin-top:5px;
 +
color:#FFFFFF;
 +
text-decoration:none;
 +
font-size:15px;
 +
font-weight:bold;
 +
}
 +
 +
#leftmenu_main ul li a:hover
 +
{
 +
color:#EED7D7;
 +
 +
 +
}
 +
 +
 +
 +
 +
#content
 +
{
 +
display:block;
 +
float:left;
 +
width:689px;
 +
height:auto;
 +
padding-left:10px;
 +
padding-top:15px;
 +
padding-right:10px;
 +
padding-bottom:5px;
 +
}
 +
 +
 +
#content_top
 +
{
 +
background-image:url(images/main_top.png);
 +
background-repeat:no-repeat;
 +
width:689px;
 +
height:23px;
 +
}
 +
 +
#content_main
 +
{
 +
background-image:url(images/main_back.png);
 +
background-repeat:repeat-y;
 +
width:659px;
 +
padding-left:15px;
 +
padding-right:15px;
 +
}
 +
 +
#content_bottom
 +
{
 +
background-image:url(images/main_bottom.png);
 +
background-repeat:no-repeat;
 +
width:689px;
 +
height:23px;
 +
}
 +
 +
 +
 +
 +
 +
 +
 +
 +
#footer
 +
{
 +
width:inherit;
 +
height:auto;
 +
}
 +
 +
#footer h3 a,#footer h3 a:visited
 +
{
 +
display:inline;
 +
text-align:center;
 +
font-size:12px;
 +
text-decoration:none;
 +
color:#FFF;
 +
}
 +
 +
 +
#menu ul {
 +
list-style: none;
 +
padding: 0px;
 +
margin-left:auto;
 +
width:960px;
 +
}
 +
 +
#menu li {
 +
list-style: none;
 +
padding: 0px;
 +
display: inline;
 +
 +
}
 +
 +
#menu a {
 +
float: left;
 +
height: 36px;
 +
display: block;
 +
text-align: center;
 +
text-decoration: none;
 +
color: #ffffff;
 +
font-weight: bold;
 +
padding-top: 18px;
 +
font-size: 15px;
 +
padding-left:13px;
 +
padding-right:13px;
 +
 +
}
 +
 +
#menu a:hover{
 +
background-image:url(images/link_background.png);
 +
background-repeat:repeat-x;
 +
}
 +
 +
#content p
 +
{
 +
 +
}
 +
 +
 +
html, body {
 +
text-align: center;
 +
}
 +
p {text-align: left;}
 +
 +
 +
</style>
</head>
</head>
 +
 +

Revision as of 13:05, 7 September 2012

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> SlickRed | florida web design

You may use this template in any manner you like. All I ask is that you leave the link back to my site at the bottom of the page.

 

 

Template Notes

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

 

More information

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

 

Template Notes

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

 

Retrieved from "http://2012.igem.org/Team:HKU_HK"