「MediaWiki:Common.css」の版間の差分
提供: 敷嶋重工Wiki
ページの作成:「→ここに記述したCSSはすべてのスキンに反映されます: →Infoboxes: .infobox { border: 1px solid #a2a9b1; color: black; padding: 0.2em; font-size: 88%; line-height: 1.5em; border-spacing: 3px; } @media screen { .infobox { background-color: #f8f9fa; } } @media (max-width: 640px) { .infobox { width: 100%; } .infobox .nowrap { white-space: normal; } } @media (min-width: 640px) { .infobox { →@noflip: margin:…」 |
編集の要約なし |
||
| 1行目: | 1行目: | ||
/* Infoboxes */ | /* Infoboxes */ | ||
.portable-infobox, | |||
.infobox { | .infobox { | ||
border: 1px solid #a2a9b1; | border: 1px solid #a2a9b1; | ||
| 12行目: | 11行目: | ||
@media screen { | @media screen { | ||
.portable-infobox, | |||
.infobox { | .infobox { | ||
background-color: #f8f9fa; | background-color: #f8f9fa; | ||
| 18行目: | 18行目: | ||
@media (max-width: 640px) { | @media (max-width: 640px) { | ||
.portable-infobox, | |||
.infobox { | .infobox { | ||
width: 100%; | width: 100%; | ||
} | } | ||
.portable-infobox .nowrap, | |||
.infobox .nowrap { | .infobox .nowrap { | ||
white-space: normal; | white-space: normal; | ||
| 28行目: | 30行目: | ||
@media (min-width: 640px) { | @media (min-width: 640px) { | ||
.portable-infobox, | |||
.infobox { | .infobox { | ||
/* @noflip */ | /* @noflip */ | ||
| 39行目: | 42行目: | ||
} | } | ||
.infobox-header, | .infobox-header,.pi-header, | ||
.infobox-label, | .infobox-label,.pi-label, | ||
.infobox-above, | .infobox-data,.pi-data, | ||
.infobox-full-data, | .infobox-above,.pi-above, | ||
. | .infobox-full-data,.pi-full-data, | ||
.infobox-below, | .infobox-below,.pi-below, | ||
.infobox-subheader, | .infobox-subheader,.pi-subheader, | ||
.infobox-image, | .infobox-image,.pi-image, | ||
.infobox-navbar, | .infobox-navbar,.pi-navbar, | ||
/* Remove element selector when every .infobox thing is using the standard module/templates */ | /* Remove element selector when every .infobox thing is using the standard module/templates */ | ||
.infobox th, | .infobox th,.portable-infobox th, | ||
.infobox td { | .infobox td,.portable-infobox td { | ||
vertical-align: top; | vertical-align: top; | ||
} | } | ||
.infobox-label, | .infobox-label,.pi-label, | ||
.infobox-data, | .infobox-data,.pi-data, | ||
/* Remove element selector when every .infobox thing is using the standard module/templates */ | /* Remove element selector when every .infobox thing is using the standard module/templates */ | ||
.infobox th, | .infobox th,.pi-th, | ||
.infobox td { | .infobox td,.pi-td { | ||
/* @noflip */ | /* @noflip */ | ||
text-align: left; | text-align: left; | ||
| 64行目: | 67行目: | ||
/* Remove .infobox when element selectors above are removed */ | /* Remove .infobox when element selectors above are removed */ | ||
.infobox .infobox-above, | .infobox .infobox-above,.portable-infobox .pi-above, | ||
.infobox .infobox-title, | .infobox .infobox-title,.portable-infobox .pi-title, | ||
/* Remove element selector when every .infobox thing is using the standard module/templates */ | /* Remove element selector when every .infobox thing is using the standard module/templates */ | ||
.infobox caption { | .infobox caption,.portable-infobox caption { | ||
font-size: 125%; | font-size: 125%; | ||
font-weight: bold; | font-weight: bold; | ||
| 73行目: | 76行目: | ||
} | } | ||
.infobox-title, | .infobox-title,.pi-title, | ||
/* Remove element selector when every .infobox thing is using the standard module/templates */ | /* Remove element selector when every .infobox thing is using the standard module/templates */ | ||
.infobox caption { | .infobox caption,.portable-infobox caption { | ||
padding: 0.2em; | padding: 0.2em; | ||
} | } | ||
/* Remove .infobox when element selectors above are removed */ | /* Remove .infobox when element selectors above are removed */ | ||
.infobox .infobox-header, | .infobox .infobox-header,.portable-infobox .pi-header, | ||
.infobox .infobox-subheader, | .infobox .infobox-subheader,.portable-infobox .pi-subheader, | ||
.infobox .infobox-image, | .infobox .infobox-image,.portable-infobox .pi-image, | ||
.infobox .infobox-full-data, | .infobox .infobox-full-data,.portable-infobox .pi-full-data, | ||
.infobox .infobox-below { | .infobox .infobox-below,.portable-infobox .pi-below { | ||
text-align: center; | text-align: center; | ||
} | } | ||
/* Remove .infobox when element selectors above are removed */ | /* Remove .infobox when element selectors above are removed */ | ||
.infobox .infobox-navbar { | .infobox .infobox-navbar,.portable-infobox .pi-navbar { | ||
/* @noflip */ | /* @noflip */ | ||
text-align: right; | text-align: right; | ||
} | } | ||
2025年4月28日 (月) 04:31時点における最新版
/* Infoboxes */
.portable-infobox,
.infobox {
border: 1px solid #a2a9b1;
color: black;
padding: 0.2em;
font-size: 88%;
line-height: 1.5em;
border-spacing: 3px;
}
@media screen {
.portable-infobox,
.infobox {
background-color: #f8f9fa;
}
}
@media (max-width: 640px) {
.portable-infobox,
.infobox {
width: 100%;
}
.portable-infobox .nowrap,
.infobox .nowrap {
white-space: normal;
}
}
@media (min-width: 640px) {
.portable-infobox,
.infobox {
/* @noflip */
margin: 0.5em 0 0.5em 1em;
/* @noflip */
float: right;
/* @noflip */
clear: right;
width: 22em;
}
}
.infobox-header,.pi-header,
.infobox-label,.pi-label,
.infobox-data,.pi-data,
.infobox-above,.pi-above,
.infobox-full-data,.pi-full-data,
.infobox-below,.pi-below,
.infobox-subheader,.pi-subheader,
.infobox-image,.pi-image,
.infobox-navbar,.pi-navbar,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox th,.portable-infobox th,
.infobox td,.portable-infobox td {
vertical-align: top;
}
.infobox-label,.pi-label,
.infobox-data,.pi-data,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox th,.pi-th,
.infobox td,.pi-td {
/* @noflip */
text-align: left;
}
/* Remove .infobox when element selectors above are removed */
.infobox .infobox-above,.portable-infobox .pi-above,
.infobox .infobox-title,.portable-infobox .pi-title,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox caption,.portable-infobox caption {
font-size: 125%;
font-weight: bold;
text-align: center;
}
.infobox-title,.pi-title,
/* Remove element selector when every .infobox thing is using the standard module/templates */
.infobox caption,.portable-infobox caption {
padding: 0.2em;
}
/* Remove .infobox when element selectors above are removed */
.infobox .infobox-header,.portable-infobox .pi-header,
.infobox .infobox-subheader,.portable-infobox .pi-subheader,
.infobox .infobox-image,.portable-infobox .pi-image,
.infobox .infobox-full-data,.portable-infobox .pi-full-data,
.infobox .infobox-below,.portable-infobox .pi-below {
text-align: center;
}
/* Remove .infobox when element selectors above are removed */
.infobox .infobox-navbar,.portable-infobox .pi-navbar {
/* @noflip */
text-align: right;
}
