|
|
| （未显示同一用户的147个中间版本） |
| 第1行： |
第1行： |
| /* 搬运于萌娘百科的页面Slow Loop专用样式表 */ | | /* [[Category:CSS页面]] */ |
| | | /* 此处用于测试样式，使用后务必清空 */ |
| /*信息栏中目录的美观*/
| |
| .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.cultural-landmark-main{
| |
| padding:2px 2px 2px 2px;
| |
| }
| |
| | |
| | |
| th.pica-table-key-main {
| |
| background:#66B3FF;
| |
| color:white;
| |
| padding:5px;
| |
| margin: 0;
| |
| border-radius: 15px;
| |
| border:3px #5597d9 solid;
| |
| }
| |
| | |
| td.pica-table-value-main {
| |
| 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: "🔹";
| |
| font-size:1px;
| |
| padding-left: 2px;
| |
| display: flex;
| |
| align-items: center;
| |
| }
| |
| | |
| /*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;
| |
| }
| |
| | |
| | |
|
| |
| | |
| /*MinervaNeue皮肤下图片缩放*/
| |
| .infobox2 img {
| |
| width:100%; max-width:312px !important; height:auto;
| |
| }
| |
| | |
| /*tab的透明化*/
| |
| .tabs-pages{
| |
| background-color:transparent;
| |
| }
| |
| | |
| .inner-content{
| |
| border:transparent;
| |
| }
| |
| | |
| /*移除信息栏中tab的边框*/
| |
| .infobox2 .TabContent{
| |
| 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;
| |
| }
| |
| | |
| | |
| | |
| /* 折叠窗优化 */
| |
| .stubborn>table {
| |
| border-radius: 15px;
| |
| border: transparent;
| |
| overflow: hidden;
| |
| }
| |
| | |
|
| |
| .wikitable th {
| |
| border: transparent;
| |
| color:#0b7698;
| |
| border-radius: 4px;
| |
| background-color: transparent;
| |
| }
| |
|
| |
|
| |
| #ost .wikitable {
| |
| margin:0.5em 2%;
| |
| border: transparent;
| |
| }
| |
|
| |
| #ost .song_length {
| |
| border: transparent;
| |
| }
| |
|
| |
| .wikitable td {
| |
| border: transparent;
| |
| background-color: transparent;
| |
| }
| |
| | |
| table.wikitable {
| |
| border: transparent;
| |
| }
| |
|
| |
| table.wikitable img {
| |
| height: auto;
| |
| border: transparent;
| |
| }
| |
|
| |
| table.wikitable > tr > th, table.wikitable > * > tr > th {
| |
| background-color: transparent;
| |
| 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;
| |
| }/* 点击展开收起 内联 */
| |
| | |
| | |
| | |
| | |
| | |
| /*标题风格化*/ | |
| | |
| 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: double 10px #0C7698;
| |
| 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: double 10px #0C7698;
| |
| color: rgba(4,87,146,1.00);
| |
| padding-left: 5px;
| |
| padding-right: 5px;
| |
| position: relative;
| |
| margin-left: 10px;
| |
| }
| |
|
| |
| h5 .mw-headline {
| |
| padding-left: 10px;
| |
| font-size: 108%;
| |
| position: relative;
| |
| font-weight: 900;
| |
| }
| |
|
| |
| /*圆角化 活动简介右侧栏*/
| |
| 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;
| |
| }
| |
|
| |
|
| |
| /* 媒体适配 */
| |
| @media screen and (max-width: 960px) {
| |
| table.wikitable {
| |
| margin: 0.5em 0;
| |
| 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页面]] */
| |
