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 { |
6 position: relative; | 6 position: relative; |
7 } | 7 } |
8 | 8 |
9 #main-content { | 9 #main-content { |
10 bottom: 0; | 10 bottom: 0; |
(...skipping 89 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
100 } | 100 } |
101 | 101 |
102 .box-align-center { | 102 .box-align-center { |
103 -webkit-box-align: center; | 103 -webkit-box-align: center; |
104 } | 104 } |
105 | 105 |
106 .stretch { | 106 .stretch { |
107 -webkit-box-flex: 1; | 107 -webkit-box-flex: 1; |
108 } | 108 } |
109 | 109 |
110 .frozen, | 110 .frozen { |
111 .subpage-sheet-container.frozen { | |
112 position: fixed; | 111 position: fixed; |
113 } | 112 } |
114 | 113 |
115 /* | 114 /* |
116 * For touch-optimized UI, make the radio/checkbox input boxes in | 115 * For touch-optimized UI, make the radio/checkbox input boxes in |
117 * options/preference pages easier to touch. | 116 * options/preference pages easier to touch. |
118 * TODO(rbyers): We need to solve this more generally for all web pages | 117 * TODO(rbyers): We need to solve this more generally for all web pages |
119 * (crbug.com/99981), and perhaps temporarily for all WebUI (crbug.com/102482). | 118 * (crbug.com/99981), and perhaps temporarily for all WebUI (crbug.com/102482). |
120 */ | 119 */ |
121 html[touch-optimized] div.radio > label > span, | 120 html[touch-optimized] div.radio > label > span, |
(...skipping 41 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
163 bottom: 0; | 162 bottom: 0; |
164 padding: 12px; | 163 padding: 12px; |
165 position: absolute; | 164 position: absolute; |
166 right: 0; | 165 right: 0; |
167 } | 166 } |
168 | 167 |
169 #mainview-content .page { | 168 #mainview-content .page { |
170 padding-bottom: 20px; | 169 padding-bottom: 20px; |
171 } | 170 } |
172 | 171 |
173 #subpage-backdrop { | |
174 background: black; | |
175 bottom: 0; | |
176 cursor: pointer; | |
177 left: 0; | |
178 opacity: 0.3; | |
179 position: fixed; | |
180 right: 0; | |
181 top: 0; | |
182 } | |
183 | |
184 #subpage-backdrop:hover { | |
185 background: #424242; | |
186 } | |
187 | |
188 .subpage-sheet-container { | |
189 -webkit-transition: 250ms opacity, 100ms padding-left, 100ms padding-right; | |
190 box-sizing: border-box; | |
191 left: 0; | |
192 min-height: 100%; | |
193 position: absolute; | |
194 right: 0; | |
195 top: 0; | |
196 } | |
197 | |
198 /* Omit top padding (currently only on #settings) whenever the search page is | 172 /* Omit top padding (currently only on #settings) whenever the search page is |
199 * showing. | 173 * showing. |
200 */ | 174 */ |
201 #searchPage:not([hidden]) + #settings { | 175 #searchPage:not([hidden]) + #settings { |
202 padding-top: 0; | 176 padding-top: 0; |
203 } | 177 } |
204 | 178 |
205 #subpage-sheet-container-1 { | |
206 -webkit-padding-start: 52px; | |
207 z-index: 5; | |
208 } | |
209 | |
210 #subpage-sheet-container-1 header { | |
211 left: 72px; | |
212 right: 72px; | |
213 } | |
214 | |
215 .subpage-sheet { | |
216 -webkit-margin-start: -155px; | |
217 background-color: white; | |
218 box-shadow: #666 0 2px 5px; | |
219 box-sizing: border-box; | |
220 min-height: 100%; | |
221 min-width: 651px; | |
222 } | |
223 | |
224 /* Special shadow for only first subpage sheet. */ | |
225 #subpage-sheet-1 { | |
226 box-shadow: 0 0 17px rgba(0, 0, 0, 0.3), 0 0 57px rgba(0, 0, 0, 0.3); | |
227 } | |
228 | |
229 .subpage-sheet-contents { | |
230 box-sizing: border-box; | |
231 max-width: 900px; | |
232 min-height: 100%; | |
233 min-width: 650px; | |
234 padding: 0 20px; | |
235 width: 95%; | |
236 } | |
237 | |
238 .subpage-sheet-contents .page { | |
239 z-index: 1; | |
240 } | |
241 | |
242 .managed-prefs-banner { | 179 .managed-prefs-banner { |
243 -webkit-transition-duration: 200ms; | 180 -webkit-transition-duration: 200ms; |
244 -webkit-transition-property: height; | 181 -webkit-transition-property: height; |
245 background: -webkit-linear-gradient(rgb(255, 242, 183), | 182 background: -webkit-linear-gradient(rgb(255, 242, 183), |
246 rgb(250, 230, 145) 97%, | 183 rgb(250, 230, 145) 97%, |
247 rgb(135, 135, 135)); | 184 rgb(135, 135, 135)); |
248 height: 31px; | 185 height: 31px; |
249 margin: 0; | 186 margin: 0; |
250 padding: 0; | 187 padding: 0; |
251 position: fixed; | 188 position: fixed; |
(...skipping 435 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
687 url('chrome://theme/IDR_CONTROLLED_SETTING_RECOMMENDED_LARGE'); | 624 url('chrome://theme/IDR_CONTROLLED_SETTING_RECOMMENDED_LARGE'); |
688 } | 625 } |
689 | 626 |
690 html[dir='rtl'] .controlled-setting-bubble-text { | 627 html[dir='rtl'] .controlled-setting-bubble-text { |
691 background-position: right top; | 628 background-position: right top; |
692 } | 629 } |
693 | 630 |
694 .controlled-setting-bubble-action { | 631 .controlled-setting-bubble-action { |
695 padding: 0 !important; | 632 padding: 0 !important; |
696 } | 633 } |
OLD | NEW |