ListItem.css 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384
  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: 0 0 0 8px;
  10. height: 50px;
  11. border-bottom: 1px solid #b5bcc7;
  12. font-size: 18px;
  13. font-family: Helvetica;
  14. font-weight: normal;
  15. text-shadow: none;
  16. color: #131313;
  17. line-height: 50px;
  18. }
  19. .mblListItem.mblVariableHeight {
  20. height: auto;
  21. padding: 11px 0px 10px 6px;
  22. line-height: normal;
  23. }
  24. .mblListItem .mblListItemAnchor {
  25. display: block;
  26. height: 100%;
  27. -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  28. background-position: 9px 7px;
  29. text-decoration: none;
  30. padding-right: 7px;
  31. }
  32. .mblListItem .mblListItemAnchor * {
  33. -webkit-tap-highlight-color: rgba(0, 0, 0, 0.2);
  34. }
  35. .mblItemSelected {
  36. background-color: #5cb0ff;
  37. background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(3.3333333333333335%, rgba(255, 255, 255, 0.1)), color-stop(0.5, rgba(255, 255, 255, 0.6)), color-stop(1, rgba(255, 255, 255, 0.3)));
  38. }
  39. .mblItemSelected .mblListItemAnchor {
  40. color: #000000;
  41. }
  42. .mblItemSelected .mblDomButton div {
  43. border-color: white;
  44. }
  45. .mblListItemTextBoxSelected {
  46. background-color: #5cb0ff;
  47. }
  48. .mblListItemChecked {
  49. color: #000000;
  50. }
  51. .mblListItemIcon {
  52. float: left;
  53. line-height: normal;
  54. margin-top: 10.5px;
  55. margin-right: 11px;
  56. }
  57. .mblListItemSpriteIcon {
  58. position: absolute;
  59. margin-top: 10.5px;
  60. margin-left: 8px;
  61. }
  62. .mblListItemRightIcon, .mblListItemRightIcon2 {
  63. position: relative;
  64. float: right;
  65. line-height: normal;
  66. margin-top: 10.5px;
  67. }
  68. .mblListItemRightText {
  69. position: relative;
  70. float: right;
  71. line-height: normal;
  72. color: #131313;
  73. margin: 14px 4px 0 0;
  74. }
  75. .mblListItemTextBox {
  76. overflow: hidden;
  77. white-space: nowrap;
  78. text-overflow: ellipsis;
  79. }
  80. .mblVariableHeight .mblListItemTextBox {
  81. white-space: normal;
  82. }