「MediaWiki:Common.css」の版間の差分

2026年5月24日 (日) 20:31時点における版

/* ここに記述したCSSはすべての外装に反映されます */
/* 全体の背景色をパーク風のベージュに */
body {
    background-color: #fdfaf2;
    color: #333;
}

/* 見出し（H1, H2）をジャパリパーク風に */
h1, h2 {
    border-bottom: 3px solid #ff9933; /* オレンジのアクセント */
    color: #2e8b57;
    font-family: "Helvetica Neue", "Arial", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
    font-weight: bold;
}

/* 左側サイドバーのメニュー見出し */
.portal h3 {
    background: #2e8b57;
    color: white !important;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 0.9em;
}

/* リンクの色を鮮やかな緑に */
a:visited { color: #228b22; }
a:hover { text-decoration: underline; color: #ff9933; }

/* 編集ボタンなどを丸くする */
.mw-ui-button {
    border-radius: 20px;
}

/* ロゴ横のサイトタイトル文字を非表示にする */
.mw-logo-container,
.mw-logo-wordmark, 
.mw-logo-tagline,
#p-logo + a span {
    display: none !important;
}

/* ロゴアイコンの固定サイズを強制上書き */
.mw-logo-icon {
    width: auto !important;  /* 横幅を自動（画像の比率に合わせる） */
    height: 40px !important; /* 高さをヘッダーに収まるサイズに固定（適宜調整） */
    max-width: none !important; /* 50px制限などがかかっている場合は解除 */
}

/* 親要素のコンテナも横長を許容するように設定 */
.mw-logo {
    display: flex !important;
    align-items: center !important;
    width: auto !important;
    max-width:100% !important;
    min-width: 200px; /* ロゴが消えないための最低幅 */
}

/* もし画像が <img> タグとして出力されている場合 */
.mw-logo img {
    width: auto !important;
}

.infobox-org-module{
  width: 320px;
  border: 2px solid #2e8b57;
  background-color: #fdfaf2;
  font-size: 90%; 
  float: right;
  margin: 0 0 1em 1em;
  border-spacing: 2px;
  overflow: hidden;
}

/*テンプレート:フレンズ・イベント詳細ページ用設定*/
.friends-detail-title{
  background-color: #2e8b57;
  color: white;
  text-align: center;
  padding: 3px;
}

.friends-detail-item{
  background-color: #eaf2ed;
  width: 35%; padding: 5px;
}

/*改行制御*/
.item-body {
  white-space:pre-line;
}

/*アコーディオン設定(表示・非表示)*/
.ac-cap{
  padding-bottom: 10px;
}
.ac-cap label{
  background-color: rgb(83, 221, 48);
  text-align: center;
  color: white;
  display: flex;
  text-align: center;
  overflow: hidden;
  justify-content: center;
  width: 100%;
  height: 30px;
  transition: 1s;
  transform: rotate(0deg);
}
.ac-cap label:hover{
  cursor: pointer;
}
.ac-cap input,
.sheen_hp input{
  display: none;
}
.ac-cap .content{
  max-height: 0;
  text-align: center;
  overflow-y: auto;
  transition: max-height 0.75s ease-in;
  line-height: 30px;
}
.ac-cap input:checked + .ac-title + .content{
  max-height: 23vh;
}