details styling

dep.sh

@@ -0,0 +1,2 @@
+gweb -p xfss -r ~/ph/git/xfss.git -l https://xfnw.ttm.sh/git/xfss.git ~/ph/git/xfss
+

template/style.css

@@ -6,10 +6,13 @@ font-family: monospace;
 color: #aea;
 }
 
+div, pre, summary {
+	padding: 10px;
+}
+
 div {
 border: 1px solid #aea;
 border-left: 6px solid #7b7;
-padding: 10px;
 border-radius: 0px 15px 15px 0px;
 margin-top: 5px;
 }
@@ -28,31 +31,34 @@ a:hover {
 text-decoration: underline;
 }
 
-
 code, kbd, pre {
 background: #111;
 color: #aea;
 }
 
 pre {
-padding: 10px;
 border-radius: 0px 10px 10px 0px;
 border: 1px solid #9d9;
 border-left: 6px solid #6a6;
 }
 
-th {
+summary {
+	cursor: pointer;
+}
+
+th, summary {
 	color: black;
 	background-color: #aea;
 }
 
-
-th, td {
+th, td, details {
 	border: 1px solid #9d9;
+}
+th, td {
 	padding: 5px;
 }
 
-table {
+table, details *:not(summary) {
 	border-collapse: collapse;
 	margin: 10px;
 }
@@ -63,7 +69,6 @@ width: 100%;
 }
 }
 
-
 @media (prefers-reduced-motion: no-preference) {
 	@keyframes flash {
 		50% { opacity: 0; }
@@ -83,3 +88,4 @@ width: 100%;
 		animation: flash 1s step-end infinite;
 	}
 }
+