yqb/lib/template/framework/share/share.css

Static Package Manager

/* 
 * 分享组件
 * author: <%= author %>
 * version: <%= version %>
 * website: http://www.431103.com
 */

.paf-share { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 9999; display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: center; -webkit-box-align: center; background: rgba(0, 0, 0, 0.4); }
.paf-share-box { width: 90%; -webkit-background-clip: padding-box; background-clip: padding-box; pointer-events: auto; background-color: #fff; position: relative; font-size: 16px; }
.paf-share-header { height: 40px; line-height: 40px; text-align: center; position: relative; }
.paf-close { float: right; font-size: 40px; line-height: 1; color: #0080DE; text-shadow: 0 1px 0 #fff; -webkit-appearance: none; padding: 0; cursor: pointer; background: 0 0; border: 0; margin-right: 15px; }
.paf-share-body { padding: 15px; padding-top: 0; }
.paf-share-footer { height: 125px; border-top: 2px solid #007ACE; }
.paf-share-icon { width: 50%; margin: 0 auto; border-radius: 50%; margin-bottom: 10px; }
.paf-share-title { position: relative; height: 44px; line-height: 44px; left: 10px; color: #007ACE; }
.paf-share-list { position: relative; width: 100%; list-style: none; }
.paf-share-list li { float: left; text-align: center; width: 25%; font-size: 0.8rem; line-height: 1.8rem; }
.paf-share-list li img { height: 40px; margin: 0 auto; }
.paf-qrcode { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .4); padding: 20% 0; display: none; }
.paf-qrcode-content { position: relative; text-align: center; padding-top: 10%; background-color: #fff; }
.paf-qrcode-desc { background-color: #fff; padding: 5% 10%; }

/*animate.css*/
.animated { -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
@-webkit-keyframes zoomIn {
	from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); }
	50% { opacity: 1; }
}
@keyframes zoomIn {
	from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); }
	50% { opacity: 1; }
}
.zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; }