_onscroll.scss 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596
  1. body, html {
  2. margin: 0;
  3. overflow: hidden;
  4. -webkit-transition: opacity 400ms;
  5. transition: opacity 400ms;
  6. }
  7. body, .onepage-wrapper, html {
  8. display: block;
  9. position: static;
  10. padding: 0;
  11. width: 100%;
  12. height: 100%;
  13. }
  14. .onepage-wrapper {
  15. width: 100%;
  16. height: 100%;
  17. display: block;
  18. position: relative;
  19. padding: 0;
  20. -webkit-transform-style: preserve-3d;
  21. }
  22. header{
  23. position: fixed!important;
  24. }
  25. .onepage-wrapper .section {
  26. width: 100%;
  27. height: 100%;
  28. }
  29. .onepage-pagination {
  30. position: absolute;
  31. right: 10px;
  32. top: 50%;
  33. z-index: 5;
  34. list-style: none;
  35. margin: 0;
  36. padding: 0;
  37. }
  38. .onepage-pagination li {
  39. padding: 0;
  40. text-align: center;
  41. }
  42. .onepage-pagination li a{
  43. padding: 10px;
  44. width: 4px;
  45. height: 4px;
  46. display: block;
  47. }
  48. .onepage-pagination li a:before{
  49. content: '';
  50. position: absolute;
  51. width: 4px;
  52. height: 4px;
  53. background: rgba(0,0,0,0.85);
  54. border-radius: 10px;
  55. -webkit-border-radius: 10px;
  56. -moz-border-radius: 10px;
  57. }
  58. .onepage-pagination li a.active:before{
  59. width: 10px;
  60. height: 10px;
  61. background: none;
  62. border: 1px solid black;
  63. margin-top: -4px;
  64. left: 8px;
  65. }
  66. .disabled-onepage-scroll, .disabled-onepage-scroll .wrapper {
  67. overflow: auto;
  68. }
  69. .disabled-onepage-scroll .onepage-wrapper .section {
  70. position: relative !important;
  71. top: auto !important;
  72. left: auto !important;
  73. }
  74. .disabled-onepage-scroll .onepage-wrapper {
  75. -webkit-transform: none !important;
  76. transform: none !important;
  77. -ms-transform: none !important;
  78. min-height: 100%;
  79. }
  80. .disabled-onepage-scroll .onepage-pagination {
  81. display: none;
  82. }
  83. body.disabled-onepage-scroll, .disabled-onepage-scroll .onepage-wrapper, html {
  84. position: inherit;
  85. }