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 div#filter-overlay { |
James Hawkins
2013/01/30 16:22:29
Do you mean 'div #filter-overlay'?
bartfab (slow)
2013/01/31 14:24:17
I meant "the element with id 'filter-overlay'". Th
James Hawkins
2013/01/31 17:08:04
nit: Particularly, I meant add a space between div
bartfab (slow)
2013/01/31 17:36:13
But this is entirely different:
"div#filter-overl
James Hawkins
2013/01/31 17:48:22
Gotcha, didn't know what you were originally inten
| |
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 div#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; | |
63 } | 46 } |
64 | 47 |
65 #fetch-policies, | 48 div.status-entry + div.status-entry { |
66 #unsent-policies-control, | 49 margin-top: .8em; |
67 #search { | |
68 bottom: 3px; | |
69 position: relative; | |
70 } | 50 } |
71 | 51 |
72 #fetch-policies { | 52 div.label { |
73 margin-top: 20px; | 53 -webkit-margin-end: 1em; |
54 white-space: nowrap; | |
74 } | 55 } |
75 | 56 |
76 #checkbox-and-label { | 57 div#show-unset-container { |
77 -webkit-padding-end: 20px; | 58 text-align: right; |
78 float: right; | |
79 } | 59 } |
80 | 60 |
81 html[dir='rtl'] #checkbox-and-label { | 61 html[dir='rtl'] div#show-unset-container { |
82 float: left; | 62 text-align: left; |
83 } | 63 } |
84 | 64 |
85 #search-field { | 65 div.no-policies-set { |
86 bottom: 2px; | 66 color: rgb(180, 180, 180); |
87 position: relative; | 67 font-size: 125%; |
88 } | 68 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; | 69 text-align: center; |
124 } | 70 } |
125 | 71 |
126 #policy-table { | 72 section:not(.empty) > div.no-policies-set { |
127 table-layout: fixed; | 73 display: none; |
128 width: 100%; | |
129 } | 74 } |
130 | 75 |
131 #policy-table th td { | 76 table { |
132 border: 1px solid #fff; | |
133 border-collapse: collapse; | 77 border-collapse: collapse; |
78 margin-bottom: 5px; | |
79 margin-top: 17px; | |
80 table-layout: fixed; | |
81 width: 100% | |
134 } | 82 } |
135 | 83 |
136 #policy-table th { | 84 section.empty > table { |
137 background-color: rgb(218, 218, 221); | 85 display: none; |
138 padding: 10px; | |
139 } | 86 } |
140 | 87 |
141 #policy-table td { | 88 th, |
142 background-color: rgb(234, 238, 243); | 89 td { |
143 padding: 10px; | 90 border: 1px solid rgb(217, 217, 217); |
144 position: relative; | 91 padding: 7px; |
145 vertical-align: top; | |
146 width: 20%; | |
147 } | 92 } |
148 | 93 |
149 .text-collapsed { | 94 th { |
150 bottom: 0; | 95 background-color: rgb(240, 240, 240); |
151 left: 0; | 96 font-weight: normal; |
152 margin: 10px; | |
153 overflow: hidden; | |
154 position: absolute; | |
155 right: 0; | |
156 top: 0; | |
157 } | 97 } |
158 | 98 |
159 .text-cell { | 99 div.elide, |
100 span.value { | |
160 overflow: hidden; | 101 overflow: hidden; |
161 } | |
162 | |
163 .text-collapsed .text-cell { | |
164 text-overflow: ellipsis; | 102 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; | 103 white-space: nowrap; |
174 } | 104 } |
175 | 105 |
176 .text-expanded .text-value { | 106 button.toggle-expanded-value { |
177 white-space: pre-wrap; | 107 padding: 0; |
178 } | 108 } |
179 | 109 |
180 .toggler { | 110 tbody.has-overflowed-value span.value { |
181 float: right; | 111 display: none; |
182 padding: 0 3px !important; | |
183 } | 112 } |
113 | |
114 tbody:not(.has-overflowed-value) button.toggle-expanded-value { | |
115 display: none; | |
116 } | |
117 | |
118 tbody:not(.has-overflowed-value) > tr.expanded-value-container, | |
119 tbody:not(.show-overflowed-value) > tr.expanded-value-container { | |
120 display: none; | |
121 } | |
OLD | NEW |