www/squelettes-dist/css/form.css

   1 /* --------------------------------------------------------------
   2
   3    form.css
   4    Base pour formulaires
   5    Cf.: http://www.spip-contrib.net/3820
   6
   7 -------------------------------------------------------------- */
   8
   9 input,textarea,select,button { font-family: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; }
  10
  11 legend { font-weight: bold; }
  12
  13 /* Hand cursor on clickable input elements */
  14 input[type="submit"],input.submit,
  15 input[type="button"],input.button,
  16 input[type="image"],input.image,
  17 button { cursor: pointer; }
  18
  19 textarea { overflow: auto; } /* www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */
  20
  21 .ie fieldset { padding-top: 0; }
  22 .ie6 legend,
  23 .ie7 legend { margin-left: -7px; } /* Preciser la couleur des legend et du fond pour IE/Win */
  24 .ie button,
  25 .ie input.submit,
  26 .ie input.button { position: relative; }
  27
  28 button { width: auto; overflow: visible; } /* Make buttons play nice in IE: www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
  29
  30 /* Success, info, notice and error/alert boxes (from BluePrint) */
  31
  32 .reponse,
  33 .error,
  34 .alert,
  35 .notice,
  36 .success,
  37 .info     { padding: .8em; margin-bottom: 1.5em; border: 2px solid #ddd; }
  38
  39 .error,
  40 .alert      { background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; }
  41 .notice     { background: #fff6bf; color: #514721; border-color: #ffd324; }
  42 .success    { background: #e6efc2; color: #264409; border-color: #c6d880; }
  43 .info     { background: #d5edf8; color: #205791; border-color: #92cae4; }
  44
  45 .error a,
  46 .alert a      { color: #8a1f11; }
  47 .notice a   { color: #514721; }
  48 .success a    { color: #264409; }
  49 .info a     { color: #205791; }
  50
  51 /* Print */
  52 @media print {
  53   form { display: none; }
  54 }
  55
  56 /* end */