3,389
个编辑
小
.
Salt lovely（留言 | 贡献） （.） |
Salt lovely（留言 | 贡献） 小 （.） |
||
| 第1行： | 第1行： | ||
<pre>@mixin highlightbutton( | <pre>@mixin highlightbutton( | ||
$fontcolor: # | $fontcolor: #8e5f92, | ||
$backcolor: #fff2cd, | $backcolor: #fff2cd, | ||
$fontcolor2: #634266, | |||
$backcolor2: #ffe08b, | |||
$bordercolor: #634266, | |||
$fontsize: 1em | $fontsize: 1em | ||
) { | ) { | ||
position: relative; | position: relative; | ||
display: inline-block; | display: inline-block; | ||
min-height: calc(1em + 4px); | min-height: calc(1em + 4px); | ||
background: $backcolor; | background-color: $backcolor; | ||
color: $fontcolor; | color: $fontcolor; | ||
font-size: $fontsize; | font-size: $fontsize; | ||
transform-origin: 50% 50%; | |||
transition: all 0.4s ease; | transition: all 0.4s ease; | ||
&::before, | &::before, | ||
| 第16行： | 第19行： | ||
content: ""; | content: ""; | ||
position: absolute; | position: absolute; | ||
height: 2px; | height: 2px; | ||
width: 0; | width: 0; | ||
background: $ | background: $bordercolor; | ||
transition: all 0.25s ease; | transition: all 0.25s ease; | ||
} | |||
&::before { | |||
top: 0; | |||
right: 0; | |||
} | |||
&::after { | |||
bottom: 0; | |||
left: 0; | |||
} | } | ||
&:hover { | &:hover { | ||
background: $fontcolor; | background: $fontcolor; | ||
color: $backcolor; | color: $backcolor; | ||
transform: scale(1.25); | |||
&::before, | &::before, | ||
&::after { | &::after { | ||
| 第34行： | 第44行： | ||
} | } | ||
.mw-userlink { | .mw-userlink { | ||
// 管理员高亮 | |||
&[title="用户:Eicy"], | &[title="用户:Eicy"], | ||
&[title="用户:MashKJo"], | &[title="用户:MashKJo"], | ||
| 第40行： | 第51行： | ||
&[title="用户:MidsummerEnd"], | &[title="用户:MidsummerEnd"], | ||
&[title="用户:Salt lovely"], | &[title="用户:Salt lovely"], | ||
&[title="用户:自由李代数"], | |||
&[title="用户:我是人1012"] { | &[title="用户:我是人1012"] { | ||
color: rgb(221, 17, 102); | color: rgb(221, 17, 102); | ||
| 第47行： | 第59行： | ||
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%; | |||
&:hover { | |||
transform: scale(1.25); | |||
} | |||
} | } | ||
/ | //盐 | ||
&[title="用户:Salt lovely"] { | &[title="用户:Salt lovely"] { | ||
color: | color: rgb(4, 155, 214); | ||
} | } | ||
} | } | ||
a[href*="&redlink=1"]:not([title*="讨论:"]):not([title*="用户:"]) { | a[href*="&redlink=1"]:not([title*="讨论:"]):not([title*="用户:"]) { | ||
font-weight: bold; | font-weight: bold; | ||
@include highlightbutton(rgb(255, 35, 108)); | @include highlightbutton( | ||
rgb(253, 59, 124), | |||
#fff2cd, | |||
rgb(255, 35, 108), | |||
#ffe08b, | |||
rgb(255, 35, 108) | |||
); | |||
} | } | ||
.patrollink { | .patrollink { | ||
font-weight: bold; | font-weight: bold; | ||
@include highlightbutton( | @include highlightbutton( | ||
rgb(74, 119, 255), | |||
#fff2cd, | |||
rgb(37, 91, 255), | |||
#ffe08b, | |||
rgb(37, 91, 255) | |||
); | |||
} | } | ||
/* 动画 */ | /* 动画 */ | ||