blug/site/style.css

72 lines
1.1 KiB
CSS

html {
color-scheme: dark;
color: #fff;
font-family: sans-serif;
background-color: #111;
}
main {
width: calc(100% - 82px);
max-width: 800px;
background-color: #222;
margin: auto;
padding: 2px 32px 32px;
border-left: 4px solid #d3f;
}
code {
font-size: 1rem;
background-color: #1c1c1c;
color: #f90;
}
video, img { max-width: 100%; }
.flags {
display: flex;
height: 30px;
width: 100%;
margin-bottom: 5px;
border: 1px solid #fff;
}
.flags div { flex-grow: 1; }
.flags #pan {
background: linear-gradient(
#f06 33.3%,
#fd0 33.3% 66.6%,
#0af 66.6%);
}
.flags #enby {
background: linear-gradient(
#fd0 25%,
#fff 25% 50%,
#a0f 50% 75%,
#000 75%);
}
.flags #trans {
background: linear-gradient(
#5cf 20%,
#fab 20% 40%,
#fff 40% 60%,
#fab 60% 80%,
#5cf 80%);
}
.flags #pride {
background: linear-gradient(
#f00 16.6%,
#f90 16.6% 33.3%,
#ff0 33.3% 50%,
#4d4 50% 66.6%,
#06f 66.6% 83.3%,
#a0f 83.3%);
}
.flags #lesbian {
background: linear-gradient(
#d20 14.3%,
#e72 14.3% 28.6%,
#f95 28.6% 42.9%,
#fff 42.9% 57.1%,
#d6a 57.1% 71.4%,
#b59 71.4% 85.7%,
#a06 85.7%);
}