MediaWiki:Common.js: Difference between revisions

Line 10:

'<form action="/index.php" id="searchform">' +

'<input type="hidden" name="title" value="Special:Search">' +

'<div style="position: relative; max-width: ~~500px~~; margin: 0 auto;">' +

// Container

'<input name="search" type="search" placeholder="Search for In-Bond, ACE Manifest..." style="width: 100%; padding: 15px ~~20px~~; border-radius: ~~30px~~; border: none; font-size: 16px; box-shadow: 0 4px 6px rgba(0,0,0,0.2); outline: none;">' +

'<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: #~~004a80~~; color: white; border: none; border-radius: ~~25px~~; padding: 0 ~~20px~~; font-weight: bold; cursor: pointer;">Search</button>' +

// 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>';

@@ Line 10: / Line 10: @@
              '<form action="/index.php" id="searchform">' +
              '<input type="hidden" name="title" value="Special:Search">' +
-             '<div style="position: relative; max-width: 500px; margin: 0 auto;">' +
+            // Container
-             '<input name="search" type="search" placeholder="Search for In-Bond, ACE Manifest..." style="width: 100%; padding: 15px 20px; border-radius: 30px; border: none; font-size: 16px; box-shadow: 0 4px 6px rgba(0,0,0,0.2); outline: none;">' +
+             '<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: #004a80; color: white; border: none; border-radius: 25px; padding: 0 20px; font-weight: bold; cursor: pointer;">Search</button>' +
+            // 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>';