MediaWiki:Common.css
来自McZoo红石站
注意：在发布之后，您可能需要清除浏览器缓存才能看到所作出的变更的影响。
- Firefox或Safari：按住Shift的同时单击刷新，或按Ctrl-F5或Ctrl-R（Mac为⌘-R）
- Google Chrome：按Ctrl-Shift-R（Mac为⌘-Shift-R）
- Internet Explorer或Edge：按住Ctrl的同时单击刷新，或按Ctrl-F5
- Opera：按 Ctrl-F5。
/* infobox 样式开始 */
/* 响应式布局 */
@media (min-width:0px) and (max-width:768px){
.vcard{
width:100%;
max-width:768;
border-radius:10px;
margin:5px auto;
float:none;
}
}
@media (min-width:768px) and (max-width:992px){
.vcard{
width:100%;
max-width:992;
border-radius:10px;
margin:5px auto;
float:none;
}
}
@media (min-width:992px) {
.vcard{
width:293px;
min-width:293px;
float:right;
border-radius:10px;
margin:1px auto;
margin-left:1em;
margin-right:1em;
}
}
/* hlist */
/* Style for horizontal lists (separator following item) */
.hlist dl,
.hlist ol,
.hlist ul {
margin: 0;
}
.hlist dd,
.hlist dt,
.hlist li {
display: inline;
margin: 0;
}
/* Display nested lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl, .hlist dl ol, .hlist dl ul,
.hlist ol dl, .hlist ol ol, .hlist ol ul,
.hlist ul dl, .hlist ul ol, .hlist ul ul {
display: inline;
}
/* Generate interpuncts */
.hlist dt:after {
content: " :";
}
.hlist dd:after,
.hlist li:after {
content: " · ";
font-weight: bold;
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
content: none;
}
/* Add parens around nested lists */
.hlist dl dl:before,
.hlist ol ol:before,
.hlist ul ul:before {
content: "（";
}
.hlist dl dl:after,
.hlist ol ol:after,
.hlist ul ul:after {
content: "）";
}
/* Put numbers in ordered lists */
.hlist.hnum ol li {
counter-increment: level1;
}
.hlist.hnum ol li:before {
content: counter(level1) " ";
}
.hlist.hnum ol ol li {
counter-increment: level2;
}
.hlist.hnum ol ol li:before {
content: counter(level2) " ";
}
/* 这里放置的CSS将影响使用Common皮肤的用户 */
/* 板块用CSS */
.BILIBILI-BOX {width:100%;margin-bottom:20px;}
.BOX-title-1 {width:100%;font-size:14px;padding:7px 10px;font-weight: bold;background:#404040;color:#fff;}
.BOX-title-2 {padding: 10px 0px 5px 0px;font-size: 14px;font-weight: bold;border-bottom: 1px solid #384348;}
.BOX-N {width:100%;padding:0px;}
.BOX-GD {color:#f7f7f7;border: 1px solid #f7f7f7;padding: 0px 5px;border-radius: 50%;}
.BOX-AN-50 {width:50%}
.BOX-AN-25 {width:25%}
.BOX-AN-20 {width:20%}
.BOX-AN2 {width:100%;display: inline-block;height:30px;line-height:30px;padding-left:35px;padding-right:5px;color:#404040;}
.BOX-AN2:hover {background:#000;color:#f7f7f7;}
@media only screen and (max-width:759px){
.BOX-AN-25 {width:50%}
.BOX-AN-20 {width:50%}
}
.update-log .log-title {display: none;}
.update-log .bili-list-group {padding: 0px 0px;}
.update-log .read-more {display: none;}
.carousel.big-carousel .carousel-indicators li, .carousel.big-carousel .carousel-indicators li.active {width: 8px;height: 8px;}
.carousel.big-carousel .carousel-indicators {bottom: -2.4em;margin-left: -30%;margin-bottom: 45px;}
.carousel.big-carousel {margin-bottom: 15px;}
.carousel.big-carousel .carousel-indicators li, .carousel.big-carousel .carousel-indicators li.active {box-shadow: 0px 0px 3px 0 rgb(255 255 255 / 90%);}
.BOX-1 .BOX-title-2 {padding: 10px 0px 5px 0px;}
.BOX-1 {background:#f7f7f7;border:1px solid #404040;}
.BOX-1 .BOX-N {padding:5px 10px;}
.BOX-2 .BOX-title-1 {border-radius: 8px;}
.BOX-2 {border:1px solid #404040;border-radius: 4px;padding:2px}
.BOX-2 .BOX-2-1 {background:#f7f7f7;border:1px solid #404040;border-radius: 8px;padding:10px;}
.BOX-3 .BOX-title-1 {border-radius: 8px;}
.BOX-3 {background:#f7f7f7;border-radius: 8px;padding:10px}
.BOX-4 .BOX-title-1 {border-radius: 8px 8px 0px 0px;}
.BOX-4 {background:#f7f7f7;border-radius: 8px;padding:0px;}
.BOX-4 .BOX-N {padding:5px 10px;}
.BOX-5 .BOX-title-1 {border-radius: 8px 8px 0px 0px;background:#262626;color:#f7f7f7;}
.BOX-5 .BOX-title-2 {padding: 10px 0px 5px 0px;border-bottom: 1px solid #262626;}
.BOX-5 {background:#404040;border-radius: 8px;padding:0px;}
.BOX-5 .BOX-N {padding:5px 10px;border:2px solid #262626;border-top:0px solid ;box-shadow: inset 0 0 1px 2px #000;color:#f7f7f7;border-radius: 0px 0px 8px 8px;}
.BOX-5 .bili-section-normal,.BOX-5 .bili-section-primary {color: #f7f7f7;background: #626262;border: 1px solid rgb(0, 0, 0);}
.BOX-5 .bili-section-normal:hover {color: #fff;background: #000;border: 1px solid rgba(0, 0, 0, 0.1);cursor: pointer;}
.BOX-5 .BOX-zt {color:#f7f7f7}
.BOX-5 .update-log a {color: #f7f7f7 !important;}
.BOX-5 .BOX-AN2 {width:100%;display: inline-block;height:30px;line-height:30px;padding-left:35px;padding-right:5px;color: #f7f7f7;background: #626262;}
.BOX-5 .BOX-AN2:hover {color: #fff;background: #000;}
.oo-ui-defaultOverlay, .skin-vector .oo-ui-windowManager-modal > .oo-ui-dialog, .skin-vector .ve-ui-overlay-global{ z-index:1001}
.wiki-header .wiki-nav .ul-menu-1 .li-menu-1 .menu-title-1{font-family:Microsoft YaHei;}
/*隐藏首页贡献者*/
.page-首页 .wiki-componment-rank {display:none;}
/*隐藏首页标题*/
.page-123 body{
background:url("https://patchwiki.biligame.com/images/factorio/1/1f/dlx6y415mb8eips96h3ib9phxyapx1g.jpg");
}
/*首页*/
.box-glz{
width:100%;
text-align:center;
border-radius: 10px;
}
.page-首页 .wikitable a:new {color:#222222;}
.page-首页 .wikitable a:link {color:#222222;}
.page-首页 .wikitable a:visited {color:#222222;}
.page-首页 .wikitable .mw-parser-output a.external:visited {color: #222222;}
.page-首页 .table a:new {color:#222222;}
.page-首页 .table a:link {color:#222222;}
.page-首页 .table a:visited {color:#222222;}
.page-首页 .table .mw-parser-output a.external:visited {color: #222222;}
.box-glz>p>font>a:new {color:#222222;}
.box-glz>p>font>a:link {color:#222222;}
.box-glz>p>font>a:visited {color:#222222;}
.box-sy .game-aggregation-wrap .game-card-list {
padding-top: 10px;
display: flex;
flex-wrap: wrap;
margin-left: -21px;
}
.box-sy .game-aggregation-wrap .game-card-list .game-card-list-item {
margin-left: 21px;
margin-bottom: 21px;
width: 240px;
border: 1px solid rgba(0,0,0,0.1);
}
.box-sy .game-card-button-rt {
line-height: 34px;
}
.box-sy .game-aggregation-wrap .game-card-list .game-card-list-item .game-card-button {
height: 36px;
}
.box-sy .game-aggregation-wrap .game-card-list .game-card-list-item .game-card-cover {
height: 133px;
}
.box-sy .game-aggregation-wrap .game-card-list .game-card-list-item .game-card-button-lt, .game-card-button-rt {
line-height: 34px;
}
@media (max-width: 768px) {
.box-glz{
float:left;
width:30%;
margin:1%;
text-align:center;
border-radius: 10px;
}
}
/*p表格字体*/
.poke-zt {font-size:12px;}
@media only screen and (max-width:759px){
.poke-zt {font-size:10px;}
}
/*p标签修复*/
.mw-body p {
line-height: inherit;
margin: 0.5em 0;
}
/* 顶通logo 临时[2020年1月20日]*/
.wiki-header .wiki-nav .wiki-logo .pic-logo{
width:auto;
}
/*视频测试*/
.video-player{
width:100%;
height: 35vw;
min-height: 200px;
}
/*测试*/
.img-video {
background-size: cover;
border-radius: 4px;
display: block;
width: 160px;
height: 100px;
overflow: hidden;
position: relative;
}
/* 这里放置的CSS将应用于所有页面 */
.resp-tabs-list {
zoom: 1
}
.resp-tabs-list:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0
}
@media (max-width: 768px) {
.resp-tabs .resp-tabs-list {
white-space: nowrap;
overflow-x: scroll
}
.resp-tabs .resp-tabs-list .bili-list-style {
float: none !important;
display: inline-block
}
}
/*主站登陆样式修复*/
.bili-header-m .i_menu_login .img {
width: 294px !important;
}
/*分类高度修正*/
#catlinks {
margin-bottom:14px;
}
/*隐藏更新日志时间*/
.bili-list-group .bili-list-group-item .fr {
display: none !important;
}
.wikiEditor-ui-toolbar .tabs{
height:auto
}
.wikiEditor-ui-toolbar .tabs, .wikiEditor-ui-toolbar .section-main{
height:auto
}
/* 这里放置的CSS将影响使用Vector皮肤的用户 */
/*图片自适应*/
.img-kk {max-width:100%;height:auto;}
.img-icon {
border-radius:5px
}
img{max-width:100%;height:auto;margin:0 auto;text-align:center;}
/*logo修正*/
.wiki-logo .pic-logo {
margin-left:0px;
}
.wiki-logo {
padding-left:0px;
}
@media (max-width: 768px){
.wiki-header .wiki-logo {
padding-left: 0;
}
}
/*隐藏首页标题*/
.page-首页 #firstHeading{display:none;}
/*隐藏首页分类*/
.page-首页 #catlinks{display:none;}
/*标题*/
#firstHeading{
font-family:MicrosoftYaHei-Bold;
font-size: 30px;
color: rgba(0,0,0,0.85);
line-height: 40px;
padding-bottom:10px;
}
.mw-body-content h2 {
font-family:MicrosoftYaHei-Bold;
font-size: 26px;
color: rgba(0,0,0,0.85);
line-height: 32px;
padding-bottom:8px;
}
.mw-body-content h3 {
font-family:MicrosoftYaHei-Bold;
font-size: 22px;
color: rgba(0,0,0,0.85);
line-height: 24px;
padding-bottom:6px;
}
.mw-body-content h4 {
font-family: MicrosoftYaHei-Bold;font-size: 18px;color: rgba(0,0,0,0.85);line-height: 22px;
}
/*表格*/
table.wikitable > tr > th, table.wikitable > * > tr > th {
background:#e9edf2;
height:40px;
opacity:0.6;
border-right: 1px solid rgba(0, 0, 0, .1);
}
table.wikitable > tr > td, table.wikitable > * > tr > td{
background-color: #fff;
height:40px;
border-right: 1px solid rgba(0, 0, 0, .1)
}
table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td {
border: 1px #ccc solid;padding:0.3em 1em;
}
table.wikitable{border: 1px solid rgba(0,0,0,0.10);;margin: 10px 0;font-family: SourceHanSansCN;}
/*首页h2标题高度修复*/
.bili-title-h2 {
font-size: 16px;
line-height: 24px;
margin-bottom:15px;
}
.bili-divider {
height: 1px;
margin: 20px 0;
background: rgba(0,0,0,.16);
}
/*首页链接颜色*/
.update-log a{
font-family: MicrosoftYaHei;
font-size: 14px;
color: rgba(0,0,0,0.85) !important;
line-height: 22px;
}
/*标题编辑隐藏
h1 .mw-editsection ,h2 .mw-editsection,h3 .mw-editsection ,h4 .mw-editsection,h5 .mw-editsection{
white-space: nowrap;
unicode-bidi: -moz-isolate;
display: none;
}*/
/*隐藏特殊页面帮助*/
.mw-body .mw-indicators {
display: none;
}
/*更新日志样式修复*/
.update-log .bili-list-group {
padding: 10px 0px;
margin-left: 0;
}
/*更新日志标签变色*/
.bili-label-purple {
background: rgba(0,182,255,0.10);
color: #00B6FF;
}
.bili-label-pink {
background: rgba(0,182,255,0.10);
color: #00B6FF;
}
.bili-label-green {
background: rgba(0,182,255,0.10);
color: #00B6FF;
}
/*条件筛选页面*/
.select-grid {
width: 100%;
padding: 10px 0 35px 0;
display: table;
margin: 0 0 40px 0;
border-bottom: 1px solid #a2a9b1;
}
.select-grid table td {
padding: 5px 10px 0 0;
}
.filter {
display: block;
clear: both;
}
span.select-wrap, span.imgselect-wrap {
margin:0 15px 5px 0;
padding: 8px 0;
font-family: SourceHanSansCN-Regular;
font-size: 14px;
display: inline-block;
color: rgba(0,0,0,.85);
text-align: center;
line-height: 14px;
background: #fff;
border: 1px solid rgba(0,0,0,.1);
}
span.select-wrap {
width:80px;
height:30px;
}
span.imgselect-wrap {
padding:8px 10px;
}
span.imgselect-wrap p {
display: block;
margin-top:10px;
}
/*手机端hover伪类显示异常，magic，只能靠js了*/
span.select-wrap.hover, span.imgselect-wrap.hover {
color: #000;
border: 1px solid rgb(133, 146, 239);
cursor: pointer;
background:#FFF;
}
span.select-wrap.active, span.imgselect-wrap.active {
border: 1px solid rgba(119,132,222);
color:rgba(119,132,222);
}
.filter li {
list-style:none;
float:left;
}
.game-aggregation-wrap {
padding-bottom: 30px;
}
.game-aggregation-wrap .game-card-list {
padding-top: 10px;
display: flex;
flex-wrap: wrap;
margin-left: -40px;
}
.game-aggregation-wrap .game-card-list .game-card-list-item{
margin-left: 40px;
margin-bottom: 30px;
border: 1px solid rgba(0,0,0,0.1);
}
.game-aggregation-wrap .game-card-list .game-card-list-item .game-card-cover{
width: 100%;
height: 132px;
overflow: hidden;
}
.game-aggregation-wrap .game-card-list .game-card-list-item .game-card-cover .cover-img{
width: 100%;
height: 100%;
}
.game-aggregation-wrap .game-card-list .game-card-list-item .game-card-info{
width: 100%;
height: 93px;
padding: 20px;
}
.game-aggregation-wrap .game-card-list .game-card-list-item .game-card-info .game-name{
font-family: MicrosoftYaHei;
font-weight: 700;
font-size: 20px;
color: rgba(0,0,0,0.85);
letter-spacing: 0;
line-height: 28px;
white-space: nowrap;
overflow: hidden;
text-overflow:ellipsis;
}
.game-aggregation-wrap .game-card-list .game-card-list-item .game-card-info .game-message{
font-family: MicrosoftYaHei;
font-size: 14px;
color: rgba(0,0,0,0.35);
line-height: 22px;
margin-top: 6px;
white-space: nowrap;
overflow: hidden;
text-overflow:ellipsis;
}
.game-aggregation-wrap .game-card-list .game-card-list-item .game-card-button{
width: 100%;
height: 51px;
border-top: 1px solid rgba(0,0,0,0.1);
display: flex;
align-items: center;
justify-content: space-between;
}
.game-aggregation-wrap .game-card-list .game-card-list-item .game-card-button-line{
height: 100%;
width: 1px;
background-color: rgba(0,0,0,0.1);
}
.game-aggregation-wrap .game-card-list .game-card-list-item .game-card-button-lt,.game-card-button-rt{
height: 100%;
flex: 1;
color: #000;
font-family: 'MicrosoftYaHei';
background-color: #fff;
font-size: 14px;
text-align: left;
line-height: 60px;
cursor: pointer;
}
.game-aggregation-wrap .game-card-list .game-card-list-item .game-card-button a {
display: block;
color: #000;
background-image: none;
margin-right: 0;
}
.game-aggregation-wrap .game-card-list .game-card-list-item .game-card-button a,a:hover,a:visited,a:active,a:focus {
text-decoration: none;
}
.game-aggregation-wrap .game-card-list .game-card-list-item .game-card-button-lt:hover,.game-card-button-rt:hover{
color: #00B6FF;
}
.game-aggregation-wrap .game-card-list .game-card-list-item .game-card-button-lt:hover a,.game-card-button-rt:hover a{
color: #00B6FF;
}
.game-aggregation-wrap .game-card-list .game-card-list-item .game-card-button-lt:active,.game-card-button-rt:active,.game-card-button-lt:focus,.game-card-button-rt:focus{
background-color: rgb(234, 249, 255);
}
.game-card-before a{
color: #fafafa;
font-weight: bold;
}
.game-card-before a:hover{
border-bottom: 1px solid rgba(255,255,255,0.5);
}
.game-aggregation-wrap .other-game-list {
width: 100%;
padding-top: 10px;
display: flex;
flex-wrap: wrap;
margin-left: 0px;
}
.game-aggregation-wrap .other-game-list-item {
width: 116px;
height: 128px;
margin-left: 0px;
margin-bottom: 30px;
}
.game-aggregation-wrap .other-game-list-item .game-pic {
display: block;
width: 80px;
height: 80px;
margin: 0 auto;
border-radius: 14px;
overflow: hidden;
}
.game-aggregation-wrap .other-game-list-item .game-pic img {
display: block;
width: 80px;
height: 80px;
}
.game-aggregation-wrap .other-game-list-item .game-name{
width: 100%;
height: 48px;
line-height: 24px;
margin: 10px 0 0;
text-align: center;
font-family: MicrosoftYaHei;
font-size: 14px;
color: rgba(0,0,0,0.85);
text-align: center;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
@media only screen and (max-width: 1200px) {
.game-aggregation-wrap .game-card-list {
width: 100%;
margin-left: 0;
justify-content: space-between;
}
.game-aggregation-wrap .game-card-list .game-card-list-item {
margin-left: 0;
}
.game-aggregation-wrap .other-game-list {
width: 1017.6px;
margin-left: -47.6px;
}
.game-aggregation-wrap .other-game-list .other-game-list-item {
margin-left: 47.6px;
}
}
@media only screen and (max-width: 992px) {
.game-aggregation-wrap .other-game-list {
width: 785px;
margin-left: -35px;
}
.game-aggregation-wrap .other-game-list .other-game-list-item {
margin-left: 35px;
}
}
@media only screen and (max-width: 768px) {
.game-aggregation-wrap .game-card-list {
justify-content: center;
}
.game-aggregation-wrap .other-game-list {
width: 100%;
justify-content: flex-start;
margin-left: 0;
}
.game-aggregation-wrap .other-game-list .other-game-list-item {
width: 24%;
margin-left: 0;
}
.game-aggregation-wrap .other-game-list .other-game-list-item:not(:nth-child(4n)) {
margin-right: calc(4% / 3);
}
.new-game-list .other-game-list-item {
margin-right: calc(4% / 3)!important;
}
}
@media only screen and (max-width: 500px) {
.game-aggregation-wrap .other-game-list .other-game-list-item {
width: 24%;
margin-left: 0;
}
.game-aggregation-wrap .other-game-list .other-game-list-item:not(:nth-child(4n)) {
margin-right: 0;
}
.game-aggregation-wrap .other-game-list .other-game-list-item:not(:nth-child(3n)) {
margin-right: calc(4% / 3);
}
.new-game-list .other-game-list-item {
margin-right: calc(4% / 3)!important;
}
}
/*表格圆角*/
/* == 模板 == */
/* - [[模板:黑幕]] - */
.heimu {
background-color: #252525;
color: #252525;
transition: color 0.5s;
}
.heimu:hover {
color: #ffffff;
}
/* - [[模板:模板文档]] - */
.dsp-doc {
margin-top: 1em;
clear: both;
border: 2px dotted #666666;
padding: 0.6em;
background-color: #f5f5f5;
}
.dsp-doc-heading {
padding-bottom: 3px;
border-bottom: 1px solid #aaaaaa;
margin-bottom: 1ex;
}
/* 模板:资料卡片 */
.information {margin:0px 10px 10px 0px;width:300px;overflow: hidden;}
@media only screen and (max-width:759px){
.information {width:100%;margin:0px;}
}
/*摘要样式*/
.mw-summary-preset {
display: inline;
margin: 0;
padding: 0;
}
.mw-summary-preset-item {
border-left: 1px solid #a2a9b1;
display: inline-block;
line-height: 1.25em;
margin: 0.125em 0;
padding: 0 0.5em;
}
.mw-summary-preset-item:first-child {
border-left: medium none;
padding-left: 0.25em;
}
.mw-summary-preset-item:last-child {
padding-right: 0.25em;
}
/*修正过多的缩进*/
.mw-parser-output ol {
margin: 0.3em 0 0 2em;
}
/*修正更新日志*/
.client-js .mw-changeslist ul, .client-js .mw-changeslist table.mw-enhanced-rc {margin:0px;}
.mw-changeslist-line-inner-comment .comment{word-break:break-all}
.mw-changeslist-line-inner-comment .comment .autocomment {word-break:break-all}
/*首页tab修正*/
ul.tabbernav li {
padding-top: 0!important;
}
.wenzi1 {
font-size: 15px;
color: #000;
letter-spacing:0.08em;
line-height:1.8em;
margin-bottom: 15px;
}
