「MediaWiki:Mobile.css」の版間の差分
ナビゲーションに移動
検索に移動
(.char_table > .comp) |
|||
(同じ利用者による、間の18版が非表示) | |||
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; | ||
+ | } | ||
/*-------------------------------------------------- | /*-------------------------------------------------- | ||
キャラセレ風表 | キャラセレ風表 | ||
7行目: | 64行目: | ||
margin:5px auto 5px; | margin:5px auto 5px; | ||
} | } | ||
− | |||
.char_table > div { | .char_table > div { | ||
display:inline-block; | display:inline-block; | ||
16行目: | 72行目: | ||
text-align:center; | text-align:center; | ||
border:1px #333 solid; | border:1px #333 solid; | ||
+ | } | ||
+ | .char_table > .comp { | ||
+ | letter-spacing:-1.3px; | ||
} | } | ||
27行目: | 86行目: | ||
padding:32px 24px 0.1em; | padding:32px 24px 0.1em; | ||
} | } | ||
− | |||
.blockquote2 p:nth-of-type(1) { | .blockquote2 p:nth-of-type(1) { | ||
font-size:medium; | font-size:medium; | ||
} | } | ||
− | |||
.blockquote2 p:nth-last-of-type(1) { | .blockquote2 p:nth-last-of-type(1) { | ||
text-align:right; | text-align:right; | ||
font-size:smaller; | font-size:smaller; | ||
} | } | ||
− | |||
.blockquote2::before{ | .blockquote2::before{ | ||
position: absolute; | position: absolute; | ||
49行目: | 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;
}
}