main
liudan
2 years ago
parent
a7854f75ca
commit
17d5cd70dc
@ -1,323 +1,247 @@ |
||||
/*! |
||||
* fullPage 4.0.15 |
||||
* fullPage 2.9.4 |
||||
* https://github.com/alvarotrigo/fullPage.js |
||||
* MIT licensed |
||||
* |
||||
* @license GPLv3 for open source use only |
||||
* or Fullpage Commercial License for commercial use |
||||
* http://alvarotrigo.com/fullPage/pricing/ |
||||
* |
||||
* Copyright (C) 2021 http://alvarotrigo.com/fullPage - A project by Alvaro Trigo |
||||
* Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo |
||||
*/ |
||||
html.fp-enabled, |
||||
.fp-enabled body { |
||||
margin: 0; |
||||
padding: 0; |
||||
overflow:hidden; |
||||
|
||||
/*Avoid flicker on slides transitions for mobile phones #336 */ |
||||
-webkit-tap-highlight-color: rgba(0,0,0,0); |
||||
} |
||||
.fp-section { |
||||
position: relative; |
||||
-webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */ |
||||
-moz-box-sizing: border-box; /* <=28 */ |
||||
box-sizing: border-box; |
||||
height: 100%; |
||||
display: block; |
||||
} |
||||
.fp-slide { |
||||
float: left; |
||||
} |
||||
.fp-slide, .fp-slidesContainer { |
||||
height: 100%; |
||||
display: block; |
||||
} |
||||
.fp-slides { |
||||
z-index:1; |
||||
height: 100%; |
||||
overflow: hidden; |
||||
position: relative; |
||||
-webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */ |
||||
transition: all 0.3s ease-out; |
||||
} |
||||
.fp-table{ |
||||
display: flex; |
||||
flex-direction: column; |
||||
justify-content: center; |
||||
width: 100%; |
||||
} |
||||
.fp-slidesContainer { |
||||
float: left; |
||||
position: relative; |
||||
} |
||||
.fp-controlArrow { |
||||
-webkit-user-select: none; /* webkit (safari, chrome) browsers */ |
||||
-moz-user-select: none; /* mozilla browsers */ |
||||
-khtml-user-select: none; /* webkit (konqueror) browsers */ |
||||
-ms-user-select: none; /* IE10+ */ |
||||
position: absolute; |
||||
z-index: 4; |
||||
top: 50%; |
||||
cursor: pointer; |
||||
margin-top: -38px; |
||||
-webkit-transform: translate3d(0,0,0); |
||||
-ms-transform: translate3d(0,0,0); |
||||
transform: translate3d(0,0,0); |
||||
} |
||||
.fp-prev{ |
||||
left: 15px; |
||||
} |
||||
.fp-next{ |
||||
right: 15px; |
||||
} |
||||
.fp-arrow{ |
||||
width: 0; |
||||
height: 0; |
||||
border-style: solid; |
||||
} |
||||
.fp-arrow.fp-prev { |
||||
border-width: 38.5px 34px 38.5px 0; |
||||
border-color: transparent #fff transparent transparent; |
||||
} |
||||
.fp-arrow.fp-next { |
||||
border-width: 38.5px 0 38.5px 34px; |
||||
border-color: transparent transparent transparent #fff; |
||||
} |
||||
.fp-notransition { |
||||
-webkit-transition: none !important; |
||||
transition: none !important; |
||||
} |
||||
#fp-nav { |
||||
position: fixed; |
||||
z-index: 100; |
||||
top: 50%; |
||||
opacity: 1; |
||||
transform: translateY(-50%); |
||||
-ms-transform: translateY(-50%); |
||||
-webkit-transform: translate3d(0,-50%,0); |
||||
} |
||||
#fp-nav.fp-right { |
||||
right: 17px; |
||||
} |
||||
#fp-nav.fp-left { |
||||
left: 17px; |
||||
} |
||||
.fp-slidesNav{ |
||||
position: absolute; |
||||
z-index: 4; |
||||
opacity: 1; |
||||
-webkit-transform: translate3d(0,0,0); |
||||
-ms-transform: translate3d(0,0,0); |
||||
transform: translate3d(0,0,0); |
||||
left: 0 !important; |
||||
right: 0; |
||||
margin: 0 auto !important; |
||||
} |
||||
.fp-slidesNav.fp-bottom { |
||||
bottom: 17px; |
||||
} |
||||
.fp-slidesNav.fp-top { |
||||
top: 17px; |
||||
} |
||||
#fp-nav ul, |
||||
.fp-slidesNav ul { |
||||
margin: 0; |
||||
padding: 0; |
||||
} |
||||
#fp-nav ul li, |
||||
.fp-slidesNav ul li { |
||||
display: block; |
||||
/* width: 14px; |
||||
height: 13px; */ |
||||
width: 27px; |
||||
height: 27px; |
||||
margin: 7px; |
||||
position:relative; |
||||
} |
||||
.fp-slidesNav ul li { |
||||
display: inline-block; |
||||
} |
||||
#fp-nav ul li a, |
||||
.fp-slidesNav ul li a { |
||||
display: block; |
||||
position: relative; |
||||
z-index: 1; |
||||
width: 100%; |
||||
height: 100%; |
||||
cursor: pointer; |
||||
text-decoration: none; |
||||
} |
||||
#fp-nav ul li a::after{ |
||||
html.fp-enabled, |
||||
.fp-enabled body { |
||||
margin: 0; |
||||
padding: 0; |
||||
overflow:hidden; |
||||
|
||||
/*Avoid flicker on slides transitions for mobile phones #336 */ |
||||
-webkit-tap-highlight-color: rgba(0,0,0,0); |
||||
} |
||||
#superContainer { |
||||
height: 100%; |
||||
position: relative; |
||||
|
||||
/* Touch detection for Windows 8 */ |
||||
-ms-touch-action: none; |
||||
|
||||
/* IE 11 on Windows Phone 8.1*/ |
||||
touch-action: none; |
||||
} |
||||
.fp-section { |
||||
position: relative; |
||||
-webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */ |
||||
-moz-box-sizing: border-box; /* <=28 */ |
||||
box-sizing: border-box; |
||||
} |
||||
.fp-slide { |
||||
float: left; |
||||
} |
||||
.fp-slide, .fp-slidesContainer { |
||||
height: 100%; |
||||
display: block; |
||||
} |
||||
.fp-slides { |
||||
z-index:1; |
||||
height: 100%; |
||||
overflow: hidden; |
||||
position: relative; |
||||
-webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */ |
||||
transition: all 0.3s ease-out; |
||||
} |
||||
.fp-section.fp-table, .fp-slide.fp-table { |
||||
display: table; |
||||
table-layout:fixed; |
||||
width: 100%; |
||||
} |
||||
.fp-tableCell { |
||||
display: table-cell; |
||||
vertical-align: middle; |
||||
width: 100%; |
||||
height: 100%; |
||||
} |
||||
.fp-slidesContainer { |
||||
float: left; |
||||
position: relative; |
||||
} |
||||
.fp-controlArrow { |
||||
-webkit-user-select: none; /* webkit (safari, chrome) browsers */ |
||||
-moz-user-select: none; /* mozilla browsers */ |
||||
-khtml-user-select: none; /* webkit (konqueror) browsers */ |
||||
-ms-user-select: none; /* IE10+ */ |
||||
position: absolute; |
||||
z-index: 4; |
||||
top: 50%; |
||||
cursor: pointer; |
||||
width: 0; |
||||
height: 0; |
||||
border-style: solid; |
||||
margin-top: -38px; |
||||
-webkit-transform: translate3d(0,0,0); |
||||
-ms-transform: translate3d(0,0,0); |
||||
transform: translate3d(0,0,0); |
||||
} |
||||
.fp-controlArrow.fp-prev { |
||||
left: 15px; |
||||
width: 0; |
||||
border-width: 38.5px 34px 38.5px 0; |
||||
border-color: transparent #fff transparent transparent; |
||||
} |
||||
.fp-controlArrow.fp-next { |
||||
right: 15px; |
||||
border-width: 38.5px 0 38.5px 34px; |
||||
border-color: transparent transparent transparent #fff; |
||||
} |
||||
.fp-scrollable { |
||||
overflow: hidden; |
||||
position: relative; |
||||
} |
||||
.fp-scroller{ |
||||
overflow: hidden; |
||||
} |
||||
.iScrollIndicator{ |
||||
border: 0 !important; |
||||
} |
||||
.fp-notransition { |
||||
-webkit-transition: none !important; |
||||
transition: none !important; |
||||
} |
||||
#fp-nav { |
||||
position: fixed; |
||||
z-index: 100; |
||||
margin-top: -32px; |
||||
top: 50%; |
||||
opacity: 1; |
||||
-webkit-transform: translate3d(0,0,0); |
||||
} |
||||
#fp-nav.right { |
||||
right: 17px; |
||||
} |
||||
#fp-nav.left { |
||||
left: 17px; |
||||
} |
||||
.fp-slidesNav{ |
||||
position: absolute; |
||||
z-index: 4; |
||||
left: 50%; |
||||
opacity: 1; |
||||
-webkit-transform: translate3d(0,0,0); |
||||
-ms-transform: translate3d(0,0,0); |
||||
transform: translate3d(0,0,0); |
||||
} |
||||
.fp-slidesNav.bottom { |
||||
bottom: 17px; |
||||
} |
||||
.fp-slidesNav.top { |
||||
top: 17px; |
||||
} |
||||
#fp-nav ul, |
||||
.fp-slidesNav ul { |
||||
margin: 0; |
||||
padding: 0; |
||||
} |
||||
#fp-nav ul li, |
||||
.fp-slidesNav ul li { |
||||
display: block; |
||||
width: 25px; |
||||
height: 25px; |
||||
margin: 7px; |
||||
position:relative; |
||||
} |
||||
.fp-slidesNav ul li { |
||||
display: inline-block; |
||||
} |
||||
#fp-nav ul li a, |
||||
.fp-slidesNav ul li a { |
||||
display: block; |
||||
position: relative; |
||||
z-index: 1; |
||||
width: 100%; |
||||
height: 100%; |
||||
cursor: pointer; |
||||
text-decoration: none; |
||||
} |
||||
#fp-nav ul li a.active span, |
||||
.fp-slidesNav ul li a.active span, |
||||
#fp-nav ul li:hover a.active span, |
||||
.fp-slidesNav ul li:hover a.active span{ |
||||
height: 30px; |
||||
width: 30px; |
||||
margin: -4px 0 0 -4px; |
||||
/* margin: -6px 0 0 -6px; */ |
||||
border-radius: 100%; |
||||
} |
||||
#fp-nav ul li a span{ |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: center; |
||||
} |
||||
#fp-nav ul li a span, |
||||
.fp-slidesNav ul li a span { |
||||
border-radius: 50%; |
||||
position: absolute; |
||||
z-index: 1; |
||||
height: 100%; |
||||
width: 100%; |
||||
border: 0; |
||||
/* background: #333; */ |
||||
border:1px solid #ffffff; |
||||
/* left: 50%; |
||||
top: 50%; */ |
||||
left:0; |
||||
top:0; |
||||
margin: -2px 0 0 -2px; |
||||
-webkit-transition: all 0.1s ease-in-out; |
||||
-moz-transition: all 0.1s ease-in-out; |
||||
-o-transition: all 0.1s ease-in-out; |
||||
transition: all 0.1s ease-in-out; |
||||
} |
||||
#fp-nav ul li a span::after{ |
||||
width: 10px; |
||||
height: 10px; |
||||
background-color: #ffffff; |
||||
content: ' '; |
||||
position: absolute; |
||||
top: 20px; |
||||
left: 19px; |
||||
white-space: pre; |
||||
border-radius: 50%; |
||||
} |
||||
#fp-nav ul li a.active span, |
||||
.fp-slidesNav ul li a.active span, |
||||
#fp-nav ul li:hover a.active span, |
||||
.fp-slidesNav ul li:hover a.active span{ |
||||
height: 30px; |
||||
width: 30px; |
||||
margin: -6px 0 0 -6px; |
||||
border-radius: 100%; |
||||
} |
||||
#fp-nav ul li a span, |
||||
.fp-slidesNav ul li a span { |
||||
border-radius: 50%; |
||||
position: absolute; |
||||
z-index: 1; |
||||
/* height: 4px; |
||||
width: 4px; */ |
||||
width: 27px; |
||||
height: 27px; |
||||
/* */ |
||||
border: 0; |
||||
background: transparent; |
||||
border:1px solid #ffffff; |
||||
left: 50%; |
||||
top: 50%; |
||||
margin: -2px 0 0 -2px; |
||||
-webkit-transition: all 0.1s ease-in-out; |
||||
-moz-transition: all 0.1s ease-in-out; |
||||
-o-transition: all 0.1s ease-in-out; |
||||
transition: all 0.1s ease-in-out; |
||||
} |
||||
|
||||
#fp-nav ul li:hover a span, |
||||
.fp-slidesNav ul li:hover a span{ |
||||
width: 30px; |
||||
height: 30px; |
||||
margin: -5px 0px 0px -5px; |
||||
} |
||||
#fp-nav ul li .fp-tooltip { |
||||
position: absolute; |
||||
top: -2px; |
||||
color: #fff; |
||||
font-size: 14px; |
||||
font-family: arial, helvetica, sans-serif; |
||||
white-space: nowrap; |
||||
max-width: 220px; |
||||
overflow: hidden; |
||||
display: block; |
||||
opacity: 0; |
||||
width: 0; |
||||
cursor: pointer; |
||||
} |
||||
#fp-nav ul li:hover .fp-tooltip, |
||||
#fp-nav.fp-show-active a.active + .fp-tooltip { |
||||
-webkit-transition: opacity 0.2s ease-in; |
||||
transition: opacity 0.2s ease-in; |
||||
width: auto; |
||||
opacity: 1; |
||||
} |
||||
#fp-nav ul li .fp-tooltip.fp-right { |
||||
right: 20px; |
||||
} |
||||
#fp-nav ul li .fp-tooltip.fp-left { |
||||
left: 20px; |
||||
} |
||||
.fp-auto-height.fp-section, |
||||
.fp-auto-height .fp-slide{ |
||||
height: auto !important; |
||||
} |
||||
|
||||
.fp-responsive .fp-is-overflow.fp-section{ |
||||
height: auto !important; |
||||
} |
||||
|
||||
/* Used with autoScrolling: false */ |
||||
.fp-scrollable.fp-responsive .fp-is-overflow.fp-section, |
||||
.fp-scrollable .fp-section, |
||||
.fp-scrollable .fp-slide{ |
||||
/* Fallback for browsers that do not support Custom Properties */ |
||||
height: 100vh; |
||||
height: calc(var(--vh, 1vh) * 100); |
||||
} |
||||
|
||||
.fp-scrollable.fp-responsive .fp-is-overflow.fp-section:not(.fp-auto-height):not([data-percentage]), |
||||
.fp-scrollable .fp-section:not(.fp-auto-height):not([data-percentage]), |
||||
.fp-scrollable .fp-slide:not(.fp-auto-height):not([data-percentage]){ |
||||
/* Fallback for browsers that do not support Custom Properties */ |
||||
min-height: 100vh; |
||||
min-height: calc(var(--vh, 1vh) * 100); |
||||
} |
||||
|
||||
/* Disabling vertical centering on scrollable elements */ |
||||
.fp-overflow{ |
||||
justify-content: flex-start; |
||||
max-height: 100%; |
||||
} |
||||
|
||||
.fp-is-overflow .fp-overflow.fp-auto-height-responsive, |
||||
.fp-is-overflow .fp-overflow.fp-auto-height, |
||||
.fp-is-overflow > .fp-overflow{ |
||||
overflow-y: auto; |
||||
} |
||||
.fp-overflow{ |
||||
outline:none; |
||||
} |
||||
|
||||
.fp-overflow.fp-table{ |
||||
display: block; |
||||
} |
||||
|
||||
.fp-responsive .fp-auto-height-responsive.fp-section, |
||||
.fp-responsive .fp-auto-height-responsive .fp-slide{ |
||||
height: auto !important; |
||||
min-height: auto !important; |
||||
} |
||||
|
||||
/*Only display content to screen readers*/ |
||||
.fp-sr-only{ |
||||
position: absolute; |
||||
width: 1px; |
||||
height: 1px; |
||||
padding: 0; |
||||
overflow: hidden; |
||||
clip: rect(0, 0, 0, 0); |
||||
white-space: nowrap; |
||||
border: 0; |
||||
} |
||||
position: absolute; |
||||
} |
||||
#fp-nav ul li:hover a span, |
||||
.fp-slidesNav ul li:hover a span{ |
||||
width: 30px; |
||||
height: 30px; |
||||
margin: -5px 0px 0px -5px; |
||||
} |
||||
#fp-nav ul li .fp-tooltip { |
||||
position: absolute; |
||||
top: -2px; |
||||
color: #fff; |
||||
font-size: 14px; |
||||
font-family: arial, helvetica, sans-serif; |
||||
white-space: nowrap; |
||||
max-width: 220px; |
||||
overflow: hidden; |
||||
display: block; |
||||
opacity: 0; |
||||
width: 0; |
||||
cursor: pointer; |
||||
} |
||||
#fp-nav ul li:hover .fp-tooltip, |
||||
#fp-nav.fp-show-active a.active + .fp-tooltip { |
||||
-webkit-transition: opacity 0.2s ease-in; |
||||
transition: opacity 0.2s ease-in; |
||||
width: auto; |
||||
opacity: 1; |
||||
} |
||||
#fp-nav ul li .fp-tooltip.right { |
||||
right: 20px; |
||||
} |
||||
#fp-nav ul li .fp-tooltip.left { |
||||
left: 20px; |
||||
} |
||||
.fp-auto-height.fp-section, |
||||
.fp-auto-height .fp-slide, |
||||
.fp-auto-height .fp-tableCell{ |
||||
height: auto !important; |
||||
} |
||||
|
||||
|
||||
/* Customize website's scrollbar like Mac OS |
||||
Not supports in Firefox and IE */ |
||||
.fp-scroll-mac .fp-overflow::-webkit-scrollbar { |
||||
background-color: transparent; |
||||
width: 9px; |
||||
} |
||||
.fp-scroll-mac .fp-overflow::-webkit-scrollbar-track { |
||||
background-color: transparent; |
||||
} |
||||
.fp-scroll-mac .fp-overflow::-webkit-scrollbar-thumb { |
||||
background-color: rgba(0,0,0,.4); |
||||
border-radius: 16px; |
||||
border: 4px solid transparent; |
||||
} |
||||
.fp-warning, |
||||
.fp-watermark{ |
||||
z-index: 9999999; |
||||
position: absolute; |
||||
bottom: 0; |
||||
} |
||||
.fp-warning, |
||||
.fp-watermark a{ |
||||
text-decoration: none; |
||||
color: #000; |
||||
background: rgba(255,255,255,0.6); |
||||
padding: 5px 8px; |
||||
font-size: 14px; |
||||
font-family: arial; |
||||
color: black; |
||||
display: inline-block; |
||||
border-radius: 3px; |
||||
margin: 12px; |
||||
} |
||||
.fp-noscroll .fp-overflow{ |
||||
overflow: hidden; |
||||
} |
||||
.fp-responsive .fp-auto-height-responsive.fp-section, |
||||
.fp-responsive .fp-auto-height-responsive .fp-slide, |
||||
.fp-responsive .fp-auto-height-responsive .fp-tableCell { |
||||
height: auto !important; |
||||
} |
||||
|
After Width: | Height: | Size: 5.5 KiB |
|
After Width: | Height: | Size: 2.4 KiB |
File diff suppressed because one or more lines are too long
Loading…
Reference in new issue