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

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

Issue 29338983: issue 3741 - Add "remove" option to list items in new options page (Closed)
Patch Set: Added title attribute to whitelisting and custom list table Created June 8, 2016, 3:53 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 | « new-options.js ('k') | skin/options-sprite.png » ('j') | 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-2016 Eyeo GmbH 3 * Copyright (C) 2006-2016 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 84 matching lines...) Expand 10 before | Expand all | Expand 10 after
95 input[type="search"], 95 input[type="search"],
96 textarea 96 textarea
97 { 97 {
98 -webkit-box-sizing: border-box; 98 -webkit-box-sizing: border-box;
99 -moz-box-sizing: border-box; 99 -moz-box-sizing: border-box;
100 box-sizing: border-box; 100 box-sizing: border-box;
101 } 101 }
102 102
103 button[role="checkbox"] 103 button[role="checkbox"]
104 { 104 {
105 vertical-align: top;
106 width: 18px; 105 width: 18px;
107 height: 18px; 106 height: 18px;
108 margin-top: 0px; 107 margin-top: 0px;
109 -moz-margin-end: 20px; 108 -moz-margin-end: 20px;
110 -webkit-margin-end: 20px; 109 -webkit-margin-end: 20px;
111 padding: 0px; 110 padding: 0px;
112 border: none; 111 border: none;
113 background-color: transparent; 112 background-color: transparent;
114 background-position: -51px 0px; 113 background-position: -51px 0px;
115 } 114 }
(...skipping 236 matching lines...) Expand 10 before | Expand all | Expand 10 after
352 { 351 {
353 list-style: none; 352 list-style: none;
354 margin: 0px; 353 margin: 0px;
355 padding: 0px; 354 padding: 0px;
356 position: relative; 355 position: relative;
357 } 356 }
358 357
359 .table li 358 .table li
360 { 359 {
361 display: flex; 360 display: flex;
362 padding: 12px 0px; 361 align-items: center;
363 -webkit-padding-start: 16px; 362 padding: 12px 16px;
364 -moz-padding-start: 16px;
365 border-radius: 3px; 363 border-radius: 3px;
366 } 364 }
367 365
368 .table.list, 366 .table.list,
369 #custom-wrapper 367 #custom-wrapper
370 { 368 {
371 border-bottom: 1px solid #CDCDCD; 369 border-bottom: 1px solid #CDCDCD;
372 } 370 }
373 371
374 .table.list li .display 372 .table.list li .display
(...skipping 31 matching lines...) Expand 10 before | Expand all | Expand 10 after
406 404
407 button[disabled="true"] 405 button[disabled="true"]
408 { 406 {
409 border-radius: 2px; 407 border-radius: 2px;
410 background-color: #ccc; 408 background-color: #ccc;
411 } 409 }
412 410
413 .table button.delete 411 .table button.delete
414 { 412 {
415 background-color: transparent; 413 background-color: transparent;
416 background-position: -10px -33px; 414 background-position: -50px -51px;
417 border: 0px; 415 border: 0px;
418 margin-top: 5px; 416 height: 10px;
419 -moz-margin-end: 20px;
420 -webkit-margin-end: 20px;
421 padding: 0px; 417 padding: 0px;
418 cursor: pointer;
419 width: 10px;
422 } 420 }
423 421
424 .table .popular 422 .table button.delete:hover
425 { 423 {
426 color: #1E8728; 424 background-position: -61px -51px;
427 font-size: 12px;
428 -moz-padding-end: 12px;
429 -webkit-padding-end: 12px;
430 } 425 }
431 426
432 .tabs.horizontal 427 .tabs.horizontal
433 { 428 {
434 display: flex; 429 display: flex;
435 margin-top: 0px; 430 margin-top: 0px;
436 margin-bottom: 0px; 431 margin-bottom: 0px;
437 padding: 0px; 432 padding: 0px;
438 border-bottom: 1px solid #CDCDCD; 433 border-bottom: 1px solid #CDCDCD;
439 } 434 }
(...skipping 58 matching lines...) Expand 10 before | Expand all | Expand 10 after
498 { 493 {
499 background-position: -1px -62px; 494 background-position: -1px -62px;
500 } 495 }
501 496
502 .icon-cancel 497 .icon-cancel
503 { 498 {
504 background-position: -12px -62px; 499 background-position: -12px -62px;
505 } 500 }
506 501
507 .icon-enter, 502 .icon-enter,
508 #custom-filters-add button::after, 503 #custom-filters-add button::after
509 .table button.delete
510 { 504 {
511 height: 8px; 505 height: 8px;
512 width: 8px; 506 width: 8px;
513 cursor: pointer; 507 cursor: pointer;
514 } 508 }
515 509
516 #dialog-close::before, 510 #dialog-close::before,
517 .date::before, 511 .date::before,
518 .time::before 512 .time::before
519 { 513 {
(...skipping 175 matching lines...) Expand 10 before | Expand all | Expand 10 after
695 689
696 body[data-tab="advanced-allFilterLists"] #content-advanced [data-tab="advanced-a llFilterLists"], 690 body[data-tab="advanced-allFilterLists"] #content-advanced [data-tab="advanced-a llFilterLists"],
697 body[data-tab="advanced-customFilters"] #content-advanced [data-tab="advanced-cu stomFilters"] 691 body[data-tab="advanced-customFilters"] #content-advanced [data-tab="advanced-cu stomFilters"]
698 { 692 {
699 border-bottom: 2px solid #1E8728; 693 border-bottom: 2px solid #1E8728;
700 padding-bottom: 10px; 694 padding-bottom: 10px;
701 color: black; 695 color: black;
702 font-weight: 600; 696 font-weight: 600;
703 } 697 }
704 698
705 #all-filter-lists .table li 699 #all-filter-lists .table
706 { 700 {
707 padding-left: 16px; 701 display: inline-block;
708 padding-right: 16px;
709 } 702 }
710 703
711 #all-filter-lists .table li > div 704 #all-filter-lists .table li > div
712 { 705 {
713 display: flex; 706 display: flex;
714 width: 330px; 707 width: 330px;
715 } 708 }
716 709
717 .table-header 710 .table-header
718 { 711 {
(...skipping 606 matching lines...) Expand 10 before | Expand all | Expand 10 after
1325 #other-language .button-add::before 1318 #other-language .button-add::before
1326 { 1319 {
1327 display: none; 1320 display: none;
1328 } 1321 }
1329 1322
1330 #other-language .display 1323 #other-language .display
1331 { 1324 {
1332 -webkit-margin-start: 10px; 1325 -webkit-margin-start: 10px;
1333 -moz-margin-start: 10px; 1326 -moz-margin-start: 10px;
1334 } 1327 }
OLDNEW
« no previous file with comments | « new-options.js ('k') | skin/options-sprite.png » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld