MediaWiki:Common.css：修订间差异

2025年12月25日 (四) 22:32的版本

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


/* 侧边栏、顶部栏 */
#mw-panel #p-logo {
    width: 176px;
    height: 176px;
    margin-left: -0.5em;
}

div#mw-page-base {
    background: none;
    height: 100px;
}
#left-navigation,
#right-navigation {
    margin-top: 60px;
}
div#mw-panel {
    top: 0;
    text-shadow: 1px 1px #f6f6f6;
}
div#mw-panel div.portal {
    padding-bottom: 1em;
}
div#mw-head div.vectorMenu h4 {
    height: 1.9em;
    margin-bottom: 0;
    padding-top: 1.25em;
    padding-bottom: 0;
    padding-right: .5em;
}

/* 链接栏 
div#p-personal {
    background-color: rgba(255, 255, 255, 0.8);
    padding: 5px 10px 5px 0;
    box-shadow: #444 0 1px 5px;
}
*/
/* 中部透明 
.mw-body, .parsoid-body {
    padding: 1em;
    background-color: transparent;
    color: #222222;
    direction: ltr;
}
*/
/* 禁止查看源代码 (暂时不用)
<?php global $wgUser;if($wgUser->is Allower('edit')){?>
	<sytle type="text/css">
	 #ca-viewsource{display:none !important;}
	</style>
   <?php}?>
   
    */


/* 隐藏实时更新按钮 */
#mw-recentchanges-showupdated, .mw-checkbox-toggle-watchlist {
    display: none !important;
}


/* 【封面画册代码】 */
/* 外部图片简单淡入幻灯片 - 适用于4张左右 */
.ext-carousel.simple-fade-carousel {
  position: relative;
  max-width: 620px;          /* 根据需要调整 */
  margin: 1em auto;
  overflow: hidden;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.slides-container {
  position: relative;
  width: 100%;
}

.slide {
  display: none;
  width: 100%;
  position: relative;
}

.slide.active {
  display: block;
}

.slide img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 420px;         /* 建议设置，避免图片过高 */
  object-fit: contain;       /* 或 cover，根据需求 */
  background: #f8f9fa;
}

.caption {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 12px 16px;
  background: rgba(0,0,0,0.65);
  color: white;
  font-size: 95%;
  text-align: center;
}

/* 箭头按钮 */
.prev, .next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 44px;
  height: 44px;
  background: rgba(0,0,0,0.5);
  color: white;
  border: none;
  border-radius: 50%;
  font-size: 22px;
  cursor: pointer;
  z-index: 10;
  opacity: 0.7;
  transition: opacity 0.2s;
}

.prev:hover, .next:hover { opacity: 1; }
.prev { left: 12px; }
.next { right: 12px; }

/* 淡入动画 */
@keyframes fade {
  from { opacity: 0.4; }
  to   { opacity: 1; }
}

.slide.active {
  animation-name: fade;
  animation-duration: 1.2s;
}