User:L10nM4st3r/Scripts/MoveSearch

From Meta, a Wikimedia project coordination wiki

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;
}

What links here[edit]