templates/higotrigo/ht_file/header.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <style>
  6.         /* Reset de box-sizing */
  7.         *, *::before, *::after {
  8.             box-sizing: border-box;
  9.         }
  10.         body {
  11.             font-family: Arial, sans-serif;
  12.             font-size: 12px;
  13.             color: #333;
  14.             margin: 0;
  15.             padding: 0;
  16.         }
  17.         /* Contenedor */
  18.         .container {
  19.             width: 100%;
  20.             padding: 10px;
  21.             margin: 0 auto;
  22.         }
  23.         /* Paneles */
  24.         .panel {
  25.             border: 1px solid #ccc;
  26.             border-radius: 3px;
  27.             margin-bottom: 10px;
  28.             background-color: #f9f9f9;
  29.         }
  31.         .panel-heading {
  32.             padding: 5px 10px;
  33.             border-bottom: 1px solid #ccc;
  34.             background-color: #e9ecef;
  35.             font-weight: bold;
  36.             font-size: 14px;
  37.             position: relative;
  38.         }
  40.         .panel-title {
  41.             margin: 0;
  42.             font-size: 14px;
  43.         }
  44.         /* Columnas basadas en flotantes */
  45.         [class*="col-xs-"] {
  46.             float: left;
  47.             padding: 5px;
  48.         }
  50.         .col-xs-12 {
  51.             width: 100%;
  52.         }
  54.         .col-xs-6 {
  55.             width: 50%;
  56.         }
  58.         .col-xs-5 {
  59.             width: 41.666667%;
  60.         }
  62.         .col-xs-4 {
  63.             width: 33.333333%;
  64.         }
  66.         .col-xs-3 {
  67.             width: 25%;
  68.         }
  70.         .col-xs-2 {
  71.             width: 16.666667%;
  72.         }
  74.         .col-xs-1 {
  75.             width: 8.333333%;
  76.         }
  77.         /* Limpiar flotados en filas */
  78.         .row {
  79.             margin-left: -5px;
  80.             margin-right: -5px;
  81.         }
  82.         /* Texto truncado */
  83.         .text-truncate {
  84.             white-space: nowrap;
  85.             overflow: hidden;
  86.             text-overflow: ellipsis;
  87.         }
  88.         /* Clearfix para limpiar flotados */
  89.         .clearfix::after {
  90.             content: "";
  91.             display: table;
  92.             clear: both;
  93.         }
  94.     </style>
  95. </head>
  96. <body>
  97.     <div class="container">
  98.         <!-- Encabezado Principal -->
  99.         <div class="panel panel-default">
  100.             <div class="panel-heading">
  101.                 <div class="row clearfix">
  102.                     <div class="col-xs-5 text-truncate">OT: {{ ht_file.title }}</div>
  103.                     <div class="col-xs-3">In: {{ ht_file.dateStart|date('d/m/Y H:i') }}</div>
  104.                     <div class="col-xs-3">Out: {{ ht_file.dateEnd|date('d/m/Y H:i') }}</div>
  105.                     <div class="col-xs-1">Pax: {{ ht_file.pax }}</div>
  106.                 </div>
  107.             </div>
  108.             <div class="panel-body">
  109.                 
  110.             </div>
  111.         </div>
  112.     </div>
  113. </body>
  114. </html>