“MediaWiki:Gadget-site-styles.css”与“Template:ACG作品信息”:页面之间的差异

H萌娘,万物皆可H的百科全书!
(页面间差异)
跳到导航 跳到搜索
imported>=海豚=
无编辑摘要
 
imported>850710247liu
(// Edit via Wikiplus)
 
第1行: 第1行:
/* 导航菜单样式 */
{| class="{{{class|infobox2}}}" align=right border="{{{border|0}}}" cellpadding="{{{cellpadding|1}}}" cellspacing="{{{cellspacing|2}}}" style="{{{m-style|font-size:89%; text-align:center; width:{{{m-width|260px}}}; max-width:100%; float:right; background-color:{{{m-bcolor|rgba(251,251,251,0.8)}}}; color:{{{m-color|#000}}};}}}"
nav ul li a {
{{#if: {{{notitle|}}}||
   box-shadow: inset 0 0 0 #F4C430;
{{!}} colspan="3" style="{{{top-style|background-color:{{{top-bcolor|red}}}; color:{{{top-color|#FFFFFF}}}; font-size:100%; padding:1em;}}}" {{!}} {{{title|{{{标题|{{PAGENAME}}}}}}}}
   transition: all 0.1s ease-in !important;
{{!-}}
}
}}
nav ul li a:hover {
| colspan="3" style="{{{image-style|text-align:center;}}}" | {{#if: {{{image|}}} |[[File:{{{image|}}}|{{{size|250px}}}]]|啊嘞?!<br />这个ACG作品缺少照片,需要补上……<br/>}}{{{alt|{{{图片信息|}}}{{{图片说明|}}}}}}
   box-shadow: inset 7px 0 0 #F4C430;
|-
}
{{#if: {{{tabs|}}}|
nav .mw-parser-output ul li a {
{{!}} colspan="3" {{!}} {{{tabs|}}}
   font-weight: bold;
}}
   line-height: 1.857;
|-
}
{{#forargs:
nav .mw-parser-output ul li a > i {
| key
   margin-right: 0.76em;
| val
   font-size: 1.4em;
|<nowiki />
   vertical-align: middle;
{{#switch: {{#var:key}}
   width: 24px;
  |class
   text-align: center;
|border<!-- 【数值】框架外边框宽度 -->
}
|cellpadding<!-- 【数值】单元格填充距离 -->
/* 隐藏登录后的首页欢迎语 */
|cellspacing<!-- 【数值】单元格间隔距离 -->
body.page-Main_Page.is-authenticated .pre-content {
  |m-style<!-- 【 样式 】主框架风格 -->
  display: none !important;
  |m-width<!-- 【数值】主宽度 -->
}
  |m-bcolor<!-- 【颜色】主背景色 -->
/* 通知 样式 */
   |m-color<!-- 【颜色】主字体色 -->
.mw-echo-ui-notificationsInboxWidget-toolbarWrapper {
|notitle<!-- 【控制】不显示顶端标题 -->
   background: transparent !important;
|top-style<!-- 【样式】顶端风格 -->
}
  |top-bcolor<!-- 【颜色】顶端背景色 -->
.notification-count {
  |top-color<!-- 【颜色】顶端字体色 -->
   background: transparent !important;
  |title|标题<!-- 【内容】 端大标题 -->
}
|image<!-- 【图片】主配图 -->
/* 界面 样式 */
  |image-style<!-- 【 样式 】配图框风格 -->
:not(overlay-header):not(editor-overlay):not(oo-ui-toolbar-bar):not(editor-switcher),
|size<!-- 【数值】配图宽度 -->
.header {
|alt|图片信息|图片说明<!-- 【内容】图片说明,无图时也能显示 -->
   filter: brightness(300%);
|t-style<!-- 【样式】T型横栏风格 -->
   color: white;
  |t-bcolor<!-- 【颜色】T横栏背景色 -->
}
  |t-color<!-- 【颜色】T横栏字体色 -->
.header-container {
|i-style<!-- 【样式】I型框架风格 -->
   background-color: #f4c430 !important;
|l-style<!-- 【样式】左字段风格 -->
}
  |l-width<!-- 【数值】左字段宽度 -->
nav ul li a:hover {
  |l-bcolor<!-- 【颜色】左字段背景色 -->
   box-shadow: inset 5px 0 0 0 #f4c430;
  |l-color<!-- 【颜色】左字段字体色 -->
   text-decoration: none;
|r-style<!-- 【样式】右字段风格 -->
}
|b-style<!-样式 】底端风格 -->
/* 界面底部 样式 */
|bottom<!-- 【内容】底端文字(仅在设置底端风格时生效) -->
.animations #mw-mf-page-center {
|tabs = <!-- 屏蔽已存在的项目 -->
   background-image: linear-gradient( -45deg,#f4c430 10px,transparent 11px);
|#default =
}
{{#if: {{#var:val}} |
.tab .TabLabelText {
  {{#switch: {{#invoke:String|sub|{{#var:key}}|j=1}}
    padding: 1px;
    |-=
   background: #fff;
    {{!}} style="{{{t-style|background-color:{{{t-bcolor|#62bca9}}}; color:{{{t-color|#FFFFFF}}};}}}" colspan="3" {{!}} {{#var: val}}
   cursor: pointer;
    |_=
    flex: none;
    {{!}} style="{{{i-style|text-align:left}}}" colspan="3" {{!}} {{#var: val}}
}
    |+=
/* 最近更改页面 */
    {{#var: val}}
.mw-changeslist-legend {
   |#default=
    display: none!important;
    {{!}} style="{{{l-style|width:{{{l-width|80px}}}; background-color:{{{l-bcolor|{{colour|-5|grey}}}}}; color:{{{l-color|#000000}}};}}}" {{!}} {{#var:key}} {{!!}} style="{{{r-style|text-align:center}}}" colspan="2" {{!}} {{#var:val}}
}
  }}<!-- end switch -->
/* Tabs */
  {{!}}-
.tab .TabLabel {
  {{!}}-
   z-index: 2;
}}<!-- end if -->
   position: relative;
}}<!-- end switch -->
   -webkit-user-select: none;
}}<!-- end forargs -->
   -moz-user-select: none;
{{#if: {{{b-style|}}} | ! colspan="3" style="{{{b-style|}}}" {{!}} {{{bottom|}}}}}
   -ms-user-select: none;
|}
   -o-user-select: none;
<noinclude>
   user-select: none;
   display: flex;
   flex-wrap: wrap;
}


.tab .TabLabelText.selected {
== 使用方式 ==
   padding: 1px;
直接把以下内容复制入条目中就可使用<pre>
   background: white;
{{ACG作品信息
}
|image=
|图片信息=
|作品原名=
|作品译名={{PAGENAME}},
|原作载体=
|原作作者=
|改编载体=
|相关作品=
}}


.tab .TabContent {
</pre>
   background: white;
说明:<pre>
   padding: 20px 30px;
{{ACG作品信息
   position: relative;
|image=  (一张该ACG作品的封面图片或主题照片。只需用写入文件名即可,不能用外部图片,留空时效果见右边。)
   z-index: 1;
|图片信息=(图片注释,留空则不显示)
   border: 1px solid #aaa;
|作品原名=(描述ACG作品的原始名字。例如涼宮ハルヒシリーズ、もえたん等)
}
|作品译名=(描述ACG作品的译名,原则上写中文译名。对于有多个译名,将常见译名都写上)
|原作载体=(该ACG作品的'''原作'''的载体形式,如漫画、动画、小说、游戏等)
|原作作者=(该ACG作品的'''原作'''的作者)
|改编载体=(该ACG作品的'''改编'''的载体形式,如漫画、动画、小说、游戏等)
|相关作品=(与该ACG作品相关的其他作品,写中译名)
}}
</pre>
{{color|red|注意:对于ACG作品信息栏中不使用的项目,只留空即可,请'''不要把项目删掉'''。}}


.tab .TabContentText {
==高级参数设置==
   display: none;
本模板同{{[[模板: 信息栏|信息栏]]}} 的参数完全相同,使用方式完全适用。
}


.tab .TabContentText.selected {
[[分类: 信息模板]]
   display: block;
</noinclude>
}
 
.tab .tabLabelTop .TabLabelText {
   border-top: 3px solid transparent;
   border-left: 1px solid transparent;
   border-right: 1px solid transparent;
}
 
.tab .tabLabelTop .TabLabelText.selected {
   border-top: 3px solid green;
   border-left: 1px solid #aaa;
   border-right: 1px solid #aaa;
}
 
.tab .tabLabelTop.reverse .TabLabelText {
   border-bottom: 3px solid transparent;
   border-left: 1px solid transparent;
   border-right: 1px solid transparent;
   border-top: 1px solid transparent;
}
 
.tab .tabLabelTop.reverse .TabLabelText.selected {
   border-bottom: 3px solid green;
   border-left: 1px solid #aaa;
   border-right: 1px solid #aaa;
   border-top: 1px solid transparent;
}
 
.tab .tabLabelBottom .TabLabelText {
   border-bottom: 3px solid transparent;
   border-left: 1px solid transparent;
   border-right: 1px solid transparent;
}
 
.tab .tabLabelBottom .TabLabelText.selected {
   border-bottom: 3px solid green;
   border-left: 1px solid #aaa;
   border-right: 1px solid #aaa;
}
 
.tab .tabLabelBottom.reverse .TabLabelText {
   border-top: 3px solid transparent;
   border-left: 1px solid transparent;
   border-right: 1px solid transparent;
   border-bottom: 1px solid transparent;
}
 
.tab .tabLabelBottom.reverse .TabLabelText.selected {
   border-top: 3px solid green;
   border-left: 1px solid #aaa;
   border-right: 1px solid #aaa;
   border-bottom: 1px solid transparent;
}
 
.tab .tabLabelLeft .TabLabelText {
   border-left: 3px solid transparent;
   border-top: 1px solid transparent;
   border-bottom: 1px solid transparent;
}
 
.tab .tabLabelLeft .TabLabelText.selected {
   border-left: 3px solid green;
   border-top: 1px solid #aaa;
   border-bottom: 1px solid #aaa;
}
 
.tab .tabLabelLeft.reverse .TabLabelText {
   border-right: 3px solid transparent;
   border-top: 1px solid transparent;
   border-bottom: 1px solid transparent;
   border-left: 1px solid transparent;
}
 
.tab .tabLabelLeft.reverse .TabLabelText.selected {
   border-right: 3px solid green;
   border-top: 1px solid #aaa;
   border-bottom: 1px solid #aaa;
   border-left: 1px solid transparent;
}
 
.tab .tabLabelRight .TabLabelText {
   border-right: 3px solid transparent;
   border-top: 1px solid transparent;
   border-bottom: 1px solid transparent;
}
 
.tab .tabLabelRight .TabLabelText.selected {
   border-right: 3px solid green;
   border-top: 1px solid #aaa;
   border-bottom: 1px solid #aaa;
}
 
.tab .tabLabelRight.reverse .TabLabelText {
   border-left: 3px solid transparent;
   border-top: 1px solid transparent;
   border-bottom: 1px solid transparent;
   border-right: 1px solid transparent;
}
 
.tab .tabLabelRight.reverse .TabLabelText.selected {
   border-left: 3px solid green;
   border-top: 1px solid #aaa;
   border-bottom: 1px solid #aaa;
   border-right: 1px solid transparent;
}
 
.tab .Tabs .TabDivider {
   width: 100%;
   order: 2;
}
 
.tab .Tabs.reverse .TabDivider {
   height: 2px;
}
 
.tab .Tabs.tabLabelLeft .TabLabel,
.tab .Tabs.tabLabelRight .TabContent {
   order: 1;
}
 
.tab .Tabs.tabLabelLeft .TabContent,
.tab .Tabs.tabLabelRight .TabLabel {
   order: 3;
}
 
.tab .Tabs.tabLabelLeft,
.tab .Tabs.tabLabelRight {
   display: flex;
   flex-wrap: nowrap;
   width: auto;
}
 
.tab .Tabs.tabLabelLeft .TabDivider,
.tab .Tabs.tabLabelRight .TabDivider {
   height: 100%;
   width: 0;
}
 
.tab .Tabs.tabLabelLeft.reverse .TabDivider,
.tab .Tabs.tabLabelRight.reverse .TabDivider {
   width: 1px;
}
 
.tab .Tabs.tabLabelLeft .TabLabel,
.tab .Tabs.tabLabelRight .TabLabel {
   flex-direction: column;
}
 
.tab .Tabs.tabLabelLeft:not(.AutoWidth) .TabContent,
.tab .Tabs.tabLabelRight:not(.AutoWidth) .TabContent{
   flex: 1;
}
 
.Tabs {
   max-width: 100%;
}
 
.Tabs.AutoWidth {
   width: max-content;
}
 
.Tabs.FloatLeft {
   float: left;
   margin-right: 1em;
}
 
.Tabs.FloatRight {
   float: right;
   margin-left: 1em;
}
 
.Tabs .Tab {
   border-bottom: 1px solid #aaa;
}
 
.Tabs .Tab:first-child {
   border-top: 1px solid #aaa;
}
 
.Tabs .Tab .TabLabelText {
   padding: 7px;
}
 
.Tabs .Tab .TabContentText {
   padding: 3px;
}
 
.infotemplatebox>table td>.Tabs .TabLabel,
.infotemplatebox>table td>.Tabs .TabContent {
   margin: 0 -1px;
}

2020年2月27日 (四) 13:20的版本

ACG作品信息
啊嘞?!
这个ACG作品缺少照片,需要补上……


使用方式

直接把以下内容复制入条目中就可使用

{{ACG作品信息
|image=
|图片信息=
|作品原名=
|作品译名={{PAGENAME}},
|原作载体=
|原作作者=
|改编载体=
|相关作品=
}}

说明:

{{ACG作品信息
|image=   (一张该ACG作品的封面图片或主题照片。只需用写入文件名即可,不能用外部图片,留空时效果见右边。)
|图片信息=(图片注释,留空则不显示)
|作品原名=(描述ACG作品的原始名字。例如涼宮ハルヒシリーズ、もえたん等)
|作品译名=(描述ACG作品的译名,原则上写中文译名。对于有多个译名,将常见译名都写上)
|原作载体=(该ACG作品的'''原作'''的载体形式,如漫画、动画、小说、游戏等)
|原作作者=(该ACG作品的'''原作'''的作者)
|改编载体=(该ACG作品的'''改编'''的载体形式,如漫画、动画、小说、游戏等)
|相关作品=(与该ACG作品相关的其他作品,写中译名)
}}

注意:对于ACG作品信息栏中不使用的项目,只留空即可,请不要把项目删掉

高级参数设置

本模板同{{信息栏}}的参数完全相同,使用方式完全适用。