| LEFT | RIGHT |
| (no file at all) | |
| 1 @font-face | |
| 2 { | |
| 3 font-family: "Source Sans Pro"; | |
| 4 src: url(/fonts/SourceSansPro-Light.woff); | |
| 5 /* local("Ø") forces using no local font called Source Sans Pro */ | |
| 6 src: local("Ø"), url(/fonts/SourceSansPro-Light.woff) format("woff"); | |
| 7 font-weight: 300; | |
| 8 font-style: normal; | |
| 9 } | |
| 10 | |
| 11 @font-face | |
| 12 { | |
| 13 font-family: "Source Sans Pro"; | |
| 14 src: url(/fonts/SourceSansPro-Regular.woff); | |
| 15 /* local("Ø") forces using no local font called Source Sans Pro */ | |
| 16 src: local("Ø"), url(/fonts/SourceSansPro-Regular.woff) format("woff"); | |
| 17 font-weight: 400; | |
| 18 font-style: normal; | |
| 19 } | |
| 20 | |
| 21 @font-face | |
| 22 { | |
| 23 font-family: "Source Sans Pro"; | |
| 24 src: url(/fonts/SourceSansPro-Semibold.woff); | |
| 25 /* local("Ø") forces using no local font called Source Sans Pro */ | |
| 26 src: local("Ø"), url(/fonts/SourceSansPro-Semibold.woff) format("woff"); | |
| 27 font-weight: 600; | |
| 28 font-style: normal; | |
| 29 } | |
| 30 | |
| 31 body | |
| 32 { | |
| 33 margin: 0px; | |
| 34 font-family: "Source Sans Pro", sans-serif; | |
| 35 font-weight: 600; | |
| 36 } | |
| 37 | |
| 38 header | |
| 39 { | |
| 40 width: 100%; | |
| 41 } | |
| 42 | |
| 43 a, | |
| 44 a:link, | |
| 45 a:visited | |
| 46 { | |
| 47 color: #5a84b3; | |
| 48 text-decoration: underline; | |
| 49 } | |
| 50 | |
| 51 a:hover | |
| 52 { | |
| 53 text-decoration: none; | |
| 54 } | |
| 55 | |
| 56 fieldset | |
| 57 { | |
| 58 border: 0px; | |
| 59 padding: 0px; | |
| 60 } | |
| 61 | |
| 62 li fieldset | |
| 63 { | |
| 64 padding-top: 10px; | |
| 65 } | |
| 66 | |
| 67 header h1 | |
| 68 { | |
| 69 box-sizing: border-box; | |
| 70 border: dashed 1px #898989; | |
| 71 border-left: none; | |
| 72 border-right: none; | |
| 73 padding: 18px; | |
| 74 margin: 68px auto 0px auto; | |
| 75 max-width: 960px; | |
| 76 font-weight: 300; | |
| 77 font-size: 24px; | |
| 78 color: #7d7d7d; | |
| 79 text-align: center; | |
| 80 } | |
| 81 | |
| 82 header::before | |
| 83 { | |
| 84 content: ""; | |
| 85 display: block; | |
| 86 border-bottom: solid 1px #d0d0d0; | |
| 87 height: 92px; | |
| 88 } | |
| 89 | |
| 90 #logo | |
| 91 { | |
| 92 display: block; | |
| 93 position: absolute; | |
| 94 top: 42px; | |
| 95 left: 0px; | |
| 96 right: 0px; | |
| 97 margin: 0px auto; | |
| 98 margin-bottom: 20px; | |
| 99 } | |
| 100 | |
| 101 #content | |
| 102 { | |
| 103 margin: 0px auto; | |
| 104 max-width: 960px; | |
| 105 } | |
| 106 | |
| 107 section, | |
| 108 .notification | |
| 109 { | |
| 110 padding: 20px 100px; | |
| 111 margin-bottom: 30px; | |
| 112 } | |
| 113 | |
| 114 .notification | |
| 115 { | |
| 116 margin: 0px; | |
| 117 text-align: center; | |
| 118 } | |
| 119 | |
| 120 section.highlighted | |
| 121 { | |
| 122 background-color: #5982B0; | |
| 123 color: #FFFFFF; | |
| 124 } | |
| 125 | |
| 126 section.highlighted a | |
| 127 { | |
| 128 color: #FFFFFF; | |
| 129 } | |
| 130 | |
| 131 section h1 | |
| 132 { | |
| 133 margin: 0px; | |
| 134 padding: 20px 0px; | |
| 135 text-align: center; | |
| 136 } | |
| 137 | |
| 138 section ul | |
| 139 { | |
| 140 margin: 12px 0px 16px 0px; | |
| 141 padding: 0px; | |
| 142 list-style: none; | |
| 143 } | |
| 144 | |
| 145 section li | |
| 146 { | |
| 147 margin-bottom: 12px; | |
| 148 } | |
| 149 | |
| 150 section li label | |
| 151 { | |
| 152 -webkit-margin-end: 10px; | |
| 153 -moz-margin-end: 10px; | |
| 154 } | |
| 155 | |
| 156 section li input | |
| 157 { | |
| 158 vertical-align: middle; | |
| 159 -webkit-margin-end: 10px; | |
| 160 -moz-margin-end: 10px; | |
| 161 } | |
| 162 | |
| 163 section li textarea | |
| 164 { | |
| 165 display: block; | |
| 166 padding: 5px; | |
| 167 width: 250px; | |
| 168 height: 50px; | |
| 169 vertical-align: middle; | |
| 170 font-size: 14px; | |
| 171 } | |
| 172 | |
| 173 section li ul | |
| 174 { | |
| 175 margin-top: 10px; | |
| 176 margin-bottom: 0px; | |
| 177 } | |
| 178 | |
| 179 section .subheader | |
| 180 { | |
| 181 margin-top: 0px; | |
| 182 text-align: center; | |
| 183 } | |
| 184 | |
| 185 section .error-label | |
| 186 { | |
| 187 display: none; | |
| 188 color: #ffafaf; | |
| 189 margin: 0px 12px; | |
| 190 } | |
| 191 | |
| 192 button, | |
| 193 .notification a | |
| 194 { | |
| 195 min-width: 138px; | |
| 196 border: 0px; | |
| 197 color: #ffffff; | |
| 198 cursor: pointer; | |
| 199 } | |
| 200 | |
| 201 .highlighted form button | |
| 202 { | |
| 203 height: 42px; | |
| 204 background-color: #37506d; | |
| 205 } | |
| 206 | |
| 207 form.error button | |
| 208 { | |
| 209 border: solid 2px #ffafaf; | |
| 210 } | |
| 211 | |
| 212 form.error .error-label | |
| 213 { | |
| 214 display: inline-block; | |
| 215 } | |
| 216 | |
| 217 .notification a | |
| 218 { | |
| 219 display: inline-block; | |
| 220 padding: 14px 0px; | |
| 221 margin: 0px 10px; | |
| 222 background-color: #5cb85c; | |
| 223 vertical-align: middle; | |
| 224 font-size: 14px; | |
| 225 text-decoration: none; | |
| 226 } | |
| 227 | |
| 228 .notification a:hover | |
| 229 { | |
| 230 background-color: #47a447; | |
| 231 } | |
| 232 | |
| 233 form input[type="checkbox"] | |
| 234 { | |
| 235 margin: 0px; | |
| 236 -webkit-margin-end: 10px; | |
| 237 -moz-margin-end: 10px; | |
| 238 } | |
| 239 | |
| 240 .disclaimer | |
| 241 { | |
| 242 margin: 14px 0px; | |
| 243 font-size: 14px; | |
| 244 color: #a9bdd5; | |
| 245 } | |
| 246 | |
| 247 .hidden | |
| 248 { | |
| 249 display: none; | |
| 250 } | |
| 251 | |
| 252 footer | |
| 253 { | |
| 254 margin: 0 auto 30px; | |
| 255 max-width: 960px; | |
| 256 text-align: center; | |
| 257 } | |
| LEFT | RIGHT |