Skip to content

Instantly share code, notes, and snippets.

View mbuttler's full-sized avatar

Matthew Buttler mbuttler

  • Ottawa, ON
View GitHub Profile
@mbuttler
mbuttler / alice1.html
Created August 20, 2017 15:26
HTML Part
<!-- Start the link -->
<a href="http://cbc.ca/news">
<!-- create button with id so we can target it with the CSS we're gonna use to make it float -->
<button id="safe-exit-button">Safe Exit</button>
<!-- Stop the link -->
</a>
@mbuttler
mbuttler / alice1.css
Created August 20, 2017 15:41
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