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