MediaWiki:Common.css: Difference between revisions
Add CSS for advanced Create Article widget |
Add CSS for Strict Article Creator |
||
| Line 327: | Line 327: | ||
text-align: center; | text-align: center; | ||
margin-top: 4px; | margin-top: 4px; | ||
} | |||
/* Strict Article Creator */ | |||
.strict-creator { | |||
background: #f8fafc; | |||
border: 1px solid #e2e8f0; | |||
border-radius: 8px; | |||
padding: 14px; | |||
} | |||
.strict-creator label.sc-main-label { | |||
font-weight: bold; | |||
display: block; | |||
margin-bottom: 6px; | |||
font-size: 0.9em; | |||
color: #334155; | |||
} | |||
#sc-title { | |||
width: 100%; | |||
padding: 8px 12px; | |||
border: 1px solid #cbd5e1; | |||
border-radius: 4px; | |||
font-size: 14px; | |||
box-sizing: border-box; | |||
transition: all 0.2s; | |||
} | |||
#sc-title:focus { | |||
border-color: #3b82f6; | |||
box-shadow: 0 0 0 2px rgba(59,130,246,0.2); | |||
outline: none; | |||
} | |||
#sc-status { | |||
font-size: 12px; | |||
min-height: 18px; | |||
margin-top: 4px; | |||
margin-bottom: 12px; | |||
font-weight: bold; | |||
} | |||
#sc-cats { | |||
display: flex; | |||
flex-wrap: wrap; | |||
gap: 6px; | |||
margin-bottom: 14px; | |||
} | |||
.sc-cat-label { | |||
background: #ffffff; | |||
border: 1px solid #cbd5e1; | |||
border-radius: 16px; | |||
padding: 4px 10px; | |||
font-size: 0.85em; | |||
cursor: pointer; | |||
user-select: none; | |||
transition: all 0.2s; | |||
color: #475569; | |||
margin: 0 !important; | |||
} | |||
.sc-cat-label.is-checked { | |||
background: #eff6ff; | |||
border-color: #3b82f6; | |||
color: #1d4ed8; | |||
font-weight: 500; | |||
} | |||
.sc-cat-label.is-disabled { | |||
opacity: 0.5; | |||
cursor: not-allowed; | |||
} | |||
.sc-cat-label input { | |||
display: none; | |||
} | |||
#sc-btn { | |||
width: 100%; | |||
background-color: #00af89; | |||
color: white; | |||
border: none; | |||
border-radius: 4px; | |||
padding: 10px; | |||
font-size: 14px; | |||
font-weight: bold; | |||
cursor: pointer; | |||
transition: background-color 0.2s; | |||
} | |||
#sc-btn:hover:not(:disabled) { | |||
background-color: #008a6d; | |||
} | |||
#sc-btn:disabled { | |||
background-color: #cbd5e1; | |||
cursor: not-allowed; | |||
} | } | ||