「MediaWiki:Mobile.css」の版間の差分
削除された内容 追加された内容
表が縦に長くなるのを防ぐ; ノートによる |
Avoid flash of unstyled content for tablets/desktop (https://phabricator.wikimedia.org/T153390) |
||
93行目: | 93行目: | ||
word-break: keep-all; |
word-break: keep-all; |
||
} |
} |
||
⚫ | |||
@media all and ( max-width: 720px) { |
|||
⚫ | |||
max-width: 30em; |
max-width: 30em; |
||
} |
|||
} |
} |
2017年4月27日 (木) 04:11時点における版
/* ここに記述したCSSは携帯機器版サイトの利用者に影響します */
/* [[en:MediaWiki:Mobile.css]] から複製。 */
/* Style for horizontal lists (separator following item).
@source mediawiki.org/wiki/Snippets/Horizontal_lists
@revision 3.2 (2013-09-25)
@author: [[User:Edokter]]
*/
.hlist dl,
.hlist ol,
.hlist ul {
margin: 0;
padding: 0;
}
/* Display list items inline and make them nowrap */
.hlist dd,
.hlist dt,
.hlist li {
margin: 0;
display: inline;
}
/* Allow wrapping for list items (in tight spaces) */
.hlist.hwrap dd,
.hlist.hwrap dt,
.hlist.hwrap li {
white-space: normal;
}
/* Display nested lists inline and allow them to wrap */
.hlist dl dl, .hlist dl ol, .hlist dl ul,
.hlist ol dl, .hlist ol ol, .hlist ol ul,
.hlist ul dl, .hlist ul ol, .hlist ul ul {
display: inline;
white-space: normal;
}
/* Generate interpuncts */
#content .hlist dt:after {
content: ":";
}
#content .hlist dd:after,
#content .hlist li:after {
content: " ·";
font-weight: bold;
}
#content .hlist dd:last-child:after,
#content .hlist dt:last-child:after,
#content .hlist li:last-child:after {
content: none;
}
/* Add parentheses around nested lists */
#content .hlist dd dd:first-child:before, #content .hlist dd dt:first-child:before, #content .hlist dd li:first-child:before,
#content .hlist dt dd:first-child:before, #content .hlist dt dt:first-child:before, #content .hlist dt li:first-child:before,
#content .hlist li dd:first-child:before, #content .hlist li dt:first-child:before, #content .hlist li li:first-child:before {
content: "(";
font-weight: normal;
}
#content .hlist dd dd:last-child:after, #content .hlist dd dt:last-child:after, #content .hlist dd li:last-child:after,
#content .hlist dt dd:last-child:after, #content .hlist dt dt:last-child:after, #content .hlist dt li:last-child:after,
#content .hlist li dd:last-child:after, #content .hlist li dt:last-child:after, #content .hlist li li:last-child:after {
content: ")";
font-weight: normal;
}
/* Put ordinals in front of ordered list items */
#content .hlist ol {
counter-reset: list-item;
}
#content .hlist ol > li {
counter-increment: list-item;
}
#content .hlist ol > li:before {
content: counter(list-item) " ";
}
#content .hlist dd ol > li:first-child:before,
#content .hlist dt ol > li:first-child:before,
#content .hlist li ol > li:first-child:before {
content: "(" counter(list-item) " ";
}
/* 日本語版の独自仕様。-pipe と -hyphen */
#content .hlist-pipe dd:after,
#content .hlist-pipe li:after {
content: " |";
font-weight: normal;
}
#content .hlist-hyphen dd:after,
#content .hlist-hyphen li:after {
content: " -";
font-weight: normal;
}
/* 表が縦に長くなるのを防ぐ */
.wikitable, .tracklist {
overflow-wrap: break-word;
word-wrap: break-word;
word-break: keep-all;
}
@media all and ( max-width: 720px) {
th, td {
max-width: 30em;
}
}