帮助:Test/styles.css:修订间差异

来自SS唯基
跳到导航 跳到搜索
无编辑摘要
标签已被回退
无编辑摘要
标签手工回退
 
(未显示同一用户的66个中间版本)
第1行: 第1行:
/* [[Category:CSS页面]] */
/* [[Category:CSS页面]] */
/* 部份搬运于萌娘百科的页面Slow Loop专用样式表 */
/* 此处用于测试样式,使用后务必清空 */
 
/*信息栏中目录的美观*/
.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;
}*/
 
/*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:2pt;
    display: flex;
    align-items: center;
    color:#0078d7;
}
 
dd > ul > li::marker {
content: "▶";
font-size:2pt;
    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 {
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页面]] */

2023年8月14日 (一) 07:43的最新版本

/* [[Category:CSS页面]] */
/* 此处用于测试样式,使用后务必清空 */