From 23010abcb8e9637d495f97132b25640e1b6f811e Mon Sep 17 00:00:00 2001
From: Marc Alexander <admin@m-a-styles.de>
Date: Sun, 3 Nov 2024 19:50:24 +0100
Subject: [PATCH 01/13] [ticket/17459] Increase font sizes

PHPBB-17459
---
 phpBB/styles/prosilver/theme/buttons.css    |   8 +-
 phpBB/styles/prosilver/theme/colours.css    |  20 +---
 phpBB/styles/prosilver/theme/common.css     |  72 ++++++-------
 phpBB/styles/prosilver/theme/content.css    | 108 ++++++++++----------
 phpBB/styles/prosilver/theme/cp.css         |  33 +++---
 phpBB/styles/prosilver/theme/forms.css      |  26 ++---
 phpBB/styles/prosilver/theme/icons.css      |  22 ++--
 phpBB/styles/prosilver/theme/links.css      |   4 +-
 phpBB/styles/prosilver/theme/responsive.css |   4 +-
 9 files changed, 144 insertions(+), 153 deletions(-)

diff --git a/phpBB/styles/prosilver/theme/buttons.css b/phpBB/styles/prosilver/theme/buttons.css
index cf15eb394f..f51510e0b9 100644
--- a/phpBB/styles/prosilver/theme/buttons.css
+++ b/phpBB/styles/prosilver/theme/buttons.css
@@ -4,7 +4,7 @@
 
 .button {
 	font-family: "Open Sans", "Droid Sans", Verdana, Arial, Helvetica;
-	font-size: 13px;
+	font-size: 16px;
 	font-weight: 600;
 	line-height: 1.4;
 	text-align: center;
@@ -16,7 +16,7 @@
 	justify-content: center;
 	align-items: center;
 	box-sizing: border-box;
-	height: 24px;
+	height: 30px;
 	padding: 2px 8px;
 	cursor: pointer;
 	touch-action: manipulation;
@@ -185,11 +185,11 @@
 
 /* Responsive buttons in post body */
 .post-buttons .dropdown {
-	top: 18px;
+	top: 30px;
 }
 
 .post-buttons .dropdown a {
-	font-size: 13px;
+	font-size: 16px;
 	text-align: right;
 	display: block;
 	justify-content: start;
diff --git a/phpBB/styles/prosilver/theme/colours.css b/phpBB/styles/prosilver/theme/colours.css
index eb16158cc3..4af5c10fb9 100644
--- a/phpBB/styles/prosilver/theme/colours.css
+++ b/phpBB/styles/prosilver/theme/colours.css
@@ -97,15 +97,11 @@ th a:hover {
 .headerbar,
 .forumbg {
 	background-color: #13a4ec;
-	background-image: -webkit-gradient(linear, left top, left bottom, from(#80d5ff), color-stop(0.1%, #0077b3), color-stop(30%, #13a4ec), to(#13a4ec));
-	background-image: linear-gradient(to bottom, #80d5ff 0%, #0077b3 0.1%, #13a4ec 30%, #13a4ec 100%);
 	background-repeat: repeat-x;
 }
 
 .forabg {
-	background-color: #0077b3;
-	background-image: -webkit-gradient(linear, left top, left bottom, from(#80d5ff), color-stop(0.1%, #13a4ec), color-stop(30%, #0077b3), to(#0077b3));
-	background-image: linear-gradient(to bottom, #80d5ff 0%, #13a4ec 0.1%, #0077b3 30%, #0077b3 100%);
+	background-color: #13a4ec;
 	background-repeat: repeat-x;
 }
 
@@ -413,9 +409,7 @@ p.post-notice {
 
 /*	colours and backgrounds for content.css */
 ul.forums {
-	background-color: #edf4f7;
-	background-image: -webkit-gradient(linear, left top, left bottom, from(#b8d3e0), to(#edf4f7));
-	background-image: linear-gradient(to bottom, #b8d3e0 0%, #edf4f7 100%);
+	background-color: #d2e4ec;
 }
 
 ul.topiclist > li {
@@ -441,7 +435,7 @@ li.row strong {
 }
 
 li.row:hover {
-	background-color: #fffbcc;
+	background-color: #cde9f5;
 }
 
 li.row:hover dd {
@@ -862,11 +856,7 @@ ul.cplist {
 .tabs .activetab > a,
 .tabs .activetab > a:hover {
 	background-color: #c9dee8;
-	background-image: -webkit-gradient(linear, left top, left bottom, from(#e6f7ff), to(#c9dee8));
-	background-image: linear-gradient(to bottom, #e6f7ff 0%, #c9dee8 100%);
 	border-color: #c9dee8;
-	-webkit-box-shadow: 0 1px 1px #e6f7ff inset;
-	box-shadow: 0 1px 1px #e6f7ff inset;
 	color: #212121;
 }
 
@@ -885,9 +875,7 @@ ul.cplist {
 
 /* link styles for the sub-section links */
 .navigation a {
-	background: #c0d3dd;
-	background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #aab9c0), to(#c0d3dd));
-	background-image: linear-gradient(to right, #aab9c0 50%, #c0d3dd 100%);
+	background: #b5c6cf;
 	color: #212121;
 }
 
diff --git a/phpBB/styles/prosilver/theme/common.css b/phpBB/styles/prosilver/theme/common.css
index 59db92a032..e4b12fb2e4 100644
--- a/phpBB/styles/prosilver/theme/common.css
+++ b/phpBB/styles/prosilver/theme/common.css
@@ -24,7 +24,7 @@ body {
 h1 {
 	/* Forum name */
 	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
-	font-size: 20px;
+	font-size: 24px;
 	font-weight: bold;
 	margin-top: 15px;
 	margin-right: 200px;
@@ -33,7 +33,7 @@ h1 {
 h2 {
 	/* Forum header titles */
 	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
-	font-size: 20px;
+	font-size: 24px;
 	font-weight: normal;
 	margin: 0.8em 0 0.2em;
 }
@@ -45,7 +45,7 @@ h2.solo {
 h3 {
 	/* Sub-headers (also used as post headers, but defined later) */
 	font-family: Arial, Helvetica, sans-serif;
-	font-size: 12px;
+	font-size: 16px;
 	font-weight: bold;
 	text-transform: uppercase;
 	border-bottom: 1px solid transparent;
@@ -57,13 +57,13 @@ h3 {
 h4 {
 	/* Forum and topic list titles */
 	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
-	font-size: 13px;
+	font-size: 18px;
 }
 
 p {
-	font-size: 11px;
-	line-height: 14px;
-	margin-bottom: 16px;
+	font-size: 14px;
+	line-height: 18px;
+	margin-bottom: 20px;
 }
 
 img {
@@ -228,7 +228,7 @@ a:hover {
 
 .panel {
 	border-radius: 7px;
-	margin-bottom: 4px;
+	margin-bottom: 8px;
 	padding: 5px 10px;
 }
 
@@ -262,8 +262,8 @@ ul.linklist {
 }
 
 ul.linklist > li {
-	font-size: 11px;
-	line-height: 24px;
+	font-size: 14px;
+	line-height: 30px;
 	float: left;
 	width: auto;
 	margin-right: 7px;
@@ -434,12 +434,12 @@ a.header-avatar img {
 }
 
 .dropdown-button-control .dropdown {
-	top: 24px;
+	top: 30px;
 }
 
 .dropdown-button-control.dropdown-up .dropdown {
 	top: auto;
-	bottom: 24px;
+	bottom: 30px;
 }
 
 .dropdown .pointer,
@@ -556,7 +556,7 @@ a.header-avatar img {
 }
 
 .dropdown li {
-	font-size: 11px !important;
+	font-size: 14px !important;
 	line-height: normal !important;
 	text-align: left;
 	white-space: nowrap;
@@ -678,9 +678,9 @@ table.table1 {
 }
 
 table.table1 thead th {
-	font-size: 10px;
+	font-size: 12px;
 	font-weight: normal;
-	line-height: 13px;
+	line-height: 15px;
 	text-transform: uppercase;
 	padding: 0 0 4px 3px;
 }
@@ -694,7 +694,7 @@ table.table1 tbody tr {
 }
 
 table.table1 td {
-	font-size: 11px;
+	font-size: 14px;
 }
 
 table.table1 tbody td {
@@ -831,7 +831,7 @@ table.info tbody th {
 
 dl.details {
 	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
-	font-size: 11px;
+	font-size: 14px;
 }
 
 dl.details dt {
@@ -882,7 +882,7 @@ fieldset.fields1 dl.pmlist dd.recipients {
 /* Action-bars (container for post/reply buttons, pagination, etc.)
 ---------------------------------------- */
 .action-bar {
-	font-size: 11px;
+	font-size: 14px;
 	margin: 4px 0;
 }
 
@@ -938,7 +938,7 @@ fieldset.fields1 dl.pmlist dd.recipients {
 
 .pagination li.active span {
 	font-family: "Open Sans", "Droid Sans", Verdana, Arial, Helvetica;
-	font-size: 13px;
+	font-size: 16px;
 	font-weight: normal;
 	line-height: 1.4;
 	text-align: center;
@@ -962,7 +962,7 @@ fieldset.fields1 dl.pmlist dd.recipients {
 }
 
 .pagination li.page-jump a i {
-	font-size: 16px;
+	font-size: 20px;
 }
 
 .pagination .arrow a {
@@ -982,10 +982,10 @@ fieldset.fields1 dl.pmlist dd.recipients {
 
 .row .pagination li a,
 .row .pagination li span {
-	font-size: 9px;
+	font-size: 12px;
 	border-radius: 2px;
-	width: 14px;
-	height: 17px;
+	width: 17px;
+	height: 22px;
 	padding: 1px 3px;
 }
 
@@ -1026,7 +1026,7 @@ fieldset.fields1 dl.pmlist dd.recipients {
 .phpbb_alert div.alert_text > select,
 .phpbb_alert div.alert_text > textarea,
 .phpbb_alert div.alert_text > input {
-	font-size: 11px;
+	font-size: 14px;
 }
 
 .darkenwrapper {
@@ -1141,13 +1141,13 @@ fieldset.fields1 dl.pmlist dd.recipients {
 /* Miscellaneous styles
 ---------------------------------------- */
 .copyright {
-	font-size: 10px;
+	font-size: 12px;
 	text-align: center;
 	padding: 10px;
 }
 
 .footer-row {
-	font-size: 10px;
+	font-size: 12px;
 	line-height: 1.8;
 	margin: 0;
 }
@@ -1165,12 +1165,12 @@ fieldset.fields1 dl.pmlist dd.recipients {
 }
 
 .error {
-	font-size: 10px;
+	font-size: 12px;
 	font-weight: bold;
 }
 
 div.rules {
-	font-size: 11px;
+	font-size: 18px;
 	border-radius: 7px;
 	margin: 10px 0;
 	padding: 5px 10px;
@@ -1243,7 +1243,7 @@ ul.linklist:after,
 }
 
 .member-search strong {
-	font-size: 11px;
+	font-size: 14px;
 }
 
 .dropdown-extended {
@@ -1319,7 +1319,7 @@ ul.linklist:after,
 }
 
 .dropdown-extended .footer {
-	font-size: 12px;
+	font-size: 16px;
 	text-align: center;
 }
 
@@ -1372,7 +1372,7 @@ ul.linklist:after,
 }
 
 .notification-time {
-	font-size: 10px;
+	font-size: 12px;
 	text-align: right;
 	margin: 0;
 }
@@ -1388,7 +1388,7 @@ ul.linklist:after,
 
 .notifications-title {
 	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
-	font-size: 13px !important;
+	font-size: 16px !important;
 }
 
 .notifications-title strong {
@@ -1396,7 +1396,7 @@ ul.linklist:after,
 }
 
 .notifications-time {
-	font-size: 10px !important;
+	font-size: 12px !important;
 }
 
 .notification-text {
@@ -1404,16 +1404,16 @@ ul.linklist:after,
 }
 
 .badge {
-	font-size: 10px;
+	font-size: 12px;
 	line-height: 1;
 	text-align: center;
 	white-space: nowrap;
 	border-radius: 10px;
 	opacity: 0.8;
 	position: relative;
-	top: 3px;
+	top: 5px;
 	float: right;
-	margin-left: 3px;
+	margin-left: 5px;
 	padding: 4px 6px;
 }
 
diff --git a/phpBB/styles/prosilver/theme/content.css b/phpBB/styles/prosilver/theme/content.css
index d942e08b37..1d612e989d 100644
--- a/phpBB/styles/prosilver/theme/content.css
+++ b/phpBB/styles/prosilver/theme/content.css
@@ -37,7 +37,7 @@ ul.topiclist dd {
 }
 
 ul.topiclist dt {
-	font-size: 11px;
+	font-size: 14px;
 	width: 100%;
 	margin-right: -440px;
 }
@@ -55,7 +55,7 @@ ul.topiclist.two-columns dt {
 }
 
 ul.topiclist dt .list-inner {
-	line-height: 16px;
+	line-height: 20px;
 	margin-right: 440px;
 	padding-right: 5px;
 	padding-left: 5px;
@@ -140,8 +140,8 @@ li.row strong {
 li.header dt,
 li.header dd {
 	font-family: Arial, Helvetica, sans-serif;
-	font-size: 10px;
-	line-height: 16px;
+	font-size: 12px;
+	line-height: 20px;
 	text-transform: uppercase;
 	border-left-width: 0;
 	margin: 2px 0 4px;
@@ -193,7 +193,7 @@ dl.row-item dt {
 }
 
 dl.row-item dt .list-inner {
-	padding-left: 52px;			/* Space for folder icon */
+	padding-left: 54px;			/* Space for folder icon */
 }
 
 dl.row-item dt,
@@ -207,8 +207,8 @@ dd.topics,
 dd.views,
 dd.extra,
 dd.mark {
-	font-size: 12px;
-	line-height: 26px;
+	font-size: 16px;
+	line-height: 32px;
 	text-align: center;
 	width: 80px;
 }
@@ -236,16 +236,16 @@ dd.redirect,
 dd.moderation,
 dd.time,
 dd.info {
-	font-size: 11px;
+	font-size: 14px;
 	width: 250px;
 }
 
 dd.redirect {
-	line-height: 26px;
+	line-height: 32px;
 }
 
 dd.time {
-	line-height: 22px;
+	line-height: 26px;
 }
 
 dd.lastpost > span,
@@ -258,7 +258,7 @@ dd.moderation > span {
 }
 
 dd.lastpost > span {
-	line-height: 16px;
+	line-height: 20px;
 }
 
 dd.extra,
@@ -267,8 +267,8 @@ dd.mark {
 }
 
 dd.option {
-	font-size: 11px;
-	line-height: 22px;
+	font-size: 14px;
+	line-height: 28px;
 	text-align: center;
 	width: 125px;
 }
@@ -284,18 +284,18 @@ dd.option {
 }
 
 .postbody .ignore {
-	font-size: 11px;
+	font-size: 14px;
 }
 
 .postbody h3.first {
 	/* The first post on the page uses this */
-	font-size: 17px;
+	font-size: 20px;
 }
 
 .postbody h3 {
 	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
-	font-size: 15px;
-	line-height: 19px;
+	font-size: 18px;
+	line-height: 22px;
 	text-transform: none;
 	border: none;
 
@@ -317,7 +317,7 @@ dd.option {
 }
 
 .postbody .content {
-	font-size: 13px;
+	font-size: 16px;
 	overflow-x: auto;
 }
 
@@ -374,17 +374,17 @@ dd.option {
 ---------------------------------------- */
 .content {
 	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
-	font-size: 13px;
-	line-height: 18px;
+	font-size: 16px;
+	line-height: 24px;
 	clear: both;
 	overflow: hidden;
-	min-height: 30px;
+	min-height: 36px;
 	padding-bottom: 1px;
 }
 
 .content h2,
 .panel h2 {
-	font-size: 16px;
+	font-size: 20px;
 	font-weight: normal;
 	border-bottom: 1px solid transparent;
 	margin-top: 8px;
@@ -397,9 +397,9 @@ dd.option {
 }
 
 .panel p {
-	font-size: 12px;
-	line-height: 16px;
-	margin-bottom: 12px;
+	font-size: 16px;
+	line-height: 20px;
+	margin-bottom: 16px;
 }
 
 .content p {
@@ -407,9 +407,9 @@ dd.option {
 }
 
 .agreement {
-	font-size: 12px;
-	line-height: 17px;
-	margin-bottom: 10px;
+	font-size: 16px;
+	line-height: 20px;
+	margin-bottom: 14px;
 }
 
 .agreement-text {
@@ -419,10 +419,10 @@ dd.option {
 
 dl.faq {
 	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
-	font-size: 11px;
-	line-height: 15px;
-	margin-top: 11px;
-	margin-bottom: 22px;
+	font-size: 14px;
+	line-height: 20px;
+	margin-top: 14px;
+	margin-bottom: 28px;
 }
 
 dl.faq dt {
@@ -430,8 +430,8 @@ dl.faq dt {
 }
 
 .content dl.faq {
-	font-size: 12px;
-	margin-bottom: 6px;
+	font-size: 16px;
+	margin-bottom: 8px;
 }
 
 .content li {
@@ -450,22 +450,22 @@ dl.faq dt {
 /* Post author */
 p.author {
 	font-family: Verdana, Helvetica, Arial, sans-serif;
-	font-size: 10px;
-	line-height: 12px;
+	font-size: 12px;
+	line-height: 16px;
 	clear: both;
-	margin-bottom: 8px;
+	margin-bottom: 10px;
 	padding: 0 0 5px;
 }
 
 /* Post signature */
 .signature {
-	font-size: 11px;
-	line-height: 16px;
+	font-size: 14px;
+	line-height: 20px;
 	border-top: 1px solid transparent;
 	clear: left;
 	overflow: hidden;
 	width: 100%;
-	margin-top: 16px;
+	margin-top: 20px;
 	padding-top: 2px;
 }
 
@@ -493,18 +493,18 @@ dd .signature {
 /* Post noticies */
 .notice {
 	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
-	font-size: 10px;
-	line-height: 13px;
+	font-size: 12px;
+	line-height: 16px;
 	border-top: 1px dashed transparent;
 	clear: left;
 	width: auto;
-	margin-top: 15px;
+	margin-top: 18px;
 	padding-top: 2px;
 }
 
 /* Jump to post link for now */
 ul.searchresults {
-	font-size: 12px;
+	font-size: 16px;
 	text-align: right;
 	clear: both;
 	list-style: none;
@@ -551,20 +551,20 @@ blockquote cite > span {
 
 /* Code block */
 .codebox {
-	font-size: 13px;
+	font-size: 16px;
 	word-wrap: normal;
 	border: 1px solid transparent;
-	margin: 13px 0 16px;
+	margin: 16px 0 18px;
 }
 
 .codebox p {
-	font-size: 10px !important;
+	font-size: 12px !important;
 	font-weight: bold;
 	text-transform: uppercase;
 	border-bottom: 1px solid transparent;
 	display: block;
 	margin-bottom: 0;
-	padding: 3px;
+	padding: 4px;
 }
 
 blockquote .codebox {
@@ -584,7 +584,7 @@ blockquote .codebox {
 /* Attachments
 ---------------------------------------- */
 .attachbox {
-	font-size: 13px;
+	font-size: 16px;
 	border: 1px dashed transparent;
 	float: left;
 	clear: left;
@@ -715,7 +715,7 @@ fieldset.polls dl.voted {
 }
 
 fieldset.polls dt {
-	font-size: 11px;
+	font-size: 14px;
 	text-align: left;
 	border-right: none;
 	display: block;
@@ -726,7 +726,7 @@ fieldset.polls dt {
 }
 
 fieldset.polls dd {
-	font-size: 11px;
+	font-size: 14px;
 	border-left: none;
 	float: left;
 	width: 10%;
@@ -761,7 +761,7 @@ fieldset.polls dd div {
 }
 
 .vote-submitted {
-	font-size: 12px;
+	font-size: 16px;
 	font-weight: bold;
 	text-align: center;
 }
@@ -780,8 +780,8 @@ fieldset.polls dd div {
 
 .postprofile dd,
 .postprofile dt {
-	font-size: 10px;
-	line-height: 16px;
+	font-size: 12px;
+	line-height: 20px;
 	margin-left: 8px;
 }
 
diff --git a/phpBB/styles/prosilver/theme/cp.css b/phpBB/styles/prosilver/theme/cp.css
index 7daaccb08e..2f84fc9b12 100644
--- a/phpBB/styles/prosilver/theme/cp.css
+++ b/phpBB/styles/prosilver/theme/cp.css
@@ -24,12 +24,12 @@
 }
 
 .panel-container .panel p {
-	font-size: 11px;
+	font-size: 14px;
 }
 
 .panel-container .panel ol {
-	font-size: 11px;
-	margin-left: 22px;
+	font-size: 14px;
+	margin-left: 28px;
 }
 
 .panel-container .panel li.row {
@@ -80,7 +80,7 @@ ul.cplist {
 }
 
 .panel-container .postbody p.author {
-	font-size: 11px;
+	font-size: 14px;
 }
 
 .cp-main .buttons {
@@ -118,9 +118,9 @@ ul.cplist {
 
 .tabs .tab,
 .minitabs .tab {
-	font-size: 10px;
+	font-size: 12px;
 	font-weight: bold;
-	line-height: 14px;
+	line-height: 18px;
 	display: block;
 	float: left;
 }
@@ -144,7 +144,7 @@ ul.cplist {
 .tabs .tab > a {
 	border: 1px solid transparent;
 	border-radius: 4px 4px 0 0;
-	margin: 1px 1px 0 0;
+	margin: 1px 1px -1px 0;
 }
 
 .tabs .activetab > a {
@@ -180,12 +180,12 @@ ul.cplist {
 }
 
 .responsive-tab > a.responsive-tab-link {
-	font-size: 16px;
-	line-height: 14px;
+	font-size: 20px;
+	line-height: 18px;
 	text-decoration: none;
 	position: relative;
 	display: block;
-	width: 16px;
+	width: 20px;
 }
 
 .responsive-tab .responsive-tab-link:before {
@@ -201,7 +201,7 @@ ul.cplist {
 
 .tabs .dropdown,
 .minitabs .dropdown {
-	font-size: 11px;
+	font-size: 14px;
 	font-weight: normal;
 	top: 20px;
 	margin-right: -2px;
@@ -248,11 +248,14 @@ ul.cplist {
 
 /* Link styles for the sub-section links */
 .navigation a {
-	font-size: 10px;
+	font-size: 12px;
 	text-decoration: none;
 	display: block;
 	margin: 1px 0;
 	padding: 5px;
+	border: 1px solid transparent;
+	border-radius: 4px 0 0 4px;
+
 }
 
 .navigation a:hover {
@@ -269,12 +272,12 @@ ul.cplist {
 
 /* Friends list */
 .cp-mini {
-	font-size: 10px;
+	font-size: 12px;
 	border-radius: 7px;
 	overflow-y: auto;
 	max-height: 200px;
-	margin: 10px 15px 10px 5px;
-	padding: 5px 10px;
+	margin: 12px 15px 12px 5px;
+	padding: 5px 12px;
 }
 
 dl.mini dt {
diff --git a/phpBB/styles/prosilver/theme/forms.css b/phpBB/styles/prosilver/theme/forms.css
index 4f67fae1dc..288043c011 100644
--- a/phpBB/styles/prosilver/theme/forms.css
+++ b/phpBB/styles/prosilver/theme/forms.css
@@ -9,13 +9,13 @@
 ---------------------------------------- */
 fieldset {
 	font-family: Verdana, Helvetica, Arial, sans-serif;
-	font-size: 11px;
+	font-size: 14px;
 	border-width: 0;
 }
 
 input {
 	font-family: Verdana, Helvetica, Arial, sans-serif;
-	font-size: 11px;
+	font-size: 14px;
 	font-weight: normal;
 	vertical-align: middle;
 	padding: 0 3px;
@@ -23,7 +23,7 @@ input {
 
 select {
 	font-family: Verdana, Helvetica, Arial, sans-serif;
-	font-size: 11px;
+	font-size: 14px;
 	font-weight: normal;
 	vertical-align: middle;
 	border: 1px solid transparent;
@@ -36,18 +36,18 @@ select:focus {
 }
 
 option {
-	padding-right: 11px;
+	padding-right: 14px;
 }
 
 select optgroup option {
 	font-family: Verdana, Helvetica, Arial, sans-serif;
-	padding-right: 11px;
+	padding-right: 14px;
 }
 
 textarea {
 	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
-	font-size: 11px;
-	line-height: 18px;
+	font-size: 14px;
+	line-height: 20px;
 	width: 60%;
 	padding: 2px;
 }
@@ -184,7 +184,7 @@ fieldset.display-options a {
 }
 
 .dropdown fieldset.display-options {
-	font-size: 11px;
+	font-size: 14px;
 	margin: 0;
 	padding: 0;
 }
@@ -203,10 +203,10 @@ fieldset.display-options a {
 
 /* Display actions for ucp and mcp pages */
 fieldset.display-actions {
-	line-height: 22px;
+	line-height: 28px;
 	text-align: right;
 	white-space: nowrap;
-	padding-right: 11px;
+	padding-right: 14px;
 }
 
 fieldset.display-actions label {
@@ -216,7 +216,7 @@ fieldset.display-actions label {
 
 /* Not used anywhere */
 fieldset.sort-options {
-	line-height: 22px;
+	line-height: 28px;
 }
 
 /* MCP forum selection */
@@ -262,7 +262,7 @@ fieldset.submit-buttons input {
 
 .message-box textarea {
 	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
-	font-size: 13px;
+	font-size: 16px;
 	outline: 3px dashed transparent;
 	outline-offset: -4px;
 	-webkit-box-sizing: border-box;
@@ -369,7 +369,7 @@ input.disabled {
 	float: left;
 	-webkit-box-sizing: border-box;
 	box-sizing: border-box;
-	height: 24px;
+	height: 30px;
 	padding: 3px;
 }
 
diff --git a/phpBB/styles/prosilver/theme/icons.css b/phpBB/styles/prosilver/theme/icons.css
index d4b7dabefe..135f5d0675 100644
--- a/phpBB/styles/prosilver/theme/icons.css
+++ b/phpBB/styles/prosilver/theme/icons.css
@@ -12,14 +12,14 @@ svg {
 
 .o-icon {
 	vertical-align: middle !important;
-	width: 14px;
-	height: 14px;
+	width: 18px;
+	height: 18px;
 }
 
 .o-icon-src-mdi,
 .o-icon-src-ic {
-	width: 18px;
-	height: 18px;
+	width: 22px;
+	height: 22px;
 }
 
 .o-icon-src-fa {
@@ -28,7 +28,7 @@ svg {
 
 .o-icon-font {
 	font-family: "Font Awesome 6 Free", "Font Awesome 6 Brands";
-	font-size: 14px;
+	font-size: 18px;
 	font-style: normal;
 	font-variant: normal;
 	-webkit-font-smoothing: antialiased;
@@ -57,7 +57,7 @@ span + .o-icon {
 
 blockquote cite:before,
 .uncited:before {
-	font-size: 36px;
+	font-size: 40px;
 	vertical-align: bottom;
 	display: inline-block;
 	margin-top: 8px;
@@ -72,9 +72,9 @@ blockquote cite:before,
 
 .c-forum-row-icon,
 .c-notification-check-icon {
-	font-size: 20px;
-	width: 20px;
-	height: 20px;
+	font-size: 24px;
+	width: 24px;
+	height: 24px;
 	margin-top: 0;
 }
 
@@ -86,8 +86,8 @@ blockquote cite:before,
 	display: inline-flex;
 	justify-content: center;
 	align-items: center;
-	width: 32px;
-	height: 32px;
+	width: 36px;
+	height: 36px;
 	margin-top: -17px;
 	margin-left: 9px;
 }
diff --git a/phpBB/styles/prosilver/theme/links.css b/phpBB/styles/prosilver/theme/links.css
index 8405ba4224..6f68463306 100644
--- a/phpBB/styles/prosilver/theme/links.css
+++ b/phpBB/styles/prosilver/theme/links.css
@@ -69,7 +69,7 @@ a.forumtitle,
 a.topictitle,
 span.topictitle {
 	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
-	font-size: 13px;
+	font-size: 16px;
 	text-decoration: none;
 }
 
@@ -151,7 +151,7 @@ a.lastsubject:hover {
 }
 
 .top {
-	font-size: 12px;
+	font-size: 14px;
 	text-decoration: none;
 	margin-top: 10px;
 }
diff --git a/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css
index c3b946c0eb..c8f487c45f 100644
--- a/phpBB/styles/prosilver/theme/responsive.css
+++ b/phpBB/styles/prosilver/theme/responsive.css
@@ -152,7 +152,7 @@
 	}
 }
 
-@media (max-width: 700px) {
+@media (max-width: 750px) {
 	.responsive-hide {
 		display: none !important;
 	}
@@ -182,7 +182,7 @@
 	.wrap {
 		border: none;
 		border-radius: 0;
-		min-width: 290px;
+		min-width: 390px;
 		margin: 0;
 		padding: 0 5px;
 	}

From 2d392791ad439205531f3a59a6a7f2fd46c3ad33 Mon Sep 17 00:00:00 2001
From: Marc Alexander <admin@m-a-styles.de>
Date: Sun, 3 Nov 2024 19:51:27 +0100
Subject: [PATCH 02/13] [ticket/17459] Move mark forums read to quick links

PHPBB-17459
---
 phpBB/docs/events.md                               | 9 +++++++++
 phpBB/styles/prosilver/template/index_body.html    | 9 +--------
 phpBB/styles/prosilver/template/navbar_header.html | 7 +++++++
 3 files changed, 17 insertions(+), 8 deletions(-)

diff --git a/phpBB/docs/events.md b/phpBB/docs/events.md
index cc37ede34e..3dc40a907d 100644
--- a/phpBB/docs/events.md
+++ b/phpBB/docs/events.md
@@ -953,11 +953,19 @@ index_body_forumlist_body_after
 * Since: 3.1.1
 * Purpose: Add content after the forum list body on the index page
 
+index_body_forumlist_body_before
+===
+* Locations:
+    + styles/prosilver/template/index_body.html
+* Since: 4.0.0-a1
+* Purpose: Add content before the forum list body on the index page
+
 index_body_markforums_after
 ===
 * Locations:
     + styles/prosilver/template/index_body.html
 * Since: 3.1.0-RC2
+* Deprecated: 4.0.0-a1 Use index_body_forumlist_body_before instead
 * Purpose: Add content after the mark-read link above the forum list on Board index
 
 index_body_markforums_before
@@ -965,6 +973,7 @@ index_body_markforums_before
 * Locations:
     + styles/prosilver/template/index_body.html
 * Since: 3.1.0-RC2
+* Deprecated: 4.0.0-a1 Use index_body_forumlist_body_before instead
 * Purpose: Add content before the mark-read link above the forum list on Board index
 
 index_body_stat_blocks_after
diff --git a/phpBB/styles/prosilver/template/index_body.html b/phpBB/styles/prosilver/template/index_body.html
index c2102faddd..978c5dd2f3 100644
--- a/phpBB/styles/prosilver/template/index_body.html
+++ b/phpBB/styles/prosilver/template/index_body.html
@@ -1,15 +1,8 @@
 <!-- INCLUDE overall_header.html -->
 
-<p class="{S_CONTENT_FLOW_END} responsive-center time<!-- IF S_USER_LOGGED_IN --> rightside<!-- ENDIF -->"><!-- IF S_USER_LOGGED_IN -->{LAST_VISIT_DATE}<!-- ELSE -->{CURRENT_TIME}<!-- ENDIF --></p>
-<!-- IF S_USER_LOGGED_IN --><p class="responsive-center time">{CURRENT_TIME}</p><!-- ENDIF -->
-
 <!-- EVENT index_body_markforums_before -->
-<!-- IF U_MARK_FORUMS -->
-	<div class="action-bar compact">
-		<a href="{U_MARK_FORUMS}" class="mark-read rightside" accesskey="m" data-ajax="mark_forums_read">{L_MARK_FORUMS_READ}</a>
-	</div>
-<!-- ENDIF -->
 <!-- EVENT index_body_markforums_after -->
+<!-- EVENT index_body_forumlist_body_before -->
 
 <!-- INCLUDE forumlist_body.html -->
 
diff --git a/phpBB/styles/prosilver/template/navbar_header.html b/phpBB/styles/prosilver/template/navbar_header.html
index 8269f27fa6..6cd7ef4466 100644
--- a/phpBB/styles/prosilver/template/navbar_header.html
+++ b/phpBB/styles/prosilver/template/navbar_header.html
@@ -44,6 +44,13 @@
 									{{ Icon('font', 'file-lines', lang('SEARCH_ACTIVE_TOPICS'), false, 'far icon icon-blue') }}
 								</a>
 							</li>
+							{% if U_MARK_FORUMS %}
+							<li>
+								<a href="{{ U_MARK_FORUMS }}" role="menuitem" accesskey="m" data-ajax="mark_forums_read">
+									{{ Icon('font', 'book-open-reader', lang('MARK_FORUMS_READ'), false) }}
+								</a>
+							</li>
+							{% endif %}
 							<li class="separator"></li>
 							<li>
 								<a href="{{ U_SEARCH }}" role="menuitem">

From 14d889f74f922402a7a20ac162d6085ddb1fd358 Mon Sep 17 00:00:00 2001
From: Marc Alexander <admin@m-a-styles.de>
Date: Sun, 3 Nov 2024 19:51:50 +0100
Subject: [PATCH 03/13] [ticket/17459] Add to top button to FAQ

PHPBB-17459
---
 phpBB/styles/prosilver/template/ajax.js       | 22 +++++++++++++++++++
 phpBB/styles/prosilver/template/faq_body.html |  9 +++++---
 phpBB/styles/prosilver/theme/colours.css      |  9 ++++++++
 phpBB/styles/prosilver/theme/links.css        | 17 +++++++++++++-
 4 files changed, 53 insertions(+), 4 deletions(-)

diff --git a/phpBB/styles/prosilver/template/ajax.js b/phpBB/styles/prosilver/template/ajax.js
index 3fb6a88a87..93e8fcef80 100644
--- a/phpBB/styles/prosilver/template/ajax.js
+++ b/phpBB/styles/prosilver/template/ajax.js
@@ -392,6 +392,28 @@ $('#member_search').click(function () {
 	return false;
 });
 
+/**
+ * Show to top button if available on page
+ */
+const $scrollTopButton = $('.to-top-button');
+
+if ($scrollTopButton.length) {
+	// Show or hide the button based on scroll position
+	$(window).scroll(function () {
+		if ($(this).scrollTop() > 300) {
+			$scrollTopButton.fadeIn(); // Fade in the button
+		} else {
+			$scrollTopButton.fadeOut(); // Fade out the button
+		}
+	});
+
+	// Scroll smoothly to the top when the button is clicked
+	$scrollTopButton.click(function (e) {
+		e.preventDefault(); // Prevent the default anchor link behavior
+		$('html, body').animate({scrollTop: 0}, 500); // Smooth scroll to top
+	});
+}
+
 /**
 * Automatically resize textarea
 */
diff --git a/phpBB/styles/prosilver/template/faq_body.html b/phpBB/styles/prosilver/template/faq_body.html
index 4f925fa6a2..542e894c61 100644
--- a/phpBB/styles/prosilver/template/faq_body.html
+++ b/phpBB/styles/prosilver/template/faq_body.html
@@ -35,9 +35,6 @@
 					<dt id="f{faq_block.S_ROW_COUNT}r{faq_block.faq_row.S_ROW_COUNT}"><strong>{faq_block.faq_row.FAQ_QUESTION}</strong></dt>
 					<dd>{faq_block.faq_row.FAQ_ANSWER}</dd>
 				</dl>
-				<a href="#faqlinks" class="top">
-					{{ Icon('font', 'circle-chevron-up', lang('BACK_TO_TOP'), false) }}
-				</a>
 				<!-- IF not faq_block.faq_row.S_LAST_ROW --><hr class="dashed" /><!-- ENDIF -->
 			<!-- END faq_row -->
 		</div>
@@ -46,5 +43,11 @@
 	</div>
 <!-- END faq_block -->
 
+<div class="to-top-button">
+	<a href="#faqlinks">
+		{{ Icon('font', 'chevron-up', '', false) }}
+	</a>
+</div>
+
 <!-- INCLUDE jumpbox.html -->
 <!-- INCLUDE overall_footer.html -->
diff --git a/phpBB/styles/prosilver/theme/colours.css b/phpBB/styles/prosilver/theme/colours.css
index 4af5c10fb9..c642adb22c 100644
--- a/phpBB/styles/prosilver/theme/colours.css
+++ b/phpBB/styles/prosilver/theme/colours.css
@@ -83,6 +83,15 @@ th a:hover {
 	color: #9e9e9e;
 }
 
+.to-top-button {
+	background-color: #0f4d8a;
+	opacity: 0.7;
+}
+
+.to-top-button a {
+	color: #e6f7ff;
+}
+
 /* arrow links  */
 .arrow-left:hover,
 .arrow-right:hover {
diff --git a/phpBB/styles/prosilver/theme/links.css b/phpBB/styles/prosilver/theme/links.css
index 6f68463306..87359530f9 100644
--- a/phpBB/styles/prosilver/theme/links.css
+++ b/phpBB/styles/prosilver/theme/links.css
@@ -153,7 +153,22 @@ a.lastsubject:hover {
 .top {
 	font-size: 14px;
 	text-decoration: none;
-	margin-top: 10px;
+	margin-top: 12px;
+}
+
+.to-top-button {
+	position: fixed;
+	right: 24px;
+	bottom: 24px;
+	inline-size: 48px;
+	block-size: 48px;
+	border-radius: 50%;
+	display: none;
+}
+
+.to-top-button .o-icon {
+	font-size: 32px;
+	padding: 8px;
 }
 
 /* Back to top of page */

From 74084107ed28f2219c80fe2c66e37c699a201be4 Mon Sep 17 00:00:00 2001
From: Marc Alexander <admin@m-a-styles.de>
Date: Sun, 3 Nov 2024 21:10:54 +0100
Subject: [PATCH 04/13] [ticket/17459] Start using CSS variables

PHPBB-17459
---
 phpBB/styles/prosilver/theme/base.css    | 21 +++++++-
 phpBB/styles/prosilver/theme/buttons.css |  8 +--
 phpBB/styles/prosilver/theme/common.css  | 66 ++++++++++++------------
 3 files changed, 56 insertions(+), 39 deletions(-)

diff --git a/phpBB/styles/prosilver/theme/base.css b/phpBB/styles/prosilver/theme/base.css
index f4daeee1e5..1d8975a4eb 100644
--- a/phpBB/styles/prosilver/theme/base.css
+++ b/phpBB/styles/prosilver/theme/base.css
@@ -21,9 +21,26 @@
  *    line-heights want to be a multiple of this number in order to maintain
  *    vertical rhythm.)
 */
+:root {
+	/* Base font size */
+	--ps-font-base: 16px;								/* [1] */
+	--ps-line-height: calc(var(--ps-font-base) * 1.5);	/* [2] */
+
+	/* Headings */
+	--ps-font-h1: calc(var(--ps-font-base) * 1.5);		/* 24px */
+	--ps-font-h2: calc(var(--ps-font-base) * 1.5);		/* 24px */
+	--ps-font-h3: calc(var(--ps-font-base) * 1.25);		/* 20px */
+	--ps-font-h4: calc(var(--ps-font-base) * 1.125);	/* 18px */
+
+	/* Text and Paragraphs */
+	--ps-font-normal: var(--ps-font-base);						/* 16px */
+	--ps-font-small: calc(var(--ps-font-base) * 0.875);			/* 14px */
+	--ps-font-tiny: calc(var(--ps-font-base) * 0.75);			/* 12px */
+}
+
 html {
-	font-size: 16px; /* [1] */
-	line-height: 1.5; /* [2] */
+	font-size: var(--ps-font-base);
+	line-height: var(--ps-line-height);
 	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
 
diff --git a/phpBB/styles/prosilver/theme/buttons.css b/phpBB/styles/prosilver/theme/buttons.css
index f51510e0b9..b0991d054c 100644
--- a/phpBB/styles/prosilver/theme/buttons.css
+++ b/phpBB/styles/prosilver/theme/buttons.css
@@ -4,7 +4,7 @@
 
 .button {
 	font-family: "Open Sans", "Droid Sans", Verdana, Arial, Helvetica;
-	font-size: 16px;
+	font-size: var(--ps-font-normal);
 	font-weight: 600;
 	line-height: 1.4;
 	text-align: center;
@@ -16,7 +16,7 @@
 	justify-content: center;
 	align-items: center;
 	box-sizing: border-box;
-	height: 30px;
+	height: calc(var(--ps-font-normal) * 1.875);
 	padding: 2px 8px;
 	cursor: pointer;
 	touch-action: manipulation;
@@ -185,11 +185,11 @@
 
 /* Responsive buttons in post body */
 .post-buttons .dropdown {
-	top: 30px;
+	top: calc(var(--ps-font-normal) * 1.875);
 }
 
 .post-buttons .dropdown a {
-	font-size: 16px;
+	font-size: var(--ps-font-normal);
 	text-align: right;
 	display: block;
 	justify-content: start;
diff --git a/phpBB/styles/prosilver/theme/common.css b/phpBB/styles/prosilver/theme/common.css
index e4b12fb2e4..d16ffcb052 100644
--- a/phpBB/styles/prosilver/theme/common.css
+++ b/phpBB/styles/prosilver/theme/common.css
@@ -13,7 +13,7 @@ html {
 
 body {
 	font-family: Verdana, Helvetica, Arial, sans-serif;
-	font-size: 16px;
+	font-size: var(--ps-font-normal);
 	line-height: normal;
 	word-wrap: break-word;
 	margin: 0;
@@ -24,7 +24,7 @@ body {
 h1 {
 	/* Forum name */
 	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
-	font-size: 24px;
+	font-size: var(--ps-font-h1);
 	font-weight: bold;
 	margin-top: 15px;
 	margin-right: 200px;
@@ -33,7 +33,7 @@ h1 {
 h2 {
 	/* Forum header titles */
 	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
-	font-size: 24px;
+	font-size: var(--ps-font-h2);
 	font-weight: normal;
 	margin: 0.8em 0 0.2em;
 }
@@ -45,7 +45,7 @@ h2.solo {
 h3 {
 	/* Sub-headers (also used as post headers, but defined later) */
 	font-family: Arial, Helvetica, sans-serif;
-	font-size: 16px;
+	font-size: var(--ps-font-normal);
 	font-weight: bold;
 	text-transform: uppercase;
 	border-bottom: 1px solid transparent;
@@ -57,13 +57,13 @@ h3 {
 h4 {
 	/* Forum and topic list titles */
 	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
-	font-size: 18px;
+	font-size: var(--ps-font-h4);
 }
 
 p {
-	font-size: 14px;
-	line-height: 18px;
-	margin-bottom: 20px;
+	font-size: var(--ps-font-small);
+	line-height: calc(var(--ps-line-height) * 0.75);
+	margin-bottom: calc(var(--ps-line-height) / 1.2);
 }
 
 img {
@@ -228,7 +228,7 @@ a:hover {
 
 .panel {
 	border-radius: 7px;
-	margin-bottom: 8px;
+	margin-bottom: calc(var(--ps-font-base) * 0.5);
 	padding: 5px 10px;
 }
 
@@ -262,8 +262,8 @@ ul.linklist {
 }
 
 ul.linklist > li {
-	font-size: 14px;
-	line-height: 30px;
+	font-size: var(--ps-font-small);
+	line-height: calc(var(--ps-line-height) * 1.25);
 	float: left;
 	width: auto;
 	margin-right: 7px;
@@ -434,12 +434,12 @@ a.header-avatar img {
 }
 
 .dropdown-button-control .dropdown {
-	top: 30px;
+	top: calc(var(--ps-line-height) * 1.25);
 }
 
 .dropdown-button-control.dropdown-up .dropdown {
 	top: auto;
-	bottom: 30px;
+	bottom: calc(var(--ps-line-height) * 1.25);
 }
 
 .dropdown .pointer,
@@ -556,7 +556,7 @@ a.header-avatar img {
 }
 
 .dropdown li {
-	font-size: 14px !important;
+	font-size: var(--ps-font-small) !important;
 	line-height: normal !important;
 	text-align: left;
 	white-space: nowrap;
@@ -678,9 +678,9 @@ table.table1 {
 }
 
 table.table1 thead th {
-	font-size: 12px;
+	font-size: var(--ps-font-tiny);
 	font-weight: normal;
-	line-height: 15px;
+	line-height: calc(var(--ps-line-height) / 1.5);
 	text-transform: uppercase;
 	padding: 0 0 4px 3px;
 }
@@ -694,7 +694,7 @@ table.table1 tbody tr {
 }
 
 table.table1 td {
-	font-size: 14px;
+	font-size: var(--ps-font-small);
 }
 
 table.table1 tbody td {
@@ -831,7 +831,7 @@ table.info tbody th {
 
 dl.details {
 	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
-	font-size: 14px;
+	font-size: var(--ps-font-small);
 }
 
 dl.details dt {
@@ -882,7 +882,7 @@ fieldset.fields1 dl.pmlist dd.recipients {
 /* Action-bars (container for post/reply buttons, pagination, etc.)
 ---------------------------------------- */
 .action-bar {
-	font-size: 14px;
+	font-size: var(--ps-font-small);
 	margin: 4px 0;
 }
 
@@ -938,7 +938,7 @@ fieldset.fields1 dl.pmlist dd.recipients {
 
 .pagination li.active span {
 	font-family: "Open Sans", "Droid Sans", Verdana, Arial, Helvetica;
-	font-size: 16px;
+	font-size: var(--ps-font-normal);
 	font-weight: normal;
 	line-height: 1.4;
 	text-align: center;
@@ -962,7 +962,7 @@ fieldset.fields1 dl.pmlist dd.recipients {
 }
 
 .pagination li.page-jump a i {
-	font-size: 20px;
+	font-size: var(--ps-font-h3);
 }
 
 .pagination .arrow a {
@@ -982,10 +982,10 @@ fieldset.fields1 dl.pmlist dd.recipients {
 
 .row .pagination li a,
 .row .pagination li span {
-	font-size: 12px;
+	font-size: var(--ps-font-tiny);
 	border-radius: 2px;
-	width: 17px;
-	height: 22px;
+	width: calc(var(--ps-font-tiny) + 6px);
+	height: calc(var(--ps-font-normal) + 6px);
 	padding: 1px 3px;
 }
 
@@ -1026,7 +1026,7 @@ fieldset.fields1 dl.pmlist dd.recipients {
 .phpbb_alert div.alert_text > select,
 .phpbb_alert div.alert_text > textarea,
 .phpbb_alert div.alert_text > input {
-	font-size: 14px;
+	font-size: var(--ps-font-small);
 }
 
 .darkenwrapper {
@@ -1141,13 +1141,13 @@ fieldset.fields1 dl.pmlist dd.recipients {
 /* Miscellaneous styles
 ---------------------------------------- */
 .copyright {
-	font-size: 12px;
+	font-size: var(--ps-font-tiny);
 	text-align: center;
 	padding: 10px;
 }
 
 .footer-row {
-	font-size: 12px;
+	font-size: var(--ps-font-tiny);
 	line-height: 1.8;
 	margin: 0;
 }
@@ -1170,7 +1170,7 @@ fieldset.fields1 dl.pmlist dd.recipients {
 }
 
 div.rules {
-	font-size: 18px;
+	font-size: var(--ps-font-h4);
 	border-radius: 7px;
 	margin: 10px 0;
 	padding: 5px 10px;
@@ -1243,7 +1243,7 @@ ul.linklist:after,
 }
 
 .member-search strong {
-	font-size: 14px;
+	font-size: var(--ps-font-small);
 }
 
 .dropdown-extended {
@@ -1319,7 +1319,7 @@ ul.linklist:after,
 }
 
 .dropdown-extended .footer {
-	font-size: 16px;
+	font-size: var(--ps-font-normal);
 	text-align: center;
 }
 
@@ -1372,7 +1372,7 @@ ul.linklist:after,
 }
 
 .notification-time {
-	font-size: 12px;
+	font-size: var(--ps-font-tiny);
 	text-align: right;
 	margin: 0;
 }
@@ -1388,7 +1388,7 @@ ul.linklist:after,
 
 .notifications-title {
 	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
-	font-size: 16px !important;
+	font-size: var(--ps-font-normal) !important;
 }
 
 .notifications-title strong {
@@ -1404,7 +1404,7 @@ ul.linklist:after,
 }
 
 .badge {
-	font-size: 12px;
+	font-size: var(--ps-font-tiny);
 	line-height: 1;
 	text-align: center;
 	white-space: nowrap;

From d32970348fc9785c06a4329fd6622f7ebdd58197 Mon Sep 17 00:00:00 2001
From: Marc Alexander <admin@m-a-styles.de>
Date: Sun, 3 Nov 2024 22:09:53 +0100
Subject: [PATCH 05/13] [ticket/17459] Use css variables in content.css

PHPBB-17459
---
 phpBB/styles/prosilver/theme/content.css | 116 +++++++++++------------
 1 file changed, 58 insertions(+), 58 deletions(-)

diff --git a/phpBB/styles/prosilver/theme/content.css b/phpBB/styles/prosilver/theme/content.css
index 1d612e989d..610bb44fb9 100644
--- a/phpBB/styles/prosilver/theme/content.css
+++ b/phpBB/styles/prosilver/theme/content.css
@@ -37,7 +37,7 @@ ul.topiclist dd {
 }
 
 ul.topiclist dt {
-	font-size: 14px;
+	font-size: var(--ps-font-small);
 	width: 100%;
 	margin-right: -440px;
 }
@@ -55,7 +55,7 @@ ul.topiclist.two-columns dt {
 }
 
 ul.topiclist dt .list-inner {
-	line-height: 20px;
+	line-height: calc(var(--ps-line-height) / 1.2);
 	margin-right: 440px;
 	padding-right: 5px;
 	padding-left: 5px;
@@ -140,8 +140,8 @@ li.row strong {
 li.header dt,
 li.header dd {
 	font-family: Arial, Helvetica, sans-serif;
-	font-size: 12px;
-	line-height: 20px;
+	font-size: var(--ps-font-tiny);
+	line-height: 1.6;
 	text-transform: uppercase;
 	border-left-width: 0;
 	margin: 2px 0 4px;
@@ -207,8 +207,8 @@ dd.topics,
 dd.views,
 dd.extra,
 dd.mark {
-	font-size: 16px;
-	line-height: 32px;
+	font-size: var(--ps-font-normal);
+	line-height: 2;
 	text-align: center;
 	width: 80px;
 }
@@ -236,16 +236,16 @@ dd.redirect,
 dd.moderation,
 dd.time,
 dd.info {
-	font-size: 14px;
+	font-size: var(--ps-font-small);
 	width: 250px;
 }
 
 dd.redirect {
-	line-height: 32px;
+	line-height: calc(var(--ps-line-height) / 0.75);
 }
 
 dd.time {
-	line-height: 26px;
+	line-height: calc(var(--ps-line-height) * 1.1);
 }
 
 dd.lastpost > span,
@@ -258,17 +258,17 @@ dd.moderation > span {
 }
 
 dd.lastpost > span {
-	line-height: 20px;
+	line-height: calc(var(--ps-line-height) / 1.2);
 }
 
 dd.extra,
 dd.mark {
-	line-height: 24px;
+	line-height: var(--ps-line-height);
 }
 
 dd.option {
-	font-size: 14px;
-	line-height: 28px;
+	font-size: var(--ps-font-small);
+	line-height: 1.75;
 	text-align: center;
 	width: 125px;
 }
@@ -276,7 +276,7 @@ dd.option {
 /* Post body styles
 ---------------------------------------- */
 .postbody {
-	line-height: 16px;
+	line-height: var(--ps-line-height);
 	position: relative;
 	float: left;
 	width: 76%;
@@ -284,18 +284,18 @@ dd.option {
 }
 
 .postbody .ignore {
-	font-size: 14px;
+	font-size: var(--ps-font-small);
 }
 
 .postbody h3.first {
 	/* The first post on the page uses this */
-	font-size: 20px;
+	font-size: var(--ps-font-h3);
 }
 
 .postbody h3 {
 	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
-	font-size: 18px;
-	line-height: 22px;
+	font-size: var(--ps-font-h4);
+	line-height: calc(var(--ps-font-h4) + 4px);
 	text-transform: none;
 	border: none;
 
@@ -317,7 +317,7 @@ dd.option {
 }
 
 .postbody .content {
-	font-size: 16px;
+	font-size: var(--ps-font-normal);
 	overflow-x: auto;
 }
 
@@ -374,17 +374,17 @@ dd.option {
 ---------------------------------------- */
 .content {
 	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
-	font-size: 16px;
-	line-height: 24px;
+	font-size: var(--ps-font-normal);
+	line-height: var(--ps-line-height);
 	clear: both;
 	overflow: hidden;
-	min-height: 36px;
+	min-height: calc(var(--ps-line-height) * 1.5);
 	padding-bottom: 1px;
 }
 
 .content h2,
 .panel h2 {
-	font-size: 20px;
+	font-size: var(--ps-font-h3);
 	font-weight: normal;
 	border-bottom: 1px solid transparent;
 	margin-top: 8px;
@@ -397,9 +397,9 @@ dd.option {
 }
 
 .panel p {
-	font-size: 16px;
-	line-height: 20px;
-	margin-bottom: 16px;
+	font-size: var(--ps-font-normal);
+	line-height: 1.25;
+	margin-bottom: var(--ps-font-normal);
 }
 
 .content p {
@@ -407,22 +407,22 @@ dd.option {
 }
 
 .agreement {
-	font-size: 16px;
-	line-height: 20px;
-	margin-bottom: 14px;
+	font-size: var(--ps-font-normal);
+	line-height: 1.25;
+	margin-bottom: var(--ps-font-small);
 }
 
 .agreement-text {
-	line-height: 17px;
-	margin-bottom: 10px;
+	line-height: calc(var(--ps-font-normal) * 1.25);
+	margin-bottom: var(--ps-font-small);
 }
 
 dl.faq {
 	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
-	font-size: 14px;
-	line-height: 20px;
-	margin-top: 14px;
-	margin-bottom: 28px;
+	font-size: var(--ps-font-small);
+	line-height: 1.4;
+	margin-top: var(--ps-font-small);
+	margin-bottom: calc(var(--ps-font-small) * 2);
 }
 
 dl.faq dt {
@@ -430,8 +430,8 @@ dl.faq dt {
 }
 
 .content dl.faq {
-	font-size: 16px;
-	margin-bottom: 8px;
+	font-size: var(--ps-font-normal);
+	margin-bottom: calc(var(--ps-font-normal) / 2);
 }
 
 .content li {
@@ -450,22 +450,22 @@ dl.faq dt {
 /* Post author */
 p.author {
 	font-family: Verdana, Helvetica, Arial, sans-serif;
-	font-size: 12px;
-	line-height: 16px;
+	font-size: var(--ps-font-tiny);
+	line-height: 1.2;
 	clear: both;
-	margin-bottom: 10px;
+	margin-bottom: calc(var(--ps-font-tiny) / 1.2);
 	padding: 0 0 5px;
 }
 
 /* Post signature */
 .signature {
-	font-size: 14px;
-	line-height: 20px;
+	font-size: var(--ps-font-small);
+	line-height: 1.4;
 	border-top: 1px solid transparent;
 	clear: left;
 	overflow: hidden;
 	width: 100%;
-	margin-top: 20px;
+	margin-top: calc(var(--ps-font-small) * 1.4);
 	padding-top: 2px;
 }
 
@@ -493,18 +493,18 @@ dd .signature {
 /* Post noticies */
 .notice {
 	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
-	font-size: 12px;
-	line-height: 16px;
+	font-size: var(--ps-font-tiny);
+	line-height: 1.3;
 	border-top: 1px dashed transparent;
 	clear: left;
 	width: auto;
-	margin-top: 18px;
+	margin-top: calc(var(--ps-font-tiny) * 1.3 + 2px);
 	padding-top: 2px;
 }
 
 /* Jump to post link for now */
 ul.searchresults {
-	font-size: 16px;
+	font-size: var(--ps-font-normal);
 	text-align: right;
 	clear: both;
 	list-style: none;
@@ -551,20 +551,20 @@ blockquote cite > span {
 
 /* Code block */
 .codebox {
-	font-size: 16px;
+	font-size: var(--ps-font-normal);
 	word-wrap: normal;
 	border: 1px solid transparent;
-	margin: 16px 0 18px;
+	margin: var(--ps-font-normal) 0 calc(var(--ps-font-normal) + 2px);
 }
 
 .codebox p {
-	font-size: 12px !important;
+	font-size: var(--ps-font-tiny) !important;
 	font-weight: bold;
 	text-transform: uppercase;
 	border-bottom: 1px solid transparent;
 	display: block;
 	margin-bottom: 0;
-	padding: 4px;
+	padding: calc(var(--ps-font-tiny) / 3);
 }
 
 blockquote .codebox {
@@ -584,7 +584,7 @@ blockquote .codebox {
 /* Attachments
 ---------------------------------------- */
 .attachbox {
-	font-size: 16px;
+	font-size: var(--ps-font-normal);
 	border: 1px dashed transparent;
 	float: left;
 	clear: left;
@@ -715,7 +715,7 @@ fieldset.polls dl.voted {
 }
 
 fieldset.polls dt {
-	font-size: 14px;
+	font-size: var(--ps-font-small);
 	text-align: left;
 	border-right: none;
 	display: block;
@@ -726,7 +726,7 @@ fieldset.polls dt {
 }
 
 fieldset.polls dd {
-	font-size: 14px;
+	font-size: var(--ps-font-small);
 	border-left: none;
 	float: left;
 	width: 10%;
@@ -761,7 +761,7 @@ fieldset.polls dd div {
 }
 
 .vote-submitted {
-	font-size: 16px;
+	font-size: var(--ps-font-normal);
 	font-weight: bold;
 	text-align: center;
 }
@@ -769,7 +769,7 @@ fieldset.polls dd div {
 /* Poster profile block
 ---------------------------------------- */
 .postprofile {
-	line-height: 16px;
+	line-height: calc(var(--ps-font-tiny) * 1.6);
 	border: 1px solid transparent;
 	border-width: 0 0 0 1px;
 	float: right;
@@ -780,8 +780,8 @@ fieldset.polls dd div {
 
 .postprofile dd,
 .postprofile dt {
-	font-size: 12px;
-	line-height: 20px;
+	font-size: var(--ps-font-tiny);
+	line-height: 1.6;
 	margin-left: 8px;
 }
 

From 79fc90dce3bf64f6fd2fe0122969416bfe242c1e Mon Sep 17 00:00:00 2001
From: Marc Alexander <admin@m-a-styles.de>
Date: Mon, 4 Nov 2024 17:36:29 +0100
Subject: [PATCH 06/13] [ticket/17459] Extend usage of css variables

PHPBB-17459
---
 phpBB/styles/prosilver/theme/cp.css    | 33 +++++++++++++-------------
 phpBB/styles/prosilver/theme/forms.css | 26 ++++++++++----------
 phpBB/styles/prosilver/theme/icons.css | 22 ++++++++---------
 phpBB/styles/prosilver/theme/links.css | 20 ++++++++--------
 4 files changed, 50 insertions(+), 51 deletions(-)

diff --git a/phpBB/styles/prosilver/theme/cp.css b/phpBB/styles/prosilver/theme/cp.css
index 2f84fc9b12..0258104667 100644
--- a/phpBB/styles/prosilver/theme/cp.css
+++ b/phpBB/styles/prosilver/theme/cp.css
@@ -24,12 +24,12 @@
 }
 
 .panel-container .panel p {
-	font-size: 14px;
+	font-size: var(--ps-font-small);
 }
 
 .panel-container .panel ol {
-	font-size: 14px;
-	margin-left: 28px;
+	font-size: var(--ps-font-small);
+	margin-left: calc(var(--ps-font-small) * 2);
 }
 
 .panel-container .panel li.row {
@@ -80,7 +80,7 @@ ul.cplist {
 }
 
 .panel-container .postbody p.author {
-	font-size: 14px;
+	font-size: var(--ps-font-small);
 }
 
 .cp-main .buttons {
@@ -118,9 +118,9 @@ ul.cplist {
 
 .tabs .tab,
 .minitabs .tab {
-	font-size: 12px;
+	font-size: var(--ps-font-tiny);
 	font-weight: bold;
-	line-height: 18px;
+	line-height: 1.4;
 	display: block;
 	float: left;
 }
@@ -180,12 +180,12 @@ ul.cplist {
 }
 
 .responsive-tab > a.responsive-tab-link {
-	font-size: 20px;
-	line-height: 18px;
+	font-size: var(--ps-font-h3);
+	line-height: 0.875;
 	text-decoration: none;
 	position: relative;
 	display: block;
-	width: 20px;
+	width: var(--ps-font-h3);
 }
 
 .responsive-tab .responsive-tab-link:before {
@@ -201,7 +201,7 @@ ul.cplist {
 
 .tabs .dropdown,
 .minitabs .dropdown {
-	font-size: 14px;
+	font-size: var(--ps-font-small);
 	font-weight: normal;
 	top: 20px;
 	margin-right: -2px;
@@ -248,14 +248,13 @@ ul.cplist {
 
 /* Link styles for the sub-section links */
 .navigation a {
-	font-size: 12px;
+	font-size: var(--ps-font-tiny);
 	text-decoration: none;
+	border: 1px solid transparent;
+	border-radius: 4px 0 0 4px;
 	display: block;
 	margin: 1px 0;
 	padding: 5px;
-	border: 1px solid transparent;
-	border-radius: 4px 0 0 4px;
-
 }
 
 .navigation a:hover {
@@ -272,12 +271,12 @@ ul.cplist {
 
 /* Friends list */
 .cp-mini {
-	font-size: 12px;
+	font-size: var(--ps-font-tiny);
 	border-radius: 7px;
 	overflow-y: auto;
 	max-height: 200px;
-	margin: 12px 15px 12px 5px;
-	padding: 5px 12px;
+	margin: var(--ps-font-tiny) 15px var(--ps-font-tiny) 5px;
+	padding: 5px var(--ps-font-tiny);
 }
 
 dl.mini dt {
diff --git a/phpBB/styles/prosilver/theme/forms.css b/phpBB/styles/prosilver/theme/forms.css
index 288043c011..25ecb496d8 100644
--- a/phpBB/styles/prosilver/theme/forms.css
+++ b/phpBB/styles/prosilver/theme/forms.css
@@ -9,13 +9,13 @@
 ---------------------------------------- */
 fieldset {
 	font-family: Verdana, Helvetica, Arial, sans-serif;
-	font-size: 14px;
+	font-size: var(--ps-font-small);
 	border-width: 0;
 }
 
 input {
 	font-family: Verdana, Helvetica, Arial, sans-serif;
-	font-size: 14px;
+	font-size: var(--ps-font-small);
 	font-weight: normal;
 	vertical-align: middle;
 	padding: 0 3px;
@@ -23,7 +23,7 @@ input {
 
 select {
 	font-family: Verdana, Helvetica, Arial, sans-serif;
-	font-size: 14px;
+	font-size: var(--ps-font-small);
 	font-weight: normal;
 	vertical-align: middle;
 	border: 1px solid transparent;
@@ -36,18 +36,18 @@ select:focus {
 }
 
 option {
-	padding-right: 14px;
+	padding-right: var(--ps-font-small);
 }
 
 select optgroup option {
 	font-family: Verdana, Helvetica, Arial, sans-serif;
-	padding-right: 14px;
+	padding-right: var(--ps-font-small);
 }
 
 textarea {
 	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
-	font-size: 14px;
-	line-height: 20px;
+	font-size: var(--ps-font-small);
+	line-height: 1.5;
 	width: 60%;
 	padding: 2px;
 }
@@ -184,7 +184,7 @@ fieldset.display-options a {
 }
 
 .dropdown fieldset.display-options {
-	font-size: 14px;
+	font-size: var(--ps-font-small);
 	margin: 0;
 	padding: 0;
 }
@@ -203,10 +203,10 @@ fieldset.display-options a {
 
 /* Display actions for ucp and mcp pages */
 fieldset.display-actions {
-	line-height: 28px;
+	line-height: 2;
 	text-align: right;
 	white-space: nowrap;
-	padding-right: 14px;
+	padding-right: var(--ps-font-small);
 }
 
 fieldset.display-actions label {
@@ -216,7 +216,7 @@ fieldset.display-actions label {
 
 /* Not used anywhere */
 fieldset.sort-options {
-	line-height: 28px;
+	line-height: 2;
 }
 
 /* MCP forum selection */
@@ -262,7 +262,7 @@ fieldset.submit-buttons input {
 
 .message-box textarea {
 	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
-	font-size: 16px;
+	font-size: var(--ps-font-normal);
 	outline: 3px dashed transparent;
 	outline-offset: -4px;
 	-webkit-box-sizing: border-box;
@@ -369,7 +369,7 @@ input.disabled {
 	float: left;
 	-webkit-box-sizing: border-box;
 	box-sizing: border-box;
-	height: 30px;
+	height: calc(var(--ps-line-height) * 1.25);
 	padding: 3px;
 }
 
diff --git a/phpBB/styles/prosilver/theme/icons.css b/phpBB/styles/prosilver/theme/icons.css
index 135f5d0675..153a755881 100644
--- a/phpBB/styles/prosilver/theme/icons.css
+++ b/phpBB/styles/prosilver/theme/icons.css
@@ -12,14 +12,14 @@ svg {
 
 .o-icon {
 	vertical-align: middle !important;
-	width: 18px;
-	height: 18px;
+	width: var(--ps-font-h4);
+	height: var(--ps-font-h4);
 }
 
 .o-icon-src-mdi,
 .o-icon-src-ic {
-	width: 22px;
-	height: 22px;
+	width: calc(var(--ps-font-h4) + 4px); /* icon + 2 * 2px padding */
+	height: calc(var(--ps-font-h4) + 4px); /* icon + 2 * 2px padding */
 }
 
 .o-icon-src-fa {
@@ -28,7 +28,7 @@ svg {
 
 .o-icon-font {
 	font-family: "Font Awesome 6 Free", "Font Awesome 6 Brands";
-	font-size: 18px;
+	font-size: var(--ps-font-h4);
 	font-style: normal;
 	font-variant: normal;
 	-webkit-font-smoothing: antialiased;
@@ -57,7 +57,7 @@ span + .o-icon {
 
 blockquote cite:before,
 .uncited:before {
-	font-size: 40px;
+	font-size: calc(var(--ps-font-normal) * 2.5);
 	vertical-align: bottom;
 	display: inline-block;
 	margin-top: 8px;
@@ -72,9 +72,9 @@ blockquote cite:before,
 
 .c-forum-row-icon,
 .c-notification-check-icon {
-	font-size: 24px;
-	width: 24px;
-	height: 24px;
+	font-size: var(--ps-font-h1);
+	width: var(--ps-font-h1);
+	height: var(--ps-font-h1);
 	margin-top: 0;
 }
 
@@ -86,8 +86,8 @@ blockquote cite:before,
 	display: inline-flex;
 	justify-content: center;
 	align-items: center;
-	width: 36px;
-	height: 36px;
+	width: calc(var(--ps-font-normal) * 2.25);
+	height: calc(var(--ps-font-normal) * 2.25);
 	margin-top: -17px;
 	margin-left: 9px;
 }
diff --git a/phpBB/styles/prosilver/theme/links.css b/phpBB/styles/prosilver/theme/links.css
index 87359530f9..2f7ac86236 100644
--- a/phpBB/styles/prosilver/theme/links.css
+++ b/phpBB/styles/prosilver/theme/links.css
@@ -69,7 +69,7 @@ a.forumtitle,
 a.topictitle,
 span.topictitle {
 	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
-	font-size: 16px;
+	font-size: var(--ps-font-normal);
 	text-decoration: none;
 }
 
@@ -151,24 +151,24 @@ a.lastsubject:hover {
 }
 
 .top {
-	font-size: 14px;
+	font-size: var(--ps-font-small);
 	text-decoration: none;
-	margin-top: 12px;
+	margin-top: calc(var(--ps-font-small) - 2px);
 }
 
 .to-top-button {
-	position: fixed;
-	right: 24px;
-	bottom: 24px;
-	inline-size: 48px;
-	block-size: 48px;
 	border-radius: 50%;
+	position: fixed;
+	right: var(--ps-line-height);
+	bottom: var(--ps-line-height);
 	display: none;
+	block-size: calc(var(--ps-line-height) * 2);
+	inline-size: calc(var(--ps-line-height) * 2);
 }
 
 .to-top-button .o-icon {
-	font-size: 32px;
-	padding: 8px;
+	font-size: calc(var(--ps-font-normal) * 2);
+	padding: calc(var(--ps-font-normal) / 2);
 }
 
 /* Back to top of page */

From c0ae7ccb3ea20b3b0ee543ece070e6571b036e0f Mon Sep 17 00:00:00 2001
From: Marc Alexander <admin@m-a-styles.de>
Date: Thu, 14 Nov 2024 21:01:12 +0100
Subject: [PATCH 07/13] [ticket/17459] Display PM and notification icon without
 text

PHPBB-17459
---
 phpBB/styles/prosilver/template/navbar_header.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/phpBB/styles/prosilver/template/navbar_header.html b/phpBB/styles/prosilver/template/navbar_header.html
index 6cd7ef4466..702a018765 100644
--- a/phpBB/styles/prosilver/template/navbar_header.html
+++ b/phpBB/styles/prosilver/template/navbar_header.html
@@ -167,7 +167,7 @@
 				{% if S_DISPLAY_PM %}
 					<li class="rightside">
 						<a href="{{ U_PRIVATEMSGS }}" role="menuitem">
-							{{ Icon('font', 'inbox', lang('PRIVATE_MESSAGES'), false) }}<strong class="badge{% if not PRIVATE_MESSAGE_COUNT %} hidden{% endif %}"> {PRIVATE_MESSAGE_COUNT}</strong>
+							{{ Icon('font', 'inbox', lang('PRIVATE_MESSAGES'), true) }}<strong class="badge{% if not PRIVATE_MESSAGE_COUNT %} hidden{% endif %}"> {PRIVATE_MESSAGE_COUNT}</strong>
 						</a>
 					</li>
 				{% endif %}
@@ -175,7 +175,7 @@
 				{% if S_NOTIFICATIONS_DISPLAY %}
 					<li class="dropdown-container dropdown-{S_CONTENT_FLOW_END} rightside">
 						<a href="{{ U_VIEW_ALL_NOTIFICATIONS }}" id="notification-button" class="dropdown-trigger">
-							{{ Icon('font', 'bell', lang('NOTIFICATIONS'), false) }}<strong class="badge{% if not NOTIFICATIONS_COUNT %} hidden{% endif %}">{NOTIFICATIONS_COUNT}</strong>
+							{{ Icon('font', 'bell', lang('NOTIFICATIONS'), true) }}<strong class="badge{% if not NOTIFICATIONS_COUNT %} hidden{% endif %}">{NOTIFICATIONS_COUNT}</strong>
 						</a>
 
 						{% include 'notification_dropdown.html' %}

From 31f9ffd56b3db4904d51db9389455ee66762cf34 Mon Sep 17 00:00:00 2001
From: Marc Alexander <admin@m-a-styles.de>
Date: Tue, 10 Dec 2024 20:51:39 +0100
Subject: [PATCH 08/13] [ticket/17459] Fix incorrect breadcrumbs spacing

PHPBB-17459
---
 phpBB/styles/prosilver/theme/common.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/phpBB/styles/prosilver/theme/common.css b/phpBB/styles/prosilver/theme/common.css
index d16ffcb052..03b6ad131d 100644
--- a/phpBB/styles/prosilver/theme/common.css
+++ b/phpBB/styles/prosilver/theme/common.css
@@ -615,12 +615,12 @@ a.header-avatar img {
 .breadcrumbs .crumb {
 	font-weight: bold;
 	word-wrap: normal;
-	float: left;
+	display: inline-block;
 }
 
 .breadcrumbs .crumb:before {
 	font-weight: bold;
-	padding: 0 0.5em;
+	padding: 0 0.1em;
 	content: "\203A";
 }
 

From 58b5c8f5cf69e4ede036fbbc532f84d2c912ce26 Mon Sep 17 00:00:00 2001
From: Marc Alexander <admin@m-a-styles.de>
Date: Tue, 10 Dec 2024 20:54:44 +0100
Subject: [PATCH 09/13] [ticket/17459] Get rid of weird margin on small screens

PHPBB-17459
---
 phpBB/styles/prosilver/theme/responsive.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css
index c8f487c45f..80e605df62 100644
--- a/phpBB/styles/prosilver/theme/responsive.css
+++ b/phpBB/styles/prosilver/theme/responsive.css
@@ -183,7 +183,7 @@
 		border: none;
 		border-radius: 0;
 		min-width: 390px;
-		margin: 0;
+		margin: 0 !important;
 		padding: 0 5px;
 	}
 

From 555c760a4cfe58c036280153026ff04210bb6ada Mon Sep 17 00:00:00 2001
From: Marc Alexander <admin@m-a-styles.de>
Date: Tue, 10 Dec 2024 20:59:50 +0100
Subject: [PATCH 10/13] [ticket/17459] Adjust postprofile sizing

PHPBB-17459
---
 phpBB/styles/prosilver/theme/content.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/phpBB/styles/prosilver/theme/content.css b/phpBB/styles/prosilver/theme/content.css
index 610bb44fb9..7101aeee46 100644
--- a/phpBB/styles/prosilver/theme/content.css
+++ b/phpBB/styles/prosilver/theme/content.css
@@ -769,7 +769,7 @@ fieldset.polls dd div {
 /* Poster profile block
 ---------------------------------------- */
 .postprofile {
-	line-height: calc(var(--ps-font-tiny) * 1.6);
+	line-height: calc(var(--ps-font-small) * 1.5);
 	border: 1px solid transparent;
 	border-width: 0 0 0 1px;
 	float: right;
@@ -780,7 +780,7 @@ fieldset.polls dd div {
 
 .postprofile dd,
 .postprofile dt {
-	font-size: var(--ps-font-tiny);
+	font-size: var(--ps-font-small);
 	line-height: 1.6;
 	margin-left: 8px;
 }

From b404606a9fb053a093f0ec21105af76f066ac6a2 Mon Sep 17 00:00:00 2001
From: Marc Alexander <admin@m-a-styles.de>
Date: Thu, 9 Jan 2025 20:22:48 +0100
Subject: [PATCH 11/13] [ticket/17459] Add support for deprecated events to
 md_exporter

PHPBB-17459
---
 phpBB/phpbb/event/md_exporter.php          | 11 +++--
 tests/event/fixtures/normal_events.md.test | 16 +++++++
 tests/event/md_exporter_test.php           | 55 ++++++++++++++++++++++
 3 files changed, 79 insertions(+), 3 deletions(-)

diff --git a/phpBB/phpbb/event/md_exporter.php b/phpBB/phpbb/event/md_exporter.php
index 04e5f91ca2..d89ac512f9 100644
--- a/phpBB/phpbb/event/md_exporter.php
+++ b/phpBB/phpbb/event/md_exporter.php
@@ -169,7 +169,7 @@ class md_exporter
 
 			list($file_details, $details) = explode("\n* Since: ", $details, 2);
 
-			$changed_versions = array();
+			$changed_versions = [];
 			if (strpos($details, "\n* Changed: ") !== false)
 			{
 				list($since, $details) = explode("\n* Changed: ", $details, 2);
@@ -184,7 +184,11 @@ class md_exporter
 			else
 			{
 				list($since, $description) = explode("\n* Purpose: ", $details, 2);
-				$changed_versions = array();
+			}
+
+			if (str_contains($since, "\n* Deprecated: "))
+			{
+				list($since, $deprecated) = explode("\n* Deprecated: ", $since, 2);
 			}
 
 			$files = $this->validate_file_list($file_details);
@@ -225,6 +229,7 @@ class md_exporter
 				'event'			=> $this->current_event,
 				'files'			=> $files,
 				'since'			=> $since,
+				'deprecated'	=> $deprecated ?? '',
 				'changed'		=> $changes,
 				'description'	=> $description,
 			);
@@ -451,7 +456,7 @@ class md_exporter
 	{
 		if (!$this->validate_version($since))
 		{
-			throw new \LogicException("Invalid since information found for event '{$this->current_event}'");
+			throw new \LogicException("Invalid since information found for event '{$this->current_event}': {$since}");
 		}
 
 		return $since;
diff --git a/tests/event/fixtures/normal_events.md.test b/tests/event/fixtures/normal_events.md.test
index 47921c4e57..a045bd42dd 100644
--- a/tests/event/fixtures/normal_events.md.test
+++ b/tests/event/fixtures/normal_events.md.test
@@ -18,3 +18,19 @@ acp_bbcodes_actions_prepend2
 * Changed: 3.1.0-a5 Moved up
 * Changed: 3.1.0-a6 Moved down
 * Purpose: desc2
+
+acp_bbcodes_actions_prepend2_deprecated
+===
+* Location: adm/style/acp_bbcodes.html
+* Since: 3.1.0-a4
+* Deprecated: 3.1.0-a6
+* Changed: 3.1.0-a5 Moved up
+* Changed: 3.1.0-a6 Moved down
+* Purpose: desc2
+
+acp_bbcodes_actions_prepend_deprecated
+===
+* Location: adm/style/acp_bbcodes.html
+* Since: 3.1.0-a5
+* Deprecated: 3.1.0-a6
+* Purpose: desc2
diff --git a/tests/event/md_exporter_test.php b/tests/event/md_exporter_test.php
index b9c5a531fc..ee86c2f161 100644
--- a/tests/event/md_exporter_test.php
+++ b/tests/event/md_exporter_test.php
@@ -24,6 +24,7 @@ class phpbb_event_md_exporter_test extends phpbb_test_case
 						'adm' => array('acp_bbcodes.html'),
 					),
 					'since' => '3.1.0-a3',
+					'deprecated' => '',
 					'changed' => array(
 						'3.1.0-a4' => '',
 					),
@@ -36,6 +37,7 @@ class phpbb_event_md_exporter_test extends phpbb_test_case
 						'adm' => array('acp_bbcodes.html'),
 					),
 					'since' => '3.1.0-a5',
+					'deprecated' => '',
 					'changed' => array(),
 					'description' => 'desc2' . "\n",
 				),
@@ -46,12 +48,38 @@ class phpbb_event_md_exporter_test extends phpbb_test_case
 						'adm' => array('acp_bbcodes.html'),
 					),
 					'since' => '3.1.0-a4',
+					'deprecated' => '',
 					'changed' => array(
 						'3.1.0-a5' => 'Moved up',
 						'3.1.0-a6' => 'Moved down',
 					),
 					'description' => 'desc2' . "\n",
 				),
+				'acp_bbcodes_actions_prepend2_deprecated' => array(
+					'event' => 'acp_bbcodes_actions_prepend2_deprecated',
+					'files' => array(
+						'prosilver' => array(),
+						'adm' => array('acp_bbcodes.html'),
+					),
+					'since' => '3.1.0-a4',
+					'deprecated' => '3.1.0-a6',
+					'changed' => array(
+						'3.1.0-a5' => 'Moved up',
+						'3.1.0-a6' => 'Moved down',
+					),
+					'description' => 'desc2' . "\n",
+				),
+				'acp_bbcodes_actions_prepend_deprecated' => array(
+					'event' => 'acp_bbcodes_actions_prepend_deprecated',
+					'files' => array(
+						'prosilver' => array(),
+						'adm' => array('acp_bbcodes.html'),
+					),
+					'since' => '3.1.0-a5',
+					'deprecated' => '3.1.0-a6',
+					'changed' => array(),
+					'description' => 'desc2' . "\n",
+				),
 			)),
 			array('normal_events.md.test', '3.1.0-a5', '3.1.0-a5', array(
 				'acp_bbcodes_actions_prepend' => array(
@@ -61,6 +89,7 @@ class phpbb_event_md_exporter_test extends phpbb_test_case
 						'adm' => array('acp_bbcodes.html'),
 					),
 					'since' => '3.1.0-a5',
+					'deprecated' => '',
 					'changed' => array(),
 					'description' => 'desc2' . "\n",
 				),
@@ -71,12 +100,38 @@ class phpbb_event_md_exporter_test extends phpbb_test_case
 						'adm' => array('acp_bbcodes.html'),
 					),
 					'since' => '3.1.0-a4',
+					'deprecated' => '',
 					'changed' => array(
 						'3.1.0-a5' => 'Moved up',
 						'3.1.0-a6' => 'Moved down',
 					),
 					'description' => 'desc2' . "\n",
 				),
+				'acp_bbcodes_actions_prepend2_deprecated' => array(
+					'event' => 'acp_bbcodes_actions_prepend2_deprecated',
+					'files' => array(
+						'prosilver' => array(),
+						'adm' => array('acp_bbcodes.html'),
+					),
+					'since' => '3.1.0-a4',
+					'deprecated' => '3.1.0-a6',
+					'changed' => array(
+						'3.1.0-a5' => 'Moved up',
+						'3.1.0-a6' => 'Moved down',
+					),
+					'description' => 'desc2' . "\n",
+				),
+				'acp_bbcodes_actions_prepend_deprecated' => array(
+					'event' => 'acp_bbcodes_actions_prepend_deprecated',
+					'files' => array(
+						'prosilver' => array(),
+						'adm' => array('acp_bbcodes.html'),
+					),
+					'since' => '3.1.0-a5',
+					'deprecated' => '3.1.0-a6',
+					'changed' => array(),
+					'description' => 'desc2' . "\n",
+				),
 			)),
 		);
 	}

From f0181cc6818124ce936fdcbeb194be97b495dfb7 Mon Sep 17 00:00:00 2001
From: Marc Alexander <admin@m-a-styles.de>
Date: Wed, 22 Jan 2025 17:36:18 +0100
Subject: [PATCH 12/13] [ticket/17459] Use rem for font size variables

PHPBB-17459
---
 phpBB/styles/prosilver/theme/base.css | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/phpBB/styles/prosilver/theme/base.css b/phpBB/styles/prosilver/theme/base.css
index 1d8975a4eb..42a1aef556 100644
--- a/phpBB/styles/prosilver/theme/base.css
+++ b/phpBB/styles/prosilver/theme/base.css
@@ -24,18 +24,18 @@
 :root {
 	/* Base font size */
 	--ps-font-base: 16px;								/* [1] */
-	--ps-line-height: calc(var(--ps-font-base) * 1.5);	/* [2] */
+	--ps-line-height: 1.5rem;							/* [2] */
 
 	/* Headings */
-	--ps-font-h1: calc(var(--ps-font-base) * 1.5);		/* 24px */
-	--ps-font-h2: calc(var(--ps-font-base) * 1.5);		/* 24px */
-	--ps-font-h3: calc(var(--ps-font-base) * 1.25);		/* 20px */
-	--ps-font-h4: calc(var(--ps-font-base) * 1.125);	/* 18px */
+	--ps-font-h1: 1.5rem;								/* 24px */
+	--ps-font-h2: 1.5rem;								/* 24px */
+	--ps-font-h3: 1.25rem;								/* 20px */
+	--ps-font-h4: 1.125rem;								/* 18px */
 
 	/* Text and Paragraphs */
-	--ps-font-normal: var(--ps-font-base);						/* 16px */
-	--ps-font-small: calc(var(--ps-font-base) * 0.875);			/* 14px */
-	--ps-font-tiny: calc(var(--ps-font-base) * 0.75);			/* 12px */
+	--ps-font-normal: 1rem;								/* 16px */
+	--ps-font-small: 0.875rem;							/* 14px */
+	--ps-font-tiny: 0.75rem;							/* 12px */
 }
 
 html {

From 353aa653b45946f3e3a5939303b947463fd88b46 Mon Sep 17 00:00:00 2001
From: Marc Alexander <admin@m-a-styles.de>
Date: Mon, 10 Feb 2025 19:32:13 +0100
Subject: [PATCH 13/13] [ticket/17459] Adjust spacing of blocks on index

PHPBB-17459
---
 phpBB/styles/prosilver/theme/common.css | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/phpBB/styles/prosilver/theme/common.css b/phpBB/styles/prosilver/theme/common.css
index 03b6ad131d..e8f32465e2 100644
--- a/phpBB/styles/prosilver/theme/common.css
+++ b/phpBB/styles/prosilver/theme/common.css
@@ -161,7 +161,7 @@ a:hover {
 
 .page-body {
 	clear: both;
-	margin: 4px 0;
+	margin: 0.4rem 0;
 }
 
 .page-footer {
@@ -203,7 +203,7 @@ a:hover {
 	border-radius: 7px;
 	display: flex;
 	flex-direction: column;
-	margin-bottom: 4px;
+	margin-bottom: 0.5rem;
 	padding: 5px;
 }
 
@@ -215,14 +215,14 @@ a:hover {
 .forabg {
 	border-radius: 7px;
 	clear: both;
-	margin-bottom: 4px;
+	margin-bottom: 0.5rem;
 	padding: 5px;
 }
 
 .forumbg {
 	border-radius: 7px;
 	clear: both;
-	margin-bottom: 4px;
+	margin-bottom: 0.5rem;
 	padding: 5px;
 }