161
edits
MediaWiki:Common.css: Difference between revisions
no edit summary
No edit summary Tag: Reverted |
No edit summary Tag: Reverted |
||
| Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
input[type="text"] { | /* Make inputbox responsive */ | ||
width: 100%; | .responsive-inputbox input[type="text"] { | ||
width: 100% !important; | |||
max-width: 100%; | max-width: 100%; | ||
box-sizing: border-box; | box-sizing: border-box; | ||
padding: 12px; | padding: 12px; | ||
font-size: 16px; | font-size: 16px; | ||
} | |||
/* Make the button responsive too */ | |||
.responsive-inputbox input[type="submit"] { | |||
font-size: 16px; | |||
padding: 10px 15px; | |||
margin-top: 10px; | |||
} | |||
/* Optional: Stack input and button on small screens */ | |||
@media (max-width: 600px) { | |||
.responsive-inputbox form { | |||
display: flex; | |||
flex-direction: column; | |||
gap: 10px; | |||
} | |||
} | } | ||