controlled_setting.css revision 5d1f7b1de12d16ceb2c938c56701a3e8bfa558f7
1/* Copyright 2013 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/* Controlled setting indicator and bubble. */
6
7.controlled-setting-with-label {
8  -webkit-box-align: center;
9  display: -webkit-box;
10  padding-bottom: 7px;
11  padding-top: 7px;
12}
13
14.controlled-setting-with-label > input + span {
15  -webkit-box-align: center;
16  -webkit-box-flex: 1;
17  -webkit-margin-start: 0.6em;
18  display: -webkit-box;
19}
20
21.controlled-setting-with-label > input:disabled + span label {
22  color: #999;
23}
24
25.controlled-setting-with-label label {
26  display: inline;
27  padding: 0;
28}
29
30.controlled-setting-indicator:not([controlled-by]) {
31  display: none;
32}
33
34.controlled-setting-indicator[controlled-by='policy'] > div {
35  background-image: url('chrome://theme/IDR_CONTROLLED_SETTING_MANDATORY');
36}
37
38.controlled-setting-indicator[controlled-by='owner'] > div {
39  background-image: url('chrome://theme/IDR_CONTROLLED_SETTING_OWNER');
40}
41
42.controlled-setting-indicator[controlled-by='extension'] > div {
43  background-image: url('chrome://theme/IDR_CONTROLLED_SETTING_EXTENSION');
44}
45
46.controlled-setting-indicator[controlled-by='shared'] > div {
47  background-image: url('chrome://theme/IDR_CONTROLLED_SETTING_SHARED');
48}
49
50.controlled-setting-indicator:-webkit-any([controlled-by='recommended'],
51    [controlled-by='hasRecommendation']) > div {
52  background-image: url('chrome://theme/IDR_CONTROLLED_SETTING_MANDATORY');
53}
54
55.controlled-setting-bubble-action {
56  padding: 0 !important;
57}
58
59.controlled-setting-bubble-content-row {
60  height: 35px;
61  position: relative;
62}
63
64.controlled-setting-bubble-extension-name {
65  -webkit-padding-start: 30px;
66  background-repeat: no-repeat;
67  font-weight: bold;
68  height: 24px;
69  margin-top: -12px;
70  overflow: hidden;
71  padding-top: 3px;
72  position: absolute;
73  text-overflow: ellipsis;
74  top: 50%;
75  white-space: nowrap;
76  width: 215px;
77}
78
79html[dir='rtl'] .controlled-setting-bubble-extension-name {
80  background-position: right top;
81}
82
83.controlled-setting-bubble-extension-manage-link {
84  margin-top: -0.5em;
85  position: absolute;
86  top: 50%;
87}
88
89.controlled-setting-bubble-extension-disable-button {
90  bottom: 0;
91  position: absolute;
92  right: 0;
93}
94
95html[dir='rtl'] .controlled-setting-bubble-extension-disable-button {
96  left: 0;
97  right: auto;
98}
99