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 75 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
86 | 86 |
87 .vbox { | 87 .vbox { |
88 -webkit-box-orient: vertical; | 88 -webkit-box-orient: vertical; |
89 display: -webkit-box; | 89 display: -webkit-box; |
90 } | 90 } |
91 | 91 |
92 .stretch { | 92 .stretch { |
93 -webkit-box-flex: 1; | 93 -webkit-box-flex: 1; |
94 } | 94 } |
95 | 95 |
96 .frozen, | 96 .frozen { |
97 .subpage-sheet-container.frozen { | |
98 position: fixed; | 97 position: fixed; |
99 } | 98 } |
100 | 99 |
101 /* | 100 /* |
102 * For touch-optimized UI, make the radio/checkbox input boxes in | 101 * For touch-optimized UI, make the radio/checkbox input boxes in |
103 * options/preference pages easier to touch. | 102 * options/preference pages easier to touch. |
104 * TODO(rbyers): We need to solve this more generally for all web pages | 103 * TODO(rbyers): We need to solve this more generally for all web pages |
105 * (crbug.com/99981), and perhaps temporarily for all WebUI (crbug.com/102482). | 104 * (crbug.com/99981), and perhaps temporarily for all WebUI (crbug.com/102482). |
106 */ | 105 */ |
107 html[touch-optimized] div.radio > label > span, | 106 html[touch-optimized] div.radio > label > span, |
(...skipping 41 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
149 bottom: 0; | 148 bottom: 0; |
150 padding: 12px; | 149 padding: 12px; |
151 position: absolute; | 150 position: absolute; |
152 right: 0; | 151 right: 0; |
153 } | 152 } |
154 | 153 |
155 #mainview-content .page { | 154 #mainview-content .page { |
156 padding-bottom: 20px; | 155 padding-bottom: 20px; |
157 } | 156 } |
158 | 157 |
159 #subpage-backdrop { | |
160 background: black; | |
161 bottom: 0; | |
162 cursor: pointer; | |
163 left: 0; | |
164 opacity: 0.3; | |
165 position: fixed; | |
166 right: 0; | |
167 top: 0; | |
168 } | |
169 | |
170 #subpage-backdrop:hover { | |
171 background: #424242; | |
172 } | |
173 | |
174 .subpage-sheet-container { | |
175 -webkit-transition: 250ms opacity, 100ms padding-left, 100ms padding-right; | |
176 box-sizing: border-box; | |
177 left: 0; | |
178 min-height: 100%; | |
179 position: absolute; | |
180 right: 0; | |
181 top: 0; | |
182 } | |
183 | |
184 /* Omit top padding (currently only on #settings) whenever the search page is | 158 /* Omit top padding (currently only on #settings) whenever the search page is |
185 * showing. | 159 * showing. |
186 */ | 160 */ |
187 #searchPage:not([hidden]) + #settings { | 161 #searchPage:not([hidden]) + #settings { |
188 padding-top: 0; | 162 padding-top: 0; |
189 } | 163 } |
190 | 164 |
191 #subpage-sheet-container-1 { | |
192 -webkit-padding-start: 52px; | |
193 z-index: 5; | |
194 } | |
195 | |
196 #subpage-sheet-container-1 header { | |
197 left: 72px; | |
198 right: 72px; | |
199 } | |
200 | |
201 .subpage-sheet { | |
202 -webkit-margin-start: -155px; | |
203 background-color: white; | |
204 box-shadow: #666 0 2px 5px; | |
205 box-sizing: border-box; | |
206 min-height: 100%; | |
207 min-width: 651px; | |
208 } | |
209 | |
210 /* Special shadow for only first subpage sheet. */ | |
211 #subpage-sheet-1 { | |
212 box-shadow: 0 0 17px rgba(0, 0, 0, 0.3), 0 0 57px rgba(0, 0, 0, 0.3); | |
213 } | |
214 | |
215 .subpage-sheet-contents { | |
216 box-sizing: border-box; | |
217 max-width: 900px; | |
218 min-height: 100%; | |
219 min-width: 650px; | |
220 padding: 0 20px; | |
221 width: 95%; | |
222 } | |
223 | |
224 .subpage-sheet-contents .page { | |
225 z-index: 1; | |
226 } | |
227 | |
228 .managed-prefs-banner { | 165 .managed-prefs-banner { |
229 -webkit-transition-duration: 200ms; | 166 -webkit-transition-duration: 200ms; |
230 -webkit-transition-property: height; | 167 -webkit-transition-property: height; |
231 background: -webkit-linear-gradient(rgb(255, 242, 183), | 168 background: -webkit-linear-gradient(rgb(255, 242, 183), |
232 rgb(250, 230, 145) 97%, | 169 rgb(250, 230, 145) 97%, |
233 rgb(135, 135, 135)); | 170 rgb(135, 135, 135)); |
234 height: 31px; | 171 height: 31px; |
235 margin: 0; | 172 margin: 0; |
236 padding: 0; | 173 padding: 0; |
237 position: fixed; | 174 position: fixed; |
(...skipping 439 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
677 url('chrome://theme/IDR_CONTROLLED_SETTING_RECOMMENDED_LARGE'); | 614 url('chrome://theme/IDR_CONTROLLED_SETTING_RECOMMENDED_LARGE'); |
678 } | 615 } |
679 | 616 |
680 html[dir='rtl'] .controlled-setting-bubble-text { | 617 html[dir='rtl'] .controlled-setting-bubble-text { |
681 background-position: right top; | 618 background-position: right top; |
682 } | 619 } |
683 | 620 |
684 .controlled-setting-bubble-action { | 621 .controlled-setting-bubble-action { |
685 padding: 0 !important; | 622 padding: 0 !important; |
686 } | 623 } |
OLD | NEW |