| OLD | NEW |
| 1 @font-face | 1 /* #reinstall |
| 2 ******************************************************************************/ |
| 3 |
| 4 #reinstall |
| 2 { | 5 { |
| 3 font-family: "Source Sans Pro"; | 6 padding: 1em 0; |
| 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 } | 7 } |
| 10 | 8 |
| 11 @font-face | 9 #reinstall .button |
| 12 { | 10 { |
| 13 font-family: "Source Sans Pro"; | 11 margin: 1em 0; |
| 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 } | 12 } |
| 20 | 13 |
| 21 @font-face | 14 @media(min-width: 768px) |
| 22 { | 15 { |
| 23 font-family: "Source Sans Pro"; | 16 #reinstall .button |
| 24 src: url(/fonts/SourceSansPro-Semibold.woff); | 17 { |
| 25 /* local("Ø") forces using no local font called Source Sans Pro */ | 18 margin-left: 1.5em; |
| 26 src: local("Ø"), url(/fonts/SourceSansPro-Semibold.woff) format("woff"); | 19 } |
| 27 font-weight: 600; | 20 |
| 28 font-style: normal; | 21 [dir="rtl"] #reinstall .button |
| 22 { |
| 23 margin-right: 1.5em; |
| 24 } |
| 29 } | 25 } |
| 30 | 26 |
| 31 body | 27 |
| 28 /* #uninstall-reasons |
| 29 ******************************************************************************/ |
| 30 |
| 31 #uninstall-reasons li |
| 32 { | 32 { |
| 33 margin: 0px; | 33 margin-bottom: 0.5em; |
| 34 font-family: "Source Sans Pro", sans-serif; | |
| 35 font-weight: 600; | |
| 36 } | 34 } |
| 37 | 35 |
| 38 header | 36 #uninstall-reasons input[type="checkbox"] |
| 39 { | 37 { |
| 40 width: 100%; | 38 margin-right: 0.5em; |
| 41 } | 39 } |
| 42 | 40 |
| 43 a, | 41 [dir="rtl"] #uninstall-reasons input[type="checkbox"] |
| 44 a:link, | |
| 45 a:visited | |
| 46 { | 42 { |
| 47 color: #5a84b3; | 43 margin-left: 0.5em; |
| 48 text-decoration: underline; | |
| 49 } | 44 } |
| 50 | 45 |
| 51 a:hover | 46 #uninstall-reasons textarea |
| 52 { | 47 { |
| 53 text-decoration: none; | 48 margin-top: 0.5em; |
| 54 } | 49 } |
| 55 | 50 |
| 56 fieldset | 51 #reason-error |
| 57 { | 52 { |
| 58 border: 0px; | 53 display: none; |
| 59 padding: 0px; | 54 color: #c70d2c; |
| 60 } | 55 } |
| 61 | 56 |
| 62 li fieldset | 57 .error #reason-error |
| 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 { | 58 { |
| 92 display: block; | 59 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 } | 60 } |
| 246 | 61 |
| 247 .hidden | 62 .hidden |
| 248 { | 63 { |
| 249 display: none; | 64 display: none; |
| 250 } | 65 } |
| 251 | |
| 252 footer | |
| 253 { | |
| 254 margin: 0 auto 30px; | |
| 255 max-width: 960px; | |
| 256 text-align: center; | |
| 257 } | |
| OLD | NEW |