Template:Contact/styles.css: Difference between revisions
From WikiMSK
No edit summary |
No edit summary |
||
(4 intermediate revisions by the same user not shown) | |||
Line 26: | Line 26: | ||
box-sizing: border-box; | box-sizing: border-box; | ||
border-radius: 5px; | border-radius: 5px; | ||
background-color: # | background-color: #ebecec; | ||
padding: 20px; | padding: 20px; | ||
} | } | ||
Line 32: | Line 32: | ||
@media only screen and (min-width: 768px) { | @media only screen and (min-width: 768px) { | ||
.container-contact { | .container-contact { | ||
clear:both; | |||
} | } | ||
} | } | ||
Line 38: | Line 38: | ||
@media only screen and (min-width: 1200px) { | @media only screen and (min-width: 1200px) { | ||
.container-contact { | .container-contact { | ||
clear: | clear:none; | ||
width: | width:60%; | ||
} | } | ||
} | |||
.radio-label { | |||
vertical-align: super; | |||
margin-left: 0.5em; | |||
margin-right: 1.5em; | |||
} | |||
.radio-button { | |||
width: 1.8em; | |||
height: 1.8em; | |||
} | } |
Latest revision as of 17:12, 1 May 2022
input[type=text], select, textarea {
width: 100%;
padding: 12px;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
margin-top: 6px;
margin-bottom: 16px;
resize: vertical;
}
input[type=submit] {
background-color: #3498DB;
color: white;
padding: 12px 20px;
border: none;
border-radius: 4px;
cursor: pointer;
}
input[type=submit]:hover {
background-color: #45a049;
}
.container-contact {
box-sizing: border-box;
border-radius: 5px;
background-color: #ebecec;
padding: 20px;
}
@media only screen and (min-width: 768px) {
.container-contact {
clear:both;
}
}
@media only screen and (min-width: 1200px) {
.container-contact {
clear:none;
width:60%;
}
}
.radio-label {
vertical-align: super;
margin-left: 0.5em;
margin-right: 1.5em;
}
.radio-button {
width: 1.8em;
height: 1.8em;
}