home *** CD-ROM | disk | FTP | other *** search
/ Chip 2004 April / Chip_2004-04_cd1.bin / tema / mozilla / skin / ieskin-0.0.3-IE5.5-skinVersion1.5.xpi / ieskin.jar / global / tabbox.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2004-01-05  |  4.4 KB  |  177 lines
  1. /*
  2.  * The contents of this file are subject to the Netscape Public
  3.  * License Version 1.1 (the "License"); you may not use this file
  4.  * except in compliance with the License. You may obtain a copy of
  5.  * the License at http://www.mozilla.org/NPL/
  6.  *
  7.  * Software distributed under the License is distributed on an "AS
  8.  * IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or
  9.  * implied. See the License for the specific language governing
  10.  * rights and limitations under the License.
  11.  *
  12.  * The Original Code is Mozilla Communicator client code, released
  13.  * March 31, 1998.
  14.  *
  15.  * The Initial Developer of the Original Code is Netscape
  16.  * Communications Corporation. Portions created by Netscape are
  17.  * Copyright (C) 1998-2001 Netscape Communications Corporation. All
  18.  * Rights Reserved.
  19.  *
  20.  * Contributor(s):
  21.  *   Joe Hewitt (hewitt@netscape.com)
  22.  */
  23.  
  24. /* Modified for IE Skin by Bamm Gabriana, Jan 2004 */
  25.  
  26. /* ===== tabbox.css =================================================
  27.   == Styles used by XUL tab-related elements.
  28.   ======================================================================= */
  29.  
  30. @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  31.  
  32.  
  33. /* ::::: tabpanels ::::: */
  34.  
  35. tabpanels {
  36.   -moz-appearance: tabpanels; 
  37.   border-right: 2px solid;
  38.   border-bottom: 2px solid;
  39.   border-left: 2px solid;
  40.   -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;
  41.   -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow;
  42.   -moz-border-left-colors: ThreeDHighlight ThreeDLightShadow;
  43.   padding: 8px;
  44.   background-color: -moz-Dialog;
  45.   color: -moz-DialogText;
  46. }
  47.  
  48. /* ::::: tab ::::: */
  49.  
  50. tab {
  51.   -moz-appearance: tab;
  52.   margin-top: 2px;
  53.   margin-bottom: 0;
  54.   border-top: 2px solid;
  55.   border-right: 2px solid;
  56.   border-left: 2px solid;
  57.   border-bottom: 1px solid ThreeDHighlight;
  58.   -moz-border-top-colors: ThreeDHighlight ThreeDLightShadow;
  59.   -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;
  60.   -moz-border-left-colors: ThreeDHighlight ThreeDLightShadow;
  61.   -moz-border-radius-topleft: 2px;
  62.   -moz-border-radius-topright: 2px;
  63.   padding: 0px 4px;
  64.   background-color: -moz-Dialog;
  65.   color: -moz-DialogText;
  66. }
  67.  
  68. tab[selected="true"] {
  69.   margin-top: 0;
  70.   border-bottom-color: transparent;
  71.   padding: 0px 6px 2px 6px;
  72. }
  73.  
  74. tab[beforeselected="true"] {
  75.   -moz-appearance: tab-left-edge;
  76.   -moz-border-radius-topright: 0;
  77.   border-right: 0;
  78. }
  79.  
  80. tab[afterselected="true"] {
  81.   -moz-appearance: tab-right-edge;
  82.   -moz-border-radius-topleft: 0;
  83.   border-left: 0;
  84. }
  85.  
  86. tab[first-tab="true"] {
  87.   margin-left: 2px;
  88. }
  89.  
  90. tab[first-tab="true"][selected="true"] {
  91.   margin-left: 0px;
  92. }
  93.  
  94. tab[last-tab="true"] {
  95.   margin-right: 2px;
  96. }
  97.  
  98. tab[last-tab="true"][selected="true"] {
  99.   margin-right: 0px;
  100. }
  101.  
  102. .tab-text {
  103.   margin: 0;
  104. }
  105.  
  106. /* ::::: left and right of tabs ::::: */
  107.  
  108. .tabs-left,
  109. .tabs-right {
  110.   border-top: 0;
  111.   border-bottom: 2px solid;
  112.   -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow;
  113. }
  114.  
  115.  
  116. /* ::::: tabs at bottom :::::::::: */
  117.  
  118. .tab-bottom {
  119.   margin-top: 0;
  120.   margin-bottom: 2px;
  121.   border-bottom: 2px solid;
  122.   border-right: 2px solid;
  123.   border-left: 2px solid;
  124.   border-top: 1px solid ThreeDShadow;
  125.   -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;
  126.   -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow;
  127.   -moz-border-left-colors: ThreeDHighlight ThreeDLightShadow;
  128.   -moz-border-radius-bottomleft: 2px;
  129.   -moz-border-radius-bottomright: 2px;
  130.   padding: 0px 4px;
  131.   background-color: -moz-Dialog;
  132.   color: -moz-DialogText;
  133. }
  134.  
  135. .tab-bottom[selected="true"] {
  136.   margin-bottom: 0;
  137.   border-top-color: transparent;
  138.   padding: 2px 6px 0px 6px;
  139. }
  140.  
  141. .tab-bottom[beforeselected="true"] {
  142.   -moz-appearance: tab-left-edge;
  143.   -moz-border-radius-bottomright: 0;
  144.   border-right: 0;
  145. }
  146.  
  147. .tab-bottom[afterselected="true"] {
  148.   -moz-appearance: tab-right-edge;
  149.   -moz-border-radius-bottomleft: 0;
  150.   border-left: 0;
  151. }
  152.  
  153. .tab-bottom[first-tab="true"] {
  154.   margin-left: 2px;
  155. }
  156.  
  157. .tab-bottom[first-tab="true"][selected="true"] {
  158.   margin-left: 0px;
  159. }
  160.  
  161. .tab-bottom[last-tab="true"] {
  162.   margin-right: 2px;
  163. }
  164.  
  165. .tab-bottom[last-tab="true"][selected="true"] {
  166.   margin-right: 0px;
  167. }
  168.  
  169. /* ::::: left and right of tabs ::::: */
  170.  
  171. .tabs-bottom > .tabs-left,
  172. .tabs-bottom > .tabs-right {
  173.   border-top: 2px solid;
  174.   border-bottom: 0;
  175.   -moz-border-top-colors: ThreeDShadow ThreeDLightShadow;
  176. }
  177.