css Stackla Lightbox - 更好地制作Room.css
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了css Stackla Lightbox - 更好地制作Room.css相关的知识，希望对你有一定的参考价值。
/* --- Stackla popup - General Settings ---*/
.stacklapopup-bg {
opacity: 0.8 !important;
}
.stacklapopup-content-wrap {
background: #fff;
border: thin solid #555;
}
.stacklapopup-content {
font-family: 'Lato', sans-serif !important;
color: #333333 !important;
}
.stacklapopup-image-wrapper.stacklapopup-js-zoom {
background-color: transparent !important;
padding: 0 !important;
}
.stacklapopup-image-wrapper-inner:before, .stacklapopup-video-wrapper-inner:before {
background: #fff !important;
}
/* --------------------------------------- */
/* ------- Twitter buttons --------- */
.stacklapopup-twitter-intent-wrapper {
position: relative;
z-index: 1fff;
top: 26px;
left: 545px;
max-width: 90px !important;
margin: 0 !important;
padding: 0 !important;
}
.stacklapopup-twitter-intent div{
width: 30px !important;
}
.stacklapopup-twitter-intent {
background: transparent !important;
padding: 0px 0px 0px 0px !important;
}
.stacklapopup-twitter-intent a {
background-image: url('https://stackla-web-assets.s3.amazonaws.com/zachdrago.stackla.com/media/images/customimages/2015-04/1428407048/sprites.png') !important;
}
/* -------------------------------- */
/* ------- Close Button ----------- */
.stacklapopup-content .stacklapopup-close {
color: #777 !important;
width: 50px !important;
transition: all .3s ease-in-out;
background-color: transparent;
}
.stacklapopup-content .stacklapopup-close:hover {
color: #ee4742 !important;
}
/* -------------------------------- */
/* ---------- Caption ------------- */
.stacklapopup-caption {
background: #fff !important;
padding-top: 10px !important;
/* text-align: center; */
}
.stacklapopup-caption p {
color: #2e3135 !important;
}
.stacklapopup-caption a {
color: #ee4742 !important;
}
.stacklapopup-caption a:hover {
color: #ee4742 !important;
text-decoration: underline !important;
}
.stacklapopup-caption:after {
color: #ee4742 !important;
}
.stacklapopup-caption:before{
color: #ee4742 !important;
}
/* -------------------------------- */
/* -------- Social source --------- */
.stacklapopup-source-wraper {
display: inline-block;
width: 300px !important;
}
.stacklapopup-source {
background: #fff !important;
color: #aaa !important;
}
/* -------------------------------- */
/* ---------- Interactins/sharing ---------- */
.stacklapopup-interactions-wrapper {
}
.stacklapopup-interactions {
display: table;
background-color: #fff !important;
margin: 0 auto !important;
//float: right;
}
.stacklapopup-sharing a {
font-size: 0px !important;
width: 35px !important;
color: #fff !important;
border: thin solid #fff !important;
}
.stacklapopup-share-list {
background-color: transparent !important;
}
.stacklapopup-shareicon {
//float: none;
// margin-left: auto;
// margin-right: auto;
}
.stacklapopup-share-list li a {
// background-color: #820851 !important;
border: solid thin #ffffff !important;
}
.stacklapopup-interactions li {
transition: all .3s ease-in-out;
}
.stacklapopup-interactions li a:hover {
border: solid thin #000;
}
/* ----------------------------------------- */
/* ---------- User info ------------ */
.stacklapopup-user-info {
padding: 10px 0 20px 10px !important;
}
.stacklapopup-user-info a {
color: #000 !important;
}
.stacklapopup-user-info a {
color: #ee4742 !important;
}
.stacklapopup-user-info a:hover {
color: #ee4742 !important;
text-decoration: none !important;
}
/* --------------------------------- */以上是关于css Stackla Lightbox - 更好地制作Room.css的主要内容，如果未能解决你的问题，请参考以下文章