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

2024年10月8日 (火) 18:42時点における版

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


@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap');

/* 背景画像の設定 */
body {
  font-family: 'Noto Sans', sans-serif;
  font-size: 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.5;
}

/* 見出しのフォントサイズも調整 */
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; /* 24x24ピクセルのアイコン */
  width: 24px;
  height: 24px;
}

/* 未ログインユーザーには「ソースを閲覧」「履歴表示」ボタンを非表示 */
/*
body.ns-0.action-view #ca-viewsource {
  display: none;
}


body.ns-0.action-view #ca-history {
    display: none;
}
*/
/*で未ログインユーザーには「ソースを閲覧」ボタンを非表示 */
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; }

/* Infobox内の文字サイズを本文と同じに設定 */
.infobox {
    font-size: 1.5em; /* 本文と同じサイズ */
    line-height: 1.5; /* 行間も本文と合わせて調整 */
}

/* Infobox データ列の背景色を設定 */
.infobox td {
    background-color: #FAF0E6; /* データ列の背景色 */
    padding: 5px; /* 余白 */
    text-align: left; /* 左揃え */
}