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. */ 4 5tabbox { 6 -webkit-box-orient: vertical; 7 display: -webkit-box; 8} 9 10tabs { 11 -webkit-padding-start: 8px; 12 background: -webkit-linear-gradient(white, rgb(243, 243, 243)); 13 border-bottom: 1px solid rgb(160, 160, 160); 14 display: -webkit-box; 15 margin: 0; 16} 17 18tabs > * { 19 -webkit-margin-start: 5px; 20 -webkit-transition: border-color 150ms, background-color 150ms; 21 background: rgba(160, 160, 160, .3); 22 border: 1px solid rgba(160, 160, 160, .3); 23 border-bottom: 0; 24 border-top-left-radius: 3px; 25 border-top-right-radius: 3px; 26 cursor: default; 27 display: block; 28 min-width: 4em; 29 padding: 2px 10px; 30 text-align: center; 31} 32 33tabs > :not([selected]) { 34 background: rgba(238, 238, 238, .3); 35} 36 37tabs > :not([selected]):hover { 38 background: rgba(247, 247, 247, .3); 39} 40 41tabs > [selected] { 42 -webkit-transition: none; 43 background: white; 44 border-color: rgb(160, 160, 160); 45 margin-bottom: -1px; 46 position: relative; 47 z-index: 0; 48} 49 50tabs:focus { 51 outline: none; 52} 53 54html.focus-outline-visible tabs:focus > [selected] { 55 outline: 5px auto -webkit-focus-ring-color; 56 outline-offset: -2px; 57} 58 59tabpanels { 60 -webkit-box-flex: 1; 61 background: white; 62 box-shadow: 2px 2px 5px rgba(0, 0, 0, .2); 63 display: -webkit-box; 64 padding: 5px 15px 0 15px; 65} 66 67tabpanels > * { 68 -webkit-box-flex: 1; 69 display: none; 70} 71 72tabpanels > [selected] { 73 display: block; 74} 75