ListItem.css 1.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
  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: 6px;
  10. height: 43px;
  11. border-bottom: solid 1px #DEDFDE;
  12. font-size: 18px;
  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: 14px 17px;
  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: #0869C6;
  34. background-image: -webkit-gradient(linear, left top, left bottom, from(#088eef), to(#0851ad), color-stop(0.5, #0869c6));
  35. }
  36. .mblItemSelected .mblListItemSubText {
  37. color: white;
  38. }
  39. .mblItemSelected .mblListItemAnchor {
  40. color: white;
  41. }
  42. .mblItemSelected .mblDomButton div {
  43. border-color: white;
  44. }
  45. .mblListItemTextBoxSelected {
  46. background-color: #0869C6;
  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: black;
  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. }
  81. .mblListItemSubText {
  82. font-size: 14px;
  83. color: #7B7D48;
  84. }