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

식물 vs 좀비 위키
편집 요약 없음
편집 요약 없음
1번째 줄: 1번째 줄:
/* Vector 2010 Legacy 인터페이스 디자인
/* Vector 2010 Legacy 인터페이스 디자인
  * 기준: MediaWiki-Gadget-Vector.css-actionbar-v20.txt
  * 기준: MediaWiki-Gadget-Vector.css-actionbar-v20.txt
  * v43: 문단 구분선을 불규칙한 크림색 잔디밭으로 완전 대체
  * v44: 문단 기본선을 실제 잔디 구분선 요소로 교체
  */
  */


490번째 줄: 490번째 줄:




/* 문단 제목 아래 기본 선을 불규칙한 잔디밭으로 완전 교체 */
/* 문단 기본선을 실제 잔디 구분선 요소로 교체 */
.skin-vector-legacy .mw-parser-output h2 {
.skin-vector-legacy .mw-heading2,
position: relative;
.skin-vector-legacy .mw-parser-output h2.pvz-grass-heading {
position: relative !important;
margin-bottom: 0.9em !important;
margin-bottom: 0.9em !important;
padding-bottom: 0.72em !important;
padding-bottom: 16px !important;
border: 0 !important;
border: 0 !important;
border-bottom: 0 !important;
border-bottom: 0 !important;
502번째 줄: 503번째 줄:
}
}


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


.skin-vector-legacy .mw-parser-output h2::after {
.skin-vector-legacy .mw-heading2 > h2,
content: "";
.skin-vector-legacy .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-vector-legacy .pvz-grass-divider {
position: absolute;
position: absolute;
right: 0;
right: 0;
bottom: 0;
bottom: 0;
left: 0;
left: 0;
z-index: 1;
display: block;
display: block;
height: 15px;
height: 14px;
overflow: hidden;
pointer-events: none;
pointer-events: none;
background-color: #ead9b8;
background: #ead9b8;
background-image:
linear-gradient(
112deg,
transparent 0 46%,
#ead9b8 47% 100%
),
linear-gradient(
72deg,
transparent 0 43%,
#ead9b8 44% 100%
),
linear-gradient(
126deg,
transparent 0 52%,
#ead9b8 53% 100%
),
linear-gradient(
58deg,
transparent 0 49%,
#ead9b8 50% 100%
),
linear-gradient(
to bottom,
transparent 0 24%,
#ead9b8 25% 100%
);
background-position:
0 0,
8px 3px,
17px 1px,
26px 5px,
0 0;
background-size:
17px 15px,
19px 12px,
23px 14px,
21px 10px,
100% 100%;
background-repeat:
repeat-x,
repeat-x,
repeat-x,
repeat-x,
no-repeat;
-webkit-mask-image:
-webkit-mask-image:
linear-gradient(
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 112 16'%3E%3Cpath fill='black' d='M0 16V11Q3 10 5 5Q6 2 7 5L10 11Q13 9 15 3Q16 0 18 4L21 11Q24 8 26 6Q28 3 29 7L32 12Q35 9 38 2Q39 0 41 4L44 11Q48 9 50 5Q52 2 53 6L56 12Q60 8 63 1Q64 0 66 4L69 11Q73 9 75 6Q77 3 79 7L82 12Q86 9 89 2Q90 0 92 4L95 11Q99 8 102 5Q104 2 106 6L109 12Q111 11 112 10V16Z'/%3E%3C/svg%3E");
to bottom,
transparent 0,
#000 18%,
#000 100%
);
mask-image:
mask-image:
linear-gradient(
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 112 16'%3E%3Cpath fill='black' d='M0 16V11Q3 10 5 5Q6 2 7 5L10 11Q13 9 15 3Q16 0 18 4L21 11Q24 8 26 6Q28 3 29 7L32 12Q35 9 38 2Q39 0 41 4L44 11Q48 9 50 5Q52 2 53 6L56 12Q60 8 63 1Q64 0 66 4L69 11Q73 9 75 6Q77 3 79 7L82 12Q86 9 89 2Q90 0 92 4L95 11Q99 8 102 5Q104 2 106 6L109 12Q111 11 112 10V16Z'/%3E%3C/svg%3E");
to bottom,
-webkit-mask-repeat: repeat-x;
transparent 0,
mask-repeat: repeat-x;
#000 18%,
-webkit-mask-position: left bottom;
#000 100%
mask-position: left bottom;
);
-webkit-mask-size: 112px 16px;
mask-size: 112px 16px;
}
}