미디어위키:Common.css - 편집 역사

2026년 7월 3일 (금) 06:13에 Wikiadmin님의 편집

2026-07-03T06:13:23Z

@@ 429번째 줄: / 429번째 줄: @@
+}
 body { top: 0 !important; }
 /* 1420px 이하: 오른쪽 여백이 사라지므로 상단 탭 줄 중앙으로 */
 @media (max-width: 1420px) {

2026년 7월 3일 (금) 00:04에 Wikiadmin님의 편집

2026-07-03T00:04:46Z

← 이전 판		2026년 7월 3일 (금) 09:04 판
420번째 줄:		420번째 줄:
	right: auto;		right: auto;
	}		}
	/* 구글이 번역 시 페이지 최상단에 끼워 넣는 번역 배너 숨김 (페이지 밀림/가림 방지)		/* 구글이 번역 시 페이지 최상단에 끼워 넣는 번역 배너만 숨김 (페이지 밀림/가림 방지)
			주의: body > .skiptranslate 같은 광범위 선택자는 언어 선택 드롭다운까지 숨기므로 금지.
	번역 자체는 위젯 드롭다운으로 동일하게 동작 */		번역 자체는 위젯 드롭다운으로 동일하게 동작 */
	~~body > .skiptranslate,~~
	iframe.goog-te-banner-frame,		iframe.goog-te-banner-frame,
	.goog-te-banner-frame,		.goog-te-banner-frame,

2026년 7월 2일 (목) 23:57에 Wikiadmin님의 편집

2026-07-02T23:57:14Z

