subpages_tab_controls.css revision 21d179b334e59e9a3bfcaed4c4430bef1bc5759d
1/* 2Copyright (c) 2010 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 7.subpages-nav-tabs .inactive-tab { 8 position: relative; 9 padding: 4px 8px; 10} 11 12.subpages-nav-tabs .active-tab { 13 position: relative; 14 background: white; 15 border: 1px solid #A0A0A0; /* light gray */ 16 border-bottom: 2px solid white; 17 border-top-left-radius: 3px; 18 border-top-right-radius: 3px; 19} 20 21/* To avoid tabs changing size when they are clicked and their labels become 22 * bold, we actually put two labels inside each tab: an inactive label and an 23 * active label. Only one is visible at a time, but the bold label is used to 24 * size the tab even when it's not visible. This keeps the tab size constant. */ 25.subpages-nav-tabs .active-tab-label { 26 font-weight: bold; 27} 28 29.subpages-nav-tabs .inactive-tab-label { 30 position: absolute; 31 top: 5px; 32 left: 9px; 33} 34 35html[dir=rtl] .subpages-nav-tabs .inactive-tab-label { 36 right: 9px; 37} 38 39.subpages-nav-tabs .active-tab-label, 40.subpages-nav-tabs .active-tab .inactive-tab-label { 41 visibility: hidden; 42} 43 44/* .inactive-tab is not removed when .active-tab is added, so we must 45 * override the hidden visibility above in the active tab case. */ 46/* BUG(62409): rename .inactive-tab to help avoid this confusion */ 47.subpages-nav-tabs .active-tab .active-tab-label { 48 visibility: visible; 49} 50 51.subpages-nav-tabs { 52 padding: 4px; 53 border-bottom: 1px solid #A0A0A0; /* light gray */ 54 background: -webkit-gradient(linear, 55 left top, 56 left bottom, 57 from(white), 58 to(#F3F3F3)); /* very light gray */ 59 margin-bottom: 15px; 60} 61 62.subpages-tab-contents { 63 display: none; 64 -webkit-padding-start: 10px; 65} 66 67.active-tab-contents { 68 display: block; 69} 70