| OLD | NEW | 
|---|
| 1 /* | 1 /* | 
| 2 Copyright (c) 2010 The Chromium Authors. All rights reserved. | 2 Copyright (c) 2010 The Chromium Authors. All rights reserved. | 
| 3 Use of this source code is governed by a BSD-style license that can be | 3 Use of this source code is governed by a BSD-style license that can be | 
| 4 found in the LICENSE file. | 4 found in the LICENSE file. | 
| 5 */ | 5 */ | 
| 6 | 6 | 
| 7 .exceptionPattern { | 7 .exception-pattern { | 
|  | 8   -webkit-box-flex: 1; | 
|  | 9   -webkit-margin-end: 10px; | 
|  | 10   -webkit-margin-start: 14px; | 
| 8   display: -webkit-box; | 11   display: -webkit-box; | 
| 9   margin-right: 4px; | 12   margin-right: 4px; | 
| 10   overflow: hidden; | 13   overflow: hidden; | 
| 11   -webkit-box-flex: 1; |  | 
| 12   white-space: nowrap; | 14   white-space: nowrap; | 
| 13 } | 15 } | 
| 14 | 16 | 
| 15 .exceptionSetting { | 17 .exception-setting { | 
|  | 18   -webkit-margin-end: 20px; | 
| 16   display: inline-block; | 19   display: inline-block; | 
| 17   width: 100px; | 20   width: 100px; | 
| 18   margin-right: 20px; |  | 
| 19 } | 21 } | 
| 20 | 22 | 
| 21 select.exceptionSetting { | 23 select.exception-setting { | 
| 22   vertical-align: middle; | 24   vertical-align: middle; | 
| 23 } | 25 } | 
| 24 | 26 | 
| 25 /* Hacks to make the <select> align better with the <input>. */ | 27 /* Hacks to make the <select> align better with the <input>. */ | 
| 26 html[toolkit=gtk] select.exceptionSetting { | 28 html[toolkit=gtk] select.exception-setting { | 
| 27   height: 22px; | 29   height: 22px; | 
| 28   margin-top: 1px; | 30   margin-top: 1px; | 
| 29 } | 31 } | 
| 30 | 32 | 
| 31 #exceptionColumnHeaders { | 33 #exception-column-headers { | 
|  | 34   -webkit-margin-start: 17px; | 
| 32   display: -webkit-box; | 35   display: -webkit-box; | 
| 33   margin-top: 17px; | 36   margin-top: 17px; | 
| 34   -webkit-margin-start: 3px; |  | 
| 35 } | 37 } | 
| 36 | 38 | 
| 37 #exceptionColumnHeaders > div { | 39 #exception-column-headers > div { | 
| 38   font-weight: bold; | 40   font-weight: bold; | 
| 39 } | 41 } | 
| 40 | 42 | 
| 41 #exceptionPatternColumn { | 43 #exception-pattern-column { | 
| 42   -webkit-box-flex: 1; | 44   -webkit-box-flex: 1; | 
| 43 } | 45 } | 
| 44 | 46 | 
| 45 #exceptionBehaviorColumn { | 47 #exception-behavior-column { | 
| 46   width: 140px; | 48   width: 140px; | 
| 47 } | 49 } | 
| 48 | 50 | 
| 49 .otr_explanation { | 51 .otr-explanation { | 
| 50   font-style: italic; | 52   font-style: italic; | 
| 51 } | 53 } | 
| 52 | 54 | 
| 53 #contentSettingsExceptionsArea list { | 55 #content-settings-exceptions-area list { | 
| 54   margin-bottom: 10px; | 56   margin-bottom: 10px; | 
| 55   margin-top: 4px; | 57   margin-top: 4px; | 
| 56 } | 58 } | 
|  | 59 | 
|  | 60 #content-settings-exceptions-area input:invalid { | 
|  | 61   background-color: pink; | 
|  | 62 } | 
| OLD | NEW | 
|---|