/* This Source Code Form is subject to the terms of the Mozilla Public * License, v. 2.0. If a copy of the MPL was not distributed with this * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ /* ===== tabbox.css ================================================= == Styles used by XUL tab-related elements. ======================================================================= */ @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* ::::: tabs ::::: */ .tabs-left, .tabs-right { /* border-bottom: 2px solid; -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow; */ } /* ::::: tabpanels ::::: */ /* tabpanel is the box in which contents show up */ tabpanels { border-radius: 5px; border: 2px solid #008484; padding: 5px; background-color: #000000; color: #FF9F00; } /* ::::: tab ::::: */ tab { border-radius: 8px 8px 0px 0px; margin-top: 2px; -moz-border-end: 2px solid transparent; border-bottom: none; padding: 2px 4px 1px; background-color: #C09070; color: #000000; background-clip: padding-box; } .tab-text { margin: 0 !important; } tab[selected="true"] { font-weight: bold; background-color: #008484; } tab:hover { background-color: #FFCF00; color: #000000; } tab:hover:active { background-color: #FF9F00; color: #000000; } tab:-moz-focusring > .tab-middle { /* Don't specify the outline-color, we should always use initial value. */ outline: 1px dotted; -moz-outline-radius: 3px 3px 0px 0px; } tab:first-of-type { -moz-margin-start: 5px; } /* tab:first-of-type[selected="true"] { -moz-padding-end: 5px; -moz-padding-start: 5px; } */ tab[disabled="true"] { background-color: #402858 !important; color: #000000 !important; } .tab-text[disabled="true"] { color: #000000 !important; } /* ::::: tab-bottom :::::::::: :: Tabs that are attached to the bottom of a panel, but not necessarily :: a tabpanels. ::::: */ .tab-bottom { border-radius: 0px 0px 8px 8px; margin-top: 0; margin-bottom: 2px; border-top: none; padding: 2px 4px 1px; } /* ::::: tabs-bottom ::::: */ .tab-bottom:last-of-type { margin-right: 0; } .tabs-bottom > .tabs-left, .tabs-bottom > .tabs-right { border-top: 1px solid #008484; border-bottom: none; }