wabbajack/Wabbajack.App.Blazor/Pages/Configure.razor.css

106 lines
2.1 KiB
CSS

@font-face {
font-family: "Raleway";
src: url("fonts/Raleway-Variable.ttf");
}
@font-face {
font-family: "YanoneKaffeesatz";
src: url("fonts/YanoneKaffeesatz-Variable.ttf");
}
#content {
display: flex;
height: 100%;
align-content: center;
justify-content: space-around;
align-items: center;
color: white;
flex-direction: column;
}
#content .install-background {
position: absolute;
width: calc(100% - 75px);
height: calc(100% - 65px);
filter: blur(25px) brightness(50%);
z-index: -1;
}
#content .install-background img {
width: 100%;
height: 100%;
object-fit: cover;
}
#content .list {
display: flex;
flex: 1;
overflow: hidden;
align-items: center;
}
#content .list .left-side, #content .list .right-side {
flex: 1;
}
#content .logger-container {
height: 200px;
width: 100%;
padding: 0.5rem;
background: rgba(0, 0, 0, 0.2);
color: lightgrey;
border: solid 1px black;
}
#content .settings {
font-size: 0.85rem;
display: flex;
align-items: center;
width: 100%;
padding: 1rem;
backdrop-filter: brightness(0.5);
}
#content .settings .locations {
display: flex;
flex-direction: row;
flex: 1;
overflow: hidden;
}
#content .settings .locations .labels span {
display: block;
height: 2rem;
padding: 0.25rem;
margin: 0.25rem;
white-space: pre;
cursor: pointer;
text-overflow: ellipsis;
overflow: hidden;
}
#content .settings .locations .paths {
flex: 1;
margin-left: 1rem;
overflow: hidden;
}
#content .settings .locations .paths span {
display: block;
height: 2rem;
padding: 0.25rem;
margin: 0.25rem;
white-space: pre;
cursor: pointer;
text-overflow: ellipsis;
overflow: hidden;
border: solid 1px rgba(255, 255, 255, 0.3);
}
#content .settings .options {
display: flex;
flex-flow: row wrap;
flex-direction: column;
margin-left: 2rem;
}
#content .settings .install {
display: flex;
flex-direction: column;
align-items: center;
margin: 0.5rem;
cursor: pointer;
}
#content .settings .install img {
width: 5rem;
height: 5rem;
}
/*# sourceMappingURL=Configure.razor.css.map */