「MediaWiki:Mobile.css」の版間の差分
モバイル版のCSSを設定 |
Infoboxの設定を追加 |
||
(2人の利用者による、間の7版が非表示) | |||
10行目: | 10行目: | ||
padding: 0.25em 0.9em; | padding: 0.25em 0.9em; | ||
} | } | ||
/* Style for horizontal lists (separator following item). | /* Style for horizontal lists (separator following item). | ||
141行目: | 142行目: | ||
.mw-special-Book #coll-downloadbox { | .mw-special-Book #coll-downloadbox { | ||
display: none; | display: none; | ||
} | |||
.ambox-learn-more, .minerva-icon--issue-generic-defaultColor { | |||
display: none; | |||
} | |||
/*デスクトップの場合のみ表示(モバイルビューでは非表示)*/ | |||
.desktop-only { | |||
display: none !important; | |||
} | |||
/*画像の最大サイズを指定(Boxmenu用)*/ | |||
.img-width-100 img{ | |||
max-width: 100%; | |||
height: auto; | |||
} | |||
/*画像の縦横比を指定*/ | |||
.aspect-ratio-3-2 img{ | |||
aspect-ratio: 3 / 2; | |||
} | |||
.aspect-ratio-4-3 img{ | |||
aspect-ratio: 4 / 3; | |||
} | |||
.aspect-ratio-16-9 img{ | |||
aspect-ratio: 16 / 9; | |||
} | |||
.aspect-ratio-1-1 img{ | |||
aspect-ratio: 1 / 1; | |||
} | |||
/* Infobox等(デスクトップ版から複製) */ | |||
/* Merge template style */ | |||
.messagebox { | |||
border: 1px solid #a2a9b1; | |||
background-color: #f8f9fa; | |||
width: 80%; | |||
margin: 0 auto 1em auto; | |||
padding: 0.2em; | |||
text-align: justify; | |||
} | |||
.infobox { | |||
border: 1px solid #a2a9b1; | |||
background-color: #f8f9fa; | |||
color: black; | |||
margin: 0.5em 0 0.5em 1em; | |||
padding: 0.2em; | |||
float: right; | |||
clear: right; | |||
text-align: left; | |||
font-size: 88%; | |||
line-height: 1.5em; | |||
} | |||
.infobox caption { | |||
margin-top: 0.5em; | |||
font-size: 125%; | |||
font-weight: bold; | |||
} | |||
.infobox td, | |||
.infobox th { | |||
vertical-align: top; | |||
} | |||
.infobox.bordered { | |||
border-collapse: collapse; | |||
} | |||
.infobox.bordered td, | |||
.infobox.bordered th { | |||
border: 1px solid #a2a9b1; | |||
} | |||
.infobox.bordered .borderless td, | |||
.infobox.bordered .borderless th { | |||
border: 0; | |||
} | |||
/* styles for bordered infobox with merged rows */ | |||
.infobox.bordered .mergedtoprow td, | |||
.infobox.bordered .mergedtoprow th { | |||
border: 0; | |||
border-top: 1px solid #a2a9b1; | |||
/* @noflip */ | |||
border-right: 1px solid #a2a9b1; | |||
} | |||
.infobox.bordered .mergedrow td, | |||
.infobox.bordered .mergedrow th { | |||
border: 0; | |||
/* @noflip */ | |||
border-right: 1px solid #a2a9b1; | |||
} | |||
/* Styles for geography infoboxes, eg countries, | |||
country subdivisions, cities, etc. */ | |||
.infobox.geography { | |||
border-collapse: collapse; | |||
line-height: 1.6em; | |||
font-size: 88%; | |||
} | |||
.infobox.geography td, | |||
.infobox.geography th { | |||
border-top: 1px solid #a2a9b1; | |||
padding: 0.4em 0.6em 0.4em 0.6em; | |||
} | |||
.infobox.geography .mergedtoprow td, | |||
.infobox.geography .mergedtoprow th { | |||
border-top: 1px solid #a2a9b1; | |||
padding: 0.4em 0.6em 0.2em 0.6em; | |||
} | |||
.infobox.geography .mergedrow td, | |||
.infobox.geography .mergedrow th { | |||
border: 0; | |||
padding: 0 0.6em 0.2em 0.6em; | |||
} | |||
.infobox.geography .mergedbottomrow td, | |||
.infobox.geography .mergedbottomrow th { | |||
border-top: 0; | |||
border-bottom: 1px solid #a2a9b1; | |||
padding: 0 0.6em 0.4em 0.6em; | |||
} | |||
.infobox.geography .maptable td, | |||
.infobox.geography .maptable th { | |||
border: 0; | |||
padding: 0; | |||
} | |||
/* NavFrame関係。[[MediaWiki:Monobook.css]]も参照 */ | |||
div.NavFrame { | |||
margin: 0px; | |||
padding: 2px; | |||
border: 1px solid #a2a9b1; | |||
text-align: center; | |||
border-collapse: collapse; | |||
font-size: 95%; | |||
} | |||
div.NavFrame div.NavHead { | |||
height: 1.6em; | |||
font-weight: bold; | |||
font-size: 100%; | |||
background-color: var(--background-color-neutral-subtle, #efefef); | |||
position: relative; | |||
text-align: center; | |||
} | |||
div.NavFrame p { | |||
font-size: 100%; | |||
} | |||
div.NavFrame div.NavContent { | |||
font-size: 100%; | |||
} | |||
div.NavFrame div.NavContent p { | |||
font-size: 100%; | |||
} | |||
a.NavToggle { | |||
position: absolute; | |||
top: 0px; | |||
right: 3px; | |||
font-weight: normal; | |||
} | } |