|
|
(7 intermediate revisions by the same user not shown) |
Line 1: |
Line 1: |
− | <html>
| |
− | <head>
| |
− | <link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
| |
− | </head>
| |
− | <style>
| |
− | {{Team:Lethbridge/css/reset}}
| |
− | body {font-family: 'Ralway', sans-serif; background-color: #ffffff; color: darkslategrey !important;}
| |
| | | |
− | /* HEADERS */
| |
− |
| |
− | h1, h2, h3, h4, h5, h6 {color: black !important; font-family: 'Ralway', sans-serif;}
| |
− | h1 {text-align: center; font-size: 24pt}
| |
− | h2 {text-align: left; font-size: 18pt}
| |
− | h3 {text-align: left; font-size: 16pt}
| |
− | h4 {text-align: left; font-size: 14pt}
| |
− | h5 {text-align: left; font-size: 12pt}
| |
− | h6 {text-align: center; font-size: 10pt}
| |
− |
| |
− | /* INLINE BLOCK - div percentage width and alignment */
| |
− | #div60mid {width: 60%; vertical-align:middle;}
| |
− | #div50mid {width: 50%; vertical-align:middle;}
| |
− | #div40mid {width: 40%; vertical-align:middle;}
| |
− | #div30mid {width: 30%; vertical-align:middle;}
| |
− | #div25mid {width: 25%; vertical-align:middle;}
| |
− | #div20mid {width: 20%; vertical-align:middle;}
| |
− |
| |
− | #div60bot {width: 60%; vertical-align:bottom;}
| |
− | #div50bot {width: 50%; vertical-align:bottom;}
| |
− | #div40bot {width: 40%; vertical-align:bottom;}
| |
− | #div30bot {width: 30%; vertical-align:bottom;}
| |
− | #div25bot {width: 25%; vertical-align:bottom;}
| |
− | #div20bot {width: 20%; vertical-align:bottom;}
| |
− |
| |
− | #div60top {width: 60%; vertical-align:top;}
| |
− | #div50top {width: 50%; vertical-align:top;}
| |
− | #div40top {width: 40%; vertical-align:top;}
| |
− | #div30top {width: 30%; vertical-align:top;}
| |
− | #div25top {width: 25%; vertical-align:top;}
| |
− | #div20top {width: 20%; vertical-align:top;}
| |
− |
| |
− | /* font size */
| |
− | .10f {font-size: calc(10px + 0.45vw) !important; line-height: calc (1.1em + 0.45vw) !important;}
| |
− | .12f {font-size: calc(12px + 0.5vw) !important; line-height: calc(1.1em + 0.5vw) !important;}
| |
− | .14f {font-size: calc(14px + 0.5vw) !important; line-height: calc(1.1em + 0.5vw) !important;}
| |
− | .16f {font-size: calc(16px + 0.5vw) !important; line-height: calc(1.1em + 0.5vw) !important;}
| |
− | .18f {font-size: calc(18px + 0.5vw) !important; line-height: calc(1.1em + 0.5vw) !important;}
| |
− | .22f {font-size: calc(22px + 0.5vw) !important; line-height: calc(1.1em + 0.5vw) !important;}
| |
− | .26f {font-size: calc(26px + 0.5vw) !important; line-height: calc(1.1em + 0.5vw) !important;}
| |
− | .34f {font-size: calc(34px + 0.5vw) !important; line-height: calc(1.1em + 0.5vw) !important;}
| |
− |
| |
− | /* alignment, weight, and style */
| |
− | #left {text-align: left !important; font-weight: normal;}
| |
− | #left-bold {text-align: left !important; font-weight: bold;}
| |
− | #left-italic {text-align: left !important; font-style: italic;}
| |
− | #left-bold-italic {text-align: left !important; font-weight: bold; font-style: italic;}
| |
− | #left-italic-bold {text-align: left !important; font-weight: bold; font-style: italic;}
| |
− |
| |
− | #center {text-align: center !important; font-weight: normal;}
| |
− | #center-bold {text-align: center !important; font-weight: bold;}
| |
− | #center-italic {text-align: center !important; font-style: italic;}
| |
− | #center-bold-italic {text-align: center !important; font-weight: bold; font-style: italic;}
| |
− | #center-italic-bold {text-align: center !important; font-weight: bold; font-style: italic;}
| |
− |
| |
− | #right {text-align: right !important; font-weight: normal;}
| |
− | #right-bold {text-align: right !important; font-weight: bold;}
| |
− | #right-italic {text-align: right !important; font-style: italic;}
| |
− | #right-bold-italic {text-align: right !important; font-weight: bold; font-style: italic;}
| |
− | #right-italic-bold {text-align: right !important; font-weight: bold; font-style: italic;}
| |
− |
| |
− | #justify {text-align: justify !important; font-weight: normal;}
| |
− | #justify-bold {text-align: justify !important; font-weight: bold;}
| |
− | #justify-italic {text-align: justify !important; font-style: italic;}
| |
− | #justify-bold-italic {text-align: justify !important; font-weight: bold; font-style: italic;}
| |
− | #justify-italic-bold {text-align: justify !important; font-weight: bold; font-style: italic;}
| |
− |
| |
− | /* list formatting */
| |
− | li {width: 99%;}
| |
− |
| |
− | /* link referencing */
| |
− | a#pageLink:link, a#pageLink:visited {color: #0f0f0f; text-decoration: underline;}
| |
− | a#pageLink:hover, a#pageLink:active {color: #f5af3e; text-decoration: underline;}
| |
− | </style>
| |
− | </html>
| |