「MediaWiki:Common.css」の版間の差分
Hiratatomotaka (トーク | 投稿記録) 編集の要約なし |
Hiratatomotaka (トーク | 投稿記録) 編集の要約なし |
||
| 14行目: | 14行目: | ||
width: 100%; | width: 100%; | ||
height: auto; | height: auto; | ||
} | |||
/* ===== SNSシェアボタン ===== */ | |||
#wn-share { | |||
display: flex; | |||
flex-wrap: wrap; | |||
gap: 8px; | |||
margin: 12px 0 20px; | |||
} | |||
#wn-share a { | |||
display: inline-flex; | |||
align-items: center; | |||
justify-content: center; | |||
box-sizing: border-box; | |||
min-height: 44px; | |||
padding: 8px 14px; | |||
border-radius: 6px; | |||
background: #202122; | |||
color: #fff; | |||
font-size: 14px; | |||
font-weight: bold; | |||
line-height: 1.4; | |||
text-decoration: none; | |||
} | |||
#wn-share a[data-service="facebook"] { | |||
background: #0866ff; | |||
} | |||
#wn-share a[data-service="line"] { | |||
background: #087c3e; | |||
} | |||
#wn-share a:hover { | |||
filter: brightness(0.9); | |||
} | |||
#wn-share a:focus-visible { | |||
outline: 3px solid #36c; | |||
outline-offset: 3px; | |||
} | |||
@media print { | |||
#wn-share { | |||
display: none; | |||
} | |||
} | } | ||
2026年10月19日 (月) 14:19時点における版
/* ここに記述したCSSはすべての外装に反映されます */
.full-width {
display: block;
width: 100%;
}
.full-width > a {
display: block;
width: 100%;
}
.full-width img {
display: block;
width: 100%;
height: auto;
}
/* ===== SNSシェアボタン ===== */
#wn-share {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin: 12px 0 20px;
}
#wn-share a {
display: inline-flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
min-height: 44px;
padding: 8px 14px;
border-radius: 6px;
background: #202122;
color: #fff;
font-size: 14px;
font-weight: bold;
line-height: 1.4;
text-decoration: none;
}
#wn-share a[data-service="facebook"] {
background: #0866ff;
}
#wn-share a[data-service="line"] {
background: #087c3e;
}
#wn-share a:hover {
filter: brightness(0.9);
}
#wn-share a:focus-visible {
outline: 3px solid #36c;
outline-offset: 3px;
}
@media print {
#wn-share {
display: none;
}
}