「MediaWiki:Mobile.css」の版間の差分
細編集の要約なし |
細編集の要約なし |
||
3行目: | 3行目: | ||
メインページ モバイル版 | メインページ モバイル版 | ||
--------------------------------------------------*/ | --------------------------------------------------*/ | ||
. | .m-main-head{ | ||
font-size:135%; | |||
font-weight:bold; | |||
color:#fff; | |||
} | } | ||
. | .m-main-body{ | ||
text-align:left; | |||
padding:0.5em 0 0 1em; | |||
background: #fff; | |||
} | } | ||
/*-------------------------------------------------- | /*-------------------------------------------------- | ||
キャラセレ風表 | キャラセレ風表 | ||
69行目: | 58行目: | ||
vertical-align:middle; | vertical-align:middle; | ||
background-repeat:no-repeat; | background-repeat:no-repeat; | ||
} | |||
/* [[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年6月24日 (土) 05:38時点における版
/* ここに記述したCSSは携帯機器版サイトの利用者に影響します */
/*--------------------------------------------------
メインページ モバイル版
--------------------------------------------------*/
.m-main-head{
font-size:135%;
font-weight:bold;
color:#fff;
}
.m-main-body{
text-align:left;
padding:0.5em 0 0 1em;
background: #fff;
}
/*--------------------------------------------------
キャラセレ風表
--------------------------------------------------*/
.char_table {
max-width:900px;
margin:5px auto 5px;
}
.char_table > div {
display:inline-block;
width:60px;
letter-spacing:-0.5px;
font-size:0.7em;
white-space: nowrap;
text-align:center;
border:1px #333 solid;
}
/*--------------------------------------------------
テンプレート:引用2
--------------------------------------------------*/
.blockquote2{
border:1px solid #ddd;
border-left:8px solid #ddd;
position:relative;
padding:32px 24px 0.1em;
}
.blockquote2 p:nth-of-type(1) {
font-size:medium;
}
.blockquote2 p:nth-last-of-type(1) {
text-align:right;
font-size:smaller;
}
.blockquote2::before{
position: absolute;
top: -10px;
left: 24px;
content:" ";
display:inline-block;
width:38px;
height:30px;
background:url( http://ssbwiki.e3.valueserver.jp/wiki/images/9/98/Quote-left.svg);
background-size:contain;
vertical-align:middle;
background-repeat:no-repeat;
}
/* [[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;
}
}