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 |