MediaWiki:Common.css: відмінності між версіями
fix selector: use .createboxInput (works for all field types, not only [type=text])
(lighten form input bg + border) |
(fix selector: use .createboxInput (works for all field types, not only [type=text])) |
||
| Рядок 65: | Рядок 65: | ||
#pfForm dd { margin: 0; } | #pfForm dd { margin: 0; } | ||
#pfForm .inputSpan { display: block; } | #pfForm .inputSpan { display: block; } | ||
#pfForm | #pfForm .createboxInput { | ||
width: 100%; max-width: 100%; box-sizing: border-box; | width: 100%; max-width: 100%; box-sizing: border-box; | ||
padding: 10px 14px; font-size: 15px; line-height: 1.4; | padding: 10px 14px; font-size: 15px; line-height: 1.4; | ||
| Рядок 73: | Рядок 72: | ||
transition: border-color .15s, background .15s, box-shadow .15s; | transition: border-color .15s, background .15s, box-shadow .15s; | ||
} | } | ||
#pfForm | #pfForm .createboxInput:focus { | ||
outline: none; background: #fff; border-color: #2a6df4; | outline: none; background: #fff; border-color: #2a6df4; | ||
box-shadow: 0 0 0 3px rgba(42,109,244,0.15); | box-shadow: 0 0 0 3px rgba(42,109,244,0.15); | ||
} | } | ||
#pfForm | #pfForm .createboxInput::placeholder { color: #9ca3af; } | ||
#pfForm textarea { min-height: 110px; resize: vertical; } | #pfForm textarea { min-height: 110px; resize: vertical; } | ||
#pfForm .pfUploadable { | #pfForm .pfUploadable { | ||
| Рядок 89: | Рядок 86: | ||
#pfForm .pf-coord-label { font-size: 13px; color: #6b7280; margin-right: 4px; } | #pfForm .pf-coord-label { font-size: 13px; color: #6b7280; margin-right: 4px; } | ||
#pfForm dd:has(.pf-coord-label) .inputSpan { display: inline-block; width: auto; } | #pfForm dd:has(.pf-coord-label) .inputSpan { display: inline-block; width: auto; } | ||
#pfForm dd:has(.pf-coord-label) | #pfForm dd:has(.pf-coord-label) .createboxInput { width: 140px; display: inline-block; } | ||
#pfForm dd:has(.pf-coord-label) { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; } | #pfForm dd:has(.pf-coord-label) { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; } | ||