зеркало из https://github.com/mozilla/gecko-dev.git
146 строки
3.6 KiB
CSS
146 строки
3.6 KiB
CSS
/*
|
|
* The contents of this file are subject to the Netscape Public
|
|
* License Version 1.1 (the "License"); you may not use this file
|
|
* except in compliance with the License. You may obtain a copy of
|
|
* the License at http://www.mozilla.org/NPL/
|
|
*
|
|
* Software distributed under the License is distributed on an "AS
|
|
* IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or
|
|
* implied. See the License for the specific language governing
|
|
* rights and limitations under the License.
|
|
*
|
|
* The Original Code is Mozilla Communicator client code, released
|
|
* March 31, 1998.
|
|
*
|
|
* The Initial Developer of the Original Code is Netscape
|
|
* Communications Corporation. Portions created by Netscape are
|
|
* Copyright (C) 1998-2001 Netscape Communications Corporation. All
|
|
* Rights Reserved.
|
|
*
|
|
* Contributor(s):
|
|
* Joe Hewitt (hewitt@netscape.com)
|
|
*/
|
|
|
|
/* ===== 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 ::::: */
|
|
|
|
tabpanels {
|
|
-moz-appearance: tabpanels;
|
|
border-right: 2px solid;
|
|
border-bottom: 2px solid;
|
|
border-left: 2px solid;
|
|
-moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;
|
|
-moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow;
|
|
-moz-border-left-colors: ThreeDHighlight ThreeDLightShadow;
|
|
padding: 8px;
|
|
background-color: -moz-Dialog;
|
|
color: -moz-DialogText;
|
|
}
|
|
|
|
/* ::::: tab ::::: */
|
|
|
|
tab
|
|
{
|
|
-moz-appearance: tab;
|
|
margin-top: 2px;
|
|
border-top: 2px solid;
|
|
border-right: 2px solid;
|
|
border-left: 2px solid;
|
|
border-bottom: 1px solid ThreeDHighlight;
|
|
-moz-border-top-colors: ThreeDHighlight ThreeDLightShadow;
|
|
-moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;
|
|
-moz-border-left-colors: ThreeDHighlight ThreeDLightShadow;
|
|
-moz-border-radius-topleft: 2px;
|
|
-moz-border-radius-topright: 2px;
|
|
-moz-border-radius-bottomright: 1px;
|
|
padding: 1px 4px 2px 4px;
|
|
background-color: -moz-Dialog;
|
|
color: -moz-DialogText;
|
|
}
|
|
|
|
.tab-text {
|
|
margin: 0 !important;
|
|
}
|
|
|
|
tab[selected="true"] {
|
|
margin-top: 0;
|
|
border-bottom-color: transparent;
|
|
padding: 1px 6px 4px 6px;
|
|
}
|
|
|
|
tab[beforeselected="true"] {
|
|
#ifndef XP_MACOSX
|
|
-moz-appearance: tab-left-edge;
|
|
#endif
|
|
border-right: none;
|
|
-moz-border-radius-topright: 0;
|
|
}
|
|
|
|
tab[afterselected="true"] {
|
|
#ifndef XP_MACOSX
|
|
-moz-appearance: tab-right-edge;
|
|
#endif
|
|
border-left: none;
|
|
-moz-border-radius-topleft: 0;
|
|
}
|
|
|
|
tab[first-tab="true"][selected="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: 2px solid;
|
|
-moz-border-top-colors: ThreeDShadow;
|
|
-moz-border-bottom-colors: ThreeDShadow ThreeDLightShadow;
|
|
-moz-border-radius-topleft: 0;
|
|
-moz-border-radius-topright: 0;
|
|
-moz-border-radius-bottomright: 2px;
|
|
-moz-border-radius-bottomleft: 2px;
|
|
padding: 2px 4px 1px 4px;
|
|
}
|
|
|
|
.tab-bottom[selected="true"] {
|
|
margin-bottom: 0;
|
|
-moz-border-top-colors: -moz-Dialog;
|
|
padding: 4px 6px 1px 6px;
|
|
}
|
|
|
|
.tab-bottom[beforeselected="true"] {
|
|
-moz-border-radius-bottomright: 0;
|
|
}
|
|
|
|
.tab-bottom[afterselected="true"] {
|
|
-moz-border-radius-bottomleft: 0;
|
|
}
|
|
|
|
/* ::::: tabs-bottom ::::: */
|
|
|
|
.tabs-bottom > .tabs-left,
|
|
.tabs-bottom > .tabs-right {
|
|
border-top: 1px solid ThreeDShadow;
|
|
border-bottom: none;
|
|
}
|
|
|
|
|