MediaWiki:Citizen.css:修订间差异

MediaWiki界面页面
无编辑摘要
无编辑摘要
第1行: 第1行:
.page-首页 .mw-body-header {
.page-首页 .mw-body-header {
display: none!important;
display: none;
}
}


.page-首页 .header-image {
.page-首页 .banner-image {
background-image: linear-gradient(to top, var(--color-surface-0), transparent 150%), url(https://h2-wiki-1254268741.cos.ap-shanghai.myqcloud.com/wiki-poster.png);
--header-image-url: url("https://wiki.hydcraft.cn/images/mainpage_banner.webp");
--header-image-height: 54vh;
background-image: linear-gradient(to top, var(--color-surface-0) 15%, transparent 150%), var(--header-image-url);
background-size: cover;
background-size: cover;
background-position: top;
background-position: top;
height: 36vh;
height: var(--header-image-height);
margin-bottom: -28vh;
margin-bottom: calc(-1 * var(--header-image-height));
}
 
#footer-icons a {
opacity: var( --opacity-icon-base );
transition: opacity 250ms ease;
filter: grayscale(100%);
}
 
#footer-icons a:hover {
opacity: var( --opacity-icon-base--hover );
}
 
#footer-icons a:active {
opacity: var( --opacity-icon-base--active );
}
 
#footer-icons ul {
gap: var( --space-md );
filter: invert(1);
}
 
#footer-places {
column-count: 2;
}
 
.skin-citizen-dark #footer-icons ul {
filter: invert( 0 ) ;
}
 
.footer-beian {
margin-bottom: 10px;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
}
 
.footer-beian div {
margin: 5px;
display: flex;
gap: 5px;
align-items: center;
}
 
.footer-beian div:hover a {
color: var(--color-primary);
}
 
.footer-beian div:last-child {
border-right: unset;
padding-right: unset;
}
}


第113行: 第64行:
}
}


.cs-comments {
#footer-icons a {
font-family: unset!important;
opacity: var(--opacity-icon-base);
transition: opacity 250ms ease;
filter: grayscale(100%);
}
}


/* 字体 */
#footer-icons a:hover {
 
opacity: var(--opacity-icon-base--hover);
body {
font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial,sans-serif;
}
}


@font-face {
#footer-icons a:active {
font-family: '得意黑';
opacity: var(--opacity-icon-base--active);
src: url(https://h2-wiki-1254268741.cos.ap-shanghai.myqcloud.com/font/SmileySans-Oblique.woff2) format('woff2');
}
}


@font-face {
#footer-icons ul {
font-family: 'Minecraft AE';
gap: var(--space-md);
src: url(https://api.hydcraft.cn/resources/h2wiki/Minecraft_AE.woff2) format('woff2');
filter: invert(1);
}
}


@font-face {
#footer-places {
font-family: 'Oswald';
column-count: 2;
src: url(https://h2-wiki-1254268741.cos.ap-shanghai.myqcloud.com/font/Oswald-Regular.woff2) format('woff2');
}
}


@font-face {
.skin-citizen-dark #footer-icons ul {
font-family: '思源黑体';
filter: invert(0) ;
src: url(https://h2-wiki-1254268741.cos.ap-shanghai.myqcloud.com/font/SourceHanSansCN.woff2) format('woff2');
}
}


