paf0/media/css/forms.css

   1 @import url('widgets.css');
   2
   3 /* FORM ROWS */
   4
   5 .form-row {
   6     overflow: hidden;
   7     padding: 8px 12px;
   8     font-size: 11px;
   9     border-bottom: 1px solid #eee;
  10 }
  11
  12 .form-row img, .form-row input {
  13     vertical-align: middle;
  14 }
  15
  16 form .form-row p {
  17     padding-left: 0;
  18     font-size: 11px;
  19 }
  20
  21 /* FORM LABELS */
  22
  23 form h4 {
  24     margin: 0 !important;
  25     padding: 0 !important;
  26     border: none !important;
  27 }
  28
  29 label {
  30     font-weight: normal !important;
  31     color: #666;
  32     font-size: 12px;
  33 }
  34
  35 .required label, label.required {
  36     font-weight: bold !important;
  37     color: #333 !important;
  38 }
  39
  40 /* RADIO BUTTONS */
  41
  42 form ul.radiolist li {
  43     list-style-type: none;
  44 }
  45
  46 form ul.radiolist label {
  47     float: none;
  48     display: inline;
  49 }
  50
  51 form ul.inline {
  52     margin-left: 0;
  53     padding: 0;
  54 }
  55
  56 form ul.inline li {
  57     float: left;
  58     padding-right: 7px;
  59 }
  60
  61 /* ALIGNED FIELDSETS */
  62
  63 .aligned label {
  64     display: block;
  65     padding: 3px 10px 0 0;
  66     float: left;
  67     width: 8em;
  68 }
  69
  70 .aligned ul label {
  71     display: inline;
  72     float: none;
  73     width: auto;
  74 }
  75
  76 .colMS .aligned .vLargeTextField, .colMS .aligned .vXMLLargeTextField {
  77     width: 350px;
  78 }
  79
  80 form .aligned p, form .aligned ul {
  81     margin-left: 7em;
  82     padding-left: 30px;
  83 }
  84
  85 form .aligned table p {
  86     margin-left: 0;
  87     padding-left: 0;
  88 }
  89
  90 form .aligned p.help {
  91     padding-left: 38px;
  92 }
  93
  94 .aligned .vCheckboxLabel {
  95     float: none !important;
  96     display: inline;
  97     padding-left: 4px;
  98 }
  99
 100 .colM .aligned .vLargeTextField, .colM .aligned .vXMLLargeTextField {
 101     width: 610px;
 102 }
 103
 104 .checkbox-row p.help {
 105     margin-left: 0;
 106     padding-left: 0 !important;
 107 }
 108
 109 fieldset .field-box {
 110     float: left;
 111     margin-right: 20px;
 112 }
 113
 114 /* WIDE FIELDSETS */
 115
 116 .wide label {
 117     width: 15em !important;
 118 }
 119
 120 form .wide p {
 121     margin-left: 15em;
 122 }
 123
 124 form .wide p.help {
 125     padding-left: 38px;
 126 }
 127
 128 .colM fieldset.wide .vLargeTextField, .colM fieldset.wide .vXMLLargeTextField {
 129     width: 450px;
 130 }
 131
 132 /* COLLAPSED FIELDSETS */
 133
 134 fieldset.collapsed * {
 135     display: none;
 136 }
 137
 138 fieldset.collapsed h2, fieldset.collapsed {
 139     display: block !important;
 140 }
 141
 142 fieldset.collapsed h2 {
 143     background-image: url(../img/nav-bg.gif);
 144     background-position: bottom left;
 145     color: #999;
 146 }
 147
 148 fieldset.collapsed .collapse-toggle {
 149     background: transparent;
 150     display: inline !important;
 151 }
 152
 153 /* MONOSPACE TEXTAREAS */
 154
 155 fieldset.monospace textarea {
 156     font-family: "Bitstream Vera Sans Mono",Monaco,"Courier New",Courier,monospace;
 157 }
 158
 159 /* SUBMIT ROW */
 160
 161 .submit-row {
 162     padding: 5px 7px;
 163     text-align: right;
 164     background: white url(../img/nav-bg.gif) 0 100% repeat-x;
 165     border: 1px solid #ccc;
 166     margin: 5px 0;
 167     overflow: hidden;
 168 }
 169
 170 body.popup .submit-row {
 171     overflow: auto;
 172 }
 173
 174 .submit-row input {
 175     margin: 0 0 0 5px;
 176 }
 177
 178 .submit-row p {
 179     margin: 0.3em;
 180 }
 181
 182 .submit-row p.deletelink-box {
 183     float: left;
 184 }
 185
 186 .submit-row .deletelink {
 187     background: url(../img/icon_deletelink.gif) 0 50% no-repeat;
 188     padding-left: 14px;
 189 }
 190
 191 /* CUSTOM FORM FIELDS */
 192
 193 .vSelectMultipleField {
 194     vertical-align: top !important;
 195 }
 196
 197 .vCheckboxField {
 198     border: none;
 199 }
 200
 201 .vDateField, .vTimeField {
 202     margin-right: 2px;
 203 }
 204
 205 .vURLField {
 206     width: 30em;
 207 }
 208
 209 .vLargeTextField, .vXMLLargeTextField {
 210     width: 48em;
 211 }
 212
 213 .flatpages-flatpage #id_content {
 214     height: 40.2em;
 215 }
 216
 217 .module table .vPositiveSmallIntegerField {
 218     width: 2.2em;
 219 }
 220
 221 .vTextField {
 222     width: 20em;
 223 }
 224
 225 .vIntegerField {
 226     width: 5em;
 227 }
 228
 229 .vForeignKeyRawIdAdminField {
 230     width: 5em;
 231 }
 232
 233 /* INLINES */
 234
 235 .inline-group {
 236     padding: 0;
 237     border: 1px solid #ccc;
 238     margin: 10px 0;
 239 }
 240
 241 .inline-group .aligned label {
 242     width: 8em;
 243 }
 244
 245 .inline-related {
 246     position: relative;
 247 }
 248
 249 .inline-related h3 {
 250     margin: 0;
 251     color: #666;
 252     padding: 3px 5px;
 253     font-size: 11px;
 254     background: #e1e1e1 url(../img/nav-bg.gif) top left repeat-x;
 255     border-bottom: 1px solid #ddd;
 256 }
 257
 258 .inline-related h3 span.delete {
 259     float: right;
 260 }
 261
 262 .inline-related h3 span.delete label {
 263     margin-left: 2px;
 264     font-size: 11px;
 265 }
 266
 267 .inline-related fieldset {
 268     margin: 0;
 269     background: #fff;
 270     border: none;
 271 }
 272
 273 .inline-related fieldset.module h3 {
 274     margin: 0;
 275     padding: 2px 5px 3px 5px;
 276     font-size: 11px;
 277     text-align: left;
 278     font-weight: bold;
 279     background: #bcd;
 280     color: #fff;
 281 }
 282
 283 .inline-group .tabular fieldset.module {
 284     border: none;
 285     border-bottom: 1px solid #ddd;
 286 }
 287
 288 .inline-related.tabular fieldset.module table {
 289     width: 100%;
 290 }
 291
 292 .last-related fieldset {
 293     border: none;
 294 }
 295
 296 .inline-group .tabular tr.has_original td {
 297     padding-top: 2em;
 298 }
 299
 300 .inline-group .tabular tr td.original {
 301     padding: 2px 0 0 0;
 302     width: 0;
 303     _position: relative;
 304 }
 305
 306 .inline-group .tabular th.original {
 307     width: 0px;
 308     padding: 0;
 309 }
 310
 311 .inline-group .tabular td.original p {
 312     position: absolute;
 313     left: 0;
 314     height: 1.1em;
 315     padding: 2px 7px;
 316     overflow: hidden;
 317     font-size: 9px;
 318     font-weight: bold;
 319     color: #666;
 320     _width: 700px;
 321 }
 322
 323 .inline-group ul.tools {
 324     padding: 0;
 325     margin: 0;
 326     list-style: none;
 327 }
 328
 329 .inline-group ul.tools li {
 330     display: inline;
 331     padding: 0 5px;
 332 }
 333
 334 .inline-group div.add-row,
 335 .inline-group .tabular tr.add-row td {
 336     color: #666;
 337     padding: 3px 5px;
 338     border-bottom: 1px solid #ddd;
 339     background: #e1e1e1 url(../img/nav-bg.gif) top left repeat-x;
 340 }
 341
 342 .inline-group .tabular tr.add-row td {
 343     padding: 4px 5px 3px;
 344     border-bottom: none;
 345 }
 346
 347 .inline-group ul.tools a.add,
 348 .inline-group div.add-row a,
 349 .inline-group .tabular tr.add-row td a {
 350     background: url(../img/icon_addlink.gif) 0 50% no-repeat;
 351     padding-left: 14px;
 352     font-size: 11px;
 353     outline: 0; /* Remove dotted border around link */
 354 }
 355
 356 .empty-form {
 357     display: none;
 358 }