미디어위키:Gadget-Timeless.css: 두 판 사이의 차이

식물 vs 좀비 위키
둘러보기로 이동 검색으로 이동
새 문서: @font-face { font-family: "PVZ SB Aggro B"; src: url("/wiki/Special:Redirect/file/SB_Aggro_B.ttf") format("truetype"); font-display: swap; } @font-face { font-family: "PVZ SB Aggro M"; src: url("/wiki/Special:Redirect/file/SB_Aggro_M.ttf") format("truetype"); font-display: swap; } @font-face { font-family: "PVZ SB Aggro L"; src: url("/wiki/Special:Redirect/file/SB_Aggro_L.ttf") format("truetype"); font-dis...
 
편집 요약 없음
 
(같은 사용자의 중간 판 하나는 보이지 않습니다)
1번째 줄: 1번째 줄:
@font-face {
/* MediaWiki:Timeless.css
        font-family: "PVZ SB Aggro B";
* 문단 제목 아래 잔디밭 구분선
        src: url("/wiki/Special:Redirect/file/SB_Aggro_B.ttf") format("truetype");
*/
        font-display: swap;
}
 
@font-face {
        font-family: "PVZ SB Aggro M";
        src: url("/wiki/Special:Redirect/file/SB_Aggro_M.ttf") format("truetype");
        font-display: swap;
}
 
@font-face {
        font-family: "PVZ SB Aggro L";
        src: url("/wiki/Special:Redirect/file/SB_Aggro_L.ttf") format("truetype");
        font-display: swap;
}
 
body.skin-timeless {
        --pvz-green: #3f853d;
        --pvz-green-dark: #286222;
        --pvz-ribbon: #0e6b3f;
        --pvz-brown: #6a2c12;
        --pvz-paper: #fffbea;
        --pvz-paper-deep: #f2dfbf;
        --pvz-paper-heading: #f4e7d1;
        --pvz-text: #3a1a0d;
        --pvz-link: #2f7f3a;
 
        color: var(--pvz-text);
        background-color: #725039;
        background-image: url("/wiki/Special:Redirect/file/Wiki_Bg.png");
        background-position: center top;
        background-repeat: no-repeat;
        background-size: cover;
        font-family: "PVZ SB Aggro L", "Pretendard", "Noto Sans KR", sans-serif;
}
 
/* Timeless의 기본 헤더 구조와 버튼 위치 유지 */
body.skin-timeless #mw-header-container {
        color: #fff;
        background: var(--pvz-green);
        background-image: none;
        border-bottom: 1px solid var(--pvz-green-dark);
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16);
}
 
body.skin-timeless #mw-header,
body.skin-timeless #mw-header-hack {
        background: transparent;
        background-image: none;
}
 
body.skin-timeless #mw-header-container a,
body.skin-timeless #mw-header-container button,
body.skin-timeless #mw-header-container .mw-ui-icon {
        color: #fff;
}
 
body.skin-timeless #mw-header-container input[type="search"],
body.skin-timeless #mw-header-container input[name="search"] {
        color: var(--pvz-text);
        background: #fff8ed;
        border-color: #8a654b;
        border-radius: 5px;
}
 
/* Timeless 기본 콘텐츠 열과 좌우 내비게이션은 그대로 둔다 */
body.skin-timeless #mw-content-container,
body.skin-timeless #mw-footer-container,
body.skin-timeless #mw-site-navigation,
body.skin-timeless #mw-related-navigation {
        background-color: transparent;
        background-image: none;
}
 
body.skin-timeless #mw-content,
body.skin-timeless #content,
body.skin-timeless .mw-body {
        color: var(--pvz-text);
        background: #e6d3b3;
        border-color: var(--pvz-brown);
        box-shadow: 0 12px 26px rgba(47, 22, 8, 0.22);
}
 
body.skin-timeless #bodyContent,
body.skin-timeless .mw-body-content,
body.skin-timeless #mw-content-text {
        background: var(--pvz-paper);
}
 
/* 문서 제목 리본 */
body.skin-timeless #firstHeading,
body.skin-timeless .mw-first-heading {
        display: table;
        max-width: calc(100% - 16px);
        padding: 0.28em 2em 0.28em 0.55em;
        color: #fff;
        background: var(--pvz-ribbon);
        border: 0;
        clip-path: polygon(0 0, 100% 0, calc(100% - 28px) 100%, 0 100%);
        font-family: "PVZ SB Aggro B", "SB Aggro B", sans-serif;
        font-weight: normal;
        letter-spacing: -0.045em;
        text-shadow:
                #245d33 2px 0 0,
                #245d33 -2px 0 0,
                #245d33 0 2px 0,
                #245d33 0 -2px 0;
}
 
