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

Side by Side Diff: chrome/browser/resources/ntp4/new_tab.css

Issue 7787014: ntp4: fix positioning of notification bar (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: Created 9 years, 3 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 | « no previous file | chrome/browser/resources/ntp4/new_tab.html » ('j') | 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) 2011 The Chromium Authors. All rights reserved. 1 /* Copyright (c) 2011 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 5
6 html { 6 html {
7 font-family: segoe ui, arial, helvetica, sans-serif; 7 font-family: segoe ui, arial, helvetica, sans-serif;
8 font-size: 14px; 8 font-size: 14px;
9 /* It's necessary to put this here instead of in body in order to get the 9 /* It's necessary to put this here instead of in body in order to get the
10 background-size of 100% to work properly */ 10 background-size of 100% to work properly */
11 height: 100%; 11 height: 100%;
12 overflow: hidden; 12 overflow: hidden;
13 } 13 }
14 14
15 body { 15 body {
16 background-size: auto 100%; 16 background-size: auto 100%;
17 margin: 0; 17 margin: 0;
18 /* Don't highlight links when they're tapped. Safari has bugs here that 18 /* Don't highlight links when they're tapped. Safari has bugs here that
19 show up as flicker when dragging in some situations */ 19 show up as flicker when dragging in some situations */
20 -webkit-tap-highlight-color: transparent; 20 -webkit-tap-highlight-color: transparent;
21 /* Don't allow selecting text - can occur when dragging */ 21 /* Don't allow selecting text - can occur when dragging */
22 -webkit-user-select: none; 22 -webkit-user-select: none;
23 } 23 }
24 24
25 /* [hidden] does display:none, but its priority is too low in some cases. */ 25 /* [hidden] does display:none, but its priority is too low in some cases. */
26 [hidden], .hidden { 26 [hidden], .hidden {
27 display: none !important; 27 display: none !important;
28 } 28 }
29 29
30 #notification-container {
31 display: block;
32 margin-top: 2px;
33 position: relative;
34 text-align: center;
35 z-index: 100;
36 -webkit-transition-duration: 0.1s;
37 -webkit-transition-property: opacity;
38 }
39
40 #notification-container.inactive {
41 opacity: 0;
42 -webkit-transition-duration: 0.2s;
43 }
44
30 #notification { 45 #notification {
31 background-color: #FFF199; 46 background-color: #FFF199;
32 border: 1px solid lightGrey; 47 border: 1px solid lightGrey;
33 border-radius: 6px; 48 border-radius: 6px;
34 color: black; 49 color: black;
35 display: inline-block; 50 display: inline-block;
36 font-weight: bold; 51 font-weight: bold;
37 margin-top: 2px;
38 opacity: 100%;
39 padding: 7px 15px; 52 padding: 7px 15px;
40 position: relative;
41 z-index: 100;
42 -webkit-transition-duration: 0.1s;
43 -webkit-transition-property: opacity;
44 }
45
46 #notification.inactive {
47 display: inline-block;
48 opacity: 0;
49 -webkit-transition-duration: 0.2s;
50 } 53 }
51 54
52 #notification > div > div, 55 #notification > div > div,
53 #notification > div { 56 #notification > div {
54 display: inline-block; 57 display: inline-block;
55 } 58 }
56 59
57 #notification .close-button { 60 #notification .close-button {
58 vertical-align: middle; 61 vertical-align: middle;
59 -webkit-margin-start: 0.5em; 62 -webkit-margin-start: 0.5em;
(...skipping 154 matching lines...) Expand 10 before | Expand all | Expand 10 after
214 min-width: 90px; 217 min-width: 90px;
215 top: 0; 218 top: 0;
216 z-index: 5; 219 z-index: 5;
217 -webkit-transition: width 150ms, right 150ms, background-color 150ms; 220 -webkit-transition: width 150ms, right 150ms, background-color 150ms;
218 } 221 }
219 222
220 .page-switcher:hover, 223 .page-switcher:hover,
221 .page-switcher.drag-target { 224 .page-switcher.drag-target {
222 background-color: rgba(0, 0, 0, 0.2); 225 background-color: rgba(0, 0, 0, 0.2);
223 } 226 }
OLDNEW
« no previous file with comments | « no previous file | chrome/browser/resources/ntp4/new_tab.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698