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

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: 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 75 matching lines...) Expand 10 before | Expand all | Expand 10 after
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
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
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 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698