michael@0: /* This Source Code Form is subject to the terms of the Mozilla Public
michael@0:  * License, v. 2.0. If a copy of the MPL was not distributed with this
michael@0:  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
michael@0: 
michael@0: /* ===== tabbox.css =================================================
michael@0:   == Styles used by XUL tab-related elements.
michael@0:   ======================================================================= */
michael@0: 
michael@0: @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
michael@0: 
michael@0: 
michael@0: /* ::::: tabs ::::: */
michael@0: 
michael@0: tabs {
michael@0:   position: relative;
michael@0:   z-index: 0;
michael@0: }
michael@0: 
michael@0: /* ::::: tabpanels ::::: */
michael@0: 
michael@0: tabpanels {
michael@0:   -moz-appearance: tabpanels;
michael@0:   border: 2px solid;
michael@0:   -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;
michael@0:   -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow;
michael@0:   -moz-border-left-colors: ThreeDHighlight ThreeDLightShadow;
michael@0:   -moz-border-top-colors: ThreeDHighlight ThreeDLightShadow;
michael@0:   padding: 8px;
michael@0:   background-color: -moz-Dialog;
michael@0:   color: -moz-DialogText;
michael@0: }
michael@0: 
michael@0: /* ::::: tab ::::: */
michael@0: 
michael@0: tab {
michael@0:   position: relative;
michael@0:   -moz-appearance: tab;
michael@0:   margin-top: 2px;
michael@0:   border: 2px solid;
michael@0:   border-bottom: none;
michael@0:   -moz-border-top-colors: ThreeDHighlight ThreeDLightShadow;
michael@0:   -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;
michael@0:   -moz-border-left-colors: ThreeDHighlight ThreeDLightShadow;
michael@0:   border-top-left-radius: 2px;
michael@0:   border-top-right-radius: 2px;
michael@0:   padding: 3px 4px;
michael@0:   background-color: -moz-Dialog;
michael@0:   color: -moz-DialogText;
michael@0: }
michael@0: 
michael@0: tab[selected="true"] {
michael@0:   z-index: 1;
michael@0:   margin-top: 0;
michael@0:   margin-bottom: -2px;
michael@0:   border-bottom-left-radius: 3px;
michael@0:   border-bottom-right-radius: 3px;
michael@0:   padding-top: 4px;
michael@0:   padding-bottom: 6px;
michael@0: }
michael@0: 
michael@0: tab + tab {
michael@0:   -moz-margin-start: -2px;
michael@0: }
michael@0: 
michael@0: .tab-text {
michael@0:   margin: 0 !important;
michael@0: }
michael@0: 
michael@0: /* ::::: tab-bottom ::::::::::
michael@0:    :: Tabs that are attached to the bottom of a panel, but not necessarily
michael@0:    :: a tabpanels.
michael@0:    ::::: */
michael@0: 
michael@0: .tab-bottom {
michael@0:   margin-top: 0;
michael@0:   margin-bottom: 2px;
michael@0:   border-top: none;
michael@0:   border-bottom: 2px solid;
michael@0:   -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow;
michael@0:   border-top-left-radius: 0;
michael@0:   border-top-right-radius: 0;
michael@0:   border-bottom-right-radius: 2px;
michael@0:   border-bottom-left-radius: 2px;
michael@0: }
michael@0: 
michael@0: .tab-bottom[selected="true"] {
michael@0:   margin-bottom: 0;
michael@0:   margin-top: -2px;
michael@0:   padding-top: 6px;
michael@0:   padding-bottom: 4px;
michael@0: }