跳转到内容

MediaWiki:Common.css:修订间差异

来自大巴扎百科
Gnix807留言 | 贡献
无编辑摘要
Gnix807留言 | 贡献
无编辑摘要
 
(未显示同一用户的9个中间版本)
第1行: 第1行:
/* 这里放置的CSS将应用于所有皮肤 */
/* 这里放置的CSS将应用于所有皮肤 */
/* 隐藏特定页面的标题 */
/* === 全局字体:复古打字机风格 === */
/* 请将 page-我的首页 中的“我的首页”换成您实际创建的页面名称 */
/* 如果您的首页叫 Main_Page,就写 body.page-Main_Page */
 
body.page-首页 .firstHeading {
    display: none;
}
 
/* 隐藏首页的“来自...百科”字样 */
body.page-首页 #siteSub {
    display: none;
}


/* === 首页容器 === */
/* === 首页容器 === */
.mp-container {
.files-container {
     width: 100%;
     max-width: 1200px;
     margin-top: 10px;
     margin: 20px auto;
}
}


/* 顶部欢迎条 */
/* === 顶部警告条 (模仿警示带) === */
.mp-banner {
.top-secret-banner {
     background-color: #fcfcfc;
     background: repeating-linear-gradient(
     border: 1px solid #a2a9b1;
      45deg,
     padding: 20px;
      #1a1a1a,
     margin-bottom: 20px;
      #1a1a1a 10px,
      #d92b2b 10px,
      #d92b2b 20px
     );
     color: white;
     padding: 15px;
     text-align: center;
     text-align: center;
     border-radius: 2px;
     border: 3px solid #000;
}
     box-shadow: 5px 5px 0px rgba(0,0,0,0.2);
.mp-banner h1 {
     margin-bottom: 25px;
     font-family: 'Linux Libertine', Georgia, Times, serif;
    font-size: 1.8em;
    border: none; /* 去掉默认的h1下划线 */
     margin: 0;
}
}


/* === 双栏布局系统 === */
.top-secret-inner {
.mp-grid {
     background-color: #1a1a1a;
     display: flex;
     display: inline-block;
     gap: 20px; /* 栏目间距 */
     padding: 10px 30px;
     flex-wrap: wrap; /* 手机端自动换行 */
     border: 1px solid white;
}
     font-weight: bold;
 
    letter-spacing: 2px;
/* 左栏和右栏的比例 */
     text-transform: uppercase;
.mp-left {
     flex: 3; /* 左边宽一点 (60%) */
     min-width: 300px;
}
.mp-right {
    flex: 2; /* 右边窄一点 (40%) */
     min-width: 250px;
}
}


/* === 通用内容模块框 === */
/* === 档案袋风格模块 === */
.mp-box {
.case-file {
    border: 1px solid #a2a9b1;
     background-color: #fff;
     background-color: #fff;
     margin-bottom: 15px;
    border: 2px solid #555;
     box-shadow: 0 1px 2px rgba(0,0,0,0.05); /* 增加一点现代感 */
     margin-bottom: 20px;
    position: relative;
     box-shadow: 3px 3px 0px #888;
}
}


/* 模块标题栏 */
/* 模块标题 - 模拟印章效果 */
.mp-header {
.file-stamp {
     padding: 8px 12px;
    background-color: transparent;
    color: #d92b2b; /* 印章红 */
    border-bottom: 2px solid #555;
     padding: 10px 15px;
     font-weight: bold;
     font-weight: bold;
     font-size: 1.1em;
     font-size: 1.2em;
     border-bottom: 1px solid #a2a9b1;
     text-transform: uppercase;
    letter-spacing: 1px;
    font-family: 'Impact', sans-serif; /* 印章字体 */
    transform: rotate(-1deg); /* 稍微歪一点,像盖章 */
    display: block;
    width: fit-content;
}
}


/* 模块内容区 */
/* 内容区域 */
.mp-content {
.file-content {
     padding: 12px 15px;
     padding: 15px;
    font-size: 0.95em;
     line-height: 1.6;
     line-height: 1.6;
}
}


/* === 维基百科经典配色 === */
/* === 黑条涂抹效果 (鼠标悬停可见) === */
/* 特色条目 - 绿色系 */
.redacted {
.bg-green { background-color: #cef2e0; }
    background-color: #000;
/* 你知道吗 - 浅蓝系 */
    color: #000;
.bg-blue { background-color: #cedff2; }
    padding: 0 4px;
/* 新闻动态 - 浅紫系 */
    cursor: help;
.bg-purple { background-color: #ddcef2; }
    transition: color 0.3s ease;
/* 历史今天 - 红色系 */
}
.bg-red { background-color: #f2ced0; }
.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; }


/* === 隐藏首页默认标题 (可选,根据你的皮肤调整) === */
/* === 隐藏首页默认标题 (可选,根据你的皮肤调整) === */
第88行: 第88行:
.page-首页 #firstHeading {
.page-首页 #firstHeading {
     display: none;
     display: none;
}
/* 默认隐藏“仅编辑者可见”的区域 */
.editor-only {
    display: none;
}
/* 全局羊皮纸背景与复古墨水字体 */
body, #content, .mw-body {
    /*background-color: #f4ecd8 !important; /* 泛黄的羊皮纸底色 */
    color: #2c1e16 !important; /* 褪色的深褐色墨水 */
    font-family: "Georgia", "Times New Roman", serif !important; /* 传统的书籍衬线字体 */
}
}

2026年2月26日 (四) 10:43的最新版本

/* 这里放置的CSS将应用于所有皮肤 */
/* === 全局字体:复古打字机风格 === */

/* === 首页容器 === */
.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;
}

/* 默认隐藏“仅编辑者可见”的区域 */
.editor-only {
    display: none;
}
/* 全局羊皮纸背景与复古墨水字体 */
body, #content, .mw-body {
    /*background-color: #f4ecd8 !important; /* 泛黄的羊皮纸底色 */
    color: #2c1e16 !important; /* 褪色的深褐色墨水 */
    font-family: "Georgia", "Times New Roman", serif !important; /* 传统的书籍衬线字体 */
}