60 lines
1.8 KiB
SCSS
Executable File
60 lines
1.8 KiB
SCSS
Executable File
/* --------------------------------------------------------------
|
|
|
|
form.css
|
|
Base pour formulaires
|
|
Cf.: http://contrib.spip.net/3820
|
|
|
|
-------------------------------------------------------------- */
|
|
|
|
input,textarea,select,button { font-family: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; }
|
|
|
|
legend { font-weight: bold; }
|
|
|
|
/* Curseur main sur les elements input cliquables */
|
|
input[type="submit"],input.submit,
|
|
input[type="button"],input.button,
|
|
input[type="image"],input.image,
|
|
button { cursor: pointer; }
|
|
|
|
textarea { overflow: auto; } /* www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */
|
|
|
|
.ie fieldset { padding-top: 0; }
|
|
.ie6 legend,
|
|
.ie7 legend { margin-left: -7px; } /* Preciser la couleur des legend et du fond pour IE/Win */
|
|
.ie button,
|
|
.ie input.submit,
|
|
.ie input.button { position: relative; }
|
|
|
|
button { width: auto; overflow: visible; } /* joli rendu sous IE: www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
|
|
|
|
/* formidable */
|
|
.choix label { display:inline-block; }
|
|
.editer { margin: 0 0 1em; }
|
|
|
|
/* Elements de notifications des boites succes, info, notice, alerte */
|
|
.reponse,
|
|
.error,
|
|
.alert,
|
|
.notice,
|
|
.success,
|
|
.info { padding: .8em; margin-bottom: 1.5em; border: 2px solid #ddd; }
|
|
|
|
.error,
|
|
.alert { background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; }
|
|
.notice { background: #fff6bf; color: #514721; border-color: #ffd324; }
|
|
.success { background: #e6efc2; color: #264409; border-color: #c6d880; }
|
|
.info { background: #d5edf8; color: #205791; border-color: #92cae4; }
|
|
|
|
.error a,
|
|
.alert a { color: #8a1f11; }
|
|
.notice a { color: #514721; }
|
|
.success a { color: #264409; }
|
|
.info a { color: #205791; }
|
|
|
|
/* Print */
|
|
@media print {
|
|
form { display: none; }
|
|
}
|
|
/* crayons debug */
|
|
.edition { background:#fff; }
|
|
/* fin */ |