Skip to content

Instantly share code, notes, and snippets.

@mbuttler
Created August 20, 2017 15:41
Show Gist options
  • Save mbuttler/eaf102bf7e0b314236c61374e4c85950 to your computer and use it in GitHub Desktop.
Save mbuttler/eaf102bf7e0b314236c61374e4c85950 to your computer and use it in GitHub Desktop.
CSS for safe exit button
#safe-exit-button {
font-family: 'Open Sans',Arial,Helvetica,sans-serif !important; // Font styling (change to suit your needs)
font-size: 100% !important;
color: #EFEFEF; // Text Color (off white)
font-weight: 800; // Make Text weight bold (400 is regular)
position: fixed !important; // Fixed position
bottom: 15px !important; // margin from bottom (text)
right: 20px !important; // margin from right (text)
left: auto !important; // margin left (automatic)
height: 48px !important; // How tall it is
width: auto !important; // How wide it is-- in this case it's relative to the text that we include in the HTML
z-index: 10000000000000 !important; // Make sure sure sure sure this is on top
background: #10B47D !important; // color of button
border: 0 !important;
border-radius: 100px !important; // make it roundy
box-shadow: 0 3px 15px 0 rgba(0,0,0,0.25) !important; // stylish shadow
box-sizing: border-box !important;
padding: 0 20px !important; // how far from right
cursor: pointer !important; // make it a finger
outline: none !important;
display: inline-block !important;
margin: 0 !important;
-webkit-font-smoothing: antialiased !important;
-webkit-tap-highlight-color: rgba(0,0,0,0) !important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment