improve form CSS

lektura
max.mehl 2017-09-04 22:23:06 +02:00
parent 1190e9656c
commit 54a01c1aa1
2 changed files with 24 additions and 0 deletions

View File

@ -16,6 +16,7 @@
<label class="sign-input form-em"> <label class="sign-input form-em">
<input name="confirm" placeholder="{{ .Site.Params.action.formEmail }}" type="email" required /> <input name="confirm" placeholder="{{ .Site.Params.action.formEmail }}" type="email" required />
</label> </label>
<br />
<label class="sign-input form-cn"> <label class="sign-input form-cn">
<select name="country"> <select name="country">
<option value="">{{ .Site.Params.action.formCountry }}</option> <option value="">{{ .Site.Params.action.formCountry }}</option>

View File

@ -139,6 +139,15 @@ blockquote p {
.sign-input.form-co input { .sign-input.form-co input {
width: 554px; width: 554px;
} }
@media screen and (max-width:586px) {
.sign-input.form-co input {
max-width: 100%;
}
label.sign-input.form-co {
max-width: 80%;
min-width: 270px;
}
}
.form-na:before { .form-na:before {
content: "\f2c3"; content: "\f2c3";
} }
@ -147,6 +156,7 @@ blockquote p {
} }
.form-cn select { .form-cn select {
padding-left: 30px !important; padding-left: 30px !important;
background-color: #2597B5;
} }
.form-cn:before { .form-cn:before {
content: "\f041"; content: "\f041";
@ -171,6 +181,19 @@ p.form-pe a {
#honey { #honey {
display: none; display: none;
} }
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
color: #98CEDC;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #98CEDC;
opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #98CEDC;
}
::-ms-input-placeholder { /* Microsoft Edge */
color: #98CEDC;
}
/* SIGNATURE TABLE */ /* SIGNATURE TABLE */
table#sigtable { table#sigtable {