2023年政策修订增补工作正在进行中,欢迎参与!
User:Aliiaalio/style.css
跳转到导航
跳转到搜索
注意:在保存之后,您可能需要清除浏览器缓存才能看到所作出的变更的影响。
- Firefox/Safari:按住“Shift”的同时单击“刷新”,或按“Ctrl-F5”或“Ctrl-R”(Mac为“⌘-R”)
- Google Chrome:按“Ctrl-Shift-R”(Mac为“⌘-Shift-R”)
- Internet Explorer:按住“Ctrl”的同时单击“刷新”,或按“Ctrl-F5”
- Opera:在“工具→首选项”中清除缓存
- 如果您已登录但该页面出现未登录状态,请尝试在地址栏的地址最后添加代码
?_=1
来访问最新页面。 - 添加代码后的本页地址如下:
-{R|https://moegirl.icu/User:Aliiaalio/style.css?_=1}-
/**
* ----------------------------------------
* 本页面仅用于个人使用,究其根本,核心代码源自[[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;
}