Formulaire du thème par défaut responsive

noogaty · décembre 2014

Salut à tous,

Voilà, j'aimerai bien un peu d'aide pour avoir un formulaire, avec la feuille de style CSS du thème par défaut de PluXml (qui je pense même devrait être incorporé d'office à la prochaine version ?).

Je pense que ça pourrait aussi en intéresser d'autre !

J'ai trouvé ça : http://codepen.io/chriscoyier/pen/DmnlJ?editors=110 qui affiche bien un formulaire responsive, mais je ne suis pas trop capable de l'adapter à PluXml ...

Dans le thème par défaut de PluXml, il y a

[== CSS ==]
/* ---------- FORM ---------- */

fieldset {
	border: none;
	margin: 0;
	padding: 0;
}

legend {
	margin-bottom: 15px;
}

label {
	display: block;
	margin-bottom: 5px;
}

button,
input,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	margin: 0 0 15px 0;
	outline : none;
	padding: 5px;
}

textarea {
	overflow: auto;
}

select {
	padding: 4px;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	cursor: pointer;
	padding: 6px 9px 5.75px 9px;
	width: auto;
}

input[type="checkbox"],
input[type="radio"] {
	width: auto;
}

input[type="file"] {
	border: none;
	padding: 0;
	width: auto;
}

Dans la feuille reset.css

et il y a :

[== CSS ==]
/* ---------- FORM ---------- */

#form h2 {
	margin: 0;
}

label {
	display:block;
}

input,
select,
textarea {
	border: 1px solid #bbb;
	color: #555;
}

button,
input[type=submit],
input[type=reset] {
	background-color: #C44A6E;
	border: 1px solid #C44A6E;
	color: #eee;
}

button:hover,
input[type=submit]:hover,
input[type=reset]:hover {
	background-color: #444;
	border: 1px solid #444;
}

.capcha-letter,
.capcha-word {
	font-weight: bold;
}

Dans la feuille style.css

Merci à celui qui pourra m'aider ! :8