OLD | NEW |
(Empty) | |
| 1 /* Copyright 2014 The Chromium Authors. All rights reserved. |
| 2 * Use of this source code is governed by a BSD-style license that can be |
| 3 * found in the LICENSE file. */ |
| 4 |
| 5 /* This is a common file for pages that have a title and search box as their |
| 6 * header. This visually looks like: |
| 7 * _____________________________________________________________________________ |
| 8 * | | |
| 9 * | I Am So Great! [ Search greatness... ] | |
| 10 * |___________________________________________________________________________| |
| 11 * | Summary (90235 things currently great) _Great links_ | |
| 12 * |
| 13 * The title expands to fill any space it needs and the search bar is locked to |
| 14 * the end of the header (e.g., right in LTR, left in RTL). |
| 15 */ |
| 16 |
| 17 header { |
| 18 align-items: center; |
| 19 display: flex; |
| 20 min-width: 400px; |
| 21 padding: 0 12px; |
| 22 } |
| 23 |
| 24 header h2 { |
| 25 flex: 1; |
| 26 /* TODO(dbeam): reconcile font/line-height/margin with chrome_shared.css */ |
| 27 font-size: 1.5em; |
| 28 font-weight: normal; |
| 29 line-height: 1; |
| 30 margin: 15px 0; |
| 31 } |
| 32 |
| 33 header > :-webkit-any(form, input[type='search']) { |
| 34 flex: none; |
| 35 } |
| 36 |
| 37 .summary { |
| 38 background-color: rgb(235, 239, 249); |
| 39 border-top: 1px solid rgb(156, 194, 239); |
| 40 padding: 5px 10px; |
| 41 } |
OLD | NEW |