home *** CD-ROM | disk | FTP | other *** search
/ GameStar 2005 October / Gamestar_77_2005-10_dvd.iso / Programy / nsb-install-8-0.exe / chrome / fusion.jar / skin / fusion / global / tabbox.css < prev    next >
Cascading Style Sheet File  |  2005-07-29  |  8KB  |  304 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. /* ===== tabbox.css =================================================
  25.    == Styles used by XUL tab-related elements.
  26.    ======================================================================= */
  27.  
  28. @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  29.  
  30.  
  31. /* ::::: Default styles for tabs ::::: */
  32.  
  33. tabbox {
  34.     background-color: -moz-Dialog;
  35. }
  36.  
  37. tabs {
  38.     -moz-box-align: end;
  39. }
  40. tabs > stack {
  41.     height: 22px;
  42.     background-color: transparent;
  43. }
  44. tabs > hbox {
  45.     background-color: transparent;
  46. }
  47. .tabs-left,
  48. .tabs-right {
  49.     border-bottom: 1px solid black;
  50. }
  51. .tab-closebutton-stack,
  52. .tab-popupmenu-button,
  53. .active-tab-dropdown {
  54.     display: none;
  55. }
  56.  
  57. /* ::::: tab ::::: */
  58.  
  59. tab 
  60. {
  61.   -moz-appearance: tab;
  62.   margin-top: 2px;
  63.   border-top: 2px solid;
  64.   border-right: 2px solid;
  65.   border-left: 2px solid;
  66.   border-bottom: 1px solid ThreeDHighlight;
  67.   -moz-border-top-colors: ThreeDHighlight ThreeDLightShadow;
  68.   -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;
  69.   -moz-border-left-colors: ThreeDHighlight ThreeDLightShadow;
  70.   -moz-border-radius-topleft: 2px;
  71.   -moz-border-radius-topright: 2px;
  72.   -moz-border-radius-bottomright: 1px;
  73.   padding: 1px 4px 2px 4px;
  74.   background-color: -moz-Dialog;
  75.   color: -moz-DialogText;
  76. }
  77.  
  78. .tab-text {
  79.   margin: 0;
  80. }
  81.  
  82. tab:hover:active {
  83.     -moz-border-top-colors: transparent #8190A5 #899AAC;
  84.     -moz-border-right-colors: transparent #8190A5 #899AAC;
  85.     -moz-border-left-colors: transparent #8190A5 #899AAC;
  86.     color: #FFFFFF;
  87. }
  88. tab[selected="true"] {
  89.  margin-top: 0;
  90.   border-bottom-color: transparent;
  91.   padding: 1px 6px 4px 6px;
  92.   
  93. }
  94.  
  95. tab[selected="true"] .tab-text {
  96.     margin-bottom: 2px;    
  97. }
  98.  
  99.  
  100. tab[beforeselected="true"] {
  101.   -moz-appearance: tab-left-edge;
  102.   border-right: none;
  103.   -moz-border-radius-topright: 0;
  104. }
  105.  
  106. tab[afterselected="true"] {
  107.   -moz-appearance: tab-right-edge;
  108.   border-left: none;
  109.   -moz-border-radius-topleft: 0;
  110. }
  111.  
  112. tab[first-tab="true"][selected="true"] {
  113.   padding-right: 5px;
  114.   padding-left: 5px;
  115. }
  116. .tab-content {
  117.     padding: 0px;
  118. }
  119. .tab-icon {
  120.     margin-bottom: 3px;
  121. }
  122. .tab-text {
  123.     font-weight: normal;
  124.     margin: 2px 1px 1px 1px;
  125.     padding-bottom: 3px;
  126. }
  127. .tab-image {
  128.     list-style-image: inherit;
  129. }
  130.  
  131. /* ::::: tabpanels ::::: */
  132.  
  133. tabpanels {
  134.   -moz-appearance: tabpanels; 
  135.   border-right: 2px solid;
  136.   border-bottom: 2px solid;
  137.   border-left: 2px solid;
  138.   -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;
  139.   -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow;
  140.   -moz-border-left-colors: ThreeDHighlight ThreeDLightShadow;
  141.   padding: 8px;
  142.   background-color: transparent;
  143.   color: -moz-DialogText;
  144. }
  145.  
  146.  
  147. /* ::::: Extended styles for main browser tabs ::::: */
  148.  
  149. tabbrowser tabbox {
  150.     border: none;
  151. }
  152.  
  153. tabbrowser .tabbrowser-tabs {
  154.     padding: 0px !important;
  155. }
  156.  
  157. tabbrowser tabs > stack {
  158.     height: 28px;
  159. }
  160. tabbrowser .tab-closebutton-stack,
  161. tabbrowser .tab-popupmenu-button,
  162. tabbrowser .active-tab-dropdown {
  163.     display: -moz-box;
  164. }
  165.  
  166. tabbrowser tab {
  167.     -moz-appearance: none;
  168.     height: 28px !important;
  169.     min-width: 50px;
  170.     margin: 0px 2px 0px 1px; !important;
  171.     background-color: #c8e3eb;
  172.     -moz-border-radius: 0px;
  173.     background-image: url("chrome://global/skin/tabs/tab_inactive_slice.png");
  174.     background-repeat: repeat-x;
  175.     padding: 0px !important;
  176.     color: #026b86;
  177.     border: none !important;
  178.  
  179. }
  180. tabbrowser tab[selected="true"] {
  181.     color: black;
  182.     min-width: 250px;
  183.     background-image: url("chrome://global/skin/tabs/tab_active_slice.png");
  184.     padding: 0px !important;
  185.     border: none !important;
  186.     -moz-border-top-colors: transparent !important;
  187.     -moz-border-right-colors: transparent !important;
  188.     -moz-border-left-colors: transparent !important;
  189. }
  190. tabbrowser .tab-icon {
  191.     margin-bottom: 5px;
  192. }
  193. tabbrowser .tab-text {
  194.     padding-bottom: 5px;
  195. }
  196. tabbrowser tab[selected="true"] .tab-text {
  197.     padding-bottom: 3px;
  198. }
  199. tabbrowser .tab-left,
  200. tabbrowser .tab-content,
  201. tabbrowser .tab-right {
  202.     height: 28px !important;
  203. }
  204. tabbrowser .tab-content {
  205.     background-image: url("chrome://global/skin/tabs/tab_inactive_slice.png");
  206.     background-repeat: repeat-x;
  207. }
  208. tabbrowser .tab-left {
  209.     width: 6px;
  210.     background-image: url("chrome://global/skin/tabs/tab_inactive_left.png");
  211.     background-repeat: no-repeat;
  212. }
  213. tabbrowser .tab-right {
  214.     width: 6px;
  215.     background-image: url("chrome://global/skin/tabs/tab_inactive_right.png");
  216.     background-repeat: no-repeat;
  217. }
  218.  
  219. .tabbrowser-tabs[showCloseButton="true"] tab:not([selected="true"]) .tab-closebutton-container {
  220.     margin-top: 3px;
  221.     display: -moz-box;
  222. }
  223.  
  224. tabbrowser tab[selected="true"] .tab-content-bgimage,
  225. tabbrowser tab:hover:active[selected="true"] .tab-content-bgimage {
  226.     list-style-image: url("chrome://global/skin/tabs/tab_active_stretch.png");
  227. }
  228. tabbrowser tab[selected="true"] .tab-content,
  229. tabbrowser tab:hover:active[selected="true"] .tab-content {
  230.     background-image: none;
  231. }
  232. tabbrowser tab[selected="true"] .tab-left,
  233. tabbrowser tab:hover:active[selected="true"] .tab-left {
  234.     width: 4px;
  235.     background-image: url("chrome://global/skin/tabs/tab_active_left.png");
  236. }
  237. tabbrowser tab[selected="true"] .tab-right,
  238. tabbrowser tab:hover:active[selected="true"] .tab-right {
  239.     width: 5px;
  240.     background-image: url("chrome://global/skin/tabs/tab_active_right.png");
  241. }
  242.  
  243. tabbrowser .tabs-newbutton-stack {
  244.     margin-left: 3px;
  245.     width: 36px;
  246. }
  247. tabbrowser .tabs-newbutton-stack .toolbarbutton-icon {
  248.     margin-right: 0px;
  249. }
  250. tabbrowser tab *[hidden=true] {
  251.     display: none !important;
  252. }
  253.  
  254. tabbrowser tab[taboverflow="true"] {
  255.     visibility: hidden;
  256. }
  257.  
  258. /* ::::: tab-bottom ::::::::::
  259.    :: Tabs that are attached to the bottom of a panel, but not necessarily
  260.    :: a tabpanels.
  261.    ::::: */
  262.  
  263. .tab-bottom {
  264.     -moz-border-top-colors: #000000 #8C9DAF #8C9DAF;
  265.     -moz-border-bottom-colors: #000000 #8190A5 #899AAC #8D9EB0;
  266.     -moz-border-radius-topleft: 0;
  267.     -moz-border-radius-topright: 0;
  268.     -moz-border-radius-bottomright: 3px;
  269.     -moz-border-radius-bottomleft: 3px;
  270. }
  271.  
  272. .tab-bottom:hover:active {
  273.     -moz-border-top-colors: #000000 #8C9DAF #8C9DAF;
  274.     -moz-border-bottom-colors: transparent #8190A5 #899AAC #8D9EB0;
  275. }
  276.  
  277. .tab-bottom[selected="true"] {
  278.     -moz-border-top-colors: transparent !important;
  279.     -moz-border-bottom-colors: #000000 #DFE2E6 #D0D7DD transparent !important;
  280. }
  281.  
  282. .tab-bottom > .tab-text {
  283.     font: message-box;
  284.     font-weight: bold;
  285. }
  286.  
  287. /* ::::: tabs-bottom ::::: */
  288.  
  289. .tabs-bottom {
  290.     -moz-box-align: start;
  291. }
  292.  
  293. .tabs-bottom > .tabs-left,
  294. .tabs-bottom > .tabs-right {
  295.     border-top: 1px solid #000000;
  296.     border-bottom: none;
  297. }
  298.  
  299. .tab-popupmenu-button {
  300.     padding: 0px;
  301.     margin-top: 0px;
  302.     margin-right: 0px;
  303. }
  304.