SS唯基 - 用户贡献 [zh-cn]

MediaWiki:Common.css

2026-03-08T04:30:19Z

Tokur233：

/*背景图
https://zh.moegirl.org.cn/MediaWiki:Common.css
本文引自萌娘百科(https://zh.moegirl.org.cn)，文字内容默认使用《知识共享署名-非商业性使用-相同方式共享 3.0》协议。*/
body.skin-vector:not(.skin-vector-2022) {
background: url(/images/d/d9/WIKI头图.png) no-repeat top left #f6f6f6;
}

#p-logo {
width: 11em;
height: 250px;
margin-left: -.5em;
}

#p-logo a {
display:block;
width: 11em;
height: 250px;
background-repeat:no-repeat;
background-position:center center;
text-decoration:none;
background-image: none;
}

#mw-page-base {
background: none;
}

#content {
position: relative;
z-index: 7;
/*background-color: rgba(255,255,255,0.7);*/
}

div.vectorTabs ul li {
background-image:none!important;
background-color:transparent!important;
}

#left-navigation,
#right-navigation,
div.vectorTabs ul li.selected {
/*background-image: linear-gradient(rgba(255,255,255,0),rgba(255,255,255,.3) 30%,rgba(255,255,255,.5))!important;*/
background-color: transparent!important;
}

#simpleSearch {
background-image: linear-gradient(rgba(255,255,255,0.5),rgba(255,255,255,.8) 30%,rgba(255,255,255,.9));
}

#p-cactions ul {
z-index: 9;
}

/*背景图结束*/

/*传奇模板*/
.legendT {
background:white;
width:100%;
}

.legendT th{
background-color:#E1685D;
color:white;
padding:1em;
}
.legendT ul{
margin:0;
width:100%;
}
.legendT li{
display:inline-block;
margin:0 .7% 0;
text-align:center;
vertical-align:text-top;
width:7%;
min-width:65px;
max-width:125px;
}
.legendT img{
width: 100%;
min-width: 65px;
max-width: 125px;
height: auto;
}

/*传奇模板结束*/

/* Style for horizontal lists (separator following item) */
.skin-monobook .hlist dl,
.skin-modern .hlist dl,
.skin-vector .hlist dl {
line-height: 1.5em;
}
.hlist dl,
.hlist ol,
.hlist ul {
margin: 0;
}
.hlist dd,
.hlist dt,
.hlist li {
display: inline;
margin: 0;
}
/* Display nested lists inline */
.hlist dl dl,
.hlist ol ol,
.hlist ul ul {
display: inline;
}
/* Generate interpuncts */
.hlist dt:after {
content: " :";
}
.hlist dd:after,
.hlist li:after {
content: " ·";
font-weight: bold;
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
content: none;
}
/* for IE 8 */
.hlist dd.nopunct:after,
.hlist dt.nopunct:after,
.hlist li.nopunct:after {
content: none;
}
/* Add parens around nested lists */
.hlist dl dl:before,
.hlist ol ol:before,
.hlist ul ul:before {
content: "(";
}
.hlist dl dl:after,
.hlist ol ol:after,
.hlist ul ul:after {
content: ")";
}
/* Put numbers in ordered lists */
.hlist.hnum ol li {
counter-increment: level1;
}
.hlist.hnum ol li:before {
content: counter(level1) " ";
}
.hlist.hnum ol ol li {
counter-increment: level2;
}
.hlist.hnum ol ol li:before {
content: counter(level2) " ";
}

/* Unbulleted lists */
.plainlist ul {
line-height: inherit;
list-style: none none;
margin: 0;
}
.plainlist ul li {
margin-bottom: 0;
}

/* ---Infobox template style */

.infobox {
border: 1px solid #aaaaaa;
background-color: #f9f9f9;
color: black;
margin-bottom: 0.5em;
margin-left: 1em;
padding: 0.2em;
float: right;
clear: right;
}

