Skip to content

Instantly share code, notes, and snippets.

@Patrizio
Last active December 10, 2015 06:08
Show Gist options
  • Save Patrizio/4392501 to your computer and use it in GitHub Desktop.
Save Patrizio/4392501 to your computer and use it in GitHub Desktop.
.mm-cookie-block {
position: absolute;
z-index: 999;
left: 50%;
top: -50%;
width: 560px;
margin: -250px 0 0 -300px;
padding: 15px 20px;
background: #fff;
font: normal 13px/1.5 'Helvetica Neue', Helvetica, Arial, sans-serif;
overflow: hidden;
border: 1px solid #dedede;
box-shadow: 0 0 50px rgba(0, 0, 0, .15);
-moz-box-shadow: 0 0 50px rgba(0, 0, 0, .15);
-webkit-box-shadow: 0 0 50px rgba(0, 0, 0, .15);
transition: top 500ms ease-in-out;
-moz-transition: top 500ms ease-in-out;
-webkit-transition: top 500ms ease-in-out;
}
.mm-cookie-block.active { top: 50%; }
hr{
border: 0;
border-bottom: 1px solid #e2e2e2;
margin: 0.7em 0 1em 0;
}
.mm-cookie-block h3 {
margin: 0 0 1em;
padding: 0;
font-size: 1.6em;
}
.mm-cookie-block h4 {
margin: 0 0 0 0;
padding: 0;
font-size: 1.2em;
}
.mm-cookie-block h3.img-logo { margin-top: 12px; }
.mm-cookie-block p {
color: #666;
margin: 0 0 1em;
}
.mm-cookie-block ul {
color: #666;
margin: 10px 0 1em 20px;
padding: 0;
}
.mm-cookie-block a {
color: #9b1b30;
}
.mm-cookie-block a.large {
position: relative;
display: inline-block;
margin-right: 10px;
min-width: 175px;
background: #9b1b30;
color: #fff;
padding: 6px 32px 6px 10px;
text-decoration: none;
font-weight:bold;
}
.mm-cookie-block a.large:after {
display: block;
content: '.';
position: absolute;
text-indent: -9999em;
right: 10px;
top: 50%;
width: 10px;
height: 12px;
margin-top: -6px;
background: url(arrow.png) no-repeat;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment