aspergerli/Webchance
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refined CSS
All checks were successful
Release / publish (push) Successful in 1m1s
Details

Browse Source
This commit is contained in:
Gian Breitenstein 2024-10-03 17:49:37 +02:00
parent 2f7d1a03cb
commit 9d4f17e368
2 changed files with 23 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
static/index.html
View File

@ -8,26 +8,25 @@
</head> </head>
<link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="style.css">
<body> <body>
<h1>Pokemon catcher</h1> <header>
<h1>Randomizer</h1>
</header>
<div class="labelcontainer"> <div class="labelcontainer">
<label>Chance</label> <input type="number" id="Chance" name="Chance" min="10" placeholder="Chance (at least 10)">
<input type="number" id="Chance" name="Chance" min="10">
</div> </div>
<div class="labelcontainer"> <div class="labelcontainer">
<label>Multiplicator</label> <input type="number" id="Multiplicator" name="Multiplicator" min="1" max="3" placeholder="Multiplicator (1-3)">
<input type="number" id="Multiplicator" name="Multiplicator" min="1" max="3">
</div> </div>
<div class="labelcontainer"> <div class="labelcontainer">
<label>name</label> <input type="text" id="name" maxlength="15" placeholder="Name (optional)">
<input type="text" id="name" maxlength="15">
</div> </div>
<div> <div>
<input type="button" onclick="calcChanche()" value="Generate"> <input type="button" onclick="calcChanche()" value="Go">
</div> </div>
<p id="won"></p> <p id="won"></p>
<div> <div>

22
static/style.css
View File

@ -1,17 +1,25 @@
header {
background-color: rgb(92, 112, 180);
margin: 0px 0px 2rem 0em;
padding: 1px;
}
body { body {
background-color: rgba(131, 143, 197, 0.986); background-color: rgba(131, 143, 197, 0.986);
padding: 0px;
margin: 0px;
}
h1 {
font-size: 6.4em
} }
.labelcontainer { .labelcontainer {
display: flex; display: flex;
} }
label {
display: block;
color: rgb(28, 17, 85);
min-width: 20rem;
font-size: 1.5rem;
}
input { input {
width: 10rem; color: rgb(28, 17, 85);
background-color: rgb(92, 112, 180);
margin: 0.5em;
height: 2em;
width: 15em;
} }
p { p {
color: rgb(28, 17, 85); color: rgb(28, 17, 85);