MediaWiki:Wikia.css

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on October 3, 2014 */

@font-face { font-family: 'open_sansitalic'; src: url('opensans-italic-webfont.eot'); src: url('opensans-italic-webfont.eot?#iefix') format('embedded-opentype'), url('opensans-italic-webfont.woff2') format('woff2'), url('opensans-italic-webfont.woff') format('woff'), url('opensans-italic-webfont.ttf') format('truetype'), url('opensans-italic-webfont.svg#open_sansitalic') format('svg'); font-weight: normal; font-style: normal;

}

@font-face { font-family: 'open_sansbold'; src: url('opensans-bold-webfont.eot'); src: url('opensans-bold-webfont.eot?#iefix') format('embedded-opentype'), url('opensans-bold-webfont.woff2') format('woff2'), url('opensans-bold-webfont.woff') format('woff'), url('opensans-bold-webfont.ttf') format('truetype'), url('opensans-bold-webfont.svg#open_sansbold') format('svg'); font-weight: normal; font-style: normal;

}

@font-face { font-family: 'open_sanslight'; src: url('opensans-light-webfont.eot'); src: url('opensans-light-webfont.eot?#iefix') format('embedded-opentype'), url('opensans-light-webfont.woff2') format('woff2'), url('opensans-light-webfont.woff') format('woff'), url('opensans-light-webfont.ttf') format('truetype'), url('opensans-light-webfont.svg#open_sanslight') format('svg'); font-weight: normal; font-style: normal;

}

@font-face { font-family: 'open_sansextrabold_italic'; src: url('opensans-extrabolditalic-webfont.eot'); src: url('opensans-extrabolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('opensans-extrabolditalic-webfont.woff2') format('woff2'), url('opensans-extrabolditalic-webfont.woff') format('woff'), url('opensans-extrabolditalic-webfont.ttf') format('truetype'), url('opensans-extrabolditalic-webfont.svg#open_sansextrabold_italic') format('svg'); font-weight: normal; font-style: normal;

}

@font-face { font-family: 'open_sansbold_italic'; src: url('opensans-bolditalic-webfont.eot'); src: url('opensans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('opensans-bolditalic-webfont.woff2') format('woff2'), url('opensans-bolditalic-webfont.woff') format('woff'), url('opensans-bolditalic-webfont.ttf') format('truetype'), url('opensans-bolditalic-webfont.svg#open_sansbold_italic') format('svg'); font-weight: normal; font-style: normal;

}

@font-face { font-family: 'open_sanslight_italic'; src: url('opensans-lightitalic-webfont.eot'); src: url('opensans-lightitalic-webfont.eot?#iefix') format('embedded-opentype'), url('opensans-lightitalic-webfont.woff2') format('woff2'), url('opensans-lightitalic-webfont.woff') format('woff'), url('opensans-lightitalic-webfont.ttf') format('truetype'), url('opensans-lightitalic-webfont.svg#open_sanslight_italic') format('svg'); font-weight: normal; font-style: normal;

}

@font-face { font-family: 'open_sanssemibold'; src: url('opensans-semibold-webfont.eot'); src: url('opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('opensans-semibold-webfont.woff2') format('woff2'), url('opensans-semibold-webfont.woff') format('woff'), url('opensans-semibold-webfont.ttf') format('truetype'), url('opensans-semibold-webfont.svg#open_sanssemibold') format('svg'); font-weight: normal; font-style: normal;

}

@font-face { font-family: 'open_sansextrabold'; src: url('opensans-extrabold-webfont.eot'); src: url('opensans-extrabold-webfont.eot?#iefix') format('embedded-opentype'), url('opensans-extrabold-webfont.woff2') format('woff2'), url('opensans-extrabold-webfont.woff') format('woff'), url('opensans-extrabold-webfont.ttf') format('truetype'), url('opensans-extrabold-webfont.svg#open_sansextrabold') format('svg'); font-weight: normal; font-style: normal;

}

@font-face { font-family: 'open_sansregular'; src: url('opensans-regular-webfont.eot'); src: url('opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('opensans-regular-webfont.woff2') format('woff2'), url('opensans-regular-webfont.woff') format('woff'), url('opensans-regular-webfont.ttf') format('truetype'), url('opensans-regular-webfont.svg#open_sansregular') format('svg'); font-weight: normal; font-style: normal;

}

@font-face { font-family: 'open_sanssemibold_italic'; src: url('opensans-semibolditalic-webfont.eot'); src: url('opensans-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('opensans-semibolditalic-webfont.woff2') format('woff2'), url('opensans-semibolditalic-webfont.woff') format('woff'), url('opensans-semibolditalic-webfont.ttf') format('truetype'), url('opensans-semibolditalic-webfont.svg#open_sanssemibold_italic') format('svg'); font-weight: normal; font-style: normal; form#WikiaSearch input[type="text"] { margin-right: 0px; border: 1px solid #6666cc; } form#WikiaSearch .wikia-button { background: #9999ff; border: 1px solid #6666cc; border-left: none; border-radius: 0px; -webkit-radius: 0px; } form#WikiaSearch .wikia-button:hover { background: #ccccff; } If you don't want the magnifying glass, add as well:

form#WikiaSearch .wikia-button img { display: none; } This uses CSS, which only affects styling of the search bar, and does not cause issues when using it.

The magnifying glass is part of a collection of images, which also contains a black version for it, and the difference is the postition of the background. If you want to use a black search bar, add this code as well to your MediaWiki:Wikia.css:

form#WikiaSearch .wikia-button img { background-position: -1076px -80px !important; } Also, if you also want to style the search form in the search results page, add this code as well:

/* wiki search button - results page */ body.mw-special-Search section.Search.this-wiki form input[type="text"] { margin-right: 0px; border: 1px solid #6666cc; } body.mw-special-Search section.Search.this-wiki form .wikia-button { background: #9999ff; border: 1px solid #6666cc; border-left: none; border-radius: 0px; -webkit-radius: 0px; } body.mw-special-Search section.Search.this-wiki form .wikia-button:hover { background: #ccccff; } body.mw-special-Search section.Search.this-wiki form .wikia-button img { background-position: -1076px -80px !important; } }

}