Difference between revisions of "Template:Team:Calgary/StyleSheets/styling.css"
| Line 7: | Line 7: | ||
html{ | html{ | ||
| − | font-size: 14px; | + | font-size: 14px; |
} | } | ||
html body{ | html body{ | ||
background-color: #daede9; | background-color: #daede9; | ||
| − | font-family: 'Varela Round', sans-serif; | + | font-family: 'Varela Round', sans-serif; |
font-size: 14px; | font-size: 14px; | ||
} | } | ||
p{ | p{ | ||
| − | line-height: 150%; | + | line-height: 150%; |
| − | margin-top: 12px; | + | margin-top: 12px; |
} | } | ||
body{ | body{ | ||
| − | margin: 9rem auto; | + | margin: 9rem auto; |
| − | padding: 2 rem; | + | padding: 2 rem; |
| − | width: 75%; | + | width: 75%; |
| + | } | ||
| + | |||
| + | img { | ||
| + | max-width: 100%; | ||
| + | height: auto; | ||
| + | margin: 0 0 10px 0; | ||
| + | } | ||
| + | |||
| + | #TopBar{ | ||
| + | padding-top: 0.5rem; | ||
| + | padding-right: 60rem; | ||
| + | padding-left: 45rem; | ||
| + | position: fixed; /* Set the navbar to fixed position */ | ||
| + | top: 0; /* Position the navbar at the top of the page */ | ||
| + | width: 70%; /* Full width */ | ||
| + | align-items: middle; | ||
| + | text-align: center; | ||
| + | margin: 0; | ||
| + | margin-left: -43rem; | ||
| + | margin-top: 1.5rem; | ||
| + | background-color: #e65c00; | ||
| + | list-style: none; | ||
| + | } | ||
| + | |||
| + | #TopBar li { | ||
| + | list-style: none; | ||
} | } | ||
| Line 57: | Line 83: | ||
color: #fbfbfb; | color: #fbfbfb; | ||
text-align: center; | text-align: center; | ||
| − | padding: 2rem 0; | + | padding: 2rem 0; |
box-shadow: 5px 5px 15px #DDDDDD; | box-shadow: 5px 5px 15px #DDDDDD; | ||
} | } | ||
#HQ_page h1, h2, h3, h4, h5{ | #HQ_page h1, h2, h3, h4, h5{ | ||
| − | margin-top: 12px; | + | margin-top: 12px; |
| − | font-family: 'Varela Round'; | + | font-family: 'Varela Round'; |
color: #538cc6; | color: #538cc6; | ||
font-size:24px; | font-size:24px; | ||
| − | text-transform: uppercase | + | text-transform: uppercase; |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
} | } | ||
| Line 83: | Line 102: | ||
.toggle-drop{ | .toggle-drop{ | ||
display: none; | display: none; | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| Line 120: | Line 119: | ||
.nav-list > li { | .nav-list > li { | ||
position: relative; | position: relative; | ||
| − | list-style-type: none; | + | list-style-type: none; |
} | } | ||
| Line 186: | Line 185: | ||
} | } | ||
| − | #MainContent{ | + | #MainContent{ |
| − | margin-top: 0rem; | + | margin-top: 0rem; |
| − | } | + | } |
| − | + | ||
} | } | ||
| Line 253: | Line 251: | ||
box-shadow: none; | box-shadow: none; | ||
} | } | ||
| − | #TopBar{ | + | #TopBar{ |
| − | position: static; | + | position: static; |
| + | } | ||
} | } | ||
| − | |||
| − | |||
| − | |||
| − | |||
.mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul{ | .mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul{ | ||
Revision as of 21:54, 26 June 2017
