2023-06-15 07:29:24 +02:00
|
|
|
# rolls-calculator-template
|
|
|
|
|
|
2023-06-15 07:39:31 +02:00
|
|
|
Single page template for Wordpress GeneratePress theme that contains a javascript code and form to allow calculate rolls
|
|
|
|
|
|
|
|
|
|
## CSS
|
|
|
|
|
|
|
|
|
|
Add this css code to style.css into Wordpress child theme:
|
|
|
|
|
|
|
|
|
|
```
|
|
|
|
|
.gb-container-rolls {
|
|
|
|
|
max-width: 1200px;
|
|
|
|
|
margin-right: auto;
|
|
|
|
|
margin-left: auto;
|
|
|
|
|
margin-top:80px;
|
|
|
|
|
margin-bottom: 80px;
|
|
|
|
|
display:flex;
|
|
|
|
|
align-items:center;
|
|
|
|
|
justify-content:center;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.gb-inner-rolls {
|
|
|
|
|
width:50%;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
input.error-data-roll {
|
|
|
|
|
border:1px solid red;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
input.data-roll {
|
|
|
|
|
margin-bottom:20px;
|
|
|
|
|
width:100%;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#errorrolls {
|
|
|
|
|
color:red;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#resultrolls {
|
|
|
|
|
font-size:24px;
|
|
|
|
|
margin-top:20px;
|
|
|
|
|
text-align: center;
|
|
|
|
|
}
|
|
|
|
|
```
|
