Difference between revisions of "Template:Manchester/CSS1"
| Line 96: | Line 96: | ||
/********************************* menu bar formatting ********************************/ | /********************************* menu bar formatting ********************************/ | ||
nav { | nav { | ||
| + | margin:auto; | ||
text-align: center; | text-align: center; | ||
| − | + | text-weight: bold; | |
} | } | ||
| Line 103: | Line 104: | ||
opacity:1; | opacity:1; | ||
} | } | ||
| + | |||
| + | nav ul ul:hover{ | ||
| + | opacity:1; | ||
| + | } | ||
| + | |||
nav ul{ | nav ul{ | ||
| Line 122: | Line 128: | ||
} | } | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | + | #nav_bar{ | |
| + | position: fixed; | ||
background-color: orange; | background-color: orange; | ||
| − | |||
display:block; | display:block; | ||
font-size:20px; | font-size:20px; | ||
| Line 146: | Line 139: | ||
border-radius: 10px; | border-radius: 10px; | ||
width: 100%; | width: 100%; | ||
| − | left: | + | margin:auto; |
| − | top: | + | left:0; |
| + | top: 18px; | ||
| + | z-index: 999 | ||
} | } | ||
| Line 153: | Line 148: | ||
float: left; | float: left; | ||
position: relative; | position: relative; | ||
| − | |||
} | } | ||
| Line 162: | Line 156: | ||
text-decoration: none; | text-decoration: none; | ||
padding: 5px 15px; | padding: 5px 15px; | ||
| − | + | font-family: "Segoe UI"; | |
} | } | ||
| Line 172: | Line 166: | ||
text-decoration: none; | text-decoration: none; | ||
padding: 5px 15px; | padding: 5px 15px; | ||
| − | + | font-family: "Segoe UI"; | |
} | } | ||
nav ul li:hover > a{ | nav ul li:hover > a{ | ||
color: black; | color: black; | ||
| + | background-color:gold; | ||
text-decoration: none; | text-decoration: none; | ||
| − | + | border-radius: 5px; | |
} | } | ||
nav ul > li:active > a{ | nav ul > li:active > a{ | ||
| − | |||
color: black; | color: black; | ||
| Line 197: | Line 191: | ||
list-style: none; | list-style: none; | ||
border-radius: 10px; | border-radius: 10px; | ||
| + | text-weight: bold; | ||
} | } | ||
| Line 204: | Line 199: | ||
border-bottom: 1px solid black; | border-bottom: 1px solid black; | ||
box-shadow: 0px 0px 9px black; | box-shadow: 0px 0px 9px black; | ||
| + | background: orange; | ||
| + | text-weight: bold; | ||
} | } | ||
| Line 209: | Line 206: | ||
padding: 5px 15px; | padding: 5px 15px; | ||
color: black; | color: black; | ||
| − | font-family: " | + | background-color: orange; |
| + | font-family: "Segoe UI" | ||
} | } | ||
| Line 215: | Line 213: | ||
padding: 5px 15px; | padding: 5px 15px; | ||
color: black; | color: black; | ||
| − | font-family: " | + | background-color: orange; |
| + | font-family: "Segoe UI" | ||
} | } | ||
| − | nav ul ul > li:hover | + | nav ul ul > li:hover a{ |
color: black; | color: black; | ||
| − | |||
box-shadow: 0px 0px 9px black; | box-shadow: 0px 0px 9px black; | ||
background-color: gold; | background-color: gold; | ||
| Line 225: | Line 223: | ||
nav ul > ul > li:active > a{ | nav ul > ul > li:active > a{ | ||
| − | + | ||
} | } | ||
| − | .active { | + | .active nav > ul > li > a{ |
float: left; | float: left; | ||
display: block; | display: block; | ||
} | } | ||
| − | .active a | + | .active nav ul ul li a{ |
| + | float: none; | ||
display: block; | display: block; | ||
| + | |||
| + | } | ||
| + | |||
| + | .active > a:link{ | ||
| + | display: block; | ||
| + | color: black; | ||
text-align: center; | text-align: center; | ||
text-decoration:none; | text-decoration:none; | ||
| − | + | font-weight: bold; | |
| − | + | border-bottom: 2px solid black | |
} | } | ||
| − | .active a:visited{ | + | .active > a:visited{ |
display: block; | display: block; | ||
| + | color: black; | ||
text-align: center; | text-align: center; | ||
text-decoration:none; | text-decoration:none; | ||
| − | + | font-weight: bold; | |
| − | + | border-bottom: 2px solid black | |
} | } | ||
| − | + | .active > a:hover { | |
| − | .active a:hover { | + | color: grey; |
| − | color: | + | background-color: gold; |
} | } | ||
Revision as of 19:41, 13 September 2016
