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

2026년 6월 5일 (금) 01:29에 Kim1231님의 편집

2026-06-05T01:29:39Z

2026년 5월 21일 (목) 07:21에 Kim1231님의 편집

2026-05-21T07:21:45Z

← 이전 판		2026년 5월 21일 (목) 16:21 판
1번째 줄:		1번째 줄:
	/* =======================================		/* ==================================================
	~~[최종]~~ Timeless ~~스킨 전용 스타일 시트~~		SKY's Kingshot 하드코어 게이밍 테마 (Timeless 대응 통합판)
	======================================= */		================================================== */
	/* 1. ~~상단 Kim1231 팝업창 (~~배경 ~~까맣게, 글씨 하얗게)~~ */		@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;700;900&display=swap');
	#p-~~personal .dropdown~~-~~content~~,
	~~.dropdown-content {~~		/* 1. 전체 배경 */
	~~background-~~color: #~~1a1a1d~~ !important;		body {
	~~border~~: ~~2px solid #ff8c00~~ !important;		background-color: #0b0b0e !important;
			background-image: radial-gradient(circle at 50% 0%, #2e1a0b 0%, #0b0b0e 60%) !important;
			color: #d1d5db !important;
			font-family: 'Noto Sans KR', sans-serif !important;
	}		}

	/* ~~팝업창 내부의 모든 텍스트/링크를 하얗게 강제 고정~~ */		/* 2. 본문 패널 (게이밍 감성) */
	#~~p-personal .dropdown~~-content *,		#mw-content-wrapper {
	~~.dropdown~~-content * {		background-color: rgba(22, 22, 26, 0.95) !important;
	color: #~~ffffff~~ !important;		border: 1px solid #333 !important;
	~~background~~-~~color~~: ~~transparent~~ !important;		border-radius: 10px !important;
			box-shadow: 0 10px 30px rgba(0, 0, 0, 0.8) !important;
			padding: 25px !important;
	}		}

	/* ~~마우스 올렸을 때~~ */		/* 3. 제목 네온 효과 */
	#~~p-personal .dropdown-content a:hover,~~		h1, h2, h3, h4, #firstHeading {
	~~.dropdown-content a:hover~~ {
	color: #ff8c00 !important;		color: #ff8c00 !important;
	~~background~~-~~color~~: ~~#333333~~ !important;		text-shadow: 0 0 10px rgba(255, 140, 0, 0.4) !important;
			font-weight: 900 !important;
	}		}

	/* 2. 사이드바 (제목 ~~오렌지, 링크 진회색)~~ */		/* 4. 링크 스타일 */
			a { color: #ffab40 !important; transition: all 0.2s ease-in-out; }
			a:hover { color: #ffffff !important; text-shadow: 0 0 8px #ff8c00 !important; }

			/* 5. [중요] 타임리스 스킨 사이드바 & 메뉴 강제 수정 */
			/* 사이드바 제목 */
	#mw-site-navigation h3,		#mw-site-navigation h3,
	#mw-related-navigation ~~h3,~~		#mw-related-navigation h3 {
	~~.sidebar-chunk~~ h3 {
	color: #ff8c00 !important;		color: #ff8c00 !important;
	font-weight: 900 !important;		font-weight: 900 !important;
	~~font-size: 15px !important;~~
	opacity: 1 !important;		opacity: 1 !important;
	}		}

	/* 사이드바 ~~링크 모든 상태~~(방문/~~새 문서 등~~)~~를 진회색으로 고정~~ */		/* 사이드바 링크를 세련된 밝은 회색으로 (기존 검은색/파란색 짬뽕 제거) */
	#mw-site-navigation ~~.sidebar-chunk a,~~		#mw-site-navigation a,
	~~#mw-site-navigation .sidebar-chunk a:visited,~~		#mw-related-navigation a {
	~~#mw-site-navigation .sidebar-chunk a.new,~~		color: #e0e0e0 !important;
	~~#mw-related-navigation .sidebar-chunk a,~~
	~~#mw-related-navigation .sidebar-chunk~~ a~~:visited~~,
	#mw-related-navigation ~~.sidebar-chunk~~ a~~.new~~ {
	color: #~~333333~~ !important;
	font-weight: bold !important;		font-weight: bold !important;
	}		}

	/* 사이드바 마우스 ~~올렸을 때~~ */		/* 사이드바 마우스 올리면 주황색 빔 */
	#mw-site-navigation ~~.sidebar-chunk~~ a:hover,		#mw-site-navigation a:hover,
	#mw-related-navigation ~~.sidebar-chunk~~ a:hover {		#mw-related-navigation a:hover {
	color: #ff8c00 !important;		color: #ff8c00 !important;
	background-color: transparent !important;		background-color: transparent !important;
	}		}

	/* 3. ~~본문 텍스트~~ (~~하얀 배경에 맞게 검은색~~) */		/* 6. 우측 상단 개인 프로필 팝업 (Kim1231) */
	#content {		#p-personal .dropdown-content {
	color: #~~222222~~ !important;		background-color: #1a1a1d !important;
			border: 2px solid #ff8c00 !important;
			}

			/* 팝업 안 모든 텍스트 하얀색 고정 */
			#p-personal .dropdown-content * {
			color: #ffffff !important;
			}

			/* 팝업 마우스 오버 */
			#p-personal .dropdown-content a:hover {
			color: #ff8c00 !important;
			background-color: #333333 !important;
			}

			/* 7. 번역기 버튼 */
			#google_translate_element {
			background-color: #121215 !important;
			border: 2px solid #ff8c00 !important;
	}		}

