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; |
351107c9 | 27 | border: 1px solid #9C9CFF; |
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; |
351107c9 | 38 | border: 1px solid #9C9CFF; |
b1eaa419 | 39 | border-bottom: none; |
02920d2b | 40 | padding: 1px 4px 2px; |
b1eaa419 | 41 | background-color: #000000; |
3a121502 | 42 | color: #FF9F00; |
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 | ||
b1eaa419 | 70 | /* |
ca710c53 | 71 | tab:first-of-type[selected="true"] { |
8caa872d RK |
72 | -moz-padding-end: 5px; |
73 | -moz-padding-start: 5px; | |
351107c9 | 74 | } |
b1eaa419 | 75 | */ |
351107c9 | 76 | |
b1eaa419 | 77 | /* ::::: tab-bottom :::::::::: |
78 | :: Tabs that are attached to the bottom of a panel, but not necessarily | |
79 | :: a tabpanels. | |
80 | ::::: */ | |
351107c9 | 81 | |
b1eaa419 | 82 | .tab-bottom { |
569543b3 | 83 | border-radius: 0px 0px 8px 8px; |
b1eaa419 | 84 | margin-top: 0; |
351107c9 | 85 | margin-bottom: 2px; |
b1eaa419 | 86 | border: 1px solid #9C9CFF; |
351107c9 | 87 | border-top: none; |
02920d2b | 88 | padding: 2px 4px 1px; |
351107c9 | 89 | } |
90 | ||
b1eaa419 | 91 | /* ::::: tabs-bottom ::::: */ |
351107c9 | 92 | |
b1eaa419 | 93 | .tabs-bottom > .tabs-left, |
94 | .tabs-bottom > .tabs-right { | |
95 | border-top: 1px solid #9C9CFF; | |
96 | border-bottom: none; | |
b1e5c9b1 | 97 | } |