用户:Salt lovely/common.css:修订间差异
Salt lovely(留言 | 贡献) 小 (用SCSS重写) |
Salt lovely(留言 | 贡献) 小 (编辑“用户:Salt_lovely/common.css” // 维基盐编辑器) |
||
| (未显示同一用户的2个中间版本) | |||
| 第1行: | 第1行: | ||
@charset "UTF-8"; | @charset "UTF-8"; | ||
.mw-userlink[title="用户:Eicy"], .mw-userlink[title="用户:MashKJo"], .mw-userlink[title="用户:Sheep-realms"], .mw-userlink[title="用户: | .mw-userlink[title="用户:Eicy"], .mw-userlink[title="用户:MashKJo"], .mw-userlink[title="用户:Sheep-realms"], .mw-userlink[title="用户:Salt lovely"], .mw-userlink[title="用户:QWERTY770"], .mw-userlink[title="用户:Litwak913"], .mw-userlink[title="用户:Jaanai"], .mw-userlink[title="用户:Lihl"], .mw-userlink[title="用户:坑触可"] { | ||
color: #dd1166; | color: #dd1166; | ||
font-weight: bold; | font-weight: bold; | ||
text-shadow: 0 0 1px # | text-shadow: 0 0 1px #fce, 0 0 1px #fce, 0 0 1px #fce, 0 0 1px #fce, 0 0 1px #fce, 0 0 2px #fce, 0 0 2px #fce, 0 0 2px #fce, 0 0 2px #fce, 0 0 2px #fce; | ||
transform-origin: 50% 50%; | |||
} | |||
.mw-userlink[title="用户:Eicy"]:hover, .mw-userlink[title="用户:MashKJo"]:hover, .mw-userlink[title="用户:Sheep-realms"]:hover, .mw-userlink[title="用户:Salt lovely"]:hover, .mw-userlink[title="用户:QWERTY770"]:hover, .mw-userlink[title="用户:Litwak913"]:hover, .mw-userlink[title="用户:Jaanai"]:hover, .mw-userlink[title="用户:Lihl"]:hover, .mw-userlink[title="用户:坑触可"]:hover { | |||
transform: scale(1.25); | |||
} | |||
.mw-userlink[title="用户:White i"], .mw-userlink[title="用户:MidsummerEnd"], .mw-userlink[title="用户:自由李代数"], .mw-userlink[title="用户:我是人1012"], .mw-userlink[title="用户:Jaanai"] { | |||
color: #7e5666; | |||
font-weight: normal; | |||
} | } | ||
.mw-userlink[title="用户:Salt lovely"] { | .mw-userlink[title="用户:Salt lovely"] { | ||
color: # | color: #049bd6; | ||
} | |||
.mw-userlink[title="用户:Salt"] { | |||
color: #9304d6; | |||
transform-origin: 50% 50%; | |||
} | |||
.mw-userlink[title="用户:Salt"]:hover { | |||
transform: scale(1.25); | |||
} | |||
.mw-userlink.new { | |||
outline: #fce dashed 1px; | |||
} | |||
.comment-post .comment-avatar, | |||
.comment-post .comment-user { | |||
opacity: 1 !important; | |||
} | } | ||
| 第18行: | 第43行: | ||
display: inline-block; | display: inline-block; | ||
min-height: calc(1em + 4px); | min-height: calc(1em + 4px); | ||
background: #fff2cd; | background-color: #fff2cd; | ||
color: # | color: #fd3b7c; | ||
transform-origin: 50% 50%; | |||
transition: all 0.4s ease; | transition: all 0.4s ease; | ||
} | |||
a[href*="&redlink=1"]:not([title*="讨论:"]):not([title*="用户:"]) > * { | |||
background-color: #fff2cd; | |||
color: #fd3b7c; | |||
} | } | ||
| 第27行: | 第57行: | ||
content: ""; | content: ""; | ||
position: absolute; | position: absolute; | ||
height: 2px; | height: 2px; | ||
width: 0; | width: 0; | ||
background: # | background: #ff236c; | ||
transition: all 0.25s ease; | transition: all 0.25s ease; | ||
} | |||
a[href*="&redlink=1"]:not([title*="讨论:"]):not([title*="用户:"])::before { | |||
top: 0; | |||
right: 0; | |||
} | |||
a[href*="&redlink=1"]:not([title*="讨论:"]):not([title*="用户:"])::after { | |||
bottom: 0; | |||
left: 0; | |||
} | } | ||
a[href*="&redlink=1"]:not([title*="讨论:"]):not([title*="用户:"]):hover { | a[href*="&redlink=1"]:not([title*="讨论:"]):not([title*="用户:"]):hover { | ||
background: #ff236c; | background: #ffe08b; | ||
color: # | color: #ff236c; | ||
z-index: 1; | |||
transform: scale(1.25); | |||
} | |||
a[href*="&redlink=1"]:not([title*="讨论:"]):not([title*="用户:"]):hover > * { | |||
background-color: #ffe08b; | |||
color: #ff236c; | |||
} | } | ||
| 第45行: | 第90行: | ||
} | } | ||
.patrollink { | .patrollink, | ||
.mw-rollback-link > a { | |||
font-weight: bold; | font-weight: bold; | ||
position: relative; | position: relative; | ||
display: inline-block; | display: inline-block; | ||
min-height: calc(1em + 4px); | min-height: calc(1em + 4px); | ||
background: #fff2cd; | background-color: #fff2cd; | ||
color: | color: #4a77ff; | ||
transform-origin: 50% 50%; | |||
transition: all 0.4s ease; | transition: all 0.4s ease; | ||
} | } | ||
.patrollink::before, .patrollink::after { | .patrollink > *, | ||
.mw-rollback-link > a > * { | |||
background-color: #fff2cd; | |||
color: #4a77ff; | |||
} | |||
.patrollink::before, .patrollink::after, | |||
.mw-rollback-link > a::before, | |||
.mw-rollback-link > a::after { | |||
content: ""; | content: ""; | ||
position: absolute; | position: absolute; | ||
height: 2px; | height: 2px; | ||
width: 0; | width: 0; | ||
background: # | background: #255bff; | ||
transition: all 0.25s ease; | transition: all 0.25s ease; | ||
} | } | ||
.patrollink:hover { | .patrollink::before, | ||
background: | .mw-rollback-link > a::before { | ||
color: # | top: 0; | ||
right: 0; | |||
} | |||
.patrollink::after, | |||
.mw-rollback-link > a::after { | |||
bottom: 0; | |||
left: 0; | |||
} | |||
.patrollink:hover, | |||
.mw-rollback-link > a:hover { | |||
background: #ffe08b; | |||
color: #255bff; | |||
z-index: 1; | |||
transform: scale(1.25); | |||
} | |||
.patrollink:hover > *, | |||
.mw-rollback-link > a:hover > * { | |||
background-color: #ffe08b; | |||
color: #255bff; | |||
} | } | ||
.patrollink:hover::before, .patrollink:hover::after { | .patrollink:hover::before, .patrollink:hover::after, | ||
.mw-rollback-link > a:hover::before, | |||
.mw-rollback-link > a:hover::after { | |||
width: 100%; | width: 100%; | ||
transition: all 0.8s ease; | transition: all 0.8s ease; | ||
2024年3月12日 (二) 00:40的最新版本
@charset "UTF-8";
.mw-userlink[title="用户:Eicy"], .mw-userlink[title="用户:MashKJo"], .mw-userlink[title="用户:Sheep-realms"], .mw-userlink[title="用户:Salt lovely"], .mw-userlink[title="用户:QWERTY770"], .mw-userlink[title="用户:Litwak913"], .mw-userlink[title="用户:Jaanai"], .mw-userlink[title="用户:Lihl"], .mw-userlink[title="用户:坑触可"] {
color: #dd1166;
font-weight: bold;
text-shadow: 0 0 1px #fce, 0 0 1px #fce, 0 0 1px #fce, 0 0 1px #fce, 0 0 1px #fce, 0 0 2px #fce, 0 0 2px #fce, 0 0 2px #fce, 0 0 2px #fce, 0 0 2px #fce;
transform-origin: 50% 50%;
}
.mw-userlink[title="用户:Eicy"]:hover, .mw-userlink[title="用户:MashKJo"]:hover, .mw-userlink[title="用户:Sheep-realms"]:hover, .mw-userlink[title="用户:Salt lovely"]:hover, .mw-userlink[title="用户:QWERTY770"]:hover, .mw-userlink[title="用户:Litwak913"]:hover, .mw-userlink[title="用户:Jaanai"]:hover, .mw-userlink[title="用户:Lihl"]:hover, .mw-userlink[title="用户:坑触可"]:hover {
transform: scale(1.25);
}
.mw-userlink[title="用户:White i"], .mw-userlink[title="用户:MidsummerEnd"], .mw-userlink[title="用户:自由李代数"], .mw-userlink[title="用户:我是人1012"], .mw-userlink[title="用户:Jaanai"] {
color: #7e5666;
font-weight: normal;
}
.mw-userlink[title="用户:Salt lovely"] {
color: #049bd6;
}
.mw-userlink[title="用户:Salt"] {
color: #9304d6;
transform-origin: 50% 50%;
}
.mw-userlink[title="用户:Salt"]:hover {
transform: scale(1.25);
}
.mw-userlink.new {
outline: #fce dashed 1px;
}
.comment-post .comment-avatar,
.comment-post .comment-user {
opacity: 1 !important;
}
a[href*="&redlink=1"]:not([title*="讨论:"]):not([title*="用户:"]) {
font-weight: bold;
position: relative;
display: inline-block;
min-height: calc(1em + 4px);
background-color: #fff2cd;
color: #fd3b7c;
transform-origin: 50% 50%;
transition: all 0.4s ease;
}
a[href*="&redlink=1"]:not([title*="讨论:"]):not([title*="用户:"]) > * {
background-color: #fff2cd;
color: #fd3b7c;
}
a[href*="&redlink=1"]:not([title*="讨论:"]):not([title*="用户:"])::before, a[href*="&redlink=1"]:not([title*="讨论:"]):not([title*="用户:"])::after {
content: "";
position: absolute;
height: 2px;
width: 0;
background: #ff236c;
transition: all 0.25s ease;
}
a[href*="&redlink=1"]:not([title*="讨论:"]):not([title*="用户:"])::before {
top: 0;
right: 0;
}
a[href*="&redlink=1"]:not([title*="讨论:"]):not([title*="用户:"])::after {
bottom: 0;
left: 0;
}
a[href*="&redlink=1"]:not([title*="讨论:"]):not([title*="用户:"]):hover {
background: #ffe08b;
color: #ff236c;
z-index: 1;
transform: scale(1.25);
}
a[href*="&redlink=1"]:not([title*="讨论:"]):not([title*="用户:"]):hover > * {
background-color: #ffe08b;
color: #ff236c;
}
a[href*="&redlink=1"]:not([title*="讨论:"]):not([title*="用户:"]):hover::before, a[href*="&redlink=1"]:not([title*="讨论:"]):not([title*="用户:"]):hover::after {
width: 100%;
transition: all 0.8s ease;
}
.patrollink,
.mw-rollback-link > a {
font-weight: bold;
position: relative;
display: inline-block;
min-height: calc(1em + 4px);
background-color: #fff2cd;
color: #4a77ff;
transform-origin: 50% 50%;
transition: all 0.4s ease;
}
.patrollink > *,
.mw-rollback-link > a > * {
background-color: #fff2cd;
color: #4a77ff;
}
.patrollink::before, .patrollink::after,
.mw-rollback-link > a::before,
.mw-rollback-link > a::after {
content: "";
position: absolute;
height: 2px;
width: 0;
background: #255bff;
transition: all 0.25s ease;
}
.patrollink::before,
.mw-rollback-link > a::before {
top: 0;
right: 0;
}
.patrollink::after,
.mw-rollback-link > a::after {
bottom: 0;
left: 0;
}
.patrollink:hover,
.mw-rollback-link > a:hover {
background: #ffe08b;
color: #255bff;
z-index: 1;
transform: scale(1.25);
}
.patrollink:hover > *,
.mw-rollback-link > a:hover > * {
background-color: #ffe08b;
color: #255bff;
}
.patrollink:hover::before, .patrollink:hover::after,
.mw-rollback-link > a:hover::before,
.mw-rollback-link > a:hover::after {
width: 100%;
transition: all 0.8s ease;
}
/* 动画 */
@keyframes rotate-360 {
from {
transform: rotate(0);
}
to {
transform: rotate(360deg);
}
}