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

(用SCSS重写)
(编辑“用户:Salt_lovely/common.css” // 维基盐编辑器)
 
(未显示同一用户的2个中间版本)
第1行: 第1行:
@charset "UTF-8";
@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"] {
.mw-userlink[title="用户:Eicy"], .mw-userlink[title="用户:MashKJo"], .mw-userlink[title="用户:Sheep-realms"], .mw-userlink[title="用户:Salt lovely"], .mw-userlink[title="用户:QWERTY770"], .mw-userlink[title="用户:Litwak913"], .mw-userlink[title="用户:Jaanai"], .mw-userlink[title="用户:Lihl"], .mw-userlink[title="用户:坑触可"] {
   color: #dd1166;
   color: #dd1166;
   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 #fce, 0 0 2px #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,
  transform-origin: 50% 50%;
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="用户:Eicy"]:hover, .mw-userlink[title="用户:MashKJo"]:hover, .mw-userlink[title="用户:Sheep-realms"]:hover, .mw-userlink[title="用户:Salt lovely"]:hover, .mw-userlink[title="用户:QWERTY770"]:hover, .mw-userlink[title="用户:Litwak913"]:hover, .mw-userlink[title="用户:Jaanai"]:hover, .mw-userlink[title="用户:Lihl"]:hover, .mw-userlink[title="用户:坑触可"]:hover {
  transform: scale(1.25);
}
 
.mw-userlink[title="用户:White i"], .mw-userlink[title="用户:MidsummerEnd"], .mw-userlink[title="用户:自由李代数"], .mw-userlink[title="用户:我是人1012"], .mw-userlink[title="用户:Jaanai"] {
  color: #7e5666;
  font-weight: normal;
}
}


.mw-userlink[title="用户:Salt lovely"] {
.mw-userlink[title="用户:Salt lovely"] {
   color: #037;
   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;
}
}


第18行: 第43行:
   display: inline-block;
   display: inline-block;
   min-height: calc(1em + 4px);
   min-height: calc(1em + 4px);
   background: #fff2cd;
   background-color: #fff2cd;
   color: #ff236c;
   color: #fd3b7c;
   font-size: 1em;
   transform-origin: 50% 50%;
   transition: all 0.4s ease;
   transition: all 0.4s ease;
}
a[href*="&redlink=1"]:not([title*="讨论:"]):not([title*="用户:"]) > * {
  background-color: #fff2cd;
  color: #fd3b7c;
}
}


第27行: 第57行:
   content: "";
   content: "";
   position: absolute;
   position: absolute;
  top: 0;
  right: 0;
   height: 2px;
   height: 2px;
   width: 0;
   width: 0;
   background: #fff2cd;
   background: #ff236c;
   transition: all 0.25s ease;
   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 {
a[href*="&redlink=1"]:not([title*="讨论:"]):not([title*="用户:"]):hover {
   background: #ff236c;
   background: #ffe08b;
   color: #fff2cd;
  color: #ff236c;
   z-index: 1;
  transform: scale(1.25);
}
 
a[href*="&redlink=1"]:not([title*="讨论:"]):not([title*="用户:"]):hover > * {
  background-color: #ffe08b;
  color: #ff236c;
}
}


第45行: 第90行:
}
}


.patrollink {
.patrollink,
.mw-rollback-link > a {
   font-weight: bold;
   font-weight: bold;
   position: relative;
   position: relative;
   display: inline-block;
   display: inline-block;
   min-height: calc(1em + 4px);
   min-height: calc(1em + 4px);
   background: #fff2cd;
   background-color: #fff2cd;
   color: royalblue;
   color: #4a77ff;
   font-size: 1em;
   transform-origin: 50% 50%;
   transition: all 0.4s ease;
   transition: all 0.4s ease;
}
}


.patrollink::before, .patrollink::after {
.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: "";
   content: "";
   position: absolute;
   position: absolute;
  top: 0;
  right: 0;
   height: 2px;
   height: 2px;
   width: 0;
   width: 0;
   background: #fff2cd;
   background: #255bff;
   transition: all 0.25s ease;
   transition: all 0.25s ease;
}
}


.patrollink:hover {
.patrollink::before,
   background: royalblue;
.mw-rollback-link > a::before {
   color: #fff2cd;
  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 {
.patrollink:hover::before, .patrollink:hover::after,
.mw-rollback-link > a:hover::before,
.mw-rollback-link > a:hover::after {
   width: 100%;
   width: 100%;
   transition: all 0.8s ease;
   transition: all 0.8s ease;

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

@charset "UTF-8";
.mw-userlink[title="用户:Eicy"], .mw-userlink[title="用户:MashKJo"], .mw-userlink[title="用户:Sheep-realms"], .mw-userlink[title="用户:Salt lovely"], .mw-userlink[title="用户:QWERTY770"], .mw-userlink[title="用户:Litwak913"], .mw-userlink[title="用户:Jaanai"], .mw-userlink[title="用户:Lihl"], .mw-userlink[title="用户:坑触可"] {
  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="用户:Salt lovely"]:hover, .mw-userlink[title="用户:QWERTY770"]:hover, .mw-userlink[title="用户:Litwak913"]:hover, .mw-userlink[title="用户:Jaanai"]:hover, .mw-userlink[title="用户:Lihl"]:hover, .mw-userlink[title="用户:坑触可"]:hover {
  transform: scale(1.25);
}

.mw-userlink[title="用户:White i"], .mw-userlink[title="用户:MidsummerEnd"], .mw-userlink[title="用户:自由李代数"], .mw-userlink[title="用户:我是人1012"], .mw-userlink[title="用户:Jaanai"] {
  color: #7e5666;
  font-weight: normal;
}

.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;
  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;
  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);
  }
}