미디어위키:Common.css

참고: 설정을 저장한 후에 바뀐 점을 확인하기 위해서는 브라우저의 캐시를 새로 고쳐야 합니다.

• 파이어폭스 / 사파리: Shift 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5 또는 Ctrl-R을 입력 (Mac에서는 ⌘-R)
• 구글 크롬: Ctrl-Shift-R키를 입력 (Mac에서는 ⌘-Shift-R)
• 엣지: Ctrl 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5를 입력.

/* 이 CSS 설정은 모든 스킨에 적용됩니다 */
/* 큰 이미지를 반응형 100%로 만드는 클래스 */
.responsive-big-img img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
}

/* 폰트 변경 */
body {
    font-family: "Noto Sans KR", "Noto Sans", sans-serif;
}

/* 위키 안내 상자 */
.wiki-notice {
    border: 1px solid #a2a9b1;
    padding: 12px;
    margin: 10px 0;
}

.wiki-notice-orange {
    border-top: 5px solid #f28c28;
}

.wiki-notice-red {
    border-top: 5px solid #d33;
}

.wiki-notice-blue {
    border-top: 5px solid #36c;
}

.wiki-notice-green {
    border-top: 5px solid #14866d;
}

/* 유튜브 삽입 사이즈 설정 */
#mw-content-text > div.mw-content-ltr.mw-parser-output > p:nth-child(24) > iframe {
    width: 100%;
    max-width: 800px;
    aspect-ratio: 16 / 9;
    height: auto;
}

/* 투표 양식 사이즈 지정 */
.ajaxpoll {
	width: 90% !important;
    max-width: 400px !important;;
}

/* 패치 내역 테이블 사이즈 변경 */
.patch-history {
	width:100% !important; 
}

.patch-history tbody {
	display: table;
	width: 100%;
	box-sizing: border-box;
}

/* 달력 사이즈 설정 */
.google-calendar {
	width: 100%;
	max-width: 100%;
}

.google-calendar iframe {
	display: block;
	width: 100%;
	height: 800px;
	border: solid 1px #777;
}

/* 레전드 정보상자 */
@media (max-width: 639p) {
	.legend-infobox {
		float: none;
	}
}
.legend-infobox {
	float: right;
	width:22em; 
	text-align:left; 
	font-size:88%; 
	border:1px solid #aaa; 
	background-color:#f9f9f9;
}

.legend-infobox-title {
	font-size:150%; 
	font-weight:800; 
	background-color:#161616;
	color: #dad6d7;
}