/* Default style for ----navigation boxes */
.navbox { /* Navbox container style */
border: 1px solid #aaa;
width: 100%;
margin: auto;
clear: both;
text-align: center;
padding: 1px;
}
/*防止表格隐藏宽带改变*/
.navbox-inner {
width: 100%
}
.navbox th,
.navbox-title,
.navbox-abovebelow {
text-align: center; /* Title and above/below styles */
padding-left: 1em;
padding-right: 1em;
}
th.navbox-group { /* Group style */
white-space: nowrap;
/* @noflip */
text-align: right;
}
.navbox,
.navbox-subgroup {
background: #fdfdfd; /* Background color */
}
.navbox-list {
border-color: #fdfdfd; /* Must match background color */
}
.navbox th,
.navbox-title {
background: #ccccff; /* Level 1 color */
}
.navbox-abovebelow,
th.navbox-group,
.navbox-subgroup .navbox-title {
background: #ddddff; /* Level 2 color */
}
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
background: #e6e6ff; /* Level 3 color */
}
.navbox-even {
background: #f7f7f7; /* Even row striping */
}
.navbox-odd {
background: transparent; /* Odd row striping */
}
table.navbox + table.navbox { /* Single pixel border between adjacent navboxes */
margin-top: -1px; /* (doesn't work for IE6, but that's okay) */
}
.navbox .hlist td dl,
.navbox .hlist td ol,
.navbox .hlist td ul,
.navbox td.hlist dl,
.navbox td.hlist ol,
.navbox td.hlist ul {
padding: 0.125em 0; /* Adjust hlist padding in navboxes */
}
.navbox .hlist dd,
.navbox .hlist dt,
.navbox .hlist li {
white-space: nowrap; /* Nowrap list items in navboxes */
white-space: normal ; /* IE < 8 no-wraps entire list, so disable it */
}
.navbox .hlist dd dl,
.navbox .hlist dt dl,
.navbox .hlist li ol,
.navbox .hlist li ul {
white-space: normal; /* But allow parent list items to be wrapped */
}
ol + table.navbox,
ul + table.navbox {
margin-top: 0.5em; /* Prevent lists from clinging to navboxes */
}

/* Default styling for Navbar template */
.navbar {
display: inline;
font-size: 80%;
font-weight: normal;
}
.navbar ul {
display: inline;
white-space: nowrap;
}
.navbar li {
word-spacing: -0.125em;
}
/* Navbar styling when nested in navbox */
.navbox .navbar {
display: block;
font-size: 80%;
}
.navbox-title .navbar {
/* @noflip */
float: left;
/* @noflip */
text-align: left;
/* @noflip */
margin-right: 0.5em;
width: 8em;
}

/* 'show'/'hide' buttons created dynamically by the CollapsibleTables javascript
in [[MediaWiki:Common.js]] are styled here so they can be customised. */
.collapseButton {
/* @noflip */
float: right;
font-weight: normal;
/* @noflip */
margin-left: 0.5em;
/* @noflip */
text-align: right;
width: 6em;
}
/* In navboxes, the show/hide button balances the v·d·e links
from [[Template:Navbar]], so they need to be the same width. */
.navbox .collapseButton {
width: 8em;
}

/* For template ------documentation*/
.template-documentation {
clear: both;
margin: 1em 0 0 0;
border: 1px solid #aaa;
background-color: #ecfcf4;
padding: 5px;
}

/*
== MetaBox ==

*/

/*****
** Bytecounter colours最近更改
*****/
strong.mw-plusminus-neg
{
color: #c00;
}

/* 黑条模板css(old) 已弃用
span.heitiao{
background-color: #252525;
color: #252525;
text-shadow: none;
}

span.heitiao:hover {
transition: color .13s linear;
color: white;
}
*/
/* 黑条CSS(new) */
.heitiao,
.heitiao rt {
background-color: #252525;
}
span.heitiao a.external,
span.heitiao a.external:visited,
span.heitiao a.extiw,
span.heitiao a.extiw:visited {
color: #252525;
}
.heitiao,
.heitiao a,
a .heitiao,
.heitiao a.new {
color: #252525;
text-shadow: none;
}
body:not(.heitiao_toggle_on) .heitiao:hover,
body:not(.heitiao_toggle_on) .heitiao:active,
body:not(.heitiao_toggle_on) .heitiao.off {
transition: color .13s linear;
color: white;
}
body:not(.heitiao_toggle_on) .heitiao:hover a,
body:not(.heitiao_toggle_on) a:hover .heitiao,
body:not(.heitiao_toggle_on) .heitiao.off a,
body:not(.heitiao_toggle_on) a:hover .heitiao.off {
transition: color .13s linear;
color: lightblue;
}
body:not(.heitiao_toggle_on) .heitiao.off .new,
body:not(.heitiao_toggle_on) .heitiao.off .new:hover,
body:not(.heitiao_toggle_on) .new:hover .heitiao.off,
body:not(.heitiao_toggle_on) .heitiao:hover .new {
transition: color .13s linear;
color: #FCC;
}
/*黑条CSS(new)结束*/
/*分页tabs*/
.tabs-container {
width: 100%;
margin-bottom:20px;
padding-bottom:2px;
}

