OLD | NEW |
| (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 | |
6 #editing-controls { | |
7 margin-top: 16px; | |
8 white-space: nowrap; | |
9 } | |
10 | |
11 #editing-controls button:first-of-type { | |
12 -webkit-margin-start: 0; | |
13 } | |
14 | |
15 #results-display { | |
16 margin: 16px 0 0 0; | |
17 max-width: 740px; | |
18 } | |
19 | |
20 .edit-button { | |
21 -webkit-appearance: none; | |
22 background: none; | |
23 border: 0; | |
24 color: blue; /* -webkit-link makes it purple :'( */ | |
25 cursor: pointer; | |
26 display: inline-block; | |
27 font: inherit; | |
28 text-decoration: underline; | |
29 padding: 0 9px; | |
30 } | |
31 | |
32 .gap, | |
33 .entry, | |
34 .no-entries { | |
35 list-style: none; | |
36 margin: 0; | |
37 padding: 0; | |
38 } | |
39 | |
40 .gap { | |
41 -webkit-border-end: 1px solid rgb(192, 195, 198); | |
42 height: 14px; | |
43 margin: 1px 0; | |
44 width: 45px; | |
45 } | |
46 | |
47 .entry { | |
48 overflow: auto; /* Make sure it's at least as large as its children. */ | |
49 } | |
50 | |
51 .entry-box { | |
52 -webkit-box-orient: horizontal; | |
53 cursor: default; | |
54 display: -webkit-box; | |
55 float: left; /* Box will shrink to fit its content. */ | |
56 /* An odd line-height ensures a consistent baseline on all platforms. */ | |
57 line-height: 1.75em; | |
58 /* The box should be no bigger than its parent. */ | |
59 max-width: 100%; | |
60 overflow: hidden; | |
61 padding-bottom: 1px; | |
62 } | |
63 | |
64 html[dir=rtl] .entry-box { | |
65 float: right; /* To make the box shrink to fit its content. */ | |
66 } | |
67 | |
68 .day { | |
69 white-space: nowrap; | |
70 } | |
71 | |
72 .search-results, .day-results { | |
73 margin: 0 0 24px 0; | |
74 padding: 0; | |
75 } | |
76 | |
77 .snippet { | |
78 -webkit-box-orient: vertical; | |
79 -webkit-line-clamp: 2; | |
80 -webkit-margin-start: 110px; | |
81 clear: both; | |
82 color: rgb(34, 34, 34); | |
83 display: -webkit-box; | |
84 line-height: 1.6em; | |
85 margin-bottom: 1em; | |
86 overflow: hidden; | |
87 text-overflow: ellipsis; | |
88 } | |
89 | |
90 .entry .domain { | |
91 color: rgb(151, 156, 160); | |
92 padding-left: 6px; | |
93 padding-right: 6px; | |
94 } | |
95 | |
96 .drop-down { | |
97 -webkit-margin-end: 5px; | |
98 background: white -webkit-canvas(drop-down-arrow) no-repeat center 4px; | |
99 border: 1px solid rgb(192, 195, 198); | |
100 border-radius: 2px; | |
101 height: 12px; | |
102 padding: 0; | |
103 position: relative; | |
104 top: 2px; | |
105 width: 12px; | |
106 } | |
107 | |
108 .drop-down:hover { | |
109 background-image: -webkit-canvas(drop-down-arrow-hover); | |
110 border-color: rgb(48, 57, 66); | |
111 } | |
112 | |
113 .drop-down[menu-shown], .drop-down:focus { | |
114 background-color: rgb(48, 57, 66); | |
115 background-image: -webkit-canvas(drop-down-arrow-active); | |
116 border-color: rgb(48, 57, 66); | |
117 } | |
118 | |
119 html[dir='rtl'] .entry .title { | |
120 /* Put the favicon on the right. */ | |
121 background-position-x: right; | |
122 } | |
123 | |
124 .entry .time { | |
125 color: rgb(151, 156, 160); | |
126 overflow: hidden; | |
127 text-overflow: ellipsis; | |
128 white-space: nowrap; | |
129 width: 90px; | |
130 } | |
131 | |
132 .search-results .time { | |
133 width: 110px; | |
134 } | |
135 | |
136 .entry input[type=checkbox] { | |
137 -webkit-margin-end: 6px; | |
138 -webkit-margin-start: 4px; | |
139 height: 14px; | |
140 line-height: 12px; | |
141 text-indent: -1px; | |
142 top: 2px; | |
143 width: 14px; | |
144 } | |
145 | |
146 /* Checkboxes are shown when checked or focused, or when the entry is hovered. | |
147 Fade in on focus, but not on hover, because it makes the UI feel laggy. */ | |
148 .entry input[type=checkbox]:not(:checked) { | |
149 opacity: 0; | |
150 } | |
151 | |
152 .entry-box:hover input[type=checkbox], | |
153 .entry-box input[type=checkbox]:focus { | |
154 opacity: 1; | |
155 } | |
156 | |
157 .entry-box input[type=checkbox]:focus { | |
158 -webkit-transition: opacity 150ms; | |
159 } | |
160 | |
161 .entry-box { | |
162 background-color: none; | |
163 } | |
164 | |
165 .entry-box:hover, .entry-box.contains-focus { | |
166 background-color: rgb(252, 252, 252); | |
167 border-radius: 2px; | |
168 } | |
169 | |
170 .entry .title { | |
171 -webkit-box-flex: 1; | |
172 overflow: hidden; | |
173 text-overflow: ellipsis; | |
174 white-space: nowrap; | |
175 } | |
176 | |
177 .entry .title { | |
178 /* Make room for the favicon. */ | |
179 -webkit-padding-start: 20px; | |
180 | |
181 /* Control the favicon appearance. */ | |
182 background-position-y: 3px; | |
183 background-repeat: no-repeat; | |
184 } | |
185 | |
186 .entry .starred { | |
187 -webkit-margin-start: 4px; | |
188 background: url('shared/images/star_small.png') no-repeat; | |
189 display: inline-block; | |
190 height: 11px; | |
191 width: 11px; | |
192 } | |
193 | |
194 .entry .title > a { | |
195 color: rgb(48, 57, 66); | |
196 text-decoration: none; | |
197 } | |
198 | |
199 .entry .title > a.to-be-removed { | |
200 text-decoration: line-through; | |
201 } | |
202 | |
203 .entry .title > a:hover { | |
204 text-decoration: underline; | |
205 } | |
206 | |
207 .fade-out { | |
208 -webkit-transition: opacity 200ms; | |
209 opacity: 0; | |
210 } | |
211 | |
212 .page-navigation { | |
213 -webkit-margin-end: 4px; | |
214 background-color: rgb(235, 239, 249); | |
215 padding: 8px; | |
216 } | |
OLD | NEW |