FileMaster
Search
Toggle Dark Mode
Home
/
.
/
kiara
/
wp-content
/
plugins
/
premium-addons-for-elementor
/
assets
/
frontend
/
css
Edit File: premium-person.css
/************ Premium Team Members ************/ /**********************************************/ .premium-person-container { position: relative; } .premium-person-image-container { position: relative; text-align: center; overflow: hidden; } .premium-person-image-container .premium-person-image-wrap { overflow: hidden; } .premium-person-zoomout-effect .premium-person-image-container img, .premium-person-scale-effect .premium-person-image-container img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .premium-person-sepia-effect .premium-person-image-container img { -webkit-filter: sepia(30%); filter: sepia(30%); } .premium-person-bright-effect .premium-person-image-container img { -webkit-filter: brightness(1); filter: brightness(1); } .premium-person-trans-effect .premium-person-image-container img { -webkit-transform: translateX(-15px) scale(1.1); -ms-transform: translateX(-15px) scale(1.1); transform: translateX(-15px) scale(1.1); } .premium-person-zoomin-effect:hover .premium-person-image-container img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .premium-person-zoomout-effect:hover .premium-person-image-container img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .premium-person-scale-effect:hover .premium-person-image-container img { -webkit-transform: scale(1.3) rotate(5deg); -ms-transform: scale(1.3) rotate(5deg); transform: scale(1.3) rotate(5deg); } .premium-person-grayscale-effect:hover .premium-person-image-container img { -webkit-filter: grayscale(100%); filter: grayscale(100%); } .premium-person-blur-effect:hover .premium-person-image-container img { -webkit-filter: blur(3px); filter: blur(3px); } .premium-person-sepia-effect:hover .premium-person-image-container img { -webkit-filter: sepia(0%); filter: sepia(0%); } .premium-person-bright-effect:hover .premium-person-image-container img { -webkit-filter: brightness(1.2); filter: brightness(1.2); } .premium-person-trans-effect:hover .premium-person-image-container img { -webkit-transform: translateX(0px) scale(1.1); -ms-transform: translateX(0px) scale(1.1); transform: translateX(0px) scale(1.1); } .premium-person-container .premium-person-image-container img { width: 100%; height: 100%; display: block; object-fit: cover; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .premium-person-style2 .premium-person-social { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; box-shadow: inset 0 0 120px 0 rgba(0, 0, 0, 0.5); -webkit-transition: all 0.5s linear 0s; transition: all 0.5s linear 0s; opacity: 0; } .premium-person-style2 .premium-person-image-container:hover .premium-person-social { opacity: 1; } .premium-person-list-item a { display: inline-block; } .premium-person-style2 .premium-person-list-item a { opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s; } .premium-person-style2 .premium-person-image-container:hover .premium-person-list-item a { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .premium-person-info-container { padding: 30px 15px; } .premium-person-name { margin: 0 0 5px; font-weight: 700; -webkit-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; } .premium-person-title { margin: 0 0 20px; padding: 0; } .premium-person-content { margin: 0 0 30px; } /*Override Theme List Margin*/ ul.premium-person-social-list { margin: 0px !important; padding: 0; } .premium-person-social-list .premium-person-list-item { display: inline; list-style: none; } .premium-person-social-list li { position: relative; bottom: 0px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .premium-person-social-list li i { position: relative; bottom: 0px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .premium-person-defaults-yes li.premium-person-facebook:hover a { background-color: #3b5998 !important; } .premium-person-defaults-yes li.premium-person-twitter:hover a { background-color: #55acee !important; } .premium-person-defaults-yes li.premium-person-linkedin:hover a { background-color: #0077b5 !important; } .premium-person-defaults-yes li.premium-person-google:hover a { background-color: #dc4e41 !important; } .premium-person-defaults-yes li.premium-person-youtube:hover a { background-color: #b31217 !important; } .premium-person-defaults-yes li.premium-person-instagram:hover a { background-color: #e4405f !important; } .premium-person-defaults-yes li.premium-person-skype:hover a { background-color: #00aff0 !important; } .premium-person-defaults-yes li.premium-person-pinterest:hover a { background-color: #bd081c !important; } .premium-person-defaults-yes li.premium-person-dribbble:hover a { background-color: #ea4c89 !important; } .premium-person-defaults-yes li.premium-person-mail:hover a { background-color: #b23121 !important; } .premium-person-defaults-yes li.premium-person-behance:hover a { background-color: #1769ff !important; } .premium-person-defaults-yes li.premium-person-whatsapp:hover a { background-color: #25d366 !important; } .premium-person-defaults-yes li.premium-person-telegram:hover a { background-color: #0088cc !important; } .premium-person-defaults-yes li.premium-person-site:hover a { background-color: #0055a5 !important; } .premium-person-social-list li:hover a { box-shadow: none; } .premium-person-social-list li a:focus { box-shadow: none; outline: none; } .premium-person-social-list li i { font-size: 18px; } .elementor-widget-premium-addon-person { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .elementor-widget-premium-addon-person .elementor-widget-container { width: 100%; } .premium-persons-container.multiple-persons { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } .premium-person-style1 .premium-person-container { overflow: hidden; } .premium-person-style1 .premium-person-container .premium-person-info { position: absolute; top: auto; right: 0; left: 0; -webkit-transition: all 500ms ease 0s; transition: all 500ms ease 0s; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } .premium-person-style1 .premium-person-container:hover .premium-person-info { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); bottom: -1px !important; } .premium-person-style1 .premium-person-social-list li:hover { bottom: 5px; } .premium-person-style1.multiple-persons:not([data-persons-equal=yes]) { -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .premium-person-style1 .slick-track { display: -webkit-flex; display: -ms-flexbox; display: flex; } .premium-person-style1 .slick-slide { height: inherit !important; } .premium-person-style3 .premium-person-info-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .premium-person-style3 .premium-person-title-desc-wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .premium-person-style3 .premium-person-name-icons-wrap { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .premium-person-style3 .premium-person-title { opacity: 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; width: 0; } .premium-person-style3 .premium-person-title span { display: inline-block; } .premium-person-style3 .premium-person-name { padding-left: 10px; } .premium-person-style3 .premium-person-social-list { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); opacity: 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .premium-person-style3 .premium-person-list-item { line-height: 0; } .premium-person-style3 .premium-person-list-item a { padding: 5px 10px 0 0; margin: 5px 0; } .premium-person-style3 .premium-person-container:hover .premium-person-title { opacity: 1; } .premium-person-style3 .premium-person-container:hover .premium-person-social-list { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .premium-persons-title-cw .premium-person-title { -webkit-transform: translateX(15px) rotate(90deg); -ms-transform: translateX(15px) rotate(90deg); transform: translateX(15px) rotate(90deg); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; } .premium-persons-title-cw .premium-person-container:hover .premium-person-title { -webkit-transform: translateX(0) rotate(90deg); -ms-transform: translateX(0) rotate(90deg); transform: translateX(0) rotate(90deg); } .premium-persons-title-ccw .premium-person-title { width: auto; margin-right: 20px; -webkit-transform: translateX(15px) rotate(-90deg); -ms-transform: translateX(15px) rotate(-90deg); transform: translateX(15px) rotate(-90deg); -webkit-transform-origin: center right; -ms-transform-origin: center right; transform-origin: center right; } .premium-persons-title-ccw .premium-person-container:hover .premium-person-title { -webkit-transform: translateX(0) rotate(-90deg); -ms-transform: translateX(0) rotate(-90deg); transform: translateX(0) rotate(-90deg); }
Save
Back