diff options
Diffstat (limited to 'js/dojo-1.7.2/dojox/mobile/themes/custom/RadioButton.css')
| -rw-r--r-- | js/dojo-1.7.2/dojox/mobile/themes/custom/RadioButton.css | 41 |
1 files changed, 41 insertions, 0 deletions
diff --git a/js/dojo-1.7.2/dojox/mobile/themes/custom/RadioButton.css b/js/dojo-1.7.2/dojox/mobile/themes/custom/RadioButton.css new file mode 100644 index 0000000..32b1ebb --- /dev/null +++ b/js/dojo-1.7.2/dojox/mobile/themes/custom/RadioButton.css @@ -0,0 +1,41 @@ +/* dojox.mobile.RadioButton */ +.mblRadioButton { + position: relative; + cursor: pointer; + outline: none; + -webkit-appearance: none; + -webkit-tap-highlight-color: rgba(255, 255, 255, 0); + margin: -0.5em 3px 0.3em 4px; + width: 1em; + height: 1em; + font-size: 18px; + border: 1px outset #b5bcc7; + background-color: #5cb0ff; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(3.3333333333333335%, rgba(255, 255, 255, 0.1)), color-stop(0.5, rgba(255, 255, 255, 0.6)), color-stop(1, rgba(255, 255, 255, 0.3))); + -webkit-border-radius: 0.5em; + -webkit-transform: translatey(0.45em); +} +.mblRadioButtonChecked, .mblRadioButton:checked { + border-color: #769dc0; + background-color: #007ef5; +} +.mblRadioButtonChecked::after, .mblRadioButton:checked::after { + position: absolute; + content: ""; + width: 0.3em; + height: 0.6em; + top: 0; + left: 0.25em; + border-color: #000000; + border-width: 0.15em; + border-style: none solid solid none; + -webkit-transform: rotate(45deg); + -webkit-transform-origin: 50% 50%; +} +.mblRadioButtonChecked.mblRadioButtonSelected, .mblRadioButton:checked.mblRadioButtonSelected { + border-color: #769dc0; + background-color: #0064c2; +} +.mblRadioButtonChecked.mblRadioButtonSelected::after, .mblRadioButton:checked.mblRadioButtonSelected::after { + border-color: #000000; +} |
