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

Side by Side Diff: chrome/browser/resources/shared/css/expandable_bubble.css

Issue 8208014: Update the notification bubble. (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src/
Patch Set: Comments addressed Created 9 years, 2 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
Property Changes:
Added: svn:eol-style
+ LF
OLDNEW
(Empty)
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
3 * found in the LICENSE file.
4 */
5
6 .expandable-bubble {
7 position: absolute;
8 z-index: 9999;
9 }
10
11 .expandable-bubble[expanded] {
12 width: 300px;
13 }
14
15 .expandable-bubble-contents {
16 color: black;
17 left: 1px;
18 line-height: 150%;
19 padding: 6px 3px 5px 6px;
20 position: relative;
21 right: 1px;
22 top: 1px;
23 z-index: 3;
24 }
25
26 .expandable-bubble-title {
27 text-align: center;
28 text-overflow: ellipsis;
29 white-space: nowrap;
30 }
31
32 .expandable-bubble[expanded] > .expandable-bubble-contents > .expandable-bubble- title {
33 text-align: left;
34 }
35
36 .expandable-bubble-close {
37 background-image: no-repeat 50% 50%;
38 height: 16px;
39 position: absolute;
40 right: 6px;
41 top: 6px;
42 width: 16px;
43 z-index: 4;
44 }
45
46 .expandable-bubble-close {
47 background-image: url('chrome://theme/IDR_CLOSE_BAR');
48 }
49
50 .expandable-bubble-close:hover {
51 background-image: url('chrome://theme/IDR_CLOSE_BAR_H');
52 }
53
54 .expandable-bubble-close:active {
55 background-image: url('chrome://theme/IDR_CLOSE_BAR_P');
56 }
57
58 .expandable-bubble-shadow {
59 bottom: -2px;
60 left: 0;
61 position: absolute;
62 right: 0;
63 top: 0;
64 z-index: 1;
65 }
66
67 .expandable-bubble-arrow {
68 /* The tip of the arrow. */
69 border-bottom-right-radius: 1px;
70 /* No border on the right or top (inner sides of the rotated square) because
71 * it would overlap/darken the content shadow. */
72 border-right: none;
73 border-top: none;
74 bottom: -9px;
75 height: 15px;
76 position: absolute;
77 right: 15px;
78 width: 15px;
79 z-index: 2;
80 -webkit-transform: rotate(45deg);
81 }
82
83 .expandable-bubble-contents,
84 .expandable-bubble-arrow {
85 background: white;
86 }
87
88 .expandable-bubble-shadow,
89 .expandable-bubble-arrow {
90 border: 1px solid rgba(0, 0, 0, 0.3);
91 -webkit-box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.15);
92 }
93
94 .expandable-bubble-shadow,
95 .expandable-bubble-contents {
96 border-radius: 6px;
97 box-sizing: border-box;
98 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698