aro/static/style.css

116 lines
1.5 KiB
CSS
Raw Normal View History

2023-01-31 17:08:37 +01:00
:root {
--hl: #59e9fd;
--bg: black;
--bg2: #101012;
--fg: #ececef;
--fg-dim: #ddddde;
}
html {
padding: 2em 0;
background-color: var(--bg);
color: var(--fg);
font-family: 'Lato', 'Segoe UI', sans-serif;
font-size: 13pt;
line-height: 140%;
}
body {
background-color: var(--bg2);
border-radius: 2em;
padding: 5%;
width: 80%;
margin: auto;
}
code {
font-family: "Hack", "Fira Code", "Courier New", monospace;
background-color: #2a2a2a;
}
.meta {
font-size: 75%;
color: var(--fg-dim);
}
p {
text-align: justify;
}
form > * {
height: 2em;
border-color: var(--hl);
background-color: var(--bg2);
color: var(--fg);
border-width: 0 0 2px 0;
}
form > *:focus {
outline: none;
}
#searchbox {
width: 90%;
}
#submit {
width: 10%;
}
a {
color: var(--hl);
}
hr {
border-color: var(--hl);
}
h2 {
margin-block-end: 0;
margin-block-start: 0;
font-weight: normal;
font-size: 120%;
}
img {
box-shadow: 10px 10px var(--bg);
}
.thumb {
max-height: 250px;
max-width: 30%;
float: right;
margin: 0 0 0.8em 1.2em;
}
.fullimage {
width: 30%;
float: right;
margin: 0 0 1em 1.5em;
}
.cardresult {
margin: 1em;
flex-grow: 1;
flex-basis: 25em;
}
@media screen and (max-width: 680px) {
body {
width: 95%;
padding: 3%;
}
#bottom {
bottom: 1em;
}
}
/* little floaty thing at the bottom with links to home and help */
#bottom {
position: fixed;
bottom: 2em;
right: 10%;
background-color: var(--bg);
z-index: 2;
padding: 1em;
border-radius: 1em;
}