MediaWiki:SearchThumbs.css

/*/ / ======================================================================== / ======================================================================== /       CSS Used to add thumbnails to the search bar (Oasis Skin) / ======================================================================== / ======================================================================== / /         Note: Images are loaded on input, not on page load. /     For more information contact User:ChuckTerry or another admin. /        Order is Type (Servant, Enemy, etc) then alpha-numeric. / /*/

/*/ Blank Template (replace #s): .search-form-wrapper .autocomplete div[title="#"]::Before { background: url('#'); background-size: 40px 40px; width: 40px; height: 40px; } /*/

/*/ / ======================================================================== /                          Servant Thumbnails / ======================================================================== / /*/

.search-form-wrapper .autocomplete div[title="Gilgamesh"]::Before { background: url('http://vignette3.wikia.nocookie.net/fategrandorder/images/1/18/Gilicon.png'); background-size: 40px 40px; width: 40px; height: 40px; } .search-form-wrapper .autocomplete div[title="Gilles de Rais (Saber)"]::Before { background: url('http://vignette4.wikia.nocookie.net/fategrandorder/images/c/c5/Gillesicon.png'); background-size: 40px 40px; width: 40px; height: 40px; } .search-form-wrapper .autocomplete div[title="Gilles de Rais"]::Before { background: url('http://vignette3.wikia.nocookie.net/fategrandorder/images/0/03/Gilles2icon.png'); background-size: 40px 40px; width: 40px; height: 40px; } /*/ / / --- Universal Styling --- / /*/ .search-form-wrapper .autocomplete div::Before { content:"-"; color:transparent; position:relative; bottom:10px; margin-right:10px; display: inline-block; }