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