help/rtfd/public/html/style/main.css

107 lines
1.2 KiB
CSS
Raw Normal View History

2025-01-25 15:01:16 +01:00
/*
block-size height
2025-01-25 17:19:30 +01:00
(border|padding)-block[-start|end]
(border|padding)-inline[-start|end]
2025-01-25 15:01:16 +01:00
inline-size width
margin-block vspace
*/
2025-01-26 15:52:36 +01:00
/**/
@import "debug.css";
/**/
@import "reset.css";
2025-01-25 17:19:30 +01:00
2025-01-25 14:01:09 +01:00
html {
}
2025-01-24 18:02:11 +01:00
body {
2025-01-25 10:58:39 +01:00
background-color: #111;
2025-01-26 15:52:36 +01:00
background-image: url("../images/logo.svg");
2025-01-26 12:35:42 +01:00
background-position: center;
background-size: cover;
2025-01-25 10:58:39 +01:00
color: #777;
2025-01-24 18:02:11 +01:00
font-family: sans-serif;
2025-01-25 17:19:30 +01:00
font-size: 1.5rem;
2025-01-25 14:01:09 +01:00
line-height: 1.25;
2025-01-25 17:19:30 +01:00
margin: 1em 2em;
2025-01-25 10:58:39 +01:00
text-align: start;
2025-01-24 18:02:11 +01:00
}
header {
2025-01-25 14:01:09 +01:00
background-color: #300;
2025-01-25 19:42:38 +01:00
padding: 1em 2em;
}
.sectionless {
background-color: #630;
padding: .5em 1em;
}
2025-01-26 15:33:58 +01:00
.sectionless .thing {
2025-01-25 19:42:38 +01:00
font-size: 1.5em;
2025-01-25 14:01:09 +01:00
}
main {
background-color: #030;
}
h1, h2, h3, h4, h5, h6 {
background-color: #222;
2025-01-24 18:02:11 +01:00
}
h1 {
2025-01-25 17:19:30 +01:00
border-color: #fff;
border-radius: .25em;
border-style: solid;
border-width: .1em;
2025-01-25 10:58:39 +01:00
color: #f77;
2025-01-25 17:19:30 +01:00
font-size: 1.75em;
2025-01-24 18:02:11 +01:00
text-align: center;
}
2025-01-25 14:01:09 +01:00
p {
background-color: #330;
}
section {
background-color: #033;
2025-01-25 17:20:46 +01:00
margin-block: 4em;
2025-01-25 14:01:09 +01:00
}
2025-01-25 15:01:16 +01:00
strong {
color: red;
}
2025-01-25 14:01:09 +01:00
ol, ul {
background-color: #303;
}
2025-01-26 15:33:58 +01:00
ol {
list-style: decimal;
}
ul {
list-style: disc;
}
li {
margin-block: .25em;
}
2025-01-25 14:01:09 +01:00
2025-01-25 10:58:39 +01:00
a {
2025-01-25 14:01:09 +01:00
color: inherit;
2025-01-25 10:58:39 +01:00
}
2025-01-25 22:56:42 +01:00
a:visited {
}
a:focus-visible, a:hover {
}
a:active {
}
2025-01-25 10:58:39 +01:00
h2 {
color: #f77;
}
2025-01-24 18:02:11 +01:00
footer {
2025-01-25 14:01:09 +01:00
background-color: #003;
2025-01-25 17:20:46 +01:00
padding: 1em 2em;
2025-01-24 18:02:11 +01:00
text-align: end;
}