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 html[dir=rtl] body.uber-frame > .page { |
| 11 -webkit-margin-end: 0; |
| 12 } |
| 13 |
10 #editing-controls, | 14 #editing-controls, |
11 #loading-spinner { | 15 #loading-spinner { |
12 margin-top: 16px; | 16 margin-top: 16px; |
13 <if expr="not pp_ifdef('android')"> | 17 <if expr="not pp_ifdef('android')"> |
14 white-space: nowrap; | 18 white-space: nowrap; |
15 </if> | 19 </if> |
16 } | 20 } |
17 | 21 |
18 #search-button { | 22 #search-button { |
19 margin: 0; | 23 margin: 0; |
(...skipping 19 matching lines...) Expand all Loading... |
39 } | 43 } |
40 | 44 |
41 #editing-controls button:first-of-type { | 45 #editing-controls button:first-of-type { |
42 -webkit-margin-start: 0; | 46 -webkit-margin-start: 0; |
43 } | 47 } |
44 | 48 |
45 #filter-controls select { | 49 #filter-controls select { |
46 -webkit-margin-end: 0; | 50 -webkit-margin-end: 0; |
47 } | 51 } |
48 | 52 |
| 53 html[dir=rtl] #range-today, |
| 54 html[dir=rtl] #range-previous, |
| 55 html[dir=rtl] #range-next { |
| 56 float: left; |
| 57 } |
| 58 |
49 #display-filter-controls { | 59 #display-filter-controls { |
50 float: right; | 60 float: right; |
51 } | 61 } |
52 | 62 |
53 #display-filter-controls label { | 63 #display-filter-controls label { |
54 padding-left: 6px; | 64 -webkit-margin-start: 6px; |
55 } | 65 } |
56 | 66 |
57 #display-filter-controls label:not(:last-child) { | 67 #display-filter-controls label:not(:last-child) { |
58 border-right: 1px solid rgb(151, 156, 160); | 68 -webkit-border-end: 1px solid rgb(151, 156, 160); |
59 padding-right: 6px; | 69 -webkit-margin-start: 0; |
| 70 padding: 0 6px 0 6px; |
60 } | 71 } |
61 | 72 |
62 #results-display { | 73 #results-display { |
63 margin: 16px 0 0 0; | 74 margin: 16px 0 0 0; |
64 } | 75 } |
65 | 76 |
66 .edit-button { | 77 .edit-button { |
67 -webkit-appearance: none; | 78 -webkit-appearance: none; |
68 background: none; | 79 background: none; |
69 border: 0; | 80 border: 0; |
(...skipping 37 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
107 /* The box should be no bigger than its parent. */ | 118 /* The box should be no bigger than its parent. */ |
108 max-width: 100%; | 119 max-width: 100%; |
109 overflow: hidden; | 120 overflow: hidden; |
110 padding-bottom: 1px; | 121 padding-bottom: 1px; |
111 } | 122 } |
112 | 123 |
113 .site-domain-wrapper { | 124 .site-domain-wrapper { |
114 cursor: pointer; | 125 cursor: pointer; |
115 } | 126 } |
116 | 127 |
117 html[dir=rtl] .entry-box { | 128 html[dir=rtl] .entry-box, |
| 129 html[dir=rtl] .site-domain-wrapper { |
118 float: right; /* To make the box shrink to fit its content. */ | 130 float: right; /* To make the box shrink to fit its content. */ |
119 } | 131 } |
120 | 132 |
121 .day { | 133 .day { |
122 white-space: nowrap; | 134 white-space: nowrap; |
123 } | 135 } |
124 | 136 |
125 .search-results, | 137 .search-results, |
126 .day-results { | 138 .day-results { |
127 margin: 0 0 24px 0; | 139 margin: 0 0 24px 0; |
128 padding: 0; | 140 padding: 0; |
129 } | 141 } |
130 | 142 |
131 .site-results { | 143 .site-results { |
132 -webkit-transition: height 350ms ease-in-out; | 144 -webkit-transition: height 350ms ease-in-out; |
133 clear: left; | 145 clear: left; |
134 margin: 0; | 146 margin: 0; |
135 overflow: hidden; | 147 overflow: hidden; |
136 padding: 0; | 148 padding: 0; |
137 } | 149 } |
138 | 150 |
139 .month-results { | 151 .month-results { |
140 -webkit-padding-start: 0; | 152 -webkit-padding-start: 0; |
141 } | 153 } |
142 | 154 |
| 155 html[dir='rtl'] .site-results { |
| 156 clear: both; |
| 157 } |
| 158 |
143 h2.timeframe { | 159 h2.timeframe { |
144 font-size: 1.5em; | 160 font-size: 1.5em; |
145 } | 161 } |
146 | 162 |
147 .snippet { | 163 .snippet { |
148 -webkit-box-orient: vertical; | 164 -webkit-box-orient: vertical; |
149 -webkit-line-clamp: 2; | 165 -webkit-line-clamp: 2; |
150 -webkit-margin-start: 110px; | 166 -webkit-margin-start: 110px; |
151 clear: both; | 167 clear: both; |
152 color: rgb(34, 34, 34); | 168 color: rgb(34, 34, 34); |
153 display: -webkit-box; | 169 display: -webkit-box; |
154 line-height: 1.6em; | 170 line-height: 1.6em; |
155 margin-bottom: 1em; | 171 margin-bottom: 1em; |
156 overflow: hidden; | 172 overflow: hidden; |
157 text-overflow: ellipsis; | 173 text-overflow: ellipsis; |
158 } | 174 } |
159 | 175 |
160 .entry .domain { | 176 .entry .domain { |
161 color: rgb(151, 156, 160); | 177 color: rgb(151, 156, 160); |
162 padding-left: 6px; | 178 padding-left: 6px; |
163 padding-right: 6px; | 179 padding-right: 6px; |
164 } | 180 } |
165 | 181 |
166 .site-results .domain { | 182 .site-results .domain { |
167 display: none; | 183 display: none; |
168 } | 184 } |
169 | 185 |
| 186 |
| 187 html[dir='rtl'] .number-visits { |
| 188 /* This element contains parentheses, which without the unicode-bidi: embed |
| 189 * directive would show up incorrectly (e.g. '(www.google.com (5'). Using |
| 190 * 'embed' makes the engine set the text in the parentheses as LTR even |
| 191 * when the layout is set to RTL, which makes using -webkit-*-start |
| 192 * impossible. So use margins and dir='rtl'. |
| 193 */ |
| 194 direction: rtl; |
| 195 unicode-bidi: embed; |
| 196 } |
| 197 |
170 .number-visits { | 198 .number-visits { |
171 color: rgb(151, 156, 160); | 199 color: rgb(151, 156, 160); |
| 200 margin-left: 0.3em; |
172 } | 201 } |
173 | 202 |
174 .drop-down { | 203 .drop-down { |
175 -webkit-margin-end: 5px; | 204 -webkit-margin-end: 5px; |
176 background: white -webkit-canvas(drop-down-arrow) no-repeat center 4px; | 205 background: white -webkit-canvas(drop-down-arrow) no-repeat center 4px; |
177 border: 1px solid rgb(192, 195, 198); | 206 border: 1px solid rgb(192, 195, 198); |
178 border-radius: 2px; | 207 border-radius: 2px; |
179 height: 12px; | 208 height: 12px; |
180 padding: 0; | 209 padding: 0; |
181 position: relative; | 210 position: relative; |
182 top: 2px; | 211 top: 2px; |
183 width: 12px; | 212 width: 12px; |
184 } | 213 } |
185 | 214 |
186 .drop-down:hover { | 215 .drop-down:hover { |
187 background-image: -webkit-canvas(drop-down-arrow-hover); | 216 background-image: -webkit-canvas(drop-down-arrow-hover); |
188 border-color: rgb(48, 57, 66); | 217 border-color: rgb(48, 57, 66); |
189 } | 218 } |
190 | 219 |
191 .drop-down[menu-shown], | 220 .drop-down[menu-shown], |
192 .drop-down:focus { | 221 .drop-down:focus { |
193 background-color: rgb(48, 57, 66); | 222 background-color: rgb(48, 57, 66); |
194 background-image: -webkit-canvas(drop-down-arrow-active); | 223 background-image: -webkit-canvas(drop-down-arrow-active); |
195 border-color: rgb(48, 57, 66); | 224 border-color: rgb(48, 57, 66); |
196 } | 225 } |
197 | 226 |
198 html[dir='rtl'] .entry .title { | 227 html[dir='rtl'] .entry .title, |
| 228 html[dir='rtl'] .site-domain { |
199 /* Put the favicon on the right. */ | 229 /* Put the favicon on the right. */ |
200 background-position-x: right; | 230 background-position-x: right; |
201 } | 231 } |
202 | 232 |
203 .entry .time { | 233 .entry .time { |
204 color: rgb(151, 156, 160); | 234 color: rgb(151, 156, 160); |
205 overflow: hidden; | 235 overflow: hidden; |
206 text-overflow: ellipsis; | 236 text-overflow: ellipsis; |
207 white-space: nowrap; | 237 white-space: nowrap; |
208 width: 90px; | 238 width: 90px; |
(...skipping 51 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
260 -webkit-padding-start: 20px; | 290 -webkit-padding-start: 20px; |
261 | 291 |
262 /* Control the favicon appearance. */ | 292 /* Control the favicon appearance. */ |
263 background-position-y: 3px; | 293 background-position-y: 3px; |
264 background-repeat: no-repeat; | 294 background-repeat: no-repeat; |
265 background-size: 16px; | 295 background-size: 16px; |
266 } | 296 } |
267 | 297 |
268 .site-domain-arrow { | 298 .site-domain-arrow { |
269 -webkit-transition: -webkit-transform 300ms linear; | 299 -webkit-transition: -webkit-transform 300ms linear; |
270 color: #8F8F8F; | 300 color: rgb(143, 143, 143); |
271 height: 21px; | 301 height: 21px; |
272 margin-right: 2px; | 302 margin-right: 2px; |
273 text-align: center; | 303 text-align: center; |
274 width: 21px; | 304 width: 21px; |
275 } | 305 } |
276 | 306 |
277 .site-domain-arrow.collapse { | 307 .site-domain-arrow.collapse { |
278 -webkit-transform: rotate(0); | 308 -webkit-transform: rotate(0); |
279 } | 309 } |
280 | 310 |
281 .site-domain-arrow.expand { | 311 .site-domain-arrow.expand { |
282 -webkit-transform: rotate(90deg); | 312 -webkit-transform: rotate(90deg); |
283 } | 313 } |
284 | 314 |
| 315 html[dir='rtl'] .site-domain-arrow.collapse { |
| 316 -webkit-transform: rotate(90deg); |
| 317 } |
| 318 |
| 319 html[dir='rtl'] .site-domain-arrow.expand { |
| 320 -webkit-transform: rotate(180deg); |
| 321 } |
| 322 |
285 .entry .starred { | 323 .entry .starred { |
286 -webkit-margin-start: 4px; | 324 -webkit-margin-start: 4px; |
287 background: url('../../../../ui/webui/resources/images/star_small.png') no-rep
eat; | 325 background: url('../../../../ui/webui/resources/images/star_small.png') no-rep
eat; |
288 display: inline-block; | 326 display: inline-block; |
289 height: 11px; | 327 height: 11px; |
290 width: 11px; | 328 width: 11px; |
291 } | 329 } |
292 | 330 |
293 .entry .title > a { | 331 .entry .title > a { |
294 color: rgb(48, 57, 66); | 332 color: rgb(48, 57, 66); |
(...skipping 15 matching lines...) Expand all Loading... |
310 | 348 |
311 .menu-button.drop-down { | 349 .menu-button.drop-down { |
312 position: relative; | 350 position: relative; |
313 top: 2px; | 351 top: 2px; |
314 } | 352 } |
315 | 353 |
316 #action-menu > :not(hr) { | 354 #action-menu > :not(hr) { |
317 line-height: 29px; | 355 line-height: 29px; |
318 outline: none; | 356 outline: none; |
319 } | 357 } |
OLD | NEW |