Template:Contact/styles.css: Difference between revisions
From WikiMSK
(Created page with ".container {box-sizing: border-box;} input[type=text], select, textarea { width: 100%; padding: 12px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border...") |
No edit summary |
||
(9 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
input[type=text], select, textarea { | input[type=text], select, textarea { | ||
width: 100%; | width: 100%; | ||
Line 25: | Line 23: | ||
} | } | ||
.container { | .container-contact { | ||
box-sizing: border-box; | |||
border-radius: 5px; | border-radius: 5px; | ||
background-color: # | background-color: #ebecec; | ||
padding: 20px; | 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;
}