Non puoi selezionare più di 25 argomenti
Gli argomenti devono iniziare con una lettera o un numero, possono includere trattini ('-') e possono essere lunghi fino a 35 caratteri.
334 righe
7.4 KiB
334 righe
7.4 KiB
<!DOCTYPE html> |
|
<html> |
|
<head> |
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8" /> |
|
<title>Questionari</title> |
|
<style type="text/css"> |
|
@page { |
|
margin: 0cm; |
|
margin-top: 0.5cm; |
|
margin-left: 1.3cm; |
|
margin-right: 1.3cm; |
|
margin-bottom: 0.5cm; |
|
} |
|
.page-break { |
|
page-break-after: always; |
|
} |
|
* { |
|
margin: 0; |
|
padding: 0; |
|
box-sizing: border-box; |
|
} |
|
body { |
|
padding: 30px 40px; |
|
} |
|
body * { |
|
font-family: 'Lucida Grande', Helvetica, Arial, sans-serif; |
|
} |
|
|
|
/* MARGIN E PADDING */ |
|
|
|
.p-2{ |
|
padding: .5rem |
|
} |
|
|
|
.mt-3{ |
|
margin-top: 1rem |
|
} |
|
|
|
.mt-4{ |
|
margin-top: 1.5rem |
|
} |
|
|
|
.mt-5{ |
|
margin-top: 3rem |
|
} |
|
|
|
.mb-1{ |
|
margin-bottom: .25rem; |
|
} |
|
|
|
.mb-2{ |
|
margin-bottom: .5rem |
|
} |
|
|
|
.mb-3{ |
|
margin-bottom: 1rem |
|
} |
|
|
|
.mb-4{ |
|
margin-bottom: 1.5rem |
|
} |
|
|
|
.mb-5{ |
|
margin-bottom: 3rem |
|
} |
|
|
|
.pb-1{ |
|
margin-bottom: .25rem; |
|
} |
|
|
|
.pb-2{ |
|
margin-bottom: .5rem |
|
} |
|
|
|
.pb-3{ |
|
margin-bottom: 1rem |
|
} |
|
|
|
.pb-4{ |
|
margin-bottom: 1.5rem |
|
} |
|
|
|
.pb-5{ |
|
margin-bottom: 3rem |
|
} |
|
|
|
/* width & height */ |
|
|
|
.w-20{ |
|
width: 20%; |
|
} |
|
|
|
.w-25{ |
|
width: 25%; |
|
} |
|
|
|
.w-30{ |
|
width: 30%; |
|
} |
|
|
|
|
|
.w-40{ |
|
width: 40%; |
|
} |
|
|
|
.w-50{ |
|
width: 50%; |
|
} |
|
|
|
.w-60{ |
|
width: 60%; |
|
} |
|
|
|
.w-70{ |
|
width: 70%; |
|
} |
|
|
|
.w-100{ |
|
width: 100%; |
|
} |
|
|
|
|
|
/* variable */ |
|
.d-block{ |
|
display: block; |
|
} |
|
|
|
.f-13_5 { |
|
font-size: 13.5px; |
|
} |
|
|
|
.f-18{ |
|
font-size: 18px; |
|
} |
|
|
|
.text-center{ |
|
text-align: center; |
|
} |
|
|
|
.text-bold{ |
|
font-weight: bold; |
|
} |
|
|
|
.title{ |
|
background-color: white; |
|
} |
|
|
|
.table { |
|
font-family: Arial, Helvetica, sans-serif; |
|
border-collapse: collapse; |
|
width: 100%; |
|
border: 1px solid #dee2e6 !important; |
|
} |
|
|
|
.table td, |
|
.table th{ |
|
padding: 7px; |
|
border: 1px solid #dee2e6 !important; |
|
} |
|
|
|
.table tr:nth-child(odd){ |
|
background-color: white; |
|
} |
|
|
|
.table tr:nth-child(even){ |
|
background-color: #DDD; |
|
} |
|
|
|
|
|
/* Adattamento css */ |
|
.collapse{ |
|
display: none; |
|
} |
|
.form-group > span { |
|
padding-left: 15px; |
|
} |
|
|
|
.form-group > label::after { |
|
content:":"; |
|
} |
|
|
|
.card-header{ |
|
width: 100%; |
|
text-align: center; |
|
padding: 7px; |
|
border: 1px solid #dee2e6 !important; |
|
font-weight: bold; |
|
margin-top: 3rem; |
|
margin-bottom: 10px; |
|
/* page-break-before:always; */ |
|
} |
|
a{ |
|
pointer-events: none; |
|
cursor: default; |
|
text-decoration: none; |
|
color: black; |
|
} |
|
|
|
/* GROUP panel*/ |
|
|
|
div[id^="group-panel-"] .card-body .row .col-12, |
|
div[id^="group-panel-"] .card-body > .row > .col-lg-12, |
|
div[id^="group-panel-"] .card-body > .row > .col-12 > .form-group, |
|
div[id^="group-panel-"] .card-body > .row > .col-12 > .row > .col-12 { |
|
border: 1px solid #dee2e6 !important; |
|
padding: 7px; |
|
width: 100% |
|
} |
|
|
|
div[id^="group-panel-"] .card-body > .row > .col-12 > .form-group, |
|
div[id^="group-panel-"] .card-body > .row > .col-12 > .row > .col-12:nth-last-of-type(2){ |
|
background-color: #DDD; |
|
} |
|
|
|
div[id^="group-panel-"] label:after{ |
|
content: ":"; |
|
} |
|
|
|
div[id^="group-panel-"] .col-12 span{ |
|
padding-left: 15px; |
|
} |
|
|
|
div[id^="group-panel-"] .card-body .row .col-12:nth-child(odd){ |
|
background-color: #DDD; |
|
} |
|
div[id^="group-panel-"] .card-body .row .col-12:nth-child(even){ |
|
background-color: white; |
|
} |
|
div[id^="group-panel-"] .card-body > .row > .col-12:nth-last-child(n) .form-group, |
|
div[id^="group-panel-"] .card-body > .row > .col-12:nth-last-child(n) .row .col-12{ |
|
background-color: white; |
|
} |
|
|
|
/* GROUP Body*/ |
|
div[id^="group-body-"] > span { |
|
padding: 7px; |
|
border: 1px solid #dee2e6 !important; |
|
font-size: 16px; |
|
font-weight: bold; |
|
} |
|
|
|
div[id^="group-body-"] > .row { |
|
padding: 7px; |
|
border: 1px solid #dee2e6 !important; |
|
background-color: #DDD; |
|
} |
|
div[id^="group-body-"] > .row .col-12:first-child { |
|
width: 91%; |
|
float: left; |
|
box-sizing: border-box; |
|
} |
|
div[id^="group-body-"] > .row .col-12:last-child { |
|
width: 9%; |
|
float: left; |
|
box-sizing: border-box; |
|
/* max-height: 10px; */ |
|
text-align: center; |
|
} |
|
div[id^="group-body-"] > .row:after { |
|
content:""; |
|
display:block; |
|
clear:both; |
|
} |
|
|
|
/* GROUP CONTENT */ |
|
div[id^="group-content-"] .conditional .row .col-12{ |
|
border: 1px solid #dee2e6 !important; |
|
padding: 7px; |
|
width: 100%; |
|
} |
|
div[id^="group-content-"] .conditional .row .col-12:nth-child(even){ |
|
background-color: #DDD; |
|
} |
|
|
|
/* Group */ |
|
div[id^="group-"] > .row { |
|
padding: 7px; |
|
border: 1px solid #dee2e6 !important; |
|
background-color: #DDD; |
|
} |
|
div[id^="group-"] > .row > .col-12:first-child { |
|
width: 91%; |
|
float: left; |
|
box-sizing: border-box; |
|
} |
|
div[id^="group-"] > .row > .col-12:last-child { |
|
width: 9%; |
|
float: left; |
|
box-sizing: border-box; |
|
text-align: center; |
|
} |
|
|
|
div[id^="group-"] > .row:after { |
|
content:""; |
|
display:block; |
|
clear:both; |
|
} |
|
|
|
/* DA QUI IN POI SI DEVONO SPECIFICARE LE CLASSI */ |
|
#body-fatturato-soa > .card > .form-group{ |
|
border: 1px solid #dee2e6 !important; |
|
padding: 7px; |
|
width: 100%; |
|
} |
|
|
|
#body-fatturato-soa .d-flex .flex-fill{ |
|
border: 1px solid #dee2e6 !important; |
|
padding: 7px; |
|
width: 100%; |
|
text-align: left; |
|
} |
|
|
|
#body-fatturato-soa .d-flex .flex-fill:nth-child(odd){ |
|
background-color: #DDD; |
|
} |
|
|
|
#body-servizi-tecnici .col-12{ |
|
border: 1px solid #dee2e6 !important; |
|
padding: 7px; |
|
width: 100%; |
|
text-align: left; |
|
} |
|
|
|
#body-servizi-tecnici .col-12:nth-child(odd){ |
|
background-color: #DDD; |
|
} |
|
|
|
</style> |
|
</head> |
|
|
|
<body> |
|
##--html--## |
|
</body> |
|
</html> |