jquery.fullPage.css 2.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119
  1. /*!
  2. * fullPage 2.9.2
  3. * https://github.com/alvarotrigo/fullPage.js
  4. * MIT licensed
  5. *
  6. * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
  7. */
  8. .fp-section {
  9. position: relative;
  10. -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */
  11. -moz-box-sizing: border-box; /* <=28 */
  12. box-sizing: border-box;
  13. }
  14. .fp-slide {
  15. float: left;
  16. }
  17. .fp-slide, .fp-slidesContainer {
  18. height: 100%;
  19. display: block;
  20. }
  21. .fp-slides {
  22. z-index:1;
  23. height: 100%;
  24. overflow: hidden;
  25. position: relative;
  26. -webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */
  27. transition: all 0.3s ease-out;
  28. }
  29. .fp-section.fp-table, .fp-slide.fp-table {
  30. display: table;
  31. table-layout:fixed;
  32. width: 100%;
  33. }
  34. .fp-tableCell {
  35. display: table-cell;
  36. vertical-align: middle;
  37. width: 100%;
  38. height: 100%;
  39. }
  40. .fp-slidesContainer {
  41. float: left;
  42. position: relative;
  43. }
  44. .fp-controlArrow {
  45. -webkit-user-select: none; /* webkit (safari, chrome) browsers */
  46. -moz-user-select: none; /* mozilla browsers */
  47. -khtml-user-select: none; /* webkit (konqueror) browsers */
  48. -ms-user-select: none; /* IE10+ */
  49. position: absolute;
  50. z-index: 4;
  51. top: 50%;
  52. cursor: pointer;
  53. width: 0;
  54. height: 0;
  55. border-style: solid;
  56. margin-top: -38px;
  57. -webkit-transform: translate3d(0,0,0);
  58. -ms-transform: translate3d(0,0,0);
  59. transform: translate3d(0,0,0);
  60. }
  61. .fp-controlArrow.fp-prev {
  62. left: 0px;
  63. width: 0;
  64. border-width: 25px 30px 25px 0;
  65. border-color: transparent black transparent transparent;
  66. -webkit-transition: border-color .2s;
  67. -moz-transition: border-color .2s;
  68. -o-transition: border-color .2s;
  69. transition: border-color .2s;
  70. }
  71. .fp-controlArrow.fp-prev:hover {
  72. border-color: transparent #FF3F00 transparent transparent;
  73. -webkit-transition: border-color .2s;
  74. -moz-transition: border-color .2s;
  75. -o-transition: border-color .2s;
  76. transition: border-color .2s;
  77. }
  78. .fp-controlArrow.fp-next {
  79. right: 0px;
  80. border-width: 25px 0 25px 30px;
  81. border-color: transparent transparent transparent black;
  82. -webkit-transition: border-color .2s;
  83. -moz-transition: border-color .2s;
  84. -o-transition: border-color .2s;
  85. transition: border-color .2s;
  86. }
  87. .fp-controlArrow.fp-next:hover {
  88. border-color: transparent transparent transparent #FF3F00;
  89. -webkit-transition: border-color .2s;
  90. -moz-transition: border-color .2s;
  91. -o-transition: border-color .2s;
  92. transition: border-color .2s;
  93. }
  94. .fp-auto-heigh .fp-section,
  95. .fp-auto-height .fp-slide,
  96. .fp-auto-height .fp-tableCell{
  97. height: auto !important;
  98. }
  99. .fp-responsive .fp-auto-height-responsive.fp-section,
  100. .fp-responsive .fp-auto-height-responsive .fp-slide,
  101. .fp-responsive .fp-auto-height-responsive .fp-tableCell {
  102. height: auto !important;
  103. }
  104. .iScrollVerticalScrollbar{
  105. visibility: hidden;
  106. }