Difference between revisions of "Template:SJTU-BioX-Shanghai/Alpha/Header"
| Line 19: | Line 19: | ||
color: #91B798; | color: #91B798; | ||
} | } | ||
| + | |||
| + | /* layout BEGIN */ | ||
#content { | #content { | ||
width: 100%; | width: 100%; | ||
| Line 34: | Line 36: | ||
/* padding-right: 30px; */ | /* padding-right: 30px; */ | ||
overflow: visible; | overflow: visible; | ||
| − | |||
| − | |||
| − | |||
} | } | ||
nav > div:first-child { | nav > div:first-child { | ||
| − | + | display: block; | |
| − | height: | + | height: 80px; |
text-align: center; | text-align: center; | ||
line-height: 80px; | line-height: 80px; | ||
| + | |||
font-family: "Tahoma, Geneva, sans-serif"; | font-family: "Tahoma, Geneva, sans-serif"; | ||
font-size: 2.2em; | font-size: 2.2em; | ||
| Line 51: | Line 51: | ||
list-style: none; | list-style: none; | ||
width: 280px; | width: 280px; | ||
| − | background-color: # | + | background-color: #71B798; |
} | } | ||
nav > ul > li { | nav > ul > li { | ||
| Line 60: | Line 60: | ||
nav li { | nav li { | ||
margin-bottom: 1px; | margin-bottom: 1px; | ||
| − | background-color: # | + | background-color: #EEE; |
} | } | ||
nav li:last-child { | nav li:last-child { | ||
| Line 74: | Line 74: | ||
line-height: 40px; | line-height: 40px; | ||
} | } | ||
| + | /* layout END */ | ||
| + | |||
| + | |||
| + | /* color & font BEGIN */ | ||
| + | nav { | ||
| + | background-color: #EEEEEE; | ||
| + | color: #91B798; | ||
| + | font-family: "Tahoma, Geneva, sans-serif"; | ||
| + | } | ||
| + | /* color & font END */ | ||
| + | |||
| + | /* animation BEGIN */ | ||
| + | /* animation END */ | ||
nav > ul > li:first-child > a { | nav > ul > li:first-child > a { | ||
background-color: green; | background-color: green; | ||
| Line 93: | Line 106: | ||
opacity: 0; | opacity: 0; | ||
height: 0px; | height: 0px; | ||
| + | width: 0px | ||
| + | overflow: hidden; | ||
} | } | ||
nav > ul > li:hover > ul, nav > ul > li > ul:hover { | nav > ul > li:hover > ul, nav > ul > li > ul:hover { | ||
| + | transition-delay: 0s; | ||
opacity: 0.99; | opacity: 0.99; | ||
| − | height: | + | height: initial; |
| + | width: initial; | ||
} | } | ||
Revision as of 04:05, 10 August 2015