keb/poketest
1
0
Fork 0
Code Issues Releases Activity

Version 2.9

Browse Source 
* Custom input for answer
* Option for no timer
* Play again button
* Rewrite About page
* Modernize clipboard copy
* Lots of misc. fixes
This commit is contained in:
Théo Marchal
2022-03-14 21:30:46 +01:00
parent 074726aea4
commit caab9fe47d
8 changed files with 208 additions and 118 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
style.css
View File

@@ -100,7 +100,7 @@ article #container .flashdex-companion {
}
article #container .top-companion {
margin-top: 20px;
margin-top: 20px; margin-bottom: 10px;
float: right;
width: 250px;
margin-left: 25px; margin-right: 25px;
@@ -114,7 +114,6 @@ article #container .middle-companion {
article #container.about p { margin-left:20px; }
article #container.about ul { margin-bottom: 3.5%; }
article #container.about ul li { margin-top: 5px; margin-bottom: 5px; }
article #container.about ul li a { margin-top: 5px; margin-bottom: 5px; font-weight: normal; }
@@ -257,8 +256,20 @@ article #container #answers {
justify-content: center;
}
article #container #answers input { margin-right: 30px; display: inline; }
article #container #answers input:last-child { margin-right: 30px; }
article #container #answers input { margin-right: 15px; margin-left: 15px; display: inline; }
article #container #answers form input:last-child { margin: initial; }
article #container #answers form input.choice {
padding: 10px;
min-width: 25vw;
margin: auto;
margin-bottom: auto;
border-radius: 9px;
margin-bottom: 5px;
margin-right: 15px;
}
article #container #answers form .button { margin: 5px; display: inline-block; }
article #container #answers .final_answer { font-size: 23px; }
article #container #answers .final_answer .good { color:#3ad48d; font-weight:bold; }
@@ -349,7 +360,6 @@ article #container.diploma #score {
margin:auto;
display:none;
text-align:center;
margin-top:2vh;
}
#container #game #flashdex .pokedex {
@@ -426,6 +436,7 @@ article #container.diploma #score {
font-weight: bold;
color: #fff;
font-size: 0.8rem;
text-shadow: 0 0 2px #000;
}
#game #flashdex .pokedex span.types .Grass { background: #78C850; }
@@ -519,8 +530,8 @@ article #container.diploma #score {
/* poketest */
article #container #game #configuration #left_config { float: none; }
article #container #game #configuration #right_config { float: none; }
/*article #container #game #configuration #left_config { float: none; }
article #container #game #configuration #right_config { float: none; }*/
article #container #game #configuration input[name="gen"], article #container #game #selected_options input,
article #container #game #configuration .first { margin-left:15px; margin-bottom:5px; }
article #container #game .button { padding: 10px; padding-top: 20px; }
@@ -549,8 +560,11 @@ article #container.diploma #score {
display: block;
}
article #container #answers input:last-child { margin-right: 0px; }
article #container #answers input:last-child { margin-right: 0px; margin-left: 0px; }
article #container.game_active div#answers span { display: block; }
article #container #answers form input.choice { min-width: 75vw; margin-right:0px; }
article #container.diploma #score { background: none; }
article #container #seed input {
width: 90%;
@@ -564,6 +578,11 @@ article #container.diploma #score {
margin-top: 1vh;
}
article #container .pokemon img.input {
height: 42vh;
margin-top: 1vh;
}
article #container #top_game .whois { width: 80%; }
article #container #top_game .chrono {
width: 2rem;
@@ -577,6 +596,8 @@ article #container.diploma #score {
padding: 10px; padding-top: 15px;
}
article #container #answers form .button { display: block; }
/* flashdex */
#container #game #flashdex .pokedex { width: 230px; }
@@ -604,7 +625,7 @@ article #container.diploma #score {
#game #flashdex_config .gen { padding: 0; margin: 0; display: block; }
#game #flashdex_config .gen label { padding: 2px; margin: 2px; margin-left: 8px; }
#game #flashdex_config select.lang { margin-left: 15px; margin-top:5px; }
#game #flashdex_config p.button { padding-top: 15px; margin-top: 15px; }
#game #flashdex_config p.button { padding-top: 0px; margin-top: 0px; }
/* about */
@@ -627,6 +648,15 @@ article #container.diploma #score {
footer { height:6vh; }
}
@media screen and (max-width:500px) {
article #container #game #configuration #left_config { float: none; text-align: center; }
article #container #game #configuration #right_config { float: none; text-align: center; }
article #container #game #configuration input[name="gen"], article #container #game #selected_options input, article #container #game #configuration .first {
margin-left: 0px;
}
}
@media screen and (max-width:400px) {
header img { height: 60px; }
header nav #hamburger { top: 1.05rem; }