OLD | NEW |
---|---|
1 /* | 1 /* |
2 Copyright (c) 2011 The Chromium Authors. All rights reserved. | 2 Copyright (c) 2011 The Chromium Authors. All rights reserved. |
3 Use of this source code is governed by a BSD-style license that can be | 3 Use of this source code is governed by a BSD-style license that can be |
4 found in the LICENSE file. | 4 found in the LICENSE file. |
5 */ | 5 */ |
6 | 6 |
7 body { | 7 body { |
8 background: -webkit-linear-gradient(#bababa, #868686); | 8 background: -webkit-linear-gradient(#bababa, #868686); |
9 color: white; | 9 color: white; |
10 margin: 0; | 10 margin: 0; |
(...skipping 52 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
63 white-space: nowrap; | 63 white-space: nowrap; |
64 } | 64 } |
65 | 65 |
66 .panel { | 66 .panel { |
67 border: 0; | 67 border: 0; |
68 clear: both; | 68 clear: both; |
69 margin-left: 5px; | 69 margin-left: 5px; |
70 text-align: left; | 70 text-align: left; |
71 } | 71 } |
72 | 72 |
73 .popup { | |
74 background: rgba(50, 50, 50, 0.95); | |
75 border: 1px solid rgba(50, 50, 50, 0.8); | |
76 padding-right: 5px; | |
77 position: absolute; | |
78 -webkit-border-radius: 4px; | |
79 -webkit-box-shadow: 5px 5px 3px rgba(50, 50, 50, 0.3); | |
80 } | |
81 | |
73 .button { | 82 .button { |
74 background: -webkit-linear-gradient(#5a616f, #505662); | 83 background: -webkit-linear-gradient(#5a616f, #505662); |
75 } | 84 } |
76 .button:active { | 85 .button:active { |
77 background: -webkit-linear-gradient(#505662, #5a616f); | 86 background: -webkit-linear-gradient(#505662, #5a616f); |
78 } | 87 } |
79 | 88 |
80 .auxiliary:active { | 89 .auxiliary:active { |
81 background: -webkit-linear-gradient(#5a616f, #505662); | 90 background: -webkit-linear-gradient(#5a616f, #505662); |
82 } | 91 } |
(...skipping 16 matching lines...) Expand all Loading... | |
99 | 108 |
100 .key > div { | 109 .key > div { |
101 bottom: 0; | 110 bottom: 0; |
102 left: 0; | 111 left: 0; |
103 margin: auto; | 112 margin: auto; |
104 position: absolute; | 113 position: absolute; |
105 right: 0; | 114 right: 0; |
106 top: 0; | 115 top: 0; |
107 } | 116 } |
108 | 117 |
118 .key.popupkey { | |
119 color: #fff; | |
bryeung
2011/09/20 19:30:50
sort please
mazda
2011/09/22 08:40:38
Done.
| |
120 background: rgba(0, 0, 0, 0); | |
121 border: 1px solid rgba(0, 0, 0, 0); | |
122 box-shadow: 0px 0px 0px #fff; | |
123 } | |
124 | |
125 .key.popupkey.highlighted { | |
126 color: #fff; | |
bryeung
2011/09/20 19:30:50
sort please
mazda
2011/09/22 08:40:38
Done.
| |
127 background: rgba(20, 20, 200, 0.2); | |
128 } | |
129 | |
109 .key:active { | 130 .key:active { |
110 background: -webkit-linear-gradient(#d6d6d6, #acacac); | 131 background: -webkit-linear-gradient(#d6d6d6, #acacac); |
111 border: 1px solid rgba(125,125,125,0.5); | 132 border: 1px solid rgba(125,125,125,0.5); |
112 box-shadow: 0px 0px 15px #fff; | 133 box-shadow: 0px 0px 15px #fff; |
113 } | 134 } |
114 | 135 |
115 div.moddown { | 136 div.moddown { |
116 background: -webkit-linear-gradient(#d6d6d6, #acacac); | 137 background: -webkit-linear-gradient(#d6d6d6, #acacac); |
117 border-color: #304a9b; | 138 border-color: #304a9b; |
118 } | 139 } |
(...skipping 65 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
184 } | 205 } |
185 | 206 |
186 .handwriting-clear, | 207 .handwriting-clear, |
187 .handwriting-return { | 208 .handwriting-return { |
188 -webkit-box-flex: 5; | 209 -webkit-box-flex: 5; |
189 } | 210 } |
190 | 211 |
191 .nodisplay { | 212 .nodisplay { |
192 display: none; | 213 display: none; |
193 } | 214 } |
OLD | NEW |