details styling
This commit is contained in:
parent
2ee0039922
commit
a0c13d4d69
|
@ -0,0 +1,2 @@
|
||||||
|
gweb -p xfss -r ~/ph/git/xfss.git -l https://xfnw.ttm.sh/git/xfss.git ~/ph/git/xfss
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue