tabbox.css (3344B)
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/. */ 4 5 /* ===== tabbox.css ================================================= 6 == Styles used by XUL tab-related elements. 7 ======================================================================= */ 8 9 @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); 10 11 /* ::::: tabs ::::: */ 12 13 .tabs-left, 14 .tabs-right { 15 border-bottom: 1px solid; 16 -moz-border-bottom-colors: rgb(64,64,64); 17 } 18 19 /* ::::: tabpanels ::::: */ 20 21 tabpanels { 22 -moz-appearance: none; 23 border-right: 1px solid; 24 border-bottom: 1px solid; 25 border-left: 1px solid; 26 -moz-border-right-colors: rgb(64,64,64); 27 -moz-border-bottom-colors: rgb(64,64,64); 28 -moz-border-left-colors: rgb(64,64,64); 29 padding: 8px; 30 background-color: #181411; 31 color: #bfbbb6; 32 } 33 34 /* ::::: tab ::::: */ 35 36 tab { 37 -moz-appearance: none; 38 margin-top: 2px; 39 border-top: 1px solid; 40 border-right: 1px solid; 41 border-left: 1px solid; 42 border-bottom: 1px solid rgb(64,64,64); 43 -moz-border-top-colors: rgb(64,64,64); 44 -moz-border-right-colors: rgb(64,64,64); 45 -moz-border-left-colors: rgb(64,64,64); 46 -moz-border-bottom-colors: rgb(64,64,64); 47 border-top-left-radius: 0px; 48 border-top-right-radius: 0px; 49 padding: 1px 4px 2px 4px; 50 background-color: #181411; 51 color: #bfbbb6; 52 } 53 54 tab:-moz-locale-dir(rtl) { 55 border-bottom-left-radius: 0px; 56 border-bottom-right-radius: 0px; 57 } 58 59 .tab-text { 60 margin: 0 !important; 61 } 62 63 tab[selected="true"] { 64 margin-top: 0; 65 background-color: rgb(16,16,16); 66 border-bottom-color: transparent; 67 padding: 1px 6px 4px 6px; 68 } 69 70 tab:-moz-focusring > .tab-middle { 71 /* Don't specify the outline-color, we should always use initial value. */ 72 outline: 1px dotted; 73 } 74 75 tab[beforeselected="true"]:-moz-locale-dir(ltr), 76 tab[selected="true"]:-moz-locale-dir(rtl) + tab { 77 border-right: none; 78 border-top-right-radius: 0; 79 } 80 81 tab[selected="true"]:-moz-locale-dir(ltr) + tab, 82 tab[beforeselected="true"]:-moz-locale-dir(rtl) { 83 border-left: none; 84 border-top-left-radius: 0; 85 } 86 87 tab:first-of-type[selected="true"] { 88 padding-right: 5px; 89 padding-left: 5px; 90 } 91 92 /* ::::: tab-bottom :::::::::: 93 :: Tabs that are attached to the bottom of a panel, but not necessarily 94 :: a tabpanels. 95 ::::: */ 96 97 .tab-bottom { 98 margin-top: 0; 99 margin-bottom: 2px; 100 border-top: 1px solid; 101 border-bottom: 1px solid; 102 -moz-border-top-colors: rgb(64,64,64); 103 -moz-border-bottom-colors: rgb(64,64,64); 104 border-top-left-radius: 0; 105 border-top-right-radius: 0; 106 border-bottom-right-radius: 0px; 107 border-bottom-left-radius: 0px; 108 padding: 2px 4px 1px 4px; 109 } 110 111 .tab-bottom[selected="true"] { 112 margin-bottom: 0; 113 -moz-border-top-colors: rgb(128,128,128); 114 padding: 4px 6px 1px 6px; 115 } 116 117 .tab-bottom[beforeselected="true"]:-moz-locale-dir(ltr), 118 .tab-bottom[selected="true"]:-moz-locale-dir(rtl) + .tab-bottom { 119 border-bottom-right-radius: 0; 120 } 121 122 .tab-bottom[selected="true"]:-moz-locale-dir(ltr) + .tab-bottom, 123 .tab-bottom[beforeselected="true"]:-moz-locale-dir(rtl) { 124 border-bottom-left-radius: 0; 125 } 126 127 /* ::::: tabs-bottom ::::: */ 128 129 .tabs-bottom > .tabs-left, 130 .tabs-bottom > .tabs-right { 131 border-top: 1px solid rgb(64,64,64); 132 border-bottom: none; 133 } 134