fullpager.css 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100
  1. .pui-full-page-html, .pui-full-page-html > body {
  2. zoom: 1;
  3. width: 100%;
  4. height: 100%;
  5. max-width: 100%;
  6. min-height: 100%;
  7. overflow: hidden;
  8. }
  9. .pui-full-page-group, .pui-full-page-inline-list {
  10. width: 100%;
  11. height: 100%;
  12. overflow: hidden;
  13. position: relative;
  14. -webkit-overflow-scrolling: touch;
  15. }
  16. .pui-full-page {
  17. width: 100%;
  18. max-width: 100%;
  19. height: 100%;
  20. overflow: hidden;
  21. overflow-x: hidden;
  22. color:#fff;
  23. position: relative;
  24. vertical-align: middle;
  25. display : table;
  26. }
  27. .pui-full-inline-pages {
  28. display: block;
  29. }
  30. .pui-full-page-inline {
  31. width: 100%;
  32. height: 100%;
  33. float: left;
  34. display : table;
  35. }
  36. .pui-full-page-box,
  37. .pui-full-page-inline-box {
  38. display: table-cell;
  39. vertical-align: middle;
  40. text-align: center;
  41. }
  42. .pui-full-page-inline-prev-btn,
  43. .pui-full-page-inline-next-btn {
  44. position: absolute;
  45. top: 45%;
  46. color: red;
  47. display: inline-block;
  48. z-index: 100;
  49. }
  50. .pui-full-page-inline-prev-btn {
  51. left: 48px;
  52. }
  53. .pui-full-page-inline-next-btn {
  54. right: 48px;
  55. }
  56. .pui-full-page-inline-nav {
  57. width: 100%;
  58. text-align: center;
  59. position: absolute;
  60. bottom: 18px;
  61. left: 0;
  62. z-index: 100;
  63. }
  64. .pui-full-page-nav-item.active {
  65. background-color: #71B472;
  66. }
  67. .pui-full-page-nav-item + .pui-full-page-nav-item {
  68. margin-left: 7px;
  69. }
  70. .pui-full-page-group > .pui-full-page-nav {
  71. text-align: center;
  72. vertical-align: middle;
  73. background: none;
  74. display: inline-block;
  75. position: fixed;
  76. top: 45%;
  77. right: 15px;
  78. z-index: 101;
  79. }
  80. .pui-full-page-group > .pui-full-page-nav > .pui-full-page-nav-item {
  81. display: block;
  82. text-align: center;
  83. }
  84. .pui-full-page-group > .pui-full-page-nav > .pui-full-page-nav-item + .pui-full-page-nav-item {
  85. margin: 10px 0 0 0;
  86. }