diff options
Diffstat (limited to 'js/dojo-1.6/dojox/mobile/themes/buttons.css')
| -rw-r--r-- | js/dojo-1.6/dojox/mobile/themes/buttons.css | 191 |
1 files changed, 191 insertions, 0 deletions
diff --git a/js/dojo-1.6/dojox/mobile/themes/buttons.css b/js/dojo-1.6/dojox/mobile/themes/buttons.css new file mode 100644 index 0000000..0bf86ec --- /dev/null +++ b/js/dojo-1.6/dojox/mobile/themes/buttons.css @@ -0,0 +1,191 @@ +/* Minus Button */ +.mblBlueMinusButton { + position: relative; + width: 22px; + height: 18px; + border-width: 1px 1px 1px 0px; + border-style: outset; + border-color: #6D89C7; + color: white; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + background-color: #366EDF; + background: -webkit-gradient(linear, left top, left bottom, from(#7A9DE9), to(#2362DD), color-stop(0.5, #366EDF), color-stop(0.5, #215FDC)); +} +.mblDarkBlueMinusButton { + position: relative; + width: 22px; + height: 18px; + border-width: 1px 1px 1px 0px; + border-style: outset; + border-color: #6D89C7; + color: white; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + background-color: #5877A2; + background: -webkit-gradient(linear, left top, left bottom, from(#8EA4C1), to(#4A6C9B), color-stop(0.5, #5877A2), color-stop(0.5, #476999)); +} +.mblRedMinusButton { + position: relative; + width: 22px; + height: 18px; + border-width: 1px 1px 1px 0px; + border-style: outset; + border-color: #cc1122; + color: white; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + background-color: #C9404B; + background: -webkit-gradient(linear, left top, left bottom, from(#D3656D), to(#BC1320), color-stop(0.5, #C9404B), color-stop(0.5, #BC1421)); +} +.mblBlueMinusButton DIV, .mblDarkBlueMinusButton DIV, .mblRedMinusButton DIV { + position: absolute; + top: 7px; + left: 7px; + width: 8px; + height: 2px; + margin: 0px; + font-size: 1px; + background-color: white; + border-top: 1px solid #4A5A71; +} + +/* Plus Button */ +.mblBluePlusButton { + position: relative; + width: 22px; + height: 18px; + border-width: 1px 1px 1px 0px; + border-style: outset; + border-color: #6D89C7; + color: white; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + background-color: #366EDF; + background: -webkit-gradient(linear, left top, left bottom, from(#7A9DE9), to(#2362DD), color-stop(0.5, #366EDF), color-stop(0.5, #215FDC)); +} +.mblDarkBluePlusButton { + position: relative; + width: 22px; + height: 18px; + border-width: 1px 1px 1px 0px; + border-style: outset; + border-color: #6D89C7; + color: white; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + background-color: #5877A2; + background: -webkit-gradient(linear, left top, left bottom, from(#8EA4C1), to(#4A6C9B), color-stop(0.5, #5877A2), color-stop(0.5, #476999)); +} +.mblRedPlusButton { + position: relative; + width: 22px; + height: 18px; + border-width: 1px 1px 1px 0px; + border-style: outset; + border-color: #6D89C7; + color: white; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + background-color: #C9404B; + background: -webkit-gradient(linear, left top, left bottom, from(#D3656D), to(#BC1320), color-stop(0.5, #C9404B), color-stop(0.5, #BC1421)); +} +.mblBluePlusButton DIV, .mblDarkBluePlusButton DIV, .mblRedPlusButton DIV { + position: absolute; + top: 7px; + left: 7px; + width: 8px; + height: 2px; + margin: 0px; + font-size: 1px; + background-color: white; + border-top: 1px solid #4A5A71; +} +.mblBluePlusButton P, .mblDarkBluePlusButton P, .mblRedPlusButton P { + position: absolute; + top: 4px; + left: 10px; + width: 2px; + height: 8px; + margin: 0px; + font-size: 1px; + background-color: white; +} + +.mblCheckOnButton { + position: relative; + width: 30px; + height: 30px; + border-width: 1px; + border-style: outset; + border-color: #A5A2A5; + color: white; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + background-color: #D6D3D6; + background: -webkit-gradient(linear, left top, left bottom, from(#EFF3EF), to(#BDBEBD)); +} +.mblCheckOnButton DIV { + position: absolute; + top: 15px; + left: 3px; + width: 14px; + height: 4px; + margin: 0px; + font-size: 1px; + background-color: #00CF00; + border-top: 1px solid #4A5A71; + -webkit-border-radius: 2px; + -webkit-transform: rotate(50deg); +} +.mblCheckOnButton P { + position: absolute; + top: 11px; + left: 9px; + width: 20px; + height: 4px; + margin: 0px; + font-size: 1px; + background-color: #00CF00; + border-bottom: 1px solid #4A5A71; + -webkit-border-radius: 2px; + -webkit-transform: rotate(-50deg); +} + +.mblCheckOffButton { + position: relative; + width: 30px; + height: 30px; + border-width: 1px; + border-style: outset; + border-color: #A5A2A5; + color: white; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + background-color: #D6D3D6; + background: -webkit-gradient(linear, left top, left bottom, from(#EFF3EF), to(#BDBEBD)); +} +.mblCheckOffButton DIV { + position: absolute; + top: 11px; + left: 9px; + width: 20px; + height: 4px; + font-size: 1px; + background-color: #BDBABD; + border-top: 1px solid #8C8E8C; + -webkit-border-radius: 2px; + -webkit-transform: rotate(-50deg); +} +.mblCheckOffButton P { + position: absolute; + top: 15px; + left: 3px; + width: 14px; + height: 4px; + font-size: 1px; + background-color: #BDBABD; + border-bottom: 1px solid #8C8E8C; + -webkit-border-radius: 2px; + -webkit-transform: rotate(50deg); +} |