미디어위키:Common.css: 두 판 사이의 차이

편집 요약 없음
편집 요약 없음
(같은 사용자의 중간 판 47개는 보이지 않습니다)
1번째 줄: 1번째 줄:
  :root {
  :root {
  --wiki: #81b11f;
  --wiki: #81b11f;
44번째 줄: 43번째 줄:
}
}


.rt-target {
@media (prefers-color-scheme: light) {
  background: light-dark(#eaf3ff, #273445) !important;
.light_template { display: block; }
.dark_template { display: none; }
}
 
@media (prefers-color-scheme: dark) {
.light_template { display: none; }
.dark_template { display: block; }
}
 
.border-none {
  border-collapse: collapse !important;
  border: none !important;
}
 
.border-none tr:first-child td {
  border-top: none !important;
}
 
.border-none tr:last-child td {
  border-bottom: none !important;
}
}


.table-wrap.scrolled #stickyparent {
.border-none tr td:first-child {
   box-shadow: 3px 0 0 var(--text), -5px 0 0 var(--bg);
   border-left: none !important;
}
}


#stickyparent {
.border-none tr td:last-child {
  position: sticky;
  left: 0px !important;
  z-index: 3;
  background: var(--bg);
clip-path: inset(0.8px -1.25px 0.8px -3px);
   border-right: none !important;
   border-right: none !important;
  background-clip: padding-box;
}
}


/* 배지 공통 */
@font-face {
.badge{
    font-family: 'Youth';
  display:inline-block;
    src: url('//cdn.jsdelivr.net/korean-webfonts/1/orgs/othrs/kywa/Youth/Youth.woff2') format('woff2'),
  width:1.9rem; height:1rem;
        url('//cdn.jsdelivr.net/korean-webfonts/1/orgs/othrs/kywa/Youth/Youth.woff') format('woff');
  border:1px solid var(--text);
    font-weight: 400;
  font-size:.75rem; line-height:1.1;
    font-display: swap;
  vertical-align:middle; overflow:hidden; position:relative;
}
}
.badge--circle{ border-radius:40%; }
 
.badge--filled{ background:var(--text); color:var(--bg); }
.scrollabletable > table.wikitable {
.badge--tight{ width:1.8rem; height:.95rem; line-height:.9; }
margin-top: 0 !important;
.badge--num{
margin-bottom: 0 !important;
  font-family: SeoulAlrimTTF, "Zen Kaku Gothic Antique", CUSTOMFONT, TIMETABLEFONT, TIMETABLEFONT2 !important;
  line-height:1;
}
}


.timetable tr.forcetopalign > td {
div.noscrollbar::-webkit-scrollbar, .scrollabletable::-webkit-scrollbar {
vertical-align: top;
display: none !important;
}
div.noscrollbar, .scrollabletable {
  -ms-overflow-style: none !important;
  scrollbar-width: none !important;
}
}


/* 아이콘 큰 사이즈(LEX/LSL/XSL 등에 사용) */
#points-level {
.icon-lg{
  background-color: #81b11f;
   font-size:1.8rem; display:inline-block; margin-top:7px;
  border-color: #81b11f52;
  border-width: 2px;
  border-style: solid;
   font-size: 15px;
  text-align: center;
  float: left;
  padding: 1px 14px;
  margin: -1px 8px 0 0;
    border-radius: 23px;
}
}


/* 괄호/브래킷 기호 라인박스 보정 */
#points-level::after {
.bracket-open{ display:block; margin-top:-7.5px; height:0; margin-bottom:-0.15rem; }
  content: "";
.bracket-close{ display:block; margin-top:-3px; height:0; margin-bottom:-6px; }
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(296deg,transparent 2%,rgba(255,255,255,0.6) 41%,rgba(255,255,255,0.6)39%,transparent 24%);
  mix-blend-mode: overlay;
}


/* (참고) 제목 등에서 이미 쓰던 클래스가 있다면 그대로 유지 */
#points-level {
  position: relative;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0), inset 0 -4px 10px rgba(255, 255, 255, 0.3);
}


