OLD | NEW |
1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. | 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 | 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 body:not(.uber-frame) { | 5 body:not(.uber-frame) { |
6 color: rgb(48, 57, 66); | 6 color: rgb(48, 57, 66); |
7 margin: 0 8px 0 8px; | 7 margin: 0 8px 0 8px; |
8 } | 8 } |
9 | 9 |
10 #editing-controls, | 10 #editing-controls, |
(...skipping 83 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
94 /* The box should be no bigger than its parent. */ | 94 /* The box should be no bigger than its parent. */ |
95 max-width: 100%; | 95 max-width: 100%; |
96 overflow: hidden; | 96 overflow: hidden; |
97 padding-bottom: 1px; | 97 padding-bottom: 1px; |
98 } | 98 } |
99 | 99 |
100 .site-domain-wrapper { | 100 .site-domain-wrapper { |
101 cursor: pointer; | 101 cursor: pointer; |
102 } | 102 } |
103 | 103 |
104 html[dir=rtl] .entry-box { | 104 html[dir=rtl] .entry-box, |
| 105 html[dir=rtl] .site-domain-wrapper { |
105 float: right; /* To make the box shrink to fit its content. */ | 106 float: right; /* To make the box shrink to fit its content. */ |
106 } | 107 } |
107 | 108 |
108 .day { | 109 .day { |
109 white-space: nowrap; | 110 white-space: nowrap; |
110 } | 111 } |
111 | 112 |
112 .search-results, | 113 .search-results, |
113 .day-results { | 114 .day-results { |
114 margin: 0 0 24px 0; | 115 margin: 0 0 24px 0; |
115 padding: 0; | 116 padding: 0; |
116 } | 117 } |
117 | 118 |
118 .site-results { | 119 .site-results { |
119 -webkit-transition: height 350ms ease-in-out; | 120 -webkit-transition: height 350ms ease-in-out; |
120 clear: left; | 121 clear: left; |
121 margin: 0; | 122 margin: 0; |
122 overflow: hidden; | 123 overflow: hidden; |
123 padding: 0; | 124 padding: 0; |
124 } | 125 } |
125 | 126 |
| 127 html[dir='rtl'] .site-results { |
| 128 clear: right; |
| 129 } |
| 130 |
126 h2.timeframe { | 131 h2.timeframe { |
127 font-size: 1.5em; | 132 font-size: 1.5em; |
128 } | 133 } |
129 | 134 |
130 .snippet { | 135 .snippet { |
131 -webkit-box-orient: vertical; | 136 -webkit-box-orient: vertical; |
132 -webkit-line-clamp: 2; | 137 -webkit-line-clamp: 2; |
133 -webkit-margin-start: 110px; | 138 -webkit-margin-start: 110px; |
134 clear: both; | 139 clear: both; |
135 color: rgb(34, 34, 34); | 140 color: rgb(34, 34, 34); |
136 display: -webkit-box; | 141 display: -webkit-box; |
137 line-height: 1.6em; | 142 line-height: 1.6em; |
138 margin-bottom: 1em; | 143 margin-bottom: 1em; |
139 overflow: hidden; | 144 overflow: hidden; |
140 text-overflow: ellipsis; | 145 text-overflow: ellipsis; |
141 } | 146 } |
142 | 147 |
143 .entry .domain { | 148 .entry .domain { |
144 color: rgb(151, 156, 160); | 149 color: rgb(151, 156, 160); |
145 padding-left: 6px; | 150 padding-left: 6px; |
146 padding-right: 6px; | 151 padding-right: 6px; |
147 } | 152 } |
148 | 153 |
149 .site-results .domain { | 154 .site-results .domain { |
150 display: none; | 155 display: none; |
151 } | 156 } |
152 | 157 |
| 158 |
| 159 html[dir='rtl'] .number-visits { |
| 160 direction: rtl; |
| 161 unicode-bidi: embed; |
| 162 } |
| 163 |
153 .number-visits { | 164 .number-visits { |
154 color: rgb(151, 156, 160); | 165 color: rgb(151, 156, 160); |
155 } | 166 } |
156 | 167 |
157 .drop-down { | 168 .drop-down { |
158 -webkit-margin-end: 5px; | 169 -webkit-margin-end: 5px; |
159 background: white -webkit-canvas(drop-down-arrow) no-repeat center 4px; | 170 background: white -webkit-canvas(drop-down-arrow) no-repeat center 4px; |
160 border: 1px solid rgb(192, 195, 198); | 171 border: 1px solid rgb(192, 195, 198); |
161 border-radius: 2px; | 172 border-radius: 2px; |
162 height: 12px; | 173 height: 12px; |
163 padding: 0; | 174 padding: 0; |
164 position: relative; | 175 position: relative; |
165 top: 2px; | 176 top: 2px; |
166 width: 12px; | 177 width: 12px; |
167 } | 178 } |
168 | 179 |
169 .drop-down:hover { | 180 .drop-down:hover { |
170 background-image: -webkit-canvas(drop-down-arrow-hover); | 181 background-image: -webkit-canvas(drop-down-arrow-hover); |
171 border-color: rgb(48, 57, 66); | 182 border-color: rgb(48, 57, 66); |
172 } | 183 } |
173 | 184 |
174 .drop-down[menu-shown], | 185 .drop-down[menu-shown], |
175 .drop-down:focus { | 186 .drop-down:focus { |
176 background-color: rgb(48, 57, 66); | 187 background-color: rgb(48, 57, 66); |
177 background-image: -webkit-canvas(drop-down-arrow-active); | 188 background-image: -webkit-canvas(drop-down-arrow-active); |
178 border-color: rgb(48, 57, 66); | 189 border-color: rgb(48, 57, 66); |
179 } | 190 } |
180 | 191 |
181 html[dir='rtl'] .entry .title { | 192 html[dir='rtl'] .entry .title, |
| 193 html[dir='rtl'] .site-domain { |
182 /* Put the favicon on the right. */ | 194 /* Put the favicon on the right. */ |
183 background-position-x: right; | 195 background-position-x: right; |
184 } | 196 } |
185 | 197 |
186 .entry .time { | 198 .entry .time { |
187 color: rgb(151, 156, 160); | 199 color: rgb(151, 156, 160); |
188 overflow: hidden; | 200 overflow: hidden; |
189 text-overflow: ellipsis; | 201 text-overflow: ellipsis; |
190 white-space: nowrap; | 202 white-space: nowrap; |
191 width: 90px; | 203 width: 90px; |
(...skipping 50 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
242 -webkit-padding-start: 20px; | 254 -webkit-padding-start: 20px; |
243 | 255 |
244 /* Control the favicon appearance. */ | 256 /* Control the favicon appearance. */ |
245 background-position-y: 3px; | 257 background-position-y: 3px; |
246 background-repeat: no-repeat; | 258 background-repeat: no-repeat; |
247 background-size: 16px; | 259 background-size: 16px; |
248 } | 260 } |
249 | 261 |
250 .site-domain-arrow { | 262 .site-domain-arrow { |
251 -webkit-transition: -webkit-transform 300ms linear; | 263 -webkit-transition: -webkit-transform 300ms linear; |
252 color: #8F8F8F; | 264 color: rgb(143, 143, 143); |
253 height: 21px; | 265 height: 21px; |
254 margin-right: 2px; | 266 margin-right: 2px; |
255 text-align: center; | 267 text-align: center; |
256 width: 21px; | 268 width: 21px; |
257 } | 269 } |
258 | 270 |
259 .site-domain-arrow.collapse { | 271 .site-domain-arrow.collapse { |
260 -webkit-transform: rotate(0); | 272 -webkit-transform: rotate(0); |
261 } | 273 } |
262 | 274 |
263 .site-domain-arrow.expand { | 275 .site-domain-arrow.expand { |
264 -webkit-transform: rotate(90deg); | 276 -webkit-transform: rotate(90deg); |
265 } | 277 } |
266 | 278 |
| 279 html[dir='rtl'] .site-domain-arrow { |
| 280 -webkit-transform: scaleX(-1); |
| 281 } |
| 282 |
| 283 html[dir='rtl'] .site-domain-arrow.expand { |
| 284 -webkit-transform: scaleX(-1) rotate(90deg); |
| 285 } |
| 286 |
267 .entry .starred { | 287 .entry .starred { |
268 -webkit-margin-start: 4px; | 288 -webkit-margin-start: 4px; |
269 background: url('../../../../ui/webui/resources/images/star_small.png') no-rep
eat; | 289 background: url('../../../../ui/webui/resources/images/star_small.png') no-rep
eat; |
270 display: inline-block; | 290 display: inline-block; |
271 height: 11px; | 291 height: 11px; |
272 width: 11px; | 292 width: 11px; |
273 } | 293 } |
274 | 294 |
275 .entry .title > a { | 295 .entry .title > a { |
276 color: rgb(48, 57, 66); | 296 color: rgb(48, 57, 66); |
(...skipping 14 matching lines...) Expand all Loading... |
291 } | 311 } |
292 | 312 |
293 .menu-button.drop-down { | 313 .menu-button.drop-down { |
294 position: relative; | 314 position: relative; |
295 top: 2px; | 315 top: 2px; |
296 } | 316 } |
297 | 317 |
298 #action-menu > :not(hr) { | 318 #action-menu > :not(hr) { |
299 line-height: 29px; | 319 line-height: 29px; |
300 } | 320 } |
OLD | NEW |