User:L10nM4st3r/Scripts/MoveSearch.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/* move the searchbar to the top of the screen
  Note:
       The following has been tested only on the monobook skin
 */

/* Hide the search label. It isn't needed */
#p-search-label {display:none !important;}

/* Hide the rest of the search ui without touching the (moved) searchbar */
#searchBody{
  background:none;
  border:none;
  position:fixed;top:0;
}

/* Make way for the search bar to be moved */
#content{
  margin-top:4.4em;
}

/* Move tabs below the search bar */
#p-cactions{
  top:2.7em !important;
  position:absolute;
}

/* move the search bar */
#searchInput{
  top:.2em;
  left:14em;
  z-index:9;
}

/* hide the "Go" button: pressing enter after typing something to search is pretty much the same as "Go", so quite useless to me */
#searchButton{display:none;}

/* move the "search" button */
#mw-searchButton{
  top:.1em;
  left:25em;
  z-index:9;
}

/* Move personal links to the right a little*/
#p-personal ul{
  top:.25em;
  left:14em;
  z-index:9;
}