You are here

Home » API reference » Better Messages 7.2

skin.css in Better Messages 7.2

Same filename in this branch
  1. 7.2 skins/stackoverflow_style/skin.css
  2. 7.2 skins/growl_style/skin.css
  3. 7.2 skins/facebook_style/skin.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/growl_style/skin.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. 

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

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

  48. 	display:block;

  49. 	float:right;

  50. 	height:22px;

  51. 	width:66px;

  52. }

  53. 

  54. #better-messages-default span.message-timer {

  55.   float:left;

  56.   line-height:22px;

  57. }

  58. 

  59. #better-messages-default .messages {padding:10px 0px 10px 45px;margin-bottom:5px;overflow:auto;max-height:400px;}

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

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

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

  63. 

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

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

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