ListItem.css 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384
  1. @import url("../common/domButtons/DomButtonGrayArrow.css");
  2. @import url("../common/domButtons/DomButtonWhiteCheck.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 7px;
  10. height: 64px;
  11. border-bottom: solid 1px #313431;
  12. background-color: black;
  13. font-size: 21px;
  14. color: white;
  15. line-height: 64px;
  16. }
  17. .mblListItem.mblVariableHeight {
  18. height: auto;
  19. padding: 11px 0px 10px 6px;
  20. line-height: normal;
  21. }
  22. .mblListItem .mblListItemAnchor {
  23. display: block;
  24. height: 100%;
  25. -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  26. background-position: 14px 17px;
  27. text-decoration: none;
  28. padding-right: 7px;
  29. }
  30. .mblListItem .mblListItemAnchor * {
  31. -webkit-tap-highlight-color: rgba(0, 0, 0, 0.2);
  32. }
  33. .mblItemSelected {
  34. background-color: #FFC700;
  35. background-image: -webkit-gradient(linear, left top, left bottom, from(#ad7500), to(#ffaa00), color-stop(0.06, #ffb200), color-stop(0.5, #ffc700));
  36. }
  37. .mblItemSelected .mblListItemAnchor {
  38. color: black;
  39. }
  40. .mblItemSelected .mblDomButton div {
  41. border-color: white;
  42. }
  43. .mblListItemTextBoxSelected {
  44. background-color: #048BF4;
  45. }
  46. .mblListItemIcon {
  47. float: left;
  48. line-height: normal;
  49. margin-top: 17px;
  50. margin-right: 11px;
  51. }
  52. .mblListItemSpriteIcon {
  53. position: absolute;
  54. margin-top: 7px;
  55. margin-left: 8px;
  56. }
  57. .mblListItemRightIcon, .mblListItemRightIcon2 {
  58. position: relative;
  59. float: right;
  60. line-height: normal;
  61. margin-top: 17px;
  62. margin-bottom: -17px;
  63. }
  64. .mblListItemRightText {
  65. position: relative;
  66. float: right;
  67. line-height: normal;
  68. color: white;
  69. margin: 20px 4px 0 0;
  70. }
  71. .mblListItemTextBox {
  72. overflow: hidden;
  73. white-space: nowrap;
  74. text-overflow: ellipsis;
  75. }
  76. .mblVariableHeight .mblListItemTextBox {
  77. white-space: normal;
  78. }
  79. .mblListItemSubText {
  80. font-size: 14px;
  81. color: gray;
  82. }