操作

MediaWiki

「Mobile.css」の版間の差分

(ページの作成:「→‎ここに記述したCSSは携帯機器版サイトの利用者に影響します: /* ここに記述したCSSは携帯機器版サイトの利用者に影響しま...」)
 
 
1行目: 1行目:
 
/* ここに記述したCSSは携帯機器版サイトの利用者に影響します */
 
/* ここに記述したCSSは携帯機器版サイトの利用者に影響します */
 
/* ここに記述した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;
 
}
 
}
 

2017年10月2日 (月) 01:24時点における最新版

/* ここに記述したCSSは携帯機器版サイトの利用者に影響します */