This commit is contained in:
Antonio Lopes dos Santos
331
api/resources/views/impressoes/layout/style.blade.php
Normal file
331
api/resources/views/impressoes/layout/style.blade.php
Normal file
@@ -0,0 +1,331 @@
|
||||
<style>
|
||||
/* 1cm = ~37/38px */
|
||||
@page {
|
||||
margin: 125px 0.5cm 79px 0.5cm;
|
||||
color: #222;
|
||||
font-size: 12px; /* Se alterar aqui, alterar a classe .font-size-default abaixo! */
|
||||
font-family: Helvetica;
|
||||
}
|
||||
|
||||
/*
|
||||
* Layout base.
|
||||
*/
|
||||
header { position: fixed; top: -113px; left: 0; height: 71px; }
|
||||
footer { position: fixed; bottom: -59px; left: 0; height: 53px; margin: 0 !important; }
|
||||
|
||||
#logotipo { width: 60px; }
|
||||
|
||||
.paginacao:before { content: "Página " counter(page); }
|
||||
.wrapper-titulo { position: fixed; top: -33px; margin: 0 0 0.4cm 0; }
|
||||
.titulo { padding: 0; text-align: center; font-size: 18px; line-height: 18px; text-transform: uppercase; }
|
||||
|
||||
.assinatura tr + tr td { line-height: 1; }
|
||||
.assinatura tr:nth-child(2) td { padding: 5px 0 0 0; }
|
||||
.assinatura tr:first-child td { border-bottom: 2px solid #222; }
|
||||
|
||||
/*
|
||||
* Pages.
|
||||
*/
|
||||
|
||||
.page { page-break-before: always; }
|
||||
.page:first-child { page-break-before: avoid; }
|
||||
.no-break-inside { page-break-inside: avoid; }
|
||||
|
||||
/*
|
||||
* Columns.
|
||||
*/
|
||||
.col-min { width: 1%; white-space: nowrap; }
|
||||
.col-1 { width: 8.33333%; }
|
||||
.col-2 { width: 16.66667%; }
|
||||
.col-3 { width: 25%; }
|
||||
.col-4 { width: 33.33333%; }
|
||||
.col-5 { width: 41.66667%; }
|
||||
.col-6 { width: 50%; }
|
||||
.col-7 { width: 58.33333%; }
|
||||
.col-8 { width: 66.66667%; }
|
||||
.col-9 { width: 75%; }
|
||||
.col-10 { width: 83.33333%; }
|
||||
.col-11 { width: 91.66667%; }
|
||||
.col-12 { width: 100%; }
|
||||
|
||||
/*
|
||||
* Margins.
|
||||
*/
|
||||
.pa-0 { padding: 0px; }
|
||||
.pa-1 { padding: 15px; }
|
||||
.pa-2 { padding: 30px; }
|
||||
|
||||
.pt-0 { padding-top: 0px; }
|
||||
.pt-1 { padding-top: 15px; }
|
||||
.pt-2 { padding-top: 30px; }
|
||||
|
||||
.pr-0 { padding-right: 0px; }
|
||||
.pr-1 { padding-right: 15px; }
|
||||
.pr-2 { padding-right: 30px; }
|
||||
|
||||
.pb-0 { padding-bottom: 0px; }
|
||||
.pb-1 { padding-bottom: 15px; }
|
||||
.pb-2 { padding-bottom: 30px; }
|
||||
|
||||
.pl-0 { padding-left: 0px; }
|
||||
.pl-1 { padding-left: 15px; }
|
||||
.pl-2 { padding-left: 30px; }
|
||||
|
||||
/*
|
||||
* Paddings.
|
||||
*/
|
||||
.ma-0 { margin: 0px; }
|
||||
.ma-1 { margin: 15px; }
|
||||
.ma-2 { margin: 30px; }
|
||||
|
||||
.mt-0 { margin-top: 0px; }
|
||||
.mt-1 { margin-top: 15px; }
|
||||
.mt-2 { margin-top: 30px; }
|
||||
|
||||
.mr-0 { margin-right: 0px; }
|
||||
.mr-1 { margin-right: 15px; }
|
||||
.mr-2 { margin-right: 30px; }
|
||||
|
||||
.mb-0 { margin-bottom: 0px; }
|
||||
.mb-1 { margin-bottom: 15px; }
|
||||
.mb-2 { margin-bottom: 30px; }
|
||||
|
||||
.ml-0 { margin-left: 0px; }
|
||||
.ml-1 { margin-left: 15px; }
|
||||
.ml-2 { margin-left: 30px; }
|
||||
|
||||
/*
|
||||
* Colors.
|
||||
*/
|
||||
.red { background: rgba(255,0,0,0.1); }
|
||||
.blue { background: blue }
|
||||
.green { background: green }
|
||||
.orange { background: orange }
|
||||
.gray { background: #AAAAAA }
|
||||
|
||||
/*
|
||||
* Backgrounds
|
||||
*/
|
||||
.no-background-color { background-color: transparent !important; }
|
||||
|
||||
/*
|
||||
* Fonts.
|
||||
*/
|
||||
.font-size-default { font-size: 12px !important; }
|
||||
.font-small { font-size: 11px !important; }
|
||||
.font-tiny { font-size: 10px; }
|
||||
.font-large { font-size: 22px; }
|
||||
.font-weight-normal { font-weight: normal !important; }
|
||||
|
||||
/*
|
||||
* Texts.
|
||||
*/
|
||||
.no-text-transform { text-transform: none !important; }
|
||||
|
||||
/*
|
||||
* Tables.
|
||||
*/
|
||||
table { width: 100%; border-collapse: collapse; }
|
||||
th { font-family: sans-serif; }
|
||||
td { vertical-align: top; }
|
||||
|
||||
.table { border: 1px solid #222; }
|
||||
.table td, .table th { padding: 5px; vertical-align: middle; border: 1px solid #222; }
|
||||
.table th { text-align: left; background: rgba(0,0,0,0.2); }
|
||||
.table thead td { text-align: left; background: rgba(0,0,0,0.4); }
|
||||
.table tbody tr:nth-child(odd) td { background: rgba(0,0,0,0.1); }
|
||||
|
||||
.table .filter { background-color: #FFF; border: none }
|
||||
.table .filter td { border: none, background-color: #FFF !important}
|
||||
|
||||
/* table-grid */
|
||||
.table-grid {
|
||||
margin: 0;
|
||||
border: 1px solid #000;
|
||||
}
|
||||
.table-grid-inner {
|
||||
margin: -2px -5px;
|
||||
border: none;
|
||||
}
|
||||
.table-grid > thead > tr > th,
|
||||
.table-grid > tbody > tr > th,
|
||||
.table-grid > tbody > tr > td,
|
||||
.table-grid-inner > thead > tr > th,
|
||||
.table-grid-inner > tbody > tr > th,
|
||||
.table-grid-inner > tbody > tr > td {
|
||||
padding: 2px 5px;
|
||||
border: 1px solid #000;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.table-grid > thead.table-grid-sub-content > tr > th:first-of-type,
|
||||
.table-grid > tbody.table-grid-sub-content > tr > th:first-of-type,
|
||||
.table-grid > tbody.table-grid-sub-content > tr > td:first-of-type,
|
||||
.table-grid-inner > thead.table-grid-sub-content > tr > th:first-of-type,
|
||||
.table-grid-inner > tbody.table-grid-sub-content > tr > th:first-of-type,
|
||||
.table-grid-inner > tbody.table-grid-sub-content > tr > td:first-of-type {
|
||||
padding-left: 10px !important;
|
||||
}
|
||||
.table-grid > thead.table-grid-sub-content > tr > th:last-of-type,
|
||||
.table-grid > tbody.table-grid-sub-content > tr > th:last-of-type,
|
||||
.table-grid > tbody.table-grid-sub-content > tr > td:last-of-type,
|
||||
.table-grid-inner > thead.table-grid-sub-content > tr > th:last-of-type,
|
||||
.table-grid-inner > tbody.table-grid-sub-content > tr > th:last-of-type,
|
||||
.table-grid-inner > tbody.table-grid-sub-content > tr > td:last-of-type {
|
||||
padding-right: 10px !important;
|
||||
}
|
||||
.table-grid > thead > tr > th,
|
||||
.table-grid > tbody > tr > th,
|
||||
.table-grid-inner > thead > tr > th,
|
||||
.table-grid-inner > tbody > tr > th {
|
||||
font-size: 15px;
|
||||
font-weight: bold;
|
||||
text-align: left;
|
||||
text-transform: uppercase;
|
||||
background-color: #ebebeb;
|
||||
}
|
||||
.table-grid > thead > tr > th.table-grid-subtitle,
|
||||
.table-grid > tbody > tr > th.table-grid-subtitle,
|
||||
.table-grid-inner > thead > tr > th.table-grid-subtitle,
|
||||
.table-grid-inner > tbody > tr > th.table-grid-subtitle {
|
||||
font-size: 12px !important;
|
||||
background-color: transparent !important;
|
||||
}
|
||||
.table-grid-inner > thead > tr:first-child > th,
|
||||
.table-grid-inner > tbody > tr:first-child > th,
|
||||
.table-grid-inner > tbody > tr:first-child > td {
|
||||
border-top: none;
|
||||
}
|
||||
.table-grid-inner > thead > tr:last-child > th,
|
||||
.table-grid-inner > tbody > tr:last-child > th,
|
||||
.table-grid-inner > tbody > tr:last-child > td {
|
||||
border-bottom: none;
|
||||
}
|
||||
.table-grid-inner > thead > tr > th:first-child,
|
||||
.table-grid-inner > tbody > tr > th:first-child,
|
||||
.table-grid-inner tbody > tr > td:first-child {
|
||||
border-left: none;
|
||||
}
|
||||
.table-grid-inner > thead > tr > th:last-child,
|
||||
.table-grid-inner > tbody > tr > th:last-child,
|
||||
.table-grid-inner tbody > tr > td:last-child {
|
||||
border-right: none;
|
||||
}
|
||||
.table-grid-inner > thead + tbody > tr:first-child > th,
|
||||
.table-grid-inner > thead + tbody > tr:first-child > td {
|
||||
border-top: 1px solid #000;
|
||||
}
|
||||
/* *** */
|
||||
/* table-grid-group */
|
||||
/* BUG: Se tiver apenas um table-grid buga as bordas top e bottom. */
|
||||
.table-grid-group,
|
||||
.table-grid-margin-bottom {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.table-grid-group > table.table-grid:first-of-type {
|
||||
border-top: 1px solid #000 !important;
|
||||
border-bottom: none !important;
|
||||
}
|
||||
.table-grid-group > table.table-grid {
|
||||
border-top: none;
|
||||
border-bottom: none;
|
||||
}
|
||||
.table-grid-group > table.table-grid:last-of-type {
|
||||
border-top: none !important;
|
||||
border-bottom: 1px solid #000 !important;
|
||||
}
|
||||
/* *** */
|
||||
|
||||
.table-inner-border td, .table-inner-border th { border: 1px solid #000; }
|
||||
.table-inner-border tr:first-child th { border-top: 0; }
|
||||
.table-inner-border tr:last-child td { border-bottom: 0; }
|
||||
.table-inner-border tr td:first-child, .table-inner-border tr th:first-child { border-left: 0; }
|
||||
.table-inner-border tr td:last-child, .table-inner-border tr th:last-child { border-right: 0; }
|
||||
|
||||
.tableset { width: 100%; margin: 0; padding: 0; }
|
||||
.tableset > .tableset-row { display: table; width: 100%; margin: 12px 0 0 0; padding: 0; border: 1px solid #000; }
|
||||
.tableset > .tableset-row > .tableset-cell { display: table-cell; vertical-align: bottom; position: relative; margin: 0; padding: 1px 5px; border-right: 1px solid #000; }
|
||||
.tableset > .tableset-row > .tableset-cell:last-child { border-right: none; }
|
||||
.tableset > .tableset-row > .tableset-cell > .tableset-cell-legend { position: absolute; top: -11px; left: 8px; padding: 0 4px; background-color: #FFF; font-size: 10px; font-weight: bold; }
|
||||
fieldset > .tableset > .tableset-row:first-of-type { margin-top: 9px; }
|
||||
|
||||
/*
|
||||
* Borders.
|
||||
*/
|
||||
[class*='border'] { border: 0px solid #222 !important; }
|
||||
|
||||
.border-all { border: 1px solid #000000; } .border-all.border-thick { border: 2px solid #000000; }
|
||||
.border-top { border-top: 1px solid #000000; } .border-top.border-thick { border-top: 2px solid #000000; }
|
||||
.border-right { border-right: 1px solid #000000; } .border-right.border-thick { border-right: 2px solid #000000; }
|
||||
.border-bottom { border-bottom: 1px; } .border-bottom.border-thick { border-bottom: 2px; }
|
||||
.border-left { border-left: 1px; } .border-left.border-thick { border-left: 2px; }
|
||||
.no-radius { border-radius: 0px; }
|
||||
.no-border: { border: none !important }
|
||||
.no-border-top { border-top: none !important; }
|
||||
.no-border-right { border-right: none !important; }
|
||||
.no-border-left { border-left: none !important; }
|
||||
.no-border-bottom { border-bottom: none !important; }
|
||||
|
||||
/*
|
||||
* Aligns.
|
||||
*/
|
||||
.center { margin: auto; }
|
||||
|
||||
.text-center { text-align: center !important; }
|
||||
.text-right { text-align: right !important; }
|
||||
.text-left { text-align: left !important; }
|
||||
.text-justify { text-align: justify !important; }
|
||||
|
||||
.vertical-align-top td, .vertical-align-top { vertical-align: top !important; }
|
||||
.vertical-align-middle td, .vertical-align-middle { vertical-align: middle !important; }
|
||||
.vertical-align-bottom td, .vertical-align-bottom { vertical-align: bottom !important; }
|
||||
|
||||
/*
|
||||
* Grid.
|
||||
*/
|
||||
.grid, .grid td, .grid th { border: none; }
|
||||
header .grid td { padding: 0 0 0.20cm 0; }
|
||||
footer .grid td { padding: 0.20cm 0 0 0; }
|
||||
.grid tr td { padding-left: 0.125cm; padding-right: 0.125cm; }
|
||||
.grid tr td:first-child { padding-left: 0cm; }
|
||||
.grid tr td:last-child { padding-right: 0cm; }
|
||||
|
||||
.row { display: table; width: 100%; }
|
||||
.cell { display: table-cell; }
|
||||
|
||||
/*
|
||||
* Fieldsets.
|
||||
*/
|
||||
fieldset { border: 1px solid #222; border-radius: 2px; margin: 11px 0 0 0;}
|
||||
fieldset > legend { font-weight: bold; top: -11px }
|
||||
|
||||
.fieldset { border: 1px solid #222; padding: 10px; border-radius: 2px; position: relative; margin-bottom: 15px; }
|
||||
.fieldset .legend { font-weight: bold; position: absolute; top: -11px; left: 10px; padding: 0 9px; background: #FFF; display: inline-block; }
|
||||
|
||||
.area { padding: 0.1cm 0 0.1cm 0; }
|
||||
|
||||
/*
|
||||
* Fields.
|
||||
*/
|
||||
.campo-option .option * { display: inline-block; vertical-align: middle; }
|
||||
.campo-option .option i { border: 1px solid #222; height: 13px; width: 13px; display: inline-block; }
|
||||
.campo-option.checkbox .option i { border-radius: 3px; }
|
||||
.campo-option.radio .option i { border-radius: 6px; }
|
||||
.campo-option .option.checked i { background: #3f6ad8; }
|
||||
.campo-option-inline > .campo-option > .option { display: inline; }
|
||||
|
||||
/*
|
||||
* Utils.
|
||||
*/
|
||||
.manual-line { height: 8px!important; border-bottom: 0!important; }
|
||||
.manual-area { border: 1px solid #000000!important }
|
||||
|
||||
.empty-cell { height: 18px; }
|
||||
.empty-date { font-size: 15px; }
|
||||
.empty-date::after { content: '_____/_____/_____' }
|
||||
|
||||
/*
|
||||
* Others.
|
||||
*/
|
||||
.label { margin-bottom: 2px; }
|
||||
|
||||
</style>
|
||||
Reference in New Issue
Block a user