Template:Main Page Search/Styles.css

/* [[Category:Template Styles]] */

#mf-zw-logo img {
	height: auto;
	max-width: 400px;
	width: 100%;
}

/* Search bar */
.bodySearchWrap { /* Generated from the <inputbox> tags */
	margin-top: 1rem;
	font-size: 1.125rem;
}
.bodySearchWrap > input { /* Belongs to the input elements of <inputbox> */
	height: 40px;
}
.mw-ui-input {
	max-width:600px;
	width:100%;
	height:100%;
	padding:2px 2px 2px 10px;
	border-radius:3px;
	border:1px solid #999;
}

/* Search button */
.mw-ui-button {
	height: 100%;
	width: 130px;
	background-color: #ebebeb;
	border-radius: 3px;
	border: 1px solid #999;
	cursor: pointer;
	padding: 2px;
	transition: .1s ease-in-out;
}
.mw-ui-button:hover {
	box-shadow:0 2px rgba(0,0,0,0.1),inset 0 -4px rgba(0,0,0,0.2);
}
.mw-ui-button:focus {
	border:2px solid rgba(0,0,0,0.3);
	border-radius:4px;
	outline:none;
	box-shadow:none;
}
.mw-ui-button:active {
	box-shadow:0 0 3px rgba(0,0,0,0.2);
	background-color:#ccc;
}

#mf-welcome-text {
	margin:2rem 0;
}