Tags: Mobile edit Mobile web edit |
|
(13 intermediate revisions by 2 users not shown) |
Line 1: |
Line 1: |
| .pkmn-wild-container { | | .t_pkmn_wild { |
| display: flex; | | max-width: 500px; |
| flex-wrap: wrap;
| |
| align-items: stretch;
| |
| } | | } |
|
| |
|
| .pkmn-wild { | | .content-table-wrapper .t_pkmn_wild { |
| color: #202122;
| |
| background-color: #f9f9f9;
| |
| text-align: center;
| |
| vertical-align:middle;
| |
| width: 100%;
| |
| border-collapse: separate;
| |
| border-spacing: 0;
| |
| padding: 0;
| |
| margin: 0; | | margin: 0; |
| flex: 1 0 0;
| |
| }
| |
|
| |
| th.pkmn-wild-header { vertical-align:middle; }
| |
| .pkmn-wild-time tr:first-child .pkmn-wild-pokemon {
| |
| height: 5em;
| |
| }
| |
|
| |
| .pkmn-wild-desktop {
| |
| display: none;
| |
| } | | } |
|
| |
|
| .pkmn-wild td { vertical-align:middle; } | | .t_pkmn_wild th { |
| .pkmn-wild th { vertical-align:middle; }
| |
| | |
| .pkmn-wild-pokemon {
| |
| height: 50px;
| |
| box-sizing: border-box; | | box-sizing: border-box; |
| border-color: #ddd; | | height: 32px; |
| white-space: nowrap;
| |
| } | | } |
|
| |
|
| @media all and ( min-width: 720px ) {
| | table.t_pkmn_wild th, |
| th.pkmn-wild-pokemon {
| | .t_pkmn_wild td { |
| display: none;
| | vertical-align: middle; |
| } | | text-align: center; |
| .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 { | | .t_pkmn_wild_img { |
| background-color: #80C0ff; | | height: 40px; |
| border-color: #80C0ff; | | width: 40px; |
| }
| | border-right: none; |
| .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 { | | .t_pkmn_wild .t_pkmn_wild_name { |
| background-color: #00ff7f; | | text-align: left; |
| border-color: #00ff7f; | | border-left: none; |
| } | | } |
|
| |
|
| .pkmn-wild-time .pkmn-wild-summer { | | .t_pkmn_wild_blank { |
| background-color: #fefe22; | | display: none; |
| border-color: #fefe22;
| |
| } | | } |
|
| |
|
| .pkmn-wild-time .pkmn-wild-fall { | | th.th_pkmn_wild_morning { background-color: #80C0ff; border-color: #5090CC; } |
| background-color: #ff8c00 ;
| | th.th_pkmn_wild_day { background-color: #4080FF; border-color: #1050CC; } |
| border-color: #ff8c00 ;
| | th.th_pkmn_wild_night { background-color: #204080; border-color: #001050; color: #FFF; } |
| } | |
|
| |
|
| .pkmn-wild-time .pkmn-wild-winter { | | th.th_pkmn_wild_spring { background-color: #00ff7f; border-color: #00CC4C; } |
| background-color: #5b92e5 ;
| | th.th_pkmn_wild_summer { background-color: #fefe22; border-color: #CBCB00; } |
| border-color: #5b92e5 ;
| | th.th_pkmn_wild_fall { background-color: #ff8c00; border-color: #CC5900; } |
| } | | th.th_pkmn_wild_winter { background-color: #5b92e5; border-color: #2860B2; } |
|
| |
|
| .pkmn-wild-nogame { color:#aaaaaa; } | | th.th_pkmn_wild_surfing { background-color: #9DB7F5; } |
| | th.th_pkmn_wild_rocksmash { background-color: #D1C17D; } |
| | th.th_pkmn_wild_swarm { background-color: #78C850; } |
| | th.th_pkmn_wild_dive { background-color: #445E9C; color:#fff; } |
|
| |
|
| /* Generation 1 games */
| | th.th_pkmn_rod_old { background-color: #9DB7F5; border-color: #6890F0; } |
| th.pkmn-wild-red { background-color: #cc0000; color: white; } | | th.th_pkmn_rod_good { background-color: #6890F0; border-color: #4670D0; } |
| td.pkmn-wild-red { border-color: #ff0000; }
| | th.th_pkmn_rod_super { background-color: #445E9C; border-color: #6890F0; color: #fff; } |
| .pkmn-wild-red { vertical-align:middle; } | |
|
| |
|
| th.pkmn-wild-blu { background-color: #0000cc; color: white; }
| | @media all and ( min-width: 720px ) { |
| td.pkmn-wild-blu { border-color: #0000ff; }
| | .t_pkmn_wild_blank { |
| .pkmn-wild-blu { vertical-align:middle; }
| | display: table-row; |
| | | } |
| 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: #996666; color: white; }
| |
| td.pkmn-wild-rby { border-color: #996666; }
| |
| .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: #a82c2a; color: white; }
| |
| td.pkmn-wild-rub { border-color: #a82c2a; }
| |
| .pkmn-wild-rub { vertical-align:middle; }
| |
| | |
| th.pkmn-wild-sap { background-color: #2c2aa8; color: white; }
| |
| td.pkmn-wild-sap { border-color: #2c2aa8; }
| |
| .pkmn-wild-sap { vertical-align:middle; }
| |
| | |
| th.pkmn-wild-eme { background-color: #2c802a; color: white; }
| |
| td.pkmn-wild-eme { border-color: #2c802a; }
| |
| .pkmn-wild-eme { vertical-align:middle; }
| |
| | |
| th.pkmn-wild-rs { background-color: #6a2b69; color: white; }
| |
| td.pkmn-wild-rs { border-color: #6a2b69; }
| |
| .pkmn-wild-rs { vertical-align:middle; }
| |
| | |
| th.pkmn-wild-rse { background-color: #555554; color: white; }
| |
| td.pkmn-wild-rse { border-color: #555554; }
| |
| .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: #807000; color: white; }
| |
| td.pkmn-wild-hg { border-color: #807000; }
| |
| .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; }
| |
| | |
| /*Generation 7 games */
| |
| th.pkmn-wild-sun { background-color: #f48037; }
| |
| td.pkmn-wild-sun { border-color: #f48037; }
| |
| .pkmn-wild-sun { vertical-align:middle; }
| |
| | |
| th.pkmn-wild-moon { background-color: #c2c5cc; }
| |
| td.pkmn-wild-moon { border-color: #c2c5cc; }
| |
| .pkmn-wild-moon { vertical-align:middle; }
| |
| | |
| th.pkmn-wild-sm { background-color: #dba382; }
| |
| td.pkmn-wild-sm { border-color: #dba382; }
| |
| .pkmn-wild-sm { vertical-align:middle; }
| |
| | |
| th.pkmn-wild-us { background-color: #ffaa00; }
| |
| td.pkmn-wild-us { border-color: #ffaa00; }
| |
| .pkmn-wild-us { vertical-align:middle; }
| |
| | |
| th.pkmn-wild-um { background-color: #c5bbd4; }
| |
| td.pkmn-wild-um { border-color: #c5bbd4; }
| |
| .pkmn-wild-um { vertical-align:middle ; }
| |
| | |
| th.pkmn-wild-usum { background-color:#e2b36b; }
| |
| td.pkmn-wild-usum { border-color:#e2b36b;}
| |
| .pkmn-wild-usum {vertical-align:middle; }
| |