ListItem.css 1.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. @import url("../common/domButtons/DomButtonGrayArrow.css");
  2. @import url("../common/domButtons/DomButtonDarkBlueCheck.css");
  3. /* dojox.mobile.ListItem */
  4. .mblListItem {
  5. position: relative;
  6. list-style-type: none;
  7. vertical-align: bottom;
  8. /* To avoid IE6 LI bug */
  9. padding: 0px 0px 0px 8px;
  10. height: 43px;
  11. border-bottom: 1px solid #ADAAAD;
  12. font-weight: bold;
  13. color: black;
  14. line-height: 43px;
  15. }
  16. .mblListItem.mblVariableHeight {
  17. height: auto;
  18. padding: 11px 0px 10px 6px;
  19. line-height: normal;
  20. }
  21. .mblListItem .mblListItemAnchor {
  22. display: block;
  23. height: 100%;
  24. -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  25. background-position: 9px 7px;
  26. text-decoration: none;
  27. padding-right: 7px;
  28. }
  29. .mblListItem .mblListItemAnchor * {
  30. -webkit-tap-highlight-color: rgba(0, 0, 0, 0.2);
  31. }
  32. .mblItemSelected {
  33. background-color: #048BF4;
  34. background-image: -webkit-gradient(linear, left top, left bottom, from(#048bf4), to(#005ce5));
  35. }
  36. .mblItemSelected .mblListItemAnchor {
  37. color: white;
  38. }
  39. .mblItemSelected .mblDomButton div {
  40. border-color: white;
  41. }
  42. .mblListItemTextBoxSelected {
  43. background-color: #048BF4;
  44. }
  45. .mblListItemChecked {
  46. color: #314E84;
  47. }
  48. .mblListItemIcon {
  49. float: left;
  50. line-height: normal;
  51. margin-top: 7px;
  52. margin-right: 11px;
  53. }
  54. .mblListItemSpriteIcon {
  55. position: absolute;
  56. margin-top: 7px;
  57. margin-left: 8px;
  58. }
  59. .mblListItemRightIcon, .mblListItemRightIcon2 {
  60. position: relative;
  61. float: right;
  62. line-height: normal;
  63. margin-top: 7px;
  64. margin-bottom: -7px;
  65. }
  66. .mblListItemRightText {
  67. position: relative;
  68. float: right;
  69. line-height: normal;
  70. color: #324F85;
  71. margin: 11px 4px 0 0;
  72. }
  73. .mblListItemTextBox {
  74. overflow: hidden;
  75. white-space: nowrap;
  76. text-overflow: ellipsis;
  77. }
  78. .mblVariableHeight .mblListItemTextBox {
  79. white-space: normal;
  80. }