"
Template:Team:HKU-HKBU/style.css
From 2009.igem.org
(Difference between revisions)
YinanZhang (Talk | contribs) |
|||
| (50 intermediate revisions not shown) | |||
| Line 13: | Line 13: | ||
margin:0px 7px 12px; | margin:0px 7px 12px; | ||
width:951px; | width:951px; | ||
| - | height: | + | height:300px; |
| - | + | ||
cursor:default; | cursor:default; | ||
} | } | ||
| Line 116: | Line 115: | ||
#leftnav div.tabzero | #leftnav div.tabzero | ||
{ | { | ||
| - | padding: | + | padding:4px 12px; |
width:167px; | width:167px; | ||
height:16px; | height:16px; | ||
background-color:transparent; | background-color:transparent; | ||
| - | font:bold | + | font:bold 1em verdana,sans-serif; |
text-align:left; | text-align:left; | ||
} | } | ||
| Line 152: | Line 151: | ||
#leftnav div.tabone | #leftnav div.tabone | ||
{ | { | ||
| - | padding: | + | padding:4px 12px; |
width:167px; | width:167px; | ||
height:16px; | height:16px; | ||
background-color:transparent; | background-color:transparent; | ||
| - | font:bold | + | font:bold 1em verdana,sans-serif; |
text-align:left; | text-align:left; | ||
} | } | ||
| Line 188: | Line 187: | ||
#leftnav div.tabtwo | #leftnav div.tabtwo | ||
{ | { | ||
| - | padding: | + | padding:4px 12px; |
width:167px; | width:167px; | ||
height:16px; | height:16px; | ||
background-color:transparent; | background-color:transparent; | ||
| - | font: | + | font:1em verdana,sans-serif; |
text-align:left; | text-align:left; | ||
} | } | ||
| Line 224: | Line 223: | ||
#leftnav div.tabzerosel | #leftnav div.tabzerosel | ||
{ | { | ||
| - | padding: | + | padding:4px 12px; |
width:167px; | width:167px; | ||
height:16px; | height:16px; | ||
background-color:chocolate; | background-color:chocolate; | ||
| - | font:bold | + | font:bold 1em verdana,sans-serif; |
text-align:left; | text-align:left; | ||
} | } | ||
| Line 260: | Line 259: | ||
#leftnav div.tabonesel | #leftnav div.tabonesel | ||
{ | { | ||
| - | padding: | + | padding:4px 12px; |
width:167px; | width:167px; | ||
height:16px; | height:16px; | ||
background-color:chocolate; | background-color:chocolate; | ||
| - | font:bold | + | font:bold 1em verdana,sans-serif; |
text-align:left; | text-align:left; | ||
} | } | ||
| Line 296: | Line 295: | ||
#leftnav div.tabtwosel | #leftnav div.tabtwosel | ||
{ | { | ||
| - | padding: | + | padding:4px 12px; |
width:167px; | width:167px; | ||
height:16px; | height:16px; | ||
background-color:chocolate; | background-color:chocolate; | ||
| - | font: | + | font:1em verdana,sans-serif; |
text-align:left; | text-align:left; | ||
} | } | ||
| Line 340: | Line 339: | ||
#wikicontent | #wikicontent | ||
{ | { | ||
| - | margin: | + | margin:33px 0px 12px; |
| - | border:2px solid | + | border:2px solid #6699FF; |
padding:12px; | padding:12px; | ||
width:720px; | width:720px; | ||
height:auto; | height:auto; | ||
font-family:calibri,sans-serif; | font-family:calibri,sans-serif; | ||
| + | font-size: 15px; | ||
text-align:justify; | text-align:justify; | ||
} | } | ||
| Line 357: | Line 357: | ||
#sponsortag | #sponsortag | ||
{ | { | ||
| - | padding: | + | padding:4px 14px; |
width:720px; | width:720px; | ||
height:12px; | height:12px; | ||
| - | background-color: | + | background-color:#6699FF; |
font:bold 0.75em verdana,sans-serif; | font:bold 0.75em verdana,sans-serif; | ||
color:white; | color:white; | ||
| Line 367: | Line 367: | ||
#sponsorlogos | #sponsorlogos | ||
{ | { | ||
| - | border:2px solid | + | border:2px solid #6699FF; |
padding:12px; | padding:12px; | ||
width:720px; | width:720px; | ||
| Line 385: | Line 385: | ||
width:240px; | width:240px; | ||
height:60px; | 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(https://static.igem.org/mediawiki/2009/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(https://static.igem.org/mediawiki/2009/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; | ||
| + | } | ||
| + | |||
| + | #tabs { | ||
| + | float:left; | ||
| + | width:100%; | ||
| + | background-image:url(https://static.igem.org/mediawiki/2009/e/ee/Glossyback_1.gif); | ||
| + | font-size:93%; | ||
| + | line-height:normal; | ||
| + | } | ||
| + | |||
| + | #tabs ul { | ||
| + | margin:0; | ||
| + | padding:10px 0px 0 20px; | ||
| + | list-style:none; | ||
| + | } | ||
| + | |||
| + | #tabs li { | ||
| + | display:inline; | ||
| + | margin:0; | ||
| + | padding:0; | ||
| + | } | ||
| + | |||
| + | #tabs a { | ||
| + | float:left; | ||
| + | background:url("https://static.igem.org/mediawiki/2009/8/8f/Tableft.gif") no-repeat left top; | ||
| + | margin:0; | ||
| + | padding:0 0 0 4px; | ||
| + | text-decoration:none; | ||
| + | } | ||
| + | |||
| + | #tabs a span { | ||
| + | font: bold 11px/1.5em Verdana; | ||
| + | float:left; | ||
| + | display:block; | ||
| + | background:url("https://static.igem.org/mediawiki/2009/8/85/Tabright.gif") no-repeat right top; | ||
| + | padding:5px 15px 4px 6px; | ||
| + | color:#666; | ||
| + | } | ||
| + | |||
| + | /* Commented Backslash Hack hides rule from IE5-Mac \*/ | ||
| + | #tabs a span {float:none;} | ||
| + | |||
| + | /* End IE5-Mac hack */ | ||
| + | #tabs a:hover span { | ||
| + | color:#FF9834; | ||
| + | } | ||
| + | |||
| + | #tabs a:hover { | ||
| + | background-position:0% -42px; | ||
| + | } | ||
| + | |||
| + | #tabs a:hover span { | ||
| + | background-position:100% -42px; | ||
| + | } | ||
| + | span.highlight { | ||
| + | color:chocolate; | ||
} | } | ||
</style> | </style> | ||
<html> | <html> | ||
Latest revision as of 15:18, 21 October 2009
