Template:Team:HKU-HKBU/style.css



{ width:965px; font-size:100%; background-color:white; }
 * 1) wrapper

{ margin:0px 7px 12px; width:951px; height:300px; cursor:default; }
 * 1) topnav

{ width:951px; height:100px; background-color:transparent; }
 * 1) topnav div.topblock

{ float:left; height:20px; background-color:transparent; }
 * 1) topnav div.block

{ float:left; padding:4px 0px; height:12px; background-color:transparent; font:bold 0.75em verdana,sans-serif; text-align:center; }
 * 1) topnav div.tab

{ color:white; text-decoration:none; }
 * 1) topnav div.tab a:link

{ color:white; text-decoration:none; }
 * 1) topnav div.tab a:visited

{ color:orange; text-decoration:none; }
 * 1) topnav div.tab a:hover

{ color:orange; text-decoration:none; }
 * 1) topnav div.tab a:active

{ float:left; padding:4px 0px; height:12px; background-color:white; font:bold 0.75em verdana,sans-serif; text-align:center; }
 * 1) topnav div.tabsel

{ color:chocolate; text-decoration:none; }
 * 1) topnav div.tabsel a:link

{ color:chocolate; text-decoration:none; }
 * 1) topnav div.tabsel a:visited

{ color:orange; text-decoration:none; }
 * 1) topnav div.tabsel a:hover

{ color:orange; text-decoration:none; }
 * 1) topnav div.tabsel a:active

{ float:left; margin:0px 12px 12px 7px; width:191px; background-color:white; cursor:default; }
 * 1) leftnav

{ width:191px; }
 * 1) leftnav div.block

{ padding:4px 12px; width:167px; height:16px; background-color:transparent; font:bold 1em verdana,sans-serif; text-align:left; }
 * 1) leftnav div.tabzero

{ color:saddlebrown; text-decoration:none; }
 * 1) leftnav div.tabzero a:link

{ color:saddlebrown; text-decoration:none; }
 * 1) leftnav div.tabzero a:visited

{ color:saddlebrown; font-style:italic; text-decoration:none; }
 * 1) leftnav div.tabzero a:hover

{ color:saddlebrown; font-style:italic; text-decoration:none; }
 * 1) leftnav div.tabzero a:active

{ padding:4px 12px; width:167px; height:16px; background-color:transparent; font:bold 1em verdana,sans-serif; text-align:left; }
 * 1) leftnav div.tabone

{ color:chocolate; text-decoration:none; }
 * 1) leftnav div.tabone a:link

{ color:chocolate; text-decoration:none; }
 * 1) leftnav div.tabone a:visited

{ color:chocolate; font-style:italic; text-decoration:none; }
 * 1) leftnav div.tabone a:hover

{ color:chocolate; font-style:italic; text-decoration:none; }
 * 1) leftnav div.tabone a:active

{ padding:4px 12px; width:167px; height:16px; background-color:transparent; font:1em verdana,sans-serif; text-align:left; }
 * 1) leftnav div.tabtwo

{ color:chocolate; text-decoration:none; }
 * 1) leftnav div.tabtwo a:link

{ color:chocolate; text-decoration:none; }
 * 1) leftnav div.tabtwo a:visited

{ color:chocolate; font-style:italic; text-decoration:none; }
 * 1) leftnav div.tabtwo a:hover

{ color:chocolate; font-style:italic; text-decoration:none; }
 * 1) leftnav div.tabtwo a:active

{ padding:4px 12px; width:167px; height:16px; background-color:chocolate; font:bold 1em verdana,sans-serif; text-align:left; }
 * 1) leftnav div.tabzerosel

{ color:white; text-decoration:none; }
 * 1) leftnav div.tabzerosel a:link

{ color:white; text-decoration:none; }
 * 1) leftnav div.tabzerosel a:visited

{ color:white; font-style:italic; text-decoration:none; }
 * 1) leftnav div.tabzerosel a:hover

{ color:white; font-style:italic; text-decoration:none; }
 * 1) leftnav div.tabzerosel a:active

{ padding:4px 12px; width:167px; height:16px; background-color:chocolate; font:bold 1em verdana,sans-serif; text-align:left; }
 * 1) leftnav div.tabonesel

