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

2024年10月9日 (水) 16:09時点における最新版

/* ここに記述したCSSはすべての外装に反映されます */
/* ベースとなるフォントスタイルと文字サイズの設定 */
:root {
    --ff-body: 'Segoe UI', Arial, sans-serif; /* フォントファミリー */
    --fs-body: 18px; /* 基本の文字サイズ */
    --fw-body: normal; /* フォントの太さ */
    --lh-body: 1.7; /* 行の高さ */
}

/* body全体のスタイリング */
body {
    font-family: var(--ff-body);
    font-size: var(--fs-body);
    line-height: var(--lh-body);
    background-color: #fafafa; /* 背景色を明るく */
    color: #333; /* 文字色を少し暗く */
}

/* 見出しのスタイリング */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Georgia', serif; /* 見出しにはセリフフォントを使用 */
}

/* リンクのスタイリング */
a {
    color: #0645ad; /* 青色のリンク */
    text-decoration: none; /* 下線を非表示に */
}

a:hover {
    text-decoration: underline; /* ホバー時に下線を表示 */
}

/* コンテンツエリアのスタイリング */
.mw-body {
    background-color: #fff; /* コンテンツの背景色を白に */
    padding: 20px; /* パディングを設定 */
    border-radius: 8px; /* 角を丸める */
    box-shadow: 0 2px 5px rgba(0,0,0,0.1); /* シャドウを追加 */
}

/* 本文全体の文字サイズを大きく設定 */
.mw-body-content {
    font-size: 18px; /* 文字サイズを20pxに設定 */
    line-height: 1.7; /* 行間も調整して読みやすく */
}

/* ページのタイトルの文字サイズも調整が必要な場合 */
#firstHeading {
    font-size: 24px; /* タイトルの文字サイズを24pxに設定 */
}

/* 見出しのフォントサイズも適宜調整 */
h1 {
    font-size: 2.2em; /* h1は基本文字サイズの2.2倍 */
}
h2 {
    font-size: 2em; /* h2は基本文字サイズの2倍 */
}
h3 {
    font-size: 1.75em; /* h3は基本文字サイズの1.75倍 */
}
h4 {
    font-size: 1.5em; /* h4は基本文字サイズの1.5倍 */
}
h5 {
    font-size: 1.25em; /* h5は基本文字サイズの1.25倍 */
}
h6 {
    font-size: 1em; /* h6は基本文字サイズと同等 */
}


/* スマートフォン表示時の見出しのフォントサイズを調整 */
@media (max-width: 600px) {
    h1, h2, h3, h4, h5, h6 {
        font-size: 1.25em; /* または適切なフォントサイズに設定 */
    }
}

.mw-logo-container{
　/*visibility: hidden;*/
  display:none;
}

.infobox {
    background-color: #f9f9f9;
    border: 1px solid #aaa;
    padding: 0.5em;
　　　 margin: 1em;
    font-size: 1em;
    width: 20em;
    text-align: left;
}

.infobox th, .infobox td {
    padding: 3px;
    text-align: left;
}

.infobox th {
    width: 7em;
    background-color: #f2f2f2;
}


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


body.ns-0.action-view #ca-history {
    display: none;
}