Difference between revisions of "Template:Team:Calgary/StyleSheets/styling.css"
| (47 intermediate revisions by the same user not shown) | |||
| Line 66: | Line 66: | ||
font-size:28px; | font-size:28px; | ||
text-transform: uppercase; | text-transform: uppercase; | ||
| − | |||
} | } | ||
| Line 152: | Line 151: | ||
top: 0; /* Position the navbar at the top of the page */ | top: 0; /* Position the navbar at the top of the page */ | ||
width: 70%; /* Full width */ | width: 70%; /* Full width */ | ||
| − | text-align: | + | text-align: left; |
margin-top: 1.5rem; | margin-top: 1.5rem; | ||
background-color: #d24f2b; | background-color: #d24f2b; | ||
| Line 164: | Line 163: | ||
background-size: 100%; | background-size: 100%; | ||
| − | background-position: 0px - | + | background-position: 0px -35px; |
} | } | ||
| Line 170: | Line 169: | ||
#TopBar li { | #TopBar li { | ||
list-style: none; | list-style: none; | ||
| + | } | ||
| + | |||
| + | #TopBar ul ul li{ | ||
| + | float: none; | ||
| + | position: relative; | ||
| + | font-family: 'Varela Round'; | ||
| + | color: #faece5; | ||
| + | font-weight: 900; | ||
| + | text-transform: uppercase; | ||
| + | } | ||
| + | |||
| + | #TopBar ul ul ul{ | ||
| + | position: absolute; | ||
| + | left: 100%; | ||
| + | top: 0; | ||
| + | margin: 0; | ||
} | } | ||
| Line 223: | Line 238: | ||
.toggle-menu{ | .toggle-menu{ | ||
display: none; | display: none; | ||
| + | } | ||
| + | |||
| + | #drop{ | ||
| + | margin-top: -1rem; | ||
} | } | ||
.toggle-drop{ | .toggle-drop{ | ||
display: none; | display: none; | ||
| + | } | ||
| + | |||
| + | .toggle-drop2{ | ||
| + | display: none; | ||
| + | } | ||
| + | |||
| + | .logo{ | ||
| + | text-align:center; | ||
} | } | ||
| Line 261: | Line 288: | ||
box-shadow: 5px 5px 15px #DDDDDD; | box-shadow: 5px 5px 15px #DDDDDD; | ||
} | } | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
.nav-list ul a{ | .nav-list ul a{ | ||
font-weight: normal; | font-weight: normal; | ||
| Line 284: | Line 307: | ||
#drop{ | #drop{ | ||
display:none; | display:none; | ||
| + | } | ||
| + | #drop2{ | ||
| + | display:none; | ||
| + | } | ||
| + | |||
| + | @media only screen and (max-width: 95.75rem){ | ||
| + | #TopBar{ | ||
| + | background-position: 0px -15px; | ||
} | } | ||
| Line 346: | Line 377: | ||
padding: 0.5rem; | padding: 0.5rem; | ||
margin: 0; | margin: 0; | ||
| − | width: | + | width: 97%; |
} | } | ||
| Line 396: | Line 427: | ||
} | } | ||
| + | .toggle-drop2{ | ||
| + | display: block; | ||
| + | } | ||
.nav-list{ | .nav-list{ | ||
display: block; | display: block; | ||
| Line 404: | Line 438: | ||
left: 0; | left: 0; | ||
top:0; | top:0; | ||
| − | text-align: | + | text-align: left; |
max-height: 0; | max-height: 0; | ||
overflow: hidden; | overflow: hidden; | ||
| Line 410: | Line 444: | ||
.active{ | .active{ | ||
| + | max-height: 100%; | ||
| + | overflow: auto; | ||
| + | } | ||
| + | |||
| + | .active2{ | ||
max-height: 100%; | max-height: 100%; | ||
overflow: auto; | overflow: auto; | ||
| Line 429: | Line 468: | ||
padding-right: 0rem; | padding-right: 0rem; | ||
} | } | ||
| + | |||
| + | #TopBar ul ul li{ | ||
| + | float: initial; | ||
| + | position: initial; | ||
| + | } | ||
| + | |||
| + | #TopBar ul ul ul{ | ||
| + | position: initial; | ||
| + | left: initial; | ||
| + | top: initial; | ||
| + | margin: initial; | ||
| + | padding-left: 1rem; | ||
| + | } | ||
| + | |||
#InfoBox{ | #InfoBox{ | ||
Latest revision as of 22:33, 31 October 2017
