diff options
| author | Tristan Zur <tzur@web.web.ccwn.org> | 2014-03-27 22:27:47 +0100 |
|---|---|---|
| committer | Tristan Zur <tzur@web.web.ccwn.org> | 2014-03-27 22:27:47 +0100 |
| commit | b62676ca5d3d6f6ba3f019ea3f99722e165a98d8 (patch) | |
| tree | 86722cb80f07d4569f90088eeaea2fc2f6e2ef94 /js/dojo/dojox/form/resources/TriStateCheckBox.css | |
Diffstat (limited to 'js/dojo/dojox/form/resources/TriStateCheckBox.css')
| -rw-r--r-- | js/dojo/dojox/form/resources/TriStateCheckBox.css | 137 |
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); +} |
