注意：在发布之后，您可能需要清除浏览器缓存才能看到所作出的更改的影响。
- Firefox或Safari：按住Shift的同时单击刷新，或按Ctrl-F5或Ctrl-R（Mac为⌘-R）
- Google Chrome：按Ctrl-Shift-R（Mac为⌘-Shift-R）
- Edge：按住Ctrl的同时单击刷新，或按Ctrl-F5。
/* 这里放置的CSS将应用于所有皮肤 */
/* 信息框图片位置随设备调整 */
@media all and ( min-width: 720px ) {
.toppic {
display: none;
}
}
@media all and ( max-width: 720px ) {
.sidepic {
display: none;
}
}
/* 防止pre模块溢出使得文本不可读*/
pre {overflow-x: auto;}
code, pre {word-break: break-word;}
/* Default styling for Navbar template */
.navbar {
display: inline;
font-weight: normal;
}
.navbar ul {
display: inline;
white-space: nowrap;
}
.navbar li {
word-spacing: -0.125em;
}
.navbar.mini li abbr[title] {
font-variant: small-caps;
border-bottom: none;
text-decoration: none;
cursor: inherit;
}
/* Navbar styling when nested in navbox */
.navbox .navbar {
display: block;
}
.navbox-title .navbar {
/* @noflip */
float: left;
/* @noflip */
text-align: left;
/* @noflip */
margin-right: 0.5em;
width: 6em;
}
.navbox { /* Navbox container style */
width: 100%;
margin: auto;
clear: both;
font-size: 88%;
text-align: center;
padding: 1px;
}
.navbox-inner,
.navbox-subgroup {
width: 100%;
}
.navbox th,
.navbox-title,
.navbox-abovebelow {
text-align: center; /* Title and above/below styles */
padding-left: 1em;
padding-right: 1em;
}
th.navbox-group { /* Group style */
white-space: nowrap;
/* @noflip */
text-align: right;
}
.navbox,
.navbox-subgroup {
background: #FDFDFD; /* Background color */
}
.navbox-list {
border-color: #FDFDFD; /* Must match background color */
}
.navbox th,
.navbox-title {
background: #9EDBF7; /* Level 1 color */
}
.navbox-abovebelow,
th.navbox-group,
.navbox-subgroup .navbox-title {
background: #AEE0F7; /* Level 2 color */
}
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
background: #C5E8FB; /* Level 3 color */
}
.navbox-even {
background: #F7F7F7; /* Even row striping */
}
.navbox-odd {
background: transparent; /* Odd row striping */
}
table.navbox + table.navbox { /* Single pixel border between adjacent navboxes */
margin-top: -1px; /* (doesn't work for IE6, but that's okay) */
}
.navbox .hlist td dl,
.navbox .hlist td ol,
.navbox .hlist td ul,
.navbox td.hlist dl,
.navbox td.hlist ol,
.navbox td.hlist ul {
padding: 0.125em 0; /* Adjust hlist padding in navboxes */
}
.navbox .hlist dd,
.navbox .hlist dt,
.navbox .hlist li {
white-space: nowrap; /* Nowrap list items in navboxes */
}
.navbox .hlist dd dl,
.navbox .hlist dt dl,
.navbox .hlist li ol,
.navbox .hlist li ul {
white-space: normal; /* But allow parent list items to be wrapped */
}
ol + table.navbox,
ul + table.navbox {
margin-top: 0.5em; /* Prevent lists from clinging to navboxes */
}
/* 'show'/'hide' buttons created dynamically by the CollapsibleTables javascript
in [[MediaWiki:Common.js]] are styled here so they can be customised. */
.collapseButton {
/* @noflip */
float: right;
font-weight: normal;
/* @noflip */
margin-left: 0.5em;
/* @noflip */
text-align: right;
width: auto;
}
/* In navboxes, the show/hide button balances the v·d·e links
from [[Template:Navbar]], so they need to be the same width. */
.navbox .collapseButton {
width: 6em;
}
/* Default styling for Infobox template */
.infobox-title {
background: #53D6FF; /* Level 1 color */
}
.infobox-above,
.infobox-below {
background: #9EDBF7; /* Level 2 color */
}
.infobox-header {
background: #AEE0F7; /* Level 3 color */
}
.infobox-label {
background: #C5E8FB; /* Level 4 color */
}
/*隐藏首页标题*/
.page-首页 .mw-side,
.page-首页 .firstHeading,
.page-首页 #siteSub {display:none;}
.page-首页 #ca-edit {display:none;}
.page-首页 #ca-ve-edit {display:none;}
.page-首页 #ca-history {display:none;}
.page-首页 #ca-talk {display:none;}
.page-首页 #ca-delete {display:none;}
.page-首页 #ca-move {display:none;}
.page-首页 #ca-protect {display:none;}
/* 将logo换成图片 */
.mw-logo-wordmark {
height: 55px;
font-size: 0;
background:url('https://rizwiki.cn/images/9/96/Rizwiki_logo.png') left no-repeat;
background-size: contain;
}
/* Font */
@font-face {
font-family: '思源黑体';
src:
local('思源黑体'),
local('Source Han Sans CN'),
url('/skins/Citizen/SourceHanSansCN-VF.otf');
}
@font-face {
font-family: 'Comfortaa';
src:
local('Comfortaa'),
url('./skins/Citizen/Comfortaa[wght].ttf');
}
body {
font-family: 'Comfortaa', '思源黑体', var(--font-family-base), sans-serif;
}
/* fix */
.infobox {
padding-left: 15px;
}
@media (max-width: 510px) {
.infobox {
float: none;
margin-left: 0;
margin-bottom: 20px;
padding-left: 0px;
order: 0;
}
.citizen-section,
.mw-content-ltr {
display: flex;
flex-direction: column;
}
.citizen-section > p,
.mw-content-ltr > p {
width: 100%;
margin-top: 20px;
}
}
.home-card--button,
#home-nav .home-card {
position: relative;
overflow: hidden;
display: block;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.home-card__foreground {
height: 100%;
position: absolute;
left: 0px;
color: white;
line-height: 17px;
font-weight: 500;
user-select: none;
pointer-events: none;
z-index: 2;
padding: 16px;
text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
}
.home-card__background {
position: relative;
width: 100%;
height: 100%;
}
.home-card__background img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.5s cubic-bezier(0.2, 0.9, 0.4, 1.1);
transform-origin: center;
will-change: transform;
backface-visibility: hidden;
}
.home-card__background::before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
content: "";
background: linear-gradient(135deg,
rgba(0,0,0,1) 0%,
rgba(0,0,0,0.5) 50%,
transparent 100%);
pointer-events: none;
z-index: 1;
transition: opacity 0.3s;
}
.home-card--button:hover,
#home-nav .home-card:hover {
transform: translateY(-5px);
box-shadow: 0 12px 24px rgba(0,0,0,0.4);
}
.home-card--button:hover .home-card__background img,
#home-nav .home-card:hover .home-card__background img {
transform: scale(1.07);
}
.home-card--button:hover .home-card__background::before,
#home-nav .home-card:hover .home-card__background::before {
opacity: 0.9;
}
.citizen-page-heading {
display: flex;
flex-direction: column;
gap: 0.1rem;
}
.firstHeading-container {
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 0.1rem;
}
.title-shortlink-container {
width: 100%;
order: 1;
}
#siteSub {
order: 2;
}
table:has(math) {
display: block;
border: 0;
max-width: 100%;
overflow-x: auto;
}
.navbox:not(:has(.mw-collapsed)) {
display: inline-block;
max-width: 100%;
overflow-x: auto;
white-space: nowrap;
}
.navbox-inner:not(.mw-collapsed) {
display: inline-block;
white-space: nowrap;
}
.navbox-subgroup:not(.mw-collapsed) {
white-space: normal;
}