跳转到内容

MediaWiki:Common.css:修订间差异

(设计用户界面)
标签已被回退
(设计用户界面)
标签已被回退
第414行: 第414行:
    height: 38px;
    height: 38px;
    color: #fff;
    color: #fff;
    /* font-size: 12px; */
    font-size: 1rem;
    min-width: 72px;
    min-width: 72px;
    font-weight: 700;
    font-weight: 700;
第443行: 第443行:
    cursor: pointer;
    cursor: pointer;
    /* box-shadow: 2px 2px 3px -1px darkgray; */
    /* box-shadow: 2px 2px 3px -1px darkgray; */
}
.profile-update-unit-left {
   color: #797979;
   font-size: 15px;
   font-weight: 700;
   float: left;
   width: 100px;
}
.profile-update-unit {
   float: left;
   width: 550px;
}
.eye-container .menu .item {
   background: #8f9699 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkIxMTcxNENEMjgxQzExRTFBNkE1Qjc1RTBDRkVCMUVBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkIxMTcxNENFMjgxQzExRTFBNkE1Qjc1RTBDRkVCMUVBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QjExNzE0Q0IyODFDMTFFMUE2QTVCNzVFMENGRUIxRUEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QjExNzE0Q0MyODFDMTFFMUE2QTVCNzVFMENGRUIxRUEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5akPNAAAACfElEQVR42oxTz0uiYRCePk0trAwlBD0shBmBeqj26EEF9xJYt+jSofoDukWwyy549eZJBJFAiKBAEcQ/QNS8uHYyNMgOZnXop5bmzjNguOyy7MDw8c4388w8z7zvSL/fp2ELh8NOrVb7XaVSLSmKYu31evTy8tLodDqn/P22v79fHs4fGQaIRqPHXBio1+vUarUIxTCO0eTkJBmNRnp9fT1hkNXfAK6vr3WZTKbabDat1WqV/mUA0el0DbPZbNvZ2WkrCCaTycT/FMNub2/p8fHRylMmZIJ4PL7MoxZyuZwkmEwmmpubI6vVShaLhd7f3+np6YnK5TIVCoUPoOnpaVD8rPL7/bHLy8tZJK6trdHW1hY5nU7plE6nKZFIkEajoY2NDVpcXKRarUYPDw+iD9P/pIyPjy9AsM3NTfJ4PNKxVCrRxcUFzc/P08zMjJwPDg7IYDBIg4mJCXp7ewPAgsIFFqC5XC4ExI+Ojmh0dJQikQilUimhU6lUZPSxsTEKBALU7XbhFvVgVc/Pz1BXADAmC0VnZ2dSgBVCh0EDu91Od3d3Mp3Co1xhz4eHhx8JXq+X2u220Nre3qb7+3tyOBxCD/+z2SzxxYIOVyq32/2Ff8xihfl8Xrbg8/no5uZGdAAQtFhZWZEpQAnN9Ho9aOZHQqHQEnMpnp+fCxWIo1aryWazCRgMnSF0sViUzigGNa5blpsYDAaPGT2A1Q0M2iAZgAODsNAJgBw/4Tu0KjeRu63jek5NTX0kQxdeMSE2cJxRzO+hwRTX/3hMe3t7x3wOYAPDnWHIQ4wnk85/fY2w3d1dB8d+cCK0kefM3mA/5fjXWCz2czj/lwADAF4Jky340chrAAAAAElFTkSuQmCC) 5px 1px no-repeat;
   color: #fff;
   height: 18px;
   font-size: 12px;
   font-weight: 700;
   padding: 0 0 0 30px;
   margin: 4px 0 4px 0;
}
}

2024年7月10日 (三) 22:37的版本

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

/*图片自适应*/
.img-kk {max-width:100%;height:auto;}

.img-icon {
	border-radius:5px
}
img{max-width:100%;height:auto;margin:0 auto;text-align:center;}

/* 防止某些情况下导航栏异常变宽(限制宽度) */
#mw-navigation {
	max-width: 100%;
}

/* 调整主内容宽度 */
.flex-fill.container {
	width: 92%;
}

/* 设置全局半透明 */
.container {
	opacity: 0.84;
	background-color: rgb(255,255,255);
}

.mb-2.mt-4.container-fluid {
	background-color: rgb(233,236,239);
}

.modheader-shadow-root-host-el-id {
	background-color: rgb(233,236,239);
}


/* WIKI背景图 */
body {
	background:url("https://www.ifanwiki.top/w/images/7/79/MCZYZ-BG1.jpg") no-repeat fixed 50% 0;
	background-size:cover;
}

/* 模板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;}

.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;}

/* 搬运BWIKI */

* {
    padding: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*表格*/
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;}
/* == 模板 == */
/* - [[模板:黑幕]] - */
.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;
  }

/*隐藏首页标题*/
.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;
}

table {
    display: table;
    border-collapse: separate;
    box-sizing: border-box;
    text-indent: initial;
    unicode-bidi: isolate;
    line-height: normal;
    font-weight: normal;
    font-size: medium;
    font-style: normal;
    color: -internal-quirk-inherit;
    text-align: start;
    border-spacing: 2px;
    border-color: gray;
    white-space: normal;
    font-variant: normal;
}

table.navbox {
    border: 1px solid #aaa;
    clear: both;
    margin: auto;
    padding: 1px;
    text-align: center;
    width: 100%;
}

.navbox-title, table.navbox th {
    background: none repeat scroll 0 0 #aabaf4;
}

.navbox-title, .navbox-abovebelow, table.navbox th {
    padding-left: 1em;
    padding-right: 1em;
    text-align: center;
}