.tabs-pages {
display: flex;
list-style:none;
background-color:#e2e9f6;
border-radius:4px;
}

.tab:focus,
.tab:hover {
cursor: pointer;
}

.tab {
padding: 0.5em 1em;
color: #244786;
font-size:16px;
margin:0 0 0 1em;
}

.tab:hover {
background-color: #a4c2f8;
}

.tab.active {
background-color: #c3d8fc;
}

.tabs-contents {

width: 100%;
height: auto;
}

.tab-c {
display: none;
width: 100%;
height: auto;
}

.tab-c.active {
display: block;
}

.inner-content {
padding: .5em;
column-count:3;
border:solid #e2e9f6;
border-radius:4px;
border-width:0 3px 3px;
}
/*分页tabs结束*/

/*收纳表模版开始*/
.stgt {
width: 95%;
}
.stgt.hori {
display: flex;
}
.stab {
display: grid;
margin: 0;
padding: 1%;
gap: 6px;
width: inherit;
}
.stab.hori {
display: inline-grid;
height: 400px;
overflow-y: auto;
width: 20%;
}
.sitm {
margin: 0;
padding: 0;
font-weight: 700;
}
.ctab {
margin: 0;
padding: 1%;
margin-left: 0;
width: inherit;
}
.ctab.hori {
display: inline-grid;
height: 400px;
overflow-y: auto;
width: 60%;
}
/*收纳表模版结束*/

/*延迟的目录收缩开始*/
#toctogglecheckbox + .toctitle + ul {
display: block;
font-size: 0;
opacity: 0;
transition:
opacity .25s linear,
font-size .5s .25s;

}
#toctogglecheckbox:checked + .toctitle + ul {
font-size: 100%;
opacity: 1;
transition:
font-size .5s,
opacity .25s .5s linear;
}
/*延迟的目录收缩结束*/ /* 背景图片模板 (Vector 2022) */
.mw-page-container:has(.wiki-bg-outer) { z-index: auto !important; }
.mw-body:has(.wiki-bg-outer) { z-index: auto !important; }
.vector-body:has(.wiki-bg-outer) { z-index: auto !important; }
body:has(.wiki-bg-outer) { background: transparent !important; }
body:has(.wiki-bg-outer) .mw-page-container {
background: rgba(255, 255, 255, 0.8) !important;
min-height: 100vh;
}

/* 深色模式：深色半透明容器 */
html.skin-theme-clientpref-night body:has(.wiki-bg-outer) .mw-page-container {
background: rgba(16, 20, 24, 0.8) !important;
}
@media (prefers-color-scheme: dark) {
html.skin-theme-clientpref-os body:has(.wiki-bg-outer) .mw-page-container {
background: rgba(16, 20, 24, 0.8) !important;
}
}

MediaWiki:Common.css

2026-02-21T15:00:59Z

Tokur233：

模板:Tabs

2026-02-21T14:57:45Z

Tokur233：

