details styling

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