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

2026年3月22日 (日) 22:29時点における最新版

/* ここに記述した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;
}


/*テンプレート:フレンズ詳細ページ用設定*/
.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;
}