Template:Contact/styles.css: Difference between revisions
From WikiMSK
(Blanked the page) Tag: Blanking |
No edit summary |
||
(8 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
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; | |||
} |
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;
}