2026년 5월 21일 (목) 07:20에 Kim1231님의 편집

2026-05-21T07:20:37Z

차이 보기

2026년 5월 21일 (목) 06:37에 Kim1231님의 편집

2026-05-21T06:37:58Z

@@ 124번째 줄: / 124번째 줄: @@
      font-weight: bold !important;
      text-shadow: none !important; /* 그림자 제거 */
+}

2026년 5월 21일 (목) 06:31에 Kim1231님의 편집

2026-05-21T06:31:12Z

← 이전 판		2026년 5월 21일 (목) 15:31 판
127번째 줄:		127번째 줄:

	/* =======================================		/* =======================================
	9. 우측 상단 개인 메뉴 (Kim1231 팝업) 완벽 다크화		9. [Timeless 스킨 전용] 우측 상단 개인 메뉴 (Kim1231 팝업) 다크화
	======================================= */		======================================= */
	/* 팝업 박스 배경색 및 오렌지 테두리 강제 주입 */		/* 팝업 박스 배경색 및 오렌지 테두리 강제 주입 */
	~~.vector~~-~~dropdown-content,~~		#p-personal .mw-portlet-body,
	.~~vector~~-~~menu~~-~~content~~,		#p-personal ul {
	#p-personal ~~.vector-menu-content,~~
	~~.cdx-menu~~ {
	background-color: #1a1a1d !important;		background-color: #1a1a1d !important;
	border: 2px solid #ff8c00 !important;		border: 2px solid #ff8c00 !important;
	}		}

	/* ~~❌ 드디어 해결:~~ "로그인됨" ~~안내문구~~ 및 내부 모든 텍스트 하얗게 고정 */		/* "로그인됨" 및 팝업 내부의 모든 텍스트 하얗게 고정 (유령 글씨 해결) */
	~~.vector-dropdown-content *,~~		#p-personal .mw-portlet-body *,
	~~.vector-menu-content *,~~		#p-personal ul * {
	#p-personal .~~vector~~-~~menu~~-~~content~~ *,
	#p-personal~~-list,~~
	~~#p-personal-list~~ *,
	~~.mw-userpage-link~~ {
	color: #ffffff !important;		color: #ffffff !important;
	}		}

	/* 팝업 내부 ~~링크에~~ 마우스 올렸을 때만 오렌지색 하이라이트 */		/* 팝업 내부 링크 마우스 올렸을 때 오렌지색 하이라이트 */
	~~.vector~~-~~dropdown-content a:hover,~~		#p-personal .mw-portlet-body a:hover,
	.~~vector~~-~~dropdown~~-~~content~~ a:hover *,		#p-personal ul a:hover {
	~~.vector~~-~~menu-content-list li~~ a:hover,
	.vector-menu-content-list li a:hover * {
	color: #ff8c00 !important;		color: #ff8c00 !important;
	background-color: #333333 !important;		background-color: #333333 !important;
	text-decoration: none !important;		text-decoration: none !important;
	}		}


	/* =======================================		/* =======================================
	10. 왼쪽 사이드바 (둘러보기, 위키도구~~, 문서도구~~) ~~대수술~~		10. [Timeless 스킨 전용] 사이드바 (둘러보기, 위키도구 등) 완벽 제어
	======================================= */		======================================= */
	/* 1) 흐리멍덩한 회색 제목들을 '킹샷 오렌지색'으로 선명하게 고정 */		/* 1) 흐리멍덩한 회색 제목들을 '킹샷 오렌지색'으로 선명하게 고정 */
	#mw-~~panel .portal~~ h3,		#mw-site-navigation h3,
	#mw-~~panel .vector~~-~~menu-heading,~~		#mw-related-navigation h3,
	~~#mw-panel .vector-menu-heading-label,~~		.sidebar-chunk h3 {
	~~.vector-menu-heading,~~
	~~.vector-menu-heading-label~~,
	~~span~~.~~vector-menu-heading~~-~~label,~~
	h3~~.vector-menu-heading span~~ {
	color: #ff8c00 !important;		color: #ff8c00 !important;
	font-weight: 900 !important;		font-weight: 900 !important;
	font-size: ~~14px~~ !important;		font-size: 15px !important;
	opacity: 1 !important; /* ~~미디어위키 특유의~~ 흐림 효과 완전 파괴 */		opacity: 1 !important; /* 흐림 효과 파괴 */
	}		}

	/* 2) ~~❌ 범인 체포: 검은색/파란색/주황색으로 짬뽕되던 모든 링크를~~ '~~밝은 주황색~~'으로 ~~대통합~~ */		/* 2) 사이드바 링크들을 '진회색'으로 깔끔하게 통일 (파란색, 방문한 주황색 짬뽕 제거) */
	#mw-~~panel .portal~~ .body ~~ul li~~ a,		#mw-site-navigation .mw-portlet-body a,
	#mw-~~panel .portal~~ .body ~~ul li~~ a:visited,		#mw-site-navigation .mw-portlet-body a:visited,
	#mw-~~panel .portal .body ul li a.new,~~		#mw-related-navigation .mw-portlet-body a,
	~~#mw~~-~~panel~~ .~~vector-menu-content ul li a,~~		#mw-related-navigation .mw-portlet-body a:visited,
	#mw-~~panel .vector-menu~~-~~content ul li~~ a~~:visited~~,		.sidebar-chunk a,
	#mw-~~panel .vector~~-~~menu-content ul li a~~.~~new,~~		.sidebar-chunk a:visited {
	#p-~~tb li a,~~		color: #333333 !important;
	#p-~~tb li~~ a:visited,
	~~#p-tb li a~~.~~new,~~
	#p-~~cactions li~~ a,
	#p-~~cactions li~~ a:visited,
	~~#p-cactions li a.new~~ {
	color: #~~ffab40~~ !important; ~~/* 방문했든 안했든 무조건 예쁜 밝은 주황색으로 고정 */~~
	font-weight: bold !important;		font-weight: bold !important;
	text-decoration: none !important;		text-decoration: none !important;
	}		}

	/* 3) 사이드바 링크에 마우스 올리면 ~~선명한 하얀색으로 빛나게 설정~~ */		/* 3) 사이드바 링크에 마우스 올리면 오렌지색으로 빔 (Hover 효과) */
	#mw-~~panel .portal~~ .body ~~ul li~~ a:hover,		#mw-site-navigation .mw-portlet-body a:hover,
	#mw-~~panel~~ .~~vector~~-~~menu~~-~~content ul li~~ a:hover,		#mw-related-navigation .mw-portlet-body a:hover,
	~~#p-tb li a:hover,~~		.sidebar-chunk a:hover {
	#p-~~cactions li~~ a:hover {		color: #ff8c00 !important;
	color: #~~ffffff~~ !important;		text-shadow: none !important;
	text-shadow: ~~0 0 8px #ff8c00~~ !important; ~~/* 마우스 올리면 오렌지색 광원 효과 */~~
	background-color: transparent !important;		background-color: transparent !important;
	}		}

