mirror of
https://codeberg.org/vlw/vlw.se.git
synced 2025-09-14 05:13:46 +02:00
64 lines
No EOL
1 KiB
CSS
64 lines
No EOL
1 KiB
CSS
vv-shell[vv-page="/search"] {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
/* # 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;
|
|
}
|
|
|
|
/* # Start search */
|
|
|
|
section.start-search {
|
|
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.start-search svg {
|
|
width: 60px;
|
|
}
|
|
|
|
/* # Result */
|
|
|
|
section.result {
|
|
padding: var(--padding);
|
|
background-color: rgba(255, 255, 255, .1);
|
|
} |