html
<!doctype html>
<html lang='pl'>
<head>
<meta charset='utf-8'>
<title>kalkulator</title>
</head>
<body>
<div class="all"></div>
<div class="main">
<form name="form">
<input class="textview" name="textview">
</form>
<table>
<tr>
<td><input type="button" class="button" value="C"></td>
</tr>
<tr>
<td><input type="button" class="button" value="7" ></td>
<td><input type="button" class="button" value="8" ></td>
<td><input type="button" class="button" value="9" ></td>
<td><input type="button" class="buttonRight" value="-"></td>
</tr>
<tr>
<td><input type="button" class="button" value="4"></td>
<td><input type="button" class="button" value="5"></td>
<td><input type="button" class="button" value="6"></td>
<td><input type="button" class="buttonRight" value="+"></td>
</tr>
<tr>
<td><input type="button" class="button" value="1" ></td>
<td><input type="button" class="button" value="2" ></td>
<td><input type="button" class="button" value="3" ></td>
<td rowspan="5"><input type="button" class="buttonRight" value="=" style="height: 103px" ></td>
</tr>
<tr>
<td colspan="2"><input type="button" class="button" value="0" style="width: 103px" >
<td><input type="button" class="button" value="."></td>
</tr>
</table>
</div>
</body>
<style>
* {
margin: 0;
padding-left: 0;
padding-right: 0;
border: 0;
}
body {
background-color: black;
}
.button {
width: 50px;
height: 50px;
font-size: 25px;
color: aliceblue;
cursor: pointer;
background-color:black;
text-shadow: limegreen 1px 0 10px;
}
.buttonRight {
width: 50px;
height: 50px;
font-size: 25px;
color: aliceblue;
text-shadow: limegreen 1px 0 10px;
cursor: pointer;
background-color: black;
}
.textview {
width: 210px;
height: 50px;
font-size: 25px;
background-color: white;
text-align: right;
color: white;
text-shadow: limegreen 1px 0 10px;
}
.main {
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
background: black;
border: thick solid black;
}
td,tr {
padding: 0.5px;
}
</style>
</html>This is a public paste that anyone can view.
Share