MediaWiki:Mobile.css
ナビゲーションに移動
検索に移動
注意: 保存後、変更を確認するにはブラウザーのキャッシュを消去する必要がある場合があります。
- Firefox / Safari: Shift を押しながら 再読み込み をクリックするか、Ctrl-F5 または Ctrl-R を押してください (Mac では ⌘-R)
- Google Chrome: Ctrl-Shift-R を押してください (Mac では ⌘-Shift-R)
- Internet Explorer: Ctrl を押しながら 最新の情報に更新 をクリックするか、Ctrl-F5 を押してください
- Opera: メニュー → 設定 (Mac では Opera → 環境設定) に移動し、プライバシーとセキュリティ → 閲覧データを消去 → キャッシュされた画像およびファイル からキャッシュをクリアしてください。
/* ここに記述した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;
}
/*--------------------------------------------------
テンプレート:引用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;
}
}