mui.indexedlist.css 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112
  1. .mui-indexed-list {
  2. position: relative;
  3. border-top: solid 1px #e3e3e3;
  4. border-bottom: solid 1px #e3e3e3;
  5. overflow: hidden;
  6. background-color: #fafafa;
  7. height: 300px;
  8. cursor: default;
  9. }
  10. .mui-indexed-list-inner {
  11. margin: 0px;
  12. padding: 0px;
  13. overflow-y: auto;
  14. border: none;
  15. }
  16. .mui-indexed-list-inner::-webkit-scrollbar {
  17. width: 0px;
  18. height: 0px;
  19. visibility: hidden;
  20. }
  21. .mui-indexed-list-empty-alert,
  22. .mui-indexed-list-inner.empty ul {
  23. display: none;
  24. }
  25. .mui-indexed-list-inner.empty .mui-indexed-list-empty-alert {
  26. display: block;
  27. }
  28. .mui-indexed-list-empty-alert {
  29. padding: 30px 15px;
  30. text-align: center;
  31. color: #ccc;
  32. padding-right: 45px;
  33. }
  34. .mui-ios .mui-indexed-list-inner {
  35. width: calc(100% + 10px);
  36. }
  37. .mui-indexed-list-group,
  38. .mui-indexed-list-item {
  39. padding-right: 45px;
  40. }
  41. .mui-ios .mui-indexed-list-group,
  42. .mui-ios .mui-indexed-list-item,
  43. .mui-ios .mui-indexed-list-empty-alert {
  44. padding-right: 55px;
  45. }
  46. .mui-indexed-list-group {
  47. background-color: #f7f7f7;
  48. }
  49. .mui-indexed-list-group {
  50. padding-top: 3px;
  51. padding-bottom: 3px;
  52. }
  53. .mui-indexed-list-search {
  54. border-bottom: solid 1px #e3e3e3;
  55. z-index: 15;
  56. }
  57. .mui-indexed-list-search.mui-search:before {
  58. margin-top: -10px;
  59. }
  60. .mui-indexed-list-search input {
  61. border-radius: 0px;
  62. margin: 0px;
  63. background-color: #fafafa;
  64. }
  65. .mui-indexed-list-bar {
  66. width: 23px;
  67. background-color: lightgrey;
  68. position: absolute;
  69. height: 100%;
  70. z-index: 10;
  71. right: 0px;
  72. -webkit-transition: .2s;
  73. }
  74. .mui-indexed-list-bar a {
  75. display: block;
  76. text-align: center;
  77. font-size: 11px;
  78. padding: 0px;
  79. margin: 0px;
  80. line-height: 15px;
  81. color: #aaa;
  82. }
  83. .mui-indexed-list-bar.active {
  84. background-color: rgb(200,200,200);
  85. }
  86. .mui-indexed-list-bar.active a {
  87. color: #333;
  88. }
  89. .mui-indexed-list-bar.active a.active {
  90. color: #007aff;
  91. }
  92. .mui-indexed-list-alert {
  93. position: absolute;
  94. z-index: 20;
  95. background-color: rgba(0, 0, 0, 0.5);
  96. width: 80px;
  97. height: 80px;
  98. left: 50%;
  99. top: 50%;
  100. margin-left: -40px;
  101. margin-top: -40px;
  102. border-radius: 40px;
  103. text-align: center;
  104. line-height: 80px;
  105. font-size: 35px;
  106. color: #fff;
  107. display: none;
  108. -webkit-transition: .2s;
  109. }
  110. .mui-indexed-list-alert.active {
  111. display: block;
  112. }