imported>=海豚= |
imported>850710247liu |
| 第1行： |
第1行： |
| /* 放置于这里的CSS将影响使用移动版网站的用户 */
| | {| 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}}};}}}" |
| /* 链接样式 */
| | {{#if: {{{notitle|}}}|| |
| a:hover {
| | {{!}} colspan="3" style="{{{top-style|background-color:{{{top-bcolor|pink}}}; color:{{{top-color|#FFFFFF}}}; font-size:100%; padding:1em;}}}" {{!}} {{{title|{{{标题|{{PAGENAME}}}}}}}} |
| text-decoration: none;
| | {{!-}} |
| color: #2a4b8d;
| | }} |
| } | | | colspan="3" style="{{{image-style|text-align:center;}}}" | {{#if: {{{image|}}} |[[File:{{{image|}}}|{{{size|250px}}}]]|啊嘞？！<br />这个ACG作品缺少照片，需要补上……<br/>}}{{{alt|{{{图片信息|}}}{{{图片说明|}}}}}} |
| a, a:visited {
| | |- |
| text-decoration: none;
| | {{#if: {{{tabs|}}}| |
| color: #3366cc;
| | {{!}} colspan="3" {{!}} {{{tabs|}}} |
| } | | }} |
| .mw-body a.external:visited {
| | |- |
| color: #3366cc;
| | {{#forargs: |
| } | | | key |
| /* 社群推荐背景样式 */
| | | val |
| #mp-banner {
| | |<nowiki /> |
| background-image: url(https://www.hmoegirl.com/images/0/09/80468767.jpg);
| | {{#switch: {{#var:key}} |
| }
| | |class |
| /* 黑幕 */
| | |border<!-- 【数值】框架外边框宽度 --> |
| .heimu,
| | |cellpadding<!-- 【数值】单元格填充距离 --> |
| .heimu a,
| | |cellspacing<!-- 【数值】单元格间隔距离 --> |
| a .heimu,
| | |m-style<!-- 【样式】主框架风格 --> |
| .heimu a.new {
| | |m-width<!-- 【数值】主 宽度 --> |
| background-color: #252525;
| | |m-bcolor<!-- 【颜色】主背景色 --> |
| color: #252525;
| | |m-color<!-- 【颜色】主字体色 --> |
| text-shadow: none;
| | |notitle<!-- 【控制】不显示顶端标题 --> |
| }
| | |top-style<!-- 【样式】顶端风格 --> |
| .heimu:hover,
| | |top-bcolor<!-- 【颜色】顶端背景色 --> |
| .heimu:active,
| | |top-color<!-- 【颜色】顶端字体色 --> |
| .heimu:hover .heimu,
| | |title|标题<!-- 【内容】顶端大标题 --> |
| .heimu:active .heimu { | | |image<!-- 【图片】主配图 --> |
| color: white !important;
| | |image-style<!-- 【样式】配图框风格 --> |
| } | | |size<!-- 【数值】配图宽度 --> |
| .heimu:hover a,
| | |alt|图片信息|图片说明<!-- 【内容】图片说明，无图时也能显示 --> |
| a:hover .heimu,
| | |t-style<!-- 【样式】T型横栏风格 --> |
| .heimu:active a,
| | |t-bcolor<!-- 【颜色】T横栏背景色 --> |
| a:active .heimu {
| | |t-color<!-- 【颜色】T横栏字体色 --> |
| color: lightblue !important;
| | |i-style<!-- 【样式】I型框架风格 --> |
| } | | |l-style<!-- 【样式】左字段风格 --> |
| .heimu:hover .new,
| | |l-width<!-- 【数值】左字段宽度 --> |
| .heimu .new:hover,
| | |l-bcolor<!-- 【颜色】左字段背景色 --> |
| .new:hover .heimu,
| | |l-color<!-- 【颜色】左字段字体色 --> |
| .heimu:active .new,
| | |r-style<!-- 【样式】右字段风格 --> |
| .heimu .new:active,
| | |b-style<!-- 【样式】底端风格 --> |
| .new:active .heimu {
| | |bottom<!-- 【内容】底端文字（仅在设置底端风格时生效） --> |
| color: #BA0000 !important;
| | |tabs = <!-- 屏蔽已存在的项目 --> |
| } | | |#default = |
| /* 目录样式 */
| | {{#if: {{#var:val}} | |
| .client-js .toc-mobile {
| | {{#switch: {{#invoke:String|sub|{{#var:key}}|j=1}} |
| background-color: #F5F5F5 !important;
| | |-= |
| border: solid 0px transparent !important;
| | {{!}} style="{{{t-style|background-color:{{{t-bcolor|#62bca9}}}; color:{{{t-color|#FFFFFF}}};}}}" colspan="3" {{!}} {{#var: val}} |
| border-left: 4px solid #f4c430 !important;
| | |_= |
| } | | {{!}} style="{{{i-style|text-align:left}}}" colspan="3" {{!}} {{#var: val}} |
| /* 页顶提示模板相关 */
| | |+= |
| #commonBoxInfo {
| | {{#var: val}} |
| color: #f00;
| | |#default= |
| font-weight: bold;
| | {{!}} style="{{{l-style|width:{{{l-width|80px}}}; background-color:{{{l-bcolor|{{colour|-7|pink}}}}}; color:{{{l-color|#000000}}};}}}" {{!}} {{#var:key}} {{!!}} style="{{{r-style|text-align:center}}}" colspan="2" {{!}} {{#var:val}} |
| text-align: center;
| | }}<!-- end switch --> |
| } | | {{!}}- |
| #commonBoxList > .commonBoxButton {
| | {{!}}- |
| display: inline-block;
| | }}<!-- end if --> |
| border-bottom: 3px solid #000;
| | }}<!-- end switch --> |
| width: 40px;
| | }}<!-- end forargs --> |
| height: 40px;
| | {{#if: {{{b-style|}}} | ! colspan="3" style="{{{b-style|}}}" {{!}} {{{bottom|}}}}} |
| background: #fff 50% 50% no-repeat;
| | |} |
| background-size: contain;
| | <noinclude> |
| cursor: pointer;
| | |
| transition: opacity .5s;
| | == 使用方式 == |
| } | | 直接把以下内容复制入条目中就可使用<pre> |
| #commonBoxList.open > .commonBoxButton {
| | {{ACG作品信息 |
| opacity: .1;
| | |image= |
| } | | |图片信息= |
| #commonBoxList.open > .commonBoxButton.current { | | |作品原名= |
| opacity: 1;
| | |作品译名={{PAGENAME}}， |
| } | | |原作载体= |
| .common-box {
| | |原作作者= |
| padding: .2em .4em;
| | |改编载体= |
| border: 0.7px solid #ddd;
| | |相关作品= |
| -moz-border-radius: 10px;
| | }} |
| -webkit-border-radius: 10px;
| | |
| -khtml-border-radius: 10px;
| | </pre> |
| -o-border-radius: 10px;
| | 说明：<pre> |
| border-radius: 10px;
| | {{ACG作品信息 |
| background: rgba(250,250,250,0.65)!important;
| | |image= （一张该ACG作品的封面图片或主题照片。只需用写入文件名即可，不能用外部图片，留空时效果见右边。） |
| }
| | |图片信息=（图片注释，留空则不显示） |
| /* 修复子页面列表和common-box 宽度 不足 */
| | |作品原名=（描述ACG作品的原始名字。例如涼宮ハルヒシリーズ、もえたん等） |
| .mw-prefixindex-list-table,
| | |作品译名=（描述ACG作品的译名，原则上写中文译名。对于有多个译名，将常见译名都写上） |
| .common-box {
| | |原作载体=（该ACG作品的'''原作'''的载体形式，如漫画、动画、小说、游戏等） |
| width: 100% !important;
| | |原作作者=（该ACG作品的'''原作'''的作者） |
| }
| | |改编载体=（该ACG作品的'''改编'''的载体形式，如漫画、动画、小说、游戏等） |
| /* info类模板 */
| | |相关作品=（与该ACG作品相关的其他作品，写中译名） |
| .infobox {
| | }} |
| margin:0 auto;
| | </pre> |
| box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.10);
| | {{color|red|注意：对于ACG作品信息栏中不使用的项目，只留空即可，请'''不要把项目删掉'''。}} |
| border-radius: 5px; | | |
| overflow: hidden;
| | ==高级参数设置== |
| border: 0.5px solid #ddd;
| | 本模板同{{[[模板: 信息栏|信息栏]]}} 的参数完全相同，使用方式完全适用。 |
| }
| | |
| .infobox2 {
| | [[分类: 信息模板]] |
| padding: 0.2em; | | </noinclude> |
| float: middle;
| |
| clear: middle;
| |
| border-radius: 4px;
| |
| background: rgba(251,251,251);
| |
| }
| |
| .infoBoxTitle {
| |
| margin: 3px auto;
| |
| padding: 0;
| |
| text-align: center;
| |
| font-weight: 700;
| |
| }
| |
| .infoBoxIcon {
| |
| display: table-cell;
| |
| padding: 2px 0 2px .5em;
| |
| vertical-align: middle;
| |
| }
| |
| .infoBoxText {
| |
| display: table-cell;
| |
| padding: .25em .5em .25em 1.3em;
| |
| width: 100%;
| |
| vertical-align: middle;
| |
| }
| |
| .infoBoxContent {
| |
| padding: 0.6em;
| |
| box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); | |
| border-radius: 5px; | |
| overflow: hidden;
| |
| border: 1px solid #ddd;
| |
| background: rgba(251,251,251);
| |
| }
| |
| .infoBoxBelow {
| |
| margin: 0 auto;
| |
| padding: 0;
| |
| text-align: center;
| |
| }
| |
| .infoBoxYellow {
| |
| padding: 0.5em;
| |
| background: rgba(255,255,245);
| |
| } | |
| .infoBoxRed {
| |
| padding: 0.5em;
| |
| background: rgba(258,240,245);
| |
| }
| |
| .infoBoxBlue {
| |
| padding: 0.4em;
| |
| background: rgba(240,248,255);
| |
| } | |
| .infoBoxPurple {
| |
| padding: 0.4em;
| |
| background: rgba(248,248,255);
| |
| } | |
| .infoBoxGreen {
| |
| padding: 0.5em;
| |
| background: rgba(245,255,250);
| |
| } | |
| .infoBoxOrange {
| |
| padding: 0.5em;
| |
| background: rgba(250,240,230);
| |
| }
| |
| /*热门评论*/
| |
| .comment-container-top>div:not(.comment-thread) {
| |
| background-color: #f4c430 !important; | |
| color: white !important; | |
| font-weight: bolder !important;
| |
| } | |
| .comment-thread.comment-popular {
| |
| background-color: #FEF6E0 !important;
| |
| }
| |
| /* 评论边距 */
| |
| .comment-container-top,
| |
| .comment-container {
| |
| margin-left: 2% !important;
| |
| margin-right: 2% !important;
| |
| } | |
| /* 编辑区样式 */
| |
| .my-buttons {
| |
| padding: .5em;
| |
| } | |
| .my-buttons a {
| |
| text-decoration: none;
| |
| border: 1px #069 outset;
| |
| padding: .1em;
| |
| } | |
| .my-buttons a:hover,
| |
| .my-buttons a:active {
| |
| border-style: inset;
| |
| } | |
| .ve-ui-mwSaveDialog-summaryLabel {
| |
| display: none;
| |
| } | |
| /* 表格使用最小字体 */
| |
| table.wraptable {
| |
| white-space: normal;
| |
| } | |
| /* 修复单元格莫名空行 */
| |
| td {
| |
| vertical-align: middle;
| |
| } | |
| /* 修复子页面列表和common-box宽度不足 */
| |
| .mw-prefixindex-list-table,
| |
| .common-box {
| |
| width: 100% !important;
| |
| } | |
| /* 侧边栏和替换logo图片隐藏 */
| |
| #sidebar-character,
| |
| #wglogo {
| |
| display: none;
| |
| } | |
| /* 导航条 */
| |
| #breadcrumb {
| |
| font: bold 18px Arial, Helvetica, sans-serif;
| |
| color: black;
| |
| border: solid 1px rgb(204, 204, 204);
| |
| width: 100%;
| |
| overflow: hidden;
| |
| margin: 0;
| |
| padding: 0 0 .5em 0;
| |
| }
| |
| #breadcrumb span {
| |
| list-style-type: none;
| |
| float: left;
| |
| padding-left: 10px;
| |
| }
| |
| #breadcrumb span:after {
| |
| content: "·"
| |
| }
| |
| #breadcrumb span:last-child:after {
| |
| content: "";
| |
| }
| |
| #breadcrumb a {
| |
| text-align: center;
| |
| vertical-align: middle;
| |
| display: inline-block;
| |
| padding-right: 15px;
| |
| text-decoration: none;
| |
| color: #454545 !important;
| |
| }
| |
| .home {
| |
| border: none;
| |
| margin: 8px 0;
| |
| } | |
| /* 注释文字 */ | |
| sup.mobileref {
| |
| display: none;
| |
| } | |
| sup.mobileref:after {
| |
| content: " ("attr(title) ")";
| |
| display: inline;
| |
| }
| |
| /* code 内边距修复 */
| |
| code {
| |
| padding: 3px
| |
| } | |
| /* wikitable border */
| |
| #content.content table.wikitable {
| |
| border: none;
| |
| }
| |
| /* Tabs */ | |
| .tab .TabLabelText {
| |
| border-top: 3px solid transparent;
| |
| padding: 1px;
| |
| background: #fff;
| |
| border-left: 1px solid transparent;
| |
| border-right: 1px solid transparent;
| |
| cursor: pointer;
| |
| flex: none;
| |
| }
| |
| .tab .TabLabel {
| |
| z-index: 2;
| |
| position: sticky;
| |
| top: 0;
| |
| -webkit-user-select: none;
| |
| -moz-user-select: none;
| |
| -ms-user-select: none;
| |
| -o-user-select: none;
| |
| user-select: none;
| |
| display: flex;
| |
| flex-wrap: wrap;
| |
| background-color: white;
| |
| }
| |
| .tab .TabLabelText.selected {
| |
| border-top: 3px solid green;
| |
| padding: 1px;
| |
| background: white;
| |
| border-left: 1px solid #aaa;
| |
| border-right: 1px solid #aaa;
| |
| }
| |
| .tab .TabContent {
| |
| background: white;
| |
| padding: 20px 30px;
| |
| position: relative;
| |
| z-index: 1;
| |
| border: 1px solid #aaa;
| |
| }
| |
| .tab .TabContentText {
| |
| display: none;
| |
| }
| |
| .tab .TabContentText.selected {
| |
| display: block;
| |
| }
| |
| .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;
| |
| }
| |
| /* wikitable green */
| |
| table.wikitable-green {
| |
| background: #c9f6e1
| |
| }
| |
| .wikitable-green th {
| |
| background: #13ec93
| |
| }
| |
| .wikitable-green td {
| |
| background: #f3f3f3
| |
| }
| |
| /* wikitable border */
| |
| #content.content table.wikitable {
| |
| border: none;
| |
| }
| |
| /* Ruby 模板 */
| |
| rb[data-id="template-ruby"]::before {
| |
| content: "";
| |
| }
| |
| rb[data-id="template-ruby"]::before,
| |
| .template-ruby-hidden {
| |
| display: inline-block;
| |
| width: 0;
| |
| font-size: 0;
| |
| }
| |
| /* 大家族模板 */
| |
| .navbox th,
| |
| .navbox-group {
| |
| background: #a5e4a5;
| |
| }
| |
| /* 来个高优先级的 */
| |
| body .content .navbox {
| |
| display: table !important;
| |
| }
| |
| .navbox .content table {
| |
| width: 100% !important;
| |
| }
| |
| .navbox {
| |
| border: 1px solid #aaa;
| |
| clear: both;
| |
| padding: 1px;
| |
| text-align: center;
| |
| width: 100%;
| |
| }
| |
| .navbox-group {
| |
| white-space: nowrap;
| |
| }
| |
| .navbox table {
| |
| margin: 0 !important;
| |
| }
| |
| .navbox-subgroup .navbox-group {
| |
| background: #e6f6e6;
| |
| }
| |
| .navbox-title>div:first-of-type {
| |
| display: none;
| |
| }
| |
| /* Fix by case : Rev 1327309 ([[Special:Permalink/1327309]])
| |
| Address alignment issue of nested tabs in Navbox */
| |
| .navbox .TabLabel {
| |
| text-align: left;
| |
| }
| |
| @media screen and (max-width: 640px) {
| |
| .navbox-group {
| |
| display: block;
| |
| }
| |
| .navbox-group+* {
| |
| display: block;
| |
| width: 100%;
| |
| border-left: 1em solid #a5e4a5 !important;
| |
| padding-left: 3px !important;
| |
| padding-top: 3px !important;
| |
| box-sizing: border-box;
| |
| }
| |
| .navbox-subgroup .navbox-group+* {
| |
| border-left: 1em solid #e6f6e6 !important;
| |
| }
| |
| }
| |
| /* 修复用户页欢迎辞覆盖编辑框的bug */
| |
| .overlay.visible {
| |
| z-index: 3;
| |
| }
| |
| body .oo-ui-windowManager-modal > .oo-ui-dialog {
| |
| z-index: 3;
| |
| }
| |
| /* Fix by case: Tracklist doesn't display on mobile devices due to inappropriate margin configuration */
| |
| .tracklist {
| |
| margin: 0 !important;
| |
| }
| |
| /* 扩展mediawiki.legacy.commonPrint,shared定义的样式 */
| |
| /* success and error messages */
| |
| .error,
| |
| .warning,
| |
| .success {
| |
| font-size: larger;
| |
| }
| |
| .error {
| |
| color: #d33;
| |
| }
| |
| .warning {
| |
| color: #705000;
| |
| }
| |
| .success {
| |
| color: #009000;
| |
| }
| |
| .errorbox,
| |
| .warningbox,
| |
| .successbox {
| |
| border: 1px solid;
| |
| padding: 0.5em 1em;
| |
| margin-bottom: 1em;
| |
| display: inline-block;
| |
| zoom: 1;
| |
| }
| |
| .errorbox h2,
| |
| .warningbox h2,
| |
| .successbox h2 {
| |
| font-size: 1em;
| |
| color: inherit;
| |
| font-weight: bold;
| |
| display: inline;
| |
| margin: 0 0.5em 0 0;
| |
| border: 0;
| |
| }
| |
| .errorbox {
| |
| color: #d33;
| |
| border-color: #fac5c5;
| |
| background-color: #fae3e3;
| |
| }
| |
| .warningbox {
| |
| color: #705000;
| |
| border-color: #fde29b;
| |
| background-color: #fdf1d1;
| |
| }
| |
| .successbox {
| |
| color: #008000;
| |
| border-color: #b7fdb5;
| |
| background-color: #e1fddf;
| |
| }
| |
| /* 折叠/展开（或自定义内容）的文字颜色，和桌面版一致，用于提示点击可触发事件。 */
| |
| a.mw-collapsible-text {
| |
| color: #3366cc;
| |
| }
| |