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 html, | 5 html, |
6 body { | 6 body { |
7 cursor: default; | 7 cursor: default; |
8 height: 100%; | 8 height: 100%; |
9 margin: 0; | 9 margin: 0; |
10 overflow: hidden; | 10 overflow: hidden; |
(...skipping 231 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
242 -webkit-border-end: 15px solid white; | 242 -webkit-border-end: 15px solid white; |
243 -webkit-border-start: 0; | 243 -webkit-border-start: 0; |
244 background-color: rgb(235, 239, 249); | 244 background-color: rgb(235, 239, 249); |
245 cursor: e-resize; | 245 cursor: e-resize; |
246 width: 5px; | 246 width: 5px; |
247 <if expr="is_macosx"> | 247 <if expr="is_macosx"> |
248 cursor: col-resize; | 248 cursor: col-resize; |
249 </if> | 249 </if> |
250 } | 250 } |
251 | 251 |
252 .logo { | 252 header { |
253 -webkit-appearance: none; | 253 align-items: center; |
254 background: url('../images/bookmarks_section_32.png') no-repeat 50% 50%; | 254 display: flex; |
255 border: 0; | 255 min-width: 400px; |
256 cursor: pointer; | 256 padding: 0 12px; |
257 float: left; | |
258 height: 32px; | |
259 margin: 10px; | |
260 width: 32px; | |
261 } | 257 } |
262 | 258 |
263 html:not(.focus-outline-visible) .logo:focus { | 259 header h2 { |
264 outline: none; | 260 flex: 1; |
| 261 font-weight: normal; |
265 } | 262 } |
266 | 263 |
267 .header form { | 264 header form { |
268 float: left; | 265 flex: none; |
269 margin: 14px 2px 0 2px; | |
270 width: 171px; | |
271 } | |
272 | |
273 .header { | |
274 min-width: 400px; | |
275 } | |
276 | |
277 html[dir=rtl] .logo, | |
278 html[dir=rtl] .header > div, | |
279 html[dir=rtl] .header form { | |
280 float: right; | |
281 } | 266 } |
282 | 267 |
283 .tree-row.drag-on, | 268 .tree-row.drag-on, |
284 .drag-on { | 269 .drag-on { |
285 background-color: hsla(214, 91%, 85%, .5); | 270 background-color: hsla(214, 91%, 85%, .5); |
286 border: 1px solid hsl(214, 91%, 85%); | 271 border: 1px solid hsl(214, 91%, 85%); |
287 border-radius: 3px; | 272 border-radius: 3px; |
288 box-sizing: border-box; | 273 box-sizing: border-box; |
289 } | 274 } |
290 | 275 |
(...skipping 41 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
332 } | 317 } |
333 | 318 |
334 .summary > * { | 319 .summary > * { |
335 display: inline-block; | 320 display: inline-block; |
336 font-size: 100%; | 321 font-size: 100%; |
337 margin: 0; | 322 margin: 0; |
338 } | 323 } |
339 | 324 |
340 .summary button { | 325 .summary button { |
341 -webkit-appearance: none; | 326 -webkit-appearance: none; |
342 -webkit-margin-start: 10px; | 327 -webkit-margin-start: 16px; |
343 -webkit-padding-end: 11px; | 328 -webkit-padding-end: 11px; |
344 -webkit-padding-start: 0; | 329 -webkit-padding-start: 0; |
345 background: transparent -webkit-canvas(drop-down-arrow) | 330 background: transparent -webkit-canvas(drop-down-arrow) |
346 no-repeat right center; | 331 no-repeat right center; |
347 border: 0; | 332 border: 0; |
348 font: inherit; | 333 font: inherit; |
| 334 font-weight: bold; |
349 padding-bottom: 0; | 335 padding-bottom: 0; |
350 padding-top: 0; | 336 padding-top: 0; |
351 } | 337 } |
352 | 338 |
353 html[dir=rtl] .summary button { | 339 html[dir=rtl] .summary button { |
354 background-position: left center; | 340 background-position: left center; |
355 } | 341 } |
356 | 342 |
357 @media (pointer:coarse) { | 343 @media (pointer:coarse) { |
358 list > *, | 344 list > *, |
359 menu > button, | 345 menu > button, |
360 .tree-item > .tree-row { | 346 .tree-item > .tree-row { |
361 line-height: 28px; | 347 line-height: 28px; |
362 } | 348 } |
363 | 349 |
364 list [editing] input, | 350 list [editing] input, |
365 .tree-item [editing] input { | 351 .tree-item [editing] input { |
366 padding: 3px 0; | 352 padding: 3px 0; |
367 } | 353 } |
368 | 354 |
369 .tree-row .expand-icon { | 355 .tree-row .expand-icon { |
370 top: 6px; | 356 top: 6px; |
371 } | 357 } |
372 } | 358 } |
OLD | NEW |