15,525
个编辑
(建立内容为“→搬运于萌百作者あめろ: →布局: .flex-r { display: flex; flex-flow: row wrap; column-gap: 2em; } .flex-r>div { flex: 1 0 20em; } →边框: .i…”的新页面) |
小 (分类) |
||
(未显示2个用户的140个中间版本) | |||
第1行: | 第1行: | ||
/* | /* 搬运于萌娘百科的页面Slow Loop专用样式表 */ | ||
/*MinervaNeue皮肤下图片缩放*/ | |||
.infobox2 img { | |||
width:100%; max-width:312px !important; height:auto; | |||
} | |||
/*目录在宽屏下改为两栏显示(暂不使用) | |||
@media screen and (min-width:1000px) { | |||
.toc ul { | |||
column-count: 2; | |||
} | |||
.toc ul > li > ul { | |||
column-count: 1; | |||
} | |||
.toctoggle { | |||
float: right; | |||
} | |||
} | |||
*/ | */ | ||
/* | |||
. | /*移除信息栏中目录的边框*/ | ||
.tochidden, .toctoggle { | |||
} | |||
.toc { | |||
transition: 5s; | |||
border: transparent; | |||
background-color: rgba(161, 212, 218, 0.5); | |||
} | |||
.toc:hover { | |||
border: transparent; | |||
background-color: rgba(161, 212, 218, 0.0); | |||
} | |||
.toc-close .toc { | |||
max-height: 70px; | |||
} | } | ||
. | |||
.toc-open .toc { | |||
max-height: 400px; | |||
} | } | ||
/* | /*移除信息栏中tab的边框*/ | ||
. | .infobox2 .TabContent{ | ||
border: | border:0; | ||
} | } | ||
/* | |||
/** 无序列表前置样式 **/ | |||
ul { | |||
list-style: none; | |||
} | } | ||
ul > li::before { | |||
content: "⭐"; | |||
} | } | ||
#toc ul > li::before { | |||
content: ""; | |||
display: none; | |||
} | } | ||
ul > li.gallerybox::before { | |||
. | content: ""; | ||
display: none; | |||
} | } | ||
h3:hover,h4:hover,h3:focus,h4:focus{ | |||
letter-spacing: 0.3em; | |||
transition: letter-spacing 1s; | |||
} | } | ||
overflow: | /*渐层底线*/ | ||
h2 { | |||
overflow: visible; | |||
font: 700 1.6em sans-serif; | |||
border-bottom: none; | |||
margin-top: 1.6em; | |||
} | } | ||
/*鼠标没移上去前的字体颜色*/ | |||
h2 { | |||
display: inline-block; | |||
color:#68aee3; | |||
font-family: sans-serif; | |||
text-shadow: 0.1em 0.1em #FFFFF4 | |||
} | } | ||
/*鼠标移上去后的字体颜色*/ | |||
h2:hover { | |||
color: # | color:#adb0db; | ||
animation:Glow 1.5s ease infinite alternate; | |||
} | } | ||
. | /*渐层底线*/ | ||
h2 .mw-headline { | |||
display: inline-block; | |||
text-shadow: 0.1em 0.1em #FFFFF4 | |||
} | } | ||
. | |||
h2 .mw-headline::after { | |||
content: ''; | content: ''; | ||
display: block; | |||
background: linear-gradient(66deg, #AAAAFF, #00E3E3); | |||
height: 0.7em; | |||
margin: -0.5em 0 0 -0.5em; | |||
border: | text-align: left; | ||
box-shadow: | width: 100%; | ||
border-radius: 0.85em; | |||
box-shadow: 0 0 1px 1px #fff; | |||
} | |||
/* | |||
h2:hover,h2:focus,h3:hover,h4:hover,h3:focus,h4:focus{ | |||
letter-spacing: 0.3em; | |||
transition: letter-spacing 1s; | |||
} | } | ||
h2 { | h2 { | ||
overflow: visible; | overflow: visible; | ||
font: 700 1.6em sans-serif; | font: 700 1.6em sans-serif; | ||
border-bottom: none; | |||
margin-top: 1.6em; | margin-top: 1.6em; | ||
} | } | ||
h2 .mw-headline { | h2 .mw-headline { | ||
display: inline-block; | display: inline-block; | ||
color: #005AB5; | |||
text-shadow: 0.1em 0.1em #FFFFF4 | |||
} | } | ||
h2 .mw-headline::after { | h2 .mw-headline::after { | ||
content: ''; | content: ''; | ||
display: block; | display: block; | ||
background: linear-gradient(66deg, # | background: linear-gradient(66deg, #AAAAFF, #00E3E3); | ||
height: 0.7em; | height: 0.7em; | ||
margin: -0.5em 0 0 -0.5em; | margin: -0.5em 0 0 -0.5em; | ||
text-align: left; | |||
width: 100%; | width: 100%; | ||
border-radius: 0. | border-radius: 0.85em; | ||
box-shadow: 0 0 1px 1px #fff; | box-shadow: 0 0 1px 1px #fff; | ||
} | } | ||
*/ | |||
font: | |||
/* 无法使用,无法兼容 | |||
h2 .mw-headline::before { | |||
content: "⭐"; | |||
font-family:Segoe UI Emoji,Apple Color Emoji,Android Emoji,Symbola; | |||
} | } | ||
font: | h2 .mw-headline::after { | ||
content: "⭐"; | |||
font-family:Segoe UI Emoji,Apple Color Emoji,Android Emoji,Symbola; | |||
} | } | ||
*/ | |||
font: | |||
h3 .mw-headline { | |||
color: #2894FF; | |||
font-size: 120%; | |||
padding: 0 10px; | |||
border-bottom: solid 2px #0B7698; | |||
text-shadow: 0.1em 0.1em 0.2em #ACD6FF | |||
} | |||
h4 .mw-headline { | |||
border-left: solid 10px #0C7698; | |||
color: #2894FF; | |||
padding-left: 7px; | |||
position: relative; | |||
font-size: 118%; | |||
padding-bottom: 5px; | |||
text-shadow: 0.1em 0.1em 0.2em #ACD6FF | |||
} | } | ||
color: # | h5 .mw-headline { | ||
padding-left: 10px; | |||
font-size: 108%; | |||
position: relative; | |||
font-weight: 900; | |||
color: #46A3FF; | |||
} | } | ||
/*特殊透明框 | |||
需使用<div class="AmeroBg" style="padding-top:1px"> 内容 </div>*/ | |||
.AmeroBg, .AmeroTalk { | |||
color: #C1272D; | |||
padding: 1px 3em 2em; | |||
background: rgba(247, 221, 154,0.2); | |||
border-radius: 10px; | |||
border: 1px solid #C1272D; | |||
/*1px solid #ddd 原本框线配色 | |||
background: rgba(201, 227, 255,0.2);*/ | |||
margin: 1em auto; | |||
max-width: 1080px; | |||
box-shadow: inset 0 0 2px 1px #fff, 0 1px 1px rgba(0,0,0,0.07), 0 1px 3px 1px rgba(61,0,99,0.14); | |||
} | } | ||
.AmeroBg p { | |||
.AmeroBg p { | |||
text-indent: 2em; | text-indent: 2em; | ||
} | } | ||
第110行: | 第208行: | ||
display: block; | display: block; | ||
} | } | ||
/*圆角化*/ | |||
.infoBox,.infoBoxContent,.infoBox2,.navbox-title,.navbox-group,.wikitable,.bilibili-title,.navBox,table,.toc,pre,.card,.radius,.TabContent { | |||
border-radius: 7px; | |||
} | } | ||
.infoBoxContent { | |||
border-top-left-radius: 0; | |||
border-bottom-left-radius: 0; | |||
} | } | ||
. | |||
/* 黑幕颜色 */ | |||
.heimu { | |||
background-color: #0f395f; | |||
color: #0f395f; | |||
} | |||
.heimu a, .heimu.fakelink { | |||
color: Transparent; | |||
} | |||
/*移动版允许使用small、big标签*/ | |||
small { | |||
font-size:smaller; | |||
} | |||
big { | |||
font-size:larger; | |||
} | |||
/* 编辑按钮右置、半透明 */ | |||
.mw-editsection { | |||
float: right; | |||
font-size: 13px; | |||
opacity: 0; | |||
transition: opacity 0.5s; | |||
} | |||
.mw-editsection:hover { | |||
opacity: 1; | |||
} | |||
/*表格样式*/ | |||
.stubborn>table { | |||
border-radius: 15px; | |||
border: rgba(197,226,232,1.00) 3px solid; | |||
overflow: hidden; | |||
margin-top: 15px!important; | |||
margin-left: 15px; | |||
} | |||
table.wikitable { | |||
border-radius: 15px; | |||
border: rgba(197,226,232,1.00) 3px solid; | |||
overflow: hidden; | |||
color: #003D79; | |||
} | |||
.wikitable th { | |||
border: 1.2px solid #7fcad9; | |||
color:#0b7698; | |||
border-radius: 4px; | |||
background-color: rgba(161, 212, 218, 0.4); | |||
} | |||
#ost .wikitable { | |||
margin:0.5em 2%; | |||
} | |||
#ost .song_length { | |||
text-align:right; | |||
} | |||
.wikitable td { | |||
border: 1.2px solid #7fcad9; | |||
background-color: rgba(135, 206, 235, 0.1); | |||
} | } | ||
/* 分割线 */ | |||
margin- | 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%; | |||
} | } | ||
color: # | table.wikitable > tr > th, table.wikitable > * > tr > th { | ||
background-color: #cde5ea; | |||
} | } | ||
.mw-collapsible-text { | |||
color: #0b7698; | |||
} | } | ||
. | table.wikitable tbody{ | ||
display: contents; | |||
} | } | ||
/* 更改选中颜色 */ | |||
::selection { | |||
color: #0b7698; | |||
background-color: #cde5ea; | |||
} | } | ||
. | |||
/** Toggle文字按钮下划线 **/ | |||
.toggleunderline:hover { | |||
text-decoration-line: underline; | |||
} | } | ||
. | |||
/** 链接下划线 **/ | |||
a, .toggleunderline { | |||
text-decoration-style: wavy; | |||
} | } | ||
. | |||
/** #各话简介・先行图 Tabs按钮 **/ | |||
.tabslabelbt:active { | |||
transform: scale(0.95); | |||
} | } | ||
/* | /* 媒体适配 */ | ||
@media screen and (max-width: | @media screen and (max-width: 960px) { | ||
. | table.wikitable { | ||
padding: | margin: 0.5em 0; | ||
border: | width: 100%!important; | ||
} | |||
h2 { | |||
padding: 5px 0em; | |||
border-radius: 5px 5px 0 0; | |||
} | |||
table.wikitable tbody{ | |||
display: inline-block; | |||
} | |||
#ost .wikitable { | |||
text-align:left; | |||
width:auto!important; | |||
} | } | ||
} | } | ||
/* [[分类:CSS页面]] */ |