bgneal@1: @import url('widgets.css'); bgneal@1: bgneal@1: /* FORM ROWS */ bgneal@1: bgneal@1: .form-row { bgneal@1: overflow: hidden; bgneal@1: padding: 8px 12px; bgneal@1: font-size: 11px; bgneal@1: border-bottom: 1px solid #eee; bgneal@1: } bgneal@1: bgneal@1: .form-row img, .form-row input { bgneal@1: vertical-align: middle; bgneal@1: } bgneal@1: bgneal@1: form .form-row p { bgneal@1: padding-left: 0; bgneal@1: font-size: 11px; bgneal@1: } bgneal@1: bgneal@1: /* FORM LABELS */ bgneal@1: bgneal@1: form h4 { bgneal@1: margin: 0 !important; bgneal@1: padding: 0 !important; bgneal@1: border: none !important; bgneal@1: } bgneal@1: bgneal@1: label { bgneal@1: font-weight: normal !important; bgneal@1: color: #666; bgneal@1: font-size: 12px; bgneal@1: } bgneal@1: bgneal@1: .required label, label.required { bgneal@1: font-weight: bold !important; bgneal@1: color: #333 !important; bgneal@1: } bgneal@1: bgneal@1: /* RADIO BUTTONS */ bgneal@1: bgneal@1: form ul.radiolist li { bgneal@1: list-style-type: none; bgneal@1: } bgneal@1: bgneal@1: form ul.radiolist label { bgneal@1: float: none; bgneal@1: display: inline; bgneal@1: } bgneal@1: bgneal@1: form ul.inline { bgneal@1: margin-left: 0; bgneal@1: padding: 0; bgneal@1: } bgneal@1: bgneal@1: form ul.inline li { bgneal@1: float: left; bgneal@1: padding-right: 7px; bgneal@1: } bgneal@1: bgneal@1: /* ALIGNED FIELDSETS */ bgneal@1: bgneal@1: .aligned label { bgneal@1: display: block; bgneal@1: padding: 3px 10px 0 0; bgneal@1: float: left; bgneal@1: width: 8em; bgneal@1: } bgneal@1: bgneal@1: .colMS .aligned .vLargeTextField, .colMS .aligned .vXMLLargeTextField { bgneal@1: width: 350px; bgneal@1: } bgneal@1: bgneal@1: form .aligned p, form .aligned ul { bgneal@1: margin-left: 7em; bgneal@1: padding-left: 30px; bgneal@1: } bgneal@1: bgneal@1: form .aligned table p { bgneal@1: margin-left: 0; bgneal@1: padding-left: 0; bgneal@1: } bgneal@1: bgneal@1: form .aligned p.help { bgneal@1: padding-left: 38px; bgneal@1: } bgneal@1: bgneal@1: .aligned .vCheckboxLabel { bgneal@1: float: none !important; bgneal@1: display: inline; bgneal@1: padding-left: 4px; bgneal@1: } bgneal@1: bgneal@1: .colM .aligned .vLargeTextField, .colM .aligned .vXMLLargeTextField { bgneal@1: width: 610px; bgneal@1: } bgneal@1: bgneal@1: .checkbox-row p.help { bgneal@1: margin-left: 0; bgneal@1: padding-left: 0 !important; bgneal@1: } bgneal@1: bgneal@1: fieldset .field-box { bgneal@1: float: left; bgneal@1: margin-right: 20px; bgneal@1: } bgneal@1: bgneal@1: /* WIDE FIELDSETS */ bgneal@1: bgneal@1: .wide label { bgneal@1: width: 15em !important; bgneal@1: } bgneal@1: bgneal@1: form .wide p { bgneal@1: margin-left: 15em; bgneal@1: } bgneal@1: bgneal@1: form .wide p.help { bgneal@1: padding-left: 38px; bgneal@1: } bgneal@1: bgneal@1: .colM fieldset.wide .vLargeTextField, .colM fieldset.wide .vXMLLargeTextField { bgneal@1: width: 450px; bgneal@1: } bgneal@1: bgneal@1: /* COLLAPSED FIELDSETS */ bgneal@1: bgneal@1: fieldset.collapsed * { bgneal@1: display: none; bgneal@1: } bgneal@1: bgneal@1: fieldset.collapsed h2, fieldset.collapsed { bgneal@1: display: block !important; bgneal@1: } bgneal@1: bgneal@1: fieldset.collapsed h2 { bgneal@1: background-image: url(../img/admin/nav-bg.gif); bgneal@1: background-position: bottom left; bgneal@1: color: #999; bgneal@1: } bgneal@1: bgneal@1: fieldset.collapsed .collapse-toggle { bgneal@1: padding: 3px 5px !important; bgneal@1: background: transparent; bgneal@1: display: inline !important; bgneal@1: } bgneal@1: bgneal@1: /* MONOSPACE TEXTAREAS */ bgneal@1: bgneal@1: fieldset.monospace textarea { bgneal@1: font-family: "Bitstream Vera Sans Mono",Monaco,"Courier New",Courier,monospace; bgneal@1: } bgneal@1: bgneal@1: /* SUBMIT ROW */ bgneal@1: bgneal@1: .submit-row { bgneal@1: padding: 5px 7px; bgneal@1: text-align: right; bgneal@1: background: white url(../img/admin/nav-bg.gif) 0 100% repeat-x; bgneal@1: border: 1px solid #ccc; bgneal@1: margin: 5px 0; bgneal@1: overflow: hidden; bgneal@1: } bgneal@1: bgneal@1: .submit-row input { bgneal@1: margin: 0 0 0 5px; bgneal@1: } bgneal@1: bgneal@1: .submit-row p { bgneal@1: margin: 0.3em; bgneal@1: } bgneal@1: bgneal@1: .submit-row p.deletelink-box { bgneal@1: float: left; bgneal@1: } bgneal@1: bgneal@1: .submit-row .deletelink { bgneal@1: background: url(../img/admin/icon_deletelink.gif) 0 50% no-repeat; bgneal@1: padding-left: 14px; bgneal@1: } bgneal@1: bgneal@1: /* CUSTOM FORM FIELDS */ bgneal@1: bgneal@1: .vSelectMultipleField { bgneal@1: vertical-align: top !important; bgneal@1: } bgneal@1: bgneal@1: .vCheckboxField { bgneal@1: border: none; bgneal@1: } bgneal@1: bgneal@1: .vDateField, .vTimeField { bgneal@1: margin-right: 2px; bgneal@1: } bgneal@1: bgneal@1: .vURLField { bgneal@1: width: 30em; bgneal@1: } bgneal@1: bgneal@1: .vLargeTextField, .vXMLLargeTextField { bgneal@1: width: 48em; bgneal@1: } bgneal@1: bgneal@1: .flatpages-flatpage #id_content { bgneal@1: height: 40.2em; bgneal@1: } bgneal@1: bgneal@1: .module table .vPositiveSmallIntegerField { bgneal@1: width: 2.2em; bgneal@1: } bgneal@1: bgneal@1: .vTextField { bgneal@1: width: 20em; bgneal@1: } bgneal@1: bgneal@1: .vIntegerField { bgneal@1: width: 5em; bgneal@1: } bgneal@1: bgneal@1: .vForeignKeyRawIdAdminField { bgneal@1: width: 5em; bgneal@1: } bgneal@1: bgneal@1: /* INLINES */ bgneal@1: bgneal@1: .inline-group { bgneal@1: padding: 0; bgneal@1: border: 1px solid #ccc; bgneal@1: margin: 10px 0; bgneal@1: } bgneal@1: bgneal@1: .inline-group .aligned label { bgneal@1: width: 8em; bgneal@1: } bgneal@1: bgneal@1: .inline-related { bgneal@1: position: relative; bgneal@1: } bgneal@1: bgneal@1: .inline-related h3 { bgneal@1: margin: 0; bgneal@1: color: #666; bgneal@1: padding: 3px 5px; bgneal@1: font-size: 11px; bgneal@1: background: #e1e1e1 url(../img/admin/nav-bg.gif) top left repeat-x; bgneal@1: border-bottom: 1px solid #ddd; bgneal@1: } bgneal@1: bgneal@1: .inline-related h3 span.delete { bgneal@1: padding-left: 20px; bgneal@1: position: absolute; bgneal@1: top: 2px; bgneal@1: right: 10px; bgneal@1: } bgneal@1: bgneal@1: .inline-related h3 span.delete label { bgneal@1: margin-left: 2px; bgneal@1: font-size: 11px; bgneal@1: } bgneal@1: bgneal@1: .inline-related fieldset { bgneal@1: margin: 0; bgneal@1: background: #fff; bgneal@1: border: none; bgneal@1: } bgneal@1: bgneal@1: .inline-related fieldset.module h3 { bgneal@1: margin: 0; bgneal@1: padding: 2px 5px 3px 5px; bgneal@1: font-size: 11px; bgneal@1: text-align: left; bgneal@1: font-weight: bold; bgneal@1: background: #bcd; bgneal@1: color: #fff; bgneal@1: } bgneal@1: bgneal@1: .inline-related.tabular fieldset.module table { bgneal@1: width: 100%; bgneal@1: } bgneal@1: bgneal@1: .last-related fieldset { bgneal@1: border: none; bgneal@1: } bgneal@1: bgneal@1: .inline-group .tabular tr.has_original td { bgneal@1: padding-top: 2em; bgneal@1: } bgneal@1: bgneal@1: .inline-group .tabular tr td.original { bgneal@1: padding: 2px 0 0 0; bgneal@1: width: 0; bgneal@1: _position: relative; bgneal@1: } bgneal@1: bgneal@1: .inline-group .tabular th.original { bgneal@1: width: 0px; bgneal@1: padding: 0; bgneal@1: } bgneal@1: bgneal@1: .inline-group .tabular td.original p { bgneal@1: position: absolute; bgneal@1: left: 0; bgneal@1: height: 1.1em; bgneal@1: padding: 2px 7px; bgneal@1: overflow: hidden; bgneal@1: font-size: 9px; bgneal@1: font-weight: bold; bgneal@1: color: #666; bgneal@1: _width: 700px; bgneal@1: } bgneal@1: bgneal@1: .inline-group ul.tools { bgneal@1: padding: 0; bgneal@1: margin: 0; bgneal@1: list-style: none; bgneal@1: } bgneal@1: bgneal@1: .inline-group ul.tools li { bgneal@1: display: inline; bgneal@1: padding: 0 5px; bgneal@1: } bgneal@1: bgneal@1: .inline-group ul.tools a.add { bgneal@1: background: url(../img/admin/icon_addlink.gif) 0 50% no-repeat; bgneal@1: padding-left: 14px; bgneal@1: } bgneal@1: