OLD | NEW |
1 /* | 1 /* |
2 * Copyright (c) 2014 The Chromium Authors. All rights reserved. | 2 * Copyright (c) 2014 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 :host { display: block; } | 7 :host { display: block; } |
8 | 8 |
9 h1, h2 { | 9 h1, h2 { |
10 padding: 0; | 10 padding: 0; |
(...skipping 61 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
72 } | 72 } |
73 | 73 |
74 textarea, | 74 textarea, |
75 input[type=text] { | 75 input[type=text] { |
76 display: block; | 76 display: block; |
77 background-color: white; | 77 background-color: white; |
78 border-radius: 1px; | 78 border-radius: 1px; |
79 border: 1px solid rgba(0, 0, 0, 0.15); | 79 border: 1px solid rgba(0, 0, 0, 0.15); |
80 border-top: 1px solid rgba(0, 0, 0, 0.25); | 80 border-top: 1px solid rgba(0, 0, 0, 0.25); |
81 box-sizing: border-box; | 81 box-sizing: border-box; |
82 font-family: Monaco, monospace; | 82 font-family: Menlo, Monaco, monospace; |
83 font-size: 1em; | 83 font-size: 1em; |
84 margin: 0; | 84 margin: 0; |
85 width: 100%; | 85 width: 100%; |
86 } | 86 } |
87 | 87 |
88 textarea:hover, | 88 textarea:hover, |
89 input[type=text]:hover { | 89 input[type=text]:hover { |
90 border: 1px solid #b9b9b9; | 90 border: 1px solid #b9b9b9; |
91 border-top-color: #a0a0a0; | 91 border-top-color: #a0a0a0; |
92 } | 92 } |
93 | 93 |
94 textarea:focus, | 94 textarea:focus, |
95 input[type=text]:focus { | 95 input[type=text]:focus { |
96 border: 1px solid #4d90fe; | 96 border: 1px solid #4d90fe; |
97 outline: none; | 97 outline: none; |
98 } | 98 } |
99 | 99 |
100 input.invalid, | 100 input.invalid, |
101 textarea.invalid { | 101 textarea.invalid { |
102 border: 1px solid #DD4B39; | 102 border: 1px solid #DD4B39; |
103 } | 103 } |
OLD | NEW |