← 이전 판		2026년 7월 3일 (금) 08:57 판
413번째 줄:		413번째 줄:
	box-shadow: 0 4px 12px rgba(0, 0, 0, .35);		box-shadow: 0 4px 12px rgba(0, 0, 0, .35);
	}		}
	/* 스크롤해서 배너를 지나치면 화면 상단에 고정 (gt-pinned 클래스는 Common.js가 토글) */		/* 스크롤해서 배너를 지나치면 화면 상단에 고정 (gt-pinned 클래스는 Common.js가 토글)
			top 60px = Vector 상단 고정 헤더(약 50px) 아래에 위치해 가려지지 않음 */
	#google_translate_element.gt-pinned {		#google_translate_element.gt-pinned {
	position: fixed;		position: fixed;
	top: ~~10px~~;		top: 60px;
	right: auto;		right: auto;
	}		}
			/* 구글이 번역 시 페이지 최상단에 끼워 넣는 번역 배너 숨김 (페이지 밀림/가림 방지)
			번역 자체는 위젯 드롭다운으로 동일하게 동작 */
			body > .skiptranslate,
			iframe.goog-te-banner-frame,
			.goog-te-banner-frame,
			.VIpgJd-ZVi9od-ORHb-OEVmcd {
			display: none !important;
			}
			body { top: 0 !important; }
	/* 1420px 이하: 오른쪽 여백이 사라지므로 상단 탭 줄 중앙으로 */		/* 1420px 이하: 오른쪽 여백이 사라지므로 상단 탭 줄 중앙으로 */
	@media (max-width: 1420px) {		@media (max-width: 1420px) {
430번째 줄:		440번째 줄:
	#google_translate_element.gt-pinned {		#google_translate_element.gt-pinned {
	position: fixed;		position: fixed;
	top: ~~8px~~;		top: 60px;
	left: 50%;		left: 50%;
	transform: translateX(-50%);		transform: translateX(-50%);
470번째 줄:		480번째 줄:
	#google_translate_element.gt-pinned {		#google_translate_element.gt-pinned {
	position: fixed;		position: fixed;
	top: 0;		top: 52px;
	background: #1a1a2e;		background: #1a1a2e;
	border-bottom: 1px solid var(--cabal-gold);		border-bottom: 1px solid var(--cabal-gold);

2026년 7월 2일 (목) 23:53에 Wikiadmin님의 편집

2026-07-02T23:53:46Z

차이 보기

2026년 7월 2일 (목) 23:53에 Wikiadmin님의 편집

2026-07-02T23:53:35Z

차이 보기

2026년 7월 2일 (목) 23:40에 Wikiadmin님의 편집

2026-07-02T23:40:24Z

← 이전 판		2026년 7월 3일 (금) 08:40 판
395번째 줄:		395번째 줄:

	/* ---------- Google 번역 위젯 (Common.js와 세트) ----------		/* ---------- Google 번역 위젯 (Common.js와 세트) ----------
	넓은 화면: 본문 카드 오른쪽 여백, 네이비 배너 ~~높이에 플로팅~~		위젯이 본문 카드(.mw-body) 안에 붙기 때문에 카드 기준으로 위치가 잡힘.
	좁은 화면(1420px 이하): ~~우측 하단 플로팅으로 자동 전환~~		넓은 화면: 카드 오른쪽 모서리 바깥(회색 여백), 네이비 배너 높이 — 화면이 아무리 넓어도 항상 배너 옆
	~~높이를 조절하려면 top 값만 바꾸면 됨~~ */		좁은 화면(1420px 이하): 문서 탭 줄의 빈 공간(상단 중앙) */
			.mw-body { position: relative; }
	#google_translate_element {		#google_translate_element {
	position: ~~fixed~~;		position: absolute;
	top: ~~260px~~;		top: 155px; /* 배너 높이에 맞춤 — 위/아래 조절은 이 값 */
	right: ~~28px~~;		right: -180px; /* 카드 모서리에서 바깥쪽으로 — 카드와의 간격 조절은 이 값 */
	z-index: ~~9999~~;		z-index: 50;
	display: inline-flex;		display: inline-flex;
	align-items: center;		align-items: center;
412번째 줄:		413번째 줄:
	box-shadow: 0 4px 12px rgba(0, 0, 0, .35);		box-shadow: 0 4px 12px rgba(0, 0, 0, .35);
	}		}
	/* 1420px 이하: 문서 탭 ~~줄의 빈 공간(상단 중앙)에 표시 — 문서와 함께 스크롤됨~~		/* 1420px 이하: 오른쪽 여백이 사라지므로 상단 탭 줄 중앙으로 */
	~~제목이 길어 겹치면 top 값을 키우세요~~ */
	@media (max-width: 1420px) {		@media (max-width: 1420px) {
	#google_translate_element {		#google_translate_element {
	~~position: absolute;~~		top: 92px;
	top: ~~192px~~;
	left: 50%;		left: 50%;
	right: auto;		right: auto;
	~~bottom: auto;~~
	transform: translateX(-50%);		transform: translateX(-50%);
	box-shadow: 0 2px 8px rgba(0, 0, 0, .25);		box-shadow: 0 2px 8px rgba(0, 0, 0, .25);
444번째 줄:		442번째 줄:
	#google_translate_element {		#google_translate_element {
	position: absolute;		position: absolute;
	top: ~~60px~~;		top: 0;
	left: 0;		left: 0;
	right: 0;		right: 0;
451번째 줄:		449번째 줄:
	width: 100%;		width: 100%;
	text-align: center;		text-align: center;
	padding: ~~6px~~ 0;		padding: 4px 0;
	border: none;		border: none;
	~~border-top: 1px solid rgba(201, 168, 76, .2);~~
	border-bottom: 1px solid rgba(201, 168, 76, .2);		border-bottom: 1px solid rgba(201, 168, 76, .2);
	margin: 0;		margin: 0;

2026년 7월 2일 (목) 23:36에 Wikiadmin님의 편집

2026-07-02T23:36:25Z

← 이전 판		2026년 7월 3일 (금) 08:36 판
412번째 줄:		412번째 줄:
	box-shadow: 0 4px 12px rgba(0, 0, 0, .35);		box-shadow: 0 4px 12px rgba(0, 0, 0, .35);
	}		}
			/* 1420px 이하: 문서 탭 줄의 빈 공간(상단 중앙)에 표시 — 문서와 함께 스크롤됨
			제목이 길어 겹치면 top 값을 키우세요 */
	@media (max-width: 1420px) {		@media (max-width: 1420px) {
	#google_translate_element {		#google_translate_element {
	top: auto;		position: absolute;
	bottom: ~~24px~~;		top: 192px;
	~~right~~: ~~24px~~;		left: 50%;
			right: auto;
			bottom: auto;
			transform: translateX(-50%);
			box-shadow: 0 2px 8px rgba(0, 0, 0, .25);
	}		}
	}		}
437번째 줄:		443번째 줄:
	.cabal-hero { padding: 30px 22px; }		.cabal-hero { padding: 30px 22px; }
	#google_translate_element {		#google_translate_element {
	position: ~~static~~;		position: absolute;
			top: 60px;
			left: 0;
			right: 0;
			transform: none;
	display: block;		display: block;
	width: 100%;		width: 100%;
