OLD | NEW |
| (Empty) |
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 | |
3 * found in the LICENSE file. */ | |
4 | |
5 /* ----------------------------------------------------------------------------- | |
6 General Styles | |
7 ----------------------------------------------------------------------------- */ | |
8 | |
9 html { | |
10 /* It's necessary to put this here instead of in body in order to get the | |
11 background-size of 100% to work properly */ | |
12 height: 100%; | |
13 overflow: hidden; | |
14 } | |
15 | |
16 body { | |
17 /* Don't highlight links when they're tapped. Safari has bugs here that | |
18 show up as flicker when dragging in some situations */ | |
19 -webkit-tap-highlight-color: transparent; | |
20 /* Don't allow selecting text - can occur when dragging */ | |
21 -webkit-user-select: none; | |
22 background-size: auto 100%; | |
23 /* TODO(pedrosimonetti): Confirm with designers/engineers what do we want | |
24 * to do regarding font family, once AFAIK we want to use Arial always. */ | |
25 font-family: Arial; | |
26 margin: 0; | |
27 overflow: hidden; | |
28 padding: 0; | |
29 } | |
30 | |
31 /* [hidden] does display:none, but its priority is too low in some cases. */ | |
32 [hidden] { | |
33 display: none !important; | |
34 } | |
35 | |
36 #notification-container { | |
37 height: 18px; | |
38 padding: 10px 0; | |
39 } | |
40 | |
41 #notification { | |
42 display: inline-block; | |
43 font-weight: bold; | |
44 white-space: nowrap; | |
45 } | |
46 | |
47 #notification > div > div, | |
48 #notification > div { | |
49 display: inline-block; | |
50 } | |
51 | |
52 /* NOTE: This is in the probable case that we start stuffing 16x16 data URI'd | |
53 * icons in the promo notification responses. */ | |
54 #notification > span > img { | |
55 margin-bottom: -3px; | |
56 } | |
57 | |
58 #notification .close-button { | |
59 -webkit-margin-start: 8px; | |
60 vertical-align: top; | |
61 } | |
62 | |
63 .link-button { | |
64 -webkit-margin-start: 0.5em; | |
65 } | |
66 | |
67 #bottom-panel { | |
68 -webkit-transition: opacity 200ms; | |
69 position: absolute; | |
70 top: 300px; | |
71 visibility: hidden; | |
72 width: 100%; | |
73 } | |
74 | |
75 .hide-bottom-panel { | |
76 opacity: 0; | |
77 } | |
78 | |
79 #card-slider-frame { | |
80 height: 100px; | |
81 overflow: hidden; | |
82 } | |
83 | |
84 #page-list { | |
85 display: -webkit-box; | |
86 height: 100%; | |
87 position: static; | |
88 } | |
89 | |
90 #bottom-panel-header, | |
91 #bottom-panel-footer, | |
92 #bottom-panel-toolbar { | |
93 margin: 0 auto; | |
94 text-align: center; | |
95 } | |
96 | |
97 #bottom-panel-header { | |
98 padding: 10px 0 20px; | |
99 } | |
100 | |
101 #bookmark-bar-spacer { | |
102 height: 48px; | |
103 } | |
104 | |
105 #promo-bubble-anchor { | |
106 bottom: 50px; | |
107 height: 10px; | |
108 left: 0; | |
109 position: absolute; | |
110 width: 90px; | |
111 } | |
112 | |
113 .bubble .bubble-arrow { | |
114 display: none; | |
115 } | |
116 | |
117 /* TODO(jeremycho): Figure out if we need this. */ | |
118 #attribution { | |
119 bottom: 0; | |
120 left: auto; | |
121 margin-left: 8px; | |
122 /* Leave room for the scrollbar. */ | |
123 margin-right: 13px; | |
124 position: absolute; | |
125 right: 0; | |
126 text-align: left; | |
127 z-index: -5; | |
128 } | |
129 | |
130 /* For themes that right-align their images, we flip the attribution to the | |
131 * left to avoid conflicts. We also do this for bare-minimum mode since there | |
132 * can be conflicts with the recently closed menu. */ | |
133 html[themegravity='right'] #attribution, | |
134 body.bare-minimum #attribution, | |
135 html[dir='rtl'] #attribution { | |
136 left: 0; | |
137 right: auto; | |
138 text-align: right; | |
139 } | |
140 | |
141 #attribution > span { | |
142 display: block; | |
143 } | |
144 | |
145 .starting-up * { | |
146 -webkit-transition: none !important; | |
147 } | |
OLD | NEW |