Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(158)

Side by Side Diff: chrome/browser/resources/options2/options_page.css

Issue 9560005: [uber page] Merge advanced options page into browser options. (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src/
Patch Set: Rebase again. Created 8 years, 9 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch | Annotate | Revision Log
OLDNEW
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
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
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
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 }
OLDNEW
« no previous file with comments | « chrome/browser/resources/options2/options_bundle.js ('k') | chrome/browser/resources/options2/password_manager.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698