1/*
2Copyright (c) 2011 The Chromium Authors. All rights reserved.
3Use of this source code is governed by a BSD-style license that can be
4found in the LICENSE file.
5*/
6.tab-control {
7  display: -webkit-box;
8  -webkit-box-orient: vertical;
9  -webkit-box-pack: start;
10
11  padding: 0;
12  margin: 0;
13}
14
15.tab-control > .tab-strip {
16  font-family: sans-serif;
17  background: #aaa;
18  border-bottom: 1px solid #555;
19
20  -webkit-user-select: none;
21
22  display: -webkit-box;
23  -webkit-box-orient: horizontal;
24  -webkit-box-pack: start;
25}
26
27.tab-control > .tabs {
28  -webkit-box-flex: 1;
29  display: -webkit-box;
30  -webkit-box-orient: vertical;
31  overflow: auto;
32}
33
34.tab-control > .tabs > :not([selected]) {
35  display: none;
36}
37
38.tab-control .tab-button {
39  -webkit-margin-start: 5px;
40  text-decoration: none;
41  text-align: center;
42  display: inline-block;
43  margin-top: 4px;
44  padding: 5px 10px 3px 10px;
45  border-top-right-radius: 8px;
46  border-top-left-radius: 8px;
47  background-clip: border-box;
48  background: #ccc;
49}
50
51.tab-control .tab-button:hover {
52  background: #eee;
53}
54
55
56.tab-control .tab-button:visited,
57.tab-control .tab-button {
58  color: blue;
59}
60
61.tab-control .tab-button[selected] {
62  position: relative;
63  top: 1px;
64  color: black;
65  background: white;
66}
67