123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191 |
- /* 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);
- }
|