用户:Salt lovely/common.css:修订间差异

添加3,549字节 、​ 2024年3月12日 (星期二)
编辑“用户:Salt_lovely/common.css” // 维基盐编辑器
(开始施工)
 
(编辑“用户:Salt_lovely/common.css” // 维基盐编辑器)
 
(未显示同一用户的16个中间版本)
@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;
a[href*="&redlink=1"]{
font-weight: normal;
/* 我觉得这个好理解一些 */
position: relative;
}
 
a[href*="&redlink=1"]:after{
.mw-userlink[title="用户:Salt lovely"] {
content: '';
color: #049bd6;
pointer-events:none;
position: absolute;
display: inline-block;
width: 4em;height: 4em;
top: calc(50% - 2em);left: calc(50% - 2em);
border-radius: 4em;
box-shadow: 0 1px 0 #99fa inset, 0 -1px 0 #f6a6 inset;
animation: rotate-360 2s linear infinite;
transition:0.5s ease;
}
 
a[href*="&redlink=1"]:hover:after{
.mw-userlink[title="用户:Salt"] {
width: 6em;height: 6em;
color: #9304d6;
top: calc(50% - 3em);left: calc(50% - 3em);
transform-origin: 50% 50%;
box-shadow: 0 3px 3px #99fa inset, 0 -3px 3px #f6a6 inset;
}
 
.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 {