body.skin-timeless #mw-content-text h2,
body.skin-timeless #mw-content-text h3,
body.skin-timeless #mw-content-text h4,
body.skin-timeless #mw-content-text h5,
body.skin-timeless #mw-content-text h6 {
        color: #215a31;
        border-color: rgba(61, 143, 69, 0.3);
        font-family: "PVZ SB Aggro M", "SB Aggro M", sans-serif;
        font-weight: normal;
}
 
body.skin-timeless a {
        color: var(--pvz-link);
}
 
body.skin-timeless a:visited {
        color: #3c7f3a;
}
 
/* Timeless 기본 포틀릿만 종이 카드처럼 꾸민다 */
body.skin-timeless #mw-site-navigation .mw-portlet,
body.skin-timeless #mw-related-navigation .mw-portlet,
body.skin-timeless #mw-site-navigation [id^="p-"],
body.skin-timeless #mw-related-navigation [id^="p-"] {
        color: var(--pvz-text);
        background: var(--pvz-paper-deep);
        border: 1px solid rgba(75, 42, 24, 0.36);
        box-shadow: 0 5px 12px rgba(47, 22, 8, 0.14);
}
 
body.skin-timeless #mw-site-navigation .mw-portlet h3,
body.skin-timeless #mw-related-navigation .mw-portlet h3,
body.skin-timeless #mw-site-navigation .mw-portlet-label,
body.skin-timeless #mw-related-navigation .mw-portlet-label {
        color: #4b2a18;
        background: var(--pvz-paper-heading);
        border-bottom-color: rgba(75, 42, 24, 0.15);
        font-family: "PVZ SB Aggro M", "SB Aggro M", sans-serif;
        font-weight: normal;
}
 
body.skin-timeless #mw-site-navigation a,
body.skin-timeless #mw-related-navigation a {
        color: #4b2a18;
}
 
body.skin-timeless #mw-site-navigation a:hover,
body.skin-timeless #mw-related-navigation a:hover {
        color: var(--pvz-link);
}
 
/* Timeless의 기본 문서/토론/편집 도구 UI 유지 */
body.skin-timeless #mw-content-container .mw-portlet a,
body.skin-timeless #mw-content-container .mw-ui-icon {
        color: #7a4a28;
}
 
body.skin-timeless #mw-content-container .selected a,
body.skin-timeless #mw-content-container .active a {
        color: var(--pvz-ribbon);
        border-color: var(--pvz-ribbon);
}
 
body.skin-timeless .toc,
body.skin-timeless #toc,
body.skin-timeless .catlinks,
body.skin-timeless .mw-warning,
body.skin-timeless .mw-message-box {
        color: var(--pvz-text);
        background: var(--pvz-paper-deep);
        border: 1px solid rgba(75, 42, 24, 0.38);
}
 
body.skin-timeless table.wikitable {
        color: var(--pvz-text);
        background: #fff8e7;
        border-color: #7a4a28;
}
 
body.skin-timeless table.wikitable > tr > th,
body.skin-timeless table.wikitable > * > tr > th {
        color: #fff;
        background: var(--pvz-ribbon);
        border-color: var(--pvz-brown);
}


body.skin-timeless .thumbinner,
.skin-timeless .mw-heading2,
body.skin-timeless figure,
.skin-timeless .mw-parser-output h2.pvz-grass-heading {
body.skin-timeless .gallerybox .thumb {
position: relative !important;
        background: transparent;
margin-bottom: 0.9em !important;
        border-color: #8a654b;
padding-bottom: 12px !important;
border: 0 !important;
border-bottom: 0 !important;
background: none !important;
background-image: none !important;
box-shadow: none !important;
}
}


body.skin-timeless .thumbcaption,
.skin-timeless .mw-heading2::before,
body.skin-timeless figcaption,
.skin-timeless .mw-heading2::after,
body.skin-timeless .gallerytext {
.skin-timeless .mw-parser-output h2.pvz-grass-heading::before,
        color: var(--pvz-text);
.skin-timeless .mw-parser-output h2.pvz-grass-heading::after {
        background: #ecd8c7;
content: none !important;
display: none !important;
border: 0 !important;
background: none !important;
box-shadow: none !important;
}
}


body.skin-timeless #mw-footer-container,
.skin-timeless .mw-heading2 > h2,
body.skin-timeless #footer {
.skin-timeless .mw-parser-output h2.pvz-grass-heading {
        color: #4b2a18;
margin-bottom: 0 !important;
        background: #f2dfbf;
padding-bottom: 0 !important;
        border-top: 1px solid rgba(75, 42, 24, 0.26);
border: 0 !important;
border-bottom: 0 !important;
background: none !important;
background-image: none !important;
box-shadow: none !important;
}
}


