Mercurial > public > madeira

annotate media/django/css/forms.css @ 1:0dcfcdf50c62

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