.navbox, .navbox-subgroup {
    background: none repeat scroll 0 0 #fdfdfd;
}

th {
    display: table-cell;
    vertical-align: inherit;
    font-weight: bold;
    text-align: -internal-center;
    unicode-bidi: isolate;
}

tr {
    display: table-row;
    vertical-align: inherit;
    unicode-bidi: isolate;
    border-color: inherit;
}

td {
    display: table-cell;
    vertical-align: inherit;
    unicode-bidi: isolate;
}

tbody {
    display: table-row-group;
    vertical-align: middle;
    unicode-bidi: isolate;
    border-color: inherit;
}

.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
    background: none repeat scroll 0 0 #f1f7ff;
}

.navbox-group {
    font-weight: 700;
    padding-left: 1em;
    padding-right: 1em;
    white-space: nowrap;
}

.navbox-odd {
    background: none repeat scroll 0 0 transparent;
}
.navbox-list {
    border-color: #fdfdfd;
}
td, th {
    padding: 0;
}

.hlist dd, .hlist dt, .hlist li {
    margin: 0;
    display: inline;
}
.mw-parser-output li {
    margin-bottom: 0.1em;
}
li {
    margin-bottom: 0.1em;
}
body, div, h4, html, li, span, ul {
    padding: 0;
    margin: 0;
}
li {
    list-style-position: inside;
}

@media (min-width: 768px) {
    .navbar {
        border-radius: 4px;
    }
}

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 20px;
    border: 1px solid transparent;
}

/* 修复导航盒链接样式 */
.noprint.plainlinks.hlist.navbar.nomobile {
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    height: 22px;
    margin-bottom: 0px;
    border-bottom-width: 0px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-left-width: 0px;
}

/* 魔改用户中心样式 */
.profile-tab a:visited {
    color: #000000 !important;
}

.profile-tab-on {
    background-color: #466c2c;
    float: left;
    height: 38px;
    color: #fff;
    font-size: 1rem;
    min-width: 72px;
    font-weight: 700;
    padding: 6px 5px 0 5px;
    margin: 0 5px 0 0;
    text-align: center;
}

.profile-tab {
    background-color: #e9ecef;
    text-align: center;
    height: 38px;
    min-width: 72px;
    float: left;
    padding: 6px 5px 0 5px;
    margin: 0 5px 0 0;
}

.eye-container {
    width: 130px;
    height: 20px;
    background: #7b8289;
    border-radius: 4px;
    opacity: 0.8;
    overflow: hidden;
    /* position: fixed; */
    top: -25px;
    cursor: pointer;
    /* box-shadow: 2px 2px 3px -1px darkgray; */
}

.profile-update-unit-left {
    color: #797979;
    font-size: 15px;
    font-weight: 700;
    float: left;
    width: 100px;
}

.profile-update-unit {
    float: left;
    width: 550px;
}

.eye-container .menu .item {
    background: #8f9699 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkIxMTcxNENEMjgxQzExRTFBNkE1Qjc1RTBDRkVCMUVBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkIxMTcxNENFMjgxQzExRTFBNkE1Qjc1RTBDRkVCMUVBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QjExNzE0Q0IyODFDMTFFMUE2QTVCNzVFMENGRUIxRUEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QjExNzE0Q0MyODFDMTFFMUE2QTVCNzVFMENGRUIxRUEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5akPNAAAACfElEQVR42oxTz0uiYRCePk0trAwlBD0shBmBeqj26EEF9xJYt+jSofoDukWwyy549eZJBJFAiKBAEcQ/QNS8uHYyNMgOZnXop5bmzjNguOyy7MDw8c4388w8z7zvSL/fp2ELh8NOrVb7XaVSLSmKYu31evTy8tLodDqn/P22v79fHs4fGQaIRqPHXBio1+vUarUIxTCO0eTkJBmNRnp9fT1hkNXfAK6vr3WZTKbabDat1WqV/mUA0el0DbPZbNvZ2WkrCCaTycT/FMNub2/p8fHRylMmZIJ4PL7MoxZyuZwkmEwmmpubI6vVShaLhd7f3+np6YnK5TIVCoUPoOnpaVD8rPL7/bHLy8tZJK6trdHW1hY5nU7plE6nKZFIkEajoY2NDVpcXKRarUYPDw+iD9P/pIyPjy9AsM3NTfJ4PNKxVCrRxcUFzc/P08zMjJwPDg7IYDBIg4mJCXp7ewPAgsIFFqC5XC4ExI+Ojmh0dJQikQilUimhU6lUZPSxsTEKBALU7XbhFvVgVc/Pz1BXADAmC0VnZ2dSgBVCh0EDu91Od3d3Mp3Co1xhz4eHhx8JXq+X2u220Nre3qb7+3tyOBxCD/+z2SzxxYIOVyq32/2Ff8xihfl8Xrbg8/no5uZGdAAQtFhZWZEpQAnN9Ho9aOZHQqHQEnMpnp+fCxWIo1aryWazCRgMnSF0sViUzigGNa5blpsYDAaPGT2A1Q0M2iAZgAODsNAJgBw/4Tu0KjeRu63jek5NTX0kQxdeMSE2cJxRzO+hwRTX/3hMe3t7x3wOYAPDnWHIQ4wnk85/fY2w3d1dB8d+cCK0kefM3mA/5fjXWCz2czj/lwADAF4Jky340chrAAAAAElFTkSuQmCC) 5px 1px no-repeat;
    color: #fff;
    height: 18px;
    font-size: 12px;
    font-weight: 700;
    padding: 0 0 0 30px;
    margin: 4px 0 4px 0;
}