.forcetopalign {
.arrow--down, .arrow--up {
margin-bottom: 0.1rem;
height: 50px;
}
}
/* 공통 스타일 */
.mw-category.mw-category-columns {
/* 공통 스타일 */
  -moz-column-count: 3;
.arrow{
   column-count: 3;
--size: 20;
   -moz-column-width: 24em;
   --inner-scale: 0.92;
   column-width: 16em;
   position: relative;
   -top: 1rem;
   width: calc(var(--size)*1px);
   padding-top: 1rem;
   aspect-ratio: 1 / 2.5;
}
   display: inline-flex;
.upload-badge {
  place-items: center;
box-shadow: none;
  font-size: calc(var(--size)*0.78px);
}
  z-index: 0;
td:has(> .removetd) {
font-family: "Zen Kaku Gothic Antique", "CUSTOMFONT","Pretendard", DiaPro, SUITE Variable, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", "Noto Sans CJK KR", "NanumBarunGothic", Roboto, "Segoe UI", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif, emoji;
        display: none !important;
vertical-align: middle;
}
vertical-align: -webkit-baseline-middle;
 
justify-content: center;
th:has(> .removetd) {
        display: none !important;
}
 
tr:has(> td > .removetr) {
        display: none !important;
}
 
.hiddencats {
display: none !important;
}
}
.arrow{ color:var(--text); }                /* 기본 글자색 */
 
.arrow::before,
.cdx-button:enabled, .cdx-button.cdx-button--fake-button--enabled {
.arrow::after{
background-color: var(--bg);
  content:"";
color: var(--text);
  position:absolute;
  inset:0;
  z-index:-1;                       /* 글자 뒤로 */
}
}


/* 아래쪽 뾰족(하행) 오각형 */
.mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre {
.arrow--down::before,
padding-left: none;
.arrow--down::after{
box-shadow: none;
  clip-path: polygon(0 0,100% 0,100% 82%,50% 100%,0 82%);
}
.cdx-button:enabled:hover, .cdx-button.cdx-button--fake-button--enabled:hover {
background-color: var(--altbg);
border-color: var(--border);
cursor: pointer;
}
}
/* 위쪽 뾰족(상행) 오각형 */
 
.arrow--up::before,
.link_nocolor a {
.arrow--up::after{
color: var(--text) !important;
  clip-path: polygon(0 18%,50% 0,100% 18%,100% 100%,0 100%);
}
}


.arrow--up {
hr {
padding-top: 4px;
margin-left: 0;
margin-right: 0;
}
}


.arrow--down {
s {
padding-bottom: 4px;
color: #808080 !important;
}
}


/* 테두리 있는 흰 배경(하행) */
pre {
.outline{ color:var(--text); }
text-align: left !important;
.outline::before{ background:var(--text); }                  /* 바깥(테두리색) */
.outline::after{
  background:var(--bg);                                  /* 안쪽(배경색) */
  transform: scale(var(--inner-scale));              /* 수축해서 테두리 두께 생성 */
  transform-origin: 50% 50%;
}
}


/* 꽉 찬 검정 배경(상행) */
.subpages {
.solid{ color:var(--bg); }
display: none;
.solid::before{ background:var(--text); }                   /* 단색 채움 */
}

