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
3 * found in the LICENSE file. */
5 /* TODO(estade): handle overflow better? I tried overflow-x: hidden and
6 overflow-y: visible (for the new dot animation), but this makes a scroll
9 /* Expand to take up all available horizontal space. */
11 /* Center child dots. */
12 -webkit-box-pack: center;
15 list-style-type: none;
20 html.starting-up #dot-list {
26 -webkit-margin-end: 10px;
27 -webkit-padding-start: 2px;
28 -webkit-transition: -webkit-margin-end 250ms, max-width 250ms, opacity 250ms;
29 box-sizing: border-box;
31 /* max-width: Set in new_tab.js. See measureNavDots() */
37 -webkit-margin-end: 0;
47 -webkit-margin-end: 0;
52 -webkit-transition: border-color 200ms;
53 border-bottom: 5px solid;
54 border-color: rgba(0, 0, 0, 0.1);
59 -webkit-appearance: caret;
60 -webkit-margin-start: 2px;
61 -webkit-transition: color 200ms;
62 background-color: transparent;
75 /* Everything below here should be themed but we don't have appropriate colors
88 .dot:focus .selection-bar,
89 .dot:hover .selection-bar,
90 .dot.drag-target .selection-bar {
91 border-color: #b2b2b2;
94 .dot.selected .selection-bar {
95 border-color: #7f7f7f;