Improve: new article banner (#4037)

* fix Origine theme padding

* Fix all themes

* Update swage.scss

25 files changed, 25 insertions, 98 deletions

diff --git a/p/themes/Alternative-Dark/adark.css b/p/themes/Alternative-Dark/adark.css
index ad66acb3c..a45a8cdcc 100644
--- a/p/themes/Alternative-Dark/adark.css
+++ b/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 */
diff --git a/p/themes/Alternative-Dark/adark.rtl.css b/p/themes/Alternative-Dark/adark.rtl.css
index 8d8fa50fd..b6f6e94f9 100644
--- a/p/themes/Alternative-Dark/adark.rtl.css
+++ b/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 */
diff --git a/p/themes/Ansum/ansum.css b/p/themes/Ansum/ansum.css
index 72995548b..8e74736b4 100644
--- a/p/themes/Ansum/ansum.css
+++ b/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 */
diff --git a/p/themes/Ansum/ansum.rtl.css b/p/themes/Ansum/ansum.rtl.css
index 405a37b9b..34dcd75e6 100644
--- a/p/themes/Ansum/ansum.rtl.css
+++ b/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 */
diff --git a/p/themes/BlueLagoon/BlueLagoon.css b/p/themes/BlueLagoon/BlueLagoon.css
index 7f1841b14..af47db818 100644
--- a/p/themes/BlueLagoon/BlueLagoon.css
+++ b/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 */
diff --git a/p/themes/BlueLagoon/BlueLagoon.rtl.css b/p/themes/BlueLagoon/BlueLagoon.rtl.css
index 6034cbf37..56cf33a5f 100644
--- a/p/themes/BlueLagoon/BlueLagoon.rtl.css
+++ b/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 */
diff --git a/p/themes/Dark/dark.css b/p/themes/Dark/dark.css
index 0025bd3e7..fa200c115 100644
--- a/p/themes/Dark/dark.css
+++ b/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 */
diff --git a/p/themes/Dark/dark.rtl.css b/p/themes/Dark/dark.rtl.css
index 2f989cb4e..a2da93863 100644
--- a/p/themes/Dark/dark.rtl.css
+++ b/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 */
diff --git a/p/themes/Flat/flat.css b/p/themes/Flat/flat.css
index b884a3621..c4374a675 100644
--- a/p/themes/Flat/flat.css
+++ b/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 */
diff --git a/p/themes/Flat/flat.rtl.css b/p/themes/Flat/flat.rtl.css
index 6c5ce024b..eb6120555 100644
--- a/p/themes/Flat/flat.rtl.css
+++ b/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 */
diff --git a/p/themes/Mapco/mapco.css b/p/themes/Mapco/mapco.css
index 76fd4dc46..16a840c41 100644
--- a/p/themes/Mapco/mapco.css
+++ b/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 */
diff --git a/p/themes/Mapco/mapco.rtl.css b/p/themes/Mapco/mapco.rtl.css
index 81981d2f1..e91161df9 100644
--- a/p/themes/Mapco/mapco.rtl.css
+++ b/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 */
diff --git a/p/themes/Origine-compact/origine-compact.css b/p/themes/Origine-compact/origine-compact.css
index 3f78c5f07..6a2a045b6 100644
--- a/p/themes/Origine-compact/origine-compact.css
+++ b/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 */
diff --git a/p/themes/Origine-compact/origine-compact.rtl.css b/p/themes/Origine-compact/origine-compact.rtl.css
index 9d74d309b..2c3256006 100644
--- a/p/themes/Origine-compact/origine-compact.rtl.css
+++ b/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 */
diff --git a/p/themes/Origine/origine.css b/p/themes/Origine/origine.css
index fa9076785..0ac90100b 100644
--- a/p/themes/Origine/origine.css
+++ b/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 */
diff --git a/p/themes/Origine/origine.rtl.css b/p/themes/Origine/origine.rtl.css
index c5c3f9910..c7d6695e5 100644
--- a/p/themes/Origine/origine.rtl.css
+++ b/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 */
diff --git a/p/themes/Pafat/pafat.css b/p/themes/Pafat/pafat.css
index 10a0838e0..d8fc4f05e 100644
--- a/p/themes/Pafat/pafat.css
+++ b/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 */
diff --git a/p/themes/Pafat/pafat.rtl.css b/p/themes/Pafat/pafat.rtl.css
index 7f20c4265..877fc5f35 100644
--- a/p/themes/Pafat/pafat.rtl.css
+++ b/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 */
diff --git a/p/themes/Screwdriver/screwdriver.css b/p/themes/Screwdriver/screwdriver.css
index 17a3535d1..7a77c4d6a 100644
--- a/p/themes/Screwdriver/screwdriver.css
+++ b/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 */
diff --git a/p/themes/Screwdriver/screwdriver.rtl.css b/p/themes/Screwdriver/screwdriver.rtl.css
index 4e9e20d7f..98147089a 100644
--- a/p/themes/Screwdriver/screwdriver.rtl.css
+++ b/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 */
diff --git a/p/themes/Swage/swage.css b/p/themes/Swage/swage.css
index 503e886e3..ebd04b550 100644
--- a/p/themes/Swage/swage.css
+++ b/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 {
diff --git a/p/themes/Swage/swage.rtl.css b/p/themes/Swage/swage.rtl.css
index 60a6826c8..795dc2398 100644
--- a/p/themes/Swage/swage.rtl.css
+++ b/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 {
diff --git a/p/themes/Swage/swage.scss b/p/themes/Swage/swage.scss
index 9c9798cdc..f47e2dec7 100644
--- a/p/themes/Swage/swage.scss
+++ b/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%);
 		}
 	}
 }
diff --git a/p/themes/base-theme/base.css b/p/themes/base-theme/base.css
index c05d49fe6..dfa754bae 100644
--- a/p/themes/base-theme/base.css
+++ b/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;
diff --git a/p/themes/base-theme/base.rtl.css b/p/themes/base-theme/base.rtl.css
index e4b5b405a..3cf89350b 100644
--- a/p/themes/base-theme/base.rtl.css
+++ b/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;