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 |