86 lines
1.3 KiB
CSS
86 lines
1.3 KiB
CSS
body {
|
|
background-color: #1a1a1a;
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
font-size: 12px;
|
|
color: #cccccc;
|
|
margin: 40px;
|
|
}
|
|
|
|
h2 {
|
|
font-size: 18px;
|
|
font-weight: bold;
|
|
color: #ffffff;
|
|
border-bottom: 1px solid #444444;
|
|
padding-bottom: 5px;
|
|
margin-bottom: 20px;
|
|
width: 350px;
|
|
}
|
|
|
|
form {
|
|
width: 350px;
|
|
}
|
|
|
|
form div {
|
|
margin-bottom: 12px;
|
|
}
|
|
|
|
label {
|
|
display: block;
|
|
font-weight: bold;
|
|
margin-bottom: 3px;
|
|
color: #999999;
|
|
}
|
|
|
|
input[type="number"], select {
|
|
border: 1px solid #555555;
|
|
background-color: #2b2b2b;
|
|
color: #ffffff;
|
|
padding: 2px;
|
|
font-size: 12px;
|
|
width: 160px;
|
|
}
|
|
|
|
input[type="number"]:focus {
|
|
border-color: #0066ff;
|
|
outline: none;
|
|
}
|
|
|
|
button {
|
|
margin-top: 10px;
|
|
padding: 4px 12px;
|
|
background-color: #333333;
|
|
border: 1px solid #666666;
|
|
color: #ffffff;
|
|
font-size: 12px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
button:hover {
|
|
background-color: #444444;
|
|
border-color: #999999;
|
|
}
|
|
|
|
.wynik {
|
|
margin-top: 25px;
|
|
padding: 10px;
|
|
border: 1px solid #0066ff;
|
|
background-color: #001a33;
|
|
width: 330px;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.wynik strong {
|
|
color: #3399ff;
|
|
font-size: 14px;
|
|
}
|
|
|
|
input::-webkit-outer-spin-button,
|
|
input::-webkit-inner-spin-button {
|
|
-webkit-appearance: none;
|
|
margin: 0;
|
|
}
|
|
|
|
input[type=number] {
|
|
-moz-appearance: textfield;
|
|
}
|