keb/poketest
1
0
Fork 0
Code Issues Releases Activity

Add Pokémon types

Browse Source
This commit is contained in:
Théo Marchal
2022-03-02 14:20:50 +01:00
parent 0e356f0caf
commit 19aa6b70b3
3 changed files with 1100 additions and 1062 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
style.css
View File

@@ -353,7 +353,7 @@ article #container.diploma #score {
}
#container #game #flashdex .pokedex {
width: 250px; height: 285px;
width: 250px;
border: 1px solid white;
padding: 10px;
margin: 10px;
@@ -368,16 +368,10 @@ article #container.diploma #score {
height: 250px;
display: block;
margin: auto;
margin: 12px 0px;
}
#game #flashdex .pokedex span.name {
text-align: center;
font-size: 1em;
display: block;
margin: auto; margin-top: 15px;
}
span.form {
#game #flashdex .pokedex span.form {
display: block;
float: right;
width: 25px; height: 25px;
@@ -386,14 +380,52 @@ span.form {
right: 10px;
}
span.form.mega { background-image: url('img/icon_mega.png'); }
span.form.giga {
#game #flashdex .pokedex span.form.mega { background-image: url('img/icon_mega.png'); }
#game #flashdex .pokedex span.form.giga {
background-image: url('img/icon_giga.png'); background-color: white;
background-position: center; background-size:20px;
border-radius: 50%; border: 1px solid white;
}
#game #flashdex .pokedex span.types {
display: flex;
float: left;
margin-bottom: 12px;
}
#game #flashdex .pokedex span.types:after {
clear: both;
}
#game #flashdex .pokedex span.types span {
margin: 0px;
margin-right: 5px;
padding: 5px;
border-radius: 2px;
font-family: Sans-Serif;
font-weight: bold;
color: #fff;
font-size: 0.8rem;
}
#game #flashdex .pokedex span.types .Grass { background: #78C850; }
#game #flashdex .pokedex span.types .Poison { background: #A040A0; }
#game #flashdex .pokedex span.types .Fire { background: #F08030; }
#game #flashdex .pokedex span.types .Dragon { background: #7038F8; }
#game #flashdex .pokedex span.types .Flying { background: #A890F0; }
#game #flashdex .pokedex span.types .Water { background: #6890F0; }
#game #flashdex .pokedex span.types .Bug { background: #A8B820; }
#game #flashdex .pokedex span.types .Normal { background: #A8A878; }
#game #flashdex .pokedex span.types .Dark { background: #705848; }
#game #flashdex .pokedex span.types .Electric { background: #F8D030; }
#game #flashdex .pokedex span.types .Ground { background: #E0C068; }
#game #flashdex .pokedex span.types .Psychic { background: #F85888; }
#game #flashdex .pokedex span.types .Ice { background: #98D8D8; }
#game #flashdex .pokedex span.types .Steel { background: #B8B8D0; }
#game #flashdex .pokedex span.types .Fairy { background: #EE99AC; }
#game #flashdex .pokedex span.types .Fighting { background: #C03028; }
#game #flashdex .pokedex span.types .Rock { background: #B8A038; }
#game #flashdex .pokedex span.types .Ghost { background: #705898; }
/*** MOBILE ***/
@@ -527,8 +559,7 @@ span.form.giga {
/* flashdex */
#container #game #flashdex .pokedex { width: 230px; height: 260px; }
#game #flashdex .pokedex img { height: 225px; }
#container #game #flashdex .pokedex { width: 230px; }
#game #flashdex_config p { text-align: left; }