| 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 |