Jump to navigation
Jump to search
m (added vertical alignment values to the different game classes) |
m (added in the background and border color for the seasons) |
||
Line 59: | Line 59: | ||
border-color: #204080; | border-color: #204080; | ||
color: #FFF; | color: #FFF; | ||
} | |||
.pkmn-wild-time .pkmn-wild-spring { | |||
background-color: #00ff7f; | |||
border-color: #00ff7f; | |||
} | |||
.pkmn-wild-time .pkmn-wild-summer { | |||
background-color: #fefe22; | |||
border-color: #fefe22; | |||
} | |||
.pkmn-wild-time .pkmn-wild-fall { | |||
background-color: #ff8c00 ; | |||
border-color: #ff8c00 ; | |||
} | |||
.pkmn-wild-time .pkmn-wild-winter { | |||
background-color: #f8f8ff ; | |||
border-color: #f8f8ff ; | |||
} | } | ||
Revision as of 19:28, 4 August 2023
.pkmn-wild-container {
display: flex;
flex-wrap: wrap;
align-items: stretch;
}
.pkmn-wild {
color: #202122;
background-color: #f9f9f9;
text-align: center;
width: 100%;
border-collapse: separate;
border-spacing: 0;
padding: 0;
margin: 0;
flex: 1 0 0;
}
.pkmn-wild-time tr:first-child .pkmn-wild-pokemon {
height: 5em;
}
.pkmn-wild-desktop {
display: none;
}
.pkmn-wild td { vertical-align:middle; height:55px; }
.pkmn-wild th { vertical-align:middle; }
.pkmn-wild-pokemon {
height: 50px;
box-sizing: border-box;
border-color: #ddd;
white-space: nowrap;
}
@media all and ( min-width: 720px ) {
th.pkmn-wild-pokemon {
display: none;
}
.pkmn-wild-desktop,
.pkmn-wild-desktop .pkmn-wild-pokemon {
flex: 0 0 100px;
white-space: nowrap;
display: table-cell;
}
}
.pkmn-wild-time .pkmn-wild-morning {
background-color: #80C0ff;
border-color: #80C0ff;
}
.pkmn-wild-time .pkmn-wild-day {
background-color: #4080FF;
border-color: #4080FF;
}
.pkmn-wild-time .pkmn-wild-night {
background-color: #204080;
border-color: #204080;
color: #FFF;
}
.pkmn-wild-time .pkmn-wild-spring {
background-color: #00ff7f;
border-color: #00ff7f;
}
.pkmn-wild-time .pkmn-wild-summer {
background-color: #fefe22;
border-color: #fefe22;
}
.pkmn-wild-time .pkmn-wild-fall {
background-color: #ff8c00 ;
border-color: #ff8c00 ;
}
.pkmn-wild-time .pkmn-wild-winter {
background-color: #f8f8ff ;
border-color: #f8f8ff ;
}
/* Generation 1 games */
th.pkmn-wild-red { background-color: #cc0000; color: white; }
td.pkmn-wild-red { border-color: #ff0000; }
.pkmn-wild-red { vertical-align:middle; }
th.pkmn-wild-blu { background-color: #0000cc; color: white; }
td.pkmn-wild-blu { border-color: #0000ff; }
.pkmn-wild-blu { vertical-align:middle; }
th.pkmn-wild-yel { background-color: #dddd00; color: black; }
td.pkmn-wild-yel { border-color: #ffff00; }
.pkmn-wild-yel { vertical-align:middle; }
th.pkmn-wild-rb { background-color: #cc00cc; color: white; }
td.pkmn-wild-rb { border-color: #ff00ff; }
.pkmn-wild-rb { vertical-align:middle; }
th.pkmn-wild-rby { background-color: #aa7777; color: white; }
td.pkmn-wild-rby { border-color: #aa5555; }
.pkmn-wild-rby { vertical-align:middle; }
/* Generation 2 games */
th.pkmn-wild-gol { background-color: #ffd700; }
td.pkmn-wild-gol { border-color: #ffd700; }
.pkmn-wild-gol { vertical-align:middle; }
th.pkmn-wild-sil { background-color: #c0c0c0; }
td.pkmn-wild-sil { border-color: #c0c0c0; }
.pkmn-wild-sil { vertical-align:middle; }
th.pkmn-wild-cry { background-color: #a7d8de; }
td.pkmn-wild-cry { border-color: #a7d8de; }
.pkmn-wild-cry { vertical-align:middle; }
th.pkmn-wild-gs { background-color: #e0cc60; }
td.pkmn-wild-gs { border-color: #e0cc60; }
.pkmn-wild-gs { vertical-align:middle; }
th.pkmn-wild-gsc { background-color: #cdd08a; }
td.pkmn-wild-gsc { border-color: #cdd08a; }
.pkmn-wild-gsc { vertical-align:middle; }
/* Generation 3 games */
th.pkmn-wild-rub { background-color: #e0115f; color: white; }
td.pkmn-wild-rub { border-color: #e0115f; }
.pkmn-wild-rub { vertical-align:middle; }
th.pkmn-wild-sap { background-color: #0f52ba; color: white; }
td.pkmn-wild-sap { border-color: #0f52ba; }
.pkmn-wild-sap { vertical-align:middle; }
th.pkmn-wild-eme { background-color: #50ea78; }
td.pkmn-wild-eme { border-color: #50c878; }
.pkmn-wild-eme { vertical-align:middle; }
th.pkmn-wild-rs { background-color: #78328d; color: white; }
td.pkmn-wild-rs { border-color: #78328d; }
.pkmn-wild-rs { vertical-align:middle; }
th.pkmn-wild-rse { background-color: #6a6486; color: white; }
td.pkmn-wild-rse { border-color: #6a6486; }
.pkmn-wild-rse { vertical-align:middle; }
th.pkmn-wild-fr { background-color: #f73718; }
td.pkmn-wild-fr { border-color: #f73718; }
.pkmn-wild-fr { vertical-align:middle; }
th.pkmn-wild-lg { background-color: #5ca904; }
td.pkmn-wild-lg { border-color: #5ca904; }
.pkmn-wild-lg { vertical-align:middle; }
th.pkmn-wild-frlg { background-color: #cc922f; }
td.pkmn-wild-frlg { border-color: #aa700e; }
.pkmn-wild-frlg { vertical-align:middle; }
/* Generation 4 games */
th.pkmn-wild-dia { background-color: #b9f2ff; }
td.pkmn-wild-dia { border-color: #b9f2ff; }
.pkmn-wild-dia { vertical-align:middle; }
th.pkmn-wild-pea { background-color: #e2dfd2; }
td.pkmn-wild-pea { border-color: #e2dfd2; }
.pkmn-wild-pea { vertical-align:middle; }
th.pkmn-wild-pla { background-color: #e5e4e2; }
td.pkmn-wild-pla { border-color: #e5e4e2; }
.pkmn-wild-pla { vertical-align:middle; }
th.pkmn-wild-dp { background-color: #cee9e9; }
td.pkmn-wild-dp { border-color: #cee9e9; }
.pkmn-wild-dp { vertical-align:middle; }
th.pkmn-wild-dppt { background-color: #d5e7e6; }
td.pkmn-wild-dppt { border-color: #d5e7e6; }
.pkmn-wild-dppt { vertical-align:middle; }
th.pkmn-wild-hg { background-color: #808000; color: white; }
td.pkmn-wild-hg { border-color: #808000; }
.pkmn-wild-hg { vertical-align:middle; }
th.pkmn-wild-ss { background-color: #c0c0e1; }
td.pkmn-wild-ss { border-color: #c0c0e1; }
.pkmn-wild-ss { vertical-align:middle; }
th.pkmn-wild-hgss { background-color: #a0a071; }
td.pkmn-wild-hgss { border-color: #a0a071; }
.pkmn-wild-hgss { vertical-align:middle; }
/* Generation 5 games */
th.pkmn-wild-bla { background-color: #000000; color: white; }
td.pkmn-wild-bla { border-color: #000000; }
.pkmn-wild-bla { vertical-align:middle; }
th.pkmn-wild-whi { background-color: #ffffff; }
td.pkmn-wild-whi { border-color: #ffffff; }
.pkmn-wild-whi { vertical-align:middle; }
th.pkmn-wild-bw { background-color: #888888; }
td.pkmn-wild-bw { border-color: #888888; }
.pkmn-wild-bw { vertical-align:middle; }
th.pkmn-wild-b2 { background-color: #222222; color: white; }
td.pkmn-wild-b2 { border-color: #222222; }
.pkmn-wild-b2 { vertical-align:middle; }
th.pkmn-wild-w2 { background-color: #eeeeee; }
td.pkmn-wild-w2 { border-color: #eeeeee; }
.pkmn-wild-w2 { vertical-align:middle; }
th.pkmn-wild-bw2 { background-color: #999999; }
td.pkmn-wild-bw2 { border-color: #999999; }
.pkmn-wild-bw2 { vertical-align:middle; }
/* Generation 6 games */
th.pkmn-wild-x { background-color: #19078e; color: white; }
td.pkmn-wild-x { border-color: #19078e; }
.pkmn-wild-x { vertical-align:middle; }
th.pkmn-wild-y { background-color: #8f0707; color: white; }
td.pkmn-wild-y { border-color: #8f0707; }
.pkmn-wild-x { vertical-align:middle; }
th.pkmn-wild-xy { background-color: #54074b; color: white; }
td.pkmn-wild-xy { border-color: #54074b; }
.pkmn-wild-xy { vertical-align:middle; }
th.pkmn-wild-or { background-color: #800a3b; color: white }
td.pkmn-wild-or { border-color: #800a3b; }
.pkmn-wild-or { vertical-align:middle; }
th.pkmn-wild-as { background-color: #0a3b80; color: white; }
td.pkmn-wild-as { border-color: #0a3b80; }
.pkmn-wild-as { vertical-align:middle; }
th.pkmn-wild-oras { background-color: #45235e; color: white; }
td.pkmn-wild-oras { border-color: #45235e; }
.pkmn-wild-oras { vertical-align:middle; }