_onscroll.scss 1.7 KB

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