15821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)/* Copyright (c) 2012 The Chromium Authors. All rights reserved. 25821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) * Use of this source code is governed by a BSD-style license that can be 35821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) * found in the LICENSE file. */ 45821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 55821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).subpages-nav-tabs .tab { 65821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) padding: 4px 8px; 75821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) position: relative; 85821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 95821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 105821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).subpages-nav-tabs .active-tab { 115821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) -webkit-box-shadow: 8px -8px 12px -6px rgb(240, 240, 240); 125821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) background: white; 135821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) border: 1px solid #ddd; 145821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) border-bottom: 2px solid white; 155821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) border-top-left-radius: 3px; 165821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) border-top-right-radius: 3px; 175821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) position: relative; 185821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 195821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 205821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)/* To avoid tabs changing size when they are clicked and their labels become 215821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) * bold, we actually put two labels inside each tab: an inactive label and an 225821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) * active label. Only one is visible at a time, but the bold label is used to 235821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) * size the tab even when it's not visible. This keeps the tab size constant. 245821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) */ 255821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).subpages-nav-tabs .active-tab-label, 265821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).subpages-nav-tabs .tab-label:hover { 275821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) font-weight: bold; 285821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 295821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 305821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).subpages-nav-tabs .tab-label { 315821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) left: 9px; 325821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) position: absolute; 335821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) top: 5px; 345821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 355821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 365821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)html[dir=rtl] .subpages-nav-tabs .tab-label { 375821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) right: 9px; 385821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 395821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 405821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).subpages-nav-tabs .active-tab-label, 415821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).subpages-nav-tabs .active-tab .tab-label { 425821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) visibility: hidden; 435821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 445821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 455821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)/* .tab is not removed when .active-tab is added, so we must 465821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) * override the hidden visibility above in the active tab case. 475821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) */ 485821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).subpages-nav-tabs .active-tab .active-tab-label { 495821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) visibility: visible; 505821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 515821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 525821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).subpages-nav-tabs { 535d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) background-image: linear-gradient( 545d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) to bottom, 555d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) rgb(255,255,255), 565d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) rgb(255,255,255) 60%, 575d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) rgb(250, 250, 250) 80%, 585d1f7b1de12d16ceb2c938c56701a3e8bfa558f7Torne (Richard Coles) rgb(242,242,242) 595821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) ); 605821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) border-bottom: 1px solid #ddd; 615821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) padding: 4px 20px; 625821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 635821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 645821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).subpages-tab-contents { 655821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) -webkit-padding-start: 10px; 665821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) display: none; 675821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) padding-top: 15px; 685821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 695821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) 705821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles).active-tab-contents { 715821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles) display: block; 725821806d5e7f356e8fa4b058a389a808ea183019Torne (Richard Coles)} 73