/** * ---------------------------------------- * 本页面仅用于个人使用,究其根本,核心代码源自[[User:BearBin]]。熊门! * ---------------------------------------- */ /* 分块 ---------------------------------------- */ .aliiaalio-wrapper { display: block; box-sizing: border-box; max-width: 93em; margin: .5em auto 1em; padding: 1.3em; border-radius: .6em; box-shadow: 0 2px 10px #bbb; transition-duration: .3s; } @media screen and (max-width: 768px) { .aliiaalio-wrapper { padding: .9em; } } @media screen and (max-width: 480px) { .aliiaalio-wrapper { padding: .6em; } } .aliiaalio-wrapper>ul .external { background: none; padding-right: inherit; } .aliiaalio-wrapper>ul>li { margin-bottom: .15em; } .aliiaalio-wrapper a, .aliiaalio-wrapper a:visited, .aliiaalio-wrapper a.external, .aliiaalio-wrapper a.external:visited { color: #0645ad; } .aliiaalio-wrapper a:active { color: #faa700; } .aliiaalio-wrapper .heimu a { color: #222; } /* 目录 ---------------------------------------- */ .aliiaalio-toc { display: table; box-sizing: border-box; min-width: 9.7em; margin-bottom: 1em; padding: .5em; font-size: inherit; border: 1px solid rgba(127, 127, 127, 0.3); border-radius: .6em; box-shadow: 1px 2px 5px rgba(127, 127, 127, 0.4); background: rgba(255, 255, 255, 0.4) !important; } .aliiaalio-toc .toc-head { height: 1.5em; line-height: 1.5em; text-align: center; font-weight: 700; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .aliiaalio-toc .mw-collapsible-toggle { height: 1.5em; line-height: 1.5em; transition-duration: .3s; } .aliiaalio-toc .mw-collapsible-toggle:hover { background-color: rgba(172, 172, 172, 0.28); } .aliiaalio-toc .mw-collapsible-text:hover { text-decoration: none; } .aliiaalio-toc .toc-content { margin-top: .15em; text-indent: .8em; } .aliiaalio-toc .toc-content>div a { display: block; border-radius: .36em; transition-duration: .3s; } .aliiaalio-toc .mw-collapsible-text { padding: .1em .2em; transition-duration: .3s; border-radius: .4em; } .aliiaalio-toc .mw-collapsible-toggle-default::before, .aliiaalio-toc .mw-collapsible-toggle-default::after { content: none; } .aliiaalio-toc .toc-content>div a:hover { text-decoration: none; background-color: rgba(172, 172, 172, 0.28); } @media screen and (max-width: 576px) { .aliiaalio-toc { width: 100% } } /* 贡献 ---------------------------------------- */ .aliiaalio-contribution { box-sizing: border-box; padding: .6em; border: 1px solid #ccc; border-radius: .6em; box-shadow: 0 0 6px rgba(127, 127, 127, 0.5); } .aliiaalio-contribution>ul { display: flex; flex-flow: row wrap; margin: 0 !important; cursor: default; } .aliiaalio-contribution li { margin: 0; list-style: none none; } .aliiaalio-contribution>ul>li { flex: 1 1 16em; margin: 0; padding: 0.6em !important; font-size: 114%; font-weight: 700; border-radius: .6em; transition-duration: .5s; } .aliiaalio-contribution>ul>li:hover { background-color: rgba(172, 172, 172, 0.22); } .aliiaalio-contribution>ul>li>ul { margin: 0 0 0 1.2em !important; max-height: 22em; overflow: auto; font-size: 87.7%; font-weight: 400; } .aliiaalio-contribution>ul>li>ul>li>i { padding-left: .1em; font-size: 60%; color: #889; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .aliiaalio-sub::after, .aliiaalio-contribution>ul>li>ul>li>i::before { content: "改"; vertical-align: baseline; padding-left: .1em; color: #889; } @media screen and (max-width: 576px) { .aliiaalio-contribution { max-height: 85vh; overflow: auto; } .aliiaalio-contribution>ul>li>ul { max-height: initial; } } /* 用户框 ---------------------------------------- */ .aliiaalio-userbox { display: inline-block; margin: 1px 6px 2px 0; box-shadow: 2px 2px 5px rgba(127, 127, 127, 0.4); transition: all .3s !important; border-collapse: collapse; border-spacing: 0; } .aliiaalio-userbox th { box-sizing: border-box; height: 60px; padding: 0; overflow: hidden; color: inherit; border-right: 1px solid rgba(127, 127, 127, 0.3); background-color: rgba(255, 255, 255, 0.6); vertical-align: middle; user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .aliiaalio-userbox th>div { display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; overflow: hidden; line-height: 1.2; } .aliiaalio-userbox th>div>img, .aliiaalio-userbox th>div>a>img{ max-width: 60px; max-height: 60px; } .aliiaalio-userbox td { box-sizing: border-box; width: 200px; padding: 0 0.3em; text-shadow: 1px 1px 3px rgba(255, 255, 255, 0.5); background: rgba(255, 255, 255, 0.3); vertical-align: middle; line-height: 1.2em; } .aliiaalio-userbox:hover { transform: scale(1.05); } /* 展廊 ---------------------------------------- */ .aliiaalio-hall { display: flex; flex-flow: row wrap; justify-content: space-around; column-gap: .6em; } .aliiaalio-showcase { position: relative; display: inline-block; overflow: hidden; box-sizing: border-box; width: 160px; margin-bottom: .6em; background: linear-gradient(125deg, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0.6) 23%, rgba(255, 255, 255, 0) 36%, rgba(255, 255, 255, 0) 64%, rgba(255, 255, 255, 0.6) 77%, rgba(255, 255, 255, 1) 100%); border-radius: 8px; box-shadow: 2px 2px 5px rgba(127, 127, 127, 0.5); transition-duration: .4s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition-duration: .7s; } .aliiaalio-showcase:hover { transform: translate(0, -0.35em); } .aliiaalio-showcase .showcase-content { display: flex; justify-content: center; align-items: center; min-height: 64px; overflow: hidden; margin: 0; padding: 0; text-align: center; } .aliiaalio-showcase .showcase-content img { width: 100%; height: auto; } .aliiaalio-showcase .content-text { font-size: 1.1em; font-weight: 700; } .aliiaalio-showcase .showcase-summary { margin: .2em .7em .5em; line-height: 1.5em; } .aliiaalio-showcase a { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; z-index: 4; } /* 歌单 ---------------------------------------- */ .aliiaalio-musiclist { display: flex; flex-flow: row wrap; margin: auto; justify-content: space-around; column-gap: .2em; } .aliiaalio-musicbox { display: inline-block; flex: 0 1 330px; box-sizing: border-box; margin: .12em 0 .7em; padding: .8em 1.2em; border: 1px solid #ccc; border-radius: .5em; box-shadow: 2px 2px 5px rgba(127, 127, 127, 0.45); transition-duration: .4s; line-height: .5em; } @media screen and (max-width: 576px) { .aliiaalio-musicbox { margin: .15em auto; padding: .4em .8em; } } .aliiaalio-musicbox .music163 { min-height: 1.1em; } .aliiaalio-wrapper>div:first-child:not([class]):not([id]):not([style]), .aliiaalio-musicbox .subinfo { width: 0; height: 0; overflow: hidden; clear: none; } .aliiaalio-musicbox:hover { transform: scale(1.04); } .aliiaalio-musicbox .aliaalio-comment { text-align: right; } /*音乐盒*/ .music_box { display: inline-block; text-align: left; margin: .5em 2em .5em 2em; box-shadow: 1px 1px 5px rgba(127, 127, 127, 0.5); padding: 1em; transition: all .3s !important; } .music_box:hover { transform: scale(1.05); } .music_box .subinfo { display: none; } /* 按钮 ---------------------------------------- */ .aliiaalio-button { margin: 0 0 .3em; } .aliiaalio-buttontext { display: inline-block; padding: 0.3em 0.5em; border: 1px solid #ccc; border-radius: 0.4em; font-family: "Source Han Serif SC", "Source Han Serif CN", "Noto Serif CJK SC", sans-serif; font-size: 1.2em; font-weight: 800; box-shadow: 1px 2px 5px rgba(127, 127, 127, 0.3); transition-duration: .5s; background: linear-gradient(125deg, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0.6) 23%, rgba(255, 255, 255, 0) 36%, rgba(255, 255, 255, 0) 64%, rgba(255, 255, 255, 0.6) 77%, rgba(255, 255, 255, 1) 100%); } .aliiaalio-buttontext:hover { transform: translate(0, -0.2em); } /*二级标题*/ h2 .mw-headline, h3 .mw-headline, h4 .mw-headline, h5 .mw-headline, h6 .mw-headline{ font-family: serif !important; font-weight: bold;} h2::before { display: none !important;} h2 { border-bottom: 0; padding-left: 0 !important;} .toctitle h2::after { display: none;} h2::after { content: " "; display: block; background: linear-gradient(to right, #00BFFF, transparent); height: 3px; width: 100%; } /* 按钮样式修改 */ .mw-ui-button { border-color: #424242; background-color: #ffffff !important; box-shadow: 0 3pt 6pt #D2D5D7; border-radius: 5px; color: #515151 !important; } .mw-ui-button:hover { background-color: #dfdfdf !important; border-color: #686868; transition: border-color 1s, background-color 1s; } .mw-ui-button:active { box-shadow: 0 1pt 2pt #D2D5D7; background-color: #dfdfdf !important; color: #505050 !important; } .mw-ui-button.mw-ui-progressive { border-color: #424242; background-color: #60bfff !important; box-shadow: 0 3pt 6pt #D2D5D7; border-radius: 5px; color: #ffffff !important; } .mw-ui-button.mw-ui-progressive:hover { background-color: #089cff !important; border-color: #686868; transition: border-color 1s, background-color 1s; } .mw-ui-button.mw-ui-progressive:active { box-shadow: 0 1pt 2pt #D2D5D7; background-color: #089cff !important; color: #ffffff !important; } .mw-ui-button.mw-ui-destructive { border-color: #424242; background-color: #f2003d !important; box-shadow: 0 3pt 6pt #D2D5D7; border-radius: 5px; color: #ffffff !important; } .mw-ui-button.mw-ui-destructive:hover { background-color: #d40035 !important; border-color: #686868; transition: border-color 1s, background-color 1s; } .mw-ui-button.mw-ui-destructive:active { box-shadow: 0 1pt 2pt #D2D5D7; background-color: #d40035 !important; color: #ffffff !important; } /* 隐藏编辑按钮 */ .mw-editsection { display: none; } /* 媒体适配 */ @media screen and (max-width: 960px) { table.wikitable { margin: 0.5em 0; width: 100%!important; }/* 伸缩到全屏 */ .infobox2{ max-width:100%!important; }/* 伸缩到全屏 */ .bubulogo{ margin:0.2em 15%; height:auto; max-width:70%; }/* 伸缩到更大 */ h2 { padding: 5px 0em; border-radius: 5px 5px 0 0; } table.wikitable tbody{ display: inline-block; } } /*分块样式*/ .quote_block { max-width: 80em; margin: 0.8em auto; box-shadow: 0 2px 5px #aaa; padding: 1.5em 3em 3em 3em; background-color: rgba(255,255,255,0.1) } /* 原用于[[U:BearBin]]的子页面,借鉴于[[U:柏喙意志]] */ .BibeakContribution { width: 100%; min-width: 600px; border-collapse: separate; border-spacing: 4px; } .BibeakContribution th { text-align: center; border-radius: 5px; background-color: rgba(255, 255, 255, 0.6); box-shadow: 1px 1px 5px rgba(60, 60, 60, 0.3); } .BibeakContribution td { padding: 2px 3px; text-align: left; background-color: rgba(255, 255, 255, 0.5); } /* 星章墙 ---------------------------------------- */ .wikilove-wall { display: block; margin: .5em auto 1em; padding: 1em; border: 1px solid rgba(127, 127, 127, 0.3); border-radius: .6em; box-shadow: 1px 2px 5px rgba(127, 127, 127, 0.4); transition-duration: .3s; background: linear-gradient(125deg, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 0.6) 23%, rgba(255, 255, 255, 0) 36%, rgba(255, 255, 255, 0) 64%, rgba(255, 255, 255, 0.6) 77%, rgba(255, 255, 255, 1) 100%); } .wikilove-list { display: flex; flex-flow: wrap; justify-content: center; align-items: center; column-gap: 2px; } .wikilove-wall .mw-collapsible { display: flex; justify-content: center; margin-top: 1em; } .wikilove-wall .mw-collapsible>table { width: 50em; max-width: 100%; margin: 0 !important; }