crm.fsf.org/20131203/files/sites/all/modules-old/civicrm/packages/backbone-forms/src/templates/default.css

   1 /* Form */
   2 .bbf-form {
   3   margin: 0;
   4   padding: 0;
   5   border: none;
   6 }
   7
   8
   9 /* Field */
  10 .bbf-field {
  11   margin: 1em 0;
  12   list-style-type: none;
  13   position: relative;
  14   clear: both;
  15 }
  16
  17   .bbf-field label {
  18     float: left;
  19     width: 25%;
  20   }
  21
  22   .bbf-field .bbf-editor {
  23     margin-left: 25%;
  24     width: 74%;
  25   }
  26
  27     .bbf-field input, .bbf-field textarea, .bbf-field select {
  28       width: 100%;
  29     }
  30
  31   .bbf-field .bbf-help {
  32     margin-left: 25%;
  33     width: 74%;
  34     color: #999;
  35   }
  36
  37   .bbf-field .bbf-error {
  38     margin-left: 25%;
  39     width: 74%;
  40     color: red;
  41   }
  42
  43   .bbf-field.bbf-error .bbf-editor {
  44     outline: 1px solid red;
  45   }
  46
  47
  48 /* Radio */
  49 .bbf-radio {
  50   list-style-type: none;
  51 }
  52
  53   .bbf-radio input {
  54     width: auto;
  55   }
  56
  57   .bbf-radio label {
  58     float: none;
  59   }
  60
  61
  62 /* Checkboxes */
  63 .bbf-checkboxes {
  64   list-style-type: none;
  65 }
  66
  67   .bbf-checkboxes input {
  68     width: auto;
  69   }
  70
  71   .bbf-checkboxes label {
  72     float: none;
  73   }
  74
  75
  76 /* List */
  77 .bbf-list ul {
  78   list-style-type: none;
  79   margin: 0;
  80   padding: 0;
  81 }
  82
  83   .bbf-list .bbf-error {
  84     border: 1px solid red;
  85   }
  86
  87   .bbf-list li {
  88     clear: both;
  89     width: 100%;
  90   }
  91
  92     .bbf-list li .bbf-editor-container {
  93       margin-right: 2em;
  94     }
  95
  96     .bbf-list li .bbf-remove {
  97       float: right;
  98       width: 2em;
  99     }
 100
 101 .bbf-list .bbf-actions {
 102   text-align: center;
 103   clear: both;
 104 }
 105
 106 /* List.Modal */
 107 .bbf-list-modal {
 108   cursor: pointer;
 109   border: 1px solid #ccc;
 110   width: 208px;
 111   border-radius: 3px;
 112   padding: 4px;
 113   color: #555;
 114 }
 115
 116
 117
 118 /* Date */
 119 .bbf-date .bbf-date {
 120   width: 4em;
 121 }
 122
 123 .bbf-date .bbf-month {
 124   width: 9em;
 125 }
 126
 127 .bbf-date .bbf-year {
 128   width: 6em;
 129 }
 130
 131
 132 /* DateTime */
 133 .bbf-datetime .bbf-date-container {
 134   float: left;
 135   margin-right: 1em;
 136 }
 137
 138 .bbf-datetime select {
 139   width: 4em;
 140 }