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

Side by Side Diff: skin/new-options.css

Issue 29555879: Noissue - Center the content and unfix on small screens the sidebar (Closed)
Patch Set: Rebased Created Sept. 27, 2017, 2:48 p.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 | « no previous file | no next file » | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 /* 1 /*
2 * This file is part of Adblock Plus <https://adblockplus.org/>, 2 * This file is part of Adblock Plus <https://adblockplus.org/>,
3 * Copyright (C) 2006-present eyeo GmbH 3 * Copyright (C) 2006-present eyeo GmbH
4 * 4 *
5 * Adblock Plus is free software: you can redistribute it and/or modify 5 * Adblock Plus is free software: you can redistribute it and/or modify
6 * it under the terms of the GNU General Public License version 3 as 6 * it under the terms of the GNU General Public License version 3 as
7 * published by the Free Software Foundation. 7 * published by the Free Software Foundation.
8 * 8 *
9 * Adblock Plus is distributed in the hope that it will be useful, 9 * Adblock Plus is distributed in the hope that it will be useful,
10 * but WITHOUT ANY WARRANTY; without even the implied warranty of 10 * but WITHOUT ANY WARRANTY; without even the implied warranty of
(...skipping 35 matching lines...) Expand 10 before | Expand all | Expand 10 after
46 46
47 html 47 html
48 { 48 {
49 font-size: 16px; 49 font-size: 16px;
50 } 50 }
51 51
52 body 52 body
53 { 53 {
54 background-color: #F3F3F3; 54 background-color: #F3F3F3;
55 display: flex; 55 display: flex;
56 justify-content: center;
56 margin: 1.2rem 0.3rem; 57 margin: 1.2rem 0.3rem;
57 font-family: "Source Sans Pro", sans-serif; 58 font-family: "Source Sans Pro", sans-serif;
58 font-size: 1.25rem; 59 font-size: 1.25rem;
59 color: #494949; 60 color: #494949;
60 } 61 }
61 62
62 h1 63 h1
63 { 64 {
64 font-size: 3rem; 65 font-size: 3rem;
65 font-weight: 300; 66 font-weight: 300;
(...skipping 346 matching lines...) Expand 10 before | Expand all | Expand 10 after
412 #sidebar 413 #sidebar
413 { 414 {
414 flex-shrink: 0; 415 flex-shrink: 0;
415 } 416 }
416 417
417 #sidebar .fixed 418 #sidebar .fixed
418 { 419 {
419 top: 1.2rem; 420 top: 1.2rem;
420 bottom: 0rem; 421 bottom: 0rem;
421 height: auto; 422 height: auto;
422 position: fixed;
423 } 423 }
424 424
425 #sidebar header 425 #sidebar header
426 { 426 {
427 text-align: right; 427 text-align: right;
428 margin-right: 2rem; 428 margin-right: 2rem;
429 } 429 }
430 430
431 html[dir="rtl"] #sidebar header 431 html[dir="rtl"] #sidebar header
432 { 432 {
(...skipping 69 matching lines...) Expand 10 before | Expand all | Expand 10 after
502 li a[role="tab"][aria-selected] 502 li a[role="tab"][aria-selected]
503 { 503 {
504 -moz-border-start-color: #CDCDCD; 504 -moz-border-start-color: #CDCDCD;
505 -webkit-border-start-color: #CDCDCD; 505 -webkit-border-start-color: #CDCDCD;
506 font-weight: 700; 506 font-weight: 700;
507 background-color: #FFF; 507 background-color: #FFF;
508 } 508 }
509 509
510 #sidebar footer 510 #sidebar footer
511 { 511 {
512 bottom: 0px;
513 position: absolute;
514 width: 100%; 512 width: 100%;
515 } 513 }
516 514
517 #sidebar footer p 515 #sidebar footer p
518 { 516 {
519 display: flex; 517 display: flex;
520 justify-content: center; 518 justify-content: center;
521 margin: 1.2rem 0rem; 519 margin: 1.2rem 0rem;
522 } 520 }
523 521
522 @media (min-height: 37rem)
523 {
524 #sidebar .fixed
525 {
526 position: fixed;
527 }
528
529 #sidebar footer
530 {
531 bottom: 0px;
532 position: absolute;
533 }
534 }
535
524 /* 536 /*
525 Main content 537 Main content
526 */ 538 */
527 539
528 body[data-tab|="general"] #content-general, 540 body[data-tab|="general"] #content-general,
529 body[data-tab|="advanced"] #content-advanced, 541 body[data-tab|="advanced"] #content-advanced,
530 body[data-tab|="whitelist"] #content-whitelist, 542 body[data-tab|="whitelist"] #content-whitelist,
531 body[data-tab|="help"] #content-help 543 body[data-tab|="help"] #content-help
532 { 544 {
533 display: block; 545 display: block;
(...skipping 902 matching lines...) Expand 10 before | Expand all | Expand 10 after
1436 1448
1437 #hide-notification::after 1449 #hide-notification::after
1438 { 1450 {
1439 background-color: #099DD1; 1451 background-color: #099DD1;
1440 } 1452 }
1441 1453
1442 #hide-notification:hover::after 1454 #hide-notification:hover::after
1443 { 1455 {
1444 background-color: #5CBCE1; 1456 background-color: #5CBCE1;
1445 } 1457 }
OLDNEW
« no previous file with comments | « no previous file | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld