用户:Salt lovely/common.css

Salt lovely留言 | 贡献2021年2月21日 (日) 14:44的版本 (用SCSS重写)

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

  • 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
@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"] {
  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;
}

.mw-userlink[title="用户:Salt lovely"] {
  color: #037;
}

a[href*="&redlink=1"]:not([title*="讨论:"]):not([title*="用户:"]) {
  font-weight: bold;
  position: relative;
  display: inline-block;
  min-height: calc(1em + 4px);
  background: #fff2cd;
  color: #ff236c;
  font-size: 1em;
  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;
  top: 0;
  right: 0;
  height: 2px;
  width: 0;
  background: #fff2cd;
  transition: all 0.25s ease;
}

a[href*="&redlink=1"]:not([title*="讨论:"]):not([title*="用户:"]):hover {
  background: #ff236c;
  color: #fff2cd;
}

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: #fff2cd;
  color: royalblue;
  font-size: 1em;
  transition: all 0.4s ease;
}

.patrollink::before, .patrollink::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 2px;
  width: 0;
  background: #fff2cd;
  transition: all 0.25s ease;
}

.patrollink:hover {
  background: royalblue;
  color: #fff2cd;
}

.patrollink:hover::before, .patrollink:hover::after {
  width: 100%;
  transition: all 0.8s ease;
}

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