Widget:PropCSS

<style> .prop-body{position:relative;padding:60px 30px;background: #323d43d6; box-shadow: 0px 0px 10px 2px #445259fc; margin: 5px;} .prop-bg{width: 100%; height: 100%; position: absolute; opacity: 0.2; } .prop-bg img{ width: 100%; height: 100%; object-fit: cover; } .prop-box{position:relative;} .prop-col-left .prop-box{text-align:center;} .prop-box > * {position:absolute;width: 100%;} .prop-title{text-align:center; padding:2px 0;background:#0e99e780;color:white;} .prop-value{padding:6px 10px;color:#e6f6ff;margin-top:30px;text-shadow: 0px 0px 0.4em #00a2ff;} .prop-value.prop-name {font-size:1.5em; text-align:center} .prop-value .prop-title-s{color:#30bbf8;text-shadow:none;font-size:85%;} .prop-value.wiki-table {border:none;} .prop-value.wiki-table tr{border:none;} .prop-value.wiki-table td{border:none;text-align:left;padding:0;} .prop-icon-box{position:relative;padding-bottom:100%;background:rgba(0,0,0,0.4);border:1px solid #30bbf8} .prop-icon {position:absolute;width:100%;height:100%} .prop-icon img{width:100%;height:100%;object-fit:cover} .prop-icon-2 {position:absolute;width:100%;height:100%} .prop-icon-2 img{width:100%;height:100%;object-fit:contain} .prop-button{position:relative; width:32%; display:inline-block; min-width:65px; background:rgba(0,0,0,0.4); border:1px solid #30bbf8; margin:5px 5px 0 0;} .prop-button > .prop-button-title{position:absolute; top:0; margin:0 3px 0 68px;} .prop-button > .prop-button-num{position:absolute; bottom:0; right:3px;} .prop-button > a > .prop-button-link{position:absolute; top:0; width:100%; height:100%; background:rgba(255,255,255,0.3);opacity:0;transition:.2s;} .prop-button > a > .prop-button-link:hover{opacity:1;} .prop-detail {position:absolute;width:100%;height:100%} .prop-detail img{width:100%;height:100%;opacity:0.01} .prop-effect-icon{width:1.3em;height:1.3em;vertical-align:middle;} .prop-area > div{margin-top:10px;} @media only screen and (max-width:991px){ .prop-body{padding:20px 0;} .prop-box > * {position:relative;width: 100%;} .prop-icon-box {padding-bottom:30vh;margin:10px 0;} .prop-value {margin:0 0 10px 0;} } @media (max-width:991px){ .prop-bg{ margin: -20px 0;} } @media (min-width:992px){ .prop-number-2 .prop-box{padding-bottom:50%;} .prop-number-3 .prop-box{padding-bottom:33%;} .prop-number-4 .prop-box{padding-bottom:25%;} .prop-bg{ margin: -60px -30px;} } @media (max-width:767px){ .prop-button{width:65px;} }

/* 默认折叠按钮 https://www.mediawiki.org/wiki/Manual:Collapsible_elements */ .prop-col .mw-collapsible-toggle{} .prop-col .mw-collapsible-toggle:before{display:none} /* 默认折叠按钮展开状态 */ .prop-col .mw-collapsible-toggle:after{content:"▲";color:white;line-height:28px;position:absolute;right:24px} /* 默认折叠按钮折叠状态 */ .prop-col.mw-collapsed .mw-collapsible-toggle:after{content:"▼"} /* 默认折叠按钮显示文本 */ .prop-col .mw-collapsible-toggle .mw-collapsible-text{display:none} </style>