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 / menulist.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2004-01-05  |  4.5 KB  |  159 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-1999 Netscape Communications Corporation. All
  18.  * Rights Reserved.
  19.  *
  20.  * Contributor(s):
  21.  *   Joe Hewitt (hewitt@netscape.com)
  22.  */
  23.  
  24. /* ===== menulist.css ===================================================
  25.   == Styles used by the XUL menulist element.
  26.   ======================================================================= */
  27.  
  28. @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  29. @namespace html url("http://www.w3.org/1999/xhtml");
  30.  
  31. /* :::::::::: menulist :::::::::: */
  32.  
  33. menulist {
  34.   -moz-appearance: menulist;
  35.   margin: 2px 2px;
  36.   border: 2px solid;
  37.   padding: 0px !important;
  38.   -moz-border-top-colors: ThreeDShadow ThreeDDarkShadow;
  39.   -moz-border-right-colors: ThreeDHighlight ThreeDLightShadow;
  40.   -moz-border-bottom-colors: ThreeDHighlight ThreeDLightShadow;
  41.   -moz-border-left-colors: ThreeDShadow ThreeDDarkShadow;
  42.   background-color: -moz-Field;
  43. }
  44.  
  45. .menulist-label-box {
  46.   -moz-box-align: center;
  47.   -moz-box-pack: center;
  48.   margin: 0;
  49.   padding: 0;
  50. }
  51.  
  52. .menulist-label-box,
  53. menulist[open="true"]:focus > .menulist-label-box {
  54.   border: 1px solid transparent;
  55.   background-color: transparent;
  56.   color: inherit;
  57. }
  58.  
  59. .menulist-label {
  60.   margin: 0px 2px;
  61. }
  62.  
  63. /* ..... dropmarker ..... */
  64.  
  65. .menulist-dropmarker {
  66.   -moz-appearance: menulist-button;
  67.   min-width: 16px;
  68.   -moz-box-align: center;
  69.   -moz-box-pack: center;
  70.   border: 2px solid;
  71.   background-color: -moz-Dialog;
  72.   list-style-image: url("chrome://global/skin/menu/menu-drop.gif");
  73. }
  74.  
  75. .menulist-dropmarker,
  76. menulist[disabled="true"]:hover:active > .menulist-dropmarker {
  77.   -moz-border-top-colors: ThreeDLightShadow ThreeDHighlight;
  78.   -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;
  79.   -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow;
  80.   -moz-border-left-colors: ThreeDLightShadow ThreeDHighlight;
  81.   padding: 1px;
  82. }
  83.  
  84. menulist[disabled="true"] > .menulist-dropmarker {
  85.   list-style-image: url("chrome://global/skin/menu/menu-drop-disabled.gif");
  86. }
  87.  
  88. menulist:hover:active > .menulist-dropmarker {
  89.   -moz-border-top-colors: ThreeDShadow ThreeDFace;
  90.   -moz-border-right-colors: ThreeDShadow ThreeDFace;
  91.   -moz-border-bottom-colors: ThreeDShadow ThreeDFace;
  92.   -moz-border-left-colors: ThreeDShadow ThreeDFace;
  93.   padding: 2px 0px 0px 2px;
  94. }
  95.  
  96. /* ..... focused state ..... */
  97.  
  98. menulist:focus > .menulist-label-box {
  99.   border: 1px dotted #F5DB95;
  100.   background-color: Highlight;
  101.   color: HighlightText;  
  102. }
  103.  
  104. /* ..... disabled state ..... */
  105.  
  106. menulist[disabled="true"] {
  107.   background-color: -moz-Dialog;
  108.   color: GrayText;
  109. }
  110.  
  111. /* ::::: editable menulists ::::: */
  112.  
  113. .menulist-editable-box {
  114.   padding: 3px 0px 3px 2px;
  115. }
  116.  
  117. html|*.menulist-editable-input {
  118.   margin: 0px !important;
  119.   border: none !important;
  120.   padding: 0px !important;
  121.   background: inherit;
  122.   font: inherit;
  123. }
  124.  
  125. /* ::::: compact menulists ::::: */
  126.  
  127. .menulist-compact {
  128.   -moz-box-align: center;
  129.   -moz-box-pack: center;
  130.   margin: 0;
  131.   -moz-border-top-colors: ThreeDLightShadow ThreeDHighlight;
  132.   -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;
  133.   -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow;
  134.   -moz-border-left-colors: ThreeDLightShadow ThreeDHighlight;
  135.   background-color: -moz-Dialog;
  136.   color: -moz-DialogText;
  137. }
  138.  
  139. .menulist-compact > .menulist-label {
  140.   margin: 0 3px !important;
  141.   text-align: right;
  142. }  
  143.  
  144. .menulist-compact > .menulist-dropmarker {
  145.   margin-left: 2px;
  146.   border: none;
  147.   padding: 0 !important;
  148.   background: transparent;
  149. }
  150.  
  151. .menulist-compact[open="true"] {
  152.   -moz-border-top-colors: ThreeDDarkShadow ThreeDShadow;
  153.   -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;
  154.   -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow;
  155.   -moz-border-left-colors: ThreeDDarkShadow ThreeDShadow;
  156.   background-color: ThreeDShadow;
  157.   color: ThreeDHighlight;
  158. }
  159.