content_settings.css revision 2a99a7e74a7f215066514fe81d2bfa6639d9eddd
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-behavior-column {
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.section-header {
72  -webkit-margin-start: -18px;
73  margin-bottom: 0.8em;
74}
75
76.section-header > h3 {
77  display: inline;
78}
79
80.settings-list div[role='listitem'][controlled-by='policy'],
81.settings-list div[role='listitem'][controlled-by='extension'] {
82  background: rgb(250, 230, 146);
83  border-bottom: 1px solid rgb(201, 189, 141);
84  border-top: 0;
85}
86
87.sublabel {
88  -webkit-margin-start: 2em;
89}
90
91.media-device-control {
92  display: table-row;
93}
94
95.media-device-control > span {
96  display: table-cell;
97  min-width: 145px;
98}
99
100.media-device-control > select {
101  display: table-cell;
102  margin: 5px 0;
103  width: 12em;
104}
105
106.exception-setting.media-audio-setting {
107  width: 6em;
108}
109
110.exception-setting.media-video-setting {
111  width: 6.5em;
112}
113
114#media-column-header {
115  display: -webkit-box;
116}
117
118#media-audio-column {
119  width: 6em;
120}
121
122#media-video-column {
123  width: 8.5em;
124}
125