ポケモンWikiでは記事の投稿、加筆、検証、修正等に参加、協力してくださる方を必要としています。方法や詳細はポケモンWikiに投稿するにはをご覧ください。
テンプレート:バディストーンボード/styles.css
提供：ポケモンWiki
ナビゲーションに移動検索に移動
.bsb {
font-size: 12px;
line-height: 1;
width: min-content;
display: grid;
grid-template-columns: repeat(2, 3.75em) 5em;
grid-template-rows: repeat(6, 2.165em);
grid-template-areas:
" . p06 . "
"p05 p06 p01"
"p05 s p01"
"p04 s p02"
"p04 p03 p02"
" . p03 . "
;
}
.アタッカー {
width: min-content;
grid-template-columns: repeat(6, 3.75em) 5em;
grid-template-rows: repeat(22, 2.165em);
grid-template-areas:
" . . . . . p17 . "
" . . . . p16 p17 p15"
" . . . p56 p16 p14 p15"
" . . p57 p56 p13 p14 p12"
" . p46 p57 p47 p13 p11 p12"
"p45 p46 p44 p47 p10 p11 p09"
"p45 p43 p44 p55 p10 p08 p09"
"p42 p43 p41 p55 p07 p08 p53"
"p42 p40 p41 p06 p07 p52 p53"
"p39 p40 p05 p06 p01 p52 p54"
"p39 p38 p05 s p01 p29 p54"
"p50 p38 p04 s p02 p29 p30"
"p50 p49 p04 p03 p02 p31 p30"
"p51 p49 p18 p03 p32 p31 p33"
"p51 p19 p18 p58 p32 p34 p33"
"p20 p19 p21 p58 p35 p34 p36"
"p20 p22 p21 p48 p35 p37 p36"
"p23 p22 p24 p48 p60 p37 . "
"p23 p25 p24 p59 p60 . . "
"p26 p25 p27 p59 . . . "
"p26 p28 p27 . . . . "
" . p28 . . . . . "
;
}
.サポート {
width: min-content;
grid-template-columns: repeat(6, 3.75em) 5em;
grid-template-rows: repeat(22, 2.165em);
grid-template-areas:
" . . . . . p17 . "
" . . . . p15 p17 p16"
" . p57 . p56 p15 p14 p16"
"p46 p57 p45 p56 p12 p14 p13"
"p46 p44 p45 p47 p12 p11 p13"
"p43 p44 p42 p47 p09 p11 p10"
"p43 p41 p42 p55 p09 p08 p10"
"p40 p41 p39 p55 p07 p08 . "
"p40 p38 p39 p06 p07 p50 . "
"p53 p38 p05 p06 p01 p50 . "
"p53 p52 p05 s p01 p49 . "
"p54 p52 p04 s p02 p49 . "
"p54 p18 p04 p03 p02 p51 . "
"p19 p18 p20 p03 p27 p51 . "
"p19 p21 p20 p58 p27 p28 . "
"p22 p21 p23 p58 p29 p28 p30"
"p22 p24 p23 p48 p29 p31 p30"
"p25 p24 p26 p48 p32 p31 p33"
"p25 p60 p26 p59 p32 p34 p33"
" . p60 . p59 p35 p34 p36"
" . . . . p35 p37 p36"
" . . . . . p37 . "
;
}
.スピード {
width: min-content;
grid-template-columns: repeat(6, 3.75em) 5em;
grid-template-rows: repeat(22, 2.165em);
grid-template-areas:
" . p17 . . . . . "
"p15 p17 p16 . . . . "
"p15 p14 p16 p56 . . . "
"p12 p14 p13 p56 p57 . . "
"p12 p11 p13 p47 p57 p46 . "
"p09 p11 p10 p47 p44 p46 p45"
"p09 p08 p10 p55 p44 p43 p45"
"p53 p08 p07 p55 p41 p43 p42"
"p53 p52 p07 p06 p41 p40 p42"
"p54 p52 p01 p06 p05 p40 p39"
"p54 p29 p01 s p05 p38 p39"
"p30 p29 p02 s p04 p38 p50"
"p30 p31 p02 p03 p04 p49 p50"
"p33 p31 p32 p03 p18 p49 p51"
"p33 p34 p32 p58 p18 p19 p51"
"p36 p34 p35 p58 p21 p19 p20"
"p36 p37 p35 p48 p21 p22 p20"
" . p37 p60 p48 p24 p22 p23"
" . . p60 p59 p24 p25 p23"
" . . . p59 p27 p25 p26"
" . . . . p27 p28 p26"
" . . . . . p28 . "
;
}
.テクニカル {
width: min-content;
grid-template-columns: repeat(6, 3.75em) 5em;
grid-template-rows: repeat(19, 2.165em);
grid-template-areas:
" . p46 . p57 . p17 . "
"p44 p46 p45 p57 p15 p17 p16"
"p44 p43 p45 p56 p15 p14 p16"
"p41 p43 p42 p56 p12 p14 p13"
"p41 p40 p42 p47 p12 p11 p13"
"p39 p40 p38 p47 p09 p11 p10"
"p39 p37 p38 p55 p09 p08 p10"
"p50 p37 p36 p55 p07 p08 p53"
"p50 p49 p36 p06 p07 p52 p53"
"p51 p49 p05 p06 p01 p52 p54"
"p51 p18 p05 s p01 p27 p54"
"p19 p18 p04 s p02 p27 p28"
"p19 p20 p04 p03 p02 p29 p28"
"p21 p20 p22 p03 p30 p29 p31"
"p21 p23 p22 p58 p30 p32 p31"
"p24 p23 p25 p58 p33 p32 p34"
"p24 p26 p25 p48 p33 p35 p34"
" . p26 p59 p48 p60 p35 . "
" . . p59 . p60 . . "
;
}
.テクニカル2 {
width: min-content;
grid-template-columns: repeat(8, 3.75em) 5em;
grid-template-rows: repeat(18, 2.165em);
grid-template-areas:
" . . . . p46 . . . . "
" . . . p45 p46 p47 . . . "
" . . p55 p45 p43 p47 p56 . . "
" . p40 p55 p44 p43 p48 p56 p10 . "
"p39 p40 p41 p44 p42 p48 p09 p10 p11"
"p39 p36 p41 . p42 . p09 p08 p11"
"p38 p36 p35 . p06 . p07 p08 p12"
"p38 p37 p35 p05 p06 p01 p07 p13 p12"
"p57 p37 . p05 s p01 . p13 p60"
"p57 p34 . p04 s p02 . p16 p60"
"p33 p34 p28 p04 p03 p02 p14 p16 p17"
"p33 p29 p28 . p03 . p14 p15 p17"
"p32 p29 p30 . p21 . p20 p15 p18"
"p32 p31 p30 p27 p21 p23 p20 p19 p18"
" . p31 p59 p27 p22 p23 p58 p19 . "
" . . p59 p26 p22 p24 p58 . . "
" . . . p26 p25 p24 . . . "
" . . . . p25 . . . . "
;
}
.フィールド {
width: min-content;
grid-template-columns: repeat(6, 3.75em) 5em;
grid-template-rows: repeat(19, 2.165em);
grid-template-areas:
" . . p59 . p60 . . "
" . p26 p59 p48 p60 p35 . "
"p24 p26 p25 p48 p33 p35 p34"
"p24 p23 p25 p58 p33 p32 p34"
"p21 p23 p22 p58 p30 p32 p31"
"p21 p20 p22 p06 p30 p29 p31"
"p19 p20 p05 p06 p01 p29 p28"
"p19 p18 p05 s p01 p27 p28"
"p51 p18 p04 s p02 p27 p54"
"p51 p49 p04 p03 p02 p52 p54"
"p50 p49 p36 p03 p07 p52 p53"
"p50 p37 p36 p55 p07 p08 p53"
"p39 p37 p38 p55 p09 p08 p10"
"p39 p40 p38 p47 p09 p11 p10"
"p41 p40 p42 p47 p12 p11 p13"
"p41 p43 p42 p56 p12 p14 p13"
"p44 p43 p45 p56 p15 p14 p16"
"p44 p46 p45 p57 p15 p17 p16"
" . p46 . p57 . p17 . "
;
}
.bsb > div {
width: 5em;
height: 4.33em; /* aspect-ratio: calc(1 / sin(60deg)); の代替*/
clip-path: polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);
text-align: center;
display: grid;
place-content: center;
}
.bsb .★ { grid-area: s; }
.bsb [class*="-1-"] { grid-area: p01; }
.bsb [class*="-2-"] { grid-area: p02; }
.bsb [class*="-3-"] { grid-area: p03; }
.bsb [class*="-4-"] { grid-area: p04; }
.bsb [class*="-5-"] { grid-area: p05; }
.bsb [class*="-6-"] { grid-area: p06; }
.bsb [class*="-7-"] { grid-area: p07; }
.bsb [class*="-8-"] { grid-area: p08; }
.bsb [class*="-9-"] { grid-area: p09; }
.bsb [class*="-10-"] { grid-area: p10; }
.bsb [class*="-11-"] { grid-area: p11; }
.bsb [class*="-12-"] { grid-area: p12; }
.bsb [class*="-13-"] { grid-area: p13; }
.bsb [class*="-14-"] { grid-area: p14; }
.bsb [class*="-15-"] { grid-area: p15; }
.bsb [class*="-16-"] { grid-area: p16; }
.bsb [class*="-17-"] { grid-area: p17; }
.bsb [class*="-18-"] { grid-area: p18; }
.bsb [class*="-19-"] { grid-area: p19; }
.bsb [class*="-20-"] { grid-area: p20; }
.bsb [class*="-21-"] { grid-area: p21; }
.bsb [class*="-22-"] { grid-area: p22; }
.bsb [class*="-23-"] { grid-area: p23; }
.bsb [class*="-24-"] { grid-area: p24; }
.bsb [class*="-25-"] { grid-area: p25; }
.bsb [class*="-26-"] { grid-area: p26; }
.bsb [class*="-27-"] { grid-area: p27; }
.bsb [class*="-28-"] { grid-area: p28; }
.bsb [class*="-29-"] { grid-area: p29; }
.bsb [class*="-30-"] { grid-area: p30; }
.bsb [class*="-31-"] { grid-area: p31; }
.bsb [class*="-32-"] { grid-area: p32; }
.bsb [class*="-33-"] { grid-area: p33; }
.bsb [class*="-34-"] { grid-area: p34; }
.bsb [class*="-35-"] { grid-area: p35; }
.bsb [class*="-36-"] { grid-area: p36; }
.bsb [class*="-37-"] { grid-area: p37; }
.bsb [class*="-38-"] { grid-area: p38; }
.bsb [class*="-39-"] { grid-area: p39; }
.bsb [class*="-40-"] { grid-area: p40; }
.bsb [class*="-41-"] { grid-area: p41; }
.bsb [class*="-42-"] { grid-area: p42; }
.bsb [class*="-43-"] { grid-area: p43; }
.bsb [class*="-44-"] { grid-area: p44; }
.bsb [class*="-45-"] { grid-area: p45; }
.bsb [class*="-46-"] { grid-area: p46; }
.bsb [class*="-47-"] { grid-area: p47; }
.bsb [class*="-48-"] { grid-area: p48; }
.bsb [class*="-49-"] { grid-area: p49; }
.bsb [class*="-50-"] { grid-area: p50; }
.bsb [class*="-51-"] { grid-area: p51; }
.bsb [class*="-52-"] { grid-area: p52; }
.bsb [class*="-53-"] { grid-area: p53; }
.bsb [class*="-54-"] { grid-area: p54; }
.bsb [class*="-55-"] { grid-area: p55; }
.bsb [class*="-56-"] { grid-area: p56; }
.bsb [class*="-57-"] { grid-area: p57; }
.bsb [class*="-58-"] { grid-area: p58; }
.bsb [class*="-59-"] { grid-area: p59; }
.bsb [class*="-60-"] { grid-area: p60; }
.bsb .ina {
background-image: radial-gradient(farthest-side circle, #D8D8D8 80%, transparent 86.6%);
}
.bsb .act {
font-weight: bold;
background-image: radial-gradient(farthest-side circle, rgba(255, 255, 255, 0.4) 80%, transparent 86.6%);
}
.bsb .赤 { background-color: #FF6464; }
.bsb .青 { background-color: #6464FF; }
.bsb .緑 { background-color: #64D364; }
.bsb .黄 { background-color: #FFE57A; }
.bsb .紫 { background-color: #C97DC0; }
.bsb .橙 { background-color: #F6B775; }
.bsb .★ { background-color: #9DC1B7; }
