틀:검색창/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 input[type="button"],
.input_box input[type="submit"]
{
    transition: none;
    box-shadow: none;
    display: inline-block;
    padding: 0.2em 1em;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #a9a9a9;
    border: 1px solid #a9a9a9;
    border-radius: 0.2em;
    background-color: transparent;
}

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

input:not([type=button]):not([type=checkbox]):not([type=submit]):not([class=oo-ui-inputWidget-input]) {
    line-height: 1.5 !important;
    background-color: transparent !important;
	border-color: #3e7cda !important;
    box-shadow: unset;
}

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

.input_box.normal {
	width: 20em;
	max-width: 100%;
	margin: 0.2em;
}
.input_box.normal .mw-inputbox-input {
    flex-shrink: 90;
    margin-bottom: 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 {
    border: none !important;
    background: transparent !important;
    box-shadow: unset !important;
    min-width: unset !important;
}
.input_box.normal .mw-ui-button {
	padding: 0 0.8em 0 0!important;
}

.input_box.normal .mw-ui-input {
	
}