MediaWiki:Common.css: Difference between revisions

← Older edit Newer edit →

@@ Line 209: / Line 209: @@
 }
 /* =========================
-    MOBILE SEARCH BOX FULL WIDTH FIX (REAL)
+    MOBILE INPUTBOX SEARCH FIX
     ========================= */
 @media screen and (max-width: 768px) {
-   /* Target ALL search forms on home */
+   /* InputBox outer wrapper */
-   body.page-Main_Page form,
+   .mw-inputbox-centered,
-   body.page-Home form {
+  .mw-inputbox-inline,
+   .mw-inputbox {
      width: 100% !important;
      max-width: 100% !important;
-    padding-left: 10px !important;
-    padding-right: 10px !important;
      box-sizing: border-box !important;
+    padding-left: 12px !important;
+    padding-right: 12px !important;
    }
-   /* Target ALL input fields inside forms */
+   /* The actual input field */
-   body.page-Main_Page input[type="search"],
+   .mw-inputbox-centered input,
-   body.page-Home input[type="search"],
+   .mw-inputbox-inline input,
-  body.page-Main_Page input[type="text"],
+   .mw-inputbox input {
-   body.page-Home input[type="text"] {
      width: 100% !important;
      max-width: 100% !important;
      box-sizing: border-box !important;
      display: block !important;
+    font-size: 18px !important;
+    padding: 10px 12px !important;
    }
-   /* Make search container full width */
+   /* The search button */
-   body.page-Main_Page .searchbox,
+   .mw-inputbox-centered button,
-   body.page-Home .searchbox,
+   .mw-inputbox-inline button,
-   body.page-Main_Page .mw-search,
+   .mw-inputbox button,
-   body.page-Home .mw-search {
+   .mw-inputbox-centered input[type="submit"] {
      width: 100% !important;
      max-width: 100% !important;
+    margin-top: 10px !important;
+    font-size: 18px !important;
+    padding: 10px 0 !important;
    }
 }