1/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
2 * Use of this source code is governed by a BSD-style license that can be
3 * found in the LICENSE file. */
4
5#content-settings-page {
6  min-width: 620px;
7}
8
9#content-settings-exceptions-area {
10  min-width: 540px;
11}
12
13.exception-pattern {
14  -webkit-box-flex: 1;
15  -webkit-margin-end: 10px;
16  -webkit-margin-start: 14px;
17}
18
19.exception-setting {
20  display: inline-block;
21  width: 120px;
22}
23
24select.exception-setting {
25  vertical-align: middle;
26}
27
28#exception-column-headers {
29  -webkit-margin-start: 17px;
30  display: -webkit-box;
31  margin-top: 17px;
32}
33
34#exception-column-headers > div {
35  font-weight: bold;
36}
37
38#exception-pattern-column {
39  -webkit-box-flex: 1;
40}
41
42.exception-value-column-header {
43  width: 145px;
44}
45
46.otr-explanation {
47  font-style: italic;
48}
49
50#content-settings-exceptions-area list {
51  margin-bottom: 10px;
52  margin-top: 4px;
53}
54
55#disable-plugins-container {
56  /* Same as .checkbox and .radio padding. Using padding instead of margin
57   * to ensure minimum height for tap target. */
58  padding: 7px 0;
59}
60
61#group-indicator {
62  margin-left: 5px;
63}
64
65div[role='listitem'][controlled-by] {
66  color: #666;
67  font-style: italic;
68  position: relative;
69}
70
71.settings-list div[role='listitem'][controlled-by='policy'],
72.settings-list div[role='listitem'][controlled-by='extension'] {
73  background: rgb(250, 230, 146);
74  border-bottom: 1px solid rgb(201, 189, 141);
75  border-top: 0;
76}
77
78.sublabel {
79  -webkit-margin-start: 2em;
80}
81
82.media-device-control {
83  display: table-row;
84}
85
86.media-device-control > span {
87  display: table-cell;
88  min-width: 145px;
89}
90
91.media-device-control > select {
92  display: table-cell;
93  margin: 5px 0;
94  width: 12em;
95}
96
97.exception-setting.media-audio-setting {
98  width: 6em;
99}
100
101.exception-setting.media-video-setting {
102  width: 6.5em;
103}
104
105#media-column-header {
106  display: -webkit-box;
107}
108
109#media-audio-column {
110  width: 6em;
111}
112
113#media-video-column {
114  width: 8.5em;
115}
116