From a7a1b25de6de964456033e92fb2233eab395b0f5 Mon Sep 17 00:00:00 2001
From: paulsohier <paul@sohier.me>
Date: Fri, 18 Sep 2026 16:50:09 +0100
Subject: [PATCH] Styles for the cookie debugger, replacing the old tool's
 cookie table

For phpbb/phpbb-website-private#227 (paul999/phpbb-website-private#27),
which rebuilds the support team's cookie debugger at /support/cookies/
and kept its styles inline until now:

- .verdict-good, .verdict-bad and .verdict-neutral colour a cookie
  setting by whether it works for the board.
- dl.cookie-summary lays out domain, path and secure flag with their
  reasons.
- td.long, td.marker and td.nowrap keep long cookie values and markers
  from widening the tables.
- details summary gets its disclosure triangle back, which prosilver's
  reset hides.

The old tool's table.cookie, th.cookie and td.cookie go: phpbb/website#230
removes the only page that used them. website.css?5 in index.css makes
browsers fetch the new rules.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
---
 css/index.css   |  2 +-
 css/website.css | 74 ++++++++++++++++++++++++++++++++-----------------
 2 files changed, 49 insertions(+), 27 deletions(-)

diff --git a/css/index.css b/css/index.css
index e3cc161..9c906d9 100644
--- a/css/index.css
+++ b/css/index.css
@@ -3,7 +3,7 @@
    --------------------------------------------------------------
 */
 
-@import url("/assets/css/website.css?4");
+@import url("/assets/css/website.css?5");
 @import url("/assets/css/headers.css?4");
 @import url("/assets/css/navigation.css?3");
 @import url("/assets/css/silver.css?2");
diff --git a/css/website.css b/css/website.css
index e09a591..767f35a 100644
--- a/css/website.css
+++ b/css/website.css
@@ -2909,40 +2909,62 @@ div.launch {
 }
 
 
-/* Cookies table */
-table.cookie {
-	width: 100%;
-	border: 1px solid #CCCFD3;
-	background-color: #FFFFFF;
-	padding: 2px;
+/* Cookie debugger (/support/cookies/, team only) */
+
+/* A cookie setting and how it works for the board */
+.cookie-debugger .verdict {
+	font-weight: bold;
 }
 
-th.cookie {
-	padding: 3px 4px;
-	border-width: 0 1px 1px 0;
-	color: #FFFFFF;
-	background: #70AED3 url("gradient2b.gif") bottom left repeat-x;
-	border-top: 1px solid #6DACD2;
-	border-bottom: 1px solid #327AA5;
-	text-align: left;
-	font-size: 0.75em;
-	text-transform: uppercase;
+.cookie-debugger .verdict-good {
+	color: #1B7F1F;
 }
 
-td.cookie {
-	text-align: left;
-	font-size: 0.85em;
-	padding: 4px;
-	line-height: 1.20em;
-	border-width: 0 1px 1px 0;
+.cookie-debugger .verdict-bad {
+	color: #C00000;
 }
 
-td.cookie:last-child {
-	border-right: 0;
+.cookie-debugger .verdict-neutral {
+	color: #333333;
 }
 
-tr:last-child td.cookie {
-	border-bottom: 0;
+/* Domain, path and secure flag, with the reason for each */
+.cookie-debugger dl.cookie-summary {
+	font-size: 1.2em;
+}
+
+.cookie-debugger dl.cookie-summary dt {
+	float: left;
+	clear: left;
+	width: 9em;
+	font-weight: bold;
+}
+
+.cookie-debugger dl.cookie-summary dd {
+	margin-left: 9em;
+	margin-bottom: 0.5em;
+}
+
+/* The marker and cookie tables hold long unbroken strings */
+.cookie-debugger td.long {
+	word-break: break-all;
+}
+
+.cookie-debugger td.marker {
+	font-family: monospace;
+	word-break: break-all;
+}
+
+.cookie-debugger td.nowrap {
+	white-space: nowrap;
+}
+
+/* prosilver resets display, which hides the disclosure triangle */
+.cookie-debugger details summary {
+	font-size: 1.2em;
+	display: list-item;
+	cursor: pointer;
+	margin-bottom: 0.5em;
 }
 
 /* Right to left BBCode */