CSS - Page Component - Alert boxes


/ Published in: CSS
Save to your folder(s)

CSS - Page Component - Alert boxes


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.