diff options
author | 2008-11-13 09:49:11 +0000 | |
---|---|---|
committer | 2008-11-13 09:49:11 +0000 | |
commit | e44a7e37b6c7b5961adaffc62b9042b8d442938e (patch) | |
tree | 95b67c356e93163467db2451f2b8cce84ed5d582 /includes/js/dijit/themes/soria/form/RadioButton.css.commented.css | |
parent | a62b9742ee5e28bcec6872d88f50f25b820914f6 (diff) | |
download | scuttle-e44a7e37b6c7b5961adaffc62b9042b8d442938e.tar.gz scuttle-e44a7e37b6c7b5961adaffc62b9042b8d442938e.zip |
New feature: basic Ajax suggestion for tags and implementation of Dojo toolkit
git-svn-id: https://semanticscuttle.svn.sourceforge.net/svnroot/semanticscuttle/trunk@151 b3834d28-1941-0410-a4f8-b48e95affb8f
Diffstat (limited to 'includes/js/dijit/themes/soria/form/RadioButton.css.commented.css')
-rw-r--r-- | includes/js/dijit/themes/soria/form/RadioButton.css.commented.css | 68 |
1 files changed, 68 insertions, 0 deletions
diff --git a/includes/js/dijit/themes/soria/form/RadioButton.css.commented.css b/includes/js/dijit/themes/soria/form/RadioButton.css.commented.css new file mode 100644 index 0000000..dad4ac5 --- /dev/null +++ b/includes/js/dijit/themes/soria/form/RadioButton.css.commented.css @@ -0,0 +1,68 @@ +/* + * CheckBox and Radio Widgets, + * and the CSS to embed a checkbox or radio icon inside a ToggleButton. + * + * Order of images in the default sprite (from L to R, checkbox and radio in same image): + * checkbox normal - checked + * - unchecked + * disabled - checked + * - unchecked + * hover - checked + * - unchecked + * + * radio normal - checked + * - unchecked + * disabled - checked + * - unchecked + * hover - checked + * - unchecked +*/ + +.soria .dijitToggleButton .dijitRadio, +.soria .dijitToggleButton .dijitRadioIcon { + background-image: url('../images/spriteRadio.gif'); +} + +.soria .dijitRadio, +.soria .dijitRadioIcon { /* inside a toggle button */ + background-image: url('../images/spriteRadio.gif'); /* checkbox sprite image */ + background-repeat: no-repeat; + width: 16px; + height: 16px; + margin: 0; + padding: 0; +} + +.soria .dijitRadio, +.soria .dijitToggleButton .dijitRadioIcon { + /* unselected */ + background-position: -16px; +} + +.soria .dijitRadioChecked, +.soria .dijitToggleButtonChecked .dijitRadioIcon { + /* selected */ + background-position: 0px; +} + +.soria .dijitRadioCheckedDisabled { + /* selected but disabled */ + background-position: -48px; +} + +.soria .dijitRadioDisabled { + /* unselected and disabled */ + background-position: -32px; +} + +.soria .dijitRadioHover, +.soria .dijitRadioFocused { + /* hovering over an unselected enabled radio button */ + background-position: -80px; +} + +.soria .dijitRadioCheckedHover, +.soria .dijitRadioCheckedFocused { + /* hovering over a selected enabled radio button */ + background-position: -64px; +} |