2026년 5월 21일 (목) 06:28에 Kim1231님의 편집

2026-05-21T06:28:30Z

← 이전 판		2026년 5월 21일 (목) 15:28 판
127번째 줄:		127번째 줄:

	/* =======================================		/* =======================================
	9. ~~[긴급/완성]~~ 상단 ~~프로필~~ 메뉴 ~~글씨색 & 다크테마 강제 주입~~		9. 우측 상단 개인 메뉴 (Kim1231 팝업) 완벽 다크화
	======================================= */		======================================= */
	/* 팝업 박스 ~~자체 다크화~~ */		/* 팝업 박스 배경색 및 오렌지 테두리 강제 주입 */
	.vector-dropdown-content,		.vector-dropdown-content,
	.vector-menu-content,		.vector-menu-content,
138번째 줄:		138번째 줄:
	}		}

	/* ❌ ~~안 보이던~~ "로그인됨" ~~텍스트~~ 및 내부 모든 항목 하얗게 강제 고정 */		/* ❌ 드디어 해결: "로그인됨" 안내문구 및 내부 모든 텍스트 하얗게 고정 */
	.vector-menu-content~~-list~~,		.vector-dropdown-content *,
	.vector-menu-content~~-list~~ *,		.vector-menu-content *,
			#p-personal .vector-menu-content *,
	#p-personal-list,		#p-personal-list,
	#p-personal-list *,		#p-personal-list *,
	.mw-userpage-link,		.mw-userpage-link {
	~~.vector-dropdown-content *,~~
	~~.cdx-menu-item__content~~ {
	color: #ffffff !important;		color: #ffffff !important;
	}		}

	/* 팝업 내부 링크 마우스 올렸을 ~~때 킹샷 오렌지 효과~~ */		/* 팝업 내부 링크에 마우스 올렸을 때만 오렌지색 하이라이트 */
	.vector-dropdown-content li a:hover,		.vector-dropdown-content a:hover,
	.vector-dropdown-content li a:hover *,		.vector-dropdown-content a:hover *,
	.vector-menu-content-list li a:hover,		.vector-menu-content-list li a:hover,
	.vector-menu-content-list li a:hover * {		.vector-menu-content-list li a:hover * {
158번째 줄:		157번째 줄:
	text-decoration: none !important;		text-decoration: none !important;
	}		}


	/* =======================================		/* =======================================
	10. ~~[긴급/완성]~~ 왼쪽 사이드바 제목(~~오렌지~~) ~~& 링크(진회색) 대통합~~		10. 왼쪽 사이드바 (둘러보기, 위키도구, 문서도구) 대수술
	======================================= */		======================================= */
	/* ~~둘러보기, 위키도구, 문서도구 등~~ 회색 ~~제목 박살내고 오렌지~~ 고정 */		/* 1) 흐리멍덩한 회색 제목들을 '킹샷 오렌지색'으로 선명하게 고정 */
	#mw-panel .portal h3,		#mw-panel .portal h3,
	#mw-panel .vector-menu-heading,		#mw-panel .vector-menu-heading,
