OLD | NEW |
1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. | 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 | 2 * Use of this source code is governed by a BSD-style license that can be |
3 * found in the LICENSE file. */ | 3 * found in the LICENSE file. */ |
4 | 4 |
5 body { | 5 body.uber-frame { |
6 color: black; | 6 -webkit-margin-start: 23px; |
7 cursor: default; | |
8 font-family: Arial, sans-serif; | |
9 font-size: 14px; | |
10 margin: 0 10px; | |
11 min-width: 47em; | |
12 } | 7 } |
13 | 8 |
14 button { | 9 body.uber-frame > .page { |
15 font-size: 0.9em; | 10 -webkit-margin-end: 0; |
| 11 -webkit-padding-end: 24px; |
16 } | 12 } |
17 | 13 |
18 #header { | 14 #filter-overlay { |
19 border-bottom: 1px solid #000; | 15 padding-bottom: 0; |
20 padding-top: 20px; | 16 position: fixed; |
| 17 z-index: 4; |
21 } | 18 } |
22 | 19 |
23 #about-policy-title { | 20 body.uber-frame header { |
24 -webkit-padding-end: 24px; | 21 left: 23px; |
25 -webkit-user-select: none; | 22 max-width: none; |
26 border-bottom: 1px solid rgb(198, 201, 206); | |
27 color: rgb(83, 99, 125); | |
28 cursor: pointer; | |
29 font-size: 200%; | |
30 font-weight: normal; | |
31 margin: 0; | |
32 padding-bottom: 14px; | |
33 padding-top: 13px; | |
34 text-shadow: white 0 1px 2px; | |
35 } | 23 } |
36 | 24 |
37 #main-content { | 25 body.uber-frame section { |
38 min-height: 100%; | 26 max-width: none; |
39 } | 27 } |
40 | 28 |
41 #status-title, | 29 #status-box-container { |
42 #policies-title { | 30 display: -webkit-flex; |
43 font-size: 120%; | |
44 font-weight: bold; | |
45 width: 65%; | |
46 } | 31 } |
47 | 32 |
48 section { | 33 fieldset { |
49 border-bottom: 1px solid #eee; | 34 border: 1px solid rgb(217, 217, 217); |
50 margin-top: 17px; | 35 display: inline; |
51 padding-bottom: 20px; | 36 margin: 0; |
52 width: 100%; | 37 padding: 7px; |
53 } | 38 } |
54 | 39 |
55 .separator { | 40 fieldset + fieldset { |
56 -webkit-box-orient: horizontal; | 41 -webkit-margin-start: 20px; |
57 display: -webkit-box; | |
58 } | 42 } |
59 | 43 |
60 #fetch-policies, | 44 div.status-entry { |
61 #unsent-policies-control { | 45 display: -webkit-flex; |
62 -webkit-box-flex: 1; | 46 margin-bottom: .8em; |
63 } | 47 } |
64 | 48 |
65 #fetch-policies, | 49 div.status-entry:last-child { |
66 #unsent-policies-control, | 50 margin-bottom: 0; |
67 #search { | |
68 bottom: 3px; | |
69 position: relative; | |
70 } | 51 } |
71 | 52 |
72 #fetch-policies { | 53 div.label { |
73 margin-top: 20px; | 54 -webkit-margin-end: 1em; |
| 55 white-space: nowrap; |
74 } | 56 } |
75 | 57 |
76 #checkbox-and-label { | 58 #show-unset-container { |
77 -webkit-padding-end: 20px; | 59 text-align: right; |
78 float: right; | |
79 } | 60 } |
80 | 61 |
81 html[dir='rtl'] #checkbox-and-label { | 62 html[dir='rtl'] #show-unset-container { |
82 float: left; | 63 text-align: left; |
83 } | 64 } |
84 | 65 |
85 #search-field { | 66 div.no-policies-set { |
86 bottom: 2px; | 67 color: rgb(180, 180, 180); |
87 position: relative; | 68 font-size: 125%; |
88 } | 69 margin-top: 70px; |
89 | |
90 #status-pane { | |
91 -webkit-box-flex: 1; | |
92 -webkit-box-orient: horizontal; | |
93 display: -webkit-box; | |
94 margin: 0 10%; | |
95 } | |
96 | |
97 .status-box { | |
98 border: 1px solid #d9d9d9; | |
99 margin: 20px 100px; | |
100 min-height: 140px; | |
101 min-width: 300px; | |
102 overflow: hidden; | |
103 padding: 2px; | |
104 width: 30%; | |
105 } | |
106 | |
107 legend { | |
108 padding: 0.2em 0.5em; | |
109 } | |
110 | |
111 .status-box ul { | |
112 -webkit-padding-start: 10px; | |
113 list-style-type: none; | |
114 } | |
115 | |
116 .status-box li { | |
117 padding: 3px; | |
118 } | |
119 | |
120 #no-policies-text { | |
121 font-weight: bold; | |
122 margin: 20px; | |
123 text-align: center; | 70 text-align: center; |
124 } | 71 } |
125 | 72 |
126 #policy-table { | 73 section:not(.empty) > div.no-policies-set { |
127 table-layout: fixed; | 74 display: none; |
128 width: 100%; | |
129 } | 75 } |
130 | 76 |
131 #policy-table th td { | 77 table { |
132 border: 1px solid #fff; | |
133 border-collapse: collapse; | 78 border-collapse: collapse; |
| 79 margin-bottom: 5px; |
| 80 margin-top: 17px; |
| 81 table-layout: fixed; |
| 82 width: 100% |
134 } | 83 } |
135 | 84 |
136 #policy-table th { | 85 section.empty > table { |
137 background-color: rgb(218, 218, 221); | 86 display: none; |
138 padding: 10px; | |
139 } | 87 } |
140 | 88 |
141 #policy-table td { | 89 th, |
142 background-color: rgb(234, 238, 243); | 90 td { |
143 padding: 10px; | 91 border: 1px solid rgb(217, 217, 217); |
144 position: relative; | 92 padding: 7px; |
145 vertical-align: top; | |
146 width: 20%; | |
147 } | 93 } |
148 | 94 |
149 .text-collapsed { | 95 th { |
150 bottom: 0; | 96 background-color: rgb(240, 240, 240); |
151 left: 0; | 97 font-weight: normal; |
152 margin: 10px; | |
153 overflow: hidden; | |
154 position: absolute; | |
155 right: 0; | |
156 top: 0; | |
157 } | 98 } |
158 | 99 |
159 .text-cell { | 100 div.elide, |
| 101 span.value { |
160 overflow: hidden; | 102 overflow: hidden; |
161 } | |
162 | |
163 .text-collapsed .text-cell { | |
164 text-overflow: ellipsis; | 103 text-overflow: ellipsis; |
165 } | |
166 | |
167 .text-expanded .text-cell { | |
168 overflow: visible; | |
169 word-wrap: break-word; | |
170 } | |
171 | |
172 .text-collapsed .text-value { | |
173 white-space: nowrap; | 104 white-space: nowrap; |
174 } | 105 } |
175 | 106 |
176 .text-expanded .text-value { | 107 button.toggle-expanded-value { |
177 white-space: pre-wrap; | 108 padding: 0; |
178 } | 109 } |
179 | 110 |
180 .toggler { | 111 tbody.has-overflowed-value span.value { |
181 float: right; | 112 display: none; |
182 padding: 0 3px !important; | |
183 } | 113 } |
| 114 |
| 115 tbody:not(.has-overflowed-value) button.toggle-expanded-value { |
| 116 display: none; |
| 117 } |
| 118 |
| 119 tbody:not(.has-overflowed-value) > tr.expanded-value-container, |
| 120 tbody:not(.show-overflowed-value) > tr.expanded-value-container { |
| 121 display: none; |
| 122 } |
| 123 |
| 124 td.expanded-value { |
| 125 word-wrap: break-word; |
| 126 } |
OLD | NEW |