User:HenryMakerCH/style.css
外观
注意:保存之后,你必须清除浏览器缓存才能看到做出的更改。Google Chrome、Firefox、Microsoft Edge及Safari:按住⇧ Shift键并单击工具栏的“刷新”按钮。参阅Help:绕过浏览器缓存以获取更多帮助。
/*源码来自 Moegirl Pedia [[Slow Loop/style.css]] */
/*https://zh.moegirl.org.cn/Slow%20Loop/style.css*/
/*MinervaNeue皮肤下图片缩放*/
.infobox2 img {
width:100%; max-width:312px !important; height:auto;
}
/*移除信息栏中tab的边框*/
.infobox2 .TabContent{
border:0;
}
/*标题风格化*/
h2 {
max-width: 100%;
border-bottom: none;
overflow: visible;
}
h2 .mw-headline {
display: inline-block;
position: relative;
color: #FFFFFF;
letter-spacing: 2px;
font-family: sans-serif;
font-weight: bolder;
background: #9ED8DD;
padding: 5px 10px 5px 40px;
font-size: 110%;
border-radius: 0 30px 30px 0;
margin-left: 15px;
line-height: 1.4;
width: 40%;
}
h2 span.mw-headline::before {
content: url("https://img.moegirl.org.cn/common/3/39/ISO_7010_E001_blue.png" );
display: inline-block;
position: absolute;
left: -0.8em;
top: -2%;
}
h3 .mw-headline {
color: #1568A2;
font-size: 120%;
padding: 0 10px;
border-bottom: solid 2px #0B7698;
}
h4 .mw-headline {
border-left: solid 10px #0C7698;
color: rgba(4,87,146,1.00);
padding-left: 7px;
position: relative;
font-size: 118%;
padding-bottom: 5px;
}
h5 .mw-headline {
padding-left: 10px;
font-size: 108%;
position: relative;
font-weight: 900;
}
/*圆角化*/
.infoBox,.infoBoxContent,.infoBox2,.navbox-title,.navbox-group,.wikitable,.bilibili-title,.navBox,table,td,div,.toc,pre,.card,.bottomRightCorner,.radius,.mw-body,.TabContent {
border-radius: 7px;
}
.infoBoxContent {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
/*目录在宽屏下改为两栏显示*/
@media screen and (min-width:1000px) {
.toc ul {
column-count: 2;
}
.toc ul > li > ul {
column-count: 1;
}
.toctoggle {
float: right;
}
}
/*移动版允许使用small、big标签*/
small {
font-size:smaller;
}
big {
font-size:larger;
}
/* 编辑按钮右置、半透明 */
.mw-editsection {
float: right;
font-size: 13px;
opacity: 0.4;
transition: opacity 0.5s;
}
.mw-editsection:hover {
opacity: 1;
}
/*表格样式*/
.stubborn>table {
border-radius: 15px;
border: rgba(173,216,230,1.00) 3px solid;
overflow: hidden;
margin-top: 15px!important;
margin-left: 15px!important;
}
table.wikitable {
border-radius: 15px;
border: rgba(173,216,230,1.00) 3px solid;
overflow: hidden;
margin: 0.5em 10%;
}
.wikitable th {
border: 1.2px solid #7fcad9;
color:#0b7698;
border-radius: 4px;
background-color: rgba(161, 212, 218, 0.4);
}
.wikitable td {
border: 1.2px solid #7fcad9;
background-color: rgba(135, 206, 235, 0.1);
}
/* 分割线 */
hr {
margin: 1em 10% 0.5em;
width: 80%;
border-bottom: 2px dashed #3fa8bd;
background: none;
}
/* 折叠窗优化 */
table.wikitable {
text-align: center;
}
table.wikitable img {
height: auto;
max-width: 90%;
}
table.wikitable > tr > th, table.wikitable > * > tr > th {
background-color: #cde5ea;
}
.mw-collapsible-text {
color: #0b7698;
}
table.wikitable tbody{
display: contents;
}
/* 更改选中颜色 */
::selection {
color: #B0C4DE;
background-color: #cde5ea;
}
a:hover {
text-decoration: underline wavy;
}
/* 媒体适配 */
@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;
}
}