<div class="tabs-container">
<ul class="tabs-pages" style="margin:0">
{{#if:{{{tab1|}}}|<li class="tab active"><strong>{{{tab1|}}}</strong></li>| }}
{{#if:{{{tab2|}}}|<li class="tab"><strong>{{{tab2}}}</strong></li>| }}
{{#if:{{{tab3|}}}|<li class="tab"><strong>{{{tab3}}}</strong></li>| }}
{{#if:{{{tab4|}}}|<li class="tab"><strong>{{{tab4}}}</strong></li>| }}
{{#if:{{{tab5|}}}|<li class="tab"><strong>{{{tab5}}}</strong></li>| }}
{{#if:{{{tab6|}}}|<li class="tab"><strong>{{{tab6}}}</strong></li>| }}
{{#if:{{{tab7|}}}|<li class="tab"><strong>{{{tab7}}}</strong></li>| }}
{{#if:{{{tab8|}}}|<li class="tab"><strong>{{{tab8}}}</strong></li>| }}
{{#if:{{{tab9|}}}|<li class="tab"><strong>{{{tab9}}}</strong></li>| }}
</ul>
<div class="tabs-contents">
{{#if:{{{content1|}}}|<div class="tab-c active"><div class="inner-content">
{{{content1}}}
</div></div>| }}{{#if:{{{content2|}}}|<div class="tab-c"><div class="inner-content">
{{{content2}}}
</div></div>| }}{{#if:{{{content3|}}}|<div class="tab-c"><div class="inner-content">
{{{content3}}}
</div></div>| }}{{#if:{{{content4|}}}|<div class="tab-c"><div class="inner-content">
{{{content4}}}
</div></div>| }}{{#if:{{{content5|}}}|<div class="tab-c"><div class="inner-content">
{{{content5}}}
</div></div>| }}{{#if:{{{content6|}}}|<div class="tab-c"><div class="inner-content">
{{{content6}}}
</div></div>| }}{{#if:{{{content7|}}}|<div class="tab-c"><div class="inner-content">
{{{content7}}}
</div></div>| }}{{#if:{{{content8|}}}|<div class="tab-c"><div class="inner-content">
{{{content8}}}
</div></div>| }}{{#if:{{{content9|}}}|<div class="tab-c"><div class="inner-content">
{{{content9}}}
</div></div>| }}
</div>
</div><noinclude>{{Tabs
|tab1=tab1
|tab2=tab2
|content1=
* content1
* content1
* content1
* content1
|content2=content2}}
{{documentation}}
</noinclude>

模板:Tabs

2026-02-21T14:55:58Z

Tokur233：

<div class="tabs-container">
<ul class="tabs-pages" style="margin:0">
{{#if:{{{tab1|}}}|<li class="tab active"><strong>{{{tab1|}}}</strong></li>| }}
{{#if:{{{tab2|}}}|<li class="tab"><strong>{{{tab2}}}</strong></li>| }}
{{#if:{{{tab3|}}}|<li class="tab"><strong>{{{tab3}}}</strong></li>| }}
{{#if:{{{tab4|}}}|<li class="tab"><strong>{{{tab4}}}</strong></li>| }}
{{#if:{{{tab5|}}}|<li class="tab"><strong>{{{tab5}}}</strong></li>| }}
{{#if:{{{tab6|}}}|<li class="tab"><strong>{{{tab6}}}</strong></li>| }}
{{#if:{{{tab7|}}}|<li class="tab"><strong>{{{tab7}}}</strong></li>| }}
{{#if:{{{tab8|}}}|<li class="tab"><strong>{{{tab8}}}</strong></li>| }}
{{#if:{{{tab9|}}}|<li class="tab"><strong>{{{tab9}}}</strong></li>| }}
</ul>
<div class="tabs-contents">
{{#if:{{{content1|}}}|<div class="tab-c active"><div class="inner-content">
{{{content1}}}</div></div>| }}<br>{{#if:{{{content2|}}}|<div class="tab-c"><div class="inner-content">
{{{content2}}}</div></div>| }}{{#if:{{{content3|}}}|<div class="tab-c"><div class="inner-content">
{{{content3}}}</div></div>| }}{{#if:{{{content4|}}}|<div class="tab-c"><div class="inner-content">
{{{content4}}}</div></div>| }}{{#if:{{{content5|}}}|<div class="tab-c"><div class="inner-content">
{{{content5}}}</div></div>| }}{{#if:{{{content6|}}}|<div class="tab-c"><div class="inner-content">
{{{content6}}}</div></div>| }}{{#if:{{{content7|}}}|<div class="tab-c"><div class="inner-content">
{{{content7}}}</div></div>| }}{{#if:{{{content8|}}}|<div class="tab-c"><div class="inner-content">
{{{content8}}}</div></div>| }}{{#if:{{{content9|}}}|<div class="tab-c"><div class="inner-content">
{{{content9}}}</div></div>| }}
</div>
</div><noinclude>{{Tabs
|tab1=tab1
|tab2=tab2
|content1=
# content1
# content1
# content1
# content1
|content2=content2}}
{{documentation}}
</noinclude>

透明样式/styles.css

2026-02-21T14:31:56Z

Tokur233：已还原Tokur233（讨论）的编辑至最后由攸萨修订的版本

/* 搬运于萌娘百科的页面Slow Loop专用样式表 */
/*MinervaNeue皮肤下图片缩放*/
.infobox2 img {
width:100%; max-width:312px !important; height:auto;
}
/*展开的透明化*/
.mw-collapsible wikitable{
background-color:transparent;
}

.tabs-container{
background-color:transparent;
}
/*tab的透明化*/
.tabs-pages{
background-color:transparent;
}

.inner-content{
border:transparent;
}

/*移除信息栏中tab的边框*/
.infobox2 .TabContent{
border:0;
}
/*圆角化*/

.infoBox,.infoBoxContent,.infoBox2,.navbox-title,.navbox-group,.wikitable,.bilibili-title,.navBox,table,.toc,pre,.card,.radius,.TabContent {
border-radius: 7px;
}
.infoBoxContent {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}

/* 黑幕颜色 */
.heimu {
background-color: #0f395f;
color: #0f395f;
}

.heimu a, .heimu.fakelink {
color: Transparent;
}

/*移动版允许使用small、big标签*/
small {
font-size:smaller;
}
big {
font-size:larger;
}

/* 编辑按钮右置、半透明 */
.mw-editsection {
float: right;
font-size: 13px;
opacity: 0;
transition: opacity 0.5s;
}

.mw-editsection:hover {
opacity: 1;
}

/* 更改选中颜色 */
::selection {
color: #0b7698;
background-color: #cde5ea;
}

/** Toggle文字按钮下划线 **/
.toggleunderline:hover {
text-decoration-line: underline;
}

/** 链接下划线 **/
a, .toggleunderline {
text-decoration-style: wavy;
}

/* [[分类:CSS页面]] */

模块:Tabs

2026-01-27T04:50:19Z

Tokur233：创建页面，内容为“local p = {} function p.render(frame) local args = frame:getParent().args local container = mw.html.create('div'):addClass('tabs-container') local ul = container:tag('ul'):addClass('tabs-pages') local firstTab = true for i = 1, 20 do local tabName = args['tab' .. i] if tabName and tabName ~= "" then local li = ul:tag('li'):addClass('tab') if firstTab then li:addClass('active') end li:…”

local p = {}

function p.render(frame)
local args = frame:getParent().args
local container = mw.html.create('div'):addClass('tabs-container')

local ul = container:tag('ul'):addClass('tabs-pages')
local firstTab = true
for i = 1, 20 do
local tabName = args['tab' .. i]
if tabName and tabName ~= "" then
local li = ul:tag('li'):addClass('tab')
if firstTab then li:addClass('active') end
li:tag('strong'):wikitext(tabName)
firstTab = false
end
end

local contentDiv = container:tag('div'):addClass('tabs-contents')
local firstContent = true
for i = 1, 20 do
local content = args['content' .. i]
if content and content ~= "" then
local tabC = contentDiv:tag('div'):addClass('tab-c')
if firstContent then tabC:addClass('active') end

tabC:tag('div'):addClass('inner-content')
:wikitext('\n' .. frame:preprocess(content) .. '\n')

firstContent = false
end
end

return tostring(container)
end

return p

模板:Tabs

2026-01-27T04:49:47Z

Tokur233：

<templatestyles src="Template:Tabs/styles.css" />{{#invoke:Test|render}}<noinclude>{{Tabs
|tab1=tab1
|tab2=tab2
|content1=
# content1
# content1
# content1
# content1
|content2=content2}}
{{documentation}}
</noinclude>

模板:Test/styles.css

2026-01-27T04:48:44Z

Tokur233：清空全部内容