미디어위키: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
  * v46: 잔디 표현 제거·둥근 직선 구분선 적용
  * v47: 모바일 구분선 문법 제거·잔디밭 디자인 복원
  */
  */


490번째 줄: 490번째 줄:




/* 문단 제목 아래 기본선을 양끝이 둥근 직선으로 교체 */
/* 문단 기본선을 실제 잔디 구분선 요소로 교체 */
.skin-vector-legacy .mw-heading2,
.skin-vector-legacy .mw-heading2,
.skin-vector-legacy .mw-parser-output h2,
.skin-vector-legacy .mw-parser-output h2.pvz-grass-heading {
.skin-timeless .mw-heading2,
.skin-timeless .mw-parser-output h2 {
position: relative !important;
position: relative !important;
margin-bottom: 0.8em !important;
margin-bottom: 0.9em !important;
padding-bottom: 0.5em !important;
padding-bottom: 12px !important;
border: 0 !important;
border: 0 !important;
border-bottom: 0 !important;
border-bottom: 0 !important;
507번째 줄: 505번째 줄:
.skin-vector-legacy .mw-heading2::before,
.skin-vector-legacy .mw-heading2::before,
.skin-vector-legacy .mw-heading2::after,
.skin-vector-legacy .mw-heading2::after,
.skin-vector-legacy .mw-parser-output h2::before,
.skin-vector-legacy .mw-parser-output h2.pvz-grass-heading::before,
.skin-vector-legacy .mw-parser-output h2::after,
.skin-vector-legacy .mw-parser-output h2.pvz-grass-heading::after {
.skin-timeless .mw-heading2::before,
.skin-timeless .mw-heading2::after,
.skin-timeless .mw-parser-output h2::before,
.skin-timeless .mw-parser-output h2::after {
content: none !important;
content: none !important;
display: none !important;
display: none !important;
521번째 줄: 515번째 줄:


.skin-vector-legacy .mw-heading2 > h2,
.skin-vector-legacy .mw-heading2 > h2,
.skin-timeless .mw-heading2 > h2 {
.skin-vector-legacy .mw-parser-output h2.pvz-grass-heading {
margin-bottom: 0 !important;
margin-bottom: 0 !important;
padding-bottom: 0 !important;
padding-bottom: 0 !important;
531번째 줄: 525번째 줄:
}
}


.skin-vector-legacy .mw-heading2,
.skin-vector-legacy .pvz-grass-divider {
.skin-vector-legacy .mw-parser-output h2,
position: absolute;
.skin-timeless .mw-heading2,
right: 0;
.skin-timeless .mw-parser-output h2 {
bottom: 0;
background-image:
left: 0;
linear-gradient(
z-index: 1;
to right,
display: block;
#ead9b8,
height: 14px;
#ead9b8
overflow: hidden;
) !important;
pointer-events: none;
background-position: left bottom !important;
background: #ead9b8;
background-repeat: no-repeat !important;
-webkit-mask-image:
background-size: 100% 4px !important;
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");
border-radius: 0 0 999px 999px !important;
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;
@media (max-width: 800px) {
mask-repeat: repeat-x;
.skin-vector-legacy .mw-heading2,
-webkit-mask-position: left bottom;
.skin-vector-legacy .mw-parser-output h2,
mask-position: left bottom;
.skin-timeless .mw-heading2,
-webkit-mask-size: 112px 12px;
.skin-timeless .mw-parser-output h2 {
mask-size: 112px 12px;
margin-bottom: 0.8em !important;
padding-bottom: 0.5em !important;
background-size: 100% 4px !important;
}
}
}