[Sommaire] [Imprimer]

   1  /**

   2   * Default Form styles

   3   * Feel free to override all these styles in your own skins

   4   */
   5  
   6  
   7  /* Shared */

   8  
   9  form {
  10      margin: 0;
  11      padding: 0;
  12  } /* thanks #mozilla */
  13  form.inline {
  14      margin: 0px;
  15      padding:0px;
  16      display: inline;
  17  }
  18  
  19  fieldset.input {
  20      margin: 0;
  21      padding: 0;
  22      border: 0;
  23  }
  24  
  25  input[type=checkbox]
  26  {
  27      margin:1px;
  28  }
  29  
  30  fieldset div.notes {
  31      margin: 0 0 1ex 3ex;
  32  }
  33  
  34  
  35  /* Used for action icons */

  36  div.right_icons,
  37  div.fieldset_icons {
  38      text-align: right;
  39  }
  40  span.right_icons,
  41  span.fieldset_icons {
  42      float:right;
  43  }
  44  
  45  
  46  span.field_error {
  47      color: #f00;
  48  }
  49  
  50  input.field_error,
  51  select.field_error,
  52  textarea.field_error {
  53      background:#fbf2ee;
  54      border: 1px solid #d99;
  55  }
  56  span.checkbox_error {
  57      background: #fbf2ee;
  58      border: 1px solid #d99;
  59  }
  60  span.checkbox_error input.checkbox {
  61      background:#fbf2ee;
  62  }
  63  
  64  span.checkbox_surround {
  65      background: #fbf2ee;
  66      border: 1px solid #F825F1;
  67  }
  68  span.checkbox_surround input.checkbox {
  69      background: #fbf2ee;
  70  }
  71  span.checkbox_surround_init {
  72      padding : 1px;
  73  }
  74  
  75  input.field_required,
  76  /* select.field_required, // TODO: dh: does not seem to work, at least in FF 1.5 (background image) and even looks ugly in IE; would need another way to mark it. */

  77  textarea.field_required {
  78      background-image:  url("../icons/mandatory_star_small.gif");
  79      background-position: right center;
  80      background-repeat: no-repeat;
  81  }
  82  span.checkbox_required {
  83      border: 1px solid #d99;
  84  }
  85  
  86  input.large,
  87  textarea.large {
  88      width: 97%;
  89      margin-left: 0;
  90      margin-right: 0;
  91  }
  92  
  93  label.radiooption {
  94      margin-right: 1em;
  95  }
  96  
  97  /* Enhanced form */

  98  .eform label {
  99      font-weight:bold;
 100  }
 101  
 102  
 103  /* 24/75% forms - Fast Forms */

 104  .fform fieldset {
 105      border: 1px solid #ddd;
 106      margin: 0 0 1ex 0;
 107      background-color: #fff; /* dh> change to "transparent"? */
 108      padding: .5ex 1ex;
 109  }
 110  
 111  legend {
 112      font-weight: bold;
 113      color: #888;
 114  }
 115  
 116  
 117  .fform fieldset fieldset {
 118      border: none;
 119      margin: 1ex;
 120      padding: 0;
 121      /* border: 1px solid #00f; */

 122  }
 123  .fform fieldset.bordered {
 124      border: 1px solid #ddd;
 125  }
 126  .fform div.label {
 127      float: left;
 128      width: 24%;
 129      text-align: right;
 130      font-weight:bold;
 131      margin: 0;
 132      padding-top: .5ex;
 133      /* border: 1px solid #f00; */

 134  }
 135  .fform div.input {
 136      margin: 0 0 0 25%;
 137      /* border: 1px solid #f00; */

 138  }
 139  * html .fform div.input {
 140      height:1%; /* so IE6 gains layout (hasLayout) and does not cause 3px bug for lines below div.label (if div.input is heigher than div.label) */
 141      margin:0; /* fix the margin after the above fix */
 142  }
 143  
 144  .fform fieldset.input{
 145      margin: 0;
 146      /* border: 1px solid #0f0; */

 147  }
 148  
 149  .fform div.info {
 150      margin: 0 0 0 25%;
 151      padding-top: .5ex;
 152      /* border: 1px solid #f00; */

 153  }
 154  
 155  /* 18/80% forms: comments and profile */

 156  form.bComment fieldset
 157  {    /* one form line */
 158      border: none;
 159      margin: 2ex 0ex;
 160      padding: 0ex;
 161      /* border: 1px solid #00f; */

 162  }
 163  form.bComment fieldset label {
 164      font-weight: bold;
 165  }
 166  form.bComment fieldset div.label
 167  { /* label of form line */
 168      float: left;
 169      width: 18%;
 170      text-align: right;
 171      padding-top: .5ex;
 172      font-weight: bold;
 173      /* border: 1px solid #f00; */

 174  }
 175  form.bComment fieldset div.input
 176  { /* input zone of form line */
 177      margin: 0 0 0 20%;
 178      /* border: 1px solid #f00; */

 179  }
 180  form.bComment fieldset.input{
 181      margin: 0;
 182      /* border: 1px solid #0f0; */

 183  }
 184  form.bComment fieldset div.info
 185  { /* info zone of form line */
 186      margin: 0 0 0 20%;
 187      padding-top: .5ex;
 188      /* border: 1px solid #f00;*/

 189  }
 190  
 191  /* hide checkbox in order to indent exactly the same size */

 192  input.invisible{
 193      visibility: hidden;
 194  }
 195  
 196  
 197  
 198  /* Browser specific */

 199  body#body_mac.body_firefox input[type=text],
 200  body#body_mac.body_firefox select,
 201  body#body_mac.body_firefox textarea {
 202      border: 1px solid #999;
 203  }