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
5body.uber-frame {
6  -webkit-margin-start: 0;
7}
8
9body.uber-frame > .page {
10  -webkit-margin-end: 0;
11  -webkit-padding-end: 10px;
12  -webkit-padding-start: 10px;
13  min-width: 0;
14}
15
16#filter-overlay {
17  padding-bottom: 0;
18  position: fixed;
19  z-index: 4;
20}
21
22body.uber-frame header {
23  left: 0;
24  max-width: none;
25  min-width: 0;
26}
27
28body.uber-frame header > h1 {
29  margin-left: 10px;
30}
31
32body.uber-frame section {
33  -webkit-padding-start: 0;
34  max-width: none;
35}
36
37body.uber-frame section > h3 {
38  -webkit-margin-start: 0;
39}
40
41#status-box-container {
42  display: -webkit-flex;
43}
44
45fieldset {
46  border: 1px solid rgb(217, 217, 217);
47  display: inline;
48  margin: 0;
49  padding: 7px;
50}
51
52fieldset + fieldset {
53  -webkit-margin-start: 20px;
54}
55
56div.status-entry {
57  display: -webkit-flex;
58  margin-bottom: .8em;
59}
60
61div.status-entry:last-child {
62  margin-bottom: 0;
63}
64
65div.label {
66  -webkit-margin-end: 1em;
67  white-space: nowrap;
68}
69
70#show-unset-container {
71  float: right;
72  text-align: right;
73}
74
75html[dir='rtl'] #show-unset-container {
76  float: left;
77  text-align: left;
78}
79
80div.reload-policies-button {
81  float: left;
82}
83
84html[dir='rtl'] div.reload-policies-button {
85  float: right;
86}
87
88div.show-unset-checkbox {
89  float: right;
90}
91
92html[dir='rtl'] div.show-unset-checkbox {
93  float: left;
94}
95
96section.reload-show-unset-section {
97  padding-bottom: 30px;
98  padding-top: 15px;
99}
100
101section.status-box-section {
102  clear: both;
103}
104
105div.table-description {
106  color: rgb(100, 100, 100);
107}
108
109div.no-policies-set {
110  clear: both;
111  color: rgb(180, 180, 180);
112  font-size: 125%;
113  margin-bottom: 10px;
114  margin-top: 20px;
115  text-align: center;
116}
117
118table {
119  border-collapse: collapse;
120  margin-bottom: 5px;
121  margin-top: 17px;
122  table-layout: fixed;
123  width: 100%;
124  word-wrap: break-word;
125}
126
127section.empty > table {
128  display: none;
129}
130
131section:not(.empty) > div.no-policies-set {
132  display: none;
133}
134
135body.uber-frame * section.policy-table-section {
136  padding-bottom: 10px;
137}
138
139th,
140td {
141  border: 1px solid rgb(217, 217, 217);
142  padding: 4px;
143}
144
145th {
146  background-color: rgb(240, 240, 240);
147  font-weight: normal;
148}
149
150.scope-column {
151  display: none;
152}
153
154.level-column {
155  display: none;
156}
157
158.name-column {
159  width: 45%;
160}
161
162div.name {
163  word-wrap: break-word;
164}
165
166.status-column {
167  width: 15%;
168}
169
170div.elide,
171span.value {
172  overflow: hidden;
173  text-overflow: ellipsis;
174  white-space: nowrap;
175}
176
177button.toggle-expanded-value {
178  padding: 0;
179}
180
181tbody.has-overflowed-value span.value {
182  display: none;
183}
184
185tbody:not(.has-overflowed-value) button.toggle-expanded-value {
186  display: none;
187}
188
189tbody:not(.has-overflowed-value) > tr.expanded-value-container,
190tbody:not(.show-overflowed-value) > tr.expanded-value-container {
191  display: none;
192}
193
194td.expanded-value {
195  white-space: pre;
196  word-wrap: break-word;
197}
198