OLD | NEW |
1 /* Copyright (c) 2011 The Chromium Authors. All rights reserved. | 1 /* Copyright (c) 2011 The Chromium Authors. All rights reserved. |
2 * Use of this source code is governed by a BSD-style license that can be | 2 * Use of this source code is governed by a BSD-style license that can be |
3 * found in the LICENSE file. | 3 * found in the LICENSE file. |
4 */ | 4 */ |
5 | 5 |
6 #results-summary { | 6 #results-summary { |
7 border-top: 1px solid rgb(156, 194, 239); | 7 border-top: 1px solid rgb(156, 194, 239); |
8 background-color: rgb(235, 239, 249); | 8 background-color: rgb(235, 239, 249); |
9 font-weight: bold; | 9 font-weight: bold; |
10 padding: 3px; | 10 padding: 3px; |
(...skipping 48 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
59 | 59 |
60 .entry { | 60 .entry { |
61 overflow: auto; /* Make sure it's at least as large as its children. */ | 61 overflow: auto; /* Make sure it's at least as large as its children. */ |
62 } | 62 } |
63 | 63 |
64 .entry-box { | 64 .entry-box { |
65 -webkit-box-orient: horizontal; | 65 -webkit-box-orient: horizontal; |
66 cursor: default; | 66 cursor: default; |
67 display: -webkit-box; | 67 display: -webkit-box; |
68 float: left; /* Box will shrink to fit its content. */ | 68 float: left; /* Box will shrink to fit its content. */ |
69 line-height: 1.6em; | 69 font-size: 13px; |
| 70 |
| 71 /* An odd line-height ensures a consistent baseline on all platforms. */ |
| 72 line-height: 21px; |
70 | 73 |
71 /* The box should be no bigger than its parent. */ | 74 /* The box should be no bigger than its parent. */ |
72 max-width: 100%; | 75 max-width: 100%; |
73 | 76 |
74 overflow: hidden; | 77 overflow: hidden; |
| 78 |
| 79 padding-top: 1px; |
75 } | 80 } |
76 | 81 |
77 html[dir=rtl] .entry-box { | 82 html[dir=rtl] .entry-box { |
78 float: right; /* To make the box shrink to fit its content. */ | 83 float: right; /* To make the box shrink to fit its content. */ |
79 } | 84 } |
80 | 85 |
81 .search-results, .day-results { | 86 .search-results, .day-results { |
82 margin: 0 0 24px 0; | 87 margin: 0 0 24px 0; |
83 padding: 0; | 88 padding: 0; |
84 } | 89 } |
(...skipping 12 matching lines...) Expand all Loading... |
97 text-overflow: ellipsis; | 102 text-overflow: ellipsis; |
98 } | 103 } |
99 | 104 |
100 .entry .domain { | 105 .entry .domain { |
101 color: rgb(154, 154, 154); | 106 color: rgb(154, 154, 154); |
102 padding-left: 6px; | 107 padding-left: 6px; |
103 padding-right: 6px; | 108 padding-right: 6px; |
104 } | 109 } |
105 | 110 |
106 .drop-down { | 111 .drop-down { |
107 -webkit-margin-end: 4px; | 112 -webkit-margin-end: 5px; |
108 background: white -webkit-canvas(drop-down-arrow) no-repeat center center; | 113 background: white -webkit-canvas(drop-down-arrow) no-repeat center 4px; |
109 border: 1px solid rgb(182, 212, 252); | 114 border: 1px solid rgb(182, 212, 252); |
110 border-radius: 2px; | 115 border-radius: 2px; |
111 height: 13px; | 116 height: 12px; |
| 117 padding: 0; |
112 position: relative; | 118 position: relative; |
113 top: 2px; | 119 top: 1px; |
114 width: 13px; | 120 width: 12px; |
115 } | 121 } |
116 | 122 |
117 .drop-down:hover { | 123 .drop-down:hover { |
118 background-image: -webkit-canvas(drop-down-arrow-hover); | 124 background-image: -webkit-canvas(drop-down-arrow-hover); |
119 border-color: rgb(106, 134, 222); | 125 border-color: rgb(106, 134, 222); |
120 } | 126 } |
121 | 127 |
122 .drop-down[menu-shown], .drop-down:focus { | 128 .drop-down[menu-shown], .drop-down:focus { |
123 background-color: rgb(106, 134, 222); | 129 background-color: rgb(106, 134, 222); |
124 background-image: -webkit-canvas(drop-down-arrow-active); | 130 background-image: -webkit-canvas(drop-down-arrow-active); |
(...skipping 13 matching lines...) Expand all Loading... |
138 width: 90px; | 144 width: 90px; |
139 } | 145 } |
140 | 146 |
141 .search-results .time { | 147 .search-results .time { |
142 width: 110px; | 148 width: 110px; |
143 } | 149 } |
144 | 150 |
145 .entry input[type=checkbox] { | 151 .entry input[type=checkbox] { |
146 -webkit-margin-end: 6px; | 152 -webkit-margin-end: 6px; |
147 -webkit-margin-start: 4px; | 153 -webkit-margin-start: 4px; |
148 height: 13px; | 154 height: 14px; |
149 line-height: 12px; | 155 line-height: 12px; |
150 text-indent: -1px; | 156 text-indent: -1px; |
151 top: 2px; | 157 top: 2px; |
152 width: 14px; | 158 width: 14px; |
153 } | 159 } |
154 | 160 |
155 /* Checkboxes are shown when checked or focused, or when the entry is hovered. | 161 /* Checkboxes are shown when checked or focused, or when the entry is hovered. |
156 Fade in on focus, but not on hover, because it makes the UI feel laggy. */ | 162 Fade in on focus, but not on hover, because it makes the UI feel laggy. */ |
157 .entry input[type=checkbox]:not(:checked) { | 163 .entry input[type=checkbox]:not(:checked) { |
158 opacity: 0; | 164 opacity: 0; |
(...skipping 22 matching lines...) Expand all Loading... |
181 overflow: hidden; | 187 overflow: hidden; |
182 text-overflow: ellipsis; | 188 text-overflow: ellipsis; |
183 white-space: nowrap; | 189 white-space: nowrap; |
184 } | 190 } |
185 | 191 |
186 .entry .title { | 192 .entry .title { |
187 /* Make room for the favicon. */ | 193 /* Make room for the favicon. */ |
188 -webkit-padding-start: 20px; | 194 -webkit-padding-start: 20px; |
189 | 195 |
190 /* Control the favicon appearance. */ | 196 /* Control the favicon appearance. */ |
| 197 background-position-y: 2px; |
191 background-repeat: no-repeat; | 198 background-repeat: no-repeat; |
192 background-position-y: center; | |
193 } | 199 } |
194 | 200 |
195 .entry .starred { | 201 .entry .starred { |
196 -webkit-margin-start: 4px; | 202 -webkit-margin-start: 4px; |
197 background: url('shared/images/star_small.png') no-repeat; | 203 background: url('shared/images/star_small.png') no-repeat; |
198 display: inline-block; | 204 display: inline-block; |
199 height: 11px; | 205 height: 11px; |
200 width: 11px; | 206 width: 11px; |
201 } | 207 } |
202 | 208 |
(...skipping 18 matching lines...) Expand all Loading... |
221 .fade-out { | 227 .fade-out { |
222 -webkit-transition: opacity 200ms; | 228 -webkit-transition: opacity 200ms; |
223 opacity: 0; | 229 opacity: 0; |
224 } | 230 } |
225 | 231 |
226 .page-navigation { | 232 .page-navigation { |
227 -webkit-margin-end: 4px; | 233 -webkit-margin-end: 4px; |
228 background-color: rgb(235, 239, 249); | 234 background-color: rgb(235, 239, 249); |
229 padding: 8px; | 235 padding: 8px; |
230 } | 236 } |
OLD | NEW |