MCBBS Wiki欢迎您共同参与编辑!在参与编辑之前请先阅读Wiki方针

如果在编辑的过程中遇到了什么问题,可以去讨论板提问。

为了您能够无阻碍地参与编辑 未验证/绑定过邮箱的用户,请尽快绑定/验证

MCBBS Wiki GitHub群组已上线!

您可以在回声洞中发表吐槽!

服务器状态监控。点击进入

本站由MCBBS用户自行搭建,与MCBBS及东银河系漫游指南(北京)科技有限公司没有从属关系。点此了解 MCBBS Wiki 不是什么>>

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

来自MCBBS Wiki
跳到导航 跳到搜索
(.)
 
(编辑“用户:Salt_lovely/common.scss” // 维基盐编辑器)
 
(未显示同一用户的2个中间版本)
第1行: 第1行:
<pre>@mixin highlightbutton(
<pre>@mixin highlightbutton(
$fontcolor: #634266,
$fontcolor: #8e5f92,
$backcolor: #fff2cd,
$backcolor: #fff2cd,
$fontsize: 1em
$fontcolor2: #634266,
$backcolor2: #ffe08b,
$bordercolor: #634266
) {
) {
position: relative;
position: relative;
display: inline-block;
display: inline-block;
// width: var(--btnw, 257px);
min-height: calc(1em + 4px);
min-height: calc(1em + 4px);
background: $backcolor;
background-color: $backcolor;
color: $fontcolor;
color: $fontcolor;
font-size: $fontsize;
> * {
background-color: $backcolor;
color: $fontcolor;
}
transform-origin: 50% 50%;
transition: all 0.4s ease;
transition: all 0.4s ease;
&::before,
&::before,
第16行: 第21行:
content: "";
content: "";
position: absolute;
position: absolute;
top: 0;
right: 0;
height: 2px;
height: 2px;
width: 0;
width: 0;
background: $backcolor;
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: $backcolor2;
color: $backcolor;
color: $fontcolor2;
z-index: 1;
> * {
background-color: $backcolor2;
color: $fontcolor2;
}
transform: scale(1.25);
&::before,
&::before,
&::after {
&::after {
第34行: 第51行:
}
}
.mw-userlink {
.mw-userlink {
// 管理员/巡查员高亮
&[title="用户:Eicy"],
&[title="用户:Eicy"],
&[title="用户:MashKJo"],
&[title="用户:MashKJo"],
&[title="用户:Sheep-realms"],
&[title="用户:Sheep-realms"],
&[title="用户:White i"],
&[title="用户:MidsummerEnd"],
&[title="用户:Salt lovely"],
&[title="用户:Salt lovely"],
&[title="用户:我是人1012"] {
&[title="用户:QWERTY770"],
&[title="用户:Litwak913"],
&[title="用户:Jaanai"],
&[title="用户:Lihl"],
&[title="用户:坑触可"] {
color: rgb(221, 17, 102);
color: rgb(221, 17, 102);
font-weight: bold;
font-weight: bold;
text-shadow: 0 0 1px #cef, 0 0 1px #cef, 0 0 1px #cef, 0 0 1px #cef,
text-shadow: 0 0 1px #fce, 0 0 1px #fce, 0 0 1px #fce, 0 0 1px #fce,
0 0 1px #cef, 0 0 1px #cef, 0 0 1px #cef, 0 0 1px #cef, 0 0 1px #cef,
0 0 1px #fce, 0 0 2px #fce, 0 0 2px #fce, 0 0 2px #fce, 0 0 2px #fce,
0 0 1px #cef, 0 0 1px #cef, 0 0 1px #cef, 0 0 1px #cef, 0 0 1px #cef,
0 0 2px #fce;
0 0 1px #cef;
transform-origin: 50% 50%;
&:hover {
transform: scale(1.25);
}
}
}
/*盐*/
// 不再活跃
&[title="用户:White i"],
&[title="用户:MidsummerEnd"],
&[title="用户:自由李代数"],
&[title="用户:我是人1012"],
&[title="用户:Jaanai"] {
color: rgb(126, 86, 102);
font-weight: normal;
}
//盐
&[title="用户:Salt lovely"] {
&[title="用户:Salt lovely"] {
color: #037;
color: rgb(4, 155, 214);
}
// 小号
&[title="用户:Salt"] {
color: rgb(147, 4, 214);
transform-origin: 50% 50%;
&:hover {
transform: scale(1.25);
}
}
// 未创建
&.new {
outline: #fce dashed 1px;
}
}
// 强制显示用户名和用户头像
.comment-post {
.comment-avatar,
.comment-user {
opacity: 1 !important;
}
}
}
}
// 高亮红链、巡查按钮、回退按钮
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,
.mw-rollback-link > a {
font-weight: bold;
font-weight: bold;
@include highlightbutton(royalblue);
@include highlightbutton(
rgb(74, 119, 255),
#fff2cd,
rgb(37, 91, 255),
#ffe08b,
rgb(37, 91, 255)
);
}
}
/* 动画 */
/* 动画 */

2024年3月12日 (二) 00:40的最新版本

@mixin highlightbutton(
    $fontcolor: #8e5f92,
    $backcolor: #fff2cd,
    $fontcolor2: #634266,
    $backcolor2: #ffe08b,
    $bordercolor: #634266
) {
    position: relative;
    display: inline-block;
    min-height: calc(1em + 4px);
    background-color: $backcolor;
    color: $fontcolor;
    > * {
        background-color: $backcolor;
        color: $fontcolor;
    }
    transform-origin: 50% 50%;
    transition: all 0.4s ease;
    &::before,
    &::after {
        content: "";
        position: absolute;
        height: 2px;
        width: 0;
        background: $bordercolor;
        transition: all 0.25s ease;
    }
    &::before {
        top: 0;
        right: 0;
    }
    &::after {
        bottom: 0;
        left: 0;
    }
    &:hover {
        background: $backcolor2;
        color: $fontcolor2;
        z-index: 1;
        > * {
            background-color: $backcolor2;
            color: $fontcolor2;
        }
        transform: scale(1.25);
        &::before,
        &::after {
            width: 100%;
            transition: all 0.8s ease;
        }
    }
}
.mw-userlink {
    // 管理员/巡查员高亮
    &[title="用户:Eicy"],
    &[title="用户:MashKJo"],
    &[title="用户:Sheep-realms"],
    &[title="用户:Salt lovely"],
    &[title="用户:QWERTY770"],
    &[title="用户:Litwak913"],
    &[title="用户:Jaanai"],
    &[title="用户:Lihl"],
    &[title="用户:坑触可"] {
        color: rgb(221, 17, 102);
        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%;
        &:hover {
            transform: scale(1.25);
        }
    }
    // 不再活跃
    &[title="用户:White i"],
    &[title="用户:MidsummerEnd"],
    &[title="用户:自由李代数"],
    &[title="用户:我是人1012"],
    &[title="用户:Jaanai"] {
        color: rgb(126, 86, 102);
        font-weight: normal;
    }
    //盐
    &[title="用户:Salt lovely"] {
        color: rgb(4, 155, 214);
    }
    // 小号
    &[title="用户:Salt"] {
        color: rgb(147, 4, 214);
        transform-origin: 50% 50%;
        &:hover {
            transform: scale(1.25);
        }
    }
    // 未创建
    &.new {
        outline: #fce dashed 1px;
    }
}
// 强制显示用户名和用户头像
.comment-post {
    .comment-avatar,
    .comment-user {
        opacity: 1 !important;
    }
}
// 高亮红链、巡查按钮、回退按钮
a[href*="&redlink=1"]:not([title*="讨论:"]):not([title*="用户:"]) {
    font-weight: bold;
    @include highlightbutton(
        rgb(253, 59, 124),
        #fff2cd,
        rgb(255, 35, 108),
        #ffe08b,
        rgb(255, 35, 108)
    );
}
.patrollink,
.mw-rollback-link > a {
    font-weight: bold;
    @include highlightbutton(
        rgb(74, 119, 255),
        #fff2cd,
        rgb(37, 91, 255),
        #ffe08b,
        rgb(37, 91, 255)
    );
}
/* 动画 */
@keyframes rotate-360 {
    from {
        transform: rotate(0);
    }
    to {
        transform: rotate(360deg);
    }
}