File manager - Edit - /var/www/html/spdc/api/resources/views/scriptures/partials/layout.blade.php
Back
<!DOCTYPE html> <html lang="pt-br"> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <head> <style> * { box-sizing: border-box; /* Evita que as bordas ou preenchimento afetem a largura */ border: 0; margin: 0; padding: 0; } body { font-family: 'Times New Roman', serif; font-size: 14px; } .header { text-align: center; font-size: 0; /* Remove espaço entre elementos inline-block */ position: fixed; top: 2cm; left: 0; right: 0; text-align: center; } .header > div { display: inline-block; vertical-align: middle; /* Alinhar verticalmente ao centro */ margin-right: 8px; /* Espaço de 8px entre as divs */ font-size: 14px; /* Defina o tamanho de fonte desejado */ text-align: center; /* Alinhar o texto à esquerda dentro das divs */ } .header > div:last-child { margin-right: 0; /* Remova a margem direita da última div */ } .title { text-align: center; } .two-divs-space-between { text-align: center; /* Centraliza o conteúdo horizontalmente */ width: 100%; } .main { position: absolute; top: 150px; bottom: 150px; left: 3cm; right: 2cm; } .two-divs-space-between > div { display: inline-block; width: 49.5%; /*Largura máxima de 50% para ocupar o máximo de espaço possível */ text-align: left; /* Alinha o texto à esquerda dentro das divs */ vertical-align: middle; /* Alinha verticalmente as divs */ } .text-center { text-align: center; } .text-right { text-align: right; } .text-justify { text-align: justify; text-justify: inter-word; } .table { width: 100%; border-collapse: collapse; } .table th, .table td { padding: 8px 12px; border: 1px solid #ccc; text-align: left; width: 50%; /* Set width to 50% for equal proportions */ } .table th { background-color: #f2f2f2; font-weight: bold; } /* Optional styles for table rows */ .table tr:nth-child(even) { background-color: #f9f9f9; } /* Optional hover effect for table rows */ .table tr:hover { background-color: #e0e0e0; } .mt-5 { margin-top: 5px; } .mt-10 { margin-top: 10px; } .mb-3 { margin-bottom: 3px; } .font-16 { font-size: 16px; } .footer { position: fixed; bottom: 2cm; left: 3cm; right: 2cm; text-align: center; z-index: 0; /* Z-index menor para o rodapé */ font-size: 10px; } .signature { position: fixed; left: 3cm; right: 2cm; bottom: 150px; text-align: center; z-index: 1; /* Garante que a assinatura esteja acima do rodapé */ } .page-break-after { page-break-after: always; } .page-break { page-break-before: always; } /* Use the @page rule to define footer behavior */ @page { /* Define the size and margins of the printed page */ size: A4; /* You can adjust the page size as needed */ footer: { content: element(footer); } } </style> </head> <body> <div class="signature"> @yield('scripture-signature') </div> <div class="footer"> <p>Avenida Almirante Júlio Cesar de Noronha, 271, São Bento</p> <p>Angra dos Reis-RJ, CEP: 23.900-010</p> <p>Tel.: (24) 3365-4588/ (24) 3377-7991</p> <p>Emergência: 199</p> @yield('scripture-footer') </div> <div class="header"> <div class="header-logo-1"> <img height="60px" src="{{ public_path('/images/logo-angra.png') }}" alt="Logo" class="logo"> </div> <div class="header-text"> Estado do Rio de Janeiro<br> Município de Angra dos Reis<br> Defesa Civil Municipal de Angra dos Reis </div> <div class="header-logo-2"> <img height="60px" src="{{ public_path('/images/logo-dc.png') }}" alt="Logo" class="logo"> </div> </div> <div class="main"> <div class="title"> <h3>@yield('scripture-title')</h3> </div> @yield('scripture-main') </div> </body> </html>
| ver. 1.4 |
Github
|
.
| PHP 8.3.28 | Generation time: 0.02 |
proxy
|
phpinfo
|
Settings