You are here

Home » API reference » Absolute Messages 7

absolute_messages.css in Absolute Messages 7

Same filename and directory in other branches
  1. 6 absolute_messages.css
#absolute-messages-messages {
  width: 100%;
  position: relative;
  z-index: 500;
}
.absolute-messages-message {
  display: none;
  position: relative;
  margin: 0;
  padding: 0;
  color: #735005;
  font-size: 1.4em;
  text-align: center;
  line-height: 1.4em;
  zoom: 1;
}
.absolute-messages-message.collapsible:hover {
  cursor: pointer;
}
.absolute-messages-message .content {
  margin: 0;
  padding: .5em 1.5em 0 1.5em;
  border-bottom: .5em solid transparent;
  overflow: hidden;
}
.absolute-messages-message .content a {
  text-decoration: underline;
}
.absolute-messages-status {
  background-color: #A4C639;
  border-bottom: 1px solid #849b3a;
  color: #546b0a;
}
.absolute-messages-status a:link,
.absolute-messages-status a:visited {
  color: #546b0a;
}
.absolute-messages-warning {
  background-color: #F4A83D;
  border-bottom: 1px solid #D6800C;
  color: #735005;
}
.absolute-messages-warning a:link,
.absolute-messages-warning a:visited {
  color: #735005;
}
.absolute-messages-error {
  background-color: #EF393C;
  border-bottom: 1px solid #A30000;
  color: #770000;
}
.absolute-messages-error a:link,
.absolute-messages-error a:visited {
  color: #770000;
}
.absolute-messages-actions {
  float: right;
}
a.absolute-messages-dismiss,
a.absolute-messages-dismiss-all,
a.absolute-messages-dismiss:hover,
a.absolute-messages-dismiss-all:hover {
  display: block;
  position: absolute;
  top: .8em;
  right: .5em;
  z-index: 10;
  margin: 0;
  padding: 1px 3px;
  font: bold .8em "Lucida Grande", "Lucida Sans Unicode", sans-serif;
  line-height: 1em;
  text-decoration: none;
  cursor: pointer;
}
.absolute-messages-status .absolute-messages-dismiss {
  border: 2px solid #546b0a;
  background-color: #c2dd68;
  color: #546b0a;
}
.absolute-messages-warning .absolute-messages-dismiss {
  border: 2px solid #735005;
  background-color: #FAD163;
  color: #735005;
}
.absolute-messages-error .absolute-messages-dismiss {
  border: 2px solid #AA0000;
  background-color: #ff5e5e;
  color: #AA0000;
}
a.absolute-messages-dismiss-all,
a.absolute-messages-dismiss-all:hover {
  border: 2px solid #222;
  background-color: #222;
  color: #ccc;
}
#absolute-messages-show {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-width: 0 16px 16px 0;
  border-style: solid;
  border-color: transparent #fff;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
  box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
  z-index: 1;
}
.absolute-messages-show {
  display: block;
  width: 16px;
  height: 16px;
  /* Ugly hack for IE, as it does not support Box Shadow. */
  border-left: 1px solid #666\9;
  border-bottom: 1px solid #666\9;
}
/* And for Opera too. Ugh. */
noindex:-o-prefocus, .absolute-messages-show {
  border-left: 1px solid #666;
  border-bottom: 1px solid #666;
}

File

absolute_messages.css
View source 
  1. #absolute-messages-messages {

  2.   width: 100%;

  3.   position: relative;

  4.   z-index: 500;

  5. }

  6. .absolute-messages-message {

  7.   display: none;

  8.   position: relative;

  9.   margin: 0;

  10.   padding: 0;

  11.   color: #735005;

  12.   font-size: 1.4em;

  13.   text-align: center;

  14.   line-height: 1.4em;

  15.   zoom: 1;

  16. }

  17. .absolute-messages-message.collapsible:hover {

  18.   cursor: pointer;

  19. }

  20. .absolute-messages-message .content {

  21.   margin: 0;

  22.   padding: .5em 1.5em 0 1.5em;

  23.   border-bottom: .5em solid transparent;

  24.   overflow: hidden;

  25. }

  26. .absolute-messages-message .content a {

  27.   text-decoration: underline;

  28. }

  29. .absolute-messages-status {

  30.   background-color: #A4C639;

  31.   border-bottom: 1px solid #849b3a;

  32.   color: #546b0a;

  33. }

  34. .absolute-messages-status a:link,

  35. .absolute-messages-status a:visited {

  36.   color: #546b0a;

  37. }

  38. .absolute-messages-warning {

  39.   background-color: #F4A83D;

  40.   border-bottom: 1px solid #D6800C;

  41.   color: #735005;

  42. }

  43. .absolute-messages-warning a:link,

  44. .absolute-messages-warning a:visited {

  45.   color: #735005;

  46. }

  47. .absolute-messages-error {

  48.   background-color: #EF393C;

  49.   border-bottom: 1px solid #A30000;

  50.   color: #770000;

  51. }

  52. .absolute-messages-error a:link,

  53. .absolute-messages-error a:visited {

  54.   color: #770000;

  55. }

  56. .absolute-messages-actions {

  57.   float: right;

  58. }

  59. a.absolute-messages-dismiss,

  60. a.absolute-messages-dismiss-all,

  61. a.absolute-messages-dismiss:hover,

  62. a.absolute-messages-dismiss-all:hover {

  63.   display: block;

  64.   position: absolute;

  65.   top: .8em;

  66.   right: .5em;

  67.   z-index: 10;

  68.   margin: 0;

  69.   padding: 1px 3px;

  70.   font: bold .8em "Lucida Grande", "Lucida Sans Unicode", sans-serif;

  71.   line-height: 1em;

  72.   text-decoration: none;

  73.   cursor: pointer;

  74. }

  75. .absolute-messages-status .absolute-messages-dismiss {

  76.   border: 2px solid #546b0a;

  77.   background-color: #c2dd68;

  78.   color: #546b0a;

  79. }

  80. .absolute-messages-warning .absolute-messages-dismiss {

  81.   border: 2px solid #735005;

  82.   background-color: #FAD163;

  83.   color: #735005;

  84. }

  85. .absolute-messages-error .absolute-messages-dismiss {

  86.   border: 2px solid #AA0000;

  87.   background-color: #ff5e5e;

  88.   color: #AA0000;

  89. }

  90. a.absolute-messages-dismiss-all,

  91. a.absolute-messages-dismiss-all:hover {

  92.   border: 2px solid #222;

  93.   background-color: #222;

  94.   color: #ccc;

  95. }

  96. #absolute-messages-show {

  97.   display: none;

  98.   position: absolute;

  99.   top: 0;

  100.   right: 0;

  101.   width: 0;

  102.   height: 0;

  103.   border-width: 0 16px 16px 0;

  104.   border-style: solid;

  105.   border-color: transparent #fff;

  106.   -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);

  107.   -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);

  108.   box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);

  109.   z-index: 1;

  110. }

  111. .absolute-messages-show {

  112.   display: block;

  113.   width: 16px;

  114.   height: 16px;

  115.   /* Ugly hack for IE, as it does not support Box Shadow. */

  116.   border-left: 1px solid #666\9;

  117.   border-bottom: 1px solid #666\9;

  118. }

  119. /* And for Opera too. Ugh. */

  120. noindex:-o-prefocus, .absolute-messages-show {

  121.   border-left: 1px solid #666;

  122.   border-bottom: 1px solid #666;

  123. }