틀:검색창/styles.css

/*** {{검색창}} ***/
/* {{템플릿}} */
.template .mw-ui-input {
    width: calc(100% - 7.5em);
    float: left;
}

@media screen and (max-width: 543px) {
    .half_width {
        width: 100% !important;
    }
}

@media screen and (min-width: 544px) {
    .half_width {
        width: 50% !important;
    }
}

.input_box:not(.inline2) {
	float: right;
	width: 100%;
	max-width: 100%;
}
.input_box > div {
	text-align: right;
}
.input_box input[value="︎"] {
    font-family: "Font Awesome 5 Free";
    font-weight: 900 !important;
}

.input_box .mw-ui-button:hover {
    color: #3777d5 !important;
    border-color: #3979d9 !important;
}

.mw-inputbox-input {
	width: 100%;
}


.inline .mw-inputbox-input {
    width: 100%;
    flex-shrink: 90;
    margin-right: 0.2rem;
    margin-bottom: unset !important;
}

.input_box.inline form br, .input_box.inline2 form br {
    display: none;
}

.input_box.inline form {
    display: flex;
}

.input_box.inline input {
	background: transparent !important;
}

.input_box.normal {
	width: min-content;
	max-width: 100%;
	margin: 0.2em;
}
.input_box.normal .mw-inputbox-input {
    flex-shrink: 90;
    margin: unset !important;
	padding-left: 0.5em !important;
}

.input_box.normal form {
	display: flex;
    border: 1px solid #3979d9;
    /* border-width: 0 0 1px 0; */
    height: 2.8em;
    border-radius: 0.25em;
}
.input_box.normal input:not([type="button"]):not([type="checkbox"]):not([type="submit"]):not([class="oo-ui-inputWidget-input"]) {
	border: none;
	box-shadow: unset;
	background: transparent;
}
.input_box.normal input[type="button"], 
.input_box.normal input[type="submit"] {
    border: none;
    background: transparent !important;
    box-shadow: unset !important;
    padding: 0 0.8em;
    min-width: 0;
    font-weight: 
    400;
    color: #a9a9a9;
}