To create a page. Send a message
MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
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; | |||
} | |||
} | } | ||
Revision as of 01:13, 28 August 2025
/* CSS placed here will be applied to all skins */
/* Make inputbox responsive */
.responsive-inputbox input[type="text"] {
width: 100% !important;
max-width: 100%;
box-sizing: border-box;
padding: 12px;
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;
}
}