bunteshaus.de/themes/buha/assets/css/main.css
2022-05-06 13:29:00 +02:00

76 lines
1.2 KiB
CSS

img {
border-radius: 4px;
margin-bottom: .5rem;
}
#container {
background-color: var(--background);
background-image: linear-gradient(var(--background), var(--background-alt));
}
main {
min-height: 80vh;
}
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;
padding: 1rem;
}
aside {
display: none;
}
section {
flex-grow: 0;
flex-shrink: 0;
border-radius: 10px;
padding-left: 1rem;
padding-right: 1rem;
}
@keyframes color {
0% { background: #21001f; }
20% { background: #240027; }
40% { background: #1f001d; }
60% { background: #1c0018; }
80% { background: #220022; }
100% { background: #21001f; }
}
body {
background: #12011e; /* Fallback */
animation: color 300s infinite linear;
}
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;
}