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