android-compat.css 4.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290
  1. /* mbl.widget.Heading */
  2. .mblHeading {
  3. background-image: url(compat/heading-bg.png);
  4. }
  5. /* Heading Arrow Button */
  6. .mblArrowButtonHead {
  7. position: absolute;
  8. top: 0px;
  9. left: 8px;
  10. width: 19px;
  11. height: 29px;
  12. border-style: none;
  13. background-image: url(compat/arrow-button-head.png);
  14. }
  15. .mblArrowButtonBody {
  16. padding: 0px 10px 0px 10px;
  17. background-image: url(compat/arrow-button-bg.png);
  18. }
  19. /* Round Corner */
  20. .mblRoundCorner {
  21. background-color: black;
  22. height: 1px;
  23. font-size: 1px;
  24. overflow: hidden;
  25. border-style: solid;
  26. border-color: #ADAAAD;
  27. border-width: 0px 1px;
  28. }
  29. .mblRoundRectContainer {
  30. padding: 3px 8px;
  31. background-color: black;
  32. border-style: solid;
  33. border-color: #ADAAAD;
  34. border-width: 0px 1px;
  35. }
  36. .mblRoundRectList .mblRoundRectContainer {
  37. margin: 0px;
  38. padding: 0px;
  39. }
  40. .mblRoundCorner0T {
  41. height: 0px;
  42. }
  43. .mblRoundCorner1T {
  44. background-color: #ADAAAD;
  45. margin: 0px 5px;
  46. }
  47. .mblRoundCorner2T {
  48. margin: 0px 2px;
  49. border-width: 0px 3px;
  50. }
  51. .mblRoundCorner3T {
  52. margin: 0px 1px;
  53. border-width: 0px 2px;
  54. }
  55. .mblRoundCorner4T {
  56. margin: 0px 1px;
  57. }
  58. .mblRoundCorner5T {
  59. margin: 0px 1px;
  60. }
  61. .mblRoundCorner0B {
  62. height: 0px;
  63. }
  64. .mblRoundCorner1B {
  65. margin: 0px 1px;
  66. }
  67. .mblRoundCorner2B {
  68. margin: 0px 1px;
  69. }
  70. .mblRoundCorner3B {
  71. margin: 0px 1px;
  72. border-width: 0px 2px;
  73. }
  74. .mblRoundCorner4B {
  75. margin: 0px 2px;
  76. border-width: 0px 3px;
  77. }
  78. .mblRoundCorner5B {
  79. background-color: #ADAAAD;
  80. margin: 0px 5px;
  81. }
  82. /* mbl.widget.ListItem */
  83. *html li.mblListItem.mblVariableHeight { /* IE6 hack */
  84. height: 0;
  85. }
  86. .mblListItem .mblArrow {
  87. border-style: none;
  88. width: 9px;
  89. height: 13px;
  90. background-image: url(compat/gray-arrow.png);
  91. }
  92. .mblItemSelected .mblArrow {
  93. background-image: url(compat/white-arrow.png);
  94. }
  95. /* dojox.mobile.TabBarButton */
  96. .dj_ie6 .mblTabBarButtonDiv, .dj_ie7 .mblTabBarButtonDiv {
  97. left: auto;
  98. }
  99. /* Switch */
  100. .mblSwitchInner {
  101. width: 100px;
  102. }
  103. .mblSwitchBg {
  104. border: none;
  105. }
  106. .mblSwitchBgLeft {
  107. width: 89px;
  108. background: none;
  109. }
  110. .mblSwitchBgRight {
  111. width: 89px;
  112. left: 58px;
  113. background: none;
  114. }
  115. .mblSwitchKnobContainer {
  116. position: relative;
  117. left: 53px;
  118. width: 41px;
  119. height: 26px;
  120. }
  121. .mblSwitchKnob {
  122. position: relative;
  123. top: 0px;
  124. left: 0px;
  125. width: auto;
  126. height: 21px;
  127. background-image: url(compat/switch-knob-bg.png);
  128. border-width: 0px 1px;
  129. -moz-border-radius: 0px;
  130. }
  131. .mblSwitchCorner {
  132. position: relative;
  133. height: 1px;
  134. font-size: 1px;
  135. overflow: hidden;
  136. border-style: solid;
  137. border-color: #878787;
  138. }
  139. .mblSwitchCorner1T {
  140. background-color: #848684;
  141. margin: 0px 1px;
  142. border-width: 0px;
  143. }
  144. .mblSwitchCorner2T {
  145. background-color: #C0C0C0;
  146. margin: 0px 0px;
  147. border-width: 0px 1px;
  148. }
  149. .mblSwitchCorner3T {
  150. background-color: #C6C7C6;
  151. margin: 0px 0px;
  152. border-width: 0px 1px;
  153. }
  154. .mblSwitchCorner1B {
  155. background-color: #FBFBFB;
  156. margin: 0px 0px;
  157. border-width: 0px 1px;
  158. }
  159. .mblSwitchCorner2B {
  160. background-color: #FBFBFB;
  161. margin: 0px 0px;
  162. border-width: 0px 1px;
  163. }
  164. .mblSwitchCorner3B {
  165. background-color: #878787;
  166. margin: 0px 1px;
  167. border-width: 0px;
  168. }
  169. .mblSwitchBgLeft .mblSwitchCorner1T {
  170. border-width: 0px 2px;
  171. background-color: #00A600;
  172. }
  173. .mblSwitchBgLeft .mblSwitchCorner2T {
  174. background-color: #00A600;
  175. }
  176. .mblSwitchBgLeft .mblSwitchCorner3T {
  177. background-color: #00A600;
  178. }
  179. .mblSwitchBgLeft .mblSwitchCorner1B {
  180. background-color: #00D700;
  181. }
  182. .mblSwitchBgLeft .mblSwitchCorner2B {
  183. background-color: #00D700;
  184. }
  185. .mblSwitchBgLeft .mblSwitchCorner3B {
  186. background-color: #00D700;
  187. }
  188. .mblSwitchText {
  189. height: 21px;
  190. line-height: 21px;
  191. }
  192. .mblSwitchTextLeft {
  193. background-image: url(compat/switch-green-bg.png);
  194. border-left: 1px solid #848684;
  195. }
  196. .mblSwitchTextRight {
  197. background-image: url(compat/switch-gray-bg.png);
  198. left: 35px;
  199. border-right: 1px solid #848684;
  200. }
  201. /* Icon Content Heading */
  202. .mblIconContentHeading {
  203. background-image: url(compat/icon-content-heading-bg.png);
  204. }
  205. /* dojox.mobile.Button */
  206. .mblBlueButton {
  207. background-image: url(compat/blue-button-bg.png);
  208. }
  209. .mblBlueButtonSelected {
  210. background-image: url(compat/blue-button-sel-bg.png);
  211. }
  212. /* Tab Container */
  213. .mblTabPanelHeader {
  214. }
  215. .mblTabButton {
  216. background-image: url(compat/tab-button-bg.png);
  217. }
  218. .mblTabButtonSelected {
  219. background-image: url(compat/tab-sel-button-bg.png);
  220. }
  221. *html .mblTabButton { /* IE6 hack */
  222. behavior: expression(
  223. (function(el){
  224. if(!el.previousSibling)
  225. el.style.borderWidth = "1px";
  226. el.style.behavior = "none";
  227. })(this)
  228. );
  229. }
  230. /* Progress Indicator */
  231. .mblProg {
  232. position: absolute;
  233. top: 0px;
  234. width: 4px;
  235. font-size: 1px;
  236. height: 36px;
  237. overflow: hidden;
  238. background-color: #C0C0C0;
  239. }
  240. .mblProg0 {
  241. left: 0px;
  242. }
  243. .mblProg1 {
  244. left: 8px;
  245. }
  246. .mblProg2 {
  247. left: 16px;
  248. }
  249. .mblProg3 {
  250. left: 24px;
  251. }
  252. .mblProg4 {
  253. left: 32px;
  254. }
  255. .mblProg5 {
  256. left: 40px;
  257. }
  258. .mblProg6 {
  259. left: 48px;
  260. }
  261. .mblProg7 {
  262. left: 56px;
  263. }
  264. .mblProg8 {
  265. left: 64px;
  266. }
  267. .mblProg9 {
  268. left: 72px;
  269. }
  270. .mblProg10 {
  271. left: 80px;
  272. }
  273. .mblProg11 {
  274. left: 80px;
  275. }