84 lines
1.5 KiB
CSS
84 lines
1.5 KiB
CSS
body{
|
|
margin-left: 33%;
|
|
background-color: teal;
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
font-size: 18pt;
|
|
background-image: url(menhera-chan.gif);
|
|
background-repeat: no-repeat;
|
|
background-size: 200px;
|
|
background-position: 77% 70%;
|
|
margin-right: 5%;
|
|
}
|
|
.corpo {
|
|
width: 725px;
|
|
padding-top: 50px;
|
|
padding-bottom: 50px;
|
|
margin-top: 50px;
|
|
display: grid;
|
|
grid-template-columns: repeat(10, 50px);
|
|
grid-template-rows: repeat(5, 50px);
|
|
grid-column-gap: 25px;
|
|
grid-row-gap: 25px;
|
|
background-color: lightseagreen;
|
|
border-radius: 20px;
|
|
}
|
|
|
|
#testo1 {
|
|
grid-area: 1 / 2 / 2 / 6;
|
|
text-align: center;
|
|
}
|
|
|
|
#numero1 {
|
|
grid-area: 2 / 2 / 2 / 6;
|
|
font-size: 18pt;
|
|
background-color: skyblue;
|
|
border-radius: 20px;
|
|
}
|
|
|
|
#testo2 {
|
|
grid-area: 1 / 6 / 2 / 10;
|
|
text-align: center;
|
|
}
|
|
|
|
#numero2 {
|
|
grid-area: 2 / 6 / 2 / 10;
|
|
font-size: 18pt;
|
|
background-color: skyblue;
|
|
border-radius: 20px;
|
|
}
|
|
|
|
#testo3 {
|
|
grid-area: 4 / 4 / 3 / 8;
|
|
text-align: center;
|
|
}
|
|
|
|
#output {
|
|
grid-area: 4 / 4 / 4 / 8;
|
|
font-size: 18pt;
|
|
border-radius: 20px;
|
|
}
|
|
#più {
|
|
grid-area: 5 / 2 / 5 / 4;
|
|
font-size: 18pt;
|
|
background-color: skyblue;
|
|
border-radius: 20px;
|
|
}
|
|
#meno {
|
|
grid-area: 5 / 4 / 5 / 6;
|
|
font-size: 18pt;
|
|
background-color: skyblue;
|
|
border-radius: 20px;
|
|
}
|
|
#per {
|
|
grid-area: 5 / 6 / 5 / 8;
|
|
font-size: 18pt;
|
|
background-color: skyblue;
|
|
border-radius: 20px;
|
|
}
|
|
#diviso {
|
|
grid-area: 5 / 8 / 5 / 10;
|
|
font-size: 18pt;
|
|
background-color: skyblue;
|
|
border-radius: 20px;
|
|
}
|