src/Wallabag/CoreBundle/Resources/views/themes/default/public/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 .messages a.closeMessage {
  12     display: none;
  13     float: right;
  14     width: 16px;
  15     height: 16px;
  16     margin: -14px -8px 0 0;
  17     background: url(../img/messages/close.png) no-repeat;
  18 }
  19
  20 /*.messages:hover a.closeMessage { visibility:visible; }*/
  21
  22 .messages p {
  23     margin: 3px 0 3px 10px !important;
  24     padding: 0 10px 0 23px !important;
  25     font-size: 14px;
  26     line-height: 16px;
  27 }
  28
  29 .messages.error {
  30     border: 1px solid #c42608;
  31     color: #c00 !important;
  32     background: #fff0ef;
  33 }
  34
  35 .messages.error p {
  36     color: #c00 !important;
  37     background: url(../img/messages/cross.png) no-repeat 0 50%;
  38 }
  39
  40 .messages.success {
  41     border: 1px solid #6dc70c;
  42     background: #e0fbcc;
  43 }
  44
  45 .messages.success p {
  46     color: #2b6301 !important;
  47     background: url(../img/messages/tick.png) no-repeat 0 50%;
  48 }
  49
  50 .messages.warning {
  51     border: 1px solid #ebcd41;
  52     color: #000;
  53     background: #fffcd3;
  54 }
  55
  56 .messages.warning p {
  57     color: #5f4e01;
  58     background: url(../img/messages/warning.png) no-repeat 0 50%;
  59 }
  60
  61 .messages.information,
  62 .messages.info {
  63     border: 1px solid #82aee7;
  64     background: #dfebfb;
  65 }
  66
  67 .messages.information p,
  68 .messages.info p {
  69     color: #064393;
  70     background: url(../img/messages/help.png) no-repeat 0 50%;
  71 }
  72
  73 .messages.information a {
  74     text-decoration: underline;
  75 }