168번째 줄:		168번째 줄:
	.vector-menu-heading,		.vector-menu-heading,
	.vector-menu-heading-label,		.vector-menu-heading-label,
	span.vector-menu-heading-label {		span.vector-menu-heading-label,
			h3.vector-menu-heading span {
	color: #ff8c00 !important;		color: #ff8c00 !important;
	font-weight: 900 !important;		font-weight: 900 !important;
	font-size: 14px !important;		font-size: 14px !important;
	opacity: 1 !important; /* ~~흐릿하게 만드는 투명도~~ 효과 ~~강제 제거~~ */		opacity: 1 !important; /* 미디어위키 특유의 흐림 효과 완전 파괴 */
	}		}

	/* 파랑/~~주황 짬뽕된~~ 모든 ~~사이드바~~ 링크를 ~~세련된 진회색/검은색으로 강제 정렬~~ */		/* 2) ❌ 범인 체포: 검은색/파란색/주황색으로 짬뽕되던 모든 링크를 '밝은 주황색'으로 대통합 */
	#mw-panel .portal .body ul li a,		#mw-panel .portal .body ul li a,
	#mw-panel .portal .body ul li a *,		#mw-panel .portal .body ul li a:visited,
			#mw-panel .portal .body ul li a.new,
	#mw-panel .vector-menu-content ul li a,		#mw-panel .vector-menu-content ul li a,
	#mw-panel .vector-menu-content ul li a *,		#mw-panel .vector-menu-content ul li a:visited,
			#mw-panel .vector-menu-content ul li a.new,
	#p-tb li a,		#p-tb li a,
	#p-tb li a *,		#p-tb li a:visited,
			#p-tb li a.new,
	#p-cactions li a,		#p-cactions li a,
	#p-cactions li a * {		#p-cactions li a:visited,
	color: #~~333333~~ !important;		#p-cactions li a.new {
			color: #ffab40 !important; /* 방문했든 안했든 무조건 예쁜 밝은 주황색으로 고정 */
	font-weight: bold !important;		font-weight: bold !important;
	text-decoration: none !important;		text-decoration: none !important;
	~~opacity: 1 !important;~~
	}		}

	/* 사이드바 링크 마우스 ~~올렸을 때 오렌지 불빛 효과~~ */		/* 3) 사이드바 링크에 마우스 올리면 선명한 하얀색으로 빛나게 설정 */
	#mw-panel .portal .body ul li a:hover,		#mw-panel .portal .body ul li a:hover,
	#mw-panel .vector-menu-content ul li a:hover,		#mw-panel .vector-menu-content ul li a:hover,
	#p-tb li a:hover,		#p-tb li a:hover,
	#p-cactions li a:hover {		#p-cactions li a:hover {
	color: #ff8c00 !important;		color: #ffffff !important;
			text-shadow: 0 0 8px #ff8c00 !important; /* 마우스 올리면 오렌지색 광원 효과 */
	background-color: transparent !important;		background-color: transparent !important;
	}		}

2026년 5월 21일 (목) 06:25에 Kim1231님의 편집

2026-05-21T06:25:41Z

