MediaWiki:Common.css

注意:在发布之后,您可能需要清除浏览器缓存才能看到所作出的变更的影响。

  • Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5Ctrl-R(Mac为⌘-R
  • Google Chrome:Ctrl-Shift-R(Mac为⌘-Shift-R
  • Internet Explorer或Edge:按住Ctrl的同时单击刷新,或按Ctrl-F5
  • Opera:Ctrl-F5
/* 这里放置的CSS将应用于所有皮肤 */

.wechatid {
	margin: 0.5rem 0 0 0;
    border: 1px solid #e1e8ed;
    border-radius: 0.35rem;
    width: 15rem;
}

.wechatid img {
	max-width: 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%;}
}