gecko/toolkit/themes/faststripe/global/tabbox.css

123 lines
2.9 KiB
CSS

/* 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: 1px solid #555555;
}
/* ::::: tabpanels ::::: */
tabpanels {
border-right: 1px solid #555555;
border-bottom: 1px solid #555555;
border-left: 1px solid #555555;
padding: 8px;
background-color: -moz-Dialog;
color: -moz-DialogText;
}
/* ::::: tab ::::: */
tab
{
margin-top: 2px;
border-top: 1px solid #555555;
border-right: 1px solid #555555;
border-left: 1px solid #555555;
border-bottom: 1px solid #555555;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
padding: 1px 4px 2px 4px;
background-color: -moz-Dialog;
color: -moz-DialogText;
}
tab:-moz-locale-dir(rtl) {
border-bottom-left-radius: 1px;
border-bottom-right-radius: 0px;
}
.tab-text {
margin: 0 !important;
}
tab[visuallyselected="true"] {
margin-top: 0;
border-bottom-color: transparent;
padding: 1px 6px 4px 6px;
}
tab:focus > .tab-middle {
/* Don't specify the outline-color, we should always use initial value. */
outline: 1px dotted;
}
tab[beforeselected="true"]:not(:-moz-locale-dir(rtl)),
tab[visuallyselected="true"]:-moz-locale-dir(rtl) + tab {
border-right: none;
border-top-right-radius: 0;
}
tab[visuallyselected="true"]:not(:-moz-locale-dir(rtl)) + tab,
tab[beforeselected="true"]:-moz-locale-dir(rtl) {
border-left: none;
border-top-left-radius: 0;
}
tab:first-of-type[visuallyselected="true"] {
padding-right: 5px;
padding-left: 5px;
}
/* ::::: tab-bottom ::::::::::
:: Tabs that are attached to the bottom of a panel, but not necessarily
:: a tabpanels.
::::: */
.tab-bottom {
margin-top: 0;
margin-bottom: 2px;
border-top: 1px solid;
border-bottom: 1px solid #555555;
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
padding: 2px 4px 1px 4px;
}
.tab-bottom[visuallyselected="true"] {
margin-bottom: 0;
-moz-border-top-colors: -moz-Dialog;
padding: 4px 6px 1px 6px;
}
.tab-bottom[beforeselected="true"]:not(:-moz-locale-dir(rtl)),
.tab-bottom[visuallyselected="true"]:-moz-locale-dir(rtl) + .tab-bottom {
border-bottom-right-radius: 0;
}
.tab-bottom[visuallyselected="true"]:not(:-moz-locale-dir(rtl)) + .tab-bottom,
.tab-bottom[beforeselected="true"]:-moz-locale-dir(rtl) {
border-bottom-left-radius: 0;
}
/* ::::: tabs-bottom ::::: */
.tabs-bottom > .tabs-left,
.tabs-bottom > .tabs-right {
border-top: 1px solid ThreeDShadow;
border-bottom: none;
}