← 이전 판		2026년 5월 21일 (목) 15:25 판
127번째 줄:		127번째 줄:

	/* =======================================		/* =======================================
	9. 우측 상단 팝업 메뉴 ~~(다크 테마로 완벽 통일)~~		9. [긴급/완성] 상단 프로필 메뉴 글씨색 & 다크테마 강제 주입
	======================================= /		======================================= */
	/ 팝업 ~~배경을 어둡게 (위키 상단바와 깔맞춤)~~ */		/* 팝업 박스 자체 다크화 */
	.vector-dropdown-content,		.vector-dropdown-content,
	.vector-menu-content,		.vector-menu-content,
	~~.cdx-menu,~~
	~~#p-personal .vector-menu-content {~~
	~~background-color: #1a1a1d !important;~~
	~~border: 1px solid #ff8c00 !important;~~
	}

	~~/* 팝업 내부의 "로그인됨" 같은 일반 글씨도 하얗게 */~~
	~~.vector-dropdown-content,~~
	~~.vector-menu-content,~~
	~~.cdx-menu,~~
	#p-personal .vector-menu-content,		#p-personal .vector-menu-content,
	~~#p-personal~~ .~~vector~~-menu-~~content div,~~		.cdx-menu {
	#~~p-personal .vector-menu-content span {~~		background-color: #1a1a1d !important;
	~~color~~: #~~ffffff~~ !important;		border: 2px solid #ff8c00 !important;
	}		}

	/* ~~팝업 내부의 링크 글씨~~ */		/* ❌ 안 보이던 "로그인됨" 텍스트 및 내부 모든 항목 하얗게 강제 고정 */
	.vector-~~dropdown~~-content ~~li a~~,		.vector-menu-content-list,
	.vector-menu-content ~~li a~~,		.vector-menu-content-list *,
	~~.cdx~~-~~menu~~-~~item__content~~,		#p-personal-list,
	#p-personal .vector-menu-~~content li a~~ {		#p-personal-list *,
	color: #ffffff !important;		.mw-userpage-link,
			.vector-dropdown-content *,
			.cdx-menu-item__content {
			color: #ffffff !important;
	}		}

	/* 팝업 마우스 ~~오버 시 오렌지색 빔~~ */		/* 팝업 내부 링크 마우스 올렸을 때 킹샷 오렌지 효과 */
	.vector-dropdown-content li a:hover,		.vector-dropdown-content li a:hover,
	.vector-menu-content li a:hover,		.vector-dropdown-content li a:hover *,
	~~#p-personal~~ .vector-menu-content li a:hover {		.vector-menu-content-list li a:hover,
	color: #ff8c00 !important;		.vector-menu-content-list li a:hover * {
	background-color: #333333 !important;		color: #ff8c00 !important;
	text-decoration: none !important;		background-color: #333333 !important;
			text-decoration: none !important;
	}		}

	/* =======================================		/* =======================================
	10. 모든 사이드바 (~~파란색/주황색 짬뽕 제거 및 제목 살리기~~)		10. [긴급/완성] 왼쪽 사이드바 제목(오렌지) & 링크(진회색) 대통합
	======================================= /		======================================= */
	/ ~~1) '~~둘러보기~~', '위키 도구'~~, ~~'문서 도구'~~, ~~'더 보기'~~ 등 ~~흐릿한~~ 회색 ~~제목들을 킹샷 오렌지로 뚜렷하게!~~ /		/* 둘러보기, 위키도구, 문서도구 등 회색 제목 박살내고 오렌지 고정 */
	#mw-panel .portal h3,		#mw-panel .portal h3,
	#mw-panel .vector-menu-heading,		#mw-panel .vector-menu-heading,
			#mw-panel .vector-menu-heading-label,
			.vector-menu-heading,
	.vector-menu-heading-label,		.vector-menu-heading-label,
	~~#p-views h3,~~		span.vector-menu-heading-label {
	~~#p-cactions h3,~~		color: #ff8c00 !important;
	~~#p-tb h3,~~		font-weight: 900 !important;
	.vector-menu-heading {		font-size: 14px !important;
	color: #ff8c00 !important;		opacity: 1 !important; /* 흐릿하게 만드는 투명도 효과 강제 제거 */
	font-weight: 900 !important;
	font-size: 14px !important;
	opacity: 1 !important; / ~~미디어위키 특유의 흐림~~ 효과 제거 */
	}		}

	/* ~~2) 파란색, 주황색(방문함~~/~~없는문서) 섞인 링크들을 진회색으로~~ 강제 통일 */		/* 파랑/주황 짬뽕된 모든 사이드바 링크를 세련된 진회색/검은색으로 강제 정렬 */
	#mw-panel .portal .body ul li a,		#mw-panel .portal .body ul li a,
			#mw-panel .portal .body ul li a *,
	#mw-panel .vector-menu-content ul li a,		#mw-panel .vector-menu-content ul li a,
			#mw-panel .vector-menu-content ul li a *,
	#p-tb li a,		#p-tb li a,
	#p-tb li a~~:visited,~~		#p-tb li a *,
	~~#p-tb li a.new~~,
	#p-cactions li a,		#p-cactions li a,
	#p-cactions li a~~:visited,~~		#p-cactions li a * {
	~~#p-cactions li a.new,~~		color: #333333 !important;
	~~.vector-menu-content-list li a,~~		font-weight: bold !important;
	~~.vector-menu-content-list li a:visited,~~		text-decoration: none !important;
	~~.vector-menu-content-list li a.new~~ {		opacity: 1 !important;
	color: #333333 !important;
	font-weight: ~~600~~ !important;
	text-decoration: none !important;
	}		}

	/* 3) 마우스 ~~올리면 주황색으로 빛남 (아주 맘에 들어하신 부분!)~~ */		/* 사이드바 링크 마우스 올렸을 때 오렌지 불빛 효과 */
	#mw-panel .portal .body ul li a:hover,		#mw-panel .portal .body ul li a:hover,
	#mw-panel .vector-menu-content ul li a:hover,		#mw-panel .vector-menu-content ul li a:hover,
	#p-tb li a:hover,		#p-tb li a:hover,
	#p-cactions ~~li a:hover,~~		#p-cactions li a:hover {
	~~.vector-menu-content-list~~ li a:hover {		color: #ff8c00 !important;
	color: #ff8c00 !important;		background-color: transparent !important;
	}		}

