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