Created
November 4, 2015 23:35
-
-
Save zachdrago/8d03d9efe346729491de to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* --- 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; | |
} | |
/* --------------------------------- */ |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment