From 01b0f912f38da92c214a6a09c5adf0b3425734c9 Mon Sep 17 00:00:00 2001
From: jdlrobson <jdlrobson@gmail.com>
Date: Mon, 4 Aug 2014 14:46:01 -0700
Subject: [PATCH] Hygiene: More LESS cleanup in ext.echo.overlays.less

Change-Id: I2d2daad00a11a156dc0ac693ea99322c9470cc6f
---
 modules/overlay/ext.echo.overlay.less | 113 ++++++++++++++++----------
 1 file changed, 68 insertions(+), 45 deletions(-)

diff --git a/modules/overlay/ext.echo.overlay.less b/modules/overlay/ext.echo.overlay.less
index e3e4ea29b..d7966f9e6 100644
--- a/modules/overlay/ext.echo.overlay.less
+++ b/modules/overlay/ext.echo.overlay.less
@@ -24,7 +24,17 @@
 }
 
 #p-personal {
+	.mw-echo-title {
+		a {
+			font-weight: bold;
+		}
+	}
+
 	.mw-echo-overlay {
+		a.mw-echo-grey-link {
+			color: #6D6D6D;
+		}
+
 		ul {
 			margin: 0;
 			padding: 0;
@@ -36,44 +46,51 @@
 			float: none;
 			margin: 0;
 			padding: 0;
+
+			&:hover {
+				.mw-echo-notification-wrapper {
+					background-color: #F9F9F9;
+				}
+			}
+
+			.mw-echo-notification-wrapper {
+				display: block;
+				background-color: #F1F1F1;
+				border-bottom: 1px solid #DDDDDD;
+				padding: 15px 40px 10px 10px;
+				white-space: normal;
+				font-size: 13px;
+				line-height: 16px;
+				/* Suppress standard links styles */
+				color: inherit;
+				text-decoration: inherit;
+			}
+
+			&.mw-echo-unread {
+				.mw-echo-notification-wrapper {
+					background-color: white;
+				}
+
+				&:hover {
+					.mw-echo-notification-wrapper {
+						background-color: #F9F9F9;
+					}
+				}
+			}
+
+			&:last-child {
+				.mw-echo-notification-wrapper {
+					border-bottom: none;
+				}
+			}
 		}
 	}
 }
 
-#p-personal .mw-echo-overlay li.mw-echo-notification .mw-echo-notification-wrapper {
-	display: block;
-	background-color: #F1F1F1;
-	border-bottom: 1px solid #DDDDDD;
-	padding: 15px 40px 10px 10px;
-	white-space: normal;
-	font-size: 13px;
-	line-height: 16px;
-	/* Suppress standard links styles */
-	color: inherit;
-	text-decoration: inherit;
-}
-#p-personal .mw-echo-overlay li.mw-echo-notification:hover .mw-echo-notification-wrapper {
-	background-color: #F9F9F9;
-}
-#p-personal .mw-echo-overlay li.mw-echo-notification.mw-echo-unread .mw-echo-notification-wrapper {
-	background-color: white;
-}
-#p-personal .mw-echo-overlay li.mw-echo-notification.mw-echo-unread:hover .mw-echo-notification-wrapper {
-	background-color: #F9F9F9;
-}
-#p-personal .mw-echo-overlay li.mw-echo-notification:last-child .mw-echo-notification-wrapper {
-	border-bottom: none;
-}
-#p-personal .mw-echo-title a {
-	font-weight: bold;
-}
-#p-personal .mw-echo-overlay a.mw-echo-grey-link {
-	color: #6D6D6D;
-}
-
 .mw-echo-notification-primary-link {
 	display: none;
 }
+
 .mw-echo-overlay-title {
 	/*border-bottom: 1px solid #A7D7F9;*/
 	font-size: 13px;
@@ -81,11 +98,13 @@
 	padding: 15px 15px 15px 28px;
 	border-bottom: 1px solid #DDDDDD;
 }
+
 #mw-echo-overlay-title-text {
 	display: inline;
 	zoom: 1;
 	white-space: normal;
 }
+
 #mw-echo-overlay-moreinfo-link {
 	display: inline-block;
 	margin: 0 2px -1px 4px;
@@ -97,10 +116,11 @@
 	background-position: 0 0;
 	filter: alpha(opacity=50);
 	opacity: 0.5;
-}
-#mw-echo-overlay-moreinfo-link:hover {
-	filter: alpha(opacity=100);
-	opacity: 1.0;
+
+	&:hover {
+		filter: alpha(opacity=100);
+		opacity: 1.0;
+	}
 }
 
 #mw-echo-overlay-footer {
@@ -108,11 +128,11 @@
 	border-top: 1px solid #DDDDDD;
 	display: table;
 	width: 100%;
-}
 
-#mw-echo-overlay-footer a {
-	float: none;
-	display: table-cell;
+	a {
+		float: none;
+		display: table-cell;
+	}
 }
 
 #mw-echo-overlay-link {
@@ -126,10 +146,12 @@
 	/* @embed */
 	background: url(../icons/NotificationsPage-ltr.png) no-repeat 20px 15px !important;
 	white-space: normal;
+
+	&:hover {
+		text-decoration: none;
+	}
 }
-#mw-echo-overlay-link:hover {
-	text-decoration: none;
-}
+
 #mw-echo-overlay-pref-link {
 	display: block;
 	float: left;
@@ -141,9 +163,10 @@
 	/* @embed */
 	background: url(../icons/Settings.png) no-repeat 20px 15px !important;
 	white-space: normal;
-}
-#mw-echo-overlay-pref-link:hover {
-	text-decoration: none;
+
+	&:hover {
+		text-decoration: none;
+	}
 }
 
 #pt-notifications {