summaryrefslogtreecommitdiff
path: root/js/dojo/dojox/form/resources/TriStateCheckBox.css
diff options
context:
space:
mode:
authorTristan Zur <tzur@web.web.ccwn.org>2014-03-27 22:27:47 +0100
committerTristan Zur <tzur@web.web.ccwn.org>2014-03-27 22:27:47 +0100
commitb62676ca5d3d6f6ba3f019ea3f99722e165a98d8 (patch)
tree86722cb80f07d4569f90088eeaea2fc2f6e2ef94 /js/dojo/dojox/form/resources/TriStateCheckBox.css
Initial commit of intern.ccwn.org contentsHEADmaster
Diffstat (limited to 'js/dojo/dojox/form/resources/TriStateCheckBox.css')
-rw-r--r--js/dojo/dojox/form/resources/TriStateCheckBox.css137
1 files changed, 137 insertions, 0 deletions
diff --git a/js/dojo/dojox/form/resources/TriStateCheckBox.css b/js/dojo/dojox/form/resources/TriStateCheckBox.css
new file mode 100644
index 0000000..237f4bf
--- /dev/null
+++ b/js/dojo/dojox/form/resources/TriStateCheckBox.css
@@ -0,0 +1,137 @@
+/* TriStateCheckBox
+ *
+ * Styling TriStateCheckBox mainly includes:
+ *
+ * 1. Containers
+ * .dojoxTriStateCheckBox|.dojoxTriStateCheckBoxIcon - for border, padding, width|height and background image
+ *
+ * 2. Checked state
+ * .dojoxTriStateCheckBoxChecked - for checked background-color|image
+ * .dojoxTriStateCheckBoxMixed - for mixed background-color|image
+ *
+ * 3. Hover state
+ * .dojoxTriStateCheckBoxHover|.dojoxTriStateCheckBoxCheckedHover|.dojoxTriStateCheckBoxMixedHover - for background image
+ *
+ * 4. Disabled state
+ * .dojoxTriStateCheckBoxDisabled|.dojoxTriStateCheckBoxCheckedDisabled|.dojoxTriStateCheckBoxMixedDisabled - for background image
+ */
+.claro .dijitToggleButton .dojoxTriStateCheckBoxIcon {
+ background-image: url('../images/checkmarkNoBorder.png');
+}
+.dj_ie6 .claro .dijitToggleButton .dojoxTriStateCheckBoxIcon {
+ background-image: url('../images/checkmarkNoBorder.gif');
+}
+.claro .dojoxTriStateCheckBox, .claro .dojoxTriStateCheckBoxIcon {
+ background-image: url('images/tristatecheckboxStates.png');
+ /* checkbox sprite image */
+
+ background-repeat: no-repeat;
+ width: 15px;
+ height: 16px;
+ margin: 0 2px 0 0;
+ padding: 0;
+}
+.dj_ie6 .claro .dojoxTriStateCheckBox, .dj_ie6 .claro .dojoxTriStateCheckBoxIcon {
+ background-image: url('images/tristatecheckboxStates.png');
+ /* checkbox sprite image */
+
+}
+.claro .dojoxTriStateCheckBox{
+ /* unchecked */
+
+ background-position: -15px;
+}
+.claro .dojoxTriStateCheckBoxChecked{
+ /* checked */
+
+ background-position: 0px;
+}
+.claro .dojoxTriStateCheckBoxMixed {
+ /* mixed */
+
+ background-position: -30px;
+}
+.claro .dojoxTriStateCheckBoxDisabled {
+ /* disabled and unchecked */
+
+ background-position: -105px;
+}
+.claro .dojoxTriStateCheckBoxCheckedDisabled {
+ /* disabled and checked */
+
+ background-position: -90px;
+}
+.claro .dojoxTriStateCheckBoxMixedDisabled {
+ /* disabled and mixed */
+
+ background-position: -120px;
+}
+.claro .dojoxTriStateCheckBoxHover {
+ /* hovering over and unchecked */
+
+ background-position: -60px;
+}
+.claro .dojoxTriStateCheckBoxCheckedHover {
+ /* hovering over and checked */
+
+ background-position: -45px;
+}
+.claro .dojoxTriStateCheckBoxMixedHover {
+ /* hovering over and mixed */
+
+ background-position: -75px;
+}
+
+.dijit_a11y .dojoxTriStateCheckBoxHover .dojoxTriStateCheckBoxInner,
+.dijit_a11y .dojoxTriStateCheckBoxFocused .dojoxTriStateCheckBoxInner{
+ /* focused or hovering over */
+ border: dashed;
+}
+
+.dijit_a11y .dojoxTriStateCheckBoxHover .dojoxTriStateCheckBoxInner,
+.dijit_a11y .dojoxTriStateCheckBoxFocused .dojoxTriStateCheckBoxInner{
+ /* focused or hovering over */
+ border: solid;
+}
+
+.dijit_a11y .dojoxTriStateCheckBoxDisabled .dojoxTriStateCheckBoxInner{
+ /* focused or hovering over */
+ opacity: 0.5;
+}
+
+.dj_ie .dijit_a11y .dojoxTriStateCheckBoxDisabled .dojoxTriStateCheckBoxInner{
+ /* disabled */
+}
+
+
+.dojoxTriStateCheckBoxInner{
+ /* inner text */
+
+ visibility: hidden;
+ display: none;
+ position: absolute;
+ text-align: center;
+}
+
+.dijit_a11y .dojoxTriStateCheckBoxInner{
+ /* inner text */
+
+ visibility: visible;
+ display: block;
+}
+
+.dojoxTriStateCheckBoxInput {
+ /* place the actual input on top, but all-but-invisible */
+ opacity: 0.01;
+ padding: 0;
+ margin: 0,
+ border: 0;
+ width: 15px;
+ height: 16px;
+ background-position:center center;
+ background-repeat:no-repeat;
+}
+
+.dj_ie .dojoxTriStateCheckBoxInput {
+ filter: alpha(opacity=0);
+}