Skip to content

Instantly share code, notes, and snippets.

@bigin
Last active September 23, 2018 19:49
Show Gist options
  • Save bigin/debcc97af56b5b7b6101b334e0d43179 to your computer and use it in GitHub Desktop.
Save bigin/debcc97af56b5b7b6101b334e0d43179 to your computer and use it in GitHub Desktop.
#confirm-form {
display: none;
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 999;
background-color: rgba(14, 34, 48, 0.69);
}
#confirm-form #confirm-modal-content {
background-color: #fff;
width: 100%;
padding: 20px;
text-align: center;
border: #e5e5e5 solid 1px;
}
#confirm-form #confirm-modal-content button {
background-color: #7db9e8;
background: -webkit-linear-gradient(#7db9e8, #51A1E0);
background: linear-gradient(#7db9e8, #51A1E0);
border: solid 1px #1E5799;
border-radius: 3px;
box-sizing: border-box;
box-shadow: inset 0 0 1px #fff;
color: #fff;
cursor: pointer;
display: inline-block;
font: bold 14px/32px'Open Sans', sans-serif;
height: 34px;
outline: none;
padding: 0 25px;
margin-top: 15px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
text-shadow: 1px 1px 1px #1E5799;
}
#confirm-form #confirm-modal-content button:hover {
background-color: #51A1E0;
background: -webkit-linear-gradient(#51A1E0, #2689D7);
background: linear-gradient(#51A1E0, #2689D7);
border: solid 1px #1A4B84;
box-shadow: inset 0 0 2px #fff;
}
#confirm-form #confirm-modal-content button:active {
position: relative;
top: 1px;
}
#confirm-form #confirm-modal-content button:focus {
border: solid 1px #000;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment