metasearch/src/web/assets/style.css

114 lines
1.7 KiB
CSS
Raw Normal View History

2023-12-20 08:03:29 +00:00
html {
height: 100%;
}
2023-12-20 06:18:09 +00:00
body {
font-family: monospace;
background-color: #0b0e14;
color: #bfbdb6;
margin: 0;
line-height: 1.2;
2023-12-20 08:03:29 +00:00
height: 100%;
2023-12-20 06:18:09 +00:00
}
main {
max-width: 40rem;
padding: 1rem 0.5rem;
margin: 0 auto;
background-color: #0d1017;
2023-12-20 08:03:29 +00:00
height: 100%;
2023-12-20 06:18:09 +00:00
}
input {
font-family: monospace;
background-color: #0d1017;
color: #bfbdb6;
border: 1px solid #234;
font-size: inherit;
padding: 0.25rem;
}
input[type="submit"] {
cursor: pointer;
}
2023-12-20 08:03:29 +00:00
/* index page */
.main-container {
display: flex;
flex-direction: column;
height: 100%;
justify-content: center;
margin: 0 auto;
width: fit-content;
text-align: center;
}
h1 {
margin-top: 0;
}
/* header */
2023-12-20 06:18:09 +00:00
.search-form {
margin-bottom: 1rem;
}
2023-12-20 08:03:29 +00:00
.search-input {
width: 20em;
}
2023-12-20 06:18:09 +00:00
2023-12-20 08:03:29 +00:00
/* search result */
2023-12-20 06:18:09 +00:00
.search-result {
padding-top: 1rem;
border-top: 1px solid #234;
2023-12-20 08:03:29 +00:00
font-size: 1rem;
2023-12-20 06:18:09 +00:00
}
.search-result-anchor {
color: inherit;
text-decoration: none;
2023-12-20 08:03:29 +00:00
display: block;
2023-12-20 06:18:09 +00:00
}
.search-result-url {
margin: 0;
font-size: 0.8rem;
color: #998;
}
.search-result-title {
margin: 0;
2023-12-20 08:03:29 +00:00
font-size: 1rem;
2023-12-20 06:18:09 +00:00
color: #29e;
}
.search-result-description {
margin: 0;
2023-12-20 08:03:29 +00:00
font-size: 0.8em;
2023-12-20 06:18:09 +00:00
color: #bba;
}
2023-12-20 08:03:29 +00:00
/* engine list */
.engine-list {
2023-12-20 06:18:09 +00:00
opacity: 0.5;
2023-12-20 08:03:29 +00:00
justify-content: end;
2023-12-20 06:18:09 +00:00
display: flex;
gap: 0.5em;
2023-12-20 08:03:29 +00:00
font-size: 0.8rem;
2023-12-20 06:18:09 +00:00
}
2023-12-20 08:03:29 +00:00
/* featured snippet */
.featured-snippet {
margin-bottom: 1rem;
border: 1px solid #234;
padding: 0.5rem;
font-size: 1.2rem;
}
.featured-snippet .search-result-description {
margin-bottom: 1rem;
}
/* progress update */
2023-12-20 06:18:09 +00:00
.progress-updates {
margin-bottom: 1rem;
border: 1px solid #234;
padding: 0.5rem;
2023-12-20 08:03:29 +00:00
min-height: 5em;
2023-12-20 06:18:09 +00:00
}
.progress-update {
margin: 0;
2023-12-20 08:03:29 +00:00
white-space: pre;
}
.progress-update-time {
opacity: 0.5;
2023-12-20 06:18:09 +00:00
}