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

2026年3月12日 (木) 17:36時点における最新版

/* ここに記述したCSSはすべての外装に反映されます */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css');

/* 背景画像の設定 */
body {
  font-family: 'Noto Sans', sans-serif;
  font-size: 1.1em;
  /* line-height: 1.5; */
  background-image: url('/images/bg_beer-253791_1920.jpg');
  background-size: cover;
}

/* 本文の文字サイズを大きくする */
p {
  /* font-size: 1.125em; */
  /* line-height: 1.8; */
}

/* 見出しのフォントサイズも調整 */
h1, h2, h3, h4, h5, h6 {
  /* font-size: 110%; */
}

/* リストの文字サイズを本文と同じに設定 */
ul, ol, li {
  /* font-size: 1.125em; */
  /* line-height: 1.5; */
}

/* ナビゲーションバーのカスタマイズ */
.mw-ui-icon {
  background-image: url('/images/48x48_beer-311090_1280.png');
  background-size: 24px 24px;
  width: 24px;
  height: 24px;
}

/* 未ログインユーザーには「ソースを閲覧」ボタンを非表示 */
body.logged-out.action-view #ca-viewsource,
.ns-0.action-view #ca-viewsource,
.ns-4.action-view #ca-viewsource,
.ns-14.action-view #ca-viewsource,
.ns-200.action-view #ca-viewsource,
.ns-201.action-view #ca-viewsource,
.ns-202.action-view #ca-viewsource,
.ns-203.action-view #ca-viewsource,
.ns-204.action-view #ca-viewsource,
.ns-205.action-view #ca-viewsource,
.ns-206.action-view #ca-viewsource,
.ns-207.action-view #ca-viewsource {
  display: none;
}

/* 未ログインユーザーと特定の名前空間に対する「履歴表示」ボタンを非表示 */
body.logged-out #ca-history,
.ns-0.action-view #ca-history,
.ns-4.action-view #ca-history,
.ns-14.action-view #ca-history,
.ns-200.action-view #ca-history,
.ns-201.action-view #ca-history,
.ns-202.action-view #ca-history,
.ns-203.action-view #ca-history,
.ns-204.action-view #ca-history,
.ns-205.action-view #ca-history,
.ns-206.action-view #ca-history,
.ns-207.action-view #ca-history {
  display: none;
}

#footer-poweredbyico {
  display: none;
}

.drinking-notice{
    margin-top:20px;
    padding:12px;
    font-size:0.85em;
    color:#666;
    text-align:center;
    border-top:1px solid #ddd;
}


.mw-footer-drinking-notice {
    display: block;
    margin-top: 10px;
    padding-top: 8px;
    font-size: 0.9em;
    line-height: 1.6;
    font-weight: bold;
    color: #b22222;   /* 落ち着いた警告色 */
}

#footer-info li {
    max-width: 100%;
}

/* Infobox 全体 */
.infobox {
  border-collapse: collapse;
  width: 30em;
  font-size: 90%;
}

/* Infobox の見出しセル・データセル */
.infobox th,
.infobox td {
  background-color: #FAF0E6;
  padding: 0.5em;
  text-align: left;
  vertical-align: top;
  line-height: 1.4;
}

/* 先頭のタイトル行はテンプレート側の色を優先 */
.infobox > tbody > tr:first-child > th {
  background-color: #2e8b57;
  color: #fff;
  text-align: center;
  font-size: 130%;
}

/* Infobox 内の段落やリストの余白を抑える */
.infobox p {
  margin: 0;
}

.infobox ul,
.infobox ol {
  margin: 0;
  padding-left: 1.2em;
}

.infobox li {
  margin: 0;
}

/* 画像セルの中央寄せ */
.infobox td[colspan="2"] {
  text-align: center;
}