@font-face {
.footer-register {
font-family: '思源宋体';
margin-bottom: 10px;
src: url(https://h2-wiki-1254268741.cos.ap-shanghai.myqcloud.com/font/SourceHanSerifCN.woff2) format('woff2');
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
}
}


@font-face {
.footer-register .footer-register__item {
font-family: '方正小标宋';
margin: 5px;
src: url(https://h2-wiki-1254268741.cos.ap-shanghai.myqcloud.com/font/FZXBSK.woff2) format('woff2');
display: flex;
gap: 5px;
align-items: center;
}
}


@font-face {
.footer-register .footer-register__item a {
font-family: 'Consola';
text-decoration: none;
src: url(https://h2-wiki-1254268741.cos.ap-shanghai.myqcloud.com/font/Consola.woff2) format('woff2');
}
}


@font-face {
.footer-register .footer-register__item:hover a {
font-family: 'AlibabaPuHuiTi';
color: var(--color-primary);
src: url(https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaPuHuiTi-3/AlibabaPuHuiTi-3-45-Light/AlibabaPuHuiTi-3-45-Light.woff2) format('woff2');
background: var(--background-color-primary--hover);
}
 
@font-face {
font-family: 'AlibabaPuHuiTi-TC';
src: url(https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaSansTC/AlibabaSansTC-45/AlibabaSansTC-45.woff2) format('woff2');
}
}


@font-face {
.mw-logo-wordmark {
font-family: 'AlibabaPuHuiTi-Bold';
font-family: "Site Wordmark Font";
src: url(https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaPuHuiTi-3/AlibabaPuHuiTi-3-75-SemiBold/AlibabaPuHuiTi-3-75-SemiBold.woff2) format('woff2');
}
}


@font-face {
.mw-logo-wordmark::after {
font-family: 'AlibabaPuHuiTi-TC-Bold';
content: "❤";
src: url(https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaSansTC/AlibabaSansTC-75/AlibabaSansTC-75.woff2) format('woff2');
color: #cf0000;
font-size: 16px;
margin-left: 5px;
animation: heartbeat 0.8s infinite;
}
}


@font-face {
.footer-label {
font-family: 'AlibabaPuHuiTi-Heavy';
color: var(--color-base--subtle);
src: url(https://puhuiti.oss-cn-hangzhou.aliyuncs.com/AlibabaPuHuiTi-3/AlibabaPuHuiTi-3-105-Heavy/AlibabaPuHuiTi-3-105-Heavy.woff2) format('woff2');
font-size: 12px;
letter-spacing: 0.75px;
}
}

2024年3月8日 (五) 17:41的版本

.page-首页 .mw-body-header {
	display: none;
}

.page-首页 .banner-image {
	--header-image-url: url("https://wiki.hydcraft.cn/images/mainpage_banner.webp");
	--header-image-height: 54vh;
	background-image: linear-gradient(to top, var(--color-surface-0) 15%, transparent 150%), var(--header-image-url);
	background-size: cover;
	background-position: top;
	height: var(--header-image-height);
	margin-bottom: calc(-1 * var(--header-image-height));
}

.mw-portlet-External {
	margin-top: var(--space-md);
	padding-top: var(--space-sm);
	border-top: 1px solid var(--border-color-base);
	font-size: 0.8125rem;
	grid-column: 1 / -1;
	white-space: nowrap;
}

.mw-portlet-External .citizen-menu__heading {
	display: none;
}

.mw-portlet-External ul {
	display: flex;
	overflow: auto;
}

.mw-portlet-External .mw-list-item a {
	gap: 0;
}

.citizen-drawer__menu [id^="n-sidebar-label-"] a {
	pointer-events: none;
	margin-left: var(--space-xs);
	padding-left: var(--space-md);
	padding-right: var(--space-xs);
	border-left: 1px solid var(--border-color-base);
	border-radius: 0;
	letter-spacing: 0.05em;
	font-weight: var(--font-weight-normal);
	color: var(--color-base--subtle) !important;
}

.citizen-drawer__menu [id^="n-sidebar-icon-"] a {
	font-size: 0;
}

.citizen-drawer__menu [id^="n-sidebar-icon-"] a:before {
	display: block;
	content: "";
	width: var(--size-icon);
	height: var(--size-icon);
	background: transparent center/contain no-repeat;
	opacity: var(--opacity-icon-base);
}

.skin-citizen-dark .citizen-drawer__menu [id^="n-sidebar-icon-"] a:before {
	filter: invert(1);
}

#footer-icons a {
	opacity: var(--opacity-icon-base);
	transition: opacity 250ms ease;
	filter: grayscale(100%);
}

#footer-icons a:hover {
	opacity: var(--opacity-icon-base--hover);
}

#footer-icons a:active {
	opacity: var(--opacity-icon-base--active);
}

#footer-icons ul {
	gap: var(--space-md);
	filter: invert(1);
}

#footer-places {
	column-count: 2;
}

.skin-citizen-dark #footer-icons ul {
	filter: invert(0) ;
}

.footer-register {
	margin-bottom: 10px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
}

.footer-register .footer-register__item {
	margin: 5px;
	display: flex;
	gap: 5px;
	align-items: center;
}

.footer-register .footer-register__item a {
	text-decoration: none;
}

.footer-register .footer-register__item:hover a {
	color: var(--color-primary);
	background: var(--background-color-primary--hover);
}

.mw-logo-wordmark {
	font-family: "Site Wordmark Font";
}

.mw-logo-wordmark::after {
	content: "❤";
	color: #cf0000;
	font-size: 16px;
	margin-left: 5px;
	animation: heartbeat 0.8s infinite;
}

.footer-label {
	color: var(--color-base--subtle);
	font-size: 12px;
	letter-spacing: 0.75px;
}
为了让您的浏览体验更加高效、方便和个性化,遵照《中华人民共和国网络安全法》和《信息安全技术个人信息安全规范》,我们需要您允许本站使用Cookies。在某些情况下,Cookies是使网站正常运行的必要条件。