BattleSim/client/templates/pokemon.jade

219 lines
5.1 KiB
Plaintext
Raw Normal View History

style
2016-03-03 21:13:41 +00:00
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 20px;
font-weight: 400;
color: #3b3b3b;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
background: #2b2b2b;
}
table {
box-shadow: 0 1px 3px rgba(0,0,0,0.2);
display: table;
border-collapse: collapse;
}
table.forme{
display: inline-table;
2016-03-03 21:13:41 +00:00
}
td{
border: 1px solid black;
2016-03-03 21:13:41 +00:00
}
.img{
}
.imgcell{
width: 400px;
height: 200px;
text-align: center;
vertical-align: middle;
2016-03-03 21:13:41 +00:00
}
.description{
width: 400px;
}
tr {
display: table-row;
background: #f6f6f6;
}
tr:nth-of-type(odd) {
background: #e9e9e9;
}
th {
font-weight: 900;
color: #fff;
background: darkcyan;
height: 30px;
vertical-align: center;
}
td {
padding: 4px 8px;
display: table-cell;
vertical-align: middle;
text-align: center;
border: none;
}
.leftHeader{
}
.rightHeader{
width: 260px;
}
table.statTable{
border: 1px solid black;
}
.statDetail{
padding: 0px 10px;
}
.statCell{
width: 128px;
}
.stat{
height: 12px;
background-color: red;
}
#hp.stat{
background-color: #FF0000;
outline: 2px solid #A60000;
}
#attack.stat{
background-color: #F08030;
outline: 2px solid #9C531F;
}
#defense.stat{
background-color: #F8D030;
outline: 2px solid #A1871F;
}
#spatt.stat {
background-color: #6890F0;
outline: 2px solid #445E9C;
}
#spdef.stat {
background-color: #A7DB8D;
outline: 2px solid #4E8234;
}
#speed.stat {
background-color: #F85888;
outline: 2px solid #A13959;
}
#hp.statRow{
background-color: #FF5959;
}
#attack.statRow{
background-color: #F5AC78;
}
#defense.statRow{
background-color: #FAE078;
}
#spatt.statRow{
background-color: #9DB7F5;
}
#spdef.statRow{
background-color: #A7DB8D;
}
#speed.statRow{
background-color: #FA92B2;
}
each forme, i in data.formedata
table.forme
tr
th #{data.name}
- var dexno = data.speciesdata.id.toString()
if dexno.length == 1
- dexno = "00" + dexno
else if data.speciesdata.id.length == 2
- dexno = "0" + dexno
th #{dexno}
if i != "default"
- var imgname = dexno + "-" + i
else
- var imgname = dexno
tr
td(colspan=2) #{i}
tr
td.imgcell(colspan=2)
img.img(src="/Sprites/front/#{imgname}.png")
tr
2016-03-03 21:13:41 +00:00
td.leftHeader Types
td.rightHeader
each type in forme.types
img(src="/Sprites/types/#{type.toLowerCase()}.png")
tr
2016-03-03 21:13:41 +00:00
td.leftHeader Abilities
td.rightHeader #{forme.abilities}
tr
2016-03-03 21:13:41 +00:00
td.leftHeader Hidden Ability
td.rightHeader #{forme.hiddenAbility}
tr
2016-03-03 21:13:41 +00:00
td.leftHeader Stats
td.rightHeader
table.statTable
tr.statRow#hp
td.statDetail HP
td.statDetail #{forme.stats.hp}
td.statDetail.statCell
div.stat#hp(style="width:#{(forme.stats.hp / 255) * 128}px")
tr.statRow#attack
td.statDetail Attack
td.statDetail #{forme.stats.attack}
td.statDetail.statCell
div.stat#attack(style="width:#{(forme.stats.attack / 255) * 128}px")
tr.statRow#defense
td.statDetail Defense
td.statDetail #{forme.stats.defense}
td.statDetail.statCell
div.stat#defense(style="width:#{(forme.stats.defense / 255) * 128}px")
tr.statRow#spatt
td.statDetail Sp. Att.
td.statDetail #{forme.stats.specialAttack}
td.statDetail.statCell
div.stat#spatt(style="width:#{(forme.stats.specialAttack / 255) * 128}px")
tr.statRow#spdef
td.statDetail Sp. Def.
td.statDetail #{forme.stats.specialDefense}
td.statDetail.statCell
div.stat#spdef(style="width:#{(forme.stats.specialDefense / 255) * 128}px")
tr.statRow#speed
td.statDetail Speed
td.statDetail #{forme.stats.speed}
td.statDetail.statCell
div.stat#speed(style="width:#{(forme.stats.speed / 255) * 128}px")
tr
2016-03-03 21:13:41 +00:00
td.leftHeader Tier
td.rightHeader #{forme.tier}
tr
2016-03-03 21:13:41 +00:00
td.leftHeader Generation
td.rightHeader #{data.speciesdata.generation}
table
tr
2016-03-03 21:13:41 +00:00
th
th
th
th
th Learnset
2016-03-03 21:13:41 +00:00
th
th
tr
th Name
th Type
th Power
th Damage
th Accuracy
th Priority
th Description
each move in data.learnablemoves
tr
td #{move}
2016-03-03 21:13:41 +00:00
td
img(src="/Sprites/types/#{move_data[move].type.toLowerCase()}.png")
td #{move_data[move].power}
2016-03-03 21:13:41 +00:00
td
img(src="/Sprites/types/#{move_data[move].damage.toLowerCase()}.png")
td #{move_data[move].accuracy}
td #{move_data[move].priority}
td.description #{move_data[move].description}