「MediaWiki:Common.css」の版間の差分
編集の要約なし |
編集の要約なし タグ: 手動差し戻し |
||
| (同じ利用者による、間の60版が非表示) | |||
| 1行目: | 1行目: | ||
/* ここに書いたCSSはすべての外装に反映されます */ | /* ここに書いたCSSはすべての外装に反映されます */ | ||
@import url("https:// | @import url("https://use.fontawesome.com/releases/v6.6.0/css/all.css"); | ||
html, | html, | ||
body { | body { | ||
color: # | color: #252525; | ||
font-family: " | font-family: "Helvetica", "Arial", "BIZ UDGothic", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "メイリオ", Meiryo, sans-serif; | ||
word-break: break-word; | word-break: break-word; | ||
} | } | ||
| 35行目: | 23行目: | ||
h5, | h5, | ||
h6 { | h6 { | ||
color: # | color: #252525; | ||
font-family: inherit; | font-family: inherit; | ||
font-weight: bold; | font-weight: bold; | ||
margin: 24px 0 8px 0; | |||
} | } | ||
h1 { | h1 { | ||
font-size: 140% !important; | font-size: 140% !important; | ||
} | } | ||
h2 { | h2 { | ||
font-size: 120% !important; | font-size: 120% !important; | ||
} | } | ||
h3 { | h3 { | ||
font-size: 100% !important; | font-size: 100% !important; | ||
} | } | ||
h4 { | h4 { | ||
font-size: 100% !important; | font-size: 100% !important; | ||
} | } | ||
h5 { | h5 { | ||
font-size: 108% !important; | font-size: 108% !important; | ||
} | } | ||
h6 { | h6 { | ||
font-size: 100% !important; | font-size: 100% !important; | ||
margin: | } | ||
.vector-body h1, | |||
.vector-body h2, | |||
.vector-body h3, | |||
.vector-body h4, | |||
.vector-body h5, | |||
.vector-body h6 { | |||
margin: 1em 0 0.5em 0 !important; | |||
} | } | ||
iframe { | iframe { | ||
| 72行目: | 63行目: | ||
box-shadow: 0 1px 0px #c3c3c3; | box-shadow: 0 1px 0px #c3c3c3; | ||
color: gray; | color: gray; | ||
font-family: | font-family: "Menlo", "Consolas", "monaco", "monospace", "Helvetica", "Arial", "BIZ UDGothic", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "メイリオ", Meiryo, sans-serif; | ||
font-weight: bold; | font-weight: bold; | ||
line-height: 1.4em; | |||
margin: 0 3px; | margin: 0 3px; | ||
padding: 0.10em 0.75em; | padding: 0.10em 0.75em; | ||
| 80行目: | 72行目: | ||
.mw-body { | .mw-body { | ||
border-right-width: 1px; | border-right-width: 1px; | ||
color: # | color: #252525; | ||
margin-right: | margin-right: 308px; | ||
} | } | ||
.mw-body-content { | .mw-body-content { | ||
font-size: | font-size: 107%; | ||
line-height: 1. | line-height: 1.93 !important; | ||
} | |||
.mw-body-content p { | |||
margin: 0.6em 0; | |||
} | } | ||
.mw-body .mw-editsection, | .mw-body .mw-editsection, | ||
| 94行目: | 89行目: | ||
.mw-body .toc h2, | .mw-body .toc h2, | ||
.mw-headline { | .mw-headline { | ||
font-family: inherit; | /* font-family: inherit; */ | ||
font-family: "Helvetica", "Arial", "BIZ UDGothic", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "メイリオ", Meiryo, sans-serif; | |||
font-size: 100% !important; | font-size: 100% !important; | ||
margin-top: 10px; | margin-top: 10px; | ||
} | |||
.mw-content-ltr ol, .mw-content-rtl .mw-content-ltr ol { | |||
margin: 0.3em 0 0 1.6em; | |||
} | } | ||
div#mw-panel div.portal div.body ul li { | div#mw-panel div.portal div.body ul li { | ||
font-size: 80%; | |||
} | |||
.vector-menu h3 span { | |||
font-size: 0.8125em; | |||
} | |||
.vector-legacy-sidebar .vector-menu-portal .vector-menu-content li { | |||
font-size: 80%; | font-size: 80%; | ||
} | } | ||
pre, | pre, | ||
tt, | tt, | ||
samp, | samp, | ||
.mw-code, | .mw-code, | ||
.mw-geshi pre { | .mw-geshi pre { | ||
font-family: | font-family: "Menlo", "Consolas", "monaco", "monospace", "Helvetica", "Arial", "BIZ UDGothic", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "メイリオ", Meiryo, sans-serif !important; | ||
} | |||
code { | |||
font-family: "Menlo", "Consolas", "monaco", "monospace", "Helvetica", "Arial", "BIZ UDGothic", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "メイリオ", Meiryo, sans-serif; | |||
line-height: 1.4em; | |||
margin: 0 3px; | |||
padding: 0.1em 0.5em; | |||
vertical-align: text-top; | |||
} | } | ||
.mw-code, | .mw-code, | ||
| 115行目: | 126行目: | ||
font-size: 14px; | font-size: 14px; | ||
height: auto; | height: auto; | ||
letter-spacing: 0.1px; | |||
margin: 0 0 20px 0; | margin: 0 0 20px 0; | ||
overflow-x:auto; | overflow-x:auto; | ||
| 121行目: | 133行目: | ||
.thumbborder { | .thumbborder { | ||
border: none !important; | border: none !important; | ||
outline: 3px solid #f1f4f9; | |||
} | } | ||
html #toc ul, | html #toc ul, | ||
| 134行目: | 146行目: | ||
display: none; | display: none; | ||
} | } | ||
. | .simplecaptcha-field { | ||
margin-bottom: 1em; | |||
} | |||
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header { | |||
flex-grow: 0; | |||
} | } | ||
span.button a.external { | span.button a.external { | ||
| 153行目: | 160行目: | ||
padding: 1em !important; | padding: 1em !important; | ||
position: relative; | position: relative; | ||
text-align: center; | |||
text-decoration: none; | text-decoration: none; | ||
white-space: nowrap; | white-space: nowrap; | ||
| 164行目: | 172行目: | ||
background: #005da6 !important; | background: #005da6 !important; | ||
margin-left: 4px; | margin-left: 4px; | ||
} | |||
span.smallbutton a.external { | |||
width: 160px; | |||
} | |||
span.mediumbutton a.external { | |||
width: 240px; | |||
} | } | ||
.smalltext { | .smalltext { | ||
font-size: 80%; | font-size: 80%; | ||
letter-spacing: 0.1px; | letter-spacing: 0.1px; | ||
} | |||
.clearfix:before, | |||
.clearfix:after { | |||
content: "\0020"; | |||
display: block; | |||
height: 0; | |||
overflow: hidden; | |||
visibility: hidden; | |||
width: 0; | |||
} | |||
.clearfix:after { | |||
clear: both; | |||
} | |||
.clearfix { | |||
zoom: 1; | |||
} | } | ||
.attention { | .attention { | ||
display: inline-block; | display: inline-block; | ||
font-size: 14px; | font-size: 14px; | ||
letter-spacing: 0.1px; | |||
margin: 0.5em 0; | margin: 0.5em 0; | ||
padding: 1em; | padding: 1em; | ||
| 177行目: | 207行目: | ||
} | } | ||
.widget { | .widget { | ||
background: #fff; | |||
margin: 0.5em 0 1em; | margin: 0.5em 0 1em; | ||
text-align: center; | text-align: center; | ||
| 186行目: | 217行目: | ||
font-size: 14px; | font-size: 14px; | ||
font-weight: bold; | font-weight: bold; | ||
letter-spacing: 0.1px; | |||
} | } | ||
.widget .sr { | .widget .sr { | ||
display: block; | display: block; | ||
margin: 8px 0; | margin: 8px 0; | ||
padding: | padding: 0; | ||
position: relative; | position: relative; | ||
width: 100%; | width: 100%; | ||
} | |||
.widget .sr img { | |||
position: relative; | |||
top: 50%; | |||
transform: translateY(-50%); | |||
} | } | ||
.widget .sr p { | .widget .sr p { | ||
| 217行目: | 252行目: | ||
height: 160px; | height: 160px; | ||
line-height: 0; | line-height: 0; | ||
width: 160px; | width: 160px; | ||
} | } | ||
| 229行目: | 263行目: | ||
} | } | ||
.sidebar2 { | .sidebar2 { | ||
position: absolute; | |||
right: 4px; | |||
top: 80px; | |||
width: 300px; | |||
} | |||
.sidebar3 { | |||
display: none; | |||
position: absolute; | position: absolute; | ||
right: 4px; | right: 4px; | ||
top: 80px; | top: 80px; | ||
width: 160px; | width: 160px; | ||
} | |||
.adsense{ | |||
text-align: center; | |||
} | |||
#localNotice { | |||
color: crimson; | |||
font-size: 16px; | |||
font-weight: bold; | |||
} | |||
@media screen and (max-width: 1200px) { | |||
.mw-body { | |||
border-right-width: 0; | |||
margin-right: 168px; | |||
} | |||
.sidebar2 { | |||
display: none; | |||
} | |||
.sidebar3 { | |||
display: block; | |||
} | |||
} | } | ||
@media screen and (max-width: 991px) { | @media screen and (max-width: 991px) { | ||
| 240行目: | 301行目: | ||
} | } | ||
.sidebar2 { | .sidebar2 { | ||
display: none; | |||
} | |||
.sidebar3 { | |||
display: none; | display: none; | ||
} | } | ||
} | } | ||
スポンサーリンク