MediaWiki:Common.js: Difference between revisions
Appearance
No edit summary |
No edit summary |
||
| Line 10: | Line 10: | ||
'<form action="/index.php" id="searchform">' + | '<form action="/index.php" id="searchform">' + | ||
'<input type="hidden" name="title" value="Special:Search">' + | '<input type="hidden" name="title" value="Special:Search">' + | ||
'<div style="position: relative; max-width: | // Container | ||
'<input name="search" type="search" placeholder="Search for In-Bond, ACE Manifest..." style="width: 100%; padding: 15px | '<div style="position: relative; max-width: 600px; margin: 0 auto;">' + | ||
'<button type="submit" name="go" value="Go" style="position: absolute; right: 5px; top: 5px; bottom: 5px; background: # | |||
// The Input Field | |||
'<input name="search" type="search" placeholder="Search for In-Bond, ACE Manifest..." style="width: 100%; padding: 15px 120px 15px 25px; border-radius: 50px; border: none; font-size: 16px; box-shadow: 0 4px 6px rgba(0,0,0,0.2); outline: none;">' + | |||
// The Button (Updated to Teal #266065) | |||
'<button type="submit" name="go" value="Go" style="position: absolute; right: 5px; top: 5px; bottom: 5px; background: #266065; color: white; border: none; border-radius: 50px; padding: 0 25px; font-weight: bold; cursor: pointer; box-shadow: 0 2px 5px rgba(0,0,0,0.2);">Search</button>' + | |||
'</div>' + | '</div>' + | ||
'</form>'; | '</form>'; | ||
Revision as of 15:51, 30 January 2026
/* Any JavaScript here will be loaded for all users on every page load. */
window.wpDarkModeAutoToggle = true;
/* --- Inject Hero Search Bar on Main Page --- */
$(function() {
// Only run this if the placeholder exists
if ($('#bc-hero-search').length) {
var searchHTML =
'<form action="/index.php" id="searchform">' +
'<input type="hidden" name="title" value="Special:Search">' +
// Container
'<div style="position: relative; max-width: 600px; margin: 0 auto;">' +
// The Input Field
'<input name="search" type="search" placeholder="Search for In-Bond, ACE Manifest..." style="width: 100%; padding: 15px 120px 15px 25px; border-radius: 50px; border: none; font-size: 16px; box-shadow: 0 4px 6px rgba(0,0,0,0.2); outline: none;">' +
// The Button (Updated to Teal #266065)
'<button type="submit" name="go" value="Go" style="position: absolute; right: 5px; top: 5px; bottom: 5px; background: #266065; color: white; border: none; border-radius: 50px; padding: 0 25px; font-weight: bold; cursor: pointer; box-shadow: 0 2px 5px rgba(0,0,0,0.2);">Search</button>' +
'</div>' +
'</form>';
$('#bc-hero-search').html(searchHTML);
}
});