Left: | ||
Right: |
LEFT | RIGHT |
---|---|
1 * | 1 * |
2 { | 2 { |
3 font-family: Arial, sans; | 3 font-family: Arial, sans; |
4 font-size: 16px; | 4 font-size: 16px; |
5 } | 5 } |
6 | 6 |
7 body | 7 body |
8 { | 8 { |
9 background-color: #f8f6f2; | 9 background-color: #f8f6f2; |
10 background-image: url(../img/background.png); | 10 background-image: url(../img/background.png); |
(...skipping 201 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
212 #flag-zh_CN | 212 #flag-zh_CN |
213 { | 213 { |
214 background-position: -51px -24px; | 214 background-position: -51px -24px; |
215 } | 215 } |
216 | 216 |
217 #flag-zh_TW | 217 #flag-zh_TW |
218 { | 218 { |
219 background-position: -68px -24px; | 219 background-position: -68px -24px; |
220 } | 220 } |
221 | 221 |
222 a[hreflang="de"]:not(:lang(de)):not(#language-selector a):after, | 222 a[hreflang="de"]:not(:lang(de)):after, |
223 a[hreflang="en"]:not(:lang(en)):not(#language-selector a):after | 223 a[hreflang="en"]:not(:lang(en)):after |
Wladimir Palant
2015/04/08 12:29:12
While it will work for this particular flag, would
saroyanm
2015/04/08 12:32:50
Unfortunately not, because we show flag also for h
Wladimir Palant
2015/04/08 12:37:02
I see, too bad. However, per specification :not()
saroyanm
2015/04/08 12:42:20
Yes definitely, good point.
Updated.
| |
224 { | 224 { |
225 display: inline-block; | 225 display: inline-block; |
226 width: 16px; | 226 width: 16px; |
227 height: 11px; | 227 height: 11px; |
228 background-image: url(../img/sprite-flags.png); | 228 background-image: url(../img/sprite-flags.png); |
229 content: ""; | 229 content: ""; |
230 margin-left: 2px; | 230 margin-left: 2px; |
231 } | 231 } |
232 | 232 |
233 a[hreflang="de"]:not(:lang(de)):not(#language-selector a):after | 233 a[hreflang="de"]:not(:lang(de)):after |
234 { | 234 { |
235 background-position: -34px 0px; | 235 background-position: -34px 0px; |
236 } | 236 } |
237 | 237 |
238 a[hreflang="en"]:not(:lang(en)):not(#language-selector a):after | 238 a[hreflang="en"]:not(:lang(en)):after |
239 { | 239 { |
240 background-position: -51px 0px; | 240 background-position: -51px 0px; |
241 } | |
242 | |
243 #language-selector a:after | |
244 { | |
245 display: none; | |
241 } | 246 } |
242 | 247 |
243 #logo | 248 #logo |
244 { | 249 { |
245 position: absolute; | 250 position: absolute; |
246 width: 128px; | 251 width: 128px; |
247 height: 128px; | 252 height: 128px; |
248 background-position: -83px -83px; | 253 background-position: -83px -83px; |
249 } | 254 } |
250 | 255 |
(...skipping 123 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
374 | 379 |
375 div.animation[started="false"] | 380 div.animation[started="false"] |
376 { | 381 { |
377 cursor: pointer; | 382 cursor: pointer; |
378 } | 383 } |
379 | 384 |
380 div.animation[started="true"] | 385 div.animation[started="true"] |
381 { | 386 { |
382 -moz-user-select: none; | 387 -moz-user-select: none; |
383 } | 388 } |
LEFT | RIGHT |