Files
ND_Core/ND_Jailing/source/ui/style.css

98 lines
2.2 KiB
CSS
Raw Normal View History

2022-07-08 23:18:25 +02:00
#overlay {
display: none;
position: absolute;
margin: auto;
inset: 0;
height: 45vh;
width: 38vw;
background-color: rgba(2, 2, 2, 0.911);
border-radius: 25px;
}
#title {
margin-left: 4%;
color: white;
font-size: 120%;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
font-weight: bold;
}
#line {
background: rgb(255, 255, 255);
background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(255,255,255,1) 15%, rgba(255,255,255,1) 85%, rgba(0, 0, 0, 0) 100%);
height: 0.1vh;
width: 95%;
border: none;
border-radius: 2vh;
}
.infoBox {
position: absolute;
margin: auto;
left: 4%;
}
.text {
color: white;
display: inline-block;
margin: 1vh 0;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
font-weight: bold;
}
.input {
background: white;
color: black;
display: inline-block;
border: none;
border-radius: 5px;
height: 2.5vh;
width: 95%;
outline: none;
padding: 0.5%;
}
.submitButton {
position: absolute;
left: 4%;
width: 45%;
background-color: rgb(17, 113, 238);
}
.resetButton {
position: absolute;
right: 4%;
width: 45%;
background-color: rgb(231, 50, 50);
}
.submitButton, .resetButton {
bottom: 2.5vh;
height: 3vh;
color: white;
font-weight: bold;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
border: none;
border-radius: 1vh;
transition: 0.3s;
}
.submitButton:hover, .resetButton:hover {
transition: 0.3s;
opacity: 0.7;
}
.submitButton:active, .resetButton:active {
transition: none;
opacity: 1;
}
#error {
position: absolute;
margin: auto;
bottom: 18%;
right: 0;
left: 0;
text-align: center;
color: white;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
font-weight: bold;
}