Advanced Search

CSS - Page Component - Alert boxes

/ Published in: CSS
Save to your folder(s)
CSS - Page Component - Alert boxes

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. .alert_box {
  2. 	padding:15px 35px 15px 15px;
  3. 	margin-bottom:15px;
  4. 	position:relative;
  5.  
  6.    	-webkit-border-radius: 5px;
  7.    	border-radius: 5px;
  8. 	}
  9. .alert_box p {
  10. 	padding:0;
  11. 	}
  12. .alert_box a.close {
  13. 	position:absolute;
  14. 	right:10px;
  15. 	top:4px;
  16.    	font-size: 18px; font-size: 1.8rem;
  17. 	text-decoration:none!important;
  18. 	font-weight:bold;
  19.  
  20. 	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  21. 	filter: alpha(opacity=20);
  22. 	-moz-opacity: 0.2;
  23. 	-khtml-opacity: 0.2;
  24.    	opacity: 0.2;
  25. 	}
  26. .alert_box a:hover {
  27.  
  28. 	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  29. 	filter: alpha(opacity=50);
  30. 	-moz-opacity: 0.5;
  31. 	-khtml-opacity: 0.5;
  32.    	opacity: 0.5;
  33. 	}

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.