Commit | Line | Data |
---|---|---|
9099c61d RK |
1 | /* This Source Code Form is subject to the terms of the Mozilla Public |
2 | * License, v. 2.0. If a copy of the MPL was not distributed with this | |
3 | * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ | |
128000f4 | 4 | |
74d14f90 | 5 | /* ===== tabbox.css ================================================= |
6 | == Styles used by XUL tab-related elements. | |
7 | ======================================================================= */ | |
f6e0a33f | 8 | |
e181d49e RK |
9 | @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); |
10 | ||
74d14f90 | 11 | /* ::::: tabs ::::: */ |
f6e0a33f | 12 | |
74d14f90 | 13 | .tabs-left, |
14 | .tabs-right { | |
15 | /* | |
16 | border-bottom: 2px solid; | |
17 | -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow; | |
18 | */ | |
f6e0a33f | 19 | } |
20 | ||
74d14f90 | 21 | /* ::::: tabpanels ::::: */ |
f6e0a33f | 22 | |
74d14f90 | 23 | /* tabpanel is the box in which contents show up */ |
f6e0a33f | 24 | |
74d14f90 | 25 | tabpanels { |
f6e0a33f | 26 | border: 1px outset #CCD0DD; |
74d14f90 | 27 | padding: 5px; |
28 | background-color: #CCD0DD; | |
29 | color: #000000; | |
f6e0a33f | 30 | } |
31 | ||
74d14f90 | 32 | /* ::::: tab ::::: */ |
f6e0a33f | 33 | |
f6e0a33f | 34 | tab { |
a67d7bb0 | 35 | margin-top: 1px; |
f6e0a33f | 36 | border: 1px outset #CCD0DD; |
8da3cfd5 | 37 | border-bottom: none; |
02920d2b | 38 | padding: 1px 4px 2px; |
74d14f90 | 39 | background-color: #CCD0DD; |
40 | color: #000000; | |
f6e0a33f | 41 | } |
42 | ||
74d14f90 | 43 | .tab-text { |
44 | margin: 0 !important; | |
f6e0a33f | 45 | } |
46 | ||
da3c2755 | 47 | tab[visuallyselected="true"] { |
74d14f90 | 48 | font-weight: bold; |
f2450795 | 49 | background-color: #EDF1FF; |
50 | } | |
51 | ||
52 | tab:hover { | |
53 | color: #336699; | |
f6e0a33f | 54 | } |
55 | ||
024ec655 | 56 | tab:-moz-focusring > .tab-middle { |
6fa8522a RK |
57 | /* Don't specify the outline-color, we should always use initial value. */ |
58 | outline: 1px dotted; | |
caf7fc11 | 59 | } |
60 | ||
74d14f90 | 61 | /* |
da3c2755 | 62 | tab:first-of-type[visuallyselected="true"] { |
dae45075 RK |
63 | padding-inline-end: 5px; |
64 | padding-inline-start: 5px; | |
f6e0a33f | 65 | } |
74d14f90 | 66 | */ |
f6e0a33f | 67 | |
74d14f90 | 68 | /* ::::: tab-bottom :::::::::: |
69 | :: Tabs that are attached to the bottom of a panel, but not necessarily | |
70 | :: a tabpanels. | |
71 | ::::: */ | |
f6e0a33f | 72 | |
74d14f90 | 73 | .tab-bottom { |
74 | margin-top: 0; | |
f6e0a33f | 75 | margin-bottom: 2px; |
8da3cfd5 | 76 | border: 1px outset #CCD0DD; |
77 | border-top: none; | |
02920d2b | 78 | padding: 2px 4px 1px; |
f6e0a33f | 79 | } |
80 | ||
74d14f90 | 81 | /* ::::: tabs-bottom ::::: */ |
f6e0a33f | 82 | |
74d14f90 | 83 | .tabs-bottom > .tabs-left, |
84 | .tabs-bottom > .tabs-right { | |
85 | border-top: 1px solid #666699; | |
86 | border-bottom: none; | |
f2450795 | 87 | } |