You are here

Home » API reference » Better Messages 6.2

default.css in Better Messages 6.2 

#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 {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 .messages {padding:10px 0px 10px 45px;margin-bottom:5px;}
#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/default.css
View source 
  1. 

  2. #better-messages-default #messages-inner {

  3. 	position:relative;

  4. 	width:100%;

  5. }

  6. #better-messages-default .messages-label {

  7. 	color:#FFFFFF;

  8. 	font-size:12px;

  9. 	font-weight:bold;

  10. 	line-height:15px;

  11. 	margin-bottom:3px;

  12. 	padding:5px 10px;

  13. 	text-transform:uppercase;

  14. }

  15. #better-messages-default table {background:transparent !important;}

  16. #better-messages-default table, #better-messages-default tbody, #better-messages-default td {

  17. 	border-collapse:collapse;

  18. 	margin:0;

  19. 	padding:0;

  20. 	border:0 !important;

  21. }

  22. #better-messages-default .tl, #better-messages-default .tr, #better-messages-default .bl, #better-messages-default .br {

  23. 	height:10px;

  24. 	overflow:hidden;

  25. 	padding:0;

  26. 	width:10px;

  27. }

  28. #better-messages-default .body {

  29. 	background-color:#FFFFFF;

  30. 	padding:5px;

  31. }

  32. #better-messages-default .footer {

  33. 	border-top:1px solid #DDDDDD;

  34. 	margin-top:10px;

  35. 	padding-top:5px;

  36. 	text-align:right;

  37. }

  38. #better-messages-default .b { background:transparent url(images/b.png) repeat; }

  39. #better-messages-default .tl { background:transparent url(images/tl.png) repeat; }

  40. #better-messages-default .tr { background:transparent url(images/tr.png) repeat; }

  41. #better-messages-default .br { background:transparent url(images/br.png) repeat; }

  42. #better-messages-default .bl { background:transparent url(images/bl.png) repeat; }

  43. 

  44. #better-messages-default a.message-close { 

  45. 	background:transparent url(images/closelabel.gif) no-repeat;

  46. 	display:block;

  47. 	float:right;

  48. 	height:22px;

  49. 	width:66px;

  50. }

  51. 

  52. #better-messages-default .messages {padding:10px 0px 10px 45px;margin-bottom:5px;}

  53. #better-messages-default div.status {background:transparent url(images/status.png) no-repeat 5px 5px;border:1px solid #77DD77;}

  54. #better-messages-default div.error {background:transparent url(images/error.png) no-repeat 5px 5px;border:1px solid #DD7777;}

  55. #better-messages-default div.warning {background:transparent url(images/warning.png) no-repeat 5px 5px;border:1px solid #F0C020;}

  56. 

  57. h2.error {background-color:#DD7777;}

  58. h2.warning {background-color:#F0C020;}

  59. h2.status {background-color:#77DD77;}