活动页面专用/styles.css：修订间差异

2024年6月9日 (日) 00:55的最新版本

/* [[Category:CSS页面]] */
/* 部份搬运于萌娘百科的页面Slow Loop专用样式表 */

/*AutoTabTable表格加滚动条*/
div.tabs-contents{
  max-height: 400px;
  overflow-y: scroll;
}

/*信息栏中目录的美观*/
.toc {
    transition: 5s;
	border: 3px rgba(66, 127, 201, 0.5) solid;
	background-color: rgba(210, 231, 252, 0.5);
	}
	
.toc:hover {
	border: 3px rgba(66, 127, 201, 0.5) solid;
	background-color: rgba(210, 231, 252, 0.0);

	}
	
.toc-close .toc {
    max-height: 70px;
}
 
.toc-open .toc {
    max-height: 400px;
}
/*移除信息栏中tab的边框*/
.infobox2 .TabContent{
	border:0;
}

/*运用文字造型/标签模版相关*/
td#pica-table-value-Label{
    font-weight:bold;
}

/*运用main模版相关 待管理设计样式
table.main-entry{
	padding:2px 2px 2px 2px;
}

th.main-entry_before-text {
	background:#66B3FF;
	color:white;
	padding:5px;
	margin: 0;
	border-radius: 15px;
	border:3px #5597d9 solid;
}

td.main-entry_link {
	background:#e3f1ff;
	padding:5px;
	margin: 0;
	border-radius: 15px;
	border:3px #86bbf0 solid;
}*/


/*收纳表相关*/
div.tabs_pages.stab{
  text-align:center;
}
div.tabs-container.stgt {
	min-width:850px;
	width:AUTO;
}

/*thumb相关*/
div.thumbinner,div.thumbinner>a>img{
  border-radius: 15px;
  background:transparent;
  border: transparent;
}
div.thumbcaption{
  color: #005AB5;
  border-top:3px #427fc9 solid;
}

/*marker(语法为*)相关，设定为特殊符号*/
ul > li::marker {
	content: "▶";
    display: flex; 
    font-size:10pT;
    align-items: center;
    color:#00599f;
}

ul > li > ul > li::marker {
	content: "▶";
	font-size:8pt;
    display: flex; 
    align-items: center;
    color:#0078d7;
}

dd > ul > li::marker {
	content: "▶";
	font-size:9pt;
    display: flex; 
    align-items: center;
    color:#0078d7;
}

/*marker(语法为*)相关，目录;表格取消设定*/


ul > li.active.tab::marker,li.tab::marker {
	content: "";
}

ul > li.toclevel-1::marker,li.toclevel-2::marker,li.toclevel-3::marker ,li.toclevel-4::marker,li.toclevel-5::marker {
	content: "";
}


/*粗体相关 待管理设计样式
b, .toggleunderline {
    border-bottom:  2px solid #000;
	padding-left: 2px;
	padding-right: 2px;
}*/

/*使用info模版及其衍伸模板及目录不加底线*/
td#pica-table-value-info> b,span.toctext> b{
    border-bottom:  0;
	padding-left:0;
	padding-right:0;
}

/*使用标题不加底线*/
h2>span.mw-headline> b,h3>span.mw-headline> b,h4>span.mw-headline> b,h5>span.mw-headline> b{
    border-bottom:  0;
	padding-left:0;
	padding-right:0;
	margin-left: 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;
}


/*tab的透明化*/
.tabs-pages{
	background-color:transparent;
}


.inner-content,.inner-content tr,table.wikitable.mw-collapsible.plainrowheaders.mw-made-collapsible tr{
	border:transparent;
	background-color:transparent;
}

/*移除信息栏中tab的边框*/
.infobox2 .TabContent{
	border:0;
}


/*table */
 .stubborn>table {
	border-radius: 15px;
	border: transparent;
	overflow: hidden;
	background-color: transparent;
}

.wikitable tbody {
	border:transparent;
	background-color: transparent;
}
 
.wikitable th {
	border:transparent;
	color:#0b7698;
	border-radius: 4px;
	background-color: transparent;
}
 
 
#ost .wikitable {
	margin:0.5em 2%;
	border: transparent;
	background-color: transparent;
}
 
#ost .song_length {
	border: transparent;
	background-color: transparent;
}
 
.wikitable td {
	border:transparent;
	background-color: transparent;
}
.wikitable tr {
	border-bottom:3px rgba(66, 127, 201, 0.5) solid;
	background-color: transparent;
}

table.wikitable, table.navbox tr {
	border:transparent;
	background-color: transparent;
}
 
table.wikitable img {
	height: auto;
	border: transparent;
	background-color: transparent;
}
 
table.wikitable > tr > th, table.wikitable > * > tr > th {
	background-color: transparent;
	border: transparent;
}

/*标题风格化*/

h2 {
	border-radius: 15px;
	padding-left:10px;
	border-bottom: none;
	font-weight: bolder;
	margin-top: 5px;
	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: 15px;
	height: 33px;
}


h3 .mw-headline {
	color: #1568A2;
	font-size: 120%;
	padding: 0 10px;
	border-bottom: solid 2px #0B7698;
}
 
h4 .mw-headline {
    border-right: solid 10px rgba(30, 144, 255, 0.5);
	border-top-right-radius: 10px 10px;
	border-bottom-right-radius: 10px 10px;
	border-top-left-radius: 10px 10px;
	border-bottom-left-radius: 10px 10px;
	border-left: solid 10px rgba(30, 144, 255, 0.5);
	color: rgba(4,87,146,1.00);
	padding-left: 5px;
	padding-right: 5px;
	position: relative;
	margin-left: 10px;
}
 
h5 .mw-headline {
	margin-left: 10px;
	padding-left: 20px;
	position: relative;
	color: rgba(2,57,96,1.00);
}
 
/*圆角化 活动简介右侧栏*/
th.title,th, wikitable mw-collapsible plainrowheaders mw-made-collapsible{
  border-radius: 15px;
}
/*圆角化 infoBox*/
.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 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;
}
 


/* 分割线 */
hr {
	margin: 1em 10% 0.5em;
	width: 80%;
	border-bottom: 2px dashed #3fa8bd;
	background: none;
}
 

/* 更改选中颜色 */
::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);
}
 
/* [[分类:CSS页面]] */