pkp/pkp-lib#10392 Masthead styling initial

Author: jardakotesovec

.prettierignore

@@ -2,5 +2,6 @@ cypress/tests/**/*
 lib/pkp/cypress/**/*
 lib/pkp/js/classes/**/*
 lib/pkp/js/controllers/**/*
+plugins/themes/default/**/*
 
 package.json

plugins/themes/default/styles/index.less

@@ -35,6 +35,7 @@
 @import "pages/indexJournal.less";
 @import "pages/category.less";
 @import "pages/contact.less";
+@import "pages/masthead.less";
 @import "pages/issueArchive.less";
 @import "pages/login.less";
 @import "pages/lostPassword.less";

plugins/themes/default/styles/pages/masthead.less

@@ -0,0 +1,54 @@
+/*
+ * @file  plugins/themes/default/styles/pages/masthead.less
+ *
+ * Copyright (c) 2014-2024 Simon Fraser University
+ * Copyright (c) 2003-2024 John Willinsky
+ * Distributed under the GNU GPL v3. For full terms see the file docs/COPYING.
+ *
+ * @brief Styles applying to the masthead and editorial history page
+ * @link templates/frontend/pages/editorialMasthead.tpl
+ * @link templates/frontend/pages/editorialHistory.tpl
+ */
+
+.page_masthead {
+	h2 {
+		margin-top: @double;
+		margin-bottom: @base;
+	}
+
+	.user_listing {
+		li {
+			margin-bottom: @double;
+		}
+		li > span {
+			display: block;
+		}
+		list-style-type: none;
+		padding: 0;
+		margin-top: @half;
+
+		.name {
+			font-weight: bold;
+		}
+
+		.affiliation {
+			font-size: @font-sml;
+			color: @text-light;
+		}
+
+		.date_start {
+			font-size: @font-sml;
+			color: @text-light;
+		}
+
+		.orcid {
+			font-size: @font-sml;
+		}
+
+		.orcid_icon {
+			width: 1.4rem;
+			height: 1.4rem;
+			margin: 0;
+		}
+	}
+}