×

Welcome to TagMyCode

Please login or create account to add a snippet.
0
0
 
0
Language: CSS
Posted by: Wantoi OestKnut
Added: Aug 20, 2014 12:45 PM
Views: 23
Prestashop styled warning, error and succes notification boxes. Full responsive
  1. .warning,.warning_inline{
  2.      margin:0 0 10px 0;
  3.      padding:10px 20px 10px 10px;
  4.      border:1px solid #e6db55;
  5.      font-size:13px;
  6.      color:#030303!important;
  7.      background:#ffffe0 url(../img/warning.png) right center no-repeat
  8. }
  9.  
  10. .success{
  11.      margin:0 0 10px 0;
  12.      padding:10px 20px 10px 10px;
  13.      border:1px solid #5cff74;
  14.      font-size:13px;
  15.      background:#d3ffab url(../img/succes.png) right center no-repeat;
  16.      color:#030303!important
  17. }
  18.  
  19. .error{
  20.      margin:0 0 10px 0;
  21.      border:1px solid #eb5439;
  22.      font-size:13px;
  23.      color:#030303!important;
  24.      background:#fccac1 url(../img/error.png) right center no-repeat;
  25.      padding:10px 20px 10px 10px
  26. }
  27.  
  28. .error ol{
  29.      margin-left:20px
  30. }
  31.  
  32. .error p.lnk{
  33.      margin-top:20px;
  34.      padding:0;
  35.      font-size:11px
  36. }
  37.  
  38. .required{
  39.      color:#F00;
  40.      font-weight:normal;
  41.      font-size:13px
  42. }