MediaWiki:Mobile.css

/* ここに記述した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;
	}
}