사용자:하늘/styles.css: 두 판 사이의 차이

잔글 (Cerulean님이 틀:사용자:Cerulean/styles.css 문서를 넘겨주기를 만들지 않고 사용자:Cerulean/styles.css 문서로 이동했습니다: 문서를 이동하면 문서 모델도 바뀌나 실험)
편집 요약 없음
16번째 줄: 16번째 줄:
width: 100%;
width: 100%;
}
}
.blur:hover {
    filter: blur(0);
    transition-property: filter;
    transition: ease 0.5s;
}
.blur {
    filter: blur(6px);
    transition: ease 0.5s;
}
.glass {
background: rgba( 255, 255, 255, 0.20 );
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
    border-radius: 10px;
    border: 1px solid rgba( 255, 255, 255, 0.18 );
text-align: center;
top:10px;
position: relative;
margin: 0 auto;
}
.newmo {
transition: ease;
    transition-duration: 0.5s;
    box-shadow: 9px 9px 18px #c7c7c7, -9px -9px 18px #ffffff;
}
.newmo:hover {
transition: ease;
    transition-duration: 0.5s;
    box-shadow: none;
}
.redirectMsg {
display:none;
}
/*.input_box .mw-ui-button {
background-color: #4188f1 !important;
border: 1px solid #4188f1 !important;
}
*/
.input_box .mw-ui-button:hover {
/*
background-color: #4188f1 !important;
border: 1px solid #4188f1 !important;
background-color: #3c7ee1 !important;
*/
color: #fff !important;
/*
border-color: #4188f1 !important;
*/
}
.mw-inputbox-input {
border-radius: 0 !important;
border-width: 0 0 2px 0 !important;
border-color: #4188f1 !important;
}
.mw-ui-button:not(:disabled) {
    transition: none !important;
}
/*@media screen and (max-width: 559px) {*/
.input_box form {
text-align: right !important;
width: 100% !important;
}
/*}*/
.inline.input_box form {
float:right;
}
.inline.input_box .mw-inputbox-input {
width: 70%;
flex-shrink: 20;
margin-right: 0.2rem;
}
.inline.input_box form > .mw-ui-button {
width: max-content;
height: max-content;
}
.inline.input_box form br {
display: none;
}

2021년 5월 17일 (월) 13:49 판

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

@media screen and (min-width: 544px) {
	.half_width {
		width: 50%;
	}
}
.user-toc, .half_width {
	padding: 0 0.5em;
}
.user-toc > div {
	width: 100%;
}
.blur:hover {
    filter: blur(0);
    transition-property: filter;
    transition: ease 0.5s;
}
.blur {
    filter: blur(6px);
    transition: ease 0.5s;
}
.glass {
	background: rgba( 255, 255, 255, 0.20 );
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
    border-radius: 10px;
    border: 1px solid rgba( 255, 255, 255, 0.18 );
	text-align: center;
	top:10px;
	position: relative;
	margin: 0 auto;
	
}
.newmo {
	transition: ease;
    transition-duration: 0.5s;
    box-shadow: 9px 9px 18px #c7c7c7, -9px -9px 18px #ffffff;
}

.newmo:hover {
	transition: ease;
    transition-duration: 0.5s;
    box-shadow: none;
}

.redirectMsg {
	display:none;
}

/*.input_box .mw-ui-button {
background-color: #4188f1 !important;
border: 1px solid #4188f1 !important;
}
*/
.input_box .mw-ui-button:hover {
/*
background-color: #4188f1 !important;
border: 1px solid #4188f1 !important;
background-color: #3c7ee1 !important;
*/
color: #fff !important;
/*
border-color: #4188f1 !important;
*/
}

.mw-inputbox-input {
	border-radius: 0 !important;
	border-width: 0 0 2px 0 !important;
	border-color: #4188f1 !important;
}

.mw-ui-button:not(:disabled) {
    transition: none !important;
}
	
/*@media screen and (max-width: 559px) {*/
	.input_box form {
		text-align: right !important;
		width: 100% !important;
	}
/*}*/

	.inline.input_box form {
		float:right;
	}
	
	.inline.input_box .mw-inputbox-input {
		width: 70%;
		flex-shrink: 20;
		margin-right: 0.2rem;
	}
	
	.inline.input_box form > .mw-ui-button {
		width: max-content;
		height: max-content;
	}
	
	.inline.input_box form br {
		display: none;
	}