Improve: new article banner (#4037)

* fix Origine theme padding

* Fix all themes

* Update swage.scss

p/themes/Alternative-Dark/adark.css

@@ -696,10 +696,6 @@ a.btn {
 	font-size: 0.9em;
 }
 
-#new-article:hover {
-	background: #06c;
-}
-
 #new-article > a {
 	line-height: 3em;
 	color: #fff;
@@ -708,6 +704,7 @@ a.btn {
 
 #new-article > a:hover {
 	text-decoration: none;
+	background: #06c;
 }
 
 /*=== Day indication */

p/themes/Alternative-Dark/adark.rtl.css

@@ -696,10 +696,6 @@ a.btn {
 	font-size: 0.9em;
 }
 
-#new-article:hover {
-	background: #06c;
-}
-
 #new-article > a {
 	line-height: 3em;
 	color: #fff;
@@ -708,6 +704,7 @@ a.btn {
 
 #new-article > a:hover {
 	text-decoration: none;
+	background: #06c;
 }
 
 /*=== Day indication */

p/themes/Ansum/ansum.css

@@ -868,10 +868,6 @@ form th {
 	text-align: center;
 }
 
-#new-article:hover {
-	background: #b7641d;
-}
-
 #new-article > a {
 	line-height: 3em;
 	font-weight: bold;
@@ -880,6 +876,7 @@ form th {
 
 #new-article > a:hover {
 	text-decoration: none;
+	background: #b7641d;
 }
 
 /*=== Day indication */

p/themes/Ansum/ansum.rtl.css

@@ -868,10 +868,6 @@ form th {
 	text-align: center;
 }
 
-#new-article:hover {
-	background: #b7641d;
-}
-
 #new-article > a {
 	line-height: 3em;
 	font-weight: bold;
@@ -880,6 +876,7 @@ form th {
 
 #new-article > a:hover {
 	text-decoration: none;
+	background: #b7641d;
 }
 
 /*=== Day indication */

p/themes/BlueLagoon/BlueLagoon.css

@@ -831,10 +831,6 @@ a.btn {
 	font-size: 0.9em;
 }
 
-#new-article:hover {
-	background: #06c;
-}
-
 #new-article > a {
 	line-height: 3em;
 	color: #fff;
@@ -843,6 +839,7 @@ a.btn {
 
 #new-article > a:hover {
 	text-decoration: none;
+	background: #06c;
 }
 
 /*=== Day indication */

p/themes/BlueLagoon/BlueLagoon.rtl.css

@@ -831,10 +831,6 @@ a.btn {
 	font-size: 0.9em;
 }
 
-#new-article:hover {
-	background: #06c;
-}
-
 #new-article > a {
 	line-height: 3em;
 	color: #fff;
@@ -843,6 +839,7 @@ a.btn {
 
 #new-article > a:hover {
 	text-decoration: none;
+	background: #06c;
 }
 
 /*=== Day indication */

p/themes/Dark/dark.css

@@ -738,10 +738,6 @@ a.btn {
 	text-align: center;
 }
 
-#new-article:hover {
-	background: #4a5d7a;
-}
-
 #new-article > a {
 	line-height: 3em;
 	font-weight: bold;
@@ -750,6 +746,7 @@ a.btn {
 
 #new-article > a:hover {
 	text-decoration: none;
+	background: #4a5d7a;
 }
 
 /*=== Day indication */

p/themes/Dark/dark.rtl.css

@@ -738,10 +738,6 @@ a.btn {
 	text-align: center;
 }
 
-#new-article:hover {
-	background: #4a5d7a;
-}
-
 #new-article > a {
 	line-height: 3em;
 	font-weight: bold;
@@ -750,6 +746,7 @@ a.btn {
 
 #new-article > a:hover {
 	text-decoration: none;
+	background: #4a5d7a;
 }
 
 /*=== Day indication */

p/themes/Flat/flat.css

@@ -736,10 +736,6 @@ a.btn {
 	text-align: center;
 }
 
-#new-article:hover {
-	background: #2980b9;
-}
-
 #new-article > a {
 	line-height: 3em;
 	font-weight: bold;
@@ -748,6 +744,7 @@ a.btn {
 
 #new-article > a:hover {
 	text-decoration: none;
+	background: #2980b9;
 }
 
 /*=== Day indication */

p/themes/Flat/flat.rtl.css

@@ -736,10 +736,6 @@ a.btn {
 	text-align: center;
 }
 
-#new-article:hover {
-	background: #2980b9;
-}
-
 #new-article > a {
 	line-height: 3em;
 	font-weight: bold;
@@ -748,6 +744,7 @@ a.btn {
 
 #new-article > a:hover {
 	text-decoration: none;
+	background: #2980b9;
 }
 
 /*=== Day indication */

p/themes/Mapco/mapco.css

@@ -866,10 +866,6 @@ form th {
 	text-align: center;
 }
 
-#new-article:hover {
-	background: #25c;
-}
-
 #new-article > a {
 	line-height: 3em;
 	font-weight: bold;
@@ -878,6 +874,7 @@ form th {
 
 #new-article > a:hover {
 	text-decoration: none;
+	background: #25c;
 }
 
 /*=== Day indication */

p/themes/Mapco/mapco.rtl.css

@@ -866,10 +866,6 @@ form th {
 	text-align: center;
 }
 
-#new-article:hover {
-	background: #25c;
-}
-
 #new-article > a {
 	line-height: 3em;
 	font-weight: bold;
@@ -878,6 +874,7 @@ form th {
 
 #new-article > a:hover {
 	text-decoration: none;
+	background: #25c;
 }
 
 /*=== Day indication */

p/themes/Origine-compact/origine-compact.css

