MediaWiki:Common.css - 版本历史

2025年6月9日 (一) 07:51 卡介菌

2025-06-09T07:51:31Z

←上一版本		2025年6月9日 (一) 15:51的版本
第1行：		第1行：
	@import url('https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.css');		@import url('https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.css');
			/* --- ScoreBasedCaptcha CSS --- */

			/* 包裹每个问题和答案的 div 的样式 */
			.mw-scorebasedcaptcha-question {
			margin-bottom: 15px; /* 问题之间的间距 */
			padding: 10px;
			border: 1px solid #ccc; /* 给每个问题块一个边框 */
			border-radius: 4px;
			background-color: #f9f9f9; /* 轻微的背景色 */
			}

			/* 问题文本 (label) 的样式 */
			.mw-scorebasedcaptcha-question label {
			display: block; /* 让标签占据一行 */
			margin-bottom: 8px; /* 标签和输入框之间的间距 */
			font-weight: bold;
			color: #333;
			font-size: 1em;
			}

			/* 答案输入框的样式 */
			.mw-scorebasedcaptcha-question input[type="text"] {
			width: 95%; /* 输入框宽度，根据您的布局调整 */
			padding: 8px 10px;
			border: 1px solid #aaa;
			border-radius: 3px;
			font-size: 1em;
			box-sizing: border-box; /* 让 padding 和 border 不会增加总宽度 */
			}

			/* 输入框获得焦点时的样式 (可选) */
			.mw-scorebasedcaptcha-question input[type="text"]:focus {
			border-color: #007bff; /* 例如，蓝色边框 */
			box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); /* 类似 Bootstrap 的焦点效果 */
			}

			/* 您可以添加一个总的容器样式，但验证码通常嵌入在更大的表单中，
			所以直接样式化 .confirmemail- kilomètres 或特定于您皮肤的表单类可能更好。
			例如，如果您的验证码在id为 'userloginForm' 的表单内：
			#userloginForm .mw-scorebasedcaptcha-question {
			... 您的样式 ...
			}
			或者，如果是在创建账户页面 (oo-ui-layout class通常存在):
			.mw-htmlform-field-captcha .mw-scorebasedcaptcha-question {
			margin-left: 0; // 覆盖一些默认缩进
			}
			*/

			/* 针对验证码区域本身的整体说明文字（如果 ConfirmEdit 或您的皮肤有的话）*/
			.mw-confirmcaptchatext { /* 这个类名可能需要根据您的 ConfirmEdit 版本和皮肤调整 */
			font-style: italic;
			color: #555;
			margin-bottom: 10px;
			}

2025年3月22日 (六) 15:19 卡介菌

2025-03-22T15:19:27Z

←上一版本		2025年3月22日 (六) 23:19的版本
第1行：		第1行：
	@import 'https://cdn.jsdelivr.net/npm/aplayer~~@1.10.1~~/dist/APlayer.min.css';		@import url('https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.css');

	~~/* 移动端适配 */~~
	~~.aplayer {~~
	~~width: 100%;~~
	~~max-width: 600px;~~
	~~margin: 10px auto;~~
	}

	~~/* 封面图尺寸优化 */~~
	~~.aplayer-pic {~~
	~~width: 80px !important;~~
	~~height: 80px !important;~~
	~~border-radius: 8px;~~
	}

	~~@media (max-width: 768px~~) {
	~~.aplayer-pic {~~
	~~width: 50px !important;~~
	~~height: 50px !important~~;
	}
	}

2025年3月15日 (六) 22:06 卡介菌

2025-03-15T22:06:20Z

←上一版本		2025年3月16日 (日) 06:06的版本
第1行：		第1行：
	~~#p-logo {~~		@import 'https://cdn.jsdelivr.net/npm/aplayer@1.10.1/dist/APlayer.min.css';
	~~background-image: url(~~'https://~~wiki~~.~~rotaeno~~.cn/~~images~~/1/13/~~Icon_Wiki_Main~~.~~png~~');
	~~background~~-~~size~~: ~~contain~~;		/* 移动端适配 */
	~~background~~-~~repeat~~: no-~~repeat~~;		.aplayer {
	~~background~~-~~position~~: ~~center;~~		width: 100%;
	~~height~~: 50px;		max-width: 600px;
	~~width~~: ~~150px~~;		margin: 10px auto;
			}

			/* 封面图尺寸优化 */
			.aplayer-pic {
			width: 80px !important;
			height: 80px !important;
			border-radius: 8px;
			}

			@media (max-width: 768px) {
			.aplayer-pic {
			width: 50px !important;
			height: 50px !important;
			}
	}		}

卡介菌：页面内容被替换为“#p-logo { background-image: url('https://wiki.rotaeno.cn/images/1/13/Icon_Wiki_Main.png'); background-size: contain; background-repeat: no-repeat; background-position: center; height: 50px; width: 150px; }”

2025-01-30T07:26:11Z

页面内容被替换为“#p-logo { background-image: url('https://wiki.rotaeno.cn/images/1/13/Icon_Wiki_Main.png'); background-size: contain; background-repeat: no-repeat; background-position: center; height: 50px; width: 150px; }”

显示更改

2025年1月30日 (四) 07:16 卡介菌

2025-01-30T07:16:54Z

显示更改

2025年1月30日 (四) 07:13 卡介菌

2025-01-30T07:13:41Z

←上一版本		2025年1月30日 (四) 15:13的版本
第1行：		第1行：
	~~/* 这里放置的CSS将应用于所有皮肤 */~~		.mp-box {
	#p-~~logo~~ {		background : url('https://wiki.rotaeno.cn/images/f/ff/Rotaeno_Website_Background_Cut.png') no-repeat;
	background~~-image~~: url('https://wiki.rotaeno.cn/~~rowikicn_original~~.png');		}
	background~~-size~~: ~~contain~~;
	~~background~~-~~repeat: no-repeat;~~		.mp-circle {
	background~~-position~~: ~~center;~~		background : url('https://wiki.rotaeno.cn/images/4/40/Rotaeno_Website_Background.png');
	~~height~~: ~~50px;~~ /~~* 根据你的图片大小调整 *~~/		}
	~~width: 150px;~~ /~~* 根据你的图片大小调整 *~~/
	}		.mp-icon {
			background : url('https://wiki.rotaeno.cn/images/1/13/Icon_Wiki_Main.png') no-repeat;
			}

卡介菌：创建页面，内容为“/* 这里放置的CSS将应用于所有皮肤 / #p-logo { background-image: url('https://wiki.rotaeno.cn/rowikicn_original.png'); background-size: contain; background-repeat: no-repeat; background-position: center; height: 50px; / 根据你的图片大小调整 / width: 150px; / 根据你的图片大小调整 */ }”

2025-01-30T07:01:28Z

创建页面，内容为“这里放置的CSS将应用于所有皮肤： #p-logo { background-image: url('https://wiki.rotaeno.cn/rowikicn_original.png'); background-size: contain; background-repeat: no-repeat; background-position: center; height: 50px; 根据你的图片大小调整： width: 150px; 根据你的图片大小调整： }”

新页面

/* 这里放置的CSS将应用于所有皮肤 */
#p-logo {
background-image: url('https://wiki.rotaeno.cn/rowikicn_original.png');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
height: 50px; /* 根据你的图片大小调整 */
width: 150px; /* 根据你的图片大小调整 */
}