body.skin-timeless #mw-footer-container a,
.skin-timeless .pvz-grass-divider {
body.skin-timeless #footer a {
position: absolute;
        color: var(--pvz-link);
right: 0;
bottom: 0;
left: 0;
z-index: 1;
display: block;
height: 14px;
overflow: hidden;
pointer-events: none;
background: #ead9b8;
-webkit-mask-image:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 112 12'%3E%3Cpath fill='black' d='M0 12V8Q3 8 5 5Q6 3 8 6L11 9Q14 7 16 4Q17 2 19 5L22 9Q25 7 28 5Q29 3 31 6L34 9Q37 7 39 4Q40 2 42 5L45 9Q48 7 51 5Q52 3 54 6L57 9Q60 7 63 4Q64 2 66 5L69 9Q72 7 75 5Q76 3 78 6L81 9Q84 7 87 4Q88 2 90 5L93 9Q96 7 99 5Q100 3 102 6L105 9Q109 8 112 7V12Z'/%3E%3C/svg%3E");
mask-image:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 112 12'%3E%3Cpath fill='black' d='M0 12V8Q3 8 5 5Q6 3 8 6L11 9Q14 7 16 4Q17 2 19 5L22 9Q25 7 28 5Q29 3 31 6L34 9Q37 7 39 4Q40 2 42 5L45 9Q48 7 51 5Q52 3 54 6L57 9Q60 7 63 4Q64 2 66 5L69 9Q72 7 75 5Q76 3 78 6L81 9Q84 7 87 4Q88 2 90 5L93 9Q96 7 99 5Q100 3 102 6L105 9Q109 8 112 7V12Z'/%3E%3C/svg%3E");
-webkit-mask-repeat: repeat-x;
mask-repeat: repeat-x;
-webkit-mask-position: left bottom;
mask-position: left bottom;
-webkit-mask-size: 112px 12px;
mask-size: 112px 12px;
}
}

2026년 7월 30일 (목) 14:09 기준 최신판

/* MediaWiki:Timeless.css
 * 문단 제목 아래 잔디밭 구분선
 */

.skin-timeless .mw-heading2,
.skin-timeless .mw-parser-output h2.pvz-grass-heading {
	position: relative !important;
	margin-bottom: 0.9em !important;
	padding-bottom: 12px !important;
	border: 0 !important;
	border-bottom: 0 !important;
	background: none !important;
	background-image: none !important;
	box-shadow: none !important;
}

.skin-timeless .mw-heading2::before,
.skin-timeless .mw-heading2::after,
.skin-timeless .mw-parser-output h2.pvz-grass-heading::before,
.skin-timeless .mw-parser-output h2.pvz-grass-heading::after {
	content: none !important;
	display: none !important;
	border: 0 !important;
	background: none !important;
	box-shadow: none !important;
}

.skin-timeless .mw-heading2 > h2,
.skin-timeless .mw-parser-output h2.pvz-grass-heading {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
	border: 0 !important;
	border-bottom: 0 !important;
	background: none !important;
	background-image: none !important;
	box-shadow: none !important;
}

.skin-timeless .pvz-grass-divider {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	display: block;
	height: 14px;
	overflow: hidden;
	pointer-events: none;
	background: #ead9b8;
	-webkit-mask-image:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 112 12'%3E%3Cpath fill='black' d='M0 12V8Q3 8 5 5Q6 3 8 6L11 9Q14 7 16 4Q17 2 19 5L22 9Q25 7 28 5Q29 3 31 6L34 9Q37 7 39 4Q40 2 42 5L45 9Q48 7 51 5Q52 3 54 6L57 9Q60 7 63 4Q64 2 66 5L69 9Q72 7 75 5Q76 3 78 6L81 9Q84 7 87 4Q88 2 90 5L93 9Q96 7 99 5Q100 3 102 6L105 9Q109 8 112 7V12Z'/%3E%3C/svg%3E");
	mask-image:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 112 12'%3E%3Cpath fill='black' d='M0 12V8Q3 8 5 5Q6 3 8 6L11 9Q14 7 16 4Q17 2 19 5L22 9Q25 7 28 5Q29 3 31 6L34 9Q37 7 39 4Q40 2 42 5L45 9Q48 7 51 5Q52 3 54 6L57 9Q60 7 63 4Q64 2 66 5L69 9Q72 7 75 5Q76 3 78 6L81 9Q84 7 87 4Q88 2 90 5L93 9Q96 7 99 5Q100 3 102 6L105 9Q109 8 112 7V12Z'/%3E%3C/svg%3E");
	-webkit-mask-repeat: repeat-x;
	mask-repeat: repeat-x;
	-webkit-mask-position: left bottom;
	mask-position: left bottom;
	-webkit-mask-size: 112px 12px;
	mask-size: 112px 12px;
}