“MediaWiki:Common.css”的版本间差异

来自橘猪小站
跳到导航 跳到搜索
 
(未显示同一用户的10个中间版本)
第1行: 第1行:
/* 这里放置的CSS将应用于所有皮肤 */
/* 这里放置的CSS将应用于所有皮肤 */
@import url('https://fonts.googleapis.com/css?family=Montserrat'); /* 因使用顺序优先加载 */
@import url('https://fonts.googleapis.com/css?family=Nunito');
@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=Google Sans'); /* 谷歌的字体 */
@import url('https://fonts.googleapis.com/css?family=Noto Sans SC'); /* 思源黑体 */
@import url('https://fonts.googleapis.com/css?family=Noto Sans SC'); /* 思源黑体 */
@import url('https://fonts.googleapis.com/css?family=Vazirmatn'); /*阿拉伯字母字体*/


/* 全站字体 */
/* 全站字体 */
body,.mw-body h1{
:root {
   font-family: Montserrat, "Nunito", "Google Sans", "Noto Sans SC", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Microsoft YaHei", "Heiti SC", sans-serif;
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 {
.ace_content {
第29行: 第32行:
     font-weight: bold;
     font-weight: bold;
     width: 0px;
     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{
    inset: 50% auto auto 50%;
    transform: translate(-50%, -50%);
    background: rgba(255, 255, 255, .08);
    border: 10px solid transparent;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, .6), 0 16px 32px rgba(0, 0, 0, .12);
    place-items: center;
    cursor: pointer;
    outline: 0;
    backdrop-filter: blur(5px) contrast(0.8) brightness(0.9);
}
}

2025年6月11日 (三) 15:27的最新版本

/* 这里放置的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{
    inset: 50% auto auto 50%;
    transform: translate(-50%, -50%);
    background: rgba(255, 255, 255, .08);
    border: 10px solid transparent;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, .6), 0 16px 32px rgba(0, 0, 0, .12);
    place-items: center;
    cursor: pointer;
    outline: 0;
    backdrop-filter: blur(5px) contrast(0.8) brightness(0.9);
}