MediaWiki:Common.css

/* 这里放置的CSS将应用于所有皮肤 */
@import url('https://fonts.googleapis.com/css?family=Nunito');
@import url('https://fonts.googleapis.com/css?family=Google Sans'); /* 谷歌的字体 */
@import url('https://fonts.googleapis.com/css?family=Noto Sans SC'); /* 思源黑体 */
@import url('https://fonts.googleapis.com/css?family=Vazirmatn'); /*阿拉伯字母字体*/

/* 全站字体 */
:root {
	font-size:18px !important;
}
body,.mw-body h1,.mw-body h2,.mw-body h3{
  font-family: "Nunito", Vazirmatn, "Google Sans", "Noto Sans SC", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Microsoft YaHei", "Heiti SC", sans-serif;
}
.ace_content {
   font-family:monospace !important;
}

td.Quote_Left {
    line-height: 0.7em;
    vertical-align: top;
    text-align: right;
}
td.Quote_Right {
    line-height: 0.1em;
    vertical-align: bottom;
    text-align: left;
}
td.Quote_Left, td.Quote_Right {
    color: #0D9BE3;
    font-size: 40px;
    font-family: 'Arial Black','Times New Roman',serif;
    font-weight: bold;
    width: 0px;
}
/* HOMEPAGE LOGO ICON */
.logo-display {
  position: relative;
  display: inline-block;
}

.logo-display > a::before,
.logo-display > a::after {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.logo-display > a {
  overflow: hidden;
  display: block;
  border-radius: 0.3em;
  border: 2px solid transparent;
  transform: scale(0.90);
  transition: all .14s cubic-bezier(0.33, 1, 0.68, 1);
}

.logo-display > a:hover, 
.logo-display > a:focus  {
  border-radius: 0.3em;
  border: 2px solid transparent;
  transform: scale(1);
}

/* 黑幕模板配合CSS */
/* 把这几行单独拎出来写，否则会被Firefox合并到“.heimu a”这条规则，然后又被上面的“点过外链不变色”规则override */
.heimu,
.heimu rt {
    background-color: #252525;
}
 
span.heimu a.external,
span.heimu a.external:visited,
span.heimu a.extiw,
span.heimu a.extiw:visited {
    color: #252525;
}
 
.heimu,
.heimu a,
a .heimu,
.heimu a.new {
    color: #252525;
    text-shadow: none;
}
 
body:not(.heimu_toggle_on) .heimu:hover,
body:not(.heimu_toggle_on) .heimu:active,
body:not(.heimu_toggle_on) .heimu.off {
    transition: color .13s linear;
    color: white;
}
 
body:not(.heimu_toggle_on) .heimu:hover a,
body:not(.heimu_toggle_on) a:hover .heimu,
body:not(.heimu_toggle_on) .heimu.off a,
body:not(.heimu_toggle_on) a:hover .heimu.off {
    transition: color .13s linear;
    color: lightblue;
}
 
body:not(.heimu_toggle_on) .heimu.off .new,
body:not(.heimu_toggle_on) .heimu.off .new:hover,
body:not(.heimu_toggle_on) .new:hover .heimu.off,
body:not(.heimu_toggle_on) .heimu:hover .new {
    transition: color .13s linear;
    color: #FCC;
}
.glass{
  position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);
  width:20rem;height:20rem;border-radius:50%;
  background:rgba(255,255,255,.08);border:2px solid transparent;
  box-shadow:0 0 0 2px rgba(255,255,255,.6),0 16px 32px rgba(0,0,0,.12);
  backdrop-filter:url(#frosted);-webkit-backdrop-filter:url(#frosted);
  display:grid;place-items:center;cursor:pointer;outline:0;
}

.glass::before,
.glass::after{
  content:"";position:absolute;width:40%;height:10px;background:#fff;border-radius:10px;
}
.glass::after{transform:rotate(90deg)}