用户:Salt lovely/common.css

Salt lovely留言 | 贡献2020年7月3日 (五) 22:53的版本 (// Edit via Wikiplus)

注意:在发布之后,您可能需要清除浏览器缓存才能看到所作出的变更的影响。

  • Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5Ctrl-R(Mac为⌘-R
  • Google Chrome:Ctrl-Shift-R(Mac为⌘-Shift-R
  • Internet Explorer或Edge:按住Ctrl的同时单击刷新,或按Ctrl-F5
  • Opera:Ctrl-F5
/* 管理员账户--复制&修改自电量量的css */
.mw-userlink[title="用户:Eicy"],
.mw-userlink[title="用户:MashKJo"],
.mw-userlink[title="用户:Sheep-realms"],
.mw-userlink[title="用户:White i"],
.mw-userlink[title="用户:我是人1012"],
.mw-userlink[title="用户:MidsummerEnd"],
.mw-userlink[title="用户:Salt lovely"],
.mw-userlink[title="用户:⧼abusefilter-blocker⧽"] {
	color: #91d;
	font-weight: bold;
}

/* 红链 */
a[href*="&redlink=1"]:not([title*="讨论:"]):not([title*="用户:"]){
    /* 我觉得这个好理解一些 */
    position: relative;
}
a[href*="&redlink=1"]:not([title*="讨论:"]):not([title*="用户:"]):after{
    content: '';
    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"]:not([title*="讨论:"]):not([title*="用户:"]):hover:after{
    width: 6em;height: 6em;
    top: calc(50% - 3em);left: calc(50% - 3em);
    box-shadow: 0 3px 3px #99fa inset, 0 -3px 3px #f6a6 inset;
}

/* 巡查按钮 */
span.patrollink{
    text-shadow: 0 0 1px #222;
    position: relative;
}
span.patrollink:after{
    content: '';
    pointer-events:none;
    position: absolute;
    display: inline-block;
    width: 5em;height: 5em;
    top: calc(50% - 2.5em);left: calc(50% - 2.5em);
    border-radius: 4em;
    box-shadow: 0 4px 0 #7fda inset, 0 -4px 0 #6cf6 inset;
    animation: rotate-360 2s linear infinite;
    transition:0.5s ease;
}
span.patrollink:hover:after{
    width: 7em;height: 7em;
    top: calc(50% - 3.5em);left: calc(50% - 3.5em);
    box-shadow: 0 6px 3px #7fda inset, 0 -6px 3px #6cf6 inset;
}


/* 动画 */
@keyframes rotate-360 {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(360deg);
  }
}