Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(452)

Side by Side Diff: chrome/common/extensions/docs/examples/api/fontSettings/css/list.css

Issue 23434003: UI refresh of Advanced Font Settings Extension (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: nits & minus image assets Created 7 years, 3 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch | Annotate | Revision Log
« no previous file with comments | « no previous file | chrome/common/extensions/docs/examples/api/fontSettings/js/cr/event_target.js » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
(Empty)
1 /* Copyright (c) 2012 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 list,
6 grid {
7 display: block;
8 outline: none;
9 overflow: auto;
10 position: relative; /* Make sure that item offsets are relative to the
11 list. */
12 }
13
14 list > *,
15 grid > * {
16 -webkit-user-select: none;
17 background-color: rgba(255, 255, 255, 0);
18 border: 1px solid rgba(255, 255, 255, 0); /* transparent white */
19 border-radius: 2px;
20 cursor: default;
21 line-height: 20px;
22 margin: -1px 0;
23 overflow: hidden;
24 padding: 0 3px;
25 position: relative; /* to allow overlap */
26 text-overflow: ellipsis;
27 white-space: pre;
28 }
29
30 list > * {
31 display: block;
32 }
33
34 grid > * {
35 display: inline-block;
36 }
37
38 list > [lead],
39 grid > [lead] {
40 border-color: transparent;
41 }
42
43 list:focus > [lead],
44 grid:focus > [lead] {
45 border-color: hsl(214, 91%, 65%);
46 z-index: 2;
47 }
48
49 list > [anchor],
50 grid > [anchor] {
51
52 }
53
54 list:not([disabled]) > :hover,
55 grid:not([disabled]) > :hover {
56 background-color: hsl(214, 91%, 97%);
57 border-color: hsl(214, 91%, 85%);
58 z-index: 1;
59 }
60
61 list > [selected],
62 grid > [selected] {
63 background-color: hsl(0, 0%, 90%);
64 background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.8),
65 rgba(255, 255, 255, 0));
66 border-color: hsl(0, 0%, 85%);
67 z-index: 2;
68 }
69
70 list:focus > [selected],
71 grid:focus > [selected] {
72 background-color: hsl(214, 91%, 89%);
73 border-color: hsl(214, 91%, 65%);
74 }
75
76 list:focus > [lead][selected],
77 list > [selected]:hover,
78 grid:focus > [lead][selected],
79 grid > [selected]:hover {
80 background-color: hsl(214, 91%, 87%);
81 border-color: hsl(214, 91%, 65%);
82 }
83
84 list > .spacer,
85 grid > .spacer {
86 border: 0;
87 box-sizing: border-box;
88 display: block;
89 margin: 0;
90 overflow: hidden;
91 visibility: hidden;
92 }
93
94 list :-webkit-any(
95 input[type='input'],
96 input[type='password'],
97 input[type='search'],
98 input[type='text'],
99 input[type='url']),
100 list :-webkit-any(
101 button,
102 input[type='button'],
103 input[type='submit'],
104 select):not(.custom-appearance):not(.link-button) {
105 line-height: normal;
106 margin: 0;
107 vertical-align: middle;
108 }
109
110 list > [hidden],
111 grid > [hidden] {
112 display: none;
113 }
OLDNEW
« no previous file with comments | « no previous file | chrome/common/extensions/docs/examples/api/fontSettings/js/cr/event_target.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698