MediaWiki:Citizen.css：修订间差异

2024年4月5日 (五) 22:35的版本 （查看源代码） LuRenDing（讨论 | 贡献） 无编辑摘要 标签：手工回退 ←上一编辑		2024年4月5日 (五) 22:49的版本 （查看源代码） AurLemon（讨论 | 贡献） （稍微修改一下） 下一编辑→
第1行：		第1行：
	/* 这里的任何CSS将为使用Citizen皮肤的用户加载 */
	.skin-citizen-light .welcomeec {		.skin-citizen-light .welcomeec {
	background-color:#f9fafb;		width: 100%;
	font-size:80%;		font-size: 80%;
	width:100%;		margin: 0 auto;
	margin:0 auto;		border-radius: 5px;
	border-radius:5px;		background-color: #f9fafb;
	}		}
	.skin-citizen-dark .welcomeec {		.skin-citizen-dark .welcomeec {
	background-color:#1e2830;		background-color: #1e2830;
	font-size:80%;
	width:100%;
	margin:0 auto;
	border-radius:5px;
	}		}
第20行：		第15行：
	}*/		}*/
	/*尝试黑幕的transition标签*/
	.mask {		.mask {
	background-color:#000000;		color: #000000;
	color:#000000;		background-color: #000000;
	transition:color 0.1s;		transition: color 100ms ease;
	}		}
	.mask:hover {		.mask:hover {
	color:#FFFFFF;		color: #fff;
	}		}
	/*新主页的flex*/
	.flexdiv {		.flexdiv {
	display: flex;		display: flex;
	flex-wrap: wrap;		flex-wrap: wrap;
	}		}
	.wikibox {		.wikibox,
	width:100%;		.wikibox2,
	box-sizing: border-box;
	padding: 10px;
	}
	@media (min-width: 601px) {
	.wikibox {
	width: 33.33%;
	}
	}
	.wikibox2 {
	width:100%;
	box-sizing: border-box;
	padding: 10px;
	}
	@media (min-width: 601px) {
	.wikibox2 {
	width: 66.66%;
	}
	}
	.wikibox3 {		.wikibox3 {
	width:100%;		width: 100%;
	box-sizing: border-box;		padding: 10px;
	padding: 10px;		box-sizing: border-box;
	}		}
	@media (min-width: 601px) {		@media (min-width: 721px) {
	.wikibox3 {		.wikibox {
	width: 50%;		width: calc(100% / 3);
	}		}
			.wikibox2 {
			width: calc(100% / 3 * 2);
			}
			.wikibox3 {
			width: calc(100% / 2);
			}
	}		}
	@media (max-width: 600px) {		@media (max-width: 720px) {
	.wikibox, .wikibox2, .wikibox3 {		.wikibox,
	width: 100%;		.wikibox2,
	}		.wikibox3 {
			width: 100%;
			}
	}		}
	/* 首页隐藏页眉 */
	.page-首页 .mw-body-header,		.page-首页 .mw-body-header,
	.page-首页 .page-info,		.page-首页 .page-info,
	.page-首页 .cs-comments {		.page-首页 .cs-comments,
	display: none;
	}
	/* 首页BG */
	.page-首页 .banner-image {
	--banner-image-url: url("http://wiki.easecation.net/images/1/1f/Background.jpg");
	--banner-image-height: 70vh;
	background-image: linear-gradient(to top, var(--color-surface-0) 15%, transparent 150%), var(--banner-image-url);
	background-size: cover;
	background-position: top;
	height: var(--banner-image-height);
	margin-bottom: calc(-1 * var(--banner-image-height));
	}
	/* 测试首页隐藏页眉 */
	.page-IndexTest .mw-body-header,		.page-IndexTest .mw-body-header,
	.page-IndexTest .page-info,		.page-IndexTest .page-info,
第101行：		第68行：
	display: none;		display: none;
	}		}
	/* 测试首页BG */
			.page-首页 .banner-image,
	.page-IndexTest .banner-image {		.page-IndexTest .banner-image {
	--banner-image-url: url("http://wiki.easecation.net/images/1/1f/Background.jpg");		--banner-image-url: url("http://wiki.easecation.net/images/1/1f/Background.jpg");
第110行：		第78行：
	height: var(--banner-image-height);		height: var(--banner-image-height);
	margin-bottom: calc(-1 * var(--banner-image-height));		margin-bottom: calc(-1 * var(--banner-image-height));
			}
			.mw-message-box-warning {
			backdrop-filter: saturate(125%) blur(16px);
			-webkit-backdrop-filter: saturate(125%) blur(16px);
	}		}

2024年4月5日 (五) 22:49的版本

.skin-citizen-light .welcomeec {
	width: 100%;
	font-size: 80%;
	margin: 0 auto;
	border-radius: 5px;
	background-color: #f9fafb;
}

.skin-citizen-dark .welcomeec {
	background-color: #1e2830;
}

/*.skin-citizen-dark .info-class {
filter: invert(1) hue-rotate(180deg);
}*/

.mask {
	color: #000000;
	background-color: #000000;
	transition: color 100ms ease;
}

.mask:hover {
	color: #fff;
}

.flexdiv {  
	display: flex;  
	flex-wrap: wrap;
}  
  
.wikibox,
.wikibox2,
.wikibox3 {  
	width: 100%;  
	padding: 10px;
	box-sizing: border-box;
}
 
@media (min-width: 721px) {
	.wikibox {  
		width: calc(100% / 3);  
	}

	.wikibox2 {
		width: calc(100% / 3 * 2);  
	}

	.wikibox3 {
		width: calc(100% / 2);
	}  
} 

@media (max-width: 720px) {  
	.wikibox,
	.wikibox2,
	.wikibox3 {  
		width: 100%;  
	}  
}

.page-首页 .mw-body-header,
.page-首页 .page-info,
.page-首页 .cs-comments,
.page-IndexTest .mw-body-header,
.page-IndexTest .page-info,
.page-IndexTest .cs-comments {
	display: none;
}

.page-首页 .banner-image,
.page-IndexTest .banner-image {
	--banner-image-url: url("http://wiki.easecation.net/images/1/1f/Background.jpg");
	--banner-image-height: 70vh;
	background-image: linear-gradient(to top, var(--color-surface-0) 15%, transparent 150%), var(--banner-image-url);
	background-size: cover;
	background-position: top;
	height: var(--banner-image-height);
	margin-bottom: calc(-1 * var(--banner-image-height));
}

.mw-message-box-warning {
	backdrop-filter: saturate(125%) blur(16px);
	-webkit-backdrop-filter: saturate(125%) blur(16px);	
}