@@ -773,10 +773,6 @@ a.btn,
 	font-size: 0.9em;
 }
 
-#new-article:hover {
-	background: #06c;
-}
-
 #new-article > a {
 	line-height: 3em;
 	color: #fff;
@@ -785,6 +781,7 @@ a.btn,
 
 #new-article > a:hover {
 	text-decoration: none;
+	background: #06c;
 }
 
 /*=== Day indication */

p/themes/Origine-compact/origine-compact.rtl.css

@@ -773,10 +773,6 @@ a.btn,
 	font-size: 0.9em;
 }
 
-#new-article:hover {
-	background: #06c;
-}
-
 #new-article > a {
 	line-height: 3em;
 	color: #fff;
@@ -785,6 +781,7 @@ a.btn,
 
 #new-article > a:hover {
 	text-decoration: none;
+	background: #06c;
 }
 
 /*=== Day indication */

p/themes/Origine/origine.css

@@ -735,23 +735,20 @@ a.btn {
 
 /*=== New article notification */
 #new-article {
-	padding: 1em;
 	background: #0084cc;
 	text-align: center;
 	font-size: 0.9em;
 }
 
-#new-article:hover {
-	background: #06c;
-}
-
 #new-article > a {
+	padding: 1em;
 	color: #fff;
 	font-weight: bold;
 }
 
 #new-article > a:hover {
 	text-decoration: none;
+	background: #06c;
 }
 
 /*=== Day indication */

p/themes/Origine/origine.rtl.css

@@ -735,23 +735,20 @@ a.btn {
 
 /*=== New article notification */
 #new-article {
-	padding: 1em;
 	background: #0084cc;
 	text-align: center;
 	font-size: 0.9em;
 }
 
-#new-article:hover {
-	background: #06c;
-}
-
 #new-article > a {
+	padding: 1em;
 	color: #fff;
 	font-weight: bold;
 }
 
 #new-article > a:hover {
 	text-decoration: none;
+	background: #06c;
 }
 
 /*=== Day indication */

p/themes/Pafat/pafat.css

@@ -745,10 +745,6 @@ a.signin {
 	font-size: 0.9em;
 }
 
-#new-article:hover {
-	background: #3276b1;
-}
-
 #new-article > a {
 	line-height: 3em;
 	color: #fff;
@@ -757,6 +753,7 @@ a.signin {
 
 #new-article > a:hover {
 	text-decoration: none;
+	background: #3276b1;
 }
 
 /*=== Day indication */

p/themes/Pafat/pafat.rtl.css

@@ -745,10 +745,6 @@ a.signin {
 	font-size: 0.9em;
 }
 
-#new-article:hover {
-	background: #3276b1;
-}
-
 #new-article > a {
 	line-height: 3em;
 	color: #fff;
@@ -757,6 +753,7 @@ a.signin {
 
 #new-article > a:hover {
 	text-decoration: none;
+	background: #3276b1;
 }
 
 /*=== Day indication */

p/themes/Screwdriver/screwdriver.css

@@ -788,10 +788,6 @@ a.btn {
 	font-size: 0.9em;
 }
 
-#new-article:hover {
-	background: #06c;
-}
-
 #new-article > a {
 	line-height: 3em;
 	color: #fff;
@@ -800,6 +796,7 @@ a.btn {
 
 #new-article > a:hover {
 	text-decoration: none;
+	background: #06c;
 }
 
 /*=== Day indication */

p/themes/Screwdriver/screwdriver.rtl.css

@@ -788,10 +788,6 @@ a.btn {
 	font-size: 0.9em;
 }
 
-#new-article:hover {
-	background: #06c;
-}
-
 #new-article > a {
 	line-height: 3em;
 	color: #fff;
@@ -800,6 +796,7 @@ a.btn {
 
 #new-article > a:hover {
 	text-decoration: none;
+	background: #06c;
 }
 
 /*=== Day indication */

p/themes/Swage/swage.css

@@ -672,9 +672,6 @@ form th {
 	left: 0;
 	line-height: 1.5em;
 }
-#new-article:hover {
-	background: #00488b;
-}
 #new-article > a {
 	line-height: 1.5em;
 	font-weight: bold;
@@ -682,6 +679,7 @@ form th {
 }
 #new-article > a:hover {
 	text-decoration: none;
+	background: #00488b;
 }
 
 .day {

p/themes/Swage/swage.rtl.css

@@ -672,9 +672,6 @@ form th {
 	right: 0;
 	line-height: 1.5em;
 }
-#new-article:hover {
-	background: #00488b;
-}
 #new-article > a {
 	line-height: 1.5em;
 	font-weight: bold;
@@ -682,6 +679,7 @@ form th {
 }
 #new-article > a:hover {
 	text-decoration: none;
+	background: #00488b;
 }
 
 .day {

p/themes/Swage/swage.scss

@@ -851,10 +851,6 @@ form {
 
 	@extend %aside-width;
 
-	&:hover {
-		background: color.adjust( $color_nav, $lightness: -10%);
-	}
-
 	> a {
 		line-height: 1.5em;
 		font-weight: bold;
@@ -862,6 +858,7 @@ form {
 
 		&:hover {
 			text-decoration: none;
+			background: color.adjust( $color_nav, $lightness: -10%);
 		}
 	}
 }

p/themes/base-theme/base.css

@@ -570,9 +570,6 @@ a.btn {
 	font-size: 0.9em;
 }
 
-#new-article:hover {
-}
-
 #new-article > a {
 	line-height: 3em;
 	font-weight: bold;

p/themes/base-theme/base.rtl.css

@@ -570,9 +570,6 @@ a.btn {
 	font-size: 0.9em;
 }
 
-#new-article:hover {
-}
-
 #new-article > a {
 	line-height: 3em;
 	font-weight: bold;