/django/contrib/admin/media/css/forms.css
CSS | 360 lines | 272 code | 77 blank | 11 comment | 0 complexity | 3998e31e42795f2a29c309fe759e1f7f MD5 | raw file
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 16form .form-row p { 17 padding-left: 0; 18 font-size: 11px; 19} 20 21/* FORM LABELS */ 22 23form h4 { 24 margin: 0 !important; 25 padding: 0 !important; 26 border: none !important; 27} 28 29label { 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 42form ul.radiolist li { 43 list-style-type: none; 44} 45 46form ul.radiolist label { 47 float: none; 48 display: inline; 49} 50 51form ul.inline { 52 margin-left: 0; 53 padding: 0; 54} 55 56form 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 80form .aligned p, form .aligned ul { 81 margin-left: 7em; 82 padding-left: 30px; 83} 84 85form .aligned table p { 86 margin-left: 0; 87 padding-left: 0; 88} 89 90form .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 109fieldset .field-box { 110 float: left; 111 margin-right: 20px; 112} 113 114/* WIDE FIELDSETS */ 115 116.wide label { 117 width: 15em !important; 118} 119 120form .wide p { 121 margin-left: 15em; 122} 123 124form .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 134fieldset.collapsed * { 135 display: none; 136} 137 138fieldset.collapsed h2, fieldset.collapsed { 139 display: block !important; 140} 141 142fieldset.collapsed h2 { 143 background-image: url(../img/admin/nav-bg.gif); 144 background-position: bottom left; 145 color: #999; 146} 147 148fieldset.collapsed .collapse-toggle { 149 background: transparent; 150 display: inline !important; 151} 152 153/* MONOSPACE TEXTAREAS */ 154 155fieldset.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/admin/nav-bg.gif) 0 100% repeat-x; 165 border: 1px solid #ccc; 166 margin: 5px 0; 167 overflow: hidden; 168} 169 170.submit-row input { 171 margin: 0 0 0 5px; 172} 173 174.submit-row p { 175 margin: 0.3em; 176} 177 178.submit-row p.deletelink-box { 179 float: left; 180} 181 182.submit-row .deletelink { 183 background: url(../img/admin/icon_deletelink.gif) 0 50% no-repeat; 184 padding-left: 14px; 185} 186 187/* CUSTOM FORM FIELDS */ 188 189.vSelectMultipleField { 190 vertical-align: top !important; 191} 192 193.vCheckboxField { 194 border: none; 195} 196 197.vDateField, .vTimeField { 198 margin-right: 2px; 199} 200 201.vURLField { 202 width: 30em; 203} 204 205.vLargeTextField, .vXMLLargeTextField { 206 width: 48em; 207} 208 209.flatpages-flatpage #id_content { 210 height: 40.2em; 211} 212 213.module table .vPositiveSmallIntegerField { 214 width: 2.2em; 215} 216 217.vTextField { 218 width: 20em; 219} 220 221.vIntegerField { 222 width: 5em; 223} 224 225.vForeignKeyRawIdAdminField { 226 width: 5em; 227} 228 229/* INLINES */ 230 231.inline-group { 232 padding: 0; 233 border: 1px solid #ccc; 234 margin: 10px 0; 235} 236 237.inline-group .aligned label { 238 width: 8em; 239} 240 241.inline-related { 242 position: relative; 243} 244 245.inline-related h3 { 246 margin: 0; 247 color: #666; 248 padding: 3px 5px; 249 font-size: 11px; 250 background: #e1e1e1 url(../img/admin/nav-bg.gif) top left repeat-x; 251 border-bottom: 1px solid #ddd; 252} 253 254.inline-related h3 span.delete { 255 float: right; 256} 257 258.inline-related h3 span.delete label { 259 margin-left: 2px; 260 font-size: 11px; 261} 262 263.inline-related fieldset { 264 margin: 0; 265 background: #fff; 266 border: none; 267} 268 269.inline-related fieldset.module h3 { 270 margin: 0; 271 padding: 2px 5px 3px 5px; 272 font-size: 11px; 273 text-align: left; 274 font-weight: bold; 275 background: #bcd; 276 color: #fff; 277} 278 279.inline-group .tabular fieldset.module { 280 border: none; 281 border-bottom: 1px solid #ddd; 282} 283 284.inline-related.tabular fieldset.module table { 285 width: 100%; 286} 287 288.last-related fieldset { 289 border: none; 290} 291 292.inline-group .tabular tr.has_original td { 293 padding-top: 2em; 294} 295 296.inline-group .tabular tr td.original { 297 padding: 2px 0 0 0; 298 width: 0; 299 _position: relative; 300} 301 302.inline-group .tabular th.original { 303 width: 0px; 304 padding: 0; 305} 306 307.inline-group .tabular td.original p { 308 position: absolute; 309 left: 0; 310 height: 1.1em; 311 padding: 2px 7px; 312 overflow: hidden; 313 font-size: 9px; 314 font-weight: bold; 315 color: #666; 316 _width: 700px; 317} 318 319.inline-group ul.tools { 320 padding: 0; 321 margin: 0; 322 list-style: none; 323} 324 325.inline-group ul.tools li { 326 display: inline; 327 padding: 0 5px; 328} 329 330.inline-group div.add-row, 331.inline-group .tabular tr.add-row td { 332 color: #666; 333 padding: 3px 5px; 334 border-bottom: 1px solid #ddd; 335 background: #e1e1e1 url(../img/admin/nav-bg.gif) top left repeat-x; 336} 337 338.inline-group .tabular tr.add-row td { 339 padding: 4px 5px 3px; 340 border-bottom: none; 341} 342 343.inline-group ul.tools a.add, 344.inline-group div.add-row a, 345.inline-group .tabular tr.add-row td a { 346 background: url(../img/admin/icon_addlink.gif) 0 50% no-repeat; 347 padding-left: 14px; 348 font-size: 11px; 349 outline: 0; /* Remove dotted border around link */ 350} 351 352.empty-form { 353 display: none; 354} 355 356/* IE7 specific bug fixes */ 357 358.submit-row input { 359 float: right; 360}