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-separator { | 6 #results-separator { |
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 74 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
85 html[dir=rtl] .entry-box { | 85 html[dir=rtl] .entry-box { |
86 float: right; /* To make the box shrink to fit its content. */ | 86 float: right; /* To make the box shrink to fit its content. */ |
87 } | 87 } |
88 | 88 |
89 .search-results, .day-results { | 89 .search-results, .day-results { |
90 margin: 0 0 24px 0; | 90 margin: 0 0 24px 0; |
91 padding: 0; | 91 padding: 0; |
92 } | 92 } |
93 | 93 |
94 .snippet { | 94 .snippet { |
95 -webkit-margin-start: 90px; /* Align it with .domain. */ | 95 -webkit-box-orient: vertical; |
| 96 -webkit-line-clamp: 2; |
| 97 -webkit-margin-start: 110px; |
96 clear: both; | 98 clear: both; |
| 99 color: rgb(34, 34, 34); |
| 100 display: -webkit-box; |
97 font-size: 12px; | 101 font-size: 12px; |
98 line-height: 1.6em; | 102 line-height: 1.6em; |
99 margin-bottom: 12px; | 103 margin-bottom: 12px; |
| 104 overflow: hidden; |
| 105 text-overflow: ellipsis; |
100 } | 106 } |
101 | 107 |
102 .entry .domain { | 108 .entry .domain { |
103 color: rgb(154, 154, 154); | 109 color: rgb(154, 154, 154); |
104 padding-left: 6px; | 110 padding-left: 6px; |
105 padding-right: 6px; | 111 padding-right: 6px; |
106 } | 112 } |
107 | 113 |
108 .drop-down { | 114 .drop-down { |
109 -webkit-margin-end: 4px; | 115 -webkit-margin-end: 4px; |
(...skipping 17 matching lines...) Expand all Loading... |
127 border-color: rgb(106, 134, 222); | 133 border-color: rgb(106, 134, 222); |
128 } | 134 } |
129 | 135 |
130 html[dir='rtl'] .entry .title { | 136 html[dir='rtl'] .entry .title { |
131 /* Put the favicon on the right. */ | 137 /* Put the favicon on the right. */ |
132 background-position-x: right; | 138 background-position-x: right; |
133 } | 139 } |
134 | 140 |
135 .entry .time { | 141 .entry .time { |
136 color: #9a9a9a; | 142 color: #9a9a9a; |
| 143 overflow: hidden; |
| 144 text-overflow: ellipsis; |
| 145 white-space: nowrap; |
137 width: 90px; | 146 width: 90px; |
138 } | 147 } |
139 | 148 |
| 149 .search-results .time { |
| 150 width: 110px; |
| 151 } |
| 152 |
140 .entry input[type=checkbox] { | 153 .entry input[type=checkbox] { |
141 -webkit-margin-end: 6px; | 154 -webkit-margin-end: 6px; |
142 -webkit-margin-start: 4px; | 155 -webkit-margin-start: 4px; |
143 height: 13px; | 156 height: 13px; |
144 line-height: 12px; | 157 line-height: 12px; |
145 text-indent: -1px; | 158 text-indent: -1px; |
146 top: 2px; | 159 top: 2px; |
147 width: 14px; | 160 width: 14px; |
148 } | 161 } |
149 | 162 |
(...skipping 60 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
210 | 223 |
211 /* Since all history links are visited, we can make them blue. */ | 224 /* Since all history links are visited, we can make them blue. */ |
212 .entry .title > a:visted { | 225 .entry .title > a:visted { |
213 color: rgb(17, 17, 204); | 226 color: rgb(17, 17, 204); |
214 } | 227 } |
215 | 228 |
216 .fade-out { | 229 .fade-out { |
217 -webkit-transition: opacity 200ms; | 230 -webkit-transition: opacity 200ms; |
218 opacity: 0; | 231 opacity: 0; |
219 } | 232 } |
OLD | NEW |