2026년 5월 21일 (목) 06:16에 Kim1231님의 편집

2026-05-21T06:16:14Z

← 이전 판		2026년 5월 21일 (목) 15:16 판
127번째 줄:		127번째 줄:

	/* =======================================		/* =======================================
	9. 우측 상단 팝업 메뉴 ~~'모든 글씨'~~ 완벽 고정		9. 우측 상단 팝업 메뉴 (다크 테마로 완벽 통일)
	======================================= */		======================================= /
	.vector-dropdown-content,		/ 팝업 배경을 어둡게 (위키 상단바와 깔맞춤) */
			.vector-dropdown-content,
	.vector-menu-content,		.vector-menu-content,
	.cdx-menu {		.cdx-menu,
	background-color: #~~ffffff~~ !important;		#p-personal .vector-menu-content {
	border: 1px solid #~~dddddd~~ !important;		background-color: #1a1a1d !important;
			border: 1px solid #ff8c00 !important;
	}		}

	/* ~~링크뿐만 아니라 '~~로그인됨' 같은 일반 안내 글씨도 ~~진하게 강제 지정~~ */		/* 팝업 내부의 "로그인됨" 같은 일반 글씨도 하얗게 */
	.vector-dropdown-content *,		.vector-dropdown-content,
	.vector-menu-content *,		.vector-menu-content,
	.cdx-menu * {		.cdx-menu,
	color: #~~222222~~ !important;		#p-personal .vector-menu-content,
			#p-personal .vector-menu-content div,
			#p-personal .vector-menu-content span {
			color: #ffffff !important;
			}

			/* 팝업 내부의 링크 글씨 */
			.vector-dropdown-content li a,
			.vector-menu-content li a,
			.cdx-menu-item__content,
			#p-personal .vector-menu-content li a {
			color: #ffffff !important;
	}		}

	/* 마우스 ~~올렸을 때 강조 효과~~ */		/* 팝업 마우스 오버 시 오렌지색 빔 */
	.vector-dropdown-content a:hover,		.vector-dropdown-content li a:hover,
	.vector-menu-content a:hover,		.vector-menu-content li a:hover,
	.vector-~~dropdown~~-content a:hover * {		#p-personal .vector-menu-content li a:hover {
	color: #ff8c00 !important;		color: #ff8c00 !important;
	background-color: #~~f8f9fa~~ !important;		background-color: #333333 !important;
			text-decoration: none !important;
	}		}

	/* =======================================		/* =======================================
	10. 왼쪽 사이드바 (제목 ~~및 링크 색상 깔끔하게 통일~~)		10. 모든 사이드바 (파란색/주황색 짬뽕 제거 및 제목 살리기)
	======================================= */		======================================= /
	/* '둘러보기', '위키 도구' 등 회색 ~~제목을~~ 킹샷 오렌지색으로 변경 */		/ 1) '둘러보기', '위키 도구', '문서 도구', '더 보기' 등 흐릿한 회색 제목들을 킹샷 오렌지로 뚜렷하게! /
			#mw-panel .portal h3,
	#mw-panel .vector-menu-heading,		#mw-panel .vector-menu-heading,
	#mw-~~panel~~ h3,		.vector-menu-heading-label,
	.vector-menu-heading~~-label~~ {		#p-views h3,
	color: #ff8c00 !important;		#p-cactions h3,
	font-weight: ~~bold~~ !important;		#p-tb h3,
	font-size: 14px !important;		.vector-menu-heading {
	~~margin-bottom~~: ~~5px~~ !important;		color: #ff8c00 !important;
			font-weight: 900 !important;
			font-size: 14px !important;
			opacity: 1 !important; / 미디어위키 특유의 흐림 효과 제거 */
	}		}

	/* ~~짬뽕된 링크 색상~~(~~파랑, 주황, 검정~~)~~을 깔끔한~~ 진회색으로 완벽 통일 */		/* 2) 파란색, 주황색(방문함/없는문서) 섞인 링크들을 진회색으로 강제 통일 */
	#mw-panel .portal .body ul li a,		#mw-panel .portal .body ul li a,
	#mw-panel .vector-menu-content ul li a,		#mw-panel .vector-menu-content ul li a,
	#p-tb li a,		#p-tb li a,
	#p-cactions li a {		#p-tb li a:visited,
	color: #~~444444~~ !important;		#p-tb li a.new,
	font-weight: ~~500~~ !important;		#p-cactions li a,
	text-decoration: none !important;		#p-cactions li a:visited,
			#p-cactions li a.new,
			.vector-menu-content-list li a,
			.vector-menu-content-list li a:visited,
			.vector-menu-content-list li a.new {
			color: #333333 !important;
			font-weight: 600 !important;
			text-decoration: none !important;
	}		}

	/* 마우스 ~~올렸을 때만 오렌지색으로~~ 빛남 */		/* 3) 마우스 올리면 주황색으로 빛남 (아주 맘에 들어하신 부분!) */
	#mw-panel .portal .body ul li a:hover,		#mw-panel .portal .body ul li a:hover,
	#mw-panel .vector-menu-content ul li a:hover,		#mw-panel .vector-menu-content ul li a:hover,
	#p-tb li a:hover,		#p-tb li a:hover,
	#p-cactions li a:hover {		#p-cactions li a:hover,
	color: #ff8c00 !important;		.vector-menu-content-list li a:hover {
			color: #ff8c00 !important;
	}		}

