Skip to content

Instantly share code, notes, and snippets.

@victorbstan
Created June 5, 2011 21:37
Show Gist options
  • Save victorbstan/1009453 to your computer and use it in GitHub Desktop.
Save victorbstan/1009453 to your computer and use it in GitHub Desktop.
Neat Notification CSS style
#flash_notice, #flash_alert, #flash_error {
z-index: 999;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.5);
position: absolute;
right: 20px;
height: 40px;
line-height: 40px;
background: rgba(0, 0, 0, 0.8);
color: white;
font-weight: bold;
font-size: 1.2em;
padding: 20px;
margin: 20px; }
#flash_error {
background: rgba(255, 0, 0, 0.8);
-moz-box-shadow: 0 0 10px rgba(255, 0, 0, 0.5);
box-shadow: 0 0 20px rgba(255, 0, 0, 0.5);
-webkit-box-shadow: 0 0 40px rgba(255, 0, 0, 0.5); }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment