Difference between revisions of "Template:NAU-CHINA/header"
| Line 9: | Line 9: | ||
body { | body { | ||
| − | + | font-family: 'Goudy Old Style Regular',sans-serif !important; | |
| − | + | ||
| + | } | ||
| + | |||
| + | * { | ||
| + | box-sizing: border-box; | ||
| + | } | ||
| + | |||
| + | a:link,a:visited { | ||
| + | color: black !important; | ||
} | } | ||
| − | |||
| − | |||
.menu-container { | .menu-container { | ||
| Line 21: | Line 27: | ||
margin: 0 auto; | margin: 0 auto; | ||
padding-right: 30px; | padding-right: 30px; | ||
| + | /*background: #e9e9e9;*/ | ||
} | } | ||
.menu > ul { | .menu > ul { | ||
| + | margin: 0 auto; | ||
| + | width: 100%; | ||
list-style: none; | list-style: none; | ||
padding: 0; | padding: 0; | ||
position: relative; | position: relative; | ||
| + | /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */ | ||
| + | box-sizing: border-box; | ||
| + | } | ||
| + | |||
| + | .menu > ul:before, | ||
| + | .menu > ul:after { | ||
| + | content: ""; | ||
| + | display: table; | ||
| + | } | ||
| + | |||
| + | .menu > ul:after { | ||
| + | clear: both; | ||
} | } | ||
.menu > ul > li { | .menu > ul > li { | ||
float: right; | float: right; | ||
| + | /*background: #e9e9e9;*/ | ||
padding: 0; | padding: 0; | ||
margin: 0; | margin: 0; | ||
| Line 41: | Line 63: | ||
display: block; | display: block; | ||
} | } | ||
| − | + | /* | |
| + | .menu > ul > li:hover { | ||
| + | background: #f0f0f0; | ||
| + | transition: linear 0.5s; | ||
| + | } | ||
| + | */ | ||
.menu > ul > li > ul { | .menu > ul > li > ul { | ||
display: none; | display: none; | ||
width: 100%; | width: 100%; | ||
background-color: whitesmoke; | background-color: whitesmoke; | ||
| + | /*padding: 20px;*/ | ||
position: absolute; | position: absolute; | ||
z-index: 99; | z-index: 99; | ||
| Line 51: | Line 79: | ||
margin: 0; | margin: 0; | ||
list-style: none; | list-style: none; | ||
| + | box-sizing: border-box; | ||
} | } | ||
| + | .menu > ul > li > ul:before, | ||
| + | .menu > ul > li > ul:after { | ||
| + | content: ""; | ||
| + | display: table; | ||
| + | } | ||
| + | |||
| + | .menu > ul > li > ul:after { | ||
| + | clear: both; | ||
| + | } | ||
| + | |||
| + | |||
| + | |||
| + | .menu > ul > li > ul > li a { | ||
| + | color: #777; | ||
| + | /*padding: .2em 0;*/ | ||
| + | width: 100%; | ||
| + | display: block; | ||
| + | border-bottom: 1px solid #ccc; | ||
| + | } | ||
.menu > ul > li > ul.normal-sub { | .menu > ul > li > ul.normal-sub { | ||
| Line 58: | Line 106: | ||
left: auto; | left: auto; | ||
padding: 10px 20px; | padding: 10px 20px; | ||
| + | } | ||
| + | |||
| + | .menu > ul > li > ul.normal-sub:before { | ||
| + | width: 40px; | ||
| + | |||
| + | } | ||
| + | |||
| + | .menu > ul > li > ul.normal-sub > li { | ||
| + | width: 100%; | ||
} | } | ||
.menu > ul > li > ul.normal-sub > li a { | .menu > ul > li > ul.normal-sub > li a { | ||
| + | border: 0; | ||
padding: 1em 0; | padding: 1em 0; | ||
} | } | ||
Revision as of 08:10, 3 October 2018