OLD | NEW |
| (Empty) |
1 /* Copyright (c) 2013 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 body { | |
6 -webkit-app-region: drag; | |
7 cursor: -webkit-grab; | |
8 font: 16px 'Arimo', 'Gill Sans', 'Open Sans', | |
9 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; | |
10 margin: 0; | |
11 padding: 17px 4px 0; | |
12 } | |
13 | |
14 button { | |
15 -webkit-app-region: no-drag; | |
16 background: none; | |
17 border: 1px solid white; | |
18 cursor: default; | |
19 height: 72px; | |
20 margin: 0; | |
21 padding: 3px; | |
22 width: 72px; | |
23 } | |
24 | |
25 button:active { | |
26 opacity: 0.5; | |
27 } | |
28 | |
29 button:hover { | |
30 border: 1px solid black; | |
31 } | |
32 | |
33 #close { | |
34 background: url("/images/close-26x26.png"); | |
35 background-size: cover; | |
36 border: none; | |
37 height: 12px; | |
38 opacity: 0.2; | |
39 position: absolute; | |
40 right: 8px; | |
41 top: 8px; | |
42 width: 12px; | |
43 } | |
44 | |
45 #close:hover { | |
46 border: none; | |
47 border-radius: 0; | |
48 opacity: 0.75; | |
49 } | |
50 | |
51 #close:active:hover { | |
52 opacity: 1; | |
53 } | |
54 | |
55 #events { | |
56 position: relative; | |
57 } | |
58 | |
59 #events-fade { | |
60 background: -webkit-linear-gradient(rgba(255, 255, 255, 1), | |
61 rgba(255, 255, 255, 0)); | |
62 height: 48px; | |
63 left: 0; | |
64 pointer-events: none; | |
65 position: absolute; | |
66 right: 0; | |
67 top: 20px; | |
68 z-index: 99; | |
69 } | |
70 | |
71 #events-scroll { | |
72 -webkit-app-region: no-drag; | |
73 color: gray; | |
74 cursor: text; | |
75 font-weight: lighter; | |
76 height: 90px; | |
77 overflow: scroll; | |
78 padding: 0 3px; | |
79 -webkit-user-select: text; | |
80 } | |
81 | |
82 h1 { | |
83 background: -webkit-linear-gradient(white, white 59%, | |
84 black 60%, black 64%, | |
85 white 65%, white); | |
86 font-size: 16px; | |
87 font-weight: normal; | |
88 margin: 8px 0 2px; | |
89 text-align: center; | |
90 z-index: -1; | |
91 } | |
92 | |
93 h1 span { | |
94 background: white; | |
95 padding: 0 2px; | |
96 position: relative; | |
97 } | |
98 | |
99 img { | |
100 display: block; | |
101 height: 64px; | |
102 margin: 0; | |
103 padding: 0; | |
104 width: 64px; | |
105 } | |
106 | |
107 ::-webkit-scrollbar { | |
108 display: none; | |
109 } | |
110 | |
111 #priority { | |
112 -webkit-app-region: no-drag; | |
113 margin: 0 0 0 33px; | |
114 } | |
115 | |
116 #priority input { | |
117 margin: 0 8px 0 0; | |
118 } | |
119 | |
120 #priority label { | |
121 display: inline-block; | |
122 font-size: 14px; | |
123 margin: 0 0 0 23px; | |
124 width: 68px | |
125 } | |
126 | |
127 #templates { | |
128 position: absolute; | |
129 visibility: hidden; | |
130 } | |
OLD | NEW |