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

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

Issue 29411555: Issue 5169 - Add whitelisted tab to the new options page (Closed)
Patch Set: Addressed comments Created May 31, 2017, 8:27 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
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-2017 eyeo GmbH 3 * Copyright (C) 2006-2017 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 329 matching lines...) Expand 10 before | Expand all | Expand 10 after
340 position: relative; 340 position: relative;
341 } 341 }
342 342
343 #content-wrapper > div 343 #content-wrapper > div
344 { 344 {
345 display: none; 345 display: none;
346 } 346 }
347 347
348 body[data-tab|="general"] #content-general, 348 body[data-tab|="general"] #content-general,
349 body[data-tab|="advanced"] #content-advanced, 349 body[data-tab|="advanced"] #content-advanced,
350 body[data-tab|="whitelist"] #content-whitelist,
350 body[data-tab|="help"] #content-help 351 body[data-tab|="help"] #content-help
351 { 352 {
352 display: block; 353 display: block;
353 } 354 }
354 355
355 div.button 356 div.button
356 { 357 {
357 cursor: pointer; 358 cursor: pointer;
358 display: flex; 359 display: flex;
359 } 360 }
(...skipping 47 matching lines...) Expand 10 before | Expand all | Expand 10 after
407 { 408 {
408 vertical-align: top; 409 vertical-align: top;
409 } 410 }
410 411
411 .table.cols 412 .table.cols
412 { 413 {
413 border-bottom: 1px solid #CDCDCD; 414 border-bottom: 1px solid #CDCDCD;
414 border-top: 1px solid #CDCDCD; 415 border-top: 1px solid #CDCDCD;
415 } 416 }
416 417
417 button[disabled="true"] 418 button[role="checkbox"][disabled]
418 { 419 {
419 border-radius: 2px; 420 border-radius: 2px;
420 background-color: #ccc; 421 background-color: #ccc;
421 } 422 }
422 423
423 .table button.delete 424 .table button.delete
424 { 425 {
425 background-color: transparent; 426 background-color: transparent;
426 background-position: -50px -51px; 427 background-position: -50px -51px;
427 border: 0px; 428 border: 0px;
(...skipping 76 matching lines...) Expand 10 before | Expand all | Expand 10 after
504 .icon-save 505 .icon-save
505 { 506 {
506 background-position: -1px -62px; 507 background-position: -1px -62px;
507 } 508 }
508 509
509 .icon-cancel 510 .icon-cancel
510 { 511 {
511 background-position: -12px -62px; 512 background-position: -12px -62px;
512 } 513 }
513 514
514 .icon-enter,
515 #custom-filters-add button::after 515 #custom-filters-add button::after
516 { 516 {
517 height: 8px; 517 height: 8px;
518 width: 8px; 518 width: 8px;
519 cursor: pointer; 519 cursor: pointer;
520 } 520 }
521 521
522 #dialog-close::before, 522 #dialog-close::before,
523 .date::before, 523 .date::before,
524 .time::before 524 .time::before
(...skipping 78 matching lines...) Expand 10 before | Expand all | Expand 10 after
603 { 603 {
604 height: 290px; 604 height: 290px;
605 overflow: auto; 605 overflow: auto;
606 } 606 }
607 607
608 #custom-wrapper .table 608 #custom-wrapper .table
609 { 609 {
610 width: 100%; 610 width: 100%;
611 } 611 }
612 612
613 #whitelisting .controls.mode-edit > button, 613 .button-add
614 #whitelisting .controls:not(.mode-edit) > div
615 {
616 display: none;
617 }
618
619 #whitelisting .controls input[type="text"]
620 {
621 border: 0px;
622 border-bottom: 1px solid #A1A1A1;
623 -moz-padding-end: 25px;
624 -webkit-padding-end: 25px;
625 -moz-margin-start: 14px;
626 -webkit-margin-start: 14px;
627 outline: 0px;
628 padding-bottom: 5px;
629 vertical-align: text-bottom;
630 width: 100%;
631 }
632
633 #whitelisting .controls .button-add span
634 {
635 -moz-margin-start: 5px;
636 -webkit-margin-start: 5px;
637 }
638
639 #whitelisting .button-add
640 {
641 -moz-margin-start: 32px;
642 -webkit-margin-start: 32px;
643 }
644
645 #whitelisting-add-button + span
646 {
647 flex: 1;
648 }
649
650 .icon-enter
651 {
652 background-position: -19px -33px;
653 position: absolute;
654 bottom: 9px;
655 -moz-margin-start: -20px;
656 -webkit-margin-start: -20px;
657 }
658
659 .button-add, .cancel-button
660 { 614 {
661 background-color: transparent; 615 background-color: transparent;
662 border: 0px; 616 border: 0px;
663 color: #3A7BA6; 617 color: #3A7BA6;
664 cursor: pointer; 618 cursor: pointer;
665 } 619 }
666 620
667 /* 621 /*
668 Advanced tab content 622 Advanced tab content
669 */ 623 */
(...skipping 658 matching lines...) Expand 10 before | Expand all | Expand 10 after
1328 #other-language .button-add::before 1282 #other-language .button-add::before
1329 { 1283 {
1330 display: none; 1284 display: none;
1331 } 1285 }
1332 1286
1333 #other-language .display 1287 #other-language .display
1334 { 1288 {
1335 -webkit-margin-start: 10px; 1289 -webkit-margin-start: 10px;
1336 -moz-margin-start: 10px; 1290 -moz-margin-start: 10px;
1337 } 1291 }
OLDNEW
« new-options.js ('K') | « new-options.js ('k') | skin/tooltips/whitelisted.png » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld