buttons.css 4.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191
  1. /* Minus Button */
  2. .mblBlueMinusButton {
  3. position: relative;
  4. width: 22px;
  5. height: 18px;
  6. border-width: 1px 1px 1px 0px;
  7. border-style: outset;
  8. border-color: #6D89C7;
  9. color: white;
  10. -webkit-border-radius: 3px;
  11. -moz-border-radius: 3px;
  12. background-color: #366EDF;
  13. background: -webkit-gradient(linear, left top, left bottom, from(#7A9DE9), to(#2362DD), color-stop(0.5, #366EDF), color-stop(0.5, #215FDC));
  14. }
  15. .mblDarkBlueMinusButton {
  16. position: relative;
  17. width: 22px;
  18. height: 18px;
  19. border-width: 1px 1px 1px 0px;
  20. border-style: outset;
  21. border-color: #6D89C7;
  22. color: white;
  23. -webkit-border-radius: 3px;
  24. -moz-border-radius: 3px;
  25. background-color: #5877A2;
  26. background: -webkit-gradient(linear, left top, left bottom, from(#8EA4C1), to(#4A6C9B), color-stop(0.5, #5877A2), color-stop(0.5, #476999));
  27. }
  28. .mblRedMinusButton {
  29. position: relative;
  30. width: 22px;
  31. height: 18px;
  32. border-width: 1px 1px 1px 0px;
  33. border-style: outset;
  34. border-color: #cc1122;
  35. color: white;
  36. -webkit-border-radius: 3px;
  37. -moz-border-radius: 3px;
  38. background-color: #C9404B;
  39. background: -webkit-gradient(linear, left top, left bottom, from(#D3656D), to(#BC1320), color-stop(0.5, #C9404B), color-stop(0.5, #BC1421));
  40. }
  41. .mblBlueMinusButton DIV, .mblDarkBlueMinusButton DIV, .mblRedMinusButton DIV {
  42. position: absolute;
  43. top: 7px;
  44. left: 7px;
  45. width: 8px;
  46. height: 2px;
  47. margin: 0px;
  48. font-size: 1px;
  49. background-color: white;
  50. border-top: 1px solid #4A5A71;
  51. }
  52. /* Plus Button */
  53. .mblBluePlusButton {
  54. position: relative;
  55. width: 22px;
  56. height: 18px;
  57. border-width: 1px 1px 1px 0px;
  58. border-style: outset;
  59. border-color: #6D89C7;
  60. color: white;
  61. -webkit-border-radius: 3px;
  62. -moz-border-radius: 3px;
  63. background-color: #366EDF;
  64. background: -webkit-gradient(linear, left top, left bottom, from(#7A9DE9), to(#2362DD), color-stop(0.5, #366EDF), color-stop(0.5, #215FDC));
  65. }
  66. .mblDarkBluePlusButton {
  67. position: relative;
  68. width: 22px;
  69. height: 18px;
  70. border-width: 1px 1px 1px 0px;
  71. border-style: outset;
  72. border-color: #6D89C7;
  73. color: white;
  74. -webkit-border-radius: 3px;
  75. -moz-border-radius: 3px;
  76. background-color: #5877A2;
  77. background: -webkit-gradient(linear, left top, left bottom, from(#8EA4C1), to(#4A6C9B), color-stop(0.5, #5877A2), color-stop(0.5, #476999));
  78. }
  79. .mblRedPlusButton {
  80. position: relative;
  81. width: 22px;
  82. height: 18px;
  83. border-width: 1px 1px 1px 0px;
  84. border-style: outset;
  85. border-color: #6D89C7;
  86. color: white;
  87. -webkit-border-radius: 3px;
  88. -moz-border-radius: 3px;
  89. background-color: #C9404B;
  90. background: -webkit-gradient(linear, left top, left bottom, from(#D3656D), to(#BC1320), color-stop(0.5, #C9404B), color-stop(0.5, #BC1421));
  91. }
  92. .mblBluePlusButton DIV, .mblDarkBluePlusButton DIV, .mblRedPlusButton DIV {
  93. position: absolute;
  94. top: 7px;
  95. left: 7px;
  96. width: 8px;
  97. height: 2px;
  98. margin: 0px;
  99. font-size: 1px;
  100. background-color: white;
  101. border-top: 1px solid #4A5A71;
  102. }
  103. .mblBluePlusButton P, .mblDarkBluePlusButton P, .mblRedPlusButton P {
  104. position: absolute;
  105. top: 4px;
  106. left: 10px;
  107. width: 2px;
  108. height: 8px;
  109. margin: 0px;
  110. font-size: 1px;
  111. background-color: white;
  112. }
  113. .mblCheckOnButton {
  114. position: relative;
  115. width: 30px;
  116. height: 30px;
  117. border-width: 1px;
  118. border-style: outset;
  119. border-color: #A5A2A5;
  120. color: white;
  121. -webkit-border-radius: 3px;
  122. -moz-border-radius: 3px;
  123. background-color: #D6D3D6;
  124. background: -webkit-gradient(linear, left top, left bottom, from(#EFF3EF), to(#BDBEBD));
  125. }
  126. .mblCheckOnButton DIV {
  127. position: absolute;
  128. top: 15px;
  129. left: 3px;
  130. width: 14px;
  131. height: 4px;
  132. margin: 0px;
  133. font-size: 1px;
  134. background-color: #00CF00;
  135. border-top: 1px solid #4A5A71;
  136. -webkit-border-radius: 2px;
  137. -webkit-transform: rotate(50deg);
  138. }
  139. .mblCheckOnButton P {
  140. position: absolute;
  141. top: 11px;
  142. left: 9px;
  143. width: 20px;
  144. height: 4px;
  145. margin: 0px;
  146. font-size: 1px;
  147. background-color: #00CF00;
  148. border-bottom: 1px solid #4A5A71;
  149. -webkit-border-radius: 2px;
  150. -webkit-transform: rotate(-50deg);
  151. }
  152. .mblCheckOffButton {
  153. position: relative;
  154. width: 30px;
  155. height: 30px;
  156. border-width: 1px;
  157. border-style: outset;
  158. border-color: #A5A2A5;
  159. color: white;
  160. -webkit-border-radius: 3px;
  161. -moz-border-radius: 3px;
  162. background-color: #D6D3D6;
  163. background: -webkit-gradient(linear, left top, left bottom, from(#EFF3EF), to(#BDBEBD));
  164. }
  165. .mblCheckOffButton DIV {
  166. position: absolute;
  167. top: 11px;
  168. left: 9px;
  169. width: 20px;
  170. height: 4px;
  171. font-size: 1px;
  172. background-color: #BDBABD;
  173. border-top: 1px solid #8C8E8C;
  174. -webkit-border-radius: 2px;
  175. -webkit-transform: rotate(-50deg);
  176. }
  177. .mblCheckOffButton P {
  178. position: absolute;
  179. top: 15px;
  180. left: 3px;
  181. width: 14px;
  182. height: 4px;
  183. font-size: 1px;
  184. background-color: #BDBABD;
  185. border-bottom: 1px solid #8C8E8C;
  186. -webkit-border-radius: 2px;
  187. -webkit-transform: rotate(50deg);
  188. }