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/. */ | |
351107c9 | 4 | |
b1eaa419 | 5 | /* ===== tabbox.css ================================================= |
6 | == Styles used by XUL tab-related elements. | |
7 | ======================================================================= */ | |
351107c9 | 8 | |
f98e9249 RK |
9 | @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); |
10 | ||
b1eaa419 | 11 | /* ::::: tabs ::::: */ |
351107c9 | 12 | |
b1eaa419 | 13 | .tabs-left, |
14 | .tabs-right { | |
15 | /* | |
16 | border-bottom: 2px solid; | |
17 | -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow; | |
18 | */ | |
351107c9 | 19 | } |
20 | ||
b1eaa419 | 21 | /* ::::: tabpanels ::::: */ |
351107c9 | 22 | |
b1eaa419 | 23 | /* tabpanel is the box in which contents show up */ |
351107c9 | 24 | |
b1eaa419 | 25 | tabpanels { |
569543b3 | 26 | border-radius: 5px; |
57fc408c | 27 | border: 2px solid #008484; |
351107c9 | 28 | padding: 5px; |
b1eaa419 | 29 | background-color: #000000; |
30 | color: #FF9F00; | |
351107c9 | 31 | } |
32 | ||
b1eaa419 | 33 | /* ::::: tab ::::: */ |
351107c9 | 34 | |
351107c9 | 35 | tab { |
569543b3 | 36 | border-radius: 8px 8px 0px 0px; |
b1eaa419 | 37 | margin-top: 2px; |
57fc408c | 38 | -moz-margin-end: 2px; |
b1eaa419 | 39 | border-bottom: none; |
57fc408c RK |
40 | padding: 2px 4px 1px; |
41 | background-color: #C09070; | |
42 | color: #000000; | |
351107c9 | 43 | } |
44 | ||
b1eaa419 | 45 | .tab-text { |
46 | margin: 0 !important; | |
351107c9 | 47 | } |
48 | ||
3a121502 | 49 | tab[selected="true"] { |
b1eaa419 | 50 | font-weight: bold; |
51 | background-color: #008484; | |
351107c9 | 52 | } |
53 | ||
3a121502 | 54 | tab:hover { |
b1eaa419 | 55 | background-color: #FFCF00; |
56 | color: #000000; | |
351107c9 | 57 | } |
58 | ||
3a121502 | 59 | tab:hover:active { |
31e46317 RK |
60 | background-color: #FF9F00; |
61 | color: #000000; | |
351107c9 | 62 | } |
63 | ||
024ec655 | 64 | tab:-moz-focusring > .tab-middle { |
f98e9249 RK |
65 | /* Don't specify the outline-color, we should always use initial value. */ |
66 | outline: 1px dotted; | |
106ae2ed | 67 | -moz-outline-radius: 3px 3px 0px 0px; |
3a121502 | 68 | } |
69 | ||
57fc408c RK |
70 | tab:first-of-type { |
71 | -moz-margin-start: 5px; | |
72 | } | |
b1eaa419 | 73 | /* |
ca710c53 | 74 | tab:first-of-type[selected="true"] { |
8caa872d RK |
75 | -moz-padding-end: 5px; |
76 | -moz-padding-start: 5px; | |
351107c9 | 77 | } |
b1eaa419 | 78 | */ |
351107c9 | 79 | |
b1eaa419 | 80 | /* ::::: tab-bottom :::::::::: |
81 | :: Tabs that are attached to the bottom of a panel, but not necessarily | |
82 | :: a tabpanels. | |
83 | ::::: */ | |
351107c9 | 84 | |
b1eaa419 | 85 | .tab-bottom { |
569543b3 | 86 | border-radius: 0px 0px 8px 8px; |
b1eaa419 | 87 | margin-top: 0; |
351107c9 | 88 | margin-bottom: 2px; |
b1eaa419 | 89 | border: 1px solid #9C9CFF; |
351107c9 | 90 | border-top: none; |
02920d2b | 91 | padding: 2px 4px 1px; |
351107c9 | 92 | } |
93 | ||
b1eaa419 | 94 | /* ::::: tabs-bottom ::::: */ |
351107c9 | 95 | |
b1eaa419 | 96 | .tabs-bottom > .tabs-left, |
97 | .tabs-bottom > .tabs-right { | |
98 | border-top: 1px solid #9C9CFF; | |
99 | border-bottom: none; | |
b1e5c9b1 | 100 | } |