文学领主/style.css：修订间差异

跳到导航 跳到搜索

文学领主/style.css (查看源代码)

2022年6月24日 (五) 07:42的版本

添加2,655字节 、​ 2022年6月24日 (星期五)
小
修改
无编辑摘要
小 （修改）
 
（未显示同一用户的44个中间版本）
第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{
第9行： 第27行：
}
}


.link-box {
 
  position: relative;
.switch_demo {
  z-index: 2;
position: relative;
  display: inline-flex;
width: 150px;
  align-items: stretch;
-webkit-user-select: none;
  height: 48px;
-moz-user-select: none;
  width: 160px;
-ms-user-select: none;
  border-radius: 6px;
}
  overflow: hidden;
.switch_demo-checkbox {
  outline: solid 1px #bbb;
display: none;
  transition: all 0.13s ease-in-out;
}
.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;
}
}
.link-box:hover {
.chara_name>span {
  z-index: 3;
display:inline-block;
  outline: solid 1px #66ccff;
width:1.1em;
}
}
.link-box:active {
.chara_name>.even {
  z-index: 1;
background:#FFF;
  outline: solid 1px #ee0000;
  transform: none;
  transition: all 0.04s ease-in;
}
}
.img-box {
.chara_intro {
  flex: 0 0 48px;
padding:0 1em 1em;
  position: relative;
margin-top:-37px;
  z-index: 1;
flex:3 1 260px;
}
}
.img-box img {
.chara_moe {
  position: absolute;
color:#FFF;
  left: 0;
text-shadow:.02em .02em .1em #000, 0 0 .1em rgba(0,0,0,0.6);
  top: 0;
font:700 1.3em serif;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}
}
.txt-box {
 
  flex-grow: 1;
 
  display: flex;
 
  flex-flow: column nowrap;
/* 折叠窗优化 */
  padding: 3px 10px 3px 7px;
.stubborn>table {
  z-index: 2;
border-radius: 15px;
border: transparent;
overflow: hidden;
}
}
.txt-box>.title {
 
  display: block;
  font-weight: bold;
.wikitable th {
  color: #222;
border: transparent;
  font-size: 12px;
color:#0b7698;
border-radius: 4px;
background-color: rgba(161, 212, 218, 0.0);
}
}
.txt-box>.text {
  display: block;
  color: #666;
#ost .wikitable {
  font-size: 7px;
margin:0.5em 2%;
border: transparent;
}
}
.link-cover, .url-cover {
  position: absolute;
#ost .song_length {
  top: 0;
border: transparent;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}
}
   
   
.txt-box.flag-myth::after {
.wikitable td {
  content: "传说";
border: transparent;
  color: #fff;
background-color: rgba(135, 206, 235, 0.0);
  background: #000;
}
  position: absolute;
 
  right: 3px;
table.wikitable {
  border-radius: 2px;
border: transparent;
  font-size: 9px;
  padding: 2px;
  line-height: 1em;
}
}
   
   
.txt-box.flag-real::after {
table.wikitable img {
  content: "现实";
height: auto;
  color: #fff;
border: transparent;
  background: #01a43c;
  position: absolute;
  right: 3px;
  border-radius: 2px;
  font-size: 9px;
  padding: 2px;
  line-height: 1em;
}
}
   
   
.unexist {
table.wikitable > tr > th, table.wikitable > * > tr > th {
  outline: dashed 1px #ccc !important;
background-color: rgba(135, 206, 235, 0.0);
border: transparent;
}
 
/* 折叠窗展开文字修改处 */
.mw-collapsible-text {
border: transparent;
color: rgb(135, 206, 235);;
}
table.wikitable tbody{
border: transparent;
display: contents;
}
div.mw-customtoggle {
border: transparent;
padding: 3px 0.4em;
}/* 点击展开收起 通常 */
span.mw-customtoggle {
border: transparent;
color: rgba(135, 206, 235, 0.0);
padding: 3px 0.2em;
}/* 点击展开收起 内联 */
span.mw-customtoggle:hover,span.mw-customtoggle:focus {
font-weight:bold;
border: transparent;
transition: border 1s;
}/* 点击展开收起 内联 */
 
 
 
/*特殊透明框
需使用<div class="AmeroBg" style="padding-top:1px"> 内容 </div>*/
.AmeroBg, .AmeroTalk {
color: #1f0037;
padding: 1px 3em 2em;
background: rgba(253,252,208,0.2);
border-radius: 10px;
border: 1px solid #ddd;
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 {
text-indent: 2em;
}
.AmeroBg p, .AmeroTalk p {
display: block;
}
.poem li
{
  font-family:Times New Roman;
  font-style:italic;
  padding-bottom: 0.1em;
}
}


/*标题风格化*/
/*标题风格化*/
h3:hover,h4:hover,h3:focus,h4:focus{
letter-spacing: 0.3em;
transition: letter-spacing 1s;
}
/*蓝色底框
h2 {
h2 {
overflow: visible;
overflow: visible;
第112行： 第266行：
content: '';
content: '';
display: block;
display: block;
background: linear-gradient(66deg, #0000C6, #00E3E3);
background: linear-gradient(66deg, #46A3FF, #00E3E3);
height: 0.7em;
height: 0.7em;
margin: -0.5em 0 0 -0.5em;
margin: -0.5em 0 0 -0.5em;
第119行： 第273行：
box-shadow: 0 0 1px 1px #fff;
box-shadow: 0 0 1px 1px #fff;
}
}
*/
 
h2 {
border-bottom: none;
font-weight: bolder;
margin-top: 1.6em;
color: #005AB5;
text-shadow: 0px 0px 10px #EEF5FC;
}
h2 .mw-headline {
display: inline-block;
}
h2 .mw-headline::after {
content: '';
background: linear-gradient(90deg,#66B3FF, #97CBFF 90%, transparent );
display: block;
margin: -30px 0px 0px -30px;
width: 160%;
border-radius: 6px;
height: 33px;
}
 
 
h3 .mw-headline {
h3 .mw-headline {
color: #1568A2;
color: #1568A2;
第163行： 第339行：
}
}
   
   
/*目录在宽屏下改为两栏显示*/
@media screen and (min-width:1000px) {
.toc ul {
column-count: 2;
}
.toc ul > li > ul {
column-count: 1;
}
.toctoggle {
float: right;
}
}
   
   
/*移动版允许使用small、big标签*/
/*移动版允许使用small、big标签*/
第188行： 第352行：
float: right;
float: right;
font-size: 13px;
font-size: 13px;
opacity: 0.4;
opacity: 0;
transition: opacity 0.5s;
transition: opacity 0.5s;
}
}
第197行： 第361行：
   
   
/*表格样式*/
/*表格样式*/
/*
.stubborn>table {
.stubborn>table {
border-radius: 15px;
border-radius: 15px;
第231行： 第396行：
background-color: rgba(135, 206, 235, 0.1);
background-color: rgba(135, 206, 235, 0.1);
}
}
*/
/* 分割线 */
/* 分割线 */
hr {
hr {
第239行： 第406行：
}
}
   
   
/* 折叠窗优化 */
 
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 {
::selection {
第301行： 第446行：
}
}
}
}
/* [[Category:在主名字空间下的CSS页面]] */
/* [[分类:CSS页面]] */
攸萨
管理员
15,321

个编辑

取自“https://wiki.sstmlt.com/wiki/特殊:移动版差异/11361...14235”

导航菜单