{ color:white; text-decoration:none; }
 * 1) leftnav div.tabonesel a:link

{ color:white; text-decoration:none; }
 * 1) leftnav div.tabonesel a:visited

{ color:white; font-style:italic; text-decoration:none; }
 * 1) leftnav div.tabonesel a:hover

{ color:white; font-style:italic; text-decoration:none; }
 * 1) leftnav div.tabonesel a:active

{ padding:4px 12px; width:167px; height:16px; background-color:chocolate; font:1em verdana,sans-serif; text-align:left; }
 * 1) leftnav div.tabtwosel

{ color:white; text-decoration:none; }
 * 1) leftnav div.tabtwosel a:link

{ color:white; text-decoration:none; }
 * 1) leftnav div.tabtwosel a:visited

{ color:white; font-style:italic; text-decoration:none; }
 * 1) leftnav div.tabtwosel a:hover

{ color:white; font-style:italic; text-decoration:none; }
 * 1) leftnav div.tabtwosel a:active

{ float:left; margin:0px 7px 12px 0px; width:748px; height:auto; }
 * 1) mainbox

{ margin:33px 0px 12px; border:2px solid #6699FF; padding:12px; width:720px; height:auto; font-family:calibri,sans-serif; font-size: 15px; text-align:justify; }
 * 1) wikicontent

{ width:748px; height:294px; }
 * 1) sponsorlogosbox

{ padding:4px 14px; width:720px; height:12px; background-color:#6699FF; font:bold 0.75em verdana,sans-serif; color:white; }
 * 1) sponsortag

{ border:2px solid #6699FF; padding:12px; width:720px; height:240px; }
 * 1) sponsorlogos

div.sponsorlogo { float:left; width:240px; height:60px; }

img.sponsorlogo { border:0px; width:240px; height:60px; }

.glossymenu{ margin: 0px 0px 15px 0px; padding: 0; width: 191px; /*width of menu*/ border: 1px solid #9A9A9A; border-bottom-width: 0; }

.glossymenu a.menuitem{ background: #6699FF url(http://2009.igem.org/wiki/images/e/ee/Glossyback_1.gif) repeat-x bottom left; font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif; color: white; display: block; position: relative; /*To help in the anchoring of the ".statusicon" icon image*/ width: auto; padding: 4px 0; padding-left: 10px; text-decoration: none; }

.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{ color: white; }

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/ position: absolute; top: 5px; right: 5px; border: none; }

.glossymenu a.menuitem:hover{ background-image: url(http://2009.igem.org/wiki/images/f/fa/Glossyback_2.gif); }

.glossymenu div.submenu{ /*DIV that contains each sub menu*/ background: white; }

.glossymenu div.submenu ul{ /*UL of each sub menu*/ list-style-type: none; margin: 0; padding: 0; }

.glossymenu div.submenu ul li{ border-bottom: 1px solid blue; display: block; }

.glossymenu div.submenu ul li a{ display: block; font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif; color: black; text-decoration: none; padding: 2px 0; padding-left: 10px; }

.glossymenu div.submenu ul li a:hover{ background: #DFDCCB; colorz: white; }

float:left; width:100%; background-image:url(http://2009.igem.org/wiki/images/e/ee/Glossyback_1.gif); font-size:93%; line-height:normal; }
 * 1) tabs {

margin:0; padding:10px 0px 0 20px; list-style:none; }
 * 1) tabs ul {

display:inline; margin:0; padding:0; }
 * 1) tabs li {

float:left; background:url("http://2009.igem.org/wiki/images/8/8f/Tableft.gif") no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; }
 * 1) tabs a {

font: bold 11px/1.5em Verdana; float:left; display:block; background:url("http://2009.igem.org/wiki/images/8/85/Tabright.gif") no-repeat right top; padding:5px 15px 4px 6px; color:#666; }
 * 1) tabs a span {

/* Commented Backslash Hack hides rule from IE5-Mac \*/
 * 1) tabs a span {float:none;}

/* End IE5-Mac hack */ color:#FF9834; }
 * 1) tabs a:hover span {

background-position:0% -42px; }
 * 1) tabs a:hover {

background-position:100% -42px; } span.highlight { color:chocolate; }
 * 1) tabs a:hover span {