|
|
| (One intermediate revision 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 */
| |
| − | .content 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;}
| |
| − |
| |
| − | /* WIKI & HTML conflict workarounds */
| |
| − | /* making sure all fonts in p tags need to be in each page's CSS rules, not this master reference */
| |
| − | </style>
| |
| − | </html>
| |
