User:L10nM4st3r/Scripts/MoveSearch

This script is a css script. It can be found at User:L10nM4st3r/Scripts/MoveSearch.css.

What it does

edit

It moves the search bar above the body, above the tabs, and below the personal links. Only works in the monobook skin.

Installation

edit

To install, add this to your monobook.css:

@import url(//meta.wikimedia.org/w/index.php?title=User:L10nM4st3r/Scripts/MoveSearch.css&action=raw&ctype=text/css);

or use {{subst:L10nM4st3r/Scripts/MoveSearch.css}} on it.

So that I know how many people use this script, please add the following text to the script: //Taken from [[User:L10nM4st3r/Scripts/MoveSearch.css.

Preview

edit
/* 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;
}
edit