htsworkflow/frontend/static/css/forms.css

   1 @import url('base.css');
   2 @import url('widgets.css');
   3
   4 /* FORM ROWS */
   5 .form-row { overflow:hidden; padding:8px 12px; font-size:11px; border-bottom:1px solid #eee; }
   6 .form-row img, .form-row input { vertical-align:middle; }
   7 form.djangocss .form-row p { padding-left:0; font-size:11px; }
   8
   9 /* FORM LABELS */
  10 form.djangocss h4 { margin:0 !important; padding:0 !important; border:none !important; }
  11 label.djangocss { font-weight:normal !important; color:#666; font-size:12px; }
  12 .required label, label.required { font-weight:bold !important; color:#333 !important; }
  13
  14 /* RADIO BUTTONS */
  15 form.djangocss ul.radiolist li { list-style-type:none; }
  16 form.djangocss ul.radiolist label { float:none; display:inline; }
  17 form.djangocss ul.inline { margin-left:0; padding:0; }
  18 form.djangocss ul.inline li { float:left; padding-right:7px; }
  19
  20 /* ALIGNED FIELDSETS */
  21 .aligned label { display:block; padding:3px 10px 0 0; float:left; width:8em; }
  22 .colMS .aligned .vLargeTextField, .colMS .aligned .vXMLLargeTextField { width:350px; }
  23 form.djangocss .aligned p, form .aligned ul { margin-left:7em; padding-left:30px; }
  24 form.djangocss .aligned table p { margin-left:0; padding-left:0; }
  25 form.djangocss .aligned p.help { padding-left:38px; }
  26 .aligned .vCheckboxLabel { float:none !important; display:inline; padding-left:4px; }
  27 .colM .aligned .vLargeTextField, .colM .aligned .vXMLLargeTextField { width:610px; }
  28 .checkbox-row p.help { margin-left:0; padding-left:0 !important; }
  29 fieldset.djangocss .field-box { float:left; margin-right: 20px; }
  30
  31 /* WIDE FIELDSETS */
  32 .wide label { width:15em !important; }
  33 form.djangocss .wide p { margin-left:15em; }
  34 form.djangocss .wide p.help { padding-left:38px; }
  35 .colM fieldset.wide .vLargeTextField, .colM fieldset.wide .vXMLLargeTextField { width:450px; }
  36
  37 /* COLLAPSED FIELDSETS */
  38 fieldset.collapsed * { display:none; }
  39 fieldset.collapsed h2, fieldset.collapsed { display:block !important; }
  40 fieldset.collapsed h2 { background-image:url(../img/nav-bg.gif); background-position:bottom left; color:#999; }
  41 fieldset.collapsed .collapse-toggle { padding:3px 5px !important; background:transparent; display:inline !important;}
  42
  43 /* MONOSPACE TEXTAREAS */
  44 fieldset.monospace textarea { font-family:"Bitstream Vera Sans Mono",Monaco,"Courier New",Courier,monospace; }
  45
  46 /* SUBMIT ROW */
  47 .submit-row { padding:5px 7px; text-align:right; background:white url(../img/nav-bg.gif) 0 100% repeat-x; border:1px solid #ccc; margin:5px 0; overflow:hidden; }
  48 .submit-row input { margin:0 0 0 5px; }
  49 .submit-row p { margin:0.3em; }
  50 .submit-row p.deletelink-box { float: left; }
  51 .submit-row .deletelink { background:url(../img/icon_deletelink.gif) 0 50% no-repeat; padding-left:14px; }
  52
  53 /* CUSTOM FORM FIELDS */
  54 .vSelectMultipleField { vertical-align:top !important; }
  55 .vCheckboxField { border:none; }
  56 .vDateField, .vTimeField { margin-right:2px; }
  57 .vURLField { width:30em; }
  58 .vLargeTextField, .vXMLLargeTextField { width:48em; }
  59 .flatpages-flatpage #id_content { height:40.2em; }
  60 .module table .vPositiveSmallIntegerField { width:2.2em; }
  61 .vTextField { width:20em; }
  62 .vIntegerField { width:5em; }
  63 .vForeignKeyRawIdAdminField { width: 5em; }
  64
  65 /* INLINES */
  66 .inline-group {padding:0; border:1px solid #ccc; margin:10px 0;}
  67 .inline-group .aligned label { width: 8em; }
  68
  69 .inline-related {position:relative;}
  70 .inline-related h3 {margin: 0; color:#666; padding:3px 5px; font-size:11px; background:#e1e1e1 url(../img/nav-bg.gif) top left repeat-x; border-bottom:1px solid #ddd;}
  71 .inline-related h3 span.delete {padding-left:20px; position:absolute; top:2px; right:10px;}
  72 .inline-related h3 span.delete label {margin-left:2px; font-size: 11px;}
  73 .inline-related fieldset {margin: 0; background:#fff; border: none; }
  74 .inline-related fieldset.module h3 { margin:0; padding:2px 5px 3px 5px; font-size:11px; text-align:left; font-weight:bold; background:#bcd; color:#fff; }
  75 .inline-related.tabular fieldset.module table {width:100%;}
  76 .last-related fieldset {border: none;}
  77
  78 .inline-group .tabular tr.has_original td {padding-top:2em;}
  79 .inline-group .tabular tr td.original { padding:2px 0 0 0; width:0; _position:relative; }
  80 .inline-group .tabular th.original {width:0px; padding:0;}
  81 .inline-group .tabular td.original p {position:absolute; left:0; height:1.1em; padding:2px 7px; overflow:hidden; font-size:9px; font-weight:bold; color:#666; _width:700px;     }
  82 .inline-group ul.tools {padding:0; margin: 0; list-style:none;}
  83 .inline-group ul.tools li {display:inline; padding:0 5px;}
  84 .inline-group ul.tools a.add {background:url(../img/icon_addlink.gif) 0 50% no-repeat; padding-left:14px;}