「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;
}
}