OLD | NEW |
| (Empty) |
1 /* | |
2 * Copyright (c) 2015 The Chromium Authors. All rights reserved. | |
3 * Use of this source code is governed by a BSD-style license that can be | |
4 * found in the LICENSE file. | |
5 */ | |
6 | |
7 :host { | |
8 padding: 10px; | |
9 } | |
10 | |
11 .widget { | |
12 align-items: center; | |
13 } | |
14 | |
15 label { | |
16 white-space: nowrap; | |
17 } | |
18 | |
19 input[type=text] { | |
20 font-size: inherit; | |
21 height: 24px; | |
22 padding-left: 2px; | |
23 margin: 0 5px; | |
24 } | |
25 | |
26 input[type="search"]:focus, | |
27 input[type="text"]:focus { | |
28 outline: none; | |
29 } | |
30 | |
31 button { | |
32 background-image: linear-gradient(hsl(0, 0%, 93%), hsl(0, 0%, 93%) 38%, hsl(
0, 0%, 87%)); | |
33 border: 1px solid hsla(0, 0%, 0%, 0.25); | |
34 border-radius: 2px; | |
35 box-shadow: 0 1px 0 hsla(0, 0%, 0%, 0.08), inset 0 1px 2px hsla(0, 100%, 100
%, 0.75); | |
36 color: hsl(0, 0%, 27%); | |
37 font-size: 12px; | |
38 margin: 0 6px 0 6px; | |
39 text-shadow: 0 1px 0 hsl(0, 0%, 94%); | |
40 min-height: 2em; | |
41 padding-left: 10px; | |
42 padding-right: 10px; | |
43 } | |
44 | |
45 button:active { | |
46 background-color: rgb(215, 215, 215); | |
47 background-image: linear-gradient(to bottom, rgb(194, 194, 194), rgb(239, 23
9, 239)); | |
48 } | |
OLD | NEW |