Improved: Cleanup CSS of ".log" (#4594)

* themes css

* Log Level CSS class improved

* SCSS

* RTL CSS

app/views/index/logs.phtml

@@ -24,8 +24,8 @@
 			</thead>
 			<tbody>
 		<?php foreach ($items as $log) { ?>
-		<tr class="log-item">
-			<td class="log-<?= $log->level() ?>">
+		<tr class="log-item log-<?= $log->level() ?>">
+			<td class="log-level">
 				<?= _i($log->level()) ?>
 			</td>
 			<td class="log-date">

p/themes/Alternative-Dark/adark.css

@@ -944,50 +944,6 @@ a.btn {
 	border-bottom: 1px solid #ddd;
 }
 
-/*=== LOGS */
-/*=========*/
-.loglist {
-	border: 1px solid #aaa;
-	border-radius: 5px;
-	overflow: hidden;
-}
-
-.log {
-	padding: 5px 10px;
-	background: #fafafa;
-	color: #333;
-	font-size: 0.8rem;
-}
-
-.log+.log {
-	border-top: 1px solid #aaa;
-}
-
-.log .date {
-	display: block;
-	font-weight: bold;
-}
-
-.log.error {
-	background: #fdd;
-	color: #844;
-}
-
-.log.warning {
-	background: #ffe;
-	color: #c95;
-}
-
-.log.notice {
-	background: #f4f4f4;
-	color: #aaa;
-}
-
-.log.debug {
-	background: #333;
-	color: #eee;
-}
-
 /*=== MOBILE */
 /*===========*/
 

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

@@ -944,50 +944,6 @@ a.btn {
 	border-bottom: 1px solid #ddd;
 }
 
-/*=== LOGS */
-/*=========*/
-.loglist {
-	border: 1px solid #aaa;
-	border-radius: 5px;
-	overflow: hidden;
-}
-
-.log {
-	padding: 5px 10px;
-	background: #fafafa;
-	color: #333;
-	font-size: 0.8rem;
-}
-
-.log+.log {
-	border-top: 1px solid #aaa;
-}
-
-.log .date {
-	display: block;
-	font-weight: bold;
-}
-
-.log.error {
-	background: #fdd;
-	color: #844;
-}
-
-.log.warning {
-	background: #ffe;
-	color: #c95;
-}
-
-.log.notice {
-	background: #f4f4f4;
-	color: #aaa;
-}
-
-.log.debug {
-	background: #333;
-	color: #eee;
-}
-
 /*=== MOBILE */
 /*===========*/
 

p/themes/Ansum/_logs.scss

@@ -2,40 +2,6 @@
 
 /*=== LOGS */
 /*=========*/
-.loglist {
-	overflow: hidden;
-	border: 1px solid variables.$grey-medium-dark;
-}
-
-.log {
-	margin: 10px 0;
-	padding: 5px 2%;
-	background: variables.$grey-lighter;
-	color: variables.$grey-dark;
-	font-size: 0.8rem;
-	overflow: auto;
-}
-
-.log > .date {
-	margin: 0 10px 0 0;
-	padding: 5px 10px;
-	border-radius: 20px;
-}
-
-.log.error > .date {
-	background: variables.$alert-bg;
-	color: #fff;
-}
-
-.log.warning > .date {
-	background: variables.$warning-bg;
-}
-
-.log.notice > .date {
-	background: variables.$grey-light;
-}
-
-.log.debug > .date {
-	background: variables.$main-first-darker;
-	color: variables.$white;
+.log-item.log-error {
+	background-color: rgba(variables.$main-first, 0.2);
 }

p/themes/Ansum/ansum.css

@@ -1181,42 +1181,8 @@ main.prompt {
 
 /*=== LOGS */
 /*=========*/
-.loglist {
-	overflow: hidden;
-	border: 1px solid #ba9;
-}
-
-.log {
-	margin: 10px 0;
-	padding: 5px 2%;
-	background: #fcfaf8;
-	color: #766556;
-	font-size: 0.8rem;
-	overflow: auto;
-}
-
-.log > .date {
-	margin: 0 10px 0 0;
-	padding: 5px 10px;
-	border-radius: 20px;
-}
-
-.log.error > .date {
-	background: #f5633e;
-	color: #fff;
-}
-
-.log.warning > .date {
-	background: #f4f762;
-}
-
-.log.notice > .date {
-	background: #f5f0ec;
-}
-
-.log.debug > .date {
-	background: #221f1d;
-	color: #fff;
+.log-item.log-error {
+	background-color: rgba(202, 114, 39, 0.2);
 }
 
 /*=== STATISTICS */

p/themes/Ansum/ansum.rtl.css

@@ -1181,42 +1181,8 @@ main.prompt {
 
 /*=== LOGS */
 /*=========*/
-.loglist {
-	overflow: hidden;
-	border: 1px solid #ba9;
-}
-
-.log {
-	margin: 10px 0;
-	padding: 5px 2%;
-	background: #fcfaf8;
-	color: #766556;
-	font-size: 0.8rem;
-	overflow: auto;
-}
-
-.log > .date {
-	margin: 0 0 0 10px;
-	padding: 5px 10px;
-	border-radius: 20px;
-}
-
-.log.error > .date {
-	background: #f5633e;
-	color: #fff;
-}
-
-.log.warning > .date {
-	background: #f4f762;
-}
-
-.log.notice > .date {
-	background: #f5f0ec;
-}
-
-.log.debug > .date {
-	background: #221f1d;
-	color: #fff;
+.log-item.log-error {
+	background-color: rgba(202, 114, 39, 0.2);
 }
 
 /*=== STATISTICS */

p/themes/BlueLagoon/BlueLagoon.css

@@ -1124,50 +1124,6 @@ a.btn {
 	box-shadow: 0 1px #fff;
 }
 
-/*=== LOGS */
-/*=========*/
-.loglist {
-	border: 1px solid #aaa;
-	border-radius: 5px;
-	overflow: hidden;
-}
-
-.log {
-	padding: 5px 10px;
-	background: #fafafa;
-	color: #333;
-	font-size: 0.8rem;
-}
-
-.log+.log {
-	border-top: 1px solid #aaa;
-}
-
-.log .date {
-	display: block;
-	font-weight: bold;
-}
-
-.log.error {
-	background: #fdd;
-	color: #844;
-}
-
-.log.warning {
-	background: #ffe;
-	color: #c95;
-}
-
-.log.notice {
-	background: #f4f4f4;
-	color: #aaa;
-}
-
-.log.debug {
-	background: #333;
-	color: #eee;
-}
-
 #slider.active {
 	background: #f8f8f8;
 	box-shadow: -4px 0 4px rgba(15, 15, 15, 0.55);

p/themes/BlueLagoon/BlueLagoon.rtl.css

@@ -1124,50 +1124,6 @@ a.btn {
 	box-shadow: 0 1px #fff;
 }
 
-/*=== LOGS */
-/*=========*/
-.loglist {
-	border: 1px solid #aaa;
-	border-radius: 5px;
-	overflow: hidden;
-}
-
-.log {
-	padding: 5px 10px;
-	background: #fafafa;
-	color: #333;
-	font-size: 0.8rem;
-}
-
-.log+.log {
-	border-top: 1px solid #aaa;
-}
-
-.log .date {
-	display: block;
-	font-weight: bold;
-}
-
-.log.error {
-	background: #fdd;
-	color: #844;
-}
-
-.log.warning {
-	background: #ffe;
-	color: #c95;
-}
-
-.log.notice {
-	background: #f4f4f4;
-	color: #aaa;
-}
-
-.log.debug {
-	background: #333;
-	color: #eee;
-}
-
 #slider.active {
 	background: #f8f8f8;
 	box-shadow: 4px 0 4px rgba(15, 15, 15, 0.55);

p/themes/Dark/dark.css

@@ -1002,49 +1002,6 @@ a.btn {
 	border-bottom: 1px solid #333;
 }
 
-/*=== LOGS */
-/*=========*/
-.loglist {
-	overflow: hidden;
-	border: 1px solid #333;
-}
-
-.log {
-	padding: 5px 10px;
-	background: #111;
-	color: #888;
-	font-size: 0.8rem;
-}
-
-.log+.log {
-	border-top: 1px solid #333;
-}
-
-.log .date {
-	display: block;
-	font-weight: bold;
-}
-
-.log.error {
-	background: #a44;
-	color: #fff;
-}
-
-.log.warning {
-	background: #c95;
-	color: #fff;
-}
-
-.log.notice {
-	background: #ec9;
-	color: #000;
-}
-
-.log.debug {
-	background: #111;
-	color: #eee;
-}
-
 /*=== MOBILE */
 /*===========*/
 

p/themes/Dark/dark.rtl.css

@@ -1002,49 +1002,6 @@ a.btn {
 	border-bottom: 1px solid #333;
 }
 
-/*=== LOGS */
-/*=========*/
-.loglist {
-	overflow: hidden;
-	border: 1px solid #333;
-}
-
-.log {
-	padding: 5px 10px;
-	background: #111;
-	color: #888;
-	font-size: 0.8rem;
-}
-
-.log+.log {
-	border-top: 1px solid #333;
-}
-
-.log .date {
-	display: block;
-	font-weight: bold;
-}
-
-.log.error {
-	background: #a44;
-	color: #fff;
-}
-
-.log.warning {
-	background: #c95;
-	color: #fff;
-}
-
-.log.notice {
-	background: #ec9;
-	color: #000;
-}
-
-.log.debug {
-	background: #111;
-	color: #eee;
-}
-
 /*=== MOBILE */
 /*===========*/
 

p/themes/Flat/flat.css

@@ -1009,46 +1009,6 @@ a.btn {
 	border-bottom: 1px solid #ddd;
 }
 
-/*=== LOGS */
-/*=========*/
-.loglist {
-	overflow: hidden;
-	border: 1px solid #aaa;
-}
-
-.log {
-	margin: 10px 0;
-	padding: 5px 2%;
-	background: #fafafa;
-	color: #666;
-	font-size: 0.8rem;
-	overflow: auto;
-}
-
-.log > .date {
-	margin: 0 10px 0 0;
-	padding: 5px 10px;
-	border-radius: 20px;
-}
-
-.log.error > .date {
-	background: #e74c3c;
-	color: #fff;
-}
-
-.log.warning > .date {
-	background: #f39c12;
-}
-
-.log.notice > .date {
-	background: #ecf0f1;
-}
-
-.log.debug > .date {
-	background: #111;
-	color: #eee;
-}
-
 /*=== MOBILE */
 /*===========*/
 

p/themes/Flat/flat.rtl.css

@@ -1009,46 +1009,6 @@ a.btn {
 	border-bottom: 1px solid #ddd;
 }
 
-/*=== LOGS */
-/*=========*/
-.loglist {
-	overflow: hidden;
-	border: 1px solid #aaa;
-}
-
-.log {
-	margin: 10px 0;
-	padding: 5px 2%;
-	background: #fafafa;
-	color: #666;
-	font-size: 0.8rem;
-	overflow: auto;
-}
-
-.log > .date {
-	margin: 0 0 0 10px;
-	padding: 5px 10px;
-	border-radius: 20px;
-}
-
-.log.error > .date {
-	background: #e74c3c;
-	color: #fff;
-}
-
-.log.warning > .date {
-	background: #f39c12;
-}
-
-.log.notice > .date {
-	background: #ecf0f1;
-}
-
-.log.debug > .date {
-	background: #111;
-	color: #eee;
-}
-
 /*=== MOBILE */
 /*===========*/
 

p/themes/Mapco/_logs.scss

@@ -2,40 +2,6 @@
 
 /*=== LOGS */
 /*=========*/
-.loglist {
-	overflow: hidden;
-	border: 1px solid variables.$grey-medium-dark;
-}
-
-.log {
-	margin: 10px 0;
-	padding: 5px 2%;
-	background: variables.$grey-lighter;
-	color: variables.$grey-dark;
-	font-size: 0.8rem;
-	overflow: auto;
-}
-
-.log > .date {
-	margin: 0 10px 0 0;
-	padding: 5px 10px;
-	border-radius: 20px;
-}
-
-.log.error > .date {
-	background: variables.$alert-bg;
-	color: #fff;
-}
-
-.log.warning > .date {
-	background: variables.$warning-bg;
-}
-
-.log.notice > .date {
-	background: variables.$grey-light;
-}
-
-.log.debug > .date {
-	background: variables.$main-first-darker;
-	color: variables.$white;
+.log-item.log-error {
+	background-color: rgba(variables.$main-first, 0.2);
 }

p/themes/Mapco/mapco.css

@@ -1210,42 +1210,8 @@ main.prompt {
 
 /*=== LOGS */
 /*=========*/
-.loglist {
-	overflow: hidden;
-	border: 1px solid #a6a7ae;
-}
-
-.log {
-	margin: 10px 0;
-	padding: 5px 2%;
-	background: #f9fafb;
-	color: #5b6871;
-	font-size: 0.8rem;
-	overflow: auto;
-}
-
-.log > .date {
-	margin: 0 10px 0 0;
-	padding: 5px 10px;
-	border-radius: 20px;
-}
-
-.log.error > .date {
-	background: #f5633e;
-	color: #fff;
-}
-
-.log.warning > .date {
-	background: #f4f762;
-}
-
-.log.notice > .date {
-	background: #eff0f2;
-}
-
-.log.debug > .date {
-	background: #1d1e22;
-	color: #fff;
+.log-item.log-error {
+	background-color: rgba(51, 102, 204, 0.2);
 }
 
 /*=== STATISTICS */

p/themes/Mapco/mapco.rtl.css

@@ -1210,42 +1210,8 @@ main.prompt {
 
 /*=== LOGS */
 /*=========*/
-.loglist {
-	overflow: hidden;
-	border: 1px solid #a6a7ae;
-}
-
-.log {
-	margin: 10px 0;
-	padding: 5px 2%;
-	background: #f9fafb;
-	color: #5b6871;
-	font-size: 0.8rem;
-	overflow: auto;
-}
-
-.log > .date {
-	margin: 0 0 0 10px;
-	padding: 5px 10px;
-	border-radius: 20px;
-}
-
-.log.error > .date {
-	background: #f5633e;
-	color: #fff;
-}
-
-.log.warning > .date {
-	background: #f4f762;
-}
-
-.log.notice > .date {
-	background: #eff0f2;
-}
-
-.log.debug > .date {
-	background: #1d1e22;
-	color: #fff;
+.log-item.log-error {
+	background-color: rgba(51, 102, 204, 0.2);
 }
 
 /*=== STATISTICS */

p/themes/Nord/nord.css

@@ -1100,22 +1100,6 @@ input.extend {
 	background-color: var(--bg);
 }
 
-/*=== LOGS */
-/*=========*/
-.loglist {
-	overflow: hidden;
-}
-
-.log {
-	padding: 5px 10px;
-	font-size: 0.8rem;
-}
-
-.log .date {
-	display: block;
-	font-weight: bold;
-}
-
 /*=== MOBILE */
 /*===========*/
 

p/themes/Nord/nord.rtl.css

@@ -1100,22 +1100,6 @@ input.extend {
 	background-color: var(--bg);
 }
 
-/*=== LOGS */
-/*=========*/
-.loglist {
-	overflow: hidden;
-}
-
-.log {
-	padding: 5px 10px;
-	font-size: 0.8rem;
-}
-
-.log .date {
-	display: block;
-	font-weight: bold;
-}
-
 /*=== MOBILE */
 /*===========*/
 

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

@@ -1072,50 +1072,6 @@ a.btn,
 	border-bottom: 1px solid #ddd;
 }
 
-/*=== LOGS */
-/*=========*/
-.loglist {
-	border: 1px solid #aaa;
-	border-radius: 5px;
-	overflow: hidden;
-}
-
-.log {
-	padding: 5px 10px;
-	background: #fafafa;
-	color: #333;
-	font-size: 0.8rem;
-}
-
-.log+.log {
-	border-top: 1px solid #aaa;
-}
-
-.log .date {
-	display: block;
-	font-weight: bold;
-}
-
-.log.error {
-	background: #fdd;
-	color: #844;
-}
-
-.log.warning {
-	background: #ffe;
-	color: #c95;
-}
-
-.log.notice {
-	background: #f4f4f4;
-	color: #aaa;
-}
-
-.log.debug {
-	background: #333;
-	color: #eee;
-}
-
 /*=== MOBILE */
 /*===========*/
 

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

@@ -1072,50 +1072,6 @@ a.btn,
 	border-bottom: 1px solid #ddd;
 }
 
-/*=== LOGS */
-/*=========*/
-.loglist {
-	border: 1px solid #aaa;
-	border-radius: 5px;
-	overflow: hidden;
-}
-
-.log {
-	padding: 5px 10px;
-	background: #fafafa;
-	color: #333;
-	font-size: 0.8rem;
-}
-
-.log+.log {
-	border-top: 1px solid #aaa;
-}
-
-.log .date {
-	display: block;
-	font-weight: bold;
-}
-
-.log.error {
-	background: #fdd;
-	color: #844;
-}
-
-.log.warning {
-	background: #ffe;
-	color: #c95;
-}
-
-.log.notice {
-	background: #f4f4f4;
-	color: #aaa;
-}
-
-.log.debug {
-	background: #333;
-	color: #eee;
-}
-
 /*=== MOBILE */
 /*===========*/
 

p/themes/Origine/origine.css

@@ -998,49 +998,6 @@ a.btn {
 	font-family: monospace;
 }
 
-/****old******/
-.loglist {
-	border: 1px solid #aaa;
-	border-radius: 5px;
-	overflow: hidden;
-}
-
-.log {
-	padding: 5px 10px;
-	background: #fafafa;
-	color: #333;
-	font-size: 0.8rem;
-}
-
-.log+.log {
-	border-top: 1px solid #aaa;
-}
-
-.log .date {
-	display: block;
-	font-weight: bold;
-}
-
-.log.error {
-	background: #fdd;
-	color: #844;
-}
-
-.log.warning {
-	background: #ffe;
-	color: #c95;
-}
-
-.log.notice {
-	background: #f4f4f4;
-	color: #aaa;
-}
-
-.log.debug {
-	background: #333;
-	color: #eee;
-}
-
 /*=== MOBILE */
 /*===========*/
 

p/themes/Origine/origine.rtl.css

@@ -998,49 +998,6 @@ a.btn {
 	font-family: monospace;
 }
 
-/****old******/
-.loglist {
-	border: 1px solid #aaa;
-	border-radius: 5px;
-	overflow: hidden;
-}
-
-.log {
-	padding: 5px 10px;
-	background: #fafafa;
-	color: #333;
-	font-size: 0.8rem;
-}
-
-.log+.log {
-	border-top: 1px solid #aaa;
-}
-
-.log .date {
-	display: block;
-	font-weight: bold;
-}
-
-.log.error {
-	background: #fdd;
-	color: #844;
-}
-
-.log.warning {
-	background: #ffe;
-	color: #c95;
-}
-
-.log.notice {
-	background: #f4f4f4;
-	color: #aaa;
-}
-
-.log.debug {
-	background: #333;
-	color: #eee;
-}
-
 /*=== MOBILE */
 /*===========*/
 

p/themes/Pafat/pafat.css

@@ -986,50 +986,6 @@ a.signin {
 	text-align: center;
 }
 
-/*=== LOGS */
-/*=========*/
-.loglist {
-	border: 1px solid #aaa;
-	border-radius: 5px;
-	overflow: hidden;
-}
-
-.log {
-	padding: 5px 10px;
-	background: #fafafa;
-	color: #41444f;
-	font-size: 0.8rem;
-}
-
-.log+.log {
-	border-top: 1px solid #aaa;
-}
-
-.log .date {
-	display: block;
-	font-weight: bold;
-}
-
-.log.error {
-	background: #fdd;
-	color: #844;
-}
-
-.log.warning {
-	background: #ffe;
-	color: #c95;
-}
-
-.log.notice {
-	background: #f4f4f4;
-	color: #aaa;
-}
-
-.log.debug {
-	background: #41444f;
-	color: #eee;
-}
-
 /*=== MOBILE */
 /*===========*/
 

p/themes/Pafat/pafat.rtl.css

@@ -986,50 +986,6 @@ a.signin {
 	text-align: center;
 }
 
-/*=== LOGS */
-/*=========*/
-.loglist {
-	border: 1px solid #aaa;
-	border-radius: 5px;
-	overflow: hidden;
-}
-
-.log {
-	padding: 5px 10px;
-	background: #fafafa;
-	color: #41444f;
-	font-size: 0.8rem;
-}
-
-.log+.log {
-	border-top: 1px solid #aaa;
-}
-
-.log .date {
-	display: block;
-	font-weight: bold;
-}
-
-.log.error {
-	background: #fdd;
-	color: #844;
-}
-
-.log.warning {
-	background: #ffe;
-	color: #c95;
-}
-
-.log.notice {
-	background: #f4f4f4;
-	color: #aaa;
-}
-
-.log.debug {
-	background: #41444f;
-	color: #eee;
-}
-
 /*=== MOBILE */
 /*===========*/
 

p/themes/Screwdriver/screwdriver.css

@@ -1101,50 +1101,6 @@ a.btn {
 	box-shadow: 0 1px #fff;
 }
 
-/*=== LOGS */
-/*=========*/
-.loglist {
-	border: 1px solid #aaa;
-	border-radius: 5px;
-	overflow: hidden;
-}
-
-.log {
-	padding: 5px 10px;
-	background: #fafafa;
-	color: #333;
-	font-size: 0.8rem;
-}
-
-.log+.log {
-	border-top: 1px solid #aaa;
-}
-
-.log .date {
-	display: block;
-	font-weight: bold;
-}
-
-.log.error {
-	background: #fdd;
-	color: #844;
-}
-
-.log.warning {
-	background: #ffe;
-	color: #c95;
-}
-
-.log.notice {
-	background: #f4f4f4;
-	color: #aaa;
-}
-
-.log.debug {
-	background: #333;
-	color: #eee;
-}
-
 #slider.active {
 	background: #f8f8f8;
 	box-shadow: -4px 0 4px rgba(15, 15, 15, 0.55);

p/themes/Screwdriver/screwdriver.rtl.css

@@ -1101,50 +1101,6 @@ a.btn {
 	box-shadow: 0 1px #fff;
 }
 
-/*=== LOGS */
-/*=========*/
-.loglist {
-	border: 1px solid #aaa;
-	border-radius: 5px;
-	overflow: hidden;
-}
-
-.log {
-	padding: 5px 10px;
-	background: #fafafa;
-	color: #333;
-	font-size: 0.8rem;
-}
-
-.log+.log {
-	border-top: 1px solid #aaa;
-}
-
-.log .date {
-	display: block;
-	font-weight: bold;
-}
-
-.log.error {
-	background: #fdd;
-	color: #844;
-}
-
-.log.warning {
-	background: #ffe;
-	color: #c95;
-}
-
-.log.notice {
-	background: #f4f4f4;
-	color: #aaa;
-}
-
-.log.debug {
-	background: #333;
-	color: #eee;
-}
-
 #slider.active {
 	background: #f8f8f8;
 	box-shadow: 4px 0 4px rgba(15, 15, 15, 0.55);

p/themes/Swage/swage.css

@@ -967,36 +967,16 @@ a.signin {
 	font-size: 70%;
 }
 
-.loglist {
-	overflow: hidden;
-	border: 1px solid #969696;
-}
-
-.log {
-	padding: 5px 2%;
-	background: #fcfcfc;
-	font-size: 0.8rem;
-	overflow: auto;
-}
-.log > .date {
-	margin: 0 10px 0 0;
-	padding: 5px 10px;
-}
-.log.error > .date {
+.log-item.log-error {
 	background: #c46178;
 	color: #fcfcfc;
 }
-.log.warning > .date {
+.log-item.log-warning {
 	background: #fa8052;
 	color: #fcfcfc;
 }
-.log.notice > .date {
-	background: #e3e3e3;
-	color: #fcfcfc;
-}
-.log.debug > .date {
+.log-item.log-debug {
 	background: #181621;
-	color: #fcfcfc;
 }
 
 @media (max-width: 840px) {

p/themes/Swage/swage.rtl.css

@@ -967,36 +967,16 @@ a.signin {
 	font-size: 70%;
 }
 
-.loglist {
-	overflow: hidden;
-	border: 1px solid #969696;
-}
-
-.log {
-	padding: 5px 2%;
-	background: #fcfcfc;
-	font-size: 0.8rem;
-	overflow: auto;
-}
-.log > .date {
-	margin: 0 0 0 10px;
-	padding: 5px 10px;
-}
-.log.error > .date {
+.log-item.log-error {
 	background: #c46178;
 	color: #fcfcfc;
 }
-.log.warning > .date {
+.log-item.log-warning {
 	background: #fa8052;
 	color: #fcfcfc;
 }
-.log.notice > .date {
-	background: #e3e3e3;
-	color: #fcfcfc;
-}
-.log.debug > .date {
+.log-item.log-debug {
 	background: #181621;
-	color: #fcfcfc;
 }
 
 @media (max-width: 840px) {

p/themes/Swage/swage.scss

@@ -1225,40 +1225,19 @@ a.signin {
 	font-size: 70%;
 }
 
-.loglist {
-	overflow: hidden;
-	border: 1px solid color.adjust( $color_light, $lightness: -40% );
-}
-
-.log {
-	padding: 5px 2%;
-	background: $color_light;
-	font-size: 0.8rem;
-	overflow: auto;
-
-	> .date {
-		margin: 0 10px 0 0;
-		padding: 5px 10px;
-	}
-
-	&.error > .date {
+.log-item {
+	&.log-error {
 		background: color.adjust( $color_bad, $lightness: 10%);
 		color: $color_light;
 	}
 
-	&.warning > .date {
+	&.log-warning {
 		background: $color_alert;
 		color: $color_light;
 	}
 
-	&.notice > .date {
-		background: color.adjust( $color_light, $lightness: -10%);
-		color: $color_light;
-	}
-
-	&.debug > .date {
+	&.log-debug {
 		background: $color_text;
-		color: $color_light;
 	}
 }
 

p/themes/base-theme/base.css

@@ -800,37 +800,6 @@ a.btn {
 	text-align: center;
 }
 
-/*=== LOGS */
-/*=========*/
-.loglist {
-	overflow: hidden;
-}
-
-.log {
-	padding: 5px 10px;
-	font-size: 0.8rem;
-}
-
-.log+.log {
-}
-
-.log .date {
-	display: block;
-	font-weight: bold;
-}
-
-.log.error {
-}
-
-.log.warning {
-}
-
-.log.notice {
-}
-
-.log.debug {
-}
-
 /*=== MOBILE */
 /*===========*/
 

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

@@ -800,37 +800,6 @@ a.btn {
 	text-align: center;
 }
 
-/*=== LOGS */
-/*=========*/
-.loglist {
-	overflow: hidden;
-}
-
-.log {
-	padding: 5px 10px;
-	font-size: 0.8rem;
-}
-
-.log+.log {
-}
-
-.log .date {
-	display: block;
-	font-weight: bold;
-}
-
-.log.error {
-}
-
-.log.warning {
-}
-
-.log.notice {
-}
-
-.log.debug {
-}
-
 /*=== MOBILE */
 /*===========*/
 

p/themes/base-theme/template.css

@@ -710,7 +710,7 @@ input[type="checkbox"]:focus-visible {
 }
 
 .pagination {
-	margin: 0;
+	margin: 0 auto;
 	padding: 0;
 	display: table;
 	table-layout: fixed;
@@ -1698,13 +1698,14 @@ input:checked + .slide-container .properties {
 
 /*=== DIVERS */
 /*===========*/
-.log-error,
-.log-warning,
-.log-notice,
-.log-debug {
+.log-level {
 	text-align: center;
 }
 
+.log-item.log-error {
+	background-color: #bd362f44;
+}
+
 .item.share.error a::after,
 .category .title.error::before,
 .item.feed.error .item-title::before {

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

@@ -710,7 +710,7 @@ input[type="checkbox"]:focus-visible {
 }
 
 .pagination {
-	margin: 0;
+	margin: 0 auto;
 	padding: 0;
 	display: table;
 	table-layout: fixed;
@@ -1698,13 +1698,14 @@ input:checked + .slide-container .properties {
 
 /*=== DIVERS */
 /*===========*/
-.log-error,
-.log-warning,
-.log-notice,
-.log-debug {
+.log-level {
 	text-align: center;
 }
 
+.log-item.log-error {
+	background-color: #bd362f44;
+}
+
 .item.share.error a::after,
 .category .title.error::before,
 .item.feed.error .item-title::before {