陳沛鴻 Styling tricks
From 2014hs.igem.org
(Difference between revisions)
(15 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
+ | <html> | ||
+ | |||
<head> | <head> | ||
+ | |||
+ | <style media="screen" type="text/css"> | ||
/* Removes header footer and borders */ | /* Removes header footer and borders */ | ||
Line 10: | Line 14: | ||
border: none;} | border: none;} | ||
+ | /* Removes "teams" from the menubar */ | ||
+ | #menubar > ul > li:last-child { | ||
+ | display: none;} | ||
+ | /* Resizes the menubar to fik the links (default is 400px) */ | ||
+ | #menubar { | ||
+ | width: auto;} | ||
+ | |||
+ | |||
+ | body { | ||
+ | margin: 10px 0 0 0; | ||
+ | padding: 0;} | ||
+ | #top-section { | ||
+ | width: 965px; | ||
+ | height: 0; | ||
+ | margin: 0 auto; | ||
+ | padding: 0; | ||
+ | border: none;} | ||
+ | #menubar { | ||
+ | font-size: 65%; | ||
+ | top: -14px;} | ||
+ | .left-menu:hover { | ||
+ | background-color: transparent;} | ||
+ | #menubar li a { | ||
+ | background-color: transparent;} | ||
+ | #menubar:hover { | ||
+ | color: white;} | ||
+ | #menubar li a { | ||
+ | color: transparent;} | ||
+ | #menubar:hover li a { | ||
+ | color: white;} | ||
+ | |||
+ | </style> | ||
</head> | </head> | ||
+ | |||
+ | </html> |
Latest revision as of 01:28, 4 May 2014