Rietveld Code Review Tool
Help | Bug tracker | Discussion group | Source code

Side by Side Diff: static/css/index.css

Issue 29695555: Fixes #6 - Add media mention banner (Closed) Base URL: https://hg.adblockplus.org/web.adblockplus.org
Patch Set: Addressed comments #2 Created Feb. 20, 2018, 10:48 a.m.
Left:
Right:
Use n/p to move between diff chunks; N/P to move between comments.
Jump to:
View unified diff | Download patch
« no previous file with comments | « includes/index.tmpl ('k') | static/css/index-desktop.css » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 #content 1 #content
2 { 2 {
3 padding-top: 5em; 3 padding-top: 5em;
4 margin: 0 auto;
4 } 5 }
5 6
6 #key-facts h1 7 #key-facts h1
7 { 8 {
8 font-size: 16px; 9 font-size: 16px;
9 } 10 }
10 11
11 #content .sprite 12 #content .sprite
12 { 13 {
13 background-image: url(../img/sprite-index.png); 14 background-image: url(../img/sprite-index.png);
(...skipping 28 matching lines...) Expand all
42 display: none; 43 display: none;
43 padding: 20px; 44 padding: 20px;
44 background-color: #2f8ecb; 45 background-color: #2f8ecb;
45 text-decoration: none; 46 text-decoration: none;
46 font-size: 24px; 47 font-size: 24px;
47 font-weight: bold; 48 font-weight: bold;
48 color: #ffffff; 49 color: #ffffff;
49 border-radius: 5px; 50 border-radius: 5px;
50 } 51 }
51 52
52 #content.ua-android, 53 .ua-android #content,
53 #content.ua-ios 54 .ua-ios #content
54 { 55 {
55 margin-top: 0px; 56 margin-top: 0px;
56 } 57 }
57 58
58 #content.ua-android #abb-banner, 59 .ua-android #abb-banner,
59 #content.ua-ios #abb-banner, 60 .ua-ios #abb-banner,
60 #content.ua-android #abb-android-download, 61 .ua-android #abb-android-download,
61 #content.ua-ios #abb-ios-download 62 .ua-ios #abb-ios-download
62 { 63 {
63 display: block; 64 display: block;
64 } 65 }
65 66
66 #content.ua-android #adblock-browser-notification, 67 .ua-android #adblock-browser-notification,
67 #content.ua-ios #adblock-browser-notification 68 .ua-ios #adblock-browser-notification
68 { 69 {
69 display: none; 70 display: none;
70 } 71 }
71 72
72 #main, #video-container 73 #main, #video-container
73 { 74 {
74 display: inline-block; 75 display: inline-block;
75 vertical-align: top; /* Fix for https://bugzil.la/1320660 */ 76 vertical-align: top; /* Fix for https://bugzil.la/1320660 */
76 } 77 }
77 78
78 #video-container, #maxthon-instruction, #edge-teaser 79 #video-container, #maxthon-instruction, #edge-teaser
79 { 80 {
80 background: #ffffff; 81 background: #ffffff;
81 padding: 10px; 82 padding: 10px;
82 border: 1px solid #c9c9c9; 83 border: 1px solid #c9c9c9;
83 box-shadow: 1px 1px 0 0 #dbdbdb; 84 box-shadow: 1px 1px 0 0 #dbdbdb;
84 } 85 }
85 86
86 #maxthon-instruction, 87 #maxthon-instruction,
87 html[lang^="zh_"] #content.maxthon #video, 88 html[lang^="zh_"] .maxthon #video,
88 #content.maxthon #feature-free, 89 .maxthon #feature-free,
89 #content.maxthon #terms-message, 90 .maxthon #terms-message,
90 #feature-maxthon 91 #feature-maxthon
91 { 92 {
92 display: none; 93 display: none;
93 } 94 }
94 95
95 #video-container 96 #video-container
96 { 97 {
97 position: relative; 98 position: relative;
98 box-sizing: border-box; 99 box-sizing: border-box;
99 width: 100%; 100 width: 100%;
(...skipping 57 matching lines...) Expand 10 before | Expand all | Expand 10 after
157 margin-top: -40px; 158 margin-top: -40px;
158 margin-left: -40px; 159 margin-left: -40px;
159 } 160 }
160 161
161 .no-js #video-play, 162 .no-js #video-play,
162 .show-disclaimer #video-play 163 .show-disclaimer #video-play
163 { 164 {
164 margin-top: -60px; 165 margin-top: -60px;
165 } 166 }
166 167
167 html[lang^="zh_"] #content.maxthon #maxthon-instruction 168 html[lang^="zh_"] .maxthon #maxthon-instruction
168 { 169 {
169 display: inline-block; 170 display: inline-block;
170 padding: 0px; 171 padding: 0px;
171 } 172 }
172 173
173 #content.maxthon #feature-maxthon 174 .maxthon #feature-maxthon
174 { 175 {
175 display: inline-block; 176 display: inline-block;
176 } 177 }
177 178
178 #summary h1, #summary h2 179 #summary h1, #summary h2
179 { 180 {
180 font-weight: normal; 181 font-weight: normal;
181 margin: 0; 182 margin: 0;
182 } 183 }
183 184
(...skipping 113 matching lines...) Expand 10 before | Expand all | Expand 10 after
297 background: linear-gradient(bottom, #cacaca, #a2a2a2); 298 background: linear-gradient(bottom, #cacaca, #a2a2a2);
298 box-shadow: 0px 0px 7px #6f6f6f; 299 box-shadow: 0px 0px 7px #6f6f6f;
299 -webkit-transition: none; 300 -webkit-transition: none;
300 -moz-transition: none; 301 -moz-transition: none;
301 -ms-transition: none; 302 -ms-transition: none;
302 -o-transition: none; 303 -o-transition: none;
303 transition: none; 304 transition: none;
304 bottom: 4px; 305 bottom: 4px;
305 } 306 }
306 307
307 #content.android .install-button, 308 .android .install-button,
308 #content.firefox.ua-firefox .install-button, 309 .firefox.ua-firefox .install-button,
309 #content.chrome.ua-chrome .install-button, 310 .chrome.ua-chrome .install-button,
310 #content.opera.ua-opera .install-button, 311 .opera.ua-opera .install-button,
311 #content.internet-explorer.ua-internet-explorer .install-button, 312 .internet-explorer.ua-internet-explorer .install-button,
312 #content.safari.ua-safari .install-button, 313 .safari.ua-safari .install-button,
313 #content.yandex-browser.ua-yandex-browser .install-button, 314 .yandex-browser.ua-yandex-browser .install-button,
314 #content.edge.ua-edge .install-button, 315 .edge.ua-edge .install-button,
315 /* IE6 fixes */ 316 /* IE6 fixes */
316 #content.firefox_ua-firefox .install-button, 317 .firefox_ua-firefox .install-button,
317 #content.chrome_ua-chrome .install-button, 318 .chrome_ua-chrome .install-button,
318 #content.opera_ua-opera .install-button, 319 .opera_ua-opera .install-button,
319 #content.internet-explorer_ua-internet-explorer .install-button, 320 .internet-explorer_ua-internet-explorer .install-button,
320 #content.safari_ua-safari .install-button, 321 .safari_ua-safari .install-button,
321 #content.yandex-browser_ua-yandex-browser .install-button, 322 .yandex-browser_ua-yandex-browser .install-button,
322 #content.edge_ua-edge .install-button 323 .edge_ua-edge .install-button
323 { 324 {
324 background: #62c52b; 325 background: #62c52b;
325 background: -webkit-linear-gradient(top, #62c52b, #4f9d22); 326 background: -webkit-linear-gradient(top, #62c52b, #4f9d22);
326 background: -moz-linear-gradient(top, #62c52b, #4f9d22); 327 background: -moz-linear-gradient(top, #62c52b, #4f9d22);
327 background: -ms-linear-gradient(top, #62c52b, #4f9d22); 328 background: -ms-linear-gradient(top, #62c52b, #4f9d22);
328 background: -o-linear-gradient(top, #62c52b, #4f9d22); 329 background: -o-linear-gradient(top, #62c52b, #4f9d22);
329 background: linear-gradient(top, #62c52b, #4f9d22); 330 background: linear-gradient(top, #62c52b, #4f9d22);
330 box-shadow: 0 1px 0 0 #486c15, 0 2px 0 0 #517422; 331 box-shadow: 0 1px 0 0 #486c15, 0 2px 0 0 #517422;
331 text-shadow: 2px 2px 2px #327d14; 332 text-shadow: 2px 2px 2px #327d14;
332 } 333 }
333 334
334 #content.android .install-button:hover, 335 .android .install-button:hover,
335 #content.firefox.ua-firefox .install-button:hover, 336 .firefox.ua-firefox .install-button:hover,
336 #content.chrome.ua-chrome .install-button:hover, 337 .chrome.ua-chrome .install-button:hover,
337 #content.opera.ua-opera .install-button:hover, 338 .opera.ua-opera .install-button:hover,
338 #content.internet-explorer.ua-internet-explorer .install-button:hover, 339 .internet-explorer.ua-internet-explorer .install-button:hover,
339 #content.safari.ua-safari .install-button:hover, 340 .safari.ua-safari .install-button:hover,
340 #content.yandex-browser.ua-yandex-browser .install-button:hover, 341 .yandex-browser.ua-yandex-browser .install-button:hover,
341 #content.edge.ua-edge .install-button:hover, 342 .edge.ua-edge .install-button:hover,
342 /* IE6 fixes */ 343 /* IE6 fixes */
343 #content.firefox_ua-firefox .install-button:hover, 344 .firefox_ua-firefox .install-button:hover,
344 #content.chrome_ua-chrome .install-button:hover, 345 .chrome_ua-chrome .install-button:hover,
345 #content.opera_ua-opera .install-button:hover, 346 .opera_ua-opera .install-button:hover,
346 #content.internet-explorer_ua-internet-explorer .install-button:hover, 347 .internet-explorer_ua-internet-explorer .install-button:hover,
347 #content.safari_ua-safari .install-button:hover, 348 .safari_ua-safari .install-button:hover,
348 #content.yandex-browser_ua-yandex-browser .install-button:hover, 349 .yandex-browser_ua-yandex-browser .install-button:hover,
349 #content.edge_ua-edge .install-button:hover 350 .edge_ua-edge .install-button:hover
350 { 351 {
351 box-shadow: 0px 2px 7px #486c15, 0 1px 0 0 #486c15; 352 box-shadow: 0px 2px 7px #486c15, 0 1px 0 0 #486c15;
352 } 353 }
353 354
354 #content.android .install-button:active, 355 .android .install-button:active,
355 #content.firefox.ua-firefox .install-button:active, 356 .firefox.ua-firefox .install-button:active,
356 #content.chrome.ua-chrome .install-button:active, 357 .chrome.ua-chrome .install-button:active,
357 #content.opera.ua-opera .install-button:active, 358 .opera.ua-opera .install-button:active,
358 #content.internet-explorer.ua-internet-explorer .install-button:active, 359 .internet-explorer.ua-internet-explorer .install-button:active,
359 #content.safari.ua-safari .install-button:active, 360 .safari.ua-safari .install-button:active,
360 #content.yandex-browser.ua-yandex-browser .install-button:active, 361 .yandex-browser.ua-yandex-browser .install-button:active,
361 #content.edge.ua-edge .install-button:active, 362 .edge.ua-edge .install-button:active,
362 /* IE6 fixes */ 363 /* IE6 fixes */
363 #content.firefox_ua-firefox .install-button:active, 364 .firefox_ua-firefox .install-button:active,
364 #content.chrome_ua-chrome .install-button:active, 365 .chrome_ua-chrome .install-button:active,
365 #content.opera_ua-opera .install-button:active, 366 .opera_ua-opera .install-button:active,
366 #content.internet-explorer_ua-internet-explorer .install-button:active, 367 .internet-explorer_ua-internet-explorer .install-button:active,
367 #content.safari_ua-safari .install-button:active, 368 .safari_ua-safari .install-button:active,
368 #content.yandex-browser_ua-yandex-browser .install-button:active, 369 .yandex-browser_ua-yandex-browser .install-button:active,
369 #content.edge_ua-edge .install-button:active 370 .edge_ua-edge .install-button:active
370 { 371 {
371 background: #4f9d22; 372 background: #4f9d22;
372 background: -webkit-linear-gradient(bottom, #62c52b, #4f9d22); 373 background: -webkit-linear-gradient(bottom, #62c52b, #4f9d22);
373 background: -moz-linear-gradient(bottom, #62c52b, #4f9d22); 374 background: -moz-linear-gradient(bottom, #62c52b, #4f9d22);
374 background: -ms-linear-gradient(bottom, #62c52b, #4f9d22); 375 background: -ms-linear-gradient(bottom, #62c52b, #4f9d22);
375 background: -o-linear-gradient(bottom, #62c52b, #4f9d22); 376 background: -o-linear-gradient(bottom, #62c52b, #4f9d22);
376 background: linear-gradient(bottom, #62c52b, #4f9d22); 377 background: linear-gradient(bottom, #62c52b, #4f9d22);
377 box-shadow: 0px 0px 7px #486c15; 378 box-shadow: 0px 0px 7px #486c15;
378 } 379 }
379 380
380 #content.firefox #install-firefox, #content.chrome #install-chrome, 381 .firefox #install-firefox, .chrome #install-chrome,
381 #content.opera #install-opera, #content.android #install-android, 382 .opera #install-opera, .android #install-android,
382 #content.internet-explorer #install-internet-explorer, 383 .internet-explorer #install-internet-explorer,
383 #content.safari #install-safari, 384 .safari #install-safari,
384 #content.yandex-browser #install-yandex-browser, 385 .yandex-browser #install-yandex-browser,
385 #content.edge #install-edge 386 .edge #install-edge
386 { 387 {
387 display: inline-block; 388 display: inline-block;
388 } 389 }
389 390
390 #other-platform ul 391 #other-platform ul
391 { 392 {
392 list-style: none; 393 list-style: none;
393 display: inline-block; 394 display: inline-block;
394 margin: 0px; 395 margin: 0px;
395 padding: 0; 396 padding: 0;
(...skipping 21 matching lines...) Expand all
417 #platform-firefox 418 #platform-firefox
418 { 419 {
419 background-position: -108px -89px; 420 background-position: -108px -89px;
420 } 421 }
421 422
422 #information-android 423 #information-android
423 { 424 {
424 display: none; 425 display: none;
425 } 426 }
426 427
427 #content.android #information-android 428 .android #information-android
428 { 429 {
429 display: block; 430 display: block;
430 } 431 }
431 432
432 #content.firefox #platform-firefox 433 .firefox #platform-firefox
433 { 434 {
434 background-position: -108px -68px; 435 background-position: -108px -68px;
435 } 436 }
436 437
437 #platform-chrome 438 #platform-chrome
438 { 439 {
439 background-position: -88px -89px; 440 background-position: -88px -89px;
440 } 441 }
441 442
442 #content.chrome #platform-chrome 443 .chrome #platform-chrome
443 { 444 {
444 background-position: -88px -68px; 445 background-position: -88px -68px;
445 } 446 }
446 447
447 #platform-android 448 #platform-android
448 { 449 {
449 background-position: -68px -89px; 450 background-position: -68px -89px;
450 } 451 }
451 452
452 #content.android #platform-android 453 .android #platform-android
453 { 454 {
454 background-position: -68px -68px; 455 background-position: -68px -68px;
455 } 456 }
456 457
457 #platform-opera 458 #platform-opera
458 { 459 {
459 background-position: -68px -131px; 460 background-position: -68px -131px;
460 } 461 }
461 462
462 #content.opera #platform-opera 463 .opera #platform-opera
463 { 464 {
464 background-position: -68px -110px; 465 background-position: -68px -110px;
465 } 466 }
466 467
467 #platform-internet-explorer 468 #platform-internet-explorer
468 { 469 {
469 background-position: -108px -131px; 470 background-position: -108px -131px;
470 } 471 }
471 472
472 #content.internet-explorer #platform-internet-explorer 473 .internet-explorer #platform-internet-explorer
473 { 474 {
474 background-position: -108px -110px; 475 background-position: -108px -110px;
475 } 476 }
476 477
477 #platform-safari 478 #platform-safari
478 { 479 {
479 background-position: -88px -131px; 480 background-position: -88px -131px;
480 } 481 }
481 482
482 #content.safari #platform-safari 483 .safari #platform-safari
483 { 484 {
484 background-position: -88px -110px; 485 background-position: -88px -110px;
485 } 486 }
486 487
487 #platform-yandex-browser 488 #platform-yandex-browser
488 { 489 {
489 background-position: -128px -89px; 490 background-position: -128px -89px;
490 } 491 }
491 492
492 #content.yandex-browser #platform-yandex-browser 493 .yandex-browser #platform-yandex-browser
493 { 494 {
494 background-position: -128px -68px; 495 background-position: -128px -68px;
495 } 496 }
496 497
497 #platform-maxthon 498 #platform-maxthon
498 { 499 {
499 background-position: -128px -130px; 500 background-position: -128px -130px;
500 } 501 }
501 502
502 #content.maxthon #platform-maxthon 503 .maxthon #platform-maxthon
503 { 504 {
504 background-position: -128px -109px; 505 background-position: -128px -109px;
505 } 506 }
506 507
507 #platform-edge 508 #platform-edge
508 { 509 {
509 background-position: -68px -171px; 510 background-position: -68px -171px;
510 } 511 }
511 512
512 #content.edge #platform-edge 513 .edge #platform-edge
513 { 514 {
514 background-position: -68px -151px; 515 background-position: -68px -151px;
515 } 516 }
516 517
517 #content h3.subscribe-header 518 #content h3.subscribe-header
518 { 519 {
519 font-size: 18px; 520 font-size: 18px;
520 margin-bottom: 0px; 521 margin-bottom: 0px;
521 } 522 }
522 523
523 #other-platform > div, 524 #other-platform > div,
524 #content.edge #video, 525 .edge #video,
525 #edge-teaser 526 #edge-teaser
526 { 527 {
527 display: none; 528 display: none;
528 } 529 }
529 530
530 .warning-platform, 531 .warning-platform,
531 .disclaimer, 532 .disclaimer,
532 #maxthon-notification 533 #maxthon-notification
533 { 534 {
534 display: none; 535 display: none;
535 color: #D00; 536 color: #D00;
536 text-align: center; 537 text-align: center;
537 border: 1px solid #D00; 538 border: 1px solid #D00;
538 padding: 5px; 539 padding: 5px;
539 border-radius: 5px; 540 border-radius: 5px;
540 } 541 }
541 542
542 .disclaimer 543 .disclaimer
543 { 544 {
544 font-size: 14px; 545 font-size: 14px;
545 color: #000; 546 color: #000;
546 text-align: left; 547 text-align: left;
547 } 548 }
548 549
549 #content.ua-firefox .warning-platform.firefox, 550 .ua-firefox .warning-platform.firefox,
550 #content.ua-chrome .warning-platform.chrome, 551 .ua-chrome .warning-platform.chrome,
551 #content.ua-android .warning-platform.android, 552 .ua-android .warning-platform.android,
552 #content.ua-opera .warning-platform.opera, 553 .ua-opera .warning-platform.opera,
553 #content.ua-internet-explorer .warning-platform.internet-explorer, 554 .ua-internet-explorer .warning-platform.internet-explorer,
554 #content.ua-safari .warning-platform.safari, 555 .ua-safari .warning-platform.safari,
555 #content.ua-yandex-browser .warning-platform.yandex-browser, 556 .ua-yandex-browser .warning-platform.yandex-browser,
556 #content.ua-maxthon .warning-platform.maxthon, 557 .ua-maxthon .warning-platform.maxthon,
557 html[lang^="zh_"] #maxthon-notification 558 html[lang^="zh_"] #maxthon-notification
558 { 559 {
559 display: block; 560 display: block;
560 } 561 }
561 562
562 #content.firefox.ua-firefox .warning-platform.firefox, 563 .firefox.ua-firefox .warning-platform.firefox,
563 #content.chrome.ua-chrome .warning-platform.chrome, 564 .chrome.ua-chrome .warning-platform.chrome,
564 #content.android.ua-android .warning-platform.android, 565 .android.ua-android .warning-platform.android,
565 #content.opera.ua-opera .warning-platform.opera, 566 .opera.ua-opera .warning-platform.opera,
566 #content.internet-explorer.ua-internet-explorer .warning-platform.internet-explo rer, 567 .internet-explorer.ua-internet-explorer .warning-platform.internet-explorer,
567 #content.safari.ua-safari .warning-platform.safari, 568 .safari.ua-safari .warning-platform.safari,
568 #content.yandex-browser.ua-yandex-browser .warning-platform.yandex-browser, 569 .yandex-browser.ua-yandex-browser .warning-platform.yandex-browser,
569 #content.maxthon.ua-maxthon .warning-platform.maxthon, 570 .maxthon.ua-maxthon .warning-platform.maxthon,
570 #content.ua-maxthon #maxthon-notification, 571 .ua-maxthon #maxthon-notification,
571 #content.maxthon #maxthon-notification, 572 .maxthon #maxthon-notification,
572 /* IE6 fixes */ 573 /* IE6 fixes */
573 #content.firefox_ua-firefox .warning-platform.firefox, 574 .firefox_ua-firefox .warning-platform.firefox,
574 #content.chrome_ua-chrome .warning-platform.chrome, 575 .chrome_ua-chrome .warning-platform.chrome,
575 #content.opera_ua-opera .warning-platform.opera, 576 .opera_ua-opera .warning-platform.opera,
576 #content.internet-explorer_ua-internet-explorer .warning-platform.internet-explo rer, 577 .internet-explorer_ua-internet-explorer .warning-platform.internet-explorer,
577 #content.safari_ua-safari .warning-platform.safari, 578 .safari_ua-safari .warning-platform.safari,
578 #content.yandex-browser_ua-yandex-browser .warning-platform.yandex-browser, 579 .yandex-browser_ua-yandex-browser .warning-platform.yandex-browser,
579 #content.maxthon_ua-maxthon .warning-platform.maxthon 580 .maxthon_ua-maxthon .warning-platform.maxthon
580 { 581 {
581 display: none; 582 display: none;
582 } 583 }
583 584
584 #key-facts 585 #key-facts
585 { 586 {
586 box-sizing: content-box; 587 box-sizing: content-box;
587 } 588 }
588 589
589 #key-facts section 590 #key-facts section
(...skipping 92 matching lines...) Expand 10 before | Expand all | Expand 10 after
682 line-height: 1.4; 683 line-height: 1.4;
683 color: #000; 684 color: #000;
684 background-color: #fff; 685 background-color: #fff;
685 border: 2px solid #a1a1a1; 686 border: 2px solid #a1a1a1;
686 } 687 }
687 688
688 #ready-for-windows-notice 689 #ready-for-windows-notice
689 { 690 {
690 margin-bottom: 30px; 691 margin-bottom: 30px;
691 } 692 }
693
694 /******************************************************************************
695 * #media
696 *****************************************************************************/
697
698 #media-header h2,
699 #media-list
700 {
701 margin: 0;
702 }
703
704 #media-header
705 {
706 margin-bottom: 2em;
707 }
708
709 #media-header h2
710 {
711 font-size: 1em;
712 font-weight: normal;
713 text-transform: uppercase;
714 }
715
716 #media-list li
717 {
718 display: inline-block;
719 }
720
721 #media-list img
722 {
723 max-width: 5em;
724 max-height: 3em;
725 margin: 0 1em 1em;
726 }
727
728 #media-list a
729 {
730 position: relative;
731 display: block;
732 }
733
734 #media-list a:hover img
735 {
736 opacity: 0.5;
737 }
738
739 #media-list a:hover:after
740 {
741 content: "";
742 position: absolute;
743 top: 0;
744 left: 0;
745 height: 100%;
746 width: 100%;
747 background-image: url(../img/external-icon.png);
748 background-image: url(../img/external-icon.svg, none);
749 background-repeat: no-repeat;
750 background-position: center;
751 background-size: 1em;
752 }
753
754 @media (min-width: 768px)
755 {
756 #media-header small
757 {
758 display: none;
759 }
760
761 #media-list
762 {
763 display: table;
764 width: 100%;
765 }
766
767 #media-list li
768 {
769 display: table-cell;
770 vertical-align: middle;
771 }
772
773 #media-list img
774 {
775 margin: 0 2em;
776 }
777 }
778
779 @media (min-width: 992px)
780 {
781 #media {
782 display: table;
783 width: 100%;
784 }
785
786 #media-header,
787 #media-list
788 {
789 display: table-cell;
790 vertical-align: middle;
791 width: auto;
792 }
793
794 #media-header
795 {
796 margin-bottom: 0;
797 }
798
799 #media-list { direction: rtl; }
800 [dir="rtl"] #media-list { direction: ltr; }
801
802 @supports (display: flex)
803 {
804 #media-list
805 {
806 display: flex;
807 justify-content: space-between;
808 align-items: center;
809 }
810 }
811
812 }
OLDNEW
« no previous file with comments | « includes/index.tmpl ('k') | static/css/index-desktop.css » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld