abtmtr-v13/assets/elements.css

97 lines
1.6 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 03:43:49 +00:00
padding-inline: 0.5rem;
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 03:43:49 +00:00
margin-inline: -0.5rem;
padding-inline: 0.5rem;
2024-08-30 03:40:00 +00:00
background-color: var(--color-accent);
color: var(--color-bg);
}
p {
margin-inline-start: 1rem;
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;
padding-inline-start: 2rem;
list-style-type: "- ";
}
ul li {
margin-block: 1.5rem;
}
2024-08-30 05:04:14 +00:00
div {
margin-block: 1.5em;
margin-inline-start: 1em;
}
img {
vertical-align: middle;
}
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;
font: inherit;
background-color: var(--color-code);
padding-inline: 0.5rem;
color: var(--color-code-text);
user-select: all;
}
button, input {
border: none;
background: transparent;
color: inherit;
font: inherit;
padding: 0;
2024-08-30 06:18:32 +00:00
}
:focus {
outline: 0.5em solid var(--color-text);
2024-08-30 05:04:14 +00:00
}
input[type=text], input[type=url] {
padding-inline: 0.5rem;
border-inline: 0.5em solid var(--color-accent);
}
button, input[type=submit] {
padding-inline: 0.5rem;
background-color: var(--color-accent);
color: var(--color-bg);
cursor: pointer;
}
button:active, input[type=submit]:active {
background-color: transparent;
color: var(--color-accent);
2024-08-30 03:40:00 +00:00
}