用户:Salt lovely/common.css

Salt lovely留言 | 贡献2021年2月21日 (日) 16:03的版本 (.)

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

  • 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="用户:自由李代数"], .mw-userlink[title="用户:QWERTY 52 38‎"], .mw-userlink[title="用户:我是人1012"] {
  color: #dd1166;
  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%;
}

.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="用户:QWERTY 52 38‎"]:hover, .mw-userlink[title="用户:我是人1012"]:hover {
  transform: scale(1.25);
}

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

.mw-userlink[title="用户:Salt"] {
  color: #9304d6;
  transform-origin: 50% 50%;
}

.mw-userlink[title="用户:Salt"]:hover {
  transform: scale(1.25);
}

.mw-userlink.new {
  outline: #fce dashed 1px;
}

.comment-post .comment-avatar,
.comment-post .comment-user {
  opacity: 1 !important;
}

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*="用户:"]) > * {
  background-color: #fff2cd;
  color: #fd3b7c;
}

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: #ffe08b;
  color: #ff236c;
  z-index: 1;
  transform: scale(1.25);
}

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

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,
.mw-rollback-link > a {
  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 > *,
.mw-rollback-link > a > * {
  background-color: #fff2cd;
  color: #4a77ff;
}

.patrollink::before, .patrollink::after,
.mw-rollback-link > a::before,
.mw-rollback-link > a::after {
  content: "";
  position: absolute;
  height: 2px;
  width: 0;
  background: #255bff;
  transition: all 0.25s ease;
}

.patrollink::before,
.mw-rollback-link > a::before {
  top: 0;
  right: 0;
}

.patrollink::after,
.mw-rollback-link > a::after {
  bottom: 0;
  left: 0;
}

.patrollink:hover,
.mw-rollback-link > a:hover {
  background: #ffe08b;
  color: #255bff;
  z-index: 1;
  transform: scale(1.25);
}

.patrollink:hover > *,
.mw-rollback-link > a:hover > * {
  background-color: #ffe08b;
  color: #255bff;
}

.patrollink:hover::before, .patrollink:hover::after,
.mw-rollback-link > a:hover::before,
.mw-rollback-link > a:hover::after {
  width: 100%;
  transition: all 0.8s ease;
}

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