diff options
| author | Florian Fischer <florian.fl.fischer@fau.de> | 2021-04-03 13:24:31 +0200 |
|---|---|---|
| committer | Florian Fischer <florian.fl.fischer@fau.de> | 2021-04-03 13:24:31 +0200 |
| commit | d1c6095b0ba9b8e28eeb5d4627a191da042d3ba6 (patch) | |
| tree | df2509ef5697abd26e475d0915f9ed62ba492ef1 /html/tools.html | |
| parent | 23408c6b463ee2a73060f08e29b221467d310066 (diff) | |
| download | muhqs-game-d1c6095b0ba9b8e28eeb5d4627a191da042d3ba6.tar.gz muhqs-game-d1c6095b0ba9b8e28eeb5d4627a191da042d3ba6.zip | |
improve tools.html style
Diffstat (limited to 'html/tools.html')
| -rw-r--r-- | html/tools.html | 72 |
1 files changed, 52 insertions, 20 deletions
diff --git a/html/tools.html b/html/tools.html index 86e8ea61..882712cf 100644 --- a/html/tools.html +++ b/html/tools.html @@ -5,19 +5,51 @@ <title>Muhq’s Game Web Tools</title> <style> - [class*="cell-"] { - min-width: 20px; - min-height: 20px; - display: inline-block; - } - - .cell-hidden { - margin: 1px; - } - - .cell-visible { - border: 1px solid gray; - } +[class*="cell-"] { + min-width: 20px; + min-height: 20px; + display: inline-block; +} + +.cell-hidden { + margin: 1px; +} + +.cell-visible { + border: 1px solid gray; +} + +input[type=number] { + max-width: 5em; +} + +html { + line-height: 1.5; + font-family: Georgia, serif; + font-size: 20px; + color: #1a1a1a; + background-color: #fdfdfd; +} + +body { + margin: 0 auto; + max-width: 36em; + padding-left: 50px; + padding-right: 50px; + padding-top: 50px; + padding-bottom: 50px; + hyphens: auto; + word-wrap: break-word; + text-rendering: optimizeLegibility; + font-kerning: normal; +} + +@media (max-width: 600px) { + body { + font-size: 0.9em; + padding: 1em; + } +} </style> <script language="javascript" type="text/javascript"> @@ -146,33 +178,33 @@ <body> <div> -Random number smaller than <form id="random_number_form"> +Random number smaller than <input id="random_number_max" type="number"/> <!-- non visual submit input to submit on "Enter" --> <input type="submit" style="display: none" /> - <input id="random_number_button" type="submit"> + <input id="random_number_button" value="generate" type="submit"> </form> </div> <div> -Random tile within <form id="random_tile_from_map_form"> +Random tile within <input id="random_tile_from_map_x" type="number"/> <input id="random_tile_from_map_y" type="number"/> - <input id="random_tile_from_map_button" type="submit"> + <input id="random_tile_from_map_button" value="generate" type="submit"> </form> </div> <div> -Random tile within Range <form id="random_tile_from_range_form"> +Random tile within Range <input id="random_tile_from_range_x" type="number"/> <!-- non visual submit input to submit on "Enter" --> <input type="submit" style="display: none" /> - <input id="random_tile_from_range_button" type="submit"> + <input id="random_tile_from_range_button" value="generate" type="submit"> <input id="random_tile_from_range_include_center" type="checkbox"> - include center + <label for="random_tile_from_range_include_center">include center</label> </form> </div> |