| OLD | NEW | 
|---|
| (Empty) |  | 
|  | 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"; | 
|  | 35   font-weight: 600; | 
|  | 36   background-image: url(/img/background-dark.png); | 
|  | 37 } | 
|  | 38 | 
|  | 39 header | 
|  | 40 { | 
|  | 41   width: 100%; | 
|  | 42 } | 
|  | 43 | 
|  | 44 a, | 
|  | 45 a:link, | 
|  | 46 a:visited | 
|  | 47 { | 
|  | 48   color: #5a84b3; | 
|  | 49   text-decoration: underline; | 
|  | 50 } | 
|  | 51 | 
|  | 52 a:hover | 
|  | 53 { | 
|  | 54   text-decoration: none; | 
|  | 55 } | 
|  | 56 | 
|  | 57 header h1 | 
|  | 58 { | 
|  | 59   -webkit-box-sizing: border-box; | 
|  | 60   -moz-box-sizing: border-box; | 
|  | 61   -ms-box-sizing: border-box; | 
|  | 62   -o-box-sizing: border-box; | 
|  | 63   box-sizing: border-box; | 
|  | 64   border: dashed 1px #898989; | 
|  | 65   border-left: none; | 
|  | 66   border-right: none; | 
|  | 67   padding: 18px; | 
|  | 68   margin: 68px auto 20px auto; | 
|  | 69   max-width: 960px; | 
|  | 70   font-weight: 300; | 
|  | 71   font-size: 24px; | 
|  | 72   color: #7d7d7d; | 
|  | 73   text-align: center; | 
|  | 74 } | 
|  | 75 | 
|  | 76 header:before | 
|  | 77 { | 
|  | 78   content: ""; | 
|  | 79   display: block; | 
|  | 80   border-bottom: solid 1px #d0d0d0; | 
|  | 81   height: 92px; | 
|  | 82   background-image: url(/img/background.png); | 
|  | 83 } | 
|  | 84 | 
|  | 85 #logo | 
|  | 86 { | 
|  | 87   display: block; | 
|  | 88   position: absolute; | 
|  | 89   top: 42px; | 
|  | 90   left: 0px; | 
|  | 91   right: 0px; | 
|  | 92   margin: 0px auto; | 
|  | 93   margin-bottom: 20px; | 
|  | 94 } | 
|  | 95 | 
|  | 96 #content | 
|  | 97 { | 
|  | 98   margin: 0px auto; | 
|  | 99   max-width: 960px; | 
|  | 100 } | 
|  | 101 | 
|  | 102 section | 
|  | 103 { | 
|  | 104   padding: 20px 100px; | 
|  | 105   margin-bottom: 30px; | 
|  | 106 } | 
|  | 107 | 
|  | 108 section.highlighted | 
|  | 109 { | 
|  | 110   background-image: url(/img/background-blue.png); | 
|  | 111   color: #FFFFFF; | 
|  | 112 } | 
|  | 113 | 
|  | 114 section.highlighted a | 
|  | 115 { | 
|  | 116   color: #FFFFFF; | 
|  | 117 } | 
|  | 118 | 
|  | 119 section h1 | 
|  | 120 { | 
|  | 121   margin: 0px; | 
|  | 122   padding: 20px 0px; | 
|  | 123   text-align: center; | 
|  | 124 } | 
|  | 125 | 
|  | 126 section ul | 
|  | 127 { | 
|  | 128   margin: 12px 0px 16px 0px; | 
|  | 129   padding: 0px; | 
|  | 130   list-style: none; | 
|  | 131 } | 
|  | 132 | 
|  | 133 section li | 
|  | 134 { | 
|  | 135   margin-bottom: 12px; | 
|  | 136 } | 
|  | 137 | 
|  | 138 section li label | 
|  | 139 { | 
|  | 140   -webkit-margin-end: 10px; | 
|  | 141   -moz-margin-end: 10px; | 
|  | 142 } | 
|  | 143 | 
|  | 144 section li input | 
|  | 145 { | 
|  | 146   vertical-align: middle; | 
|  | 147   -webkit-margin-end: 10px; | 
|  | 148   -moz-margin-end: 10px; | 
|  | 149 } | 
|  | 150 | 
|  | 151 section li textarea | 
|  | 152 { | 
|  | 153   display: block; | 
|  | 154   margin-top: 10px; | 
|  | 155   padding: 5px; | 
|  | 156   width: 250px; | 
|  | 157   height: 50px; | 
|  | 158   vertical-align: middle; | 
|  | 159   font-size: 14px; | 
|  | 160 } | 
|  | 161 | 
|  | 162 section .subheader | 
|  | 163 { | 
|  | 164   margin-top: 0px; | 
|  | 165   text-align: center; | 
|  | 166 } | 
|  | 167 | 
|  | 168 section .error-label | 
|  | 169 { | 
|  | 170   display: none; | 
|  | 171   margin: 0px 12px; | 
|  | 172   color: #ffafaf; | 
|  | 173 } | 
|  | 174 | 
|  | 175 form button | 
|  | 176 { | 
|  | 177   min-width: 138px; | 
|  | 178   height: 42px; | 
|  | 179   background-color: #37506d; | 
|  | 180   border: 0px; | 
|  | 181   cursor: pointer; | 
|  | 182   color: #ffffff; | 
|  | 183 } | 
|  | 184 | 
|  | 185 form.error button | 
|  | 186 { | 
|  | 187   border: solid 2px #ffafaf; | 
|  | 188 } | 
|  | 189 | 
|  | 190 form.error .error-label | 
|  | 191 { | 
|  | 192   display: inline-block; | 
|  | 193 } | 
|  | 194 | 
|  | 195 form input[type="checkbox"] | 
|  | 196 { | 
|  | 197   margin: 0px; | 
|  | 198 } | 
|  | 199 | 
|  | 200 form input[type="checkbox"] + span | 
|  | 201 { | 
|  | 202   margin: 0px 10px; | 
|  | 203 } | 
|  | 204 | 
|  | 205 .disclaimer | 
|  | 206 { | 
|  | 207   margin: 14px 0px; | 
|  | 208   font-size: 14px; | 
|  | 209   color: #a9bdd5; | 
|  | 210 } | 
|  | 211 | 
|  | 212 .hidden | 
|  | 213 { | 
|  | 214   display: none; | 
|  | 215 } | 
|  | 216 | 
|  | 217 footer | 
|  | 218 { | 
|  | 219   margin: 0 auto 30px; | 
|  | 220   max-width: 960px; | 
|  | 221   text-align: center; | 
|  | 222 } | 
| OLD | NEW | 
|---|