「MediaWiki:Mobile.css」の版間の差分
細編集の要約なし |
(.char_table > .comp) |
||
(同じ利用者による、間の15版が非表示) | |||
1行目: | 1行目: | ||
/* ここに記述したCSSは携帯機器版サイトの利用者に影響します */ | /* ここに記述したCSSは携帯機器版サイトの利用者に影響します */ | ||
/*モバイル用サイト名 | |||
.branding-box h1 span{ | |||
font-size:0 !important; | |||
} | |||
.branding-box h1 span:before{ | |||
font-size: 16px; content: "スマブラWiki"; | |||
} | |||
*/ | |||
/*-------------------------------------------------- | /*-------------------------------------------------- | ||
メインページ モバイル版 | メインページ モバイル版 | ||
--------------------------------------------------*/ | --------------------------------------------------*/ | ||
. | .bspanel-heading{ | ||
font-size:135%; | |||
font-weight:bold; | |||
color:#fff; | |||
text-align:center; | |||
} | |||
.bspanel-body{ | |||
padding:15px; | |||
} | |||
/*-------------------------------------------------- | |||
本文スタイル | |||
--------------------------------------------------*/ | |||
dl{ | |||
margin-left: 0; | |||
margin-top: 0.2em; | |||
margin-bottom: 0.5em; | |||
} | |||
dl dt{ | |||
margin-bottom: 0.1em; | |||
} | |||
dl dd { | |||
margin-left: 1em; | |||
} | |||
/*-------------------------------------------------- | |||
表示しない | |||
--------------------------------------------------*/ | |||
.nomobile{ | |||
display:none; | |||
} | } | ||
/*-------------------------------------------------- | |||
中央寄せ | |||
--------------------------------------------------*/ | |||
.mobile-center{ | |||
text-align:center; | |||
margin: 0 auto !important; | |||
} | } | ||
. | /*-------------------------------------------------- | ||
テーブルの奇数行に着色 表にclass="odd" | |||
--------------------------------------------------*/ | |||
.odd tr:nth-child(2n-1) { | |||
background: #dfdfdf none repeat scroll 0 0; | |||
text-shadow: 0 1px 0 #fff; | |||
} | } | ||
. | .odd tr:nth-child(2n) { | ||
background: #fff; | |||
} | } | ||
/*-------------------------------------------------- | /*-------------------------------------------------- | ||
キャラセレ風表 | キャラセレ風表 | ||
39行目: | 72行目: | ||
text-align:center; | text-align:center; | ||
border:1px #333 solid; | border:1px #333 solid; | ||
} | |||
.char_table > .comp { | |||
letter-spacing:-1.3px; | |||
} | } | ||
69行目: | 105行目: | ||
vertical-align:middle; | vertical-align:middle; | ||
background-repeat:no-repeat; | background-repeat:no-repeat; | ||
} | |||
.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; | |||
} | |||
} | } |
2019年12月29日 (日) 05:36時点における最新版
/* ここに記述したCSSは携帯機器版サイトの利用者に影響します */
/*モバイル用サイト名
.branding-box h1 span{
font-size:0 !important;
}
.branding-box h1 span:before{
font-size: 16px; content: "スマブラWiki";
}
*/
/*--------------------------------------------------
メインページ モバイル版
--------------------------------------------------*/
.bspanel-heading{
font-size:135%;
font-weight:bold;
color:#fff;
text-align:center;
}
.bspanel-body{
padding:15px;
}
/*--------------------------------------------------
本文スタイル
--------------------------------------------------*/
dl{
margin-left: 0;
margin-top: 0.2em;
margin-bottom: 0.5em;
}
dl dt{
margin-bottom: 0.1em;
}
dl dd {
margin-left: 1em;
}
/*--------------------------------------------------
表示しない
--------------------------------------------------*/
.nomobile{
display:none;
}
/*--------------------------------------------------
中央寄せ
--------------------------------------------------*/
.mobile-center{
text-align:center;
margin: 0 auto !important;
}
/*--------------------------------------------------
テーブルの奇数行に着色 表にclass="odd"
--------------------------------------------------*/
.odd tr:nth-child(2n-1) {
background: #dfdfdf none repeat scroll 0 0;
text-shadow: 0 1px 0 #fff;
}
.odd tr:nth-child(2n) {
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;
}
.char_table > .comp {
letter-spacing:-1.3px;
}
/*--------------------------------------------------
テンプレート:引用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;
}
.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;
}
}