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

Side by Side Diff: chrome/browser/resources/uber/uber_shared.css

Issue 9513016: uber managed pref banners (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: fixed merge 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
« no previous file with comments | « chrome/browser/resources/shared/css/chrome_shared2.css ('k') | no next file » | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
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.uber-frame { 5 body.uber-frame {
6 -webkit-margin-start: 155px; 6 -webkit-margin-start: 155px;
7 } 7 }
8 8
9 html[dir="rtl"] body.uber-frame { 9 html[dir="rtl"] body.uber-frame {
10 /* Enable vertical scrollbar at all times in RTL to avoid visual glitches when 10 /* Enable vertical scrollbar at all times in RTL to avoid visual glitches when
11 * showing sub-pages that vertically overflow. */ 11 * showing sub-pages that vertically overflow. */
12 overflow-y: scroll; 12 overflow-y: scroll;
13 } 13 }
14 14
15 /* TODO(dbeam): Remove .page class from overlays in settings so the junk below 15 /* TODO(dbeam): Remove .page class from overlays in settings so the junk below
16 * isn't necessary. */ 16 * isn't necessary. */
17 body.uber-frame #extension-settings.page, 17 body.uber-frame #extension-settings.page,
18 body.uber-frame #mainview-content .page, 18 body.uber-frame #mainview-content .page,
19 body.uber-frame .subpage-sheet-container .page, 19 body.uber-frame .subpage-sheet-container .page,
20 body.uber-frame > .page { 20 body.uber-frame > .page {
21 padding-top: 55px; 21 padding-top: 55px;
22 } 22 }
23 23
24 body.uber-frame header { 24 body.uber-frame header {
25 background: white; 25 background: white;
26 left: 155px; 26 left: 155px;
27 min-width: 600px; 27 min-width: 700px;
28 /* <section>s in options currently amount to 638px total, broken up into 28 /* <section>s in options currently amount to 638px total, broken up into
29 * 600px max-width + 18px -webkit-padding-start + 20px -webkit-margin-end 29 * 600px max-width + 18px -webkit-padding-start + 20px -webkit-margin-end
30 * so we mirror this value here so the headers match width and horizontal 30 * so we mirror this value here so the headers match width and horizontal
31 * alignment when scrolling sideways. */ 31 * alignment when scrolling sideways. */
32 max-width: 638px; 32 max-width: 738px;
33 position: fixed; 33 position: fixed;
34 right: 155px; 34 right: 155px;
35 top: 0; 35 top: 0;
36 z-index: 2; 36 z-index: 2;
37 } 37 }
38 38
39 /* This is to make it appear that <headers> cover options <section> text when
40 * vertically scrolling. Without it, some text is visible beside a <header>. */
41 html[dir="ltr"] body.uber-frame header:after,
42 html[dir="rtl"] body.uber-frame header:before {
43 background: white;
44 content: " ";
45 display: block;
46 height: 100%;
47 position: absolute;
48 width: 100px;
49 }
50
51 body.uber-frame header,
52 body.uber-frame header > * {
53 -webkit-box-flex: 1;
54 display: -webkit-box;
55 }
56
57 body.uber-frame header > h1 { 39 body.uber-frame header > h1 {
58 border-bottom: 1px solid #eee; 40 border-bottom: 1px solid #eee;
59 margin: 0; 41 margin: 0;
60 padding: 21px 0 13px; 42 padding: 21px 0 13px;
61 } 43 }
62 44
63 body.uber-frame footer { 45 body.uber-frame footer {
64 border-top: 1px solid #eee; 46 border-top: 1px solid #eee;
65 margin-top: 16px; 47 margin-top: 16px;
66 /* min-width and max-width should match the header */ 48 /* min-width and max-width should match the header */
67 min-width: 600px; 49 min-width: 600px;
68 max-width: 638px; 50 max-width: 638px;
69 padding: 8px 0; 51 padding: 8px 0;
70 } 52 }
OLDNEW
« no previous file with comments | « chrome/browser/resources/shared/css/chrome_shared2.css ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698