445번째 줄:		455번째 줄:
	border-top: 1px solid rgba(201, 168, 76, .2);		border-top: 1px solid rgba(201, 168, 76, .2);
	border-bottom: 1px solid rgba(201, 168, 76, .2);		border-bottom: 1px solid rgba(201, 168, 76, .2);
	margin: ~~4px~~ 0;		margin: 0;
	background: transparent;		background: transparent;
			box-shadow: none;
	}		}
	}		}

2026년 7월 2일 (목) 23:31에 Wikiadmin님의 편집

2026-07-02T23:31:23Z

← 이전 판		2026년 7월 3일 (금) 08:31 판
395번째 줄:		395번째 줄:

	/* ---------- Google 번역 위젯 (Common.js와 세트) ----------		/* ---------- Google 번역 위젯 (Common.js와 세트) ----------
	기본: ~~우측 하단~~ 플로팅 ~~(스크롤해도 항상 보임)~~		넓은 화면: 본문 카드 오른쪽 여백, 네이비 배너 높이에 플로팅
	~~다른 위치를 원하면 아래 position 4줄만 교체:~~		좁은 화면(1420px 이하): 우측 하단 플로팅으로 자동 전환
	~~· 좌측 여백 고정 → left: 24px; bottom: 24px;~~ (~~right 줄 삭제~~)		높이를 조절하려면 top 값만 바꾸면 됨 */
	~~· 상단 중앙 →~~ top~~: 60px; left: 50%; transform: translateX(-50%); (right/bottom 줄 삭제)~~
	*/
	#google_translate_element {		#google_translate_element {
	position: fixed;		position: fixed;
	~~right~~: ~~24px~~;		top: 260px;
	~~bottom~~: ~~24px~~;		right: 28px;
	z-index: 9999;		z-index: 9999;
	display: inline-flex;		display: inline-flex;
413번째 줄:		411번째 줄:
	border-radius: 8px;		border-radius: 8px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, .35);		box-shadow: 0 4px 12px rgba(0, 0, 0, .35);
			}
			@media (max-width: 1420px) {
			#google_translate_element {
			top: auto;
			bottom: 24px;
			right: 24px;
			}
	}		}
	#google_translate_element .goog-te-gadget-simple {		#google_translate_element .goog-te-gadget-simple {

2026년 7월 2일 (목) 23:28에 Wikiadmin님의 편집

2026-07-02T23:28:44Z

← 이전 판		2026년 7월 3일 (금) 08:28 판
394번째 줄:		394번째 줄:
	}		}

	/* ---------- Google 번역 위젯 (Common.js와 세트) ---------- */		/* ---------- Google 번역 위젯 (Common.js와 세트) ----------
			기본: 우측 하단 플로팅 (스크롤해도 항상 보임)
			다른 위치를 원하면 아래 position 4줄만 교체:
			· 좌측 여백 고정 → left: 24px; bottom: 24px; (right 줄 삭제)
			· 상단 중앙 → top: 60px; left: 50%; transform: translateX(-50%); (right/bottom 줄 삭제)
			*/
	#google_translate_element {		#google_translate_element {
	position: fixed;		position: fixed;
	~~top~~: ~~10px~~;		right: 24px;
	~~right~~: ~~120px~~;		bottom: 24px;
	z-index: 9999;		z-index: 9999;
	display: inline-flex;		display: inline-flex;
	align-items: center;		align-items: center;
	padding: ~~4px 10px~~;		padding: 6px 12px;
	vertical-align: middle;		vertical-align: middle;
	background: #1a1a2e;		background: #1a1a2e;
	border: 1px solid var(--cabal-gold);		border: 1px solid var(--cabal-gold);
	border-radius: ~~3px~~;		border-radius: 8px;
			box-shadow: 0 4px 12px rgba(0, 0, 0, .35);
	}		}
	#google_translate_element .goog-te-gadget-simple {		#google_translate_element .goog-te-gadget-simple {

2026년 7월 2일 (목) 07:59에 Wikiadmin님의 편집

2026-07-02T07:59:57Z

@@ 392번째 줄: / 392번째 줄: @@
    column-count: auto !important;
    column-width: auto !important;
+}
@@ 398번째 줄: / 425번째 줄: @@
    .cabal-infobox { float: none; margin: 0 auto 20px; width: 100%; }
    .cabal-hero { padding: 30px 22px; }
+}