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; } | |||
/* === 隐藏首页默认标题 (可选,根据你的皮肤调整) === */ | /* === 隐藏首页默认标题 (可选,根据你的皮肤调整) === */ | ||