1 /* 2 Copyright (c) 2011 The Chromium Authors. All rights reserved. 3 Use of this source code is governed by a BSD-style license that can be 4 found 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