diff options
Diffstat (limited to 'style')
| -rw-r--r-- | style/main.css | 49 |
1 files changed, 37 insertions, 12 deletions
diff --git a/style/main.css b/style/main.css index bd7a758..5b6a064 100644 --- a/style/main.css +++ b/style/main.css @@ -94,6 +94,15 @@ html body { height: 100dvh; } +#js_tmp +{ + position: absolute; + height: auto; + width: auto; + visibility: hidden; + white-space: nowrap; +} + a { cursor: pointer; @@ -230,10 +239,7 @@ a:hover { text-decoration: underline; } animation: logo-ver_scale 3.5s ease infinite; } -#search_pane -{ - flex-grow: 1; -} +#search_pane { flex-grow: 1; } form { @@ -247,12 +253,13 @@ button, input { all: unset; } #query_wrap { - display: flex; - flex-direction: row; + display: flex; + flex-direction: row; justify-content: flex-start; + align-items: center; font-size: large; - width: min(42rem, 80vw); + width: min(42rem, 80vw); padding: 1rem 1.5rem; margin: 1rem; @@ -271,18 +278,36 @@ button, input { all: unset; } box-shadow: 0.5pt 0.75pt 0.5rem var(--qshadowh); } -#query -{ - width: 100%; -} +#query { width: 100%; } #query_icon { background: no-repeat url("/imgs/search.svg"); background-size: contain; background-position: center; - width: 16pt; margin-right: 1rem; + flex-shrink: 0; + width: 14pt; + height: 14pt; +} + +.query_opt +{ + flex-shrink: 0; + user-select: none; + width: 20pt; + color: var(--fg-light); +} + +#sect { margin-right: 6pt; } +#sect, #arch +{ + background-color: transparent; + color: var(--fg-mid); + border: none; + + cursor: pointer; + user-select: none; } button, input[type=submit] |