PI-23_Firsov_Kirill_OnlineC.../Styles/Admin.css

149 lines
2.1 KiB
CSS
Raw Permalink Normal View History

2023-12-05 14:37:06 +04:00
.image-preview{
width: 100%;
height: 100%;
border-radius: 20px;
}
.image-container{
height: 200px;
margin: 20px 0;
border-radius: 20px;
overflow: hidden;
}
.text-center{
display: flex;
flex-direction: column;
align-items: center;
}
2023-11-20 12:16:25 +04:00
.title-h3{
margin: 10px;
text-align: center;
font-size: 26px;
font-weight: bold;
}
.form-section{
display: flex;
flex-direction: column;
padding: 15px 20px;
margin: 20px 0;;
background: linear-gradient(135deg, #161616, #fff);
border-radius: 20px;
}
.form-radio-btn {
margin-right: 10px;
}
.form-radio-btn input[type=radio] {
display: none;
}
.form-radio-btn label {
display: block;
margin: 5px;
cursor: pointer;
padding: 0px 15px;
font-size: 20px;
line-height: 34px;
background-color: white;
border: 1px solid #999;
border-radius: 6px;
user-select: none;
}
.form-radio-btn input[type=radio]:checked + label {
color: white;
background: #727272;
}
.form-radio-btn label:hover {
color: #555;
}
.form-radio-btn input[type=radio]:disabled + label {
background: #efefef;
color: #666;
}
.text-field-label{
display: none;
}
.text-field-input{
display: block;
width: 100%;
padding: 7px;
font-family: inherit;
font-size: 18px;
color: #212529;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #bdbdbd;
border-radius: 0.25rem;
}
.text-field-textarea{
display: block;
width: 100%;
height: 185px;
padding: 7px;
font-family: inherit;
font-size: 18px;
color: #212529;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #bdbdbd;
border-radius: 0.25rem;
resize: none;
}
.submit-button-label{
display: none;
}
.submit-button{
padding: 15px 20px;
margin: 20px 0;
font-size: 20px;
font-weight: bold;
color: white;
background: linear-gradient(135deg, #161616, #fff);
border: none;
border-radius: 20px;
}
@media (max-width: 1200px) {
}
@media (max-width: 992px) {
}
@media (max-width: 768px) {
}
@media (max-width: 576px) {
.submit-button, .text-field-textarea, .text-field-input, .form-radio-btn label{
font-size: 14px;
}
.title-h3{
font-size: 20px;
}
}
@media (max-width: 398px) {
.title-h3{
font-size: 16px;
}
}