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

編集の要約なし
編集の要約なし
 
(同じ利用者による、間の15版が非表示)
1行目: 1行目:
/* ここに記述したCSSはすべての外装に反映されます */
/* ここに記述したCSSはすべての外装に反映されます */


@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap');
@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 {
body {
   font-family: 'Noto Sans', sans-serif;
   font-family: 'Noto Sans', sans-serif;
   font-size: 1.125em;
   font-size: 1.1em;
   line-height: 1.5;
   /* line-height: 1.5; */
   background-image: url('/images/bg_beer-253791_1920.jpg');
   background-image: url('/images/bg_beer-253791_1920.jpg');
   background-size: cover;
   background-size: cover;
15行目: 15行目:
/* 本文の文字サイズを大きくする */
/* 本文の文字サイズを大きくする */
p {
p {
    font-size: 1.125em; /* 必要に応じてサイズを調整 */
  /* font-size: 1.125em; */
   line-height: 1.5;
   /* line-height: 1.8; */
}
}


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


/* リストの文字サイズを本文と同じに設定 */
/* リストの文字サイズを本文と同じに設定 */
ul, ol, li {
ul, ol, li {
    font-size: 1.125em; /* 本文と同じサイズに */
  /* font-size: 1.125em; */
    line-height: 1.5; /* 必要に応じて行間も調整 */
  /* line-height: 1.5; */
}
}


34行目: 33行目:
.mw-ui-icon {
.mw-ui-icon {
   background-image: url('/images/48x48_beer-311090_1280.png');
   background-image: url('/images/48x48_beer-311090_1280.png');
   background-size: 24px 24px; /* 24x24ピクセルのアイコン */
   background-size: 24px 24px;
   width: 24px;
   width: 24px;
   height: 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,
body.logged-out.action-view #ca-viewsource,
.ns-0.action-view #ca-viewsource,
.ns-0.action-view #ca-viewsource,
65行目: 53行目:
   display: none;
   display: none;
}
}


/* 未ログインユーザーと特定の名前空間に対する「履歴表示」ボタンを非表示 */
/* 未ログインユーザーと特定の名前空間に対する「履歴表示」ボタンを非表示 */
83行目: 70行目:
}
}


#footer-poweredbyico { display: none; }
#footer-poweredbyico {
  display: none;
}


/* Infobox内の文字サイズを本文と同じに設定 */
.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 {
.infobox {
    font-size: 1em; /* 本文と同じサイズ */
  border-collapse: collapse;
    line-height: 1.5; /* 行間も本文と合わせて調整 */
  width: 30em;
  font-size: 90%;
}
}


/* Infobox データ列の背景色を設定 */
/* Infobox の見出しセル・データセル */
.infobox th,
.infobox td {
.infobox td {
    background-color: #FAF0E6; /* データ列の背景色 */
  background-color: #FAF0E6;
    padding: 5px; /* 余白 */
  padding: 0.5em;
    text-align: left; /* 左揃え */
  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;
}
}