MediaWiki:Vector.less/vectorsearch.less

From Old School RuneScape Wiki
Jump to navigation Jump to search
/* search bar */
div#simpleSearch {
	border: none;
	background: var(--search-box);
	height: 2.485em;
	margin-top: 0;
	box-shadow: inset 0 -7px 7px -7px rgba(0, 0, 0, 0.15);


	// search text
	#searchInput {
		color: var(--text-color);
		height: 100%;
		border: none;
		background: none;
		padding-left: 1em;

		&::placeholder {
			color: var(--text-color);
			opacity: 0.6;
		}
	}

	// magnifying glass
	#searchButton {
		width: 2.5em;
		background: none;
		background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2213%22%3E %3Cg fill=%22none%22 stroke=%22%2354595d%22 stroke-width=%222%22%3E %3Cpath d=%22M11.29 11.71l-4-4%22/%3E %3Ccircle cx=%225%22 cy=%225%22 r=%224%22/%3E %3C/g%3E %3C/svg%3E");
		background-position: center center;
		background-repeat: no-repeat;
	}

}

#searchInput:focus, #simpleSearch:hover #searchInput:focus {
	border: none;
	box-shadow: none;
}

#p-search {
	margin: 0;

	form {
		margin-top: 0;
	}
}