Template:Main Page Search/Styles.css

/* */

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

/* Search bar */ .bodySearchWrap { /* Generated from the tags */ margin-top: 1rem; font-size: 1.125rem; } .bodySearchWrap > input { /* Belongs to the input elements of */ 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; }

margin:2rem 0; }
 * 1) mf-welcome-text {