| 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 <include src="../search_header.css"> |
| 6 |
| 5 html, | 7 html, |
| 6 body { | 8 body { |
| 7 cursor: default; | 9 cursor: default; |
| 8 height: 100%; | 10 height: 100%; |
| 9 margin: 0; | 11 margin: 0; |
| 10 overflow: hidden; | 12 overflow: hidden; |
| 11 width: 100%; | 13 width: 100%; |
| 12 } | 14 } |
| 13 | 15 |
| 14 body { | 16 body { |
| (...skipping 227 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 242 -webkit-border-end: 15px solid white; | 244 -webkit-border-end: 15px solid white; |
| 243 -webkit-border-start: 0; | 245 -webkit-border-start: 0; |
| 244 background-color: rgb(235, 239, 249); | 246 background-color: rgb(235, 239, 249); |
| 245 cursor: e-resize; | 247 cursor: e-resize; |
| 246 width: 5px; | 248 width: 5px; |
| 247 <if expr="is_macosx"> | 249 <if expr="is_macosx"> |
| 248 cursor: col-resize; | 250 cursor: col-resize; |
| 249 </if> | 251 </if> |
| 250 } | 252 } |
| 251 | 253 |
| 252 header { | |
| 253 align-items: center; | |
| 254 display: flex; | |
| 255 min-width: 400px; | |
| 256 padding: 0 12px; | |
| 257 } | |
| 258 | |
| 259 header h2 { | |
| 260 flex: 1; | |
| 261 font-weight: normal; | |
| 262 line-height: 1; /* TODO(dbeam): include chrome_shared.css on this page. */ | |
| 263 } | |
| 264 | |
| 265 header form { | |
| 266 flex: none; | |
| 267 } | |
| 268 | |
| 269 .tree-row.drag-on, | 254 .tree-row.drag-on, |
| 270 .drag-on { | 255 .drag-on { |
| 271 background-color: hsla(214, 91%, 85%, .5); | 256 background-color: hsla(214, 91%, 85%, .5); |
| 272 border: 1px solid hsl(214, 91%, 85%); | 257 border: 1px solid hsl(214, 91%, 85%); |
| 273 border-radius: 3px; | 258 border-radius: 3px; |
| 274 box-sizing: border-box; | 259 box-sizing: border-box; |
| 275 } | 260 } |
| 276 | 261 |
| 277 .drag-above::before, | 262 .drag-above::before, |
| 278 .drag-below::after { | 263 .drag-below::after { |
| (...skipping 23 matching lines...) Expand all Loading... |
| 302 | 287 |
| 303 list.drag-above::before { | 288 list.drag-above::before { |
| 304 top: 0 | 289 top: 0 |
| 305 } | 290 } |
| 306 | 291 |
| 307 list > .drag-below, | 292 list > .drag-below, |
| 308 list > .drag-above { | 293 list > .drag-above { |
| 309 overflow : visible; | 294 overflow : visible; |
| 310 } | 295 } |
| 311 | 296 |
| 312 .summary { | |
| 313 background-color: rgb(235, 239, 249); | |
| 314 border-top: 1px solid rgb(156, 194, 239); | |
| 315 clear: both; | |
| 316 padding: 5px 10px; | |
| 317 white-space: nowrap; | |
| 318 } | |
| 319 | |
| 320 .summary > * { | 297 .summary > * { |
| 321 display: inline-block; | |
| 322 font-size: 100%; | 298 font-size: 100%; |
| 323 margin: 0; | 299 margin: 0; |
| 324 } | 300 } |
| 325 | 301 |
| 326 .summary button { | 302 .summary button { |
| 327 -webkit-appearance: none; | 303 -webkit-appearance: none; |
| 328 -webkit-margin-start: 16px; | 304 -webkit-margin-start: 16px; |
| 329 -webkit-padding-end: 11px; | 305 -webkit-padding-end: 11px; |
| 330 -webkit-padding-start: 0; | 306 -webkit-padding-start: 0; |
| 331 background: transparent -webkit-canvas(drop-down-arrow) | 307 background: transparent -webkit-canvas(drop-down-arrow) |
| (...skipping 18 matching lines...) Expand all Loading... |
| 350 | 326 |
| 351 list [editing] input, | 327 list [editing] input, |
| 352 .tree-item [editing] input { | 328 .tree-item [editing] input { |
| 353 padding: 3px 0; | 329 padding: 3px 0; |
| 354 } | 330 } |
| 355 | 331 |
| 356 .tree-row .expand-icon { | 332 .tree-row .expand-icon { |
| 357 top: 6px; | 333 top: 6px; |
| 358 } | 334 } |
| 359 } | 335 } |
| OLD | NEW |