Template:Team:HKU-HKBU/style.css
From 2009.igem.org
(Difference between revisions)
YinanZhang (Talk | contribs) |
|||
(48 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; | ||
Line 152: | Line 151: | ||
#leftnav div.tabone | #leftnav div.tabone | ||
{ | { | ||
- | padding: | + | padding:4px 12px; |
width:167px; | width:167px; | ||
height:16px; | height:16px; | ||
Line 188: | Line 187: | ||
#leftnav div.tabtwo | #leftnav div.tabtwo | ||
{ | { | ||
- | padding: | + | padding:4px 12px; |
width:167px; | width:167px; | ||
height:16px; | height:16px; | ||
Line 224: | Line 223: | ||
#leftnav div.tabzerosel | #leftnav div.tabzerosel | ||
{ | { | ||
- | padding: | + | padding:4px 12px; |
width:167px; | width:167px; | ||
height:16px; | height:16px; | ||
Line 260: | Line 259: | ||
#leftnav div.tabonesel | #leftnav div.tabonesel | ||
{ | { | ||
- | padding: | + | padding:4px 12px; |
width:167px; | width:167px; | ||
height:16px; | height:16px; | ||
Line 296: | Line 295: | ||
#leftnav div.tabtwosel | #leftnav div.tabtwosel | ||
{ | { | ||
- | padding: | + | padding:4px 12px; |
width:167px; | width:167px; | ||
height:16px; | height:16px; | ||
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: | + | height:12px; |
- | background-color: | + | background-color:#6699FF; |
- | font:bold | + | 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