| 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 |