MediaWiki:Common.css:修订间差异
MediaWiki界面页面
更多操作
Maintenance script(留言 | 贡献) 更新隐身配置 |
css样式测试 |
||
| 第37行: | 第37行: | ||
所以一旦你登录,它们自然会显示出来给指挥官你看! | 所以一旦你登录,它们自然会显示出来给指挥官你看! | ||
*/ | */ | ||
/* 一点样式代码测试 */ | |||
/* ========================================================================== | |||
1. 萌百特色:黑幕 (Heimu) | |||
用法:<span class="heimu">这里是剧透内容</span> | |||
========================================================================== */ | |||
.heimu, .heimu rt { | |||
background-color: #252525; | |||
transition: color 0.13s linear; | |||
color: #252525; /* 初始颜色与背景一致 */ | |||
text-shadow: none; | |||
} | |||
.heimu a, a .heimu, .new .heimu { | |||
transition: color 0.13s linear; | |||
color: #252525; | |||
} | |||
/* 鼠标悬停显示 */ | |||
span.heimu:hover, span.heimu:active { color: #ffffff !important; } | |||
span.heimu:hover a, a:hover span.heimu { color: #add8e6 !important; } | |||
span.heimu:hover a:visited { color: #c5cae9 !important; } | |||
/* ========================================================================== | |||
2. 选项卡组件 (Tabs) | |||
用于切换“立绘/重创/心智升级” | |||
========================================================================== */ | |||
.tab .TabLabelText { | |||
padding: 5px 10px; | |||
background: #f8f9fa; | |||
cursor: pointer; | |||
border: 1px solid #aaa; | |||
margin-right: -1px; | |||
display: inline-block; | |||
} | |||
.tab .TabLabelText.selected { | |||
background: #ffffff; | |||
border-bottom: 1px solid #ffffff; /* 遮住下面的边框实现选中效果 */ | |||
font-weight: bold; | |||
border-top: 3px solid #13ec93; /* 少女前线主题绿 */ | |||
} | |||
.tab .TabContent { | |||
background: white; | |||
padding: 15px; | |||
border: 1px solid #aaa; | |||
margin-top: -1px; | |||
} | |||
.tab .TabContentText { display: none; } | |||
.tab .TabContentText.selected { display: block; } | |||
/* ========================================================================== | |||
3. 导航箱 (Navbox) | |||
页面底部的大型关联表样式 | |||
========================================================================== */ | |||
.navbox { | |||
border: 1px solid #aaa; | |||
width: 100%; | |||
margin: auto; | |||
clear: both; | |||
font-size: 88%; | |||
text-align: center; | |||
border-collapse: collapse; | |||
} | |||
.navbox-title { | |||
background: #a5e4a5 !important; /* 标题深绿 */ | |||
font-weight: bold; | |||
} | |||
.navbox-group { | |||
background: #c0ecc0 !important; /* 分组中绿 */ | |||
font-weight: bold; | |||
padding: 0 10px; | |||
} | |||
.navbox-list { background: #fdfdfd; } | |||
.navbox-even { background: #f5fcf5; } /* 斑马纹效果 */ | |||
/* ========================================================================== | |||
4. 侧边信息栏 (InfoBox) | |||
角色属性、数值面板基础 | |||
========================================================================== */ | |||
.infotemplatebox { | |||
float: right; | |||
width: 280px; | |||
font-size: 90%; | |||
margin: 0 0 1em 1em; | |||
background: #f9f9f9; | |||
border: 1px solid #999; | |||
border-collapse: collapse; | |||
clear: right; | |||
} | |||
.infoBoxTitle { | |||
background: #deede0; | |||
color: #228b22; | |||
text-align: center; | |||
font-weight: bold; | |||
padding: 5px; | |||
} | |||
/* ========================================================================== | |||
5. 通用修正 | |||
防止图片溢出、强制换行等运维小优化 | |||
========================================================================== */ | |||
pre { | |||
white-space: pre-wrap; | |||
overflow-wrap: break-word; | |||
} | |||
.wikitable { | |||
max-width: 100%; | |||
margin: 1em 0; | |||
} | |||
2026年1月23日 (五) 16:10的版本
/* ==================================================
OGAS 协议架构 - 智能隐身模式 (修正版)
================================================== */
/* 1. 【核心】隐藏针对路人的“入口”
解释:#pt-login 是登录连接,#pt-createaccount 是注册。
只要隐藏这两个,路人就找不到门了。
注意:千万不要在这里隐藏 #pt-logout 或 #pt-preferences!
*/
#pt-login, #pt-createaccount {
display: none !important;
}
/* 2. 隐藏普通用户不需要关心的“页面工具”
解释:隐藏历史记录、查看源码、讨论页等
*/
#ca-viewsource, #ca-history, #ca-talk {
display: none !important;
}
/* 3. 隐藏侧边栏的杂项 */
#t-permalink, #t-info, #t-specialpages, #t-print, #n-help {
display: none !important;
}
/* 4. 隐藏底部版权图标 (为了更像独立网站) */
#footer-poweredbyico {
display: none !important;
}
/* 【逻辑说明】
你不需要写“登录后显示 xxx”。
因为当你登录成功后,MediaWiki 会自动生成 #pt-logout (退出)、
#pt-userpage (用户页)、#pt-preferences (设置)。
因为上面的第1条代码里没有隐藏这些 ID,
所以一旦你登录,它们自然会显示出来给指挥官你看!
*/
/* 一点样式代码测试 */
/* ==========================================================================
1. 萌百特色:黑幕 (Heimu)
用法:<span class="heimu">这里是剧透内容</span>
========================================================================== */
.heimu, .heimu rt {
background-color: #252525;
transition: color 0.13s linear;
color: #252525; /* 初始颜色与背景一致 */
text-shadow: none;
}
.heimu a, a .heimu, .new .heimu {
transition: color 0.13s linear;
color: #252525;
}
/* 鼠标悬停显示 */
span.heimu:hover, span.heimu:active { color: #ffffff !important; }
span.heimu:hover a, a:hover span.heimu { color: #add8e6 !important; }
span.heimu:hover a:visited { color: #c5cae9 !important; }
/* ==========================================================================
2. 选项卡组件 (Tabs)
用于切换“立绘/重创/心智升级”
========================================================================== */
.tab .TabLabelText {
padding: 5px 10px;
background: #f8f9fa;
cursor: pointer;
border: 1px solid #aaa;
margin-right: -1px;
display: inline-block;
}
.tab .TabLabelText.selected {
background: #ffffff;
border-bottom: 1px solid #ffffff; /* 遮住下面的边框实现选中效果 */
font-weight: bold;
border-top: 3px solid #13ec93; /* 少女前线主题绿 */
}
.tab .TabContent {
background: white;
padding: 15px;
border: 1px solid #aaa;
margin-top: -1px;
}
.tab .TabContentText { display: none; }
.tab .TabContentText.selected { display: block; }
/* ==========================================================================
3. 导航箱 (Navbox)
页面底部的大型关联表样式
========================================================================== */
.navbox {
border: 1px solid #aaa;
width: 100%;
margin: auto;
clear: both;
font-size: 88%;
text-align: center;
border-collapse: collapse;
}
.navbox-title {
background: #a5e4a5 !important; /* 标题深绿 */
font-weight: bold;
}
.navbox-group {
background: #c0ecc0 !important; /* 分组中绿 */
font-weight: bold;
padding: 0 10px;
}
.navbox-list { background: #fdfdfd; }
.navbox-even { background: #f5fcf5; } /* 斑马纹效果 */
/* ==========================================================================
4. 侧边信息栏 (InfoBox)
角色属性、数值面板基础
========================================================================== */
.infotemplatebox {
float: right;
width: 280px;
font-size: 90%;
margin: 0 0 1em 1em;
background: #f9f9f9;
border: 1px solid #999;
border-collapse: collapse;
clear: right;
}
.infoBoxTitle {
background: #deede0;
color: #228b22;
text-align: center;
font-weight: bold;
padding: 5px;
}
/* ==========================================================================
5. 通用修正
防止图片溢出、强制换行等运维小优化
========================================================================== */
pre {
white-space: pre-wrap;
overflow-wrap: break-word;
}
.wikitable {
max-width: 100%;
margin: 1em 0;
}