You are here

better_messages.css in Better Messages 7

Same filename and directory in other branches
  1. 6 skins/default/better_messages.css
#better-messages-default #messages-inner {
	position:relative;
	width:100%;
}
#better-messages-default .messages-label {
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	line-height:15px;
	margin-bottom:3px;
	padding:5px 10px;
	text-transform:uppercase;
}
#better-messages-default table {
	width:100%;
	background:transparent !important;
}
#better-messages-default table, #better-messages-default tbody, #better-messages-default td {
	border-collapse:collapse;
	margin:0;
	padding:0;
	border:0 !important;
}
#better-messages-default .tl, #better-messages-default .tr, #better-messages-default .bl, #better-messages-default .br {
	height:10px;
	overflow:hidden;
	padding:0;
	width:10px;
}
#better-messages-default .body {
	background-color:#FFFFFF;
	padding:5px;
}
#better-messages-default .footer {
	border-top:1px solid #DDDDDD;
	margin-top:10px;
	padding-top:5px;
	text-align:right;
}
#better-messages-default .b { background:transparent url(images/b.png) repeat; }
#better-messages-default .tl { background:transparent url(images/tl.png) repeat; }
#better-messages-default .tr { background:transparent url(images/tr.png) repeat; }
#better-messages-default .br { background:transparent url(images/br.png) repeat; }
#better-messages-default .bl { background:transparent url(images/bl.png) repeat; }

#better-messages-default a.message-close { 
	background:transparent url(images/closelabel.gif) no-repeat;
	display:block;
	float:right;
	height:22px;
	width:66px;
}

#better-messages-default span.message-timer {
  float:left;
  line-height:22px;
}

#better-messages-default .messages {padding:10px 0px 10px 45px;margin-bottom:5px;overflow:auto;max-height:400px;}
#better-messages-default div.status {background:transparent url(images/status.png) no-repeat 5px 5px;border:1px solid #77DD77;}
#better-messages-default div.error {background:transparent url(images/error.png) no-repeat 5px 5px;border:1px solid #DD7777;}
#better-messages-default div.warning {background:transparent url(images/warning.png) no-repeat 5px 5px;border:1px solid #F0C020;}

h2.error {background-color:#DD7777;}
h2.warning {background-color:#F0C020;}
h2.status {background-color:#77DD77;}

File

skins/default/better_messages.css
View source
  1. #better-messages-default #messages-inner {
  2. position:relative;
  3. width:100%;
  4. }
  5. #better-messages-default .messages-label {
  6. color:#FFFFFF;
  7. font-size:12px;
  8. font-weight:bold;
  9. line-height:15px;
  10. margin-bottom:3px;
  11. padding:5px 10px;
  12. text-transform:uppercase;
  13. }
  14. #better-messages-default table {
  15. width:100%;
  16. background:transparent !important;
  17. }
  18. #better-messages-default table, #better-messages-default tbody, #better-messages-default td {
  19. border-collapse:collapse;
  20. margin:0;
  21. padding:0;
  22. border:0 !important;
  23. }
  24. #better-messages-default .tl, #better-messages-default .tr, #better-messages-default .bl, #better-messages-default .br {
  25. height:10px;
  26. overflow:hidden;
  27. padding:0;
  28. width:10px;
  29. }
  30. #better-messages-default .body {
  31. background-color:#FFFFFF;
  32. padding:5px;
  33. }
  34. #better-messages-default .footer {
  35. border-top:1px solid #DDDDDD;
  36. margin-top:10px;
  37. padding-top:5px;
  38. text-align:right;
  39. }
  40. #better-messages-default .b { background:transparent url(images/b.png) repeat; }
  41. #better-messages-default .tl { background:transparent url(images/tl.png) repeat; }
  42. #better-messages-default .tr { background:transparent url(images/tr.png) repeat; }
  43. #better-messages-default .br { background:transparent url(images/br.png) repeat; }
  44. #better-messages-default .bl { background:transparent url(images/bl.png) repeat; }
  45. #better-messages-default a.message-close {
  46. background:transparent url(images/closelabel.gif) no-repeat;
  47. display:block;
  48. float:right;
  49. height:22px;
  50. width:66px;
  51. }
  52. #better-messages-default span.message-timer {
  53. float:left;
  54. line-height:22px;
  55. }
  56. #better-messages-default .messages {padding:10px 0px 10px 45px;margin-bottom:5px;overflow:auto;max-height:400px;}
  57. #better-messages-default div.status {background:transparent url(images/status.png) no-repeat 5px 5px;border:1px solid #77DD77;}
  58. #better-messages-default div.error {background:transparent url(images/error.png) no-repeat 5px 5px;border:1px solid #DD7777;}
  59. #better-messages-default div.warning {background:transparent url(images/warning.png) no-repeat 5px 5px;border:1px solid #F0C020;}
  60. h2.error {background-color:#DD7777;}
  61. h2.warning {background-color:#F0C020;}
  62. h2.status {background-color:#77DD77;}