game/js/registrationTraining/trainingModal.css

73 lines
1.1 KiB
CSS

#trainingModalMain {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}
#trainingModalBackground {
height: 100%;
width: 100%;
background: rgb(0, 0, 0, 0.5);
z-index: 1100;
}
#trainingModalContainerHihgtlightes {
position: relative;
height: 100%;
width: 100%;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
z-index: 1200;
}
#trainingModalContainer {
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
background: #e2e0e1;
padding: 30px;
border: 2px solid black;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
#trainingModalContentContainer {
width: 350px;
height: 200px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
margin-bottom: 30px;
}
#trainingModalTitle {
font-size: 16px;
font-weight: 600;
margin-bottom: 20px;
}
#trainingModalCurrentStep {
margin-bottom: 10px;
}
#trainingModalTextContainer {
display: flex;
overflow-y: scroll;
}
#trainingModalText {
white-space: pre-line;
}
.trainingModalButton {
width: 100px;
}