CSS cleanup, removing old vendor specific borders and any 'div' prefixing

Author: stanlemon

jquery.jgrowl.css

@@ -1,85 +1,79 @@
 
-div.jGrowl {
-	z-index: 			9999;
-	color: 				#fff;
-	font-size: 			12px;
-}
-
 /** Special IE6 Style Positioning **/
-div.ie6 {
+.ie6 {
 	position: 			absolute;
 }
 
-div.ie6.top-right {
+.ie6.top-right {
 	right: 				auto;
 	bottom: 			auto;
 	left: 				expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
 	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
 }
 
-div.ie6.top-left {
+.ie6.top-left {
 	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
 	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
 }
 
-div.ie6.bottom-right {
+.ie6.bottom-right {
 	left: 				expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
 	top: 				expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
 }
 
-div.ie6.bottom-left {
+.ie6.bottom-left {
 	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
 	top: 				expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
 }
 
-div.ie6.center {
+.ie6.center {
 	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
 	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
 	width: 				100%;
 }
 
-/** Normal Style Positions **/
-div.jGrowl {
-	position:			absolute;
-}
 
-body > div.jGrowl {
+/** jGrowl Styling **/
+.jGrowl {
+	z-index: 			9999;
+	color: 				#fff;
+	font-size: 			12px;
 	position:			fixed;
 }
 
-div.jGrowl.top-left {
+.jGrowl.top-left {
 	left: 				0px;
 	top: 				0px;
 }
 
-div.jGrowl.top-right {
+.jGrowl.top-right {
 	right: 				0px;
 	top: 				0px;
 }
 
-div.jGrowl.bottom-left {
+.jGrowl.bottom-left {
 	left: 				0px;
 	bottom:				0px;
 }
 
-div.jGrowl.bottom-right {
+.jGrowl.bottom-right {
 	right: 				0px;
 	bottom: 			0px;
 }
 
-div.jGrowl.center {
+.jGrowl.center {
 	top: 				0px;
 	width: 				50%;
 	left: 				25%;
 }
 
 /** Cross Browser Styling **/
-div.center div.jGrowl-notification, div.center div.jGrowl-closer {
+.center .jGrowl-notification, .center .jGrowl-closer {
 	margin-left: 		auto;
 	margin-right: 		auto;
 }
 
-div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {
+.jGrowl .jGrowl-notification, .jGrowl .jGrowl-closer {
 	background-color: 		#000;
 	opacity: 				.85;
 	-ms-filter: 			"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; 
@@ -93,34 +87,32 @@ div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {
 	font-size: 				1em;
 	text-align: 			left;
 	display: 				none;
-    border-radius:          5px;
-	-moz-border-radius: 	5px;
-	-webkit-border-radius:	5px;
+	border-radius:			5px;
 }
 
-div.jGrowl div.jGrowl-notification {
+.jGrowl .jGrowl-notification {
 	min-height: 			40px;
 }
 
-div.jGrowl div.jGrowl-notification,
-div.jGrowl div.jGrowl-closer {
+.jGrowl .jGrowl-notification,
+.jGrowl .jGrowl-closer {
 	margin: 				10px;
 }
 
-div.jGrowl div.jGrowl-notification div.jGrowl-header {
+.jGrowl .jGrowl-notification .jGrowl-header {
 	font-weight: 			bold;
 	font-size:				.85em;
 }
 
-div.jGrowl div.jGrowl-notification div.jGrowl-close {
+.jGrowl .jGrowl-notification .jGrowl-close {
 	z-index:				99;
 	float: 					right;
 	font-weight: 			bold;
 	font-size: 				1em;
 	cursor:					pointer;
 }
 
-div.jGrowl div.jGrowl-closer {
+.jGrowl .jGrowl-closer {
 	padding-top: 			4px;
 	padding-bottom: 		4px;
 	cursor: 				pointer;
@@ -131,7 +123,7 @@ div.jGrowl div.jGrowl-closer {
 
 /** Hide jGrowl when printing **/
 @media print {
-	div.jGrowl {
+	.jGrowl {
 		display: 			none;
 	}
 }