2026년 5월 21일 (목) 06:12에 Kim1231님의 편집

2026-05-21T06:12:25Z

← 이전 판		2026년 5월 21일 (목) 15:12 판
127번째 줄:		127번째 줄:

	/* =======================================		/* =======================================
	9. ~~모든 사이드바(좌/우) 및~~ 팝업 메뉴 ~~글씨색~~ 완벽 고정		9. 우측 상단 팝업 메뉴 '모든 글씨' 완벽 고정
	======================================= */		======================================= */
	~~/* 1) 좌/우 사이드바 (둘러보기, 위키도구, 문서도구) */~~		.vector-dropdown-content,
	~~#mw-panel~~ .~~portal .body ul li a,~~		.vector-menu-content,
	#p-~~tb li a,~~		.cdx-menu {
	#p-~~cactions li a~~,		background-color: #ffffff !important;
	.vector-menu-content-~~list li a~~ {		border: 1px solid #dddddd !important;
	color: #~~333333~~ !important; /* ~~진한 검은색으로~~ 강제 표시 */		}
	~~font-weight~~: ~~600~~ !important;
			/* 링크뿐만 아니라 '로그인됨' 같은 일반 안내 글씨도 진하게 강제 지정 */
			.vector-dropdown-content *,
			.vector-menu-content *,
			.cdx-menu * {
			color: #222222 !important;
	}		}

	/* 마우스 올렸을 때 ~~킹샷 오렌지색으로 변함~~ */		/* 마우스 올렸을 때 강조 효과 */
	~~#mw~~-~~panel .portal .body ul li~~ a:hover,		.vector-dropdown-content a:hover,
	#p-~~tb li a:hover,~~		.vector-menu-content a:hover,
	#p-~~cactions li~~ a:hover,		.vector-dropdown-content a:hover * {
	.vector-~~menu~~-content~~-list li~~ a:hover {		color: #ff8c00 !important;
	color: #ff8c00 !important;		background-color: #f8f9fa !important;
	~~text~~-~~decoration~~: ~~none~~ !important;
	}		}

	/* ~~2) 우측 상단 내 아이디~~(~~Kim1231~~) ~~누를 때 나오는 메뉴~~ */		/* =======================================
	#p-~~personal~~ .vector-menu-~~content~~,		10. 왼쪽 사이드바 (제목 및 링크 색상 깔끔하게 통일)
	~~.vector~~-~~dropdown-content~~,		======================================= */
	.~~cdx~~-menu {		/* '둘러보기', '위키 도구' 등 회색 제목을 킹샷 오렌지색으로 변경 */
	~~background-~~color: #~~ffffff~~ !important; ~~/* 배경을 완전히 하얗게 */~~		#mw-panel .vector-menu-heading,
	~~border~~: ~~1px solid #dddddd~~ !important;		#mw-panel h3,
			.vector-menu-heading-label {
			color: #ff8c00 !important;
			font-weight: bold !important;
			font-size: 14px !important;
			margin-bottom: 5px !important;
	}		}

	#p-~~personal~~ .vector-menu-content li a,		/* 짬뽕된 링크 색상(파랑, 주황, 검정)을 깔끔한 진회색으로 완벽 통일 */
	~~.vector-dropdown~~-~~content~~ li a,		#mw-panel .portal .body ul li a,
	~~.cdx~~-~~menu-item__content~~ {		#mw-panel .vector-menu-content ul li a,
	color: #~~222222~~ !important; ~~/* 메뉴 글씨를 검은색으로 고정 */~~		#p-tb li a,
			#p-cactions li a {
			color: #444444 !important;
			font-weight: 500 !important;
			text-decoration: none !important;
	}		}

	#p-~~personal~~ .vector-menu-content li a:hover,		/* 마우스 올렸을 때만 오렌지색으로 빛남 */
	~~.vector~~-~~dropdown~~-~~content~~ li a:hover {		#mw-panel .portal .body ul li a:hover,
			#mw-panel .vector-menu-content ul li a:hover,
			#p-tb li a:hover,
			#p-cactions li a:hover {
	color: #ff8c00 !important;		color: #ff8c00 !important;
	~~background-color: #f8f9fa !important;~~
	}		}

