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; |
| + | } |
| } | | } |