toolkit/themes/windows/global/tabbox.css

changeset 0
6474c204b198
     1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/toolkit/themes/windows/global/tabbox.css	Wed Dec 31 06:09:35 2014 +0100
     1.3 @@ -0,0 +1,133 @@
     1.4 +/* This Source Code Form is subject to the terms of the Mozilla Public
     1.5 + * License, v. 2.0. If a copy of the MPL was not distributed with this
     1.6 + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
     1.7 +
     1.8 +/* ===== tabbox.css =================================================
     1.9 +  == Styles used by XUL tab-related elements.
    1.10 +  ======================================================================= */
    1.11 +
    1.12 +@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
    1.13 +
    1.14 +/* ::::: tabs ::::: */
    1.15 +
    1.16 +.tabs-left,
    1.17 +.tabs-right {
    1.18 +  border-bottom: 2px solid;
    1.19 +  -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow;
    1.20 +}
    1.21 +
    1.22 +/* ::::: tabpanels ::::: */
    1.23 +
    1.24 +tabpanels {
    1.25 +  -moz-appearance: tabpanels; 
    1.26 +  border-right: 2px solid;
    1.27 +  border-bottom: 2px solid;
    1.28 +  border-left: 2px solid;
    1.29 +  -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;
    1.30 +  -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow;
    1.31 +  -moz-border-left-colors: ThreeDHighlight ThreeDLightShadow;
    1.32 +  padding: 8px;
    1.33 +  background-color: -moz-Dialog;
    1.34 +  color: -moz-DialogText;
    1.35 +}
    1.36 +
    1.37 +/* ::::: tab ::::: */
    1.38 +
    1.39 +tab 
    1.40 +{
    1.41 +  -moz-appearance: tab;
    1.42 +  margin-top: 2px;
    1.43 +  border-top: 2px solid;
    1.44 +  border-right: 2px solid;
    1.45 +  border-left: 2px solid;
    1.46 +  border-bottom: 1px solid ThreeDHighlight;
    1.47 +  -moz-border-top-colors: ThreeDHighlight ThreeDLightShadow;
    1.48 +  -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;
    1.49 +  -moz-border-left-colors: ThreeDHighlight ThreeDLightShadow;
    1.50 +  border-top-left-radius: 2px;
    1.51 +  border-top-right-radius: 2px;
    1.52 +  padding: 1px 4px 2px 4px;
    1.53 +  background-color: -moz-Dialog;
    1.54 +  color: -moz-DialogText;
    1.55 +}
    1.56 +
    1.57 +tab:-moz-locale-dir(rtl) {
    1.58 +  border-bottom-left-radius: 1px;
    1.59 +  border-bottom-right-radius: 0px;
    1.60 +}
    1.61 +
    1.62 +.tab-text {
    1.63 +  margin: 0 !important;
    1.64 +}
    1.65 +
    1.66 +tab[selected="true"] {
    1.67 +  margin-top: 0;
    1.68 +  border-bottom-color: transparent;
    1.69 +  padding: 1px 6px 4px 6px;
    1.70 +}
    1.71 +
    1.72 +tab:-moz-focusring > .tab-middle {
    1.73 +  /* Don't specify the outline-color, we should always use initial value. */
    1.74 +  outline: 1px dotted;
    1.75 +}
    1.76 +
    1.77 +tab[beforeselected="true"]:-moz-locale-dir(ltr),
    1.78 +tab[selected="true"]:-moz-locale-dir(rtl) + tab {
    1.79 +  border-right: none;
    1.80 +  border-top-right-radius: 0;
    1.81 +}
    1.82 +
    1.83 +tab[selected="true"]:-moz-locale-dir(ltr) + tab,
    1.84 +tab[beforeselected="true"]:-moz-locale-dir(rtl) {
    1.85 +  border-left: none;
    1.86 +  border-top-left-radius: 0;
    1.87 +}
    1.88 +
    1.89 +tab:first-of-type[selected="true"] {
    1.90 +  padding-right: 5px;
    1.91 +  padding-left: 5px;
    1.92 +}
    1.93 +
    1.94 +/* ::::: tab-bottom ::::::::::
    1.95 +   :: Tabs that are attached to the bottom of a panel, but not necessarily
    1.96 +   :: a tabpanels.
    1.97 +   ::::: */
    1.98 +
    1.99 +.tab-bottom {
   1.100 +  margin-top: 0;
   1.101 +  margin-bottom: 2px;
   1.102 +  border-top: 1px solid;
   1.103 +  border-bottom: 2px solid;
   1.104 +  -moz-border-top-colors: ThreeDShadow;
   1.105 +  -moz-border-bottom-colors: ThreeDShadow ThreeDLightShadow;
   1.106 +  border-top-left-radius: 0;
   1.107 +  border-top-right-radius: 0;
   1.108 +  border-bottom-right-radius: 2px;
   1.109 +  border-bottom-left-radius: 2px;
   1.110 +  padding: 2px 4px 1px 4px;
   1.111 +}
   1.112 +
   1.113 +.tab-bottom[selected="true"] {
   1.114 +  margin-bottom: 0;
   1.115 +  -moz-border-top-colors: -moz-Dialog;
   1.116 +  padding: 4px 6px 1px 6px;
   1.117 +}
   1.118 +
   1.119 +.tab-bottom[beforeselected="true"]:-moz-locale-dir(ltr),
   1.120 +.tab-bottom[selected="true"]:-moz-locale-dir(rtl) + .tab-bottom {
   1.121 +  border-bottom-right-radius: 0;
   1.122 +}
   1.123 +
   1.124 +.tab-bottom[selected="true"]:-moz-locale-dir(ltr) + .tab-bottom,
   1.125 +.tab-bottom[beforeselected="true"]:-moz-locale-dir(rtl) {
   1.126 +  border-bottom-left-radius: 0;
   1.127 +}
   1.128 +
   1.129 +/* ::::: tabs-bottom ::::: */
   1.130 +
   1.131 +.tabs-bottom > .tabs-left,
   1.132 +.tabs-bottom > .tabs-right {
   1.133 +  border-top: 1px solid ThreeDShadow;
   1.134 +  border-bottom: none;
   1.135 +}
   1.136 +

mercurial