xfwc

commit a0c13d4d696435b2a508c55bea5bac0b0ae3f49e
parent 2ee0039922c8fd1c15b92bf3f0d230d04f72a956
Author: xfnw <xfnw@ttm.sh>
Date:   Sat,  1 Aug 2020 00:50:23 +0000

details styling

Diffstat:
A
dep.sh
 | 
2
++
M
template/style.css
 | 
22
++++++++++++++--------

2 files changed, 16 insertions(+), 8 deletions(-)
diff --git a/dep.sh b/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
+
diff --git a/template/style.css b/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;
 	}
 }
+