templates/base1.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>{% block title %}Cps-HR-RRHH{% endblock %}</title>
  6.     <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 128 128%22><text y=%221.2em%22 font-size=%2296%22>⚫️</text></svg>">
  7.     {% block stylesheets %}
  8.         <link href="{{ asset('vendors/bootstrap/dist/css/bootstrap.min.css') }}" rel="stylesheet">
  9.         <link href="{{ asset('build/css/jquery-ui-1.10.4.custom.css') }}" rel="stylesheet">
  10.         <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
  11.     {% endblock %}
  12. </head>
  13. <body>
  14.     <nav style="position: fixed; top: 0; left: 0; right: 0; height: 60px; 
  15.                 background-color: #007b6d; z-index: 1030; border: none;">
  16.         
  17.         <!-- Logo -->
  18.         <img src="/production/images/logo1.png" 
  19.             style="height: 40px; position: absolute; top: 10px; left: 15px;">
  20.         
  21.         <!-- Texto al lado del logo - POSICIÓN ABSOLUTA TAMBIÉN -->
  22.         <div style="position: absolute; top: 50%; left: 70px; 
  23.                     transform: translateY(-50%); color: white; 
  24.                     font-size: 12px; font-weight: bold;">
  25.             Caja Petrolera - Sistema Encuenta
  26.         </div>
  27.     </nav>
  29.     <div style="margin-top: 60px;"> <!-- Espacio para el navbar de 80px -->
  30.         {% block body %}{% endblock %}
  31.     </div>
  33.     {% block custom_stylesheets %}
  34.     <style>
  35.              body {
  36.             margin: 0;
  37.             padding: 0;
  38.             background-color: #f8f9fa;
  39.         }
  40.         
  41.         /* Eliminar cualquier borde o outline de Bootstrap */
  42.         .navbar {
  43.             border: 0 !important;
  44.             border-radius: 0 !important;
  45.             margin-bottom: 0 !important;
  46.         }
  47.         
  48.         /* Asegurar que no haya espacios */
  49.         html, body {
  50.             height: 100%;
  51.             overflow-x: hidden;
  52.         }
  53.         
  54.         /* Para que los enlaces no tengan outline */
  55.         a, a:focus, a:hover {
  56.             outline: none;
  57.             text-decoration: none;
  58.         }
  59.     </style>
  60.     {% endblock %}
  62.     {% block javascripts %}
  63.         <!-- jQuery para Bootstrap -->
  64.         <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
  65.         <!-- Bootstrap JS -->
  66.         <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
  67.     {% endblock %}
  68. </body>
  69. </html>