bunteshaus.de/themes/buha/assets/css/main.css

76 lines
1.2 KiB
CSS
Raw Normal View History

2022-04-11 15:45:49 +02:00
img {
border-radius: 4px;
margin-bottom: .5rem;
}
#container {
background-color: var(--background);
2022-05-06 11:49:30 +02:00
background-image: linear-gradient(var(--background), var(--background-alt));
2022-04-11 15:45:49 +02:00
}
main {
2022-04-11 16:56:06 +02:00
min-height: 80vh;
2022-04-11 15:45:49 +02:00
}
h1 {
margin-left: .4rem;
font-size: 180%;
margin-top: 0rem;
}
#main {
padding-right: 1rem;
padding-bottom: 1rem;
display: flex;
}
#content {
display: flex;
flex-direction: column;
flex-grow: 1;
2022-05-06 13:29:00 +02:00
padding: 1rem;
2022-04-11 15:45:49 +02:00
}
aside {
display: none;
}
section {
2022-04-11 20:53:58 +02:00
flex-grow: 0;
2022-04-11 18:16:40 +02:00
flex-shrink: 0;
border-radius: 10px;
2022-05-06 13:29:00 +02:00
padding-left: 1rem;
padding-right: 1rem;
2022-04-11 15:45:49 +02:00
}
@keyframes color {
2022-04-11 21:21:08 +02:00
0% { background: #21001f; }
20% { background: #240027; }
40% { background: #1f001d; }
60% { background: #1c0018; }
80% { background: #220022; }
100% { background: #21001f; }
2022-04-11 15:45:49 +02:00
}
body {
2022-04-11 21:12:30 +02:00
background: #12011e; /* Fallback */
2022-04-11 21:09:10 +02:00
animation: color 300s infinite linear;
2022-04-11 15:45:49 +02:00
}
2022-05-06 11:49:30 +02:00
img.light-shadow{
filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.4));
}
img.dark-shadow{
filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 1));
}
a.light-shadow{
text-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4);
}
a.dark-shadow{
text-shadow: 0px 3px 3px rgba(0, 0, 0, 1);
color: white;
}