imported>=海豚= |
imported>=海豚= |
第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|270px}}}}}}]]<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作品相关的其他作品,写中译名) |
| | |版权信息=(记录获得该作品版权的网站,如 爱奇艺、土豆优酷、bilibili等) |
| | |原作语言=(作品原本的语言) |
| | }} |
| | </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;
| |
| }
| |