Skip to content

Instantly share code, notes, and snippets.

@AntonKL
Created October 15, 2014 15:33
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save AntonKL/e4f787d30cae9e686b31 to your computer and use it in GitHub Desktop.
Save AntonKL/e4f787d30cae9e686b31 to your computer and use it in GitHub Desktop.
Modal dem0 (without js)
<style>
.campaign-modal {
display: none;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0,0,0,.35);
z-index: 9998;
overflow: hidden;
-webkit-overflow-scrolling: touch;
outline: 0;
overflow-x: hidden;
overflow-y: auto;
opacity: 0;
-webkit-transition: opacity .3s linear;
-o-transition: opacity .3s linear;
transition: opacity .3s linear;
}
.campaign-modal.active {
display: block;
opacity: 1;
}
.campaign-modal .inner {
position: relative;
height: 600px;
max-width: 800px;
border: 1px solid #000000;
background-color: #FFFFFF;
margin: 30px auto;
}
</style>
<div class="campaign-modal" id="buyPhoneModal" data-timeout="5000">
<div class="inner">
<span id="closeCampaignModal">Stäng</span>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment