agecem-org/public/css/admin-upload.css

116 lines
No EOL
1.9 KiB
CSS

.adminUploadForm {
font-family: 'Poppins';
display: flex;
flex-flow: column;
align-items: center;
}
.formContent {
display: flex;
flex-flow: column;
}
.formSelectDiv {
display: flex;
flex-flow: column;
margin: 20px;
}
.formLabel {
font-family: 'Poppins';
font-size: 0.875rem;
font-weight: 600;
margin: 0;
padding-top: 10px;
padding-bottom: 10px;
color: #394596;
}
.formSelect {
font-family: 'Poppins';
font-size: 0.875rem;
font-weight: 400;
border: 1px #C4C4C4 solid;
padding: 10px;
}
/*La flèche de l'élément*/
.formSelect:after {
color: #000
}
.formOption {
font-family: 'Poppins';
font-size: 0.875rem;
font-weight: 400;
margin-top: 5px;
margin-bottom: 5px;
}
.formOption:hover {
background-color: #C4C4C4;
}
.formDocUploadDiv {
display: flex;
flex-flow: column;
margin: 20px;
}
.formDocUpload {
font-family: 'Poppins';
font-size: 0.875rem;
font-weight: 500;
}
.formDocUpload::file-selector-button {
font-family: 'Poppins';
font-size: 0.875rem;
font-weight: 400;
background-color: #FF563C;
padding: 7px;
color: #fff;
border: none;
cursor: pointer;
margin-right: 15px;
}
.formSubmit {
font-family: 'Poppins';
font-size: 1rem;
font-weight: 500;
background-color: #FF563C;
padding: 10px;
color: #fff;
border: none;
cursor: pointer;
margin: 20px;
}
.confirmationMessage {
font-family: 'Poppins';
font-size: 0.75rem;
font-weight: 500;
text-align: center;
margin: 10px;
padding: 5px;
background-color: #C4C4C4;
}
@media screen and (min-width: 768px) {
.formContent {
display: flex;
flex-flow: row;
}
}
@media screen and (min-width: 1140px) {
.confirmationMessage {
font-size: 1rem;
font-weight: 500;
margin: 20px;
padding: 10px;
}
}