update dojo to 1.7.3

[tt-rss.git] / lib / dijit / themes / claro / ColorPalette.css

diff --git a/lib/dijit/themes/claro/ColorPalette.css b/lib/dijit/themes/claro/ColorPalette.css
index 87a25ae2551d5e78fad501c5c4267566e79d60e9..a23b2dfd014136c8c95a1e1e6a55f2d320f3c9c9 100644 (file)
--- 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 .dijitPaletteCell:hover .dijitPaletteImg
+ *             the hovered state of the color swatch - adds border
+ *     
+ * 4. active and selected swatch
+ *             .dijitColorPalette .dijitPaletteCell:active .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;
+.claro .dijitColorPalette .dijitPaletteCell:hover .dijitPaletteImg {
+  border: 1px solid #000000;
 }
-.claro .dijitColorPalette .dijitPaletteCellActive .dijitPaletteImg,
-.claro .dijitColorPalette .dijitPaletteCellSelected .dijitPaletteImg {
-       border: 2px solid #000;
+.claro .dijitColorPalette .dijitPaletteCell:active .dijitPaletteImg, .claro .dijitColorPalette .dijitPaletteTable .dijitPaletteCellSelected .dijitPaletteImg {
+  border: 2px solid #000000;
 }