Template:CreateHub/styles.css: Difference between revisions
Tags: Undo Reverted |
Tag: Undo |
||
| Line 83: | Line 83: | ||
color: #888; | color: #888; | ||
cursor: not-allowed; | cursor: not-allowed; | ||
} | |||
/* Force disabled create buttons in CreateHub to match outline aesthetic */ | |||
.creation-row .mw-inputbox-centered input[disabled], | |||
.creation-row .mw-inputbox-centered button[disabled] { | |||
width: 260px; | |||
height: 40px; | |||
box-sizing: border-box; | |||
border: 1.5px solid #000; /* black border even when disabled */ | |||
border-radius: 2px; | |||
background-color: #f5f5f5; /* light grey fill */ | |||
color: #888; /* readable grey text */ | |||
font-weight: 600; | |||
font-size: 0.95rem; | |||
text-align: center; | |||
box-shadow: none; | |||
cursor: not-allowed; | |||
} | |||
/* When enabled, keep the outline + hover behaviour */ | |||
.creation-row .mw-inputbox-centered input:not([disabled]), | |||
.creation-row .mw-inputbox-centered button:not([disabled]) { | |||
border: 1.5px solid #000; | |||
border-radius: 2px; | |||
background: transparent; | |||
color: #000; | |||
} | |||
.creation-row .mw-inputbox-centered input:not([disabled]):hover, | |||
.creation-row .mw-inputbox-centered button:not([disabled]):hover { | |||
background-color: #f2f2f2; | |||
transform: translateY(-1px); | |||
transition: | |||
background-color 0.2s ease, | |||
transform 0.15s ease, | |||
border-color 0.15s ease; | |||
} | } | ||