Browse Source

Le formulaire de recherche sur petits écrans (< 736px)

master
jeanmarie 2 years ago
parent
commit
d324c88b19
  1. 12
      css/html5up_escape_velocity.spip.css.html

12
css/html5up_escape_velocity.spip.css.html

@ -77,6 +77,7 @@ ul.portfolio li small {font-size: 0.75em;}
#formulaire_recherche input#recherche {transition: all .25s ease-in-out; -webkit-appearance: none; margin-right: 1em; padding: 0.75em 1em 0.75em 1em; min-width: 25em; height: 4rem;
background: #ccc; line-height: 1em; border: 0; background: #eee; box-shadow: inset 0px 0px 1px 0px #a0a1a7; border-radius: 0.35em; }
#formulaire_recherche input.submit { height: 4rem; }
/* Les formulaires */
input[type="checkbox"] + label, input[type="radio"] + label {padding-left: 2.4em !important ; position: relative;}
/* Le formulaire de contact */
@ -108,4 +109,13 @@ input[type="checkbox"] {margin:0 1em 0 0;opacity:1;-moz-appearance:checkbox;-web
#footer .feature-list .fa::before { display: block; color: #fff; background-color: #3d4249; border-radius: 2.5em;text-align: center;font-size: 0.8em; width: 2.5em; height: 2.5em; line-height: 2.5em; margin-right: 0.75em; position: absolute; left: 0; margin-top: -0.5em;}
/* *** Divers *** */
.invisible {position:absolute;left:-999em;height:1%;}
.invisible {position:absolute;left:-999em;height:1%;}
@media screen and (max-width: 736px) {
#formulaire_recherche input#recherche {
display: block;
margin: 1em auto;
width: 100%;
max-width: 30em;
}
}

Loading…
Cancel
Save