MCBBS Wiki欢迎您共同参与编辑!在参与编辑之前请先阅读Wiki方针。
如果在编辑的过程中遇到了什么问题,可以去讨论板提问。
为了您能够无阻碍地参与编辑 未验证/绑定过邮箱的用户,请尽快绑定/验证。
MCBBS Wiki GitHub群组已上线!
您可以在回声洞中发表吐槽!
服务器状态监控。点击进入
本站由MCBBS用户自行搭建,与MCBBS及东银河系漫游指南(北京)科技有限公司没有从属关系。点此了解 MCBBS Wiki 不是什么>>
用户:Salt lovely/common.css:修订间差异
跳到导航
跳到搜索
Salt lovely(留言 | 贡献) 小 (用SCSS重写) |
Salt lovely(留言 | 贡献) 小 (.) |
||
| 第1行: | 第1行: | ||
@charset "UTF-8"; | @charset "UTF-8"; | ||
.mw-userlink[title="用户:Eicy"], .mw-userlink[title="用户:MashKJo"], .mw-userlink[title="用户:Sheep-realms"], .mw-userlink[title="用户:White i"], .mw-userlink[title="用户:MidsummerEnd"], .mw-userlink[title="用户:Salt lovely"], .mw-userlink[title="用户:我是人1012"] { | .mw-userlink[title="用户:Eicy"], .mw-userlink[title="用户:MashKJo"], .mw-userlink[title="用户:Sheep-realms"], .mw-userlink[title="用户:White i"], .mw-userlink[title="用户:MidsummerEnd"], .mw-userlink[title="用户:Salt lovely"], .mw-userlink[title="用户:自由李代数"], .mw-userlink[title="用户:我是人1012"] { | ||
color: #dd1166; | color: #dd1166; | ||
font-weight: bold; | font-weight: bold; | ||
| 第7行: | 第7行: | ||
0 0 1px #cef, 0 0 1px #cef, 0 0 1px #cef, 0 0 1px #cef, 0 0 1px #cef, | 0 0 1px #cef, 0 0 1px #cef, 0 0 1px #cef, 0 0 1px #cef, 0 0 1px #cef, | ||
0 0 1px #cef; | 0 0 1px #cef; | ||
transform-origin: 50% 50%; | |||
} | |||
.mw-userlink[title="用户:Eicy"]:hover, .mw-userlink[title="用户:MashKJo"]:hover, .mw-userlink[title="用户:Sheep-realms"]:hover, .mw-userlink[title="用户:White i"]:hover, .mw-userlink[title="用户:MidsummerEnd"]:hover, .mw-userlink[title="用户:Salt lovely"]:hover, .mw-userlink[title="用户:自由李代数"]:hover, .mw-userlink[title="用户:我是人1012"]:hover { | |||
transform: scale(1.25); | |||
} | } | ||
.mw-userlink[title="用户:Salt lovely"] { | .mw-userlink[title="用户:Salt lovely"] { | ||
color: # | color: #049bd6; | ||
} | } | ||
| 第18行: | 第23行: | ||
display: inline-block; | display: inline-block; | ||
min-height: calc(1em + 4px); | min-height: calc(1em + 4px); | ||
background: #fff2cd; | background-color: #fff2cd; | ||
color: # | color: #fd3b7c; | ||
font-size: 1em; | font-size: 1em; | ||
transform-origin: 50% 50%; | |||
transition: all 0.4s ease; | transition: all 0.4s ease; | ||
} | } | ||
| 第27行: | 第33行: | ||
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: # | background: #fd3b7c; | ||
color: #fff2cd; | color: #fff2cd; | ||
transform: scale(1.25); | |||
} | } | ||
| 第50行: | 第65行: | ||
display: inline-block; | display: inline-block; | ||
min-height: calc(1em + 4px); | min-height: calc(1em + 4px); | ||
background: #fff2cd; | background-color: #fff2cd; | ||
color: | color: #4a77ff; | ||
font-size: 1em; | font-size: 1em; | ||
transform-origin: 50% 50%; | |||
transition: all 0.4s ease; | transition: all 0.4s ease; | ||
} | } | ||
| 第59行: | 第75行: | ||
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::before { | |||
top: 0; | |||
right: 0; | |||
} | |||
.patrollink::after { | |||
bottom: 0; | |||
left: 0; | |||
} | } | ||
.patrollink:hover { | .patrollink:hover { | ||
background: | background: #4a77ff; | ||
color: #fff2cd; | color: #fff2cd; | ||
transform: scale(1.25); | |||
} | } | ||
2021年2月21日 (日) 15:02的版本
@charset "UTF-8";
.mw-userlink[title="用户:Eicy"], .mw-userlink[title="用户:MashKJo"], .mw-userlink[title="用户:Sheep-realms"], .mw-userlink[title="用户:White i"], .mw-userlink[title="用户:MidsummerEnd"], .mw-userlink[title="用户:Salt lovely"], .mw-userlink[title="用户:自由李代数"], .mw-userlink[title="用户:我是人1012"] {
color: #dd1166;
font-weight: bold;
text-shadow: 0 0 1px #cef, 0 0 1px #cef, 0 0 1px #cef, 0 0 1px #cef,
0 0 1px #cef, 0 0 1px #cef, 0 0 1px #cef, 0 0 1px #cef, 0 0 1px #cef,
0 0 1px #cef, 0 0 1px #cef, 0 0 1px #cef, 0 0 1px #cef, 0 0 1px #cef,
0 0 1px #cef;
transform-origin: 50% 50%;
}
.mw-userlink[title="用户:Eicy"]:hover, .mw-userlink[title="用户:MashKJo"]:hover, .mw-userlink[title="用户:Sheep-realms"]:hover, .mw-userlink[title="用户:White i"]:hover, .mw-userlink[title="用户:MidsummerEnd"]:hover, .mw-userlink[title="用户:Salt lovely"]:hover, .mw-userlink[title="用户:自由李代数"]:hover, .mw-userlink[title="用户:我是人1012"]:hover {
transform: scale(1.25);
}
.mw-userlink[title="用户:Salt lovely"] {
color: #049bd6;
}
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;
font-size: 1em;
transform-origin: 50% 50%;
transition: all 0.4s ease;
}
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: #fd3b7c;
color: #fff2cd;
transform: scale(1.25);
}
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 {
font-weight: bold;
position: relative;
display: inline-block;
min-height: calc(1em + 4px);
background-color: #fff2cd;
color: #4a77ff;
font-size: 1em;
transform-origin: 50% 50%;
transition: all 0.4s ease;
}
.patrollink::before, .patrollink::after {
content: "";
position: absolute;
height: 2px;
width: 0;
background: #255bff;
transition: all 0.25s ease;
}
.patrollink::before {
top: 0;
right: 0;
}
.patrollink::after {
bottom: 0;
left: 0;
}
.patrollink:hover {
background: #4a77ff;
color: #fff2cd;
transform: scale(1.25);
}
.patrollink:hover::before, .patrollink:hover::after {
width: 100%;
transition: all 0.8s ease;
}
/* 动画 */
@keyframes rotate-360 {
from {
transform: rotate(0);
}
to {
transform: rotate(360deg);
}
}