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
17header,
18.summary {
19  min-width: 400px;
20}
21
22header {
23  align-items: center;
24  display: flex;
25  padding: 0 12px;
26}
27
28header h2 {
29  flex: 1;
30  /* TODO(dbeam): reconcile font/line-height/margin with chrome_shared.css */
31  font-size: 1.5em;
32  font-weight: normal;
33  line-height: 1;
34  margin: 15px 0;
35}
36
37header > :-webkit-any(form, input[type='search']) {
38  flex: none;
39}
40
41.summary {
42  background-color: rgb(235, 239, 249);
43  border-top: 1px solid rgb(156, 194, 239);
44  display: flex;
45  padding: 5px 10px;
46  white-space: nowrap;
47}
48
49.summary > * {
50  flex: none;
51}
52
53.summary :first-child {
54  flex: 1;
55}
56