2026년 5월 21일 (목) 06:08에 Kim1231님의 편집

2026-05-21T06:08:32Z

← 이전 판		2026년 5월 21일 (목) 15:08 판
127번째 줄:		127번째 줄:

	/* =======================================		/* =======================================
	9. ~~우측 상단 프로필 드롭다운 완벽 수정~~ (~~하얀 박스 버그 픽스~~)		9. 모든 사이드바(좌/우) 및 팝업 메뉴 글씨색 완벽 고정
	======================================= */		======================================= */
	.~~vector~~-~~dropdown~~-~~content~~,		/* 1) 좌/우 사이드바 (둘러보기, 위키도구, 문서도구) */
	.vector-menu-content,		#mw-panel .portal .body ul li a,
	~~.cdx~~-~~menu~~ {		#p-tb li a,
	~~background-~~color: #~~1a1a1d~~ !important;		#p-cactions li a,
	~~border~~: ~~1px solid #ff8c00~~ !important;		.vector-menu-content-list li a {
			color: #333333 !important; /* 진한 검은색으로 강제 표시 */
			font-weight: 600 !important;
	}		}
	.~~vector~~-~~dropdown~~-~~content~~ li a,
	.vector-menu-content li a,		/* 마우스 올렸을 때 킹샷 오렌지색으로 변함 */
	~~.cdx-menu-item__content~~ {		#mw-panel .portal .body ul li a:hover,
	color: #~~ffffff~~ !important;		#p-tb li a:hover,
			#p-cactions li a:hover,
			.vector-menu-content-list li a:hover {
			color: #ff8c00 !important;
			text-decoration: none !important;
	}		}
	.vector-~~dropdown~~-content ~~li a:hover~~,
	.vector-~~menu~~-content ~~li a:hover~~ {		/* 2) 우측 상단 내 아이디(Kim1231) 누를 때 나오는 메뉴 */
	color: #~~ff8c00~~ !important;		#p-personal .vector-menu-content,
	~~background-color~~: #~~333333~~ !important;		.vector-dropdown-content,
			.cdx-menu {
			background-color: #ffffff !important; /* 배경을 완전히 하얗게 */
			border: 1px solid #dddddd !important;
	}		}

	~~/* =======================================~~		#p-personal .vector-menu-content li a,
	~~10. 왼쪽 사이드바(둘러보기 등) 글씨 진하게~~		.vector-dropdown-content li a,
	~~======================================= */~~		.cdx-menu-item__content {
	#mw-~~panel~~ .~~portal .body ul~~ li a {		color: #222222 !important; /* 메뉴 글씨를 검은색으로 고정 */
	~~color: #333333 !important;~~
	~~font~~-~~weight: 500;~~
	}
	~~#mw~~-~~panel .portal .body ul~~ li a~~:hover~~ {
	color: #~~ff8c00~~ !important;
	}		}

	~~/* =======================================~~		#p-personal .vector-menu-content li a:hover,
	11. ~~킹샷 전용 커스텀 오렌지 스크롤바 (재적용)~~		.vector-dropdown-content li a:hover {
	~~======================================= */~~		color: #ff8c00 !important;
	::-~~webkit~~-~~scrollbar {~~		background-color: #f8f9fa !important;
	~~width~~: ~~10px !important;~~
	}
	::-~~webkit~~-~~scrollbar-track {~~
	~~background~~: ~~#111111 !important;~~
	}
	~~::-webkit-scrollbar-thumb~~ {
	~~background~~: #ff8c00 !important;
	~~border~~-~~radius: 5px !important;~~
	}
	~~::-webkit-scrollbar-thumb:hover {~~
	~~background~~: #~~ffab40~~ !important;
	}		}