abtmtr-v13/assets/elements.css

159 lines
2.7 KiB
CSS
Raw Normal View History

2024-08-30 05:04:14 +00:00
h1, h2, h3, h4, h5, h6, p, li, br {
2024-08-30 03:40:00 +00:00
font-weight: normal;
margin: 0;
/* text-shadow: 1px 1px 0 var(--color-text-shadow); */
line-height: 1.5rem;
}
h1, h2, h3, h4, h5, h6 {
margin-block: 1.5rem;
2024-08-30 17:03:57 +00:00
padding-inline: 1ch;
2024-08-30 03:40:00 +00:00
font-size: 1rem;
background-color: var(--color-text);
color: var(--color-bg);
}
h3, h4, h5, h6 {
margin-block: 0;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
display: block;
2024-08-30 17:03:57 +00:00
margin-inline: -1ch;
padding-inline: 1ch;
2024-08-30 03:40:00 +00:00
background-color: var(--color-accent);
color: var(--color-bg);
}
2024-09-01 21:28:26 +00:00
a.noblock {
display: inline;
margin-inline: 0;
padding-block: 0.25rem;
}
2024-08-30 03:40:00 +00:00
p {
2024-09-01 07:54:15 +00:00
margin-inline: 2ch;
2024-08-30 05:04:14 +00:00
margin-block: 1.5rem;
}
p.nomargin {
margin-block: unset;
2024-08-30 03:40:00 +00:00
}
ul {
margin: 0;
2024-08-30 17:03:57 +00:00
padding-inline-start: 4ch;
2024-08-30 03:40:00 +00:00
list-style-type: "- ";
}
ul li {
margin-block: 1.5rem;
}
2024-09-01 21:28:26 +00:00
details > summary {
list-style-type: '► ';
}
details[open] > summary {
list-style-type: '▼ ';
}
summary > h1, summary > h2, summary > h3, summary > h4, summary > h5, summary > h6 {
display: inline-block;
}
2024-08-31 20:11:34 +00:00
section {
2024-08-30 05:04:14 +00:00
margin-block: 1.5em;
2024-08-30 17:03:57 +00:00
margin-inline-start: 2ch;
2024-08-30 05:04:14 +00:00
}
img {
vertical-align: middle;
background-color: #fff8;
2024-08-30 05:04:14 +00:00
}
2024-08-30 03:40:00 +00:00
a {
color: var(--color-accent);
text-decoration: underline solid currentColor 1px;
2024-08-30 05:04:14 +00:00
}
code {
display: inline-block;
2024-09-01 21:28:26 +00:00
max-width: 100%;
box-sizing: border-box;
2024-08-30 05:04:14 +00:00
font: inherit;
background-color: var(--color-code);
2024-08-30 17:03:57 +00:00
padding-inline: 1ch;
2024-08-30 05:04:14 +00:00
color: var(--color-code-text);
user-select: all;
2024-09-01 21:28:26 +00:00
word-break: break-word;
overflow: auto;
vertical-align: top;
2024-08-30 05:04:14 +00:00
}
2024-09-01 07:54:15 +00:00
button, input, textarea, select {
2024-08-30 05:04:14 +00:00
border: none;
background: transparent;
color: inherit;
font: inherit;
padding: 0;
2024-09-01 07:54:15 +00:00
line-height: 1.5rem;
resize: none;
}
select {
height: 1.5rem;
2024-08-30 06:18:32 +00:00
}
:focus {
2024-08-30 17:03:57 +00:00
outline: 1ch solid var(--color-text);
2024-08-30 05:04:14 +00:00
}
2024-09-01 07:54:15 +00:00
input[type=text], input[type=url], textarea, select {
2024-08-30 17:03:57 +00:00
padding-inline: 1ch;
border-inline: 1ch solid var(--color-accent);
2024-09-01 07:54:15 +00:00
background-color: var(--color-bg-scrim);
2024-08-30 05:04:14 +00:00
}
button, input[type=submit] {
2024-08-30 17:03:57 +00:00
padding-inline: 1ch;
2024-08-30 05:04:14 +00:00
background-color: var(--color-accent);
color: var(--color-bg);
cursor: pointer;
}
button:active, input[type=submit]:active {
background-color: transparent;
color: var(--color-accent);
}
marquee {
vertical-align: top;
}
.clearfix:after {
content: "";
display: table;
clear: both;
2024-09-01 21:28:26 +00:00
}
progress {
border: none;
border-radius: 0;
border-inline: 1ch solid var(--color-text);
background-color: var(--color-bg-scrim);
height: 1.5rem;
vertical-align: top;
}
progress::-webkit-progress-bar {
border: none;
border-radius: 0;
border-inline: 1ch solid var(--color-text);
background-color: var(--color-bg-scrim);
}
progress::-webkit-progress-value {
background-color: var(--color-accent);
}
progress::-moz-progress-bar {
background-color: var(--color-accent);
2024-08-30 03:40:00 +00:00
}