「MediaWiki:Common.css」の版間の差分
編集の要約なし |
編集の要約なし タグ: 手動差し戻し |
||
| (同じ利用者による、間の205版が非表示) | |||
| 1行目: | 1行目: | ||
/* ここに書いたCSSはすべての外装に反映されます */ | /* ここに書いたCSSはすべての外装に反映されます */ | ||
@ | @import url("https://use.fontawesome.com/releases/v6.6.0/css/all.css"); | ||
html, | |||
body { | |||
color: #252525; | |||
font-family: "Helvetica", "Arial", "BIZ UDGothic", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "メイリオ", Meiryo, sans-serif; | |||
word-break: break-word; | |||
} | |||
body.page-メインページ h1.firstHeading { | |||
display: none; | |||
} | } | ||
a { | |||
color: #0067b8 !important; | |||
font-weight: bold; | font-weight: bold; | ||
} | } | ||
a:hover { | |||
color: #005da6 !important; | |||
} | } | ||
h1, | |||
h2, | |||
h3, | |||
h4, | |||
h5, | |||
h6 { | |||
color: #252525; | |||
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; | ||
} | } | ||
.vector-body h1, | |||
font-family: " | .vector-body h2, | ||
font-size: | .vector-body h3, | ||
.vector-body h4, | |||
.vector-body h5, | |||
.vector-body h6 { | |||
margin: 1em 0 0.5em 0 !important; | |||
} | |||
iframe { | |||
margin-top: 10px; | |||
} | |||
kbd { | |||
background: whitesmoke; | |||
border-radius: 5px; | |||
border: solid 2px silver; | |||
box-shadow: 0 1px 0px #c3c3c3; | |||
color: gray; | |||
font-family: "Menlo", "Consolas", "monaco", "monospace", "Helvetica", "Arial", "BIZ UDGothic", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "メイリオ", Meiryo, sans-serif; | |||
font-weight: bold; | |||
line-height: 1.4em; | |||
margin: 0 3px; | |||
padding: 0.10em 0.75em; | |||
vertical-align: text-top; | |||
} | |||
.mw-body { | |||
border-right-width: 1px; | |||
color: #252525; | |||
margin-right: 308px; | |||
} | |||
.mw-body-content { | |||
font-size: 107%; | |||
line-height: 1.93 !important; | |||
} | |||
.mw-body-content p { | |||
margin: 0.6em 0; | |||
} | } | ||
.mw-body .mw-editsection, | .mw-body .mw-editsection, | ||
| 64行目: | 87行目: | ||
.mw-body h2, | .mw-body h2, | ||
.mw-body #toc h2, | .mw-body #toc h2, | ||
.mw-body .toc h2 { | .mw-body .toc h2, | ||
font-family: " | .mw-headline { | ||
/* font-family: inherit; */ | |||
font-family: "Helvetica", "Arial", "BIZ UDGothic", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "メイリオ", Meiryo, sans-serif; | |||
font-size: 100% !important; | |||
margin-top: 10px; | |||
} | } | ||
.mw- | .mw-content-ltr ol, .mw-content-rtl .mw-content-ltr ol { | ||
font- | margin: 0.3em 0 0 1.6em; | ||
} | |||
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%; | |||
} | } | ||
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-geshi pre { | |||
background: #edf0f3; | |||
border: none; | |||
font-size: 14px; | |||
height: auto; | |||
letter-spacing: 0.1px; | |||
margin: 0 0 20px 0; | |||
overflow-x:auto; | |||
padding: 20px; | |||
} | } | ||
.thumbborder { | .thumbborder { | ||
border: none ! important; | border: none !important; | ||
outline: 3px solid #f1f4f9; | |||
} | |||
html #toc ul, | |||
.toc ul { | |||
color: #0067b8; | |||
font-weight: bold; | |||
list-style-image: none; | |||
list-style-position: inside; | |||
list-style-type: decimal; | |||
} | } | ||
. | .tocnumber { | ||
display: none; | display: none; | ||
} | } | ||
# | .simplecaptcha-field { | ||
display: | 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 { | |||
background: #006cc2 !important; | |||
color: #fff !important; | |||
display: inline-block; | |||
line-height: 20px; | |||
margin: 10px 0; | |||
padding: 1em !important; | |||
position: relative; | |||
text-align: center; | |||
text-decoration: none; | |||
white-space: nowrap; | |||
-webkit-transition: all 0.1s ease-in-out; | |||
-moz-transition: all 0.1s ease-in-out; | |||
-ms-transition: all 0.1s ease-in-out; | |||
-o-transition: all 0.1s ease-in-out; | |||
transition: all 0.1s ease-in-out; | |||
} | |||
span.button a.external:hover { | |||
background: #005da6 !important; | |||
margin-left: 4px; | |||
} | |||
span.smallbutton a.external { | |||
width: 160px; | |||
} | |||
span.mediumbutton a.external { | |||
width: 240px; | |||
} | |||
.smalltext { | |||
font-size: 80%; | |||
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 { | |||
display: inline-block; | |||
font-size: 14px; | |||
letter-spacing: 0.1px; | |||
margin: 0.5em 0; | |||
padding: 1em; | |||
background: #fbe1e8; | |||
} | |||
.widget { | |||
background: #fff; | |||
margin: 0.5em 0 1em; | |||
text-align: center; | |||
} | |||
.widget a { | |||
font-weight: normal; | |||
} | |||
.widget>div:first-child { | |||
font-size: 14px; | |||
font-weight: bold; | |||
letter-spacing: 0.1px; | |||
} | |||
.widget .sr { | |||
display: block; | |||
margin: 8px 0; | |||
padding: 0; | |||
position: relative; | |||
width: 100%; | |||
} | |||
.widget .sr img { | |||
position: relative; | |||
top: 50%; | |||
transform: translateY(-50%); | |||
} | |||
.widget .sr p { | |||
color: #fff; | |||
font-size: 12px; | |||
margin: 0; | |||
word-break: break-all; | |||
} | |||
.widget .sr:hover p { | |||
text-decoration: underline; | |||
} | |||
.widget .sr:hover img { | |||
filter: alpha(opacity=75); | |||
opacity: 0.75; | |||
-webkit-transition: all 0.1s ease-in-out; | |||
-moz-transition: all 0.1s ease-in-out; | |||
-ms-transition: all 0.1s ease-in-out; | |||
-o-transition: all 0.1s ease-in-out; | |||
transition: all 0.1s ease-in-out; | |||
} | |||
.widget .sr div:first-child { | |||
height: 160px; | |||
line-height: 0; | |||
width: 160px; | |||
} | } | ||
.widget .sr div:first-child + div { | |||
background: rgba(0, 0, 0, 0.75); | |||
bottom: 0; | |||
left: 0; | |||
padding: 2px; | |||
position: absolute; | |||
text-align: left; | |||
} | } | ||
.sidebar2 { | |||
position: absolute; | |||
right: 4px; | |||
top: 80px; | |||
width: 300px; | |||
} | } | ||
.sidebar3 { | |||
display: none; | display: none; | ||
position: absolute; | |||
right: 4px; | |||
top: 80px; | |||
width: 160px; | |||
} | } | ||
.adsense{ | |||
text-align: center; | |||
} | } | ||
# | #localNotice { | ||
color: crimson; | |||
font-size: 16px; | |||
font-weight: bold; | |||
} | } | ||
@media screen and (max-width: 1200px) { | |||
display: none; | .mw-body { | ||
border-right-width: 0; | |||
margin-right: 168px; | |||
} | |||
.sidebar2 { | |||
display: none; | |||
} | |||
.sidebar3 { | |||
display: block; | |||
} | |||
} | } | ||
@media screen and (max-width: 991px) { | |||
display: none; | .mw-body { | ||
border-right-width: 0; | |||
margin-right: 0; | |||
} | |||
.sidebar2 { | |||
display: none; | |||
} | |||
.sidebar3 { | |||
display: none; | |||
} | |||
} | } | ||
スポンサーリンク