MediaWiki:Common.css: відмінності між версіями
add modern PageForms CSS for Place form
(wikitable: lighter, slightly cool (blue) tint) |
(add modern PageForms CSS for Place form) |
||
| Рядок 50: | Рядок 50: | ||
text-align: left; | text-align: left; | ||
} | } | ||
/* PageForms — Place form: card layout, modern inputs */ | |||
.pf-place-form { max-width: 720px; margin: 0 auto; } | |||
#pfForm { background: #fff; } | |||
#pfForm .pf-place-form h2 { | |||
font-size: 12px; text-transform: uppercase; letter-spacing: 0.8px; | |||
color: #6b7280; font-weight: 600; margin: 28px 0 12px; | |||
padding-bottom: 6px; border-bottom: 1px solid #e8eef7; | |||
} | |||
#pfForm .pf-place-form h2:first-child { margin-top: 0; } | |||
#pfForm dl { margin: 0 0 16px; } | |||
#pfForm dt { font-size: 13px; color: #374151; font-weight: 600; margin-bottom: 6px; } | |||
#pfForm dt small { font-weight: 400; color: #9ca3af; margin-left: 4px; } | |||
#pfForm dd { margin: 0; } | |||
#pfForm .inputSpan { display: block; } | |||
#pfForm input[type="text"], | |||
#pfForm textarea { | |||
width: 100%; max-width: 100%; box-sizing: border-box; | |||
padding: 10px 14px; font-size: 15px; line-height: 1.4; | |||
background: #f5f7fb; border: 1px solid #e8eef7; border-radius: 8px; | |||
font-family: inherit; color: #111827; | |||
transition: border-color .15s, background .15s, box-shadow .15s; | |||
} | |||
#pfForm input[type="text"]:focus, | |||
#pfForm textarea:focus { | |||
outline: none; background: #fff; border-color: #2a6df4; | |||
box-shadow: 0 0 0 3px rgba(42,109,244,0.15); | |||
} | |||
#pfForm input[type="text"]::placeholder, | |||
#pfForm textarea::placeholder { color: #9ca3af; } | |||
#pfForm textarea { min-height: 110px; resize: vertical; } | |||
#pfForm .pfUploadable { | |||
display: inline-block; margin-top: 8px; font-size: 13px; | |||
color: #2a6df4; text-decoration: none; | |||
} | |||
#pfForm .pfUploadable:hover { text-decoration: underline; } | |||
/* coords row: keep Lat/Lon inputs side-by-side */ | |||
#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) input[type="text"] { width: 140px; display: inline-block; } | |||
#pfForm dd:has(.pf-coord-label) { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; } | |||