跳转到内容

MediaWiki:Common.css:修订间差异

来自天明的百科全书
Ztm0929留言 | 贡献
无编辑摘要
Ztm0929留言 | 贡献
添加CJK字符间距
 
(未显示同一用户的15个中间版本)
第1行: 第1行:
/* 这里放置的CSS将应用于所有皮肤 */
/* 这里放置的CSS将应用于所有皮肤 */
.image-container {
/*.image-container {*/
    display: flex;
/*    display: flex;*/
    flex-wrap: wrap;
/*    flex-wrap: wrap;*/
    gap: 10px; /* 图片之间的间距 */
  /* gap: 10px; /* 图片之间的间距  
    justify-content: space-around; /* 图片均匀分布 */
/*}*/
 
/*.image-container img {*/
  /* width: 200px; /* 强制规定图片宽度 */
  /*  height: auto; /* 保持纵横比 */
  /*  object-fit: contain; /* 保持图片的纵横比 */
  /*  box-sizing: border-box; /* 包括内边距和边框在内计算宽度 */
/*}*/
 
/* 当屏幕宽度小于1200px时,调整图片宽度 */
/*@media (max-width: 1200px) {*/
/*    .image-container img {*/
/*        width: 150px;*/
/*    }*/
/*}*/
 
/* 当屏幕宽度小于768px时,调整图片宽度 */
/*@media (max-width: 768px) {*/
/*    .image-container img {*/
/*        width: 100px;*/
/*    }*/
/*}*/
 
@import url('https://fonts.googleapis.com/css2?family=Fira+Code&display=swap');
pre, code {
  font-family: "Fira Code", "Sarasa Mono SC", "Microsoft Yahei Consolas", "PingFang SC", "Noto Sans Mono CJK SC", monospace;
}
 
body.page-Main_Page li#ca-talk { display: none !important; }
body.page-Main_Page li#ca-delete { display: none !important; }
 
.vector-main-menu-action-opt-out {
    display: none !important;
}
 
 
#footer-icons a.cdx-button {
  background-color: transparent !important;
}
 
/* 首页整体容器 */
.mainpage-container {
  display: flex;
  flex-direction: row;
}
 
/* 移动端时上下堆叠 */
@media (max-width: 768px) {
  .mainpage-container {
    flex-direction: column;
  }
}
 
 
.mw-body h1, .mw-body .mw-heading1, .mw-body-content h1, .mw-body-content .mw-heading1, .mw-body-content h2, .mw-body-content .mw-heading2 {
    font-family: 'Source Han Serif SC VF', 'Georgia', 'Times', 'Source Serif Pro', serif;
}
}


.image-container img {
:root,
    flex: 1 1 150px; /* 允许图片在150px到100%宽度之间调整 */
* {
    max-width: 30%; /* 每张图片最大宽度为30% */
  text-autospace: normal !important;
    box-sizing: border-box; /* 包括内边距和边框在内计算宽度 */
    width: 100%;
    height: auto;
    object-fit: contain; /* 保持图片的纵横比 */
}
}

2025年10月23日 (四) 02:19的最新版本

/* 这里放置的CSS将应用于所有皮肤 */
/*.image-container {*/
/*    display: flex;*/
/*    flex-wrap: wrap;*/
   /* gap: 10px; /* 图片之间的间距 
    justify-content: space-around; /* 图片均匀分布 */
/*}*/

/*.image-container img {*/
   /* width: 200px; /* 强制规定图片宽度 */
  /*  height: auto; /* 保持纵横比 */
  /*  object-fit: contain; /* 保持图片的纵横比 */
  /*  box-sizing: border-box; /* 包括内边距和边框在内计算宽度 */
/*}*/

/* 当屏幕宽度小于1200px时,调整图片宽度 */
/*@media (max-width: 1200px) {*/
/*    .image-container img {*/
/*        width: 150px;*/
/*    }*/
/*}*/

/* 当屏幕宽度小于768px时,调整图片宽度 */
/*@media (max-width: 768px) {*/
/*    .image-container img {*/
/*        width: 100px;*/
/*    }*/
/*}*/

@import url('https://fonts.googleapis.com/css2?family=Fira+Code&display=swap');
pre, code {
  font-family: "Fira Code", "Sarasa Mono SC", "Microsoft Yahei Consolas", "PingFang SC", "Noto Sans Mono CJK SC", monospace;
}

body.page-Main_Page li#ca-talk { display: none !important; }
body.page-Main_Page li#ca-delete { display: none !important; }

.vector-main-menu-action-opt-out {
    display: none !important;
}


#footer-icons a.cdx-button {
  background-color: transparent !important;
}

/* 首页整体容器 */
.mainpage-container {
  display: flex;
  flex-direction: row;
}

/* 移动端时上下堆叠 */
@media (max-width: 768px) {
  .mainpage-container {
    flex-direction: column;
  }
}


.mw-body h1, .mw-body .mw-heading1, .mw-body-content h1, .mw-body-content .mw-heading1, .mw-body-content h2, .mw-body-content .mw-heading2 {
    font-family: 'Source Han Serif SC VF', 'Georgia', 'Times', 'Source Serif Pro', serif;
}

:root,
* {
  text-autospace: normal !important;
}