15,443
个编辑
小无编辑摘要 |
小 (修改) |
||
(未显示同一用户的26个中间版本) | |||
第1行: | 第1行: | ||
/* 搬运于萌娘百科的页面Slow Loop专用样式表 */ | /* 搬运于萌娘百科的页面Slow Loop专用样式表 */ | ||
/*改变字体颜色 | |||
需使用<div class="blue"> 内容 </div>*/ | |||
.blue { | |||
color: #1568a2; | |||
} | |||
/*MinervaNeue皮肤下图片缩放*/ | /*MinervaNeue皮肤下图片缩放*/ | ||
.infobox2 img { | .infobox2 img { | ||
width:100%; max-width:312px !important; height:auto; | width:100%; max-width:312px !important; height:auto; | ||
} | } | ||
/*tab的透明化*/ | |||
.tabs-pages{ | |||
background-color:transparent; | |||
} | |||
.inner-content{ | |||
border:transparent; | |||
} | |||
/*移除信息栏中tab的边框*/ | /*移除信息栏中tab的边框*/ | ||
.infobox2 .TabContent{ | .infobox2 .TabContent{ | ||
border:0; | border:0; | ||
} | } | ||
.switch_demo { | |||
position: relative; | |||
width: 150px; | |||
-webkit-user-select: none; | |||
-moz-user-select: none; | |||
-ms-user-select: none; | |||
} | |||
.switch_demo-checkbox { | |||
display: none; | |||
} | |||
.switch_demo-label { | |||
display: block; | |||
overflow: hidden; | |||
cursor: pointer; | |||
border: 2px solid #999999; | |||
border-radius: 20px; | |||
} | |||
.switch_demo-inner { | |||
display: block; | |||
width: 200%; | |||
margin-left: -100%; | |||
transition: margin 0.3s ease-in 0s; | |||
} | |||
.switch_demo-inner:before, | |||
.switch_demo-inner:after { | |||
display: block; | |||
float: left; | |||
width: 50%; | |||
height: 30px; | |||
padding: 0; | |||
line-height: 30px; | |||
font-size: 14px; | |||
color: white; | |||
font-family: Trebuchet, Arial, sans-serif; | |||
font-weight: bold; | |||
box-sizing: border-box; | |||
} | |||
.switch_demo-inner:before { | |||
content: "開啟"; | |||
padding-left: 10px; | |||
background-color: #34A7C1; | |||
color: #FFFFFF; | |||
} | |||
.switch_demo-inner:after { | |||
content: "關閉"; | |||
padding-right: 10px; | |||
background-color: #EEEEEE; | |||
color: #999999; | |||
text-align: right; | |||
} | |||
.switch_demo-switch { | |||
display: block; | |||
width: 18px; | |||
margin: 6px; | |||
background: #FFFFFF; | |||
position: absolute; | |||
top: 0; | |||
bottom: 0; | |||
right: 116px; | |||
border: 2px solid #999999; | |||
border-radius: 20px; | |||
transition: all 0.3s ease-in 0s; | |||
} | |||
.switch_demo-checkbox:checked + .switch_demo-label .switch_demo-inner { | |||
margin-left: 0; | |||
} | |||
.switch_demo-checkbox:checked + .switch_demo-label .switch_demo-switch { | |||
right: 0px; | |||
} | |||
/*原型取自萌娘百科-糖调! | |||
特殊文字框*/ | |||
.chara { | |||
background:repeating-linear-gradient(135deg,#FBF7EE,#FBF7EE 20px,#F9F3E7 20px,#F9F3E7 50px); | |||
border-radius:10px; | |||
display:flex; | |||
flex-flow:row wrap; | |||
justify-content:center; | |||
margin-top:80px; | |||
max-width:750px; | |||
} | |||
.chara_pic { | |||
flex:1 200px; | |||
overflow:hidden; | |||
display:flex; | |||
justify-content:center; | |||
margin-top:-65px; | |||
} | |||
.chara_name { | |||
vertical-align:bottom; | |||
color:#5B3030; | |||
display:inline-block; | |||
background:#FADCB8; | |||
border:1.2px solid #FADCB8; | |||
text-align:center; | |||
line-height:1.1em; | |||
font-weight:600; | |||
} | |||
.chara_name>span { | |||
display:inline-block; | |||
width:1.1em; | |||
} | |||
.chara_name>.even { | |||
background:#FFF; | |||
} | |||
.chara_intro { | |||
padding:0 1em 1em; | |||
margin-top:-37px; | |||
flex:3 1 260px; | |||
} | |||
.chara_moe { | |||
color:#FFF; | |||
text-shadow:.02em .02em .1em #000, 0 0 .1em rgba(0,0,0,0.6); | |||
font:700 1.3em serif; | |||
} | |||
/* 折叠窗优化 */ | /* 折叠窗优化 */ | ||
.stubborn>table { | |||
border-radius: 15px; | |||
border: transparent; | |||
overflow: hidden; | |||
} | |||
.wikitable th { | |||
border: transparent; | |||
color:#0b7698; | |||
border-radius: 4px; | |||
background-color: rgba(161, 212, 218, 0.0); | |||
} | |||
#ost .wikitable { | |||
margin:0.5em 2%; | |||
border: transparent; | |||
} | |||
#ost .song_length { | |||
border: transparent; | |||
} | |||
.wikitable td { | |||
border: transparent; | |||
background-color: rgba(135, 206, 235, 0.0); | |||
} | |||
table.wikitable { | table.wikitable { | ||
border: transparent; | |||
border | |||
} | } | ||
table.wikitable img { | table.wikitable img { | ||
height: auto; | height: auto; | ||
border: transparent; | |||
} | } | ||
table.wikitable > tr > th, table.wikitable > * > tr > th { | table.wikitable > tr > th, table.wikitable > * > tr > th { | ||
background-color: rgba(135, 206, 235, 0.0); | |||
border: transparent; | |||
} | } | ||
/* 折叠窗展开文字修改处 */ | |||
.mw-collapsible-text { | .mw-collapsible-text { | ||
border | border: transparent; | ||
color: rgb(135, 206, 235);; | |||
} | } | ||
table.wikitable tbody{ | table.wikitable tbody{ | ||
border: transparent; | |||
display: contents; | display: contents; | ||
} | } | ||
div.mw-customtoggle { | div.mw-customtoggle { | ||
border | border: transparent; | ||
padding: 3px 0.4em; | padding: 3px 0.4em; | ||
}/* 点击展开收起 通常 */ | }/* 点击展开收起 通常 */ | ||
span.mw-customtoggle { | span.mw-customtoggle { | ||
border | border: transparent; | ||
color: | color: rgba(135, 206, 235, 0.0); | ||
padding: 3px 0.2em; | padding: 3px 0.2em; | ||
}/* 点击展开收起 内联 */ | }/* 点击展开收起 内联 */ | ||
第49行: | 第215行: | ||
span.mw-customtoggle:hover,span.mw-customtoggle:focus { | span.mw-customtoggle:hover,span.mw-customtoggle:focus { | ||
font-weight:bold; | font-weight:bold; | ||
border | border: transparent; | ||
transition: border 1s; | transition: border 1s; | ||
}/* 点击展开收起 内联 */ | }/* 点击展开收起 内联 */ | ||
第81行: | 第248行: | ||
/*标题风格化*/ | /*标题风格化*/ | ||
h3:hover,h4:hover,h3:focus,h4:focus{ | |||
letter-spacing: 0.3em; | letter-spacing: 0.3em; | ||
transition: letter-spacing 1s; | transition: letter-spacing 1s; | ||
} | } | ||
/* | /*蓝色底框 | ||
h2 { | h2 { | ||
overflow: visible; | overflow: visible; | ||
第239行: | 第406行: | ||
} | } | ||
/* 更改选中颜色 */ | /* 更改选中颜色 */ | ||
::selection { | ::selection { | ||
第301行: | 第446行: | ||
} | } | ||
} | } | ||
/* [[ | /* [[分类:CSS页面]] */ |