diff options
Diffstat (limited to 'lib/dijit/themes/claro/ColorPalette.css')
| -rw-r--r-- | lib/dijit/themes/claro/ColorPalette.css | 45 |
1 files changed, 34 insertions, 11 deletions
diff --git a/lib/dijit/themes/claro/ColorPalette.css b/lib/dijit/themes/claro/ColorPalette.css index 87a25ae25..34d1c72b2 100644 --- a/lib/dijit/themes/claro/ColorPalette.css +++ b/lib/dijit/themes/claro/ColorPalette.css @@ -1,18 +1,41 @@ - +/* ColorPalette + * + * Styling of the ColorPalette consists of the following: + * + * 1. the whole color palette + * .dijitColorPalette - for outline, border, and background color of the whole color palette + * Note: outline does not work for IE + * + * 2. the color swatch + * .dijitColorPalette .dijitPaletteImg + * transparent (but clickable) <img> node inside of each <td>, overlaying the color swatch. + * displays border around a color swatch + * + * 3. hovered swatch + * .dijitColorPalette .dijitPaletteCellHover .dijitPaletteImg + * the hovered state of the color swatch - adds border + * + * 4. active and selected swatch + * .dijitColorPalette .dijitPaletteCellActive .dijitPaletteImg + * .dijitColorPalette .dijitPaletteCellSelected .dijitPaletteImg + * adds border for active or selected state + */ .claro .dijitColorPalette { - outline: 1px solid #769dc0; - border: 1px solid #c0ccdf; - background:#fff; - -moz-border-radius: 0px; + border: 1px solid #b5bcc7; + background: #ffffff; + -moz-border-radius: 0; + border-radius: 0; } .claro .dijitColorPalette .dijitPaletteImg { - - border: 1px solid #cecece; + /* transparent (but clickable) <img> node inside of each <td>, overlaying the color swatch. + * displays border around a color swatch + * overrides border color in dijit.css */ + + border: 1px solid #d3d3d3; } .claro .dijitColorPalette .dijitPaletteCellHover .dijitPaletteImg { - border: 1px solid #000; + border: 1px solid #000000; } -.claro .dijitColorPalette .dijitPaletteCellActive .dijitPaletteImg, -.claro .dijitColorPalette .dijitPaletteCellSelected .dijitPaletteImg { - border: 2px solid #000; +.claro .dijitColorPalette .dijitPaletteCellActive .dijitPaletteImg, .claro .dijitColorPalette .dijitPaletteCellSelected .dijitPaletteImg { + border: 2px solid #000000; } |