「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; | |||
} | } |
2025年4月6日 (日) 00:21時点における最新版
/* ここに記述した全てのCSSはモバイル版サイトの利用者に影響します */
/* The message body cell(s), such as for {{Commonscat}}.
* this is a very small subset of the styles from Common.css
* just to make sure the box isn't squashed without any spacing
* which looks out of place with visuals of other nearby elements
*/
.mbox-text {
/* @noflip */
padding: 0.25em 0.9em;
}
/* Style for horizontal lists (separator following item).
@source mediawiki.org/wiki/Snippets/Horizontal_lists
@revision 9 (2016-08-10)
@author [[User:Edokter]]
*/
.mw-parser-output .hlist dl,
.mw-parser-output .hlist ol,
.mw-parser-output .hlist ul {
margin: 0;
padding: 0;
}
/* Display list items inline */
.mw-parser-output .hlist li {
margin: 0;
display: inline;
}
/* reset hlist margins of Minerva
do not add li here (see T235416) */
.mw-parser-output .hlist dd,
.mw-parser-output .hlist dt {
margin-right: 0 !important;
display: inline;
}
/* Display nested lists inline */
.mw-parser-output .hlist.inline,
.mw-parser-output .hlist.inline dl,
.mw-parser-output .hlist.inline ol,
.mw-parser-output .hlist.inline ul,
.mw-parser-output .hlist dl dl, .mw-parser-output .hlist dl ol, .mw-parser-output .hlist dl ul,
.mw-parser-output .hlist ol dl, .mw-parser-output .hlist ol ol, .mw-parser-output .hlist ol ul,
.mw-parser-output .hlist ul dl, .mw-parser-output .hlist ul ol, .mw-parser-output .hlist ul ul {
display: inline;
}
/* Hide empty list items */
.hlist .mw-empty-li,
.hlist .mw-empty-elt {
display: none;
}
/* Generate interpuncts */
.mw-parser-output .hlist dt:after {
content: ":";
}
.mw-parser-output .hlist dd:after,
.mw-parser-output .hlist li:after {
content: " ·" !important;
font-weight: bold;
padding-left: 0px;
}
.mw-parser-output .hlist dd:last-child:after,
.mw-parser-output .hlist dt:last-child:after,
.mw-parser-output .hlist li:last-child:after {
content: none !important;
}
/* Add parentheses around nested lists */
.mw-parser-output .hlist dd dd:first-child:before, .mw-parser-output .hlist dd dt:first-child:before, .mw-parser-output .hlist dd li:first-child:before,
.mw-parser-output .hlist dt dd:first-child:before, .mw-parser-output .hlist dt dt:first-child:before, .mw-parser-output .hlist dt li:first-child:before,
.mw-parser-output .hlist li dd:first-child:before, .mw-parser-output .hlist li dt:first-child:before, .mw-parser-output .hlist li li:first-child:before {
content: "(" !important;
font-weight: normal;
}
.mw-parser-output .hlist dd dd:last-child:after, .mw-parser-output .hlist dd dt:last-child:after, .mw-parser-output .hlist dd li:last-child:after,
.mw-parser-output .hlist dt dd:last-child:after, .mw-parser-output .hlist dt dt:last-child:after, .mw-parser-output .hlist dt li:last-child:after,
.mw-parser-output .hlist li dd:last-child:after, .mw-parser-output .hlist li dt:last-child:after, .mw-parser-output .hlist li li:last-child:after {
content: ")" !important;
font-weight: normal;
}
/* Put ordinals in front of ordered list items */
.mw-parser-output .hlist ol {
counter-reset: listitem;
}
.mw-parser-output .hlist ol > li {
counter-increment: listitem;
}
.mw-parser-output .hlist ol > li:before {
content: " " counter(listitem) ".\a0";
}
.mw-parser-output .hlist dd ol > li:first-child:before,
.mw-parser-output .hlist dt ol > li:first-child:before,
.mw-parser-output .hlist li ol > li:first-child:before {
content: " (" counter(listitem) "\a0";
}
/* 日本語版の独自仕様。-pipe、-hyphen、-comma、-slash */
.mw-parser-output .hlist-pipe dd:after,
.mw-parser-output .hlist-pipe li:after {
content: " |" !important;
font-weight: normal;
}
.mw-parser-output .hlist-hyphen dd:after,
.mw-parser-output .hlist-hyphen li:after {
content: " -" !important;
font-weight: normal;
}
.mw-parser-output .hlist-comma dd:after,
.mw-parser-output .hlist-comma li:after {
content: "、" !important;
font-weight: normal;
}
.mw-parser-output .hlist-slash dd:after,
.mw-parser-output .hlist-slash li:after {
content: " /" !important;
font-weight: normal;
}
/* Unbulleted lists */
.plainlist ol,
.plainlist ul {
list-style: none none;
padding-left: 0; /* Reset Minerva defaults */
}
.plainlist ol li,
.plainlist ul li {
margin-bottom: 0;
}
/* 表が縦に長くなるのを防ぐ */
.wikitable, .tracklist {
overflow-wrap: break-word;
word-wrap: break-word;
word-break: keep-all;
}
/* [[MediaWiki‐ノート:Common.css#Template:Math関連の更新提案]]
Generic class texhtml class for inline math */
span.texhtml {
font-family: serif;
white-space: nowrap;
}
/* Hide broken download box on [[Special:Book]] pending [[phab:T285400]] */
.mw-special-Book #coll-downloadbox {
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;
}