b9298451b7
Cleaned up the front end structure a bit more so the layout is unified across pages, excluding the index which will serve as the main search page, which has it's own style. Location page was also added to display details of instances listed in the database. It's mostly just informational so it will be kept simple.
59 lines
1.1 KiB
CSS
59 lines
1.1 KiB
CSS
section[role="start"] {
|
|
background-image: url("../../images/global/special-trash.jpg");
|
|
height: 100%;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
section[role="start"] div[role="index-wrapper"] {
|
|
margin: 0 auto;
|
|
width: 100%;
|
|
}
|
|
|
|
section[role="start"] div[role="index-search"] {
|
|
width: 100%;
|
|
border-bottom: 1px solid var(--secondary);
|
|
}
|
|
|
|
section[role="start"] div[role="index-results"] {
|
|
width: 100%;
|
|
padding: 10px;
|
|
background: rgb(var(--primary-rgb) / 60%);
|
|
border-bottom: 1px solid var(--white);
|
|
}
|
|
|
|
section[role="start"] div input[type="text"] {
|
|
background: none;
|
|
font-weight: bold;
|
|
font-size: 3.5em;
|
|
width: 91%;
|
|
color: var(--white);
|
|
text-shadow: 1px 1px 1px var(--primary);
|
|
outline: none;
|
|
}
|
|
|
|
section[role="start"] div button {
|
|
vertical-align: text-bottom;
|
|
width: 57px;
|
|
height: 57px;
|
|
}
|
|
|
|
section[role="start"] div button i {
|
|
font-size: 1.5em;
|
|
}
|
|
|
|
section[role="start"] h1 {
|
|
color: var(--white);
|
|
}
|
|
|
|
section[role="start"] a.search-link {
|
|
color: var(--highlight);
|
|
font-size: 2.5em;
|
|
font-weight: bold;
|
|
border: 0;
|
|
display: block;
|
|
}
|