미디어위키:Gadget-Vector.css: 두 판 사이의 차이
둘러보기로 이동
검색으로 이동
편집 요약 없음 태그: 되돌려진 기여 |
편집 요약 없음 태그: 되돌려진 기여 |
||
| 45번째 줄: | 45번째 줄: | ||
align-items: center; | align-items: center; | ||
justify-content: center; | justify-content: center; | ||
gap: | gap: 3px; | ||
height: 38px; | |||
min-height: 38px; | min-height: 38px; | ||
margin: 0; | margin: 0; | ||
| 55번째 줄: | 56번째 줄: | ||
background-image: none !important; | background-image: none !important; | ||
color: #eee9e6 !important; | color: #eee9e6 !important; | ||
font-weight: | font-family: | ||
line-height: 1 | "SB Aggro M", | ||
"SB 어그로 M", | |||
"SB Aggro", | |||
"SB 어그로", | |||
sans-serif !important; | |||
font-size: 0.92rem; | |||
font-weight: 500; | |||
line-height: 1; | |||
text-decoration: none; | text-decoration: none; | ||
text-shadow: | text-shadow: | ||
| 75번째 줄: | 83번째 줄: | ||
inset 0 2px 0 #985d43, | inset 0 2px 0 #985d43, | ||
inset 0 -3px 0 #552515; | inset 0 -3px 0 #552515; | ||
transition: | transition: | ||
height 140ms ease, | |||
padding 140ms ease, | |||
filter 120ms ease, | |||
background-color 120ms ease; | |||
} | } | ||
| 81번째 줄: | 93번째 줄: | ||
.skin-vector-legacy #p-views li.selected > a { | .skin-vector-legacy #p-views li.selected > a { | ||
z-index: 2; | z-index: 2; | ||
min-height: | height: 46px; | ||
padding-top: | min-height: 46px; | ||
padding-top: 12px; | |||
padding-bottom: 7px; | |||
background: #b1837c !important; | background: #b1837c !important; | ||
color: #fff !important; | color: #fff !important; | ||
transform: | transform: none; | ||
box-shadow: | box-shadow: | ||
inset 0 2px 0 #cfa392, | inset 0 2px 0 #cfa392, | ||
| 116번째 줄: | 130번째 줄: | ||
content: ""; | content: ""; | ||
display: block; | display: block; | ||
flex: 0 0 | flex: 0 0 20px; | ||
width: | width: 20px; | ||
height: | height: 20px; | ||
margin-right: 0; | |||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
background-position: center; | background-position: center; | ||
background-size: contain; | background-size: contain; | ||
} | } | ||
| 128번째 줄: | 142번째 줄: | ||
background-image: url("/wiki/Special:Redirect/file/Actionbar-document.svg"); | background-image: url("/wiki/Special:Redirect/file/Actionbar-document.svg"); | ||
} | } | ||
.skin-vector-legacy #ca-talk > a::before { | .skin-vector-legacy #ca-talk > a::before { | ||
background-image: url("/wiki/Special:Redirect/file/Actionbar-talk.svg"); | background-image: url("/wiki/Special:Redirect/file/Actionbar-talk.svg"); | ||
} | } | ||
.skin-vector-legacy #ca-view > a::before { | .skin-vector-legacy #ca-view > a::before { | ||
background-image: url("/wiki/Special:Redirect/file/Actionbar-read.svg"); | background-image: url("/wiki/Special:Redirect/file/Actionbar-read.svg"); | ||
} | } | ||
.skin-vector-legacy #ca-edit > a::before { | .skin-vector-legacy #ca-edit > a::before { | ||
background-image: url("/wiki/Special:Redirect/file/Actionbar-edit.svg"); | background-image: url("/wiki/Special:Redirect/file/Actionbar-edit.svg"); | ||
} | } | ||
.skin-vector-legacy #ca-history > a::before { | .skin-vector-legacy #ca-history > a::before { | ||
background-image: url("/wiki/Special:Redirect/file/Actionbar-history.svg"); | background-image: url("/wiki/Special:Redirect/file/Actionbar-history.svg"); | ||
| 157번째 줄: | 175번째 줄: | ||
} | } | ||
/* 주시 버튼 */ | |||
.skin-vector-legacy #ca-watch > a, | .skin-vector-legacy #ca-watch > a, | ||
.skin-vector-legacy #ca-unwatch > a { | .skin-vector-legacy #ca-unwatch > a, | ||
.skin-vector-legacy li.mw-watchlink > a, | |||
.skin-vector-legacy a.mw-watchlink { | |||
width: 43px; | width: 43px; | ||
min-width: 43px; | min-width: 43px; | ||
| 164번째 줄: | 185번째 줄: | ||
padding-left: 8px; | padding-left: 8px; | ||
gap: 0; | gap: 0; | ||
font-size: 0; | overflow: visible; | ||
font-size: 0 !important; | |||
color: transparent !important; | color: transparent !important; | ||
text-shadow: none; | text-shadow: none !important; | ||
} | |||
.skin-vector-legacy #ca-watch > a > *, | |||
.skin-vector-legacy #ca-unwatch > a > *, | |||
.skin-vector-legacy li.mw-watchlink > a > *, | |||
.skin-vector-legacy a.mw-watchlink > * { | |||
visibility: hidden !important; | |||
width: 0 !important; | |||
height: 0 !important; | |||
margin: 0 !important; | |||
padding: 0 !important; | |||
overflow: hidden !important; | |||
} | } | ||
.skin-vector-legacy #ca-watch > a::before, | .skin-vector-legacy #ca-watch > a::before, | ||
.skin-vector-legacy #ca-unwatch > a::before { | .skin-vector-legacy #ca-unwatch > a::before, | ||
content: ""; | .skin-vector-legacy li.mw-watchlink > a::before, | ||
display: block; | .skin-vector-legacy a.mw-watchlink::before { | ||
width: | content: "" !important; | ||
height: | display: block !important; | ||
flex: 0 0 | width: 27px; | ||
height: 27px; | |||
flex: 0 0 27px; | |||
margin: 0; | margin: 0; | ||
background: url("/wiki/Special:Redirect/file/ | background-position: center; | ||
background-repeat: no-repeat; | |||
background-size: contain; | |||
transform-origin: 50% 50%; | |||
} | |||
.skin-vector-legacy #ca-watch > a::before, | |||
.skin-vector-legacy .pvz-watch-not-watched > a::before, | |||
.skin-vector-legacy a.pvz-watch-not-watched::before { | |||
background-image: url("/wiki/Special:Redirect/file/GW2_Star2.png") !important; | |||
} | |||
.skin-vector-legacy #ca-unwatch > a::before, | |||
.skin-vector-legacy .pvz-watch-watched > a::before, | |||
.skin-vector-legacy a.pvz-watch-watched::before { | |||
background-image: url("/wiki/Special:Redirect/file/GW2_Star.png") !important; | |||
} | } | ||
.skin-vector-legacy #ca-watch > a::after, | .skin-vector-legacy #ca-watch > a::after, | ||
.skin-vector-legacy #ca-unwatch > a::after { | .skin-vector-legacy #ca-unwatch > a::after, | ||
.skin-vector-legacy li.mw-watchlink > a::after, | |||
.skin-vector-legacy a.mw-watchlink::after { | |||
content: none !important; | content: none !important; | ||
display: none !important; | display: none !important; | ||
} | |||
.skin-vector-legacy .pvz-watch-spinning > a::before, | |||
.skin-vector-legacy a.pvz-watch-spinning::before { | |||
animation: pvz-watch-star-spin 360ms cubic-bezier(0.25, 0.8, 0.25, 1); | |||
} | |||
@keyframes pvz-watch-star-spin { | |||
0% { transform: rotate(0deg) scale(1); } | |||
45% { transform: rotate(180deg) scale(0.82); } | |||
100% { transform: rotate(360deg) scale(1); } | |||
} | } | ||
| 199번째 줄: | 262번째 줄: | ||
background: transparent !important; | background: transparent !important; | ||
color: inherit !important; | color: inherit !important; | ||
font-family: inherit; | |||
font-weight: inherit; | font-weight: inherit; | ||
text-shadow: none; | text-shadow: none; | ||
| 216번째 줄: | 280번째 줄: | ||
padding-right: 10px; | padding-right: 10px; | ||
padding-left: 10px; | padding-left: 10px; | ||
font-size: 0. | font-size: 0.86rem; | ||
} | } | ||
} | } | ||
@media (prefers-reduced-motion: reduce) { | @media (prefers-reduced-motion: reduce) { | ||
.skin-vector-legacy | .skin-vector-legacy .pvz-watch-spinning > a::before, | ||
.skin-vector-legacy | .skin-vector-legacy a.pvz-watch-spinning::before { | ||
animation-duration: 1ms; | animation-duration: 1ms; | ||
} | } | ||
} | } | ||
2026년 7월 27일 (월) 22:44 판
/* Vector 2010 액션바 전체 디자인 */
.skin-vector-legacy #p-namespaces,
.skin-vector-legacy #p-views,
.skin-vector-legacy #p-cactions {
margin: 0;
background: none !important;
}
.skin-vector-legacy #p-namespaces .vector-menu-content,
.skin-vector-legacy #p-views .vector-menu-content,
.skin-vector-legacy #p-cactions .vector-menu-content,
.skin-vector-legacy #p-namespaces .vector-menu-content-list,
.skin-vector-legacy #p-views .vector-menu-content-list,
.skin-vector-legacy #p-cactions .vector-menu-content-list {
background: none !important;
background-image: none !important;
border: 0 !important;
box-shadow: none !important;
}
.skin-vector-legacy #p-namespaces .vector-menu-content-list,
.skin-vector-legacy #p-views .vector-menu-content-list {
display: flex;
align-items: flex-end;
gap: 4px;
}
.skin-vector-legacy #p-namespaces li,
.skin-vector-legacy #p-views li,
.skin-vector-legacy #p-cactions li {
position: relative;
margin: 0;
padding: 0;
border: 0;
background: none !important;
background-image: none !important;
}
.skin-vector-legacy #p-namespaces li > a,
.skin-vector-legacy #p-views li > a,
.skin-vector-legacy #p-cactions-label {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 3px;
height: 38px;
min-height: 38px;
margin: 0;
padding: 7px 13px 6px;
border: 3px solid #5c1f06;
border-radius: 12px 12px 0 0;
box-sizing: border-box;
background: #783b24 !important;
background-image: none !important;
color: #eee9e6 !important;
font-family:
"SB Aggro M",
"SB 어그로 M",
"SB Aggro",
"SB 어그로",
sans-serif !important;
font-size: 0.92rem;
font-weight: 500;
line-height: 1;
text-decoration: none;
text-shadow:
#5c1f06 2px 0 0,
#5c1f06 1.75517px 0.958851px 0,
#5c1f06 1.0806px 1.68294px 0,
#5c1f06 0.141474px 1.99499px 0,
#5c1f06 -0.832294px 1.81859px 0,
#5c1f06 -1.60229px 1.19694px 0,
#5c1f06 -1.97999px 0.28224px 0,
#5c1f06 -1.87291px -0.701566px 0,
#5c1f06 -1.30729px -1.51361px 0,
#5c1f06 -0.421592px -1.95506px 0,
#5c1f06 0.567324px -1.91785px 0,
#5c1f06 1.41734px -1.41108px 0,
#5c1f06 1.92034px -0.558831px 0;
box-shadow:
inset 0 2px 0 #985d43,
inset 0 -3px 0 #552515;
transition:
height 140ms ease,
padding 140ms ease,
filter 120ms ease,
background-color 120ms ease;
}
.skin-vector-legacy #p-namespaces li.selected > a,
.skin-vector-legacy #p-views li.selected > a {
z-index: 2;
height: 46px;
min-height: 46px;
padding-top: 12px;
padding-bottom: 7px;
background: #b1837c !important;
color: #fff !important;
transform: none;
box-shadow:
inset 0 2px 0 #cfa392,
inset 0 -3px 0 #8a5c56;
}
.skin-vector-legacy #p-namespaces li > a:hover,
.skin-vector-legacy #p-views li > a:hover,
.skin-vector-legacy #p-cactions-label:hover {
filter: brightness(1.08);
text-decoration: none;
}
.skin-vector-legacy #p-namespaces li,
.skin-vector-legacy #p-views li,
.skin-vector-legacy #p-namespaces li.selected,
.skin-vector-legacy #p-views li.selected,
.skin-vector-legacy #p-namespaces li > a,
.skin-vector-legacy #p-views li > a,
.skin-vector-legacy #p-cactions-label,
.skin-vector-legacy #p-cactions-label span {
background-image: none !important;
}
.skin-vector-legacy #ca-nstab-main > a::before,
.skin-vector-legacy #ca-talk > a::before,
.skin-vector-legacy #ca-view > a::before,
.skin-vector-legacy #ca-edit > a::before,
.skin-vector-legacy #ca-history > a::before {
content: "";
display: block;
flex: 0 0 20px;
width: 20px;
height: 20px;
margin-right: 0;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.skin-vector-legacy #ca-nstab-main > a::before {
background-image: url("/wiki/Special:Redirect/file/Actionbar-document.svg");
}
.skin-vector-legacy #ca-talk > a::before {
background-image: url("/wiki/Special:Redirect/file/Actionbar-talk.svg");
}
.skin-vector-legacy #ca-view > a::before {
background-image: url("/wiki/Special:Redirect/file/Actionbar-read.svg");
}
.skin-vector-legacy #ca-edit > a::before {
background-image: url("/wiki/Special:Redirect/file/Actionbar-edit.svg");
}
.skin-vector-legacy #ca-history > a::before {
background-image: url("/wiki/Special:Redirect/file/Actionbar-history.svg");
}
.skin-vector-legacy #p-cactions {
margin-left: 4px;
}
.skin-vector-legacy #p-cactions-label {
min-width: 42px;
cursor: pointer;
}
.skin-vector-legacy #p-cactions-label span {
display: block;
color: inherit !important;
font: inherit;
text-shadow: inherit;
}
/* 주시 버튼 */
.skin-vector-legacy #ca-watch > a,
.skin-vector-legacy #ca-unwatch > a,
.skin-vector-legacy li.mw-watchlink > a,
.skin-vector-legacy a.mw-watchlink {
width: 43px;
min-width: 43px;
padding-right: 8px;
padding-left: 8px;
gap: 0;
overflow: visible;
font-size: 0 !important;
color: transparent !important;
text-shadow: none !important;
}
.skin-vector-legacy #ca-watch > a > *,
.skin-vector-legacy #ca-unwatch > a > *,
.skin-vector-legacy li.mw-watchlink > a > *,
.skin-vector-legacy a.mw-watchlink > * {
visibility: hidden !important;
width: 0 !important;
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
}
.skin-vector-legacy #ca-watch > a::before,
.skin-vector-legacy #ca-unwatch > a::before,
.skin-vector-legacy li.mw-watchlink > a::before,
.skin-vector-legacy a.mw-watchlink::before {
content: "" !important;
display: block !important;
width: 27px;
height: 27px;
flex: 0 0 27px;
margin: 0;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
transform-origin: 50% 50%;
}
.skin-vector-legacy #ca-watch > a::before,
.skin-vector-legacy .pvz-watch-not-watched > a::before,
.skin-vector-legacy a.pvz-watch-not-watched::before {
background-image: url("/wiki/Special:Redirect/file/GW2_Star2.png") !important;
}
.skin-vector-legacy #ca-unwatch > a::before,
.skin-vector-legacy .pvz-watch-watched > a::before,
.skin-vector-legacy a.pvz-watch-watched::before {
background-image: url("/wiki/Special:Redirect/file/GW2_Star.png") !important;
}
.skin-vector-legacy #ca-watch > a::after,
.skin-vector-legacy #ca-unwatch > a::after,
.skin-vector-legacy li.mw-watchlink > a::after,
.skin-vector-legacy a.mw-watchlink::after {
content: none !important;
display: none !important;
}
.skin-vector-legacy .pvz-watch-spinning > a::before,
.skin-vector-legacy a.pvz-watch-spinning::before {
animation: pvz-watch-star-spin 360ms cubic-bezier(0.25, 0.8, 0.25, 1);
}
@keyframes pvz-watch-star-spin {
0% { transform: rotate(0deg) scale(1); }
45% { transform: rotate(180deg) scale(0.82); }
100% { transform: rotate(360deg) scale(1); }
}
.skin-vector-legacy #p-cactions .vector-menu-content {
margin-top: 0;
}
.skin-vector-legacy #p-cactions .vector-menu-content li > a {
display: block;
min-height: 0;
padding: 6px 12px;
border: 0;
border-radius: 0;
background: transparent !important;
color: inherit !important;
font-family: inherit;
font-weight: inherit;
text-shadow: none;
box-shadow: none;
transform: none;
}
@media (max-width: 1100px) {
.skin-vector-legacy #p-namespaces .vector-menu-content-list,
.skin-vector-legacy #p-views .vector-menu-content-list {
gap: 2px;
}
.skin-vector-legacy #p-namespaces li > a,
.skin-vector-legacy #p-views li > a,
.skin-vector-legacy #p-cactions-label {
padding-right: 10px;
padding-left: 10px;
font-size: 0.86rem;
}
}
@media (prefers-reduced-motion: reduce) {
.skin-vector-legacy .pvz-watch-spinning > a::before,
.skin-vector-legacy a.pvz-watch-spinning::before {
animation-duration: 1ms;
}
}