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

Side by Side Diff: skin/options.css

Issue 29323156: Issue 2410 - Improved accessibility of dialogs in options page (Closed)
Patch Set: Created Oct. 2, 2015, 10:24 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 | « options.js ('k') | 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-2015 Eyeo GmbH 3 * Copyright (C) 2006-2015 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 461 matching lines...) Expand 10 before | Expand all | Expand 10 after
472 .tabs.horizontal li.active 472 .tabs.horizontal li.active
473 { 473 {
474 border-bottom: 2px solid #1E8728; 474 border-bottom: 2px solid #1E8728;
475 color: black; 475 color: black;
476 font-weight: 600; 476 font-weight: 600;
477 padding-bottom: 10px; 477 padding-bottom: 10px;
478 } 478 }
479 479
480 .icon, .table input[type="checkbox"]::before, .table button.delete, 480 .icon, .table input[type="checkbox"]::before, .table button.delete,
481 #content-help a::before, #dialog-close::before, 481 #content-help a::before, #dialog-close::before,
482 #custom-filters-add button::after 482 #custom-filters-add button::after,
483 #dialog-body button::before
483 { 484 {
484 background-image: url(options-sprite.png); 485 background-image: url(options-sprite.png);
485 display: inline-block; 486 display: inline-block;
486 } 487 }
487 488
488 .icon-add 489 .icon-add
489 { 490 {
490 background-position: -0px -0px; 491 background-position: -0px -0px;
491 cursor: pointer; 492 cursor: pointer;
492 height: 18px; 493 height: 18px;
493 min-width: 18px; 494 min-width: 18px;
494 } 495 }
495 496
496 .icon-update 497 .icon-update
497 { 498 {
498 background-position: -34px -0px; 499 background-position: -34px -0px;
499 cursor: pointer; 500 cursor: pointer;
500 height: 18px; 501 height: 18px;
501 width: 18px; 502 width: 18px;
502 } 503 }
503 504
504 .icon-edit 505 .icon-edit
505 { 506 {
506 background-position: -17px -0px; 507 background-position: -17px -0px;
507 cursor: pointer; 508 cursor: pointer;
508 height: 18px; 509 height: 18px;
509 width: 18px; 510 width: 18px;
510 } 511 }
511 512
512 .icon-arrow, 513 #content-help a::before,
513 #content-help a::before 514 #dialog-body button::before
514 { 515 {
515 background-position: 0px -42px; 516 background-position: 0px -42px;
516 content: ""; 517 content: "";
517 cursor: pointer; 518 cursor: pointer;
518 height: 11px; 519 height: 11px;
519 vertical-align: middle; 520 vertical-align: middle;
520 width: 7px; 521 width: 7px;
522 -moz-margin-end: 12px;
523 -webkit-margin-end: 12px;
521 } 524 }
522 525
523 .controls 526 .controls
524 { 527 {
525 border-top: 1px solid #CDCDCD; 528 border-top: 1px solid #CDCDCD;
526 padding-top: 8px; 529 padding-top: 8px;
527 -moz-padding-start: 16px; 530 -moz-padding-start: 16px;
528 -webkit-padding-start: 16px; 531 -webkit-padding-start: 16px;
529 position: relative; 532 position: relative;
530 } 533 }
(...skipping 462 matching lines...) Expand 10 before | Expand all | Expand 10 after
993 vertical-align: middle; 996 vertical-align: middle;
994 -moz-margin-end: 6px; 997 -moz-margin-end: 6px;
995 -webkit-margin-end: 6px; 998 -webkit-margin-end: 6px;
996 } 999 }
997 1000
998 #dialog #dialog-body 1001 #dialog #dialog-body
999 { 1002 {
1000 margin: 4px 24px; 1003 margin: 4px 24px;
1001 } 1004 }
1002 1005
1003 #dialog h3 1006 #dialog h3,
1007 #dialog label
1004 { 1008 {
1005 font-size: 14px; 1009 font-size: 14px;
1010 font-weight: 600;
1006 margin: 0px; 1011 margin: 0px;
1007 } 1012 }
1008 1013
1009 #dialog input[type="text"], 1014 #dialog input[type="text"],
1010 #dialog input[type="search"] 1015 #dialog input[type="search"]
1011 { 1016 {
1012 font-size: 16px; 1017 font-size: 16px;
1013 margin-top: 10px; 1018 margin-top: 10px;
1014 padding: 5px; 1019 padding: 5px;
1015 width: 100%; 1020 width: 100%;
(...skipping 22 matching lines...) Expand all
1038 flex: 1; 1043 flex: 1;
1039 font-size: 16px; 1044 font-size: 16px;
1040 color: #FFFFFF; 1045 color: #FFFFFF;
1041 } 1046 }
1042 1047
1043 #dialog-body .dialog-content-block 1048 #dialog-body .dialog-content-block
1044 { 1049 {
1045 padding: 12px 0px; 1050 padding: 12px 0px;
1046 } 1051 }
1047 1052
1048 #dialog .button-wrapper 1053 #dialog-body button
1049 { 1054 {
1050 background-color: #F5F5F5; 1055 background-color: #F5F5F5;
1056 border: none;
1057 color: #3A7BA6;
1058 cursor: pointer;
1059 display: block;
1060 font-family: inherit;
1051 margin-top: 8px; 1061 margin-top: 8px;
1052 padding: 10px 16px; 1062 padding: 10px 16px;
1053 cursor: pointer; 1063 text-align: start;
saroyanm 2015/10/02 13:18:51 According to MDN "start" value for text-align prop
Thomas Greiner 2015/10/02 14:17:33 Done.
1054 width: auto; 1064 width: 100%;
1055 }
1056
1057 #dialog .button-wrapper span:not(.icon)
1058 {
1059 color: #3A7BA6;
1060 display: inline-block;
1061 -moz-margin-start: 15px;
1062 -webkit-margin-start: 15px;
1063 vertical-align: top;
1064 } 1065 }
1065 1066
1066 #dialog .url 1067 #dialog .url
1067 { 1068 {
1068 margin-top: 10px; 1069 margin-top: 10px;
1069 margin-bottom: 20px; 1070 margin-bottom: 20px;
1070 word-wrap: break-word; 1071 word-wrap: break-word;
1071 } 1072 }
1072 1073
1073 body:not([data-dialog="custom"]) #dialog-title-custom, 1074 body:not([data-dialog="custom"]) #dialog-title-custom,
1074 body:not([data-dialog="custom"]) #dialog-content-custom, 1075 body:not([data-dialog="custom"]) #dialog-content-custom,
1075 body:not([data-dialog="language"]) #dialog-title-language, 1076 body:not([data-dialog="language"]) #dialog-title-language,
1076 body:not([data-dialog="language"]) #dialog-content-language, 1077 body:not([data-dialog="language"]) #dialog-content-language,
1077 body:not([data-dialog="predefined"]) #dialog-title-predefined, 1078 body:not([data-dialog="predefined"]) #dialog-title-predefined,
1078 body:not([data-dialog="predefined"]) #dialog-content-predefined, 1079 body:not([data-dialog="predefined"]) #dialog-content-predefined,
1079 body:not([data-dialog]) #dialog 1080 body:not([data-dialog]) #dialog
1080 { 1081 {
1081 display: none; 1082 display: none;
1082 } 1083 }
1083 1084
1084 #other-language .button-add 1085 #other-language .button-add
1085 { 1086 {
1087 background-color: transparent;
1088 margin: 0px;
1089 padding: 0px;
1090 width: auto;
1086 -webkit-border-end: 1px solid #CDCDCD; 1091 -webkit-border-end: 1px solid #CDCDCD;
1087 -moz-border-end: 1px solid #CDCDCD; 1092 -moz-border-end: 1px solid #CDCDCD;
1088 -webkit-padding-end: 10px; 1093 -webkit-padding-end: 10px;
1089 -moz-padding-end: 10px; 1094 -moz-padding-end: 10px;
1090 -webkit-padding-start: 0px; 1095 -webkit-padding-start: 0px;
1091 -moz-padding-start: 0px; 1096 -moz-padding-start: 0px;
1092 } 1097 }
1093 1098
1099 #other-language .button-add::before
1100 {
1101 display: none;
1102 }
1103
1094 #other-language .display 1104 #other-language .display
1095 { 1105 {
1096 -webkit-margin-start: 10px; 1106 -webkit-margin-start: 10px;
1097 -moz-margin-start: 10px; 1107 -moz-margin-start: 10px;
1098 } 1108 }
OLDNEW
« no previous file with comments | « options.js ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld