themes/default/css/messages.css

   1 .messages {
   2     display: block;
   3     clear: both;
   4     width: 400px;
   5     margin: 10px auto 10px;
   6     padding: 10px 0;
   7     -moz-border-radius: 4px;
   8     border-radius: 4px;
   9 }
  10
  11 /* Search form message needs a little more width, depending on translations */
  12 #search-form {
  13     width: 420px;
  14 }
  15
  16 .messages a.closeMessage {
  17     display: none;
  18     float: right;
  19     width: 16px;
  20     height: 16px;
  21     margin: -14px -8px 0 0;
  22     background: url(../img/messages/close.png) no-repeat;
  23 }
  24
  25 /*.messages:hover a.closeMessage { visibility:visible; }*/
  26
  27 .messages p {
  28     margin: 3px 0 3px 10px !important;
  29     padding: 0 10px 0 23px !important;
  30     font-size: 14px;
  31     line-height: 16px;
  32 }
  33
  34 .messages.error {
  35     border: 1px solid #c42608;
  36     color: #c00 !important;
  37     background: #fff0ef;
  38 }
  39
  40 .messages.error p {
  41     color: #c00 !important;
  42     background: url(../img/messages/cross.png) no-repeat 0 50%;
  43 }
  44
  45 .messages.success {
  46     border: 1px solid #6dc70c;
  47     background: #e0fbcc;
  48 }
  49
  50 .messages.success p {
  51     color: #2b6301 !important;
  52     background: url(../img/messages/tick.png) no-repeat 0 50%;
  53 }
  54
  55 .messages.warning {
  56     border: 1px solid #ebcd41;
  57     color: #000;
  58     background: #fffcd3;
  59 }
  60
  61 .messages.warning p {
  62     color: #5f4e01;
  63     background: url(../img/messages/warning.png) no-repeat 0 50%;
  64 }
  65
  66 .messages.information,
  67 .messages.info {
  68     border: 1px solid #82aee7;
  69     background: #dfebfb;
  70 }
  71
  72 .messages.information p,
  73 .messages.info p {
  74     color: #064393;
  75     background: url(../img/messages/help.png) no-repeat 0 50%;
  76 }
  77
  78 .messages.information a {
  79     text-decoration: underline;
  80 }