details styling

This commit is contained in:
xfnw 2020-08-01 00:50:23 +00:00
parent 2ee0039922
commit a0c13d4d69
2 changed files with 16 additions and 8 deletions

2
dep.sh Executable file
View file

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

View file

@ -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;
}
}