MediaWiki:Common.css:修订间差异
外观
无编辑摘要 |
无编辑摘要 |
||
| 第1行: | 第1行: | ||
/* 这里放置的CSS将应用于所有皮肤 */ | /* 这里放置的CSS将应用于所有皮肤 */ | ||
/* === 全局字体:复古打字机风格 === */ | |||
body { | |||
font-family: 'Courier New', Courier, 'Inconsolata', monospace; | |||
background-color: #f4f1ea; /* 陈旧纸张色 */ | |||
color: #333; | |||
} | |||
/* === 首页容器 === */ | /* === 首页容器 === */ | ||
. | .files-container { | ||
width: | max-width: 1200px; | ||
margin | margin: 20px auto; | ||
} | } | ||
/* | /* === 顶部警告条 (模仿警示带) === */ | ||
. | .top-secret-banner { | ||
background- | background: repeating-linear-gradient( | ||
45deg, | |||
#1a1a1a, | |||
#1a1a1a 10px, | |||
#d92b2b 10px, | |||
#d92b2b 20px | |||
); | |||
color: white; | |||
padding: 15px; | |||
text-align: center; | text-align: center; | ||
border | border: 3px solid #000; | ||
box-shadow: 5px 5px 0px rgba(0,0,0,0.2); | |||
margin-bottom: 25px; | |||
margin: | |||
} | } | ||
.top-secret-inner { | |||
. | background-color: #1a1a1a; | ||
display: | display: inline-block; | ||
padding: 10px 30px; | |||
border: 1px solid white; | |||
font-weight: bold; | |||
letter-spacing: 2px; | |||
text-transform: uppercase; | |||
} | } | ||
/* === 档案袋风格模块 === */ | |||
.case-file { | |||
/* === | |||
. | |||
background-color: #fff; | background-color: #fff; | ||
margin-bottom: | border: 2px solid #555; | ||
box-shadow: | margin-bottom: 20px; | ||
position: relative; | |||
box-shadow: 3px 3px 0px #888; | |||
} | } | ||
/* | /* 模块标题 - 模拟印章效果 */ | ||
. | .file-stamp { | ||
padding: | background-color: transparent; | ||
color: #d92b2b; /* 印章红 */ | |||
border-bottom: 2px solid #555; | |||
padding: 10px 15px; | |||
font-weight: bold; | font-weight: bold; | ||
font-size: 1. | font-size: 1.2em; | ||
text-transform: uppercase; | |||
letter-spacing: 1px; | |||
font-family: 'Impact', sans-serif; /* 印章字体 */ | |||
transform: rotate(-1deg); /* 稍微歪一点,像盖章 */ | |||
display: block; | |||
width: fit-content; | |||
} | } | ||
/* | /* 内容区域 */ | ||
. | .file-content { | ||
padding: | padding: 15px; | ||
font-size: 0.95em; | |||
line-height: 1.6; | line-height: 1.6; | ||
} | } | ||
/* === | /* === 黑条涂抹效果 (鼠标悬停可见) === */ | ||
.redacted { | |||
. | background-color: #000; | ||
color: #000; | |||
. | padding: 0 4px; | ||
/* | cursor: help; | ||
. | transition: color 0.3s ease; | ||
} | |||
. | .redacted:hover { | ||
color: #fff; /* 悬停时显示文字 */ | |||
} | |||
/* === 布局网格 (同上一个回答,保持结构稳定) === */ | |||
.grid-system { display: flex; gap: 20px; flex-wrap: wrap; } | |||
.col-main { flex: 3; min-width: 300px; } | |||
.col-side { flex: 2; min-width: 250px; } | |||
/* === 隐藏首页默认标题 (可选,根据你的皮肤调整) === */ | /* === 隐藏首页默认标题 (可选,根据你的皮肤调整) === */ | ||
2026年2月10日 (二) 11:14的版本
/* 这里放置的CSS将应用于所有皮肤 */
/* === 全局字体:复古打字机风格 === */
body {
font-family: 'Courier New', Courier, 'Inconsolata', monospace;
background-color: #f4f1ea; /* 陈旧纸张色 */
color: #333;
}
/* === 首页容器 === */
.files-container {
max-width: 1200px;
margin: 20px auto;
}
/* === 顶部警告条 (模仿警示带) === */
.top-secret-banner {
background: repeating-linear-gradient(
45deg,
#1a1a1a,
#1a1a1a 10px,
#d92b2b 10px,
#d92b2b 20px
);
color: white;
padding: 15px;
text-align: center;
border: 3px solid #000;
box-shadow: 5px 5px 0px rgba(0,0,0,0.2);
margin-bottom: 25px;
}
.top-secret-inner {
background-color: #1a1a1a;
display: inline-block;
padding: 10px 30px;
border: 1px solid white;
font-weight: bold;
letter-spacing: 2px;
text-transform: uppercase;
}
/* === 档案袋风格模块 === */
.case-file {
background-color: #fff;
border: 2px solid #555;
margin-bottom: 20px;
position: relative;
box-shadow: 3px 3px 0px #888;
}
/* 模块标题 - 模拟印章效果 */
.file-stamp {
background-color: transparent;
color: #d92b2b; /* 印章红 */
border-bottom: 2px solid #555;
padding: 10px 15px;
font-weight: bold;
font-size: 1.2em;
text-transform: uppercase;
letter-spacing: 1px;
font-family: 'Impact', sans-serif; /* 印章字体 */
transform: rotate(-1deg); /* 稍微歪一点,像盖章 */
display: block;
width: fit-content;
}
/* 内容区域 */
.file-content {
padding: 15px;
font-size: 0.95em;
line-height: 1.6;
}
/* === 黑条涂抹效果 (鼠标悬停可见) === */
.redacted {
background-color: #000;
color: #000;
padding: 0 4px;
cursor: help;
transition: color 0.3s ease;
}
.redacted:hover {
color: #fff; /* 悬停时显示文字 */
}
/* === 布局网格 (同上一个回答,保持结构稳定) === */
.grid-system { display: flex; gap: 20px; flex-wrap: wrap; }
.col-main { flex: 3; min-width: 300px; }
.col-side { flex: 2; min-width: 250px; }
/* === 隐藏首页默认标题 (可选,根据你的皮肤调整) === */
.page-Main_Page #firstHeading,
.page-首页 #firstHeading {
display: none;
}