mirror of
https://codeberg.org/vlw/vlw.se.git
synced 2025-09-13 21:13:40 +02:00
84 lines
No EOL
1.3 KiB
CSS
84 lines
No EOL
1.3 KiB
CSS
vv-shell[vv-page="/search"] {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: calc(var(--padding) / 2);
|
|
}
|
|
|
|
/* # Search */
|
|
|
|
section.search {
|
|
display: flex;
|
|
gap: var(--padding);
|
|
border-radius: 6px;
|
|
padding: var(--padding);
|
|
background-color: rgba(255, 255, 255, .1);
|
|
}
|
|
|
|
section.search form {
|
|
display: contents;
|
|
}
|
|
|
|
section.search input {
|
|
flex: 1 1 auto;
|
|
border-radius: 6px;
|
|
padding: 0 var(--padding);
|
|
border: solid 2px rgba(255, 255, 255, .1);
|
|
background-color: rgba(255, 255, 255, .1);
|
|
}
|
|
|
|
section.search input:focus {
|
|
outline: none;
|
|
border-color: white;
|
|
}
|
|
|
|
section.search select {
|
|
padding: 5px;
|
|
border: none;
|
|
background-color: transparent;
|
|
}
|
|
|
|
section.search select :is(option, optgroup) {
|
|
color: black;
|
|
}
|
|
|
|
/* # Center */
|
|
|
|
section.center {
|
|
display: flex;
|
|
flex: 1 1 auto;
|
|
align-items: center;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
fill: var(--color-accent);
|
|
gap: calc(var(--padding) / 2);
|
|
}
|
|
|
|
section.center svg {
|
|
width: 60px;
|
|
}
|
|
|
|
/* # Result */
|
|
|
|
section.result {
|
|
display: flex;
|
|
}
|
|
|
|
section.result button {
|
|
flex: 1 1 auto;
|
|
text-align: left;
|
|
padding: var(--padding);
|
|
}
|
|
|
|
/* # Stats */
|
|
|
|
section.stats {
|
|
min-height: calc(var(--padding) * 2);
|
|
display: flex;
|
|
align-items: center;
|
|
gap: calc(var(--padding) / 2);
|
|
justify-content: space-between;
|
|
}
|
|
|
|
vv-shell[vv-page="/search"] section.stats button {
|
|
display: none;
|
|
} |