style.css 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. /* Cell Component */
  2. /* Header Component */
  3. /* Button Component */
  4. /* Tab Item Component */
  5. /* Tabbar Component */
  6. /* Navbar Component */
  7. /* Checklist Component */
  8. /* Radio Component */
  9. /* z-index */
  10. .mint-indexlist {
  11. width: 100%;
  12. position: relative;
  13. overflow: hidden
  14. }
  15. .mint-indexlist-content {
  16. margin: 0;
  17. padding: 0;
  18. overflow: auto
  19. }
  20. .mint-indexlist-nav {
  21. position: absolute;
  22. top: 0;
  23. bottom: 0;
  24. right: 0;
  25. margin: 0;
  26. background-color: #fff;
  27. border-left: solid 1px #ddd;
  28. text-align: center;
  29. max-height: 100%;
  30. display: -webkit-box;
  31. display: -ms-flexbox;
  32. display: flex;
  33. -webkit-box-orient: vertical;
  34. -webkit-box-direction: normal;
  35. -ms-flex-direction: column;
  36. flex-direction: column;
  37. -webkit-box-pack: center;
  38. -ms-flex-pack: center;
  39. justify-content: center
  40. }
  41. .mint-indexlist-navlist {
  42. padding: 0;
  43. margin: 0;
  44. list-style: none;
  45. max-height: 100%;
  46. display: -webkit-box;
  47. display: -ms-flexbox;
  48. display: flex;
  49. -webkit-box-orient: vertical;
  50. -webkit-box-direction: normal;
  51. -ms-flex-direction: column;
  52. flex-direction: column
  53. }
  54. .mint-indexlist-navitem {
  55. padding: 2px 6px;
  56. font-size: 12px;
  57. -webkit-user-select: none;
  58. -moz-user-select: none;
  59. -ms-user-select: none;
  60. user-select: none;
  61. -webkit-touch-callout: none
  62. }
  63. .mint-indexlist-indicator {
  64. position: absolute;
  65. width: 50px;
  66. height: 50px;
  67. top: 50%;
  68. left: 50%;
  69. -webkit-transform: translate(-50%, -50%);
  70. transform: translate(-50%, -50%);
  71. text-align: center;
  72. line-height: 50px;
  73. background-color: rgba(0, 0, 0, .7);
  74. border-radius: 5px;
  75. color: #fff;
  76. font-size: 22px
  77. }