mirror of
https://github.com/naturalcrit/homebrewery.git
synced 2025-12-29 15:32:40 +00:00
174 lines
5.2 KiB
Plaintext
174 lines
5.2 KiB
Plaintext
body {
|
|
height: 100vh;
|
|
|
|
.content {
|
|
height: 100%;
|
|
}
|
|
}
|
|
|
|
.archivePage {
|
|
overflow-y: hidden;
|
|
height: 100%;
|
|
background-color: #2C3E50;
|
|
|
|
h1,h2,h3 {
|
|
font-family: 'Open Sans';
|
|
color: white;
|
|
font-weight: 900;
|
|
}
|
|
|
|
.content {
|
|
display: grid;
|
|
grid-template-rows: 20vh 1fr;
|
|
|
|
.welcome {
|
|
display: grid;
|
|
place-items: center;
|
|
background: url('https://i.imgur.com/MJ4YHu7.jpg');
|
|
background-size: 100%;
|
|
background-position: center;
|
|
height: 20vh;
|
|
border-bottom: 5px solid #333;
|
|
|
|
h1 {
|
|
font-size: 40px;
|
|
filter:drop-shadow(0 0 5px black);
|
|
}
|
|
}
|
|
|
|
.flexGroup {
|
|
height: 100%;
|
|
display: grid;
|
|
grid-template-columns: 500px 2fr;
|
|
background: #2C3E50;
|
|
|
|
.dataGroup {
|
|
width: 100%;
|
|
height: 100%;
|
|
background: white;
|
|
|
|
&.form .brewLookup {
|
|
padding: 50px;
|
|
|
|
h2 {
|
|
font-size: 30px;
|
|
border-bottom: 2px solid;
|
|
margin-block: 20px;
|
|
}
|
|
|
|
label {
|
|
margin-right: 10px;
|
|
}
|
|
|
|
input+button {
|
|
margin-left: 20px;
|
|
}
|
|
}
|
|
|
|
&.resultsContainer {
|
|
display: flex;
|
|
flex-direction: column;
|
|
border-left: 2px solid;
|
|
height: 100%;
|
|
font-family: "BookInsanityRemake";
|
|
font-size: .34cm;
|
|
|
|
.title {
|
|
height: 10vh;
|
|
background-color: #333;
|
|
display: grid;
|
|
place-items: center;
|
|
|
|
h2 {
|
|
font-size: 30px;
|
|
}
|
|
}
|
|
.foundBrews {
|
|
position: relative;
|
|
background-color: #2C3E50;
|
|
width: 100%;
|
|
max-height: 100%;
|
|
height: 66.7vh;
|
|
padding: 50px;
|
|
overflow-y:scroll;
|
|
|
|
h3 {
|
|
font-size: 25px;
|
|
}
|
|
|
|
&.noBrews {
|
|
display:grid;
|
|
place-items:center;
|
|
}
|
|
|
|
.brewCount {
|
|
position: fixed;
|
|
bottom: 0;
|
|
right: 17px;
|
|
font-size: 11px;
|
|
font-weight: 800;
|
|
color: white;
|
|
background-color: #333;
|
|
padding: 8px 10px;
|
|
z-index: 1000;
|
|
font-family: 'Open Sans';
|
|
|
|
&:empty {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
.limit {
|
|
position: fixed;
|
|
bottom: 0;
|
|
left: 502px;
|
|
font-size: 11px;
|
|
font-weight: 800;
|
|
color: white;
|
|
background-color: #333;
|
|
padding: 8px 10px;
|
|
z-index: 1000;
|
|
font-family: 'Open Sans';
|
|
|
|
&:empty {
|
|
display: none;
|
|
}
|
|
}
|
|
.brewItem {
|
|
background-image: url('/assets/parchmentBackground.jpg');
|
|
width: 48%;
|
|
margin-right: 40px;
|
|
color: black;
|
|
|
|
&:nth-child(even) {
|
|
margin-right: 0;
|
|
}
|
|
h2 {
|
|
font-size: 0.75cm;
|
|
line-height: 0.988em;
|
|
font-family: "MrEavesRemake";
|
|
font-weight: 800;
|
|
color: var(--HB_Color_HeaderText);
|
|
}
|
|
|
|
.info {
|
|
font-family: ScalySansRemake;
|
|
font-size: 1.2em;
|
|
|
|
>span {
|
|
margin-right: 12px;
|
|
line-height: 1.5em;
|
|
}
|
|
}
|
|
}
|
|
|
|
hr {
|
|
visibility: hidden;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|