편집토론문서 역사

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

편집 요약 없음
편집 요약 없음
98번째 줄: 98번째 줄:
html {
html {
     min-height: 100%;
     min-height: 100%;
     background: #000000 !important;
     background: #e2e2e2 !important;
}
}


104번째 줄: 104번째 줄:
     min-height: 100vh;
     min-height: 100vh;
     margin: 0 !important;
     margin: 0 !important;
     background-color: #000000 !important;
     background-color: #e2e2e2 !important;
     background-image:
     background-image:
         radial-gradient(circle at center, rgba(226,226,226,0.060) 0 1px, transparent 1.35px),
         radial-gradient(circle at center, rgba(0,0,0,0.28) 0 0.9px, transparent 1.18px),
         radial-gradient(circle at center, rgba(226,226,226,0.035) 0 1px, transparent 1.55px),
         radial-gradient(circle at center, rgba(0,0,0,0.16) 0 1.15px, transparent 1.55px),
         radial-gradient(ellipse at 48% 18%, rgba(226,226,226,0.034) 0%, rgba(226,226,226,0.012) 24%, transparent 58%),
         radial-gradient(circle at center, rgba(0,0,0,0.085) 0 1.65px, transparent 2.15px),
         radial-gradient(ellipse at 54% 92%, rgba(226,226,226,0.026) 0%, rgba(226,226,226,0.010) 28%, transparent 62%),
         radial-gradient(ellipse at 48% 18%, rgba(0,0,0,0.10) 0%, rgba(0,0,0,0.040) 24%, transparent 58%),
         radial-gradient(ellipse at 50% 45%, transparent 0%, transparent 52%, rgba(0,0,0,0.32) 82%, rgba(0,0,0,0.74) 100%),
         radial-gradient(ellipse at 54% 92%, rgba(0,0,0,0.085) 0%, rgba(0,0,0,0.030) 28%, transparent 62%),
         linear-gradient(to bottom, rgba(0,0,0,0.16) 0%, transparent 34%, rgba(0,0,0,0.22) 100%),
         linear-gradient(to bottom, rgba(255,255,255,0.28) 0%, transparent 32%, rgba(0,0,0,0.055) 100%),
         linear-gradient(to bottom, #030303 0%, #000000 44%, #020202 100%);
         linear-gradient(to bottom, #e2e2e2 0%, #d9d9d9 45%, #e6e6e6 100%);
     background-size:
     background-size:
         18px 18px,
         16px 16px,
         42px 42px,
         38px 38px,
        74px 74px,
         140% 88%,
         140% 88%,
         124% 72%,
         124% 72%,
        100% 100%,
         100% 100%,
         100% 100%,
         100% 100%;
         100% 100%;
     background-position:
     background-position:
         0 0,
         0 0,
         9px 6px,
         11px 7px,
        -18px 14px,
         50% -14%,
         50% -14%,
         50% 116%,
         50% 116%,
        0 0,
         0 0,
         0 0,
         0 0;
         0 0;
140번째 줄: 140번째 줄:
     0%, 100% {
     0%, 100% {
         background-size:
         background-size:
             18px 18px,
             16px 16px,
             42px 42px,
             38px 38px,
            74px 74px,
             140% 88%,
             140% 88%,
             124% 72%,
             124% 72%,
            100% 100%,
             100% 100%,
             100% 100%,
             100% 100%;
             100% 100%;
         background-position:
         background-position:
             0 0,
             0 0,
             9px 6px,
             11px 7px,
            -18px 14px,
             50% -14%,
             50% -14%,
             50% 116%,
             50% 116%,
            0 0,
             0 0,
             0 0,
             0 0;
             0 0;
159번째 줄: 159번째 줄:
     25% {
     25% {
         background-size:
         background-size:
             20px 17px,
             18px 15px,
             39px 45px,
             36px 41px,
            78px 70px,
             146% 92%,
             146% 92%,
             128% 76%,
             128% 76%,
            100% 100%,
             100% 100%,
             100% 100%,
             100% 100%;
             100% 100%;
         background-position:
         background-position:
             42px 16px,
             38px 14px,
             -18px 28px,
            -16px 28px,
             24px -8px,
             46% -10%,
             46% -10%,
             55% 110%,
             55% 110%,
            0 0,
             0 0,
             0 0,
             0 0;
             0 0;
178번째 줄: 178번째 줄:
     50% {
     50% {
         background-size:
         background-size:
             17px 20px,
             15px 18px,
             45px 39px,
             41px 36px,
            70px 79px,
             136% 86%,
             136% 86%,
             118% 70%,
             118% 70%,
            100% 100%,
             100% 100%,
             100% 100%,
             100% 100%;
             100% 100%;
         background-position:
         background-position:
             18px 46px,
             20px 42px,
             30px -14px,
             28px -12px,
            -34px 32px,
             54% -18%,
             54% -18%,
             47% 120%,
             47% 120%,
            0 0,
             0 0,
             0 0,
             0 0;
             0 0;
197번째 줄: 197번째 줄:
     75% {
     75% {
         background-size:
         background-size:
             19px 18px,
             17px 16px,
             41px 43px,
             39px 40px,
            76px 72px,
             142% 90%,
             142% 90%,
             126% 74%,
             126% 74%,
            100% 100%,
             100% 100%,
             100% 100%,
             100% 100%;
             100% 100%;
         background-position:
         background-position:
             -30px 28px,
             -28px 26px,
             14px 36px,
             12px 34px,
            18px 48px,
             50% -8%,
             50% -8%,
             52% 112%,
             52% 112%,
            0 0,
             0 0,
             0 0,
             0 0;
             0 0;

2026년 5월 24일 (일) 14:18 판

/* =========================================
   COASTLINE: BLACK ICE - Theme
   ========================================= */
/* screen-header 쓰는 문서만 푸커 숨기기 */
body:has(.screen-header) .liberty-footer {
    display: none !important;
}
body:has(.screen-header) footer {
    display: none !important;
}

/* 색상 텍스트 틀 및 색상 범위 공통 처리 */
.color-text {
    color: var(--text-color, #fff) !important;
}

.color-text a,
.color-text a:visited,
.color-text a.external {
    color: var(--text-color, #fff) !important;
}

.color-text a:hover {
    color: var(--text-color, #fff) !important;
}

/* 선택 영역 */
::selection {
    background: rgba(133, 67, 105, 0.50);
    color: #ffffff;
}

::-moz-selection {
    background: rgba(133, 67, 105, 0.50);
    color: #ffffff;
}

/* SVG + 테두리일 때 사각 테두리 제거, 형태 외곽선만 적용 */
.mw-image-border:has(img[src$=".svg.png"]) {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    padding: 0 !important;
}

.mw-image-border img[src$=".svg.png"] {
    border: none !important;
    box-shadow: none !important;
    filter:
        drop-shadow(1px 0 0 #ffffff)
        drop-shadow(-1px 0 0 #ffffff)
        drop-shadow(0 1px 0 #ffffff)
        drop-shadow(0 -1px 0 #ffffff);
}

/* 폰트 */
@font-face {
    font-family: 'Galmuri11';
    src: url('/fonts/Galmuri11.woff2') format('woff2');
    font-weight: 400;
    font-display: block;
}

@font-face {
    font-family: 'Galmuri11';
    src: url('/fonts/Galmuri11-Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: block;
}

@font-face {
    font-family: 'BoldRound';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2507-2@1.0/BoldDungGeunMo.woff2') format('woff2');
    font-weight: normal;
    font-display: swap;
}

html body, html .liberty-content-main {
    font-family: 'Galmuri11', sans-serif !important;
    font-weight: 400 !important;
    font-size: 12px;
}

* { font-family: inherit !important; }

.fa, .far, .fas, .fab, [class*="fa-"] {
    font-family: 'Font Awesome 5 Free', 'Font Awesome 5 Brands', 'FontAwesome' !important;
}

.mw-page-title-main, .mw-page-title-namespace,
.liberty-content-main h1, .liberty-content-main h2,
.liberty-content-main h3, .liberty-content-main h4,
.liberty-content-main h5, .liberty-content-main h6 {
    font-family: 'BoldRound', sans-serif !important;
}

/* 배경 */
html {
    min-height: 100%;
    background: #e2e2e2 !important;
}

body {
    min-height: 100vh;
    margin: 0 !important;
    background-color: #e2e2e2 !important;
    background-image:
        radial-gradient(circle at center, rgba(0,0,0,0.28) 0 0.9px, transparent 1.18px),
        radial-gradient(circle at center, rgba(0,0,0,0.16) 0 1.15px, transparent 1.55px),
        radial-gradient(circle at center, rgba(0,0,0,0.085) 0 1.65px, transparent 2.15px),
        radial-gradient(ellipse at 48% 18%, rgba(0,0,0,0.10) 0%, rgba(0,0,0,0.040) 24%, transparent 58%),
        radial-gradient(ellipse at 54% 92%, rgba(0,0,0,0.085) 0%, rgba(0,0,0,0.030) 28%, transparent 62%),
        linear-gradient(to bottom, rgba(255,255,255,0.28) 0%, transparent 32%, rgba(0,0,0,0.055) 100%),
        linear-gradient(to bottom, #e2e2e2 0%, #d9d9d9 45%, #e6e6e6 100%);
    background-size:
        16px 16px,
        38px 38px,
        74px 74px,
        140% 88%,
        124% 72%,
        100% 100%,
        100% 100%;
    background-position:
        0 0,
        11px 7px,
        -18px 14px,
        50% -14%,
        50% 116%,
        0 0,
        0 0;
    background-attachment: fixed;
    animation: clbi-halftone-wave 38s ease-in-out infinite;
}

.WW-bg {
    display: none !important;
}

@keyframes clbi-halftone-wave {
    0%, 100% {
        background-size:
            16px 16px,
            38px 38px,
            74px 74px,
            140% 88%,
            124% 72%,
            100% 100%,
            100% 100%;
        background-position:
            0 0,
            11px 7px,
            -18px 14px,
            50% -14%,
            50% 116%,
            0 0,
            0 0;
    }

    25% {
        background-size:
            18px 15px,
            36px 41px,
            78px 70px,
            146% 92%,
            128% 76%,
            100% 100%,
            100% 100%;
        background-position:
            38px 14px,
            -16px 28px,
            24px -8px,
            46% -10%,
            55% 110%,
            0 0,
            0 0;
    }

    50% {
        background-size:
            15px 18px,
            41px 36px,
            70px 79px,
            136% 86%,
            118% 70%,
            100% 100%,
            100% 100%;
        background-position:
            20px 42px,
            28px -12px,
            -34px 32px,
            54% -18%,
            47% 120%,
            0 0,
            0 0;
    }

    75% {
        background-size:
            17px 16px,
            39px 40px,
            76px 72px,
            142% 90%,
            126% 74%,
            100% 100%,
            100% 100%;
        background-position:
            -28px 26px,
            12px 34px,
            18px 48px,
            50% -8%,
            52% 112%,
            0 0,
            0 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    body {
        animation: none !important;
    }
}

/* 스크롤 */
html { overflow-y: scroll; }
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #0a0909; }
::-webkit-scrollbar-thumb { background: #854369; border-radius: 3px; }

/* 제목 */
.mw-page-title-main {
    border-radius: 5px 5px 0 0 !important;
    padding: 7px !important;
    border: 2px solid #854369 !important;
    border-bottom: none !important;
    background: #171717 !important;
    color: #e2e2e2 !important;
    display: inline-block !important;
    position: relative !important;
}

.mw-page-title-main::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    height: 2px;
    background: #171717;
}

.mw-page-title-namespace {
    padding: 7px 0 7px 7px !important;
    border: 2px solid #854369 !important;
    border-right: none !important;
    border-bottom: none !important;
    border-radius: 5px 0 0 0 !important;
    background: #171717 !important;
    color: #e2e2e2 !important;
    display: inline-block !important;
    vertical-align: bottom !important;
    position: relative !important;
}

.mw-page-title-namespace::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    height: 2px;
    background: #171717;
}

.mw-page-title-separator {
    padding: 7px 0 !important;
    border-top: 2px solid #854369 !important;
    border-bottom: none !important;
    background: #171717 !important;
    color: #e2e2e2 !important;
    display: inline-block !important;
    vertical-align: bottom !important;
    position: relative !important;
}

.mw-page-title-separator::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    height: 2px;
    background: #171717;
}

.mw-page-title-namespace ~ .mw-page-title-main {
    border-radius: 0 5px 0 0 !important;
    padding: 7px 7px 7px 0 !important;
    border-left: none !important;
    vertical-align: bottom !important;
}

/* 특수 페이지 h1 */
.liberty-content-header .title h1:not(:has(.mw-page-title-main)) {
    background: #171717 !important;
    color: #e2e2e2 !important;
    border: 2px solid #854369 !important;
    border-bottom: none !important;
    border-radius: 5px 5px 0 0 !important;
    padding: 7px !important;
    display: inline-block !important;
    position: relative !important;
    font-family: 'BoldRound', sans-serif !important;
}

.liberty-content-header .title h1:not(:has(.mw-page-title-main))::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    height: 2px;
    background: #171717;
}

/* 대문 제목 숨기기 */
.mw-page-title-main.clbi-hide,
.mw-page-title-main.clbi-hide::after {
    display: none !important;
}

/* 본문 */
.Liberty .content-wrapper .liberty-content .liberty-content-main,
.mw-datatable th, .mw-datatable tr:hover td, textarea,
div.mw-warning-with-logexcerpt, div.mw-lag-warn-high,
div.mw-cascadeprotectedwarning, div#mw-protect-cascadeon {
    background: #171717;
    color: #ffffff;
}

.mw-references-columns {
    border-top: 1px solid #414141 !important;
}

/* 문단 보더 */
.Liberty .content-wrapper .liberty-content .liberty-content-main h1,
.Liberty .content-wrapper .liberty-content .liberty-content-main h2,
.Liberty .content-wrapper .liberty-content .liberty-content-main h3,
.Liberty .content-wrapper .liberty-content .liberty-content-main h4,
.Liberty .content-wrapper .liberty-content .liberty-content-main h5,
.Liberty .content-wrapper .liberty-content .liberty-content-main h6 {
    margin-top: 1rem;
    border-bottom: 1px solid #414141 !important;
    margin-bottom: 0.6rem;
    padding-bottom: 0.6rem;
    overflow-wrap: break-word;
    overflow: hidden;
}

/* 링크 색상 */
a { color: #d45aa2 !important; }
a:hover { color: #fdecf9 !important; }
a:active { color: #b3337d !important; }
a.new { color: #ba0000 !important; }
a.new:hover { color: #fe5757 !important; }
a.new:active { color: #ba0000 !important; }
a.external { color: #33b733 !important; text-decoration: underline !important; }
a.external:hover { color: #95ed95 !important; }
a.external:active { color: #33b733 !important; }
a.external:before { display: none !important; }

/* CLBI 템플릿 링크 */
.CLBI-template a { color: #d45aa2 !important; }
.CLBI-template a:hover { color: #fdecf9 !important; }
.CLBI-template a:active { color: #b3337d !important; }
.CLBI-template a.new { color: #ba0000 !important; }
.CLBI-template a.new:hover { color: #fe5757 !important; }
.CLBI-template a.new:active { color: #ba0000 !important; }
.CLBI-template a.external { color: #33b733 !important; }
.CLBI-template a.external:hover { color: #95ed95 !important; }
.CLBI-template a.external:active { color: #33b733 !important; }

/* 편집 버튼 */
.btn-secondary {
    color: #e2e2e2 !important;
    background-color: #171717 !important;
    border: 2px solid #854369 !important;
    border-bottom: none !important;
    border-radius: 0 !important;
    box-shadow: 0 2px 0 0 #854369 !important;
}

.btn-secondary:hover {
    color: #d46262 !important;
    background-color: #171717 !important;
    border: 2px solid #854369 !important;
    border-bottom: none !important;
    border-radius: 0 !important;
    box-shadow: 0 2px 0 0 #854369 !important;
}

.btn-group .btn:first-child { border-radius: 5px 0 0 0 !important; }
.btn-group .dropdown-toggle { border-radius: 0 5px 0 0 !important; }

/* 기본 목차: 본문에서는 숨김 */
.liberty-content-main #toc,
.liberty-content-main .toc {
    display: none !important;
}

/* 왼쪽 목차: 전체 내용 영역 */
#side-toc-box .toc-sidebar-content {
    padding: 10px 12px !important;
}

/* 왼쪽 목차: 새로 생성한 목차 목록 */
#side-toc-box .generated-toc {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* 왼쪽 목차: 목록 항목 */
#side-toc-box .generated-toc li {
    margin: 0 0 4px 0 !important;
    padding: 0 !important;
    background: transparent !important;
    line-height: 1.5 !important;
}

#side-toc-box .generated-toc li:last-child {
    margin-bottom: 0 !important;
}

/* 왼쪽 목차: 링크 박스 */
#side-toc-box .generated-toc a {
    display: block !important;
    color: #E2E2E2 !important;
    text-decoration: none !important;
    padding: 4px 6px !important;
    border-radius: 4px !important;
    overflow: hidden !important;
}

#side-toc-box .generated-toc a:hover {
    background: rgba(133, 67, 105, 0.18) !important;
    color: #ffffff !important;
}

/* 왼쪽 목차: 긴 제목 감싸는 영역 */
#side-toc-box .toc-scroll-wrap {
    display: block !important;
    width: 100% !important;
    overflow: hidden !important;
    position: relative !important;
}

/* 왼쪽 목차: 실제로 스크롤되는 긴 제목에만 오른쪽 페이드 적용 */
#side-toc-box .toc-scroll-wrap.is-scrolling {
    mask-image: linear-gradient(to right, black 88%, transparent 100%) !important;
    -webkit-mask-image: linear-gradient(to right, black 88%, transparent 100%) !important;
}

/* 왼쪽 목차: 실제 스크롤되는 텍스트 */
#side-toc-box .toc-scroll-text {
    display: inline-block !important;
    white-space: nowrap !important;
    max-width: none !important;
}

/* 왼쪽 목차: h2 항목 */
#side-toc-box .toc-level-2 .toc-scroll-text {
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #E2E2E2 !important;
}

/* 왼쪽 목차: h3 항목 */
#side-toc-box .toc-level-3 {
    padding-left: 12px !important;
}

#side-toc-box .toc-level-3 .toc-scroll-text {
    font-size: 11px !important;
    font-weight: 400 !important;
    color: #b8b8b8 !important;
}

#side-toc-box .toc-level-3 a:hover .toc-scroll-text {
    color: #ffffff !important;
}

/* 왼쪽 목차: 문서 스크롤 중에도 목차가 화면 안에 남도록 처리 */
#clbi-left-sidebar {
    align-self: stretch !important;
}

/* 왼쪽 목차: 목차 박스만 화면 상단에 고정되듯 따라오게 함 */
#side-toc-box {
    position: sticky !important;
    top: 10px !important;
    z-index: 1001;
    max-height: calc(100vh - 40px);
    overflow: hidden;
}

/* 왼쪽 목차: 항목이 많을 때 목차 내부만 스크롤되게 함 */
#side-toc-box .toc-sidebar-content {
    max-height: calc(100vh - 88px);
    overflow-y: auto;
    overflow-x: hidden;
}

/* 분류 칸 */
.catlinks {
    background: #1A1A1A !important;
    border: 2px solid #854369 !important;
    border-radius: 5px !important;
    font-size: 12px !important;
    box-shadow: 0px 0px 3px #361427 !important;
    color: #e2e2e2 !important;
    padding: 2px 10px !important;
    margin: -7px auto 10px auto !important;
    width: calc(100% + 8px) !important;
    position: relative !important;
    left: -3px !important;
}

.catlinks ul {
    padding: 0 !important;
    margin: 0 !important;
    background-color: #1A1A1A !important;
}

.catlinks a {
    color: #854369 !important;
}

.catlinks a:hover {
    color: #d45aa2 !important;
}

/* 분류 문서 */
.mw-category-generated { color: #e2e2e2 !important; }
.mw-category-generated a { color: #854369 !important; }
.CategoryTreeToggle { color: #854369 !important; }
.number-link { color: #854369 !important; }

/* 편집 섹션 */
.mw-editsection {
    color: #b45c8f !important;
    float: right;
    font-weight: bold;
}

/* 넘겨주기 */
.mw-redirectedfrom { color: #854369 !important; }
.mw-redirectedfrom a { color: #854369 !important; }

/* 서브페이지 */
.subpages { color: #fdecec !important; }
.subpages a { color: #854369 !important; }
.subpages a:active { color: #854369 !important; }

/* 공지사항 */
.alert-info {
    background-color: #171717 !important;
    border: 2px solid #854369 !important;
    box-shadow: 0px 0px 3px #000000;
}

/* 푸터 */
.footer-info-lastmod { color: #e2e2e2 !important; }
.footer-info-copyright { color: #e2e2e2 !important; }
.footer-places-privacy a { color: #c95197 !important; }
.footer-places-privacy a:active { color: #e2e2e2 !important; }
.footer-places-about a { color: #c95197 !important; }
.footer-places-about a:active { color: #e2e2e2 !important; }
.footer-places-disclaimers a { color: #c95197 !important; }
.footer-places-disclaimers a:active { color: #e2e2e2 !important; }

/* 리스트 */
.liberty-content-main ul:not(#toc) {
    list-style-type: disc;
    list-style-image: none;
}

.liberty-content-main ul ul:not(#toc) {
    list-style-type: circle;
    list-style-image: none;
}

.liberty-content-main ul ul ul:not(#toc) {
    list-style-type: square;
    list-style-image: none;
}

/* 반전 */
.invert {
    filter: invert(1);
}

/* 편집 권한에 따라 우측 모서리 처리 */
.liberty-content.content-tools-hidden .liberty-content-main {
    border-top-right-radius: 5px !important;
}

/* 분류 */
.liberty-content-main .catlinks {
    width: calc(100% + 10px) !important;
    left: -5px !important;
    margin: 14px auto 0 auto !important;
    padding: 5px 10px !important;
    box-sizing: border-box !important;
}

/* 이미지 위에 이미지 얹기 */
.portrait-overlay-img,
.portrait-overlay-img a {
    max-width: none !important;
    max-height: none !important;
    overflow: visible !important;
}

.portrait-overlay-img img {
    height: var(--overlay-height, 180px) !important;
    width: auto !important;
    max-width: none !important;
    max-height: none !important;
}

/* 관련 틀 본문 하단 여백 보정 */
.related-template-body > *:last-child {
    margin-bottom: 1px !important;
}

.related-template-body table:last-child,
.related-template-body .wikitable:last-child,
.related-template-body [id^="collapsible"]:last-child {
    margin-bottom: 1px !important;
}

.related-template-body > br:last-child {
    display: none !important;
}

/* 컨트리볼 */
#clbi-left-nations-image {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    border: 0;
}