2026년 1월 10일 (토) 12:23 판

 :root {
 --wiki: #81b11f;
 
 --current: light-dark(#e0ffdb,#123a0d);
 
 --alternativehistorytab: light-dark(#f5efe3, #2b251e);
 --alternativehistoryborder: light-dark(#d1c4b6, #696058);
 --alternativehistorytext: light-dark(#524940, HSL(30, 12%, 75%));
 
 --usa: linear-gradient(120deg, #002664 0% 78%, #bb133e 78% 81%, #fff 81% 84%, #bb133e 84% 87%, #fff 87% 90%, #bb133e 90% 93%, #fff 93% 96%, #bb133e 96%);
 --korea: linear-gradient(120deg, #fff 5%, #000 5%, #000 9%, #fff 9%, #fff 10%, #000 10%, #000 14%, #fff 14%, #fff 15%, #000 15%, #000 19%, #fff 19%, #fff 81%, #cd313a 81%, #cd313a 90%, #0047a0 90%);
 --japan: radial-gradient(circle, #FE0000 69.9%, #fff 70.1%);
 --duan: linear-gradient(120deg, #b3344b 11%, #fff 11%, #fff 13%, #b3344b 13%, #b3344b 18%, #fff 18%, #fff 82%, #356c9c 82%, #356c9c 87%, #fff 87%, #fff 89%, #356c9c 89%);
 }

#daemunche1 {
background: url(https://w.halv.kr/images/e/ed/%EB%8C%80%EB%AC%B8%EC%A0%9C1.png) center no-repeat;
background-size: contain;
}
#daemunche2 {
background: url(https://w.halv.kr/images/2/26/%EB%8C%80%EB%AC%B8%EC%A0%9C2.png) center no-repeat;
background-size: contain;
}
#daemunche3 {
background: url(https://w.halv.kr/images/d/d5/%EB%8C%80%EB%AC%B8%EC%A0%9C3.png) center no-repeat;
background-size: contain;
}
#daemunche4 {
background: url(https://w.halv.kr/images/c/c5/%EB%8C%80%EB%AC%B8%EC%A0%9C4.png) center no-repeat;
background-size: contain;
}
#daemunche5 {
background: url(https://w.halv.kr/images/2/22/%EB%8C%80%EB%AC%B8%EC%A0%9C5.png) center no-repeat;
background-size: contain;
}
#daemunche6 {
background: url(https://w.halv.kr/images/8/8e/%EB%8C%80%EB%AC%B8%EC%A0%9C6.png) center no-repeat;
background-size: contain;
}
#daemunchett {
background: url(https://w.halv.kr/images/d/d0/%EB%8C%80%EB%AC%B8%EC%A0%9Ctt.png) center no-repeat;
background-size: contain;
}

@media (prefers-color-scheme: light) {
.light_template { display: block; }
.dark_template { display: none; }
}

@media (prefers-color-scheme: dark) {
.light_template { display: none; }
.dark_template { display: block; }
}

.border-none {
  border-collapse: collapse !important;
  border: none !important;
}

.border-none tr:first-child td {
  border-top: none !important;
}

.border-none tr:last-child td {
  border-bottom: none !important;
}

.border-none tr td:first-child {
  border-left: none !important;
}

.border-none tr td:last-child {
  border-right: none !important;
}

@font-face {
    font-family: 'Youth';
    src: url('//cdn.jsdelivr.net/korean-webfonts/1/orgs/othrs/kywa/Youth/Youth.woff2') format('woff2'),
         url('//cdn.jsdelivr.net/korean-webfonts/1/orgs/othrs/kywa/Youth/Youth.woff') format('woff');
    font-weight: 400;
    font-display: swap;
}

.scrollabletable > table.wikitable {
margin-top: 0 !important;
margin-bottom: 0 !important;
}

div.noscrollbar::-webkit-scrollbar, .scrollabletable::-webkit-scrollbar {
display: none !important;
}
div.noscrollbar, .scrollabletable {
  -ms-overflow-style: none !important; 
  scrollbar-width: none !important;
}

#points-level {
  background-color: #81b11f;
  border-color: #81b11f52;
  border-width: 2px;
  border-style: solid;
  font-size: 15px;
  text-align: center;
  float: left;
  padding: 1px 14px;
  margin: -1px 8px 0 0;
    border-radius: 23px;
}

#points-level::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(296deg,transparent 2%,rgba(255,255,255,0.6) 41%,rgba(255,255,255,0.6)39%,transparent 24%);
  mix-blend-mode: overlay;
}

#points-level {
  position: relative;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0), inset 0 -4px 10px rgba(255, 255, 255, 0.3);
}

.arrow--down, .arrow--up {
 height: 50px;
}
.mw-category.mw-category-columns {
  -moz-column-count: 3;
  column-count: 3;
  -moz-column-width: 24em;
  column-width: 16em;
  -top: 1rem;
  padding-top: 1rem;
}
.upload-badge {
	box-shadow: none;
}
td:has(> .removetd) {
        display: none !important;
}

th:has(> .removetd) {
        display: none !important;
}

tr:has(> td > .removetr) {
        display: none !important;
}

.hiddencats {
	display: none !important;
}

.cdx-button:enabled, .cdx-button.cdx-button--fake-button--enabled {
	background-color: var(--bg);
	color: var(--text);
}

.mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre {
	padding-left: none;
	box-shadow: none;
}
.cdx-button:enabled:hover, .cdx-button.cdx-button--fake-button--enabled:hover {
background-color: var(--altbg);
border-color: var(--border);
cursor: pointer;
}

.link_nocolor a {
	color: var(--text) !important;
}

hr {
	margin-left: 0;
margin-right: 0;
}

s {
	color: #808080 !important;
}

pre {
	text-align: left !important;
}

.subpages {
	display: none;
}