.king-addons-pl-page-list { display: flex; margin: 0; padding: 0; list-style: none; } .king-addons-pl-page-list li { font-size: 0; text-align: left; } .king-addons-pl-page-list li a { display: inline-block; cursor: pointer; text-decoration: none; } .king-addons-pl-page-list p { margin: 0; } .king-addons-pl-page-list i, .king-addons-pl-page-list i:before { display: inline-flex; align-items: flex-start; justify-content: center; width: 100%; height: 100%; } .king-addons-pl-page-list .king-addons-pl-page-list-item { display: inline-flex; align-items: center; justify-content: flex-start; } .king-addons-pl-page-list-item { line-height: 1.5; } .king-addons-pl-page-list-item-icon { display: inline-flex; align-items: center; justify-content: center; margin-right: 5px; } .king-addons-pl-page-list-item-icon i { font-size: 25px; display: inline-flex; align-items: center; justify-content: center; } .king-addons-pl-page-list-horizontal .king-addons-pl-page-list { flex-wrap: wrap; } .king-addons-pl-page-list-vertical .king-addons-pl-page-list { flex-direction: column; } .king-addons-pl-page-list-vertical .king-addons-pl-sub-page { padding-left: 20px; } .king-addons-pl-pl-icon-top .king-addons-pl-page-list-item-icon { margin-bottom: auto; } .king-addons-pl-pl-icon-bottom .king-addons-pl-page-list-item-icon { margin-top: auto; } .king-addons-pl-pl-badge-top .king-addons-pl-page-list-item-badge { margin-bottom: auto; } .king-addons-pl-pl-badge-bottom .king-addons-pl-page-list-item-badge { margin-top: auto; } .king-addons-pl-page-list-item-badge { padding: 3px 5px; background-color: rgb(255, 0, 179); } .king-addons-pl-pl-badge-anim-yes .king-addons-pl-page-list-item-badge { animation: king-addons-pl-anim-badgeFade 2s ease-in-out infinite; } @keyframes king-addons-pl-anim-badgeFade { 0% { opacity: 1 } 50% { opacity: 0.5 } 0% { opacity: 1 } } .king-addons-pl-pointer-item { position: relative; } .king-addons-pl-pointer-double-line .king-addons-pl-pointer-item:before, .king-addons-pl-pointer-double-line .king-addons-pl-pointer-item:after, .king-addons-pl-pointer-underline .king-addons-pl-pointer-item:after, .king-addons-pl-pointer-overline .king-addons-pl-pointer-item:before { z-index: 2; left: 0; display: block; width: 100%; height: 4px; content: ''; background-color: #55595c; } .king-addons-pl-pointer-anim-none .king-addons-pl-pointer-item:before, .king-addons-pl-pointer-anim-none .king-addons-pl-pointer-item:after { transition: none !important; opacity: 0; } .king-addons-pl-pointer-anim-none .king-addons-pl-pointer-item:hover:before, .king-addons-pl-pointer-anim-none .king-addons-pl-pointer-item:hover:after { opacity: 1; } .king-addons-pl-pointer-anim-fade .king-addons-pl-pointer-item:before, .king-addons-pl-pointer-line-anim.king-addons-pl-pointer-anim-fade .king-addons-pl-pointer-item:after, .king-addons-pl-pointer-line-anim.king-addons-pl-pointer-anim-grow .king-addons-pl-pointer-item:before, .king-addons-pl-pointer-line-anim.king-addons-pl-pointer-anim-grow .king-addons-pl-pointer-item:after, .king-addons-pl-pointer-line-anim.king-addons-pl-pointer-anim-drop .king-addons-pl-pointer-item:before, .king-addons-pl-pointer-line-anim.king-addons-pl-pointer-anim-drop .king-addons-pl-pointer-item:after { transition: all 0.3s; opacity: 0; } .king-addons-pl-pointer-line-anim.king-addons-pl-pointer-anim-fade .king-addons-pl-pointer-item:hover:before, .king-addons-pl-pointer-line-anim.king-addons-pl-pointer-anim-fade .king-addons-pl-pointer-item:hover:after { opacity: 1; } .king-addons-pl-pointer-line-anim.king-addons-pl-pointer-anim-slide .king-addons-pl-pointer-item:before, .king-addons-pl-pointer-line-anim.king-addons-pl-pointer-anim-slide .king-addons-pl-pointer-item:after { width: 0; transition: all 0.3s cubic-bezier(.175, .885, .32, 1.075); } .king-addons-pl-pointer-line-anim.king-addons-pl-pointer-anim-slide .king-addons-pl-pointer-item:hover:before, .king-addons-pl-pointer-line-anim.king-addons-pl-pointer-anim-slide .king-addons-pl-pointer-item:hover:after { width: 100%; } .king-addons-pl-pointer-line-anim.king-addons-pl-pointer-anim-grow .king-addons-pl-pointer-item:before, .king-addons-pl-pointer-line-anim.king-addons-pl-pointer-anim-grow .king-addons-pl-pointer-item:after { position: absolute; right: 0; left: 0; width: 0; margin: 0 auto; transition: all 0.3s ease; } .king-addons-pl-pointer-line-anim.king-addons-pl-pointer-anim-grow .king-addons-pl-pointer-item:hover:before, .king-addons-pl-pointer-line-anim.king-addons-pl-pointer-anim-grow .king-addons-pl-pointer-item:hover:after { width: 100%; opacity: 1; } .king-addons-pl-pointer-line-anim.king-addons-pl-pointer-anim-drop .king-addons-pl-pointer-item:before { position: absolute; top: -10px; } .king-addons-pl-pointer-line-anim.king-addons-pl-pointer-anim-drop .king-addons-pl-pointer-item:hover:before { top: 0; opacity: 1; } .king-addons-pl-pointer-line-anim.king-addons-pl-pointer-anim-drop .king-addons-pl-pointer-item:after { position: absolute; bottom: -10px; } .king-addons-pl-pointer-line-anim.king-addons-pl-pointer-anim-drop .king-addons-pl-pointer-item:hover:after { bottom: 0; opacity: 1; } .king-addons-pl-pointer-border-anim .king-addons-pl-pointer-item:before { position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; left: 0; display: block; content: ''; transition: all 0.3s; opacity: 0; border: 2px solid #000000; } .king-addons-pl-pointer-border-anim .king-addons-pl-pointer-item:hover:before { opacity: 1; } .king-addons-pl-pointer-border-anim.king-addons-pl-pointer-anim-grow .king-addons-pl-pointer-item:before, .king-addons-pl-pointer-background-anim.king-addons-pl-pointer-anim-grow .king-addons-pl-pointer-item:before { transform: scale(0.9); } .king-addons-pl-pointer-border-anim.king-addons-pl-pointer-anim-shrink .king-addons-pl-pointer-item:before, .king-addons-pl-pointer-background-anim.king-addons-pl-pointer-anim-shrink .king-addons-pl-pointer-item:before { transform: scale(1.1); } .king-addons-pl-pointer-border-anim.king-addons-pl-pointer-anim-grow .king-addons-pl-pointer-item:hover:before, .king-addons-pl-pointer-border-anim.king-addons-pl-pointer-anim-shrink .king-addons-pl-pointer-item:hover:before, .king-addons-pl-pointer-background-anim.king-addons-pl-pointer-anim-grow .king-addons-pl-pointer-item:hover:before, .king-addons-pl-pointer-background-anim.king-addons-pl-pointer-anim-shrink .king-addons-pl-pointer-item:hover:before, .king-addons-pl-pointer-background-anim.king-addons-pl-pointer-anim-sweep .king-addons-pl-pointer-item:hover:before { transform: scale(1); } .king-addons-pl-pointer-background-anim .king-addons-pl-pointer-item:before { position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; display: block; content: ''; transition: all 0.3s; opacity: 0; background: #000000; } .king-addons-pl-pointer-background-anim .king-addons-pl-pointer-item:hover:before { opacity: 1; } .king-addons-pl-pointer-background-anim.king-addons-pl-pointer-anim-sweep .king-addons-pl-pointer-item:before { transform: translateY(-12%); } .king-addons-pl-pointer-background-anim.king-addons-pl-pointer-anim-skew .king-addons-pl-pointer-item:before { transform: perspective(600px) rotateX(90deg); transform-origin: center bottom 0; } .king-addons-pl-pointer-background-anim.king-addons-pl-pointer-anim-skew .king-addons-pl-pointer-item:hover:before { transform: perspective(600px) rotateX(0deg); }