fddl.dev/styles.css

103 lines
1.7 KiB
CSS
Raw Normal View History

2024-09-15 06:48:28 +01:00
body {
margin: 0;
font-family: 'Roboto', sans-serif;
background-color: #1e1e1e;
color: #c0c0c0;
line-height: 1.6;
}
header {
background-color: #282828;
padding: 20px;
2024-09-21 03:27:28 +01:00
display: flex;
align-items: center;
justify-content: center;
max-width: 100%;
}
2024-09-15 06:48:28 +01:00
header h1 {
color: #ffffff;
margin: 0;
font-size: 2.5em;
}
2024-09-21 03:27:28 +01:00
.logo {
max-width: 80%;
padding: 20px;
}
2024-09-15 06:48:28 +01:00
main {
max-width: 800px;
margin: 20px auto;
padding: 0 20px;
}
h2 {
color: #ffffff;
border-bottom: 1px solid #444;
padding-bottom: 5px;
margin-top: 40px;
}
p {
margin-bottom: 15px;
}
pre {
background-color: #2e2e2e;
padding: 15px;
overflow-x: auto;
font-family: 'Source Code Pro', monospace;
color: #dcdcdc;
border-radius: 5px;
}
code {
color: #acacac;
font-family: 'Source Code Pro', monospace;
background-color: #2e2e2e;
padding: 2px 4px;
border-radius: 3px;
}
a {
color: #569cd6;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
.images {
text-align: center;
margin: 30px 0;
}
.images img {
max-width: 100%;
border: 1px solid #444;
border-radius: 5px;
margin: 10px 0;
}
footer {
background-color: #282828;
padding: 10px;
text-align: center;
color: #808080;
margin-top: 40px;
}
.contact {
margin-top: 40px;
text-align: center;
}
.notes {
background-color: #2e2e2e;
padding: 20px;
margin: 20px 0;
border-radius: 5px;
}
ul {
list-style: none;
padding-left: 0;
}
li::before {
content: "• ";
color: #569cd6;
}
.task-list-item {
margin-bottom: 5px;
}
.task-list-item input {
margin-right: 10px;
vertical-align: middle;
}