MediaWiki:Common.css

/* 这里放置的CSS将应用于所有皮肤 */

/* 为表达全国各族人民对抗击新冠肺炎疫情斗争牺牲烈士和逝世同胞的深切哀悼 */
.html {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
}

/* 隐藏首页标题、查看源代码 */
.page-首页 h1.firstHeading,
.page-首页 li#ca-viewsource { display:none; }

/* 雅黑字体 */

body,div#content h1,div#content h2,div#content #firstHeading{font-family:-apple-system, "Helvetica Neue", "Luxi Sans", "DejaVu Sans", "Hiragino Sans GB", 微软雅黑, "Microsoft YaHei", 微軟正黑體, "Microsoft JhengHei", AppleGothic, "WenQuanYi Micro Hei", STHeiti, Meiryo, Arial, sans-serif}

/* 提示框样式 */
table.ambox {
    margin:0px 15%;   /* 防止与其它元素重叠 */
    border-left: 10px solid #36c;    /* 默认为"notice" - 蓝色*/
    background: #f8f9fa; 
    border-bottom-left-radius:6px;
    border-top-left-radius:6px;
    border-top-right-radius:6px;
    border-bottom-right-radius:6px; 
}
table.ambox + table.ambox {   /* Single border between stacked boxes. */
    margin-top: -1px;
}
.ambox th.mbox-text, 
.ambox td.mbox-text {            /* The message body cell(s) */
    padding: 0.25em 0.5em;       /* 0.5em left/right */
}
.ambox td.mbox-image {           /* The left image cell */
    padding: 2px 0 2px 0.5em;    /* 0.5em left, 0px right */
}
.ambox td.mbox-imageright {      /* The right image cell */
    padding: 2px 0.5em 2px 0;    /* 0px left, 0.5em right */
}
 
table.ambox-notice {
    border-left: 15px solid #36c;    /* 蓝色 */
}
table.ambox-speedy {
    border-left: 15px solid #b32424;    /* 红色 */
    background: #fee7e6;                   /* 粉色 */
}
table.ambox-delete,table.ambox-translation {
    border-left: 15px solid #b32424;    /* 红色 */
}
table.ambox-content {
    border-left: 15px solid #f28500;    /* 橙色 */
}
table.ambox-style {
    border-left: 15px solid #fc3;    /* 黄色 */
}
table.ambox-move {
    border-left: 15px solid #9932cc;    /* 紫色 */
}
table.ambox-protection {
    border-left: 15px solid #a2a9b1;       /* 灰色 */
}

.effect-green { color: green; }
.effect-background-green { background: #e0e0e0; padding: 0px 2px; border-radius: 2px; }
.effect-red { color: red; }
.effect-background-red { background: #e0e0e0; padding: 0px 2px; border-radius: 2px; }

.toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; }

/* 首页样式 9月28日 Huiji FF14*/
.ff14-mainpage>.col-md-3, .ff14-mainpage>.col-md-9{padding-left: 5px; padding-right: 5px;}
.ff14-panel{border-radius: 5px; border: solid 1px #262626; box-shadow: rgba(0, 0, 0, 0.5) 0px 1px 3px; background: linear-gradient(to bottom right,#292929,#222222); margin: 10px 0; padding: 10px;}
.ff14-panel-heading{text-align: center;background: rgba(53, 53, 53, 0.8);font-weight: bold;color: #bda45b;text-shadow: 1px 1px #000;padding: 3px;margin: -7px -7px 7px;border-radius: 5px 5px 0 0;}
.ff14-img-ad{padding: 3px;}
.ff14-img-ad .link-block{position: relative;}
.ff14-img-ad img{max-width: 100%; height: auto; border-radius: 5px;}
.ff14-img-ad--title{position: absolute; width: 100%; text-align: center; left: 0; bottom: 10%; background: rgba(53, 53, 53, 0.8); color: #bda45b; font-weight: bold; text-shadow: 1px 1px #000; padding: 3px;}
.ff14-img-ad--bg{border-radius: 5px; border: solid 1px transparent;}
.ff14-site-link ul{margin-top: 0; margin-bottom: 0;}
.main-page-children-row{margin-top: -10px;}
.ff14-content-block--item{padding: 3px 1px;}
.ff14-content-block--button{display: block; padding: 0.2em 0.8em; border-radius: 1.2em;}
 
@media (max-width: 767px){
    .wiki-body-section {padding: 5px;}
    .ff14-panel{border: solid 1px rgba(189, 164, 91, 0.6);}
    .ff14-content-block--item {width: 50%;}
    .main-page-children-row > div {padding-left: 5px;padding-right: 5px;}
    .main-page-children-row > .right {margin-top: -10px;}
}
@media (min-width: 768px){
    .ff14-panel:hover{border: solid 1px #bda45b; box-shadow: rgba(0, 0, 0, 0.7) 0px 1px 8px;}
    .ff14-content-block--button:hover {background: #111;}    
    .ff14-content-block--item {width: 25%;}
}
@media (min-width: 992px){
    .main-page-children-row>.left{padding-right: 5px;}
    .main-page-children-row>.right{padding-left: 5px;}
    .ff14-content-block--item {width: 50%;}
}
@media (min-width: 1200px){
}
@media (min-width: 1366px){
}
@media (min-width: 1600px){
	.ff14-content-block--item {width: 33.33333333333%;}
}