forked from projects/thebadspace
ro
c13f144e20
Added some preliminary Bad Spade stats to the index to set up a space for additional information to be shared in the future. Starting with an accurate display of locations tracked, Current Sources count and last update date
68 lines
1.1 KiB
CSS
68 lines
1.1 KiB
CSS
section.index-search {
|
|
width: 100%;
|
|
background: var(--white);
|
|
}
|
|
|
|
section.start a.search-link {
|
|
color: var(--highlight);
|
|
font-size: 2.5em;
|
|
font-weight: bold;
|
|
border: 0;
|
|
display: block;
|
|
}
|
|
|
|
form.index-search-form {
|
|
width: 80%;
|
|
max-width: 1000px;
|
|
margin: 0 auto;
|
|
padding: 30px 0;
|
|
}
|
|
|
|
form.index-search-form > input[type="text"] {
|
|
width: 88%;
|
|
height: 50px;
|
|
font: 44px var(--base-type);
|
|
}
|
|
|
|
form.index-search-form > button {
|
|
height: 60px;
|
|
width: 60px;
|
|
position: relative;
|
|
top: 9px;
|
|
right: 0;
|
|
}
|
|
|
|
::placeholder {
|
|
/* Chrome, Firefox, Opera, Safari 10.1+ */
|
|
color: var(--highlight);
|
|
}
|
|
|
|
section.index-meta article {
|
|
margin-top: 20px;
|
|
}
|
|
|
|
div.index-meta {
|
|
display: grid;
|
|
grid-template-columns: 50% 50%;
|
|
gap: 10px;
|
|
width: 98%;
|
|
font-weight: 500;
|
|
color: var(--secondary);
|
|
}
|
|
|
|
div.index-meta > label:nth-child(2),
|
|
div.index-meta > label:nth-child(4),
|
|
div.index-meta > label:nth-child(6) {
|
|
color: var(--white);
|
|
width: 100%;
|
|
text-align: right;
|
|
}
|
|
|
|
@media only screen and (max-width: 800px) {
|
|
form.index-search-form > input[type="text"] {
|
|
width: 85%;
|
|
height: 50px;
|
|
font: 34px var(--base-type);
|
|
}
|
|
}
|