home *** CD-ROM | disk | FTP | other *** search
/ Revista do CD-ROM 114 / CDRom114.iso / internet / temathun / Charamel.jar / global / colorpicker.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2004-08-09  |  2.6 KB  |  92 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.  * Alex W. (Charamel) <lucx@shaw.ca>
  22.  */
  23.  
  24. /* ===== colorpicker.css ================================================
  25.   == Styles used by the XUL colorpicker element.
  26.   ======================================================================= */
  27.  
  28. @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  29.  
  30.  
  31.  
  32. /*:::::::: Rounded color picker
  33. :::::::::: A Charamel original style.
  34. :::::::::: Developed by Alex W. <lucx@shaw.ca>
  35. ::::::::::*/
  36.  
  37. /* colorpicker button */
  38.  
  39. colorpicker[type="button"] {
  40. width: 38px;
  41. height: 24px;
  42. margin-right:5px;
  43. background:url("chrome://global/skin/colorpicker/colorpicker.png")no-repeat;
  44. }
  45.  
  46. /*color swatch*/
  47. .colorpicker-button-colorbox {
  48. margin:3px 4px;
  49. /*background color is the color of the swatch*/
  50. background-image:url("chrome://global/skin/colorpicker/colorpicker-swatch-mask.png");
  51. background-repeat:no-repeat;
  52. }
  53.  
  54. /* Focused and active states */
  55. colorpicker[type="button"]:focus, 
  56. colorpicker[type="button"][open="true"] {
  57. background:url("chrome://global/skin/colorpicker/colorpicker-focus.png")no-repeat;
  58.  
  59. }
  60.  
  61.  
  62. /* ::::: colorpicker tiles ::::: */
  63.  
  64. .colorpickertile {
  65. width                 : 20px;
  66. height                : 20px;
  67. border-top:1px solid #D3C1A9;
  68. border-left:1px solid #D3C1A9;
  69. border-bottom:1px solid #FAF7F1;
  70. border-right:1px solid #FAF7F1;
  71. margin:1px 1px 0px 0px;
  72. }
  73.  
  74. .colorpickertile[selected="true"] {
  75.   border : 2px dotted #37B6F7;
  76.  
  77. }
  78. /*hiliting when hovering over dark colors*/
  79. .colorpickertile[hover="true"] {
  80.   border : 2px solid #37B6F7;
  81. }
  82. /*hover over light colors*/
  83. .cp-light[hover="true"] {
  84.   border : 2px solid #37B6F7;
  85. }
  86.  
  87.  
  88. /*:::::::: Rounded color picker
  89. :::::::::: A Charamel original style.
  90. :::::::::: Developed by Alex W. <lucx@shaw.ca>
  91. ::::::::::*/
  92.