You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
WF-Website/public/styles/styleCreate.css

71 lines
1.5 KiB

@import url(./style.css);
body.dark-mode .creation form.add {
background-color: var(--main-dark-other-color);
border-radius: 25px;
padding: 20px;
max-width: 600px;
margin: 40px auto;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
color: var(--main-dark-text-color);
}
body.light-mode .creation form.add {
background-color: var(--main-light-other-color);
border-radius: 25px;
padding: 20px;
max-width: 600px;
margin: 40px auto;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
color: var(--main-light-text-color);
}
.creation form.add input[type="text"],
.creation form.add input[type="number"],
.creation form.add textarea {
width: 100%;
padding: 10px;
margin-bottom: 15px;
border: 1px solid #ccc;
border-radius: 5px;
box-sizing: border-box;
}
.creation form.add input[type="file"] {
width: 100%;
padding: 10px;
margin-bottom: 15px;
border-radius: 5px;
box-sizing: border-box;
}
.creation form.add input[type="radio"] {
width: auto;
margin-right: 5px;
vertical-align: middle;
}
.creation form.add label {
display: block;
margin-bottom: 5px;
}
.creation form.add input[type="submit"] {
width: 100%;
padding: 10px;
border: 1px solid #ccc;
border-radius: 5px;
background-color: #ffffff;
cursor: pointer;
transition: background-color 0.3s ease;
}
.creation form.add input[type="submit"]:hover {
background-color: #f9f9f9;
}
.creation form.add h1 {
text-align: center;
margin-bottom: 20px;
}