5,322
回編集
編集の要約なし |
編集の要約なし |
||
1行目: | 1行目: | ||
{{#css: | {{#css: | ||
.content-box { | .content-box { | ||
border:10px solid #000; | border: 10px solid #000; | ||
-webkit-columns:100px auto; | -webkit-columns: 100px auto; | ||
-moz-column-columns:100px auto; | -moz-column-columns: 100px auto; | ||
columns:100px auto | columns: 100px auto | ||
} | } | ||
div#content h3 { | div#content h3 { | ||
margin:1.5em 0 .5em; | margin: 1.5em 0 .5em; | ||
border-bottom:3px solid; | border-bottom: 3px solid; | ||
clear:both | clear: both | ||
} | } | ||
.country-list { | .country-list { | ||
padding-left:2em; | padding-left: 2em; | ||
max-width:80em | max-width: 80em | ||
} | } | ||
.country-list ul { | |||
list-style: none; | |||
margin: 0 | |||
} | |||
.box { | .box { | ||
display:block | display: block | ||
} | } | ||
.box:after { | .box:after { | ||
display:block; | display: block; | ||
clear:both; | clear: both; | ||
height:0; | height: 0; | ||
visibility:hidden; | visibility: hidden; | ||
content:"." | content: "." | ||
} | } | ||
.box-3 { | .box-3 { | ||
width:28%; | width: 28%; | ||
float:left; | float: left; | ||
margin:1% | margin: 1% | ||
} | } | ||
.box-7 { | .box-7 { | ||
width:68%; | width: 68%; | ||
float:left; | float: left; | ||
margin:1% | margin: 1% | ||
} | } | ||
.main-image { | |||
overflow: hidden; | |||
float: left; | |||
zoom: 1; /* IE6 */ | |||
} | } | ||
.country-list { | @media (min-width:10em) { | ||
.country-list { | |||
-moz-column-width: 10em; | |||
-webkit-column-width: 10em; | |||
column-width: 10em | |||
} | |||
} | } | ||
@media screen and (max-width: 700px) { | |||
body{ | |||
} | |||
.box-3,.box-7 { | |||
width:100%; | |||
margin: 0; | |||
float: none | |||
} | |||
} | } | ||
}} | }} | ||
__NOTOC__ | __NOTOC__ | ||
<div class="box"> | <div class="box"> | ||
69行目: | 77行目: | ||
<div class="box-7"> | <div class="box-7"> | ||
<h3 style="border-color: #f53b9f; color:#f53b9f;">AKB48</h3> | <h3 style="border-color: #f53b9f; color:#f53b9f;">AKB48</h3> | ||
<div class="main-image"> | |||
[[ファイル:AKBロゴ.jpg|left|100px]] | |||
</div> | |||
<div class="main-section-content"> | <div class="main-section-content"> | ||
「秋葉原('''Ak'''iha'''b'''ara)」 | 「秋葉原('''Ak'''iha'''b'''ara)」 | ||
<div class="country-list"> | <div class="country-list"> | ||
83行目: | 92行目: | ||
</div> | </div> | ||
<h3 style="border-color: #f8b600; color: #f8b600">SKE48</h3> | <h3 style="border-color: #f8b600; color: #f8b600">SKE48</h3> | ||
<div class="main-image"> | |||
[[ファイル:SKEロゴ.jpg|left|100px]] | [[ファイル:SKEロゴ.jpg|left|100px]] | ||
</div> | |||
<div class="main-section-content"> | <div class="main-section-content"> | ||
「栄('''S'''a'''K'''a'''E''')」 | 「栄('''S'''a'''K'''a'''E''')」 | ||
93行目: | 104行目: | ||
<h3 style="border-color: #864711;color:#864711;">NMB48</h3> | <h3 style="border-color: #864711;color:#864711;">NMB48</h3> | ||
<div class="main-image"> | |||
[[ファイル:NMBロゴ.jpg|left|100px]] | [[ファイル:NMBロゴ.jpg|left|100px]] | ||
</div> | |||
<div class="main-section-content"> | <div class="main-section-content"> | ||
「難波('''N'''a'''MB'''a)」 | 「難波('''N'''a'''MB'''a)」 | ||
103行目: | 116行目: | ||
<h3 style="border-color: #000;">HKT48</h3> | <h3 style="border-color: #000;">HKT48</h3> | ||
<div class="main-image"> | |||
</div> | |||
[[ファイル:HKTロゴ.jpg|left|100px]] | [[ファイル:HKTロゴ.jpg|left|100px]] | ||
<div class="main-section-contentt"> | <div class="main-section-contentt"> |