Herramientas de usuario

Herramientas del sitio

Traza: • rvm
companias:omk

Diferencias

Muestra las diferencias entre dos versiones de la página.

Enlace a la vista de comparación

Ambos lados, revisión anteriorRevisión previa
Próxima revisión		Revisión previa
companias:omk [2026/05/20 15:58] – jesuscompanias:omk [2026/05/20 17:02] (actual) – jesus
Línea 41: Línea 41:
   }   }
      
-  /* Asegura el reescalado correcto del logo de DokuWiki */ 
   .portada-ficha-container img {   .portada-ficha-container img {
     max-width: 100% !important;     max-width: 100% !important;
Línea 57: Línea 56:
   .datos-ficha h2 { margin: 0 !important; font-size: 1.8em !important; color: #00ff00 !important; text-transform: uppercase; text-shadow: 0 0 10px #00ff00; }   .datos-ficha h2 { margin: 0 !important; font-size: 1.8em !important; color: #00ff00 !important; text-transform: uppercase; text-shadow: 0 0 10px #00ff00; }
      
 +  /* Formateo de la bandera para integrarse limpiamente al lado del título */
 +  .bandera-pais img {
 +    height: 24px !important;
 +    width: auto !important;
 +    border: 1px solid #00ff00;
 +    box-shadow: 0 0 5px #00ff00;
 +    display: block;
 +  }
 +
   .dato-linea { margin: 8px 0; font-size: 0.95em; display: flex; }   .dato-linea { margin: 8px 0; font-size: 0.95em; display: flex; }
   .dato-etiqueta { color: #008800; font-weight: bold; min-width: 180px; text-transform: uppercase; }   .dato-etiqueta { color: #008800; font-weight: bold; min-width: 180px; text-transform: uppercase; }
   .dato-valor { color: #00ff00; flex: 1; }   .dato-valor { color: #00ff00; flex: 1; }
-   
-  .link-editorial { color: #00ff00 !important; text-decoration: underline !important; font-weight: bold; } 
  
   /* --- BLOQUES DE SECCIÓN --- */   /* --- BLOQUES DE SECCIÓN --- */
Línea 79: Línea 85:
   .index-subitem::before { content: "├─ "; color: #008800; }   .index-subitem::before { content: "├─ "; color: #008800; }
  
-  /* Enlaces de DokuWiki integrados */ +  /* --- SISTEMA LIGHTBOX EN FILA (CSS PURO) --- */ 
-  .pcw-wiki-link a { color: #ffb000 !important; text-shadow: 0 0 5px rgba(255,176,0,0.5); text-decoration: underline !important; }+  .pcw-gallery-row { 
 +    display: flex; 
 +    flex-wrap: wrap; 
 +    gap: 15px; 
 +    justify-content: space-between; 
 +    padding: 10px 0; 
 +  } 
 + 
 +  .pcw-gallery-item { 
 +    flex: 1; 
 +    min-width: 150px; 
 +    max-width: 23%; 
 +    background: #111; 
 +    border: 2px solid #00ff00; 
 +    padding: 8px; 
 +    text-align: center; 
 +    box-sizing: border-box; 
 +  } 
 + 
 +  .pcw-thumb-container { 
 +    width: 100%; 
 +    height: 180px; 
 +    display: flex; 
 +    align-items: center; 
 +    justify-content: center; 
 +    overflow: hidden; 
 +    background: #050505; 
 +    cursor: pointer; 
 +  } 
 + 
 +  .pcw-thumb-container img { 
 +    max-width: 100% !important; 
 +    max-height: 100% !important; 
 +    object-fit: contain !important; 
 +    display: block; 
 +  } 
 + 
 +  .pcw-gallery-caption { 
 +    font-size: 0.75em; 
 +    color: #00ff00; 
 +    margin-top: 8px; 
 +    line-height: 1.3; 
 +    height: 34px; 
 +    overflow: hidden; 
 +  } 
 + 
 +  .pcw-lightbox { 
 +    display: none; 
 +    position: fixed; 
 +    z-index: 9999; 
 +    top: 0; left: 0; width: 100%; height: 100%; 
 +    background: rgba(0, 11, 0, 0.95); 
 +    text-align: center; 
 +    align-items: center; 
 +    justify-content: center; 
 +    border: 4px solid #00ff00; 
 +    box-sizing: border-box; 
 +  } 
 + 
 +  .pcw-lightbox:target { 
 +    display: flex; 
 +  } 
 + 
 +  .pcw-lightbox img { 
 +    max-width: 90vw !important; 
 +    max-height: 85vh !important; 
 +    object-fit: contain; 
 +    border: 3px solid #00ff00; 
 +    box-shadow: 0 0 30px rgba(0, 255, 0, 0.5); 
 +  } 
 + 
 +  .pcw-lightbox-close-hint { 
 +    position: absolute; 
 +    bottom: 20px; 
 +    left: 50%; 
 +    transform: translateX(-50%); 
 +    color: #00ff00; 
 +    font-size: 0.9em; 
 +    text-transform: uppercase; 
 +    letter-spacing: 2px; 
 +    text-shadow: 0 0 5px #00ff00; 
 +  }
  
   @media (max-width: 700px) {   @media (max-width: 700px) {
     .ficha-libro-crt { flex-direction: column; align-items: center; }     .ficha-libro-crt { flex-direction: column; align-items: center; }
     .dato-linea { flex-direction: column; }     .dato-linea { flex-direction: column; }
 +    .pcw-gallery-item { max-width: 46%; }
 +  }
 +  @media (max-width: 450px) {
 +    .pcw-gallery-item { max-width: 100%; }
   }   }
 </style> </style>
Línea 98: Línea 189:
       <div class="titulo-linea">       <div class="titulo-linea">
         <h2>FICHA TÉCNICA</h2>         <h2>FICHA TÉCNICA</h2>
 +        <span class="bandera-pais"></html>{{botones:españa.jpg?nolink}}<html></span>
       </div>       </div>
       <div class="dato-linea"><span class="dato-etiqueta">NOMBRE:</span><span class="dato-valor">Omikron Soft (OMK)</span></div>       <div class="dato-linea"><span class="dato-etiqueta">NOMBRE:</span><span class="dato-valor">Omikron Soft (OMK)</span></div>
Línea 129: Línea 221:
   <!-- 3. GALERÍA DE MATERIAL GRÁFICO PRESERVADO -->   <!-- 3. GALERÍA DE MATERIAL GRÁFICO PRESERVADO -->
   <div class="pcw-section-box">   <div class="pcw-section-box">
-    <div class="pcw-section-title">Archivo Fotográfico de Producción</div> +    <div class="pcw-section-title">Archivo Fotografico de Producción</div> 
-    <div style="display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; padding: 10px;"> +    <div class="pcw-gallery-row"> 
-      <div style="border: 2px solid #00ff00; padding: 10px; background: #111; text-align: center; width: 220px;"> +       
-        </html>{{compañias:logos:Franciscolozano.jpg?nolink&200|}}<html> +      <!-- FOTO 1 --> 
-        <div style="font-size: 0.8em; color: #00ff00; margin-top: 5px;">Francisco Lozano<br>(Director General de OMK)</div>+      <div class="pcw-gallery-item"> 
 +        <a href="#img1" style="text-decoration: none !important;"> 
 +          <div class="pcw-thumb-container"> 
 +            </html>{{compañias:logos:franciscolozano.jpg?nolink}}<html> 
 +          </div> 
 +        </a> 
 +        <div class="pcw-gallery-caption">Francisco Lozano (Director OMK)</div>
       </div>       </div>
-      <div style="border: 2px solid #00ff00; padding: 10px; background: #111; text-align: center; width: 220px;"> +      <a href="#close" id="img1" class="pcw-lightbox" style="text-decoration: none !important;"> 
-        </html>{{compañias:logos:antonio_omk.jpg?nolink&200|}}<html> +        <div> 
-        <div style="font-size: 0.8em; color: #00ff00; margin-top: 5px;">Antonio<br>(Programador de Sistemas OMK)</div>+          </html>{{compañias:logos:franciscolozano.jpg?nolink}}<html> 
 +          <div class="pcw-lightbox-close-hint">[ HACER CLIC PARA CERRAR ]</div> 
 +        </div> 
 +      </a> 
 + 
 +      <!-- FOTO 2 --> 
 +      <div class="pcw-gallery-item"> 
 +        <a href="#img2" style="text-decoration: none !important;"> 
 +          <div class="pcw-thumb-container"> 
 +            </html>{{compañias:logos:antonio_omk.jpg?nolink}}<html> 
 +          </div> 
 +        </a> 
 +        <div class="pcw-gallery-caption">Antonio (Programador OMK)</div>
       </div>       </div>
-      <div style="border: 2px solid #00ff00; padding: 10px; background: #111; text-align: center; width: 220px;"> +      <a href="#close" id="img2" class="pcw-lightbox" style="text-decoration: none !important;"> 
-        </html>{{compañias:logos:victordieguez.jpg?nolink&200|}}<html> +        <div> 
-        <div style="font-size: 0.8em; color: #00ff00; margin-top: 5px;">Víctor Diéguez García<br>(Jefe de Desarrollo / I+D)</div>+          </html>{{compañias:logos:antonio_omk.jpg?nolink}}<html> 
 +          <div class="pcw-lightbox-close-hint">[ HACER CLIC PARA CERRAR ]</div> 
 +        </div> 
 +      </a> 
 + 
 +      <!-- FOTO 3 --> 
 +      <div class="pcw-gallery-item"> 
 +        <a href="#img3" style="text-decoration: none !important;"> 
 +          <div class="pcw-thumb-container"> 
 +            </html>{{compañias:logos:victordieguez.jpg?nolink}}<html> 
 +          </div> 
 +        </a> 
 +        <div class="pcw-gallery-caption">Víctor Diéguez (Jefe Desarrollo)</div>
       </div>       </div>
-      <div style="border: 2px solid #00ff00; padding: 10px; background: #111; text-align: center; width: 220px;"> +      <a href="#close" id="img3" class="pcw-lightbox" style="text-decoration: none !important;"> 
-        </html>{{compañias:logos:victordieguez2.jpg?nolink&200|}}<html> +        <div> 
-        <div style="font-size: 0.8em; color: #00ff00; margin-top: 5px;">Víctor Diéguez<br>(Sesión Técnica de Entrevista)</div>+          </html>{{compañias:logos:victordieguez.jpg?nolink}}<html> 
 +          <div class="pcw-lightbox-close-hint">[ HACER CLIC PARA CERRAR ]</div> 
 +        </div> 
 +      </a> 
 + 
 +      <!-- FOTO 4 --> 
 +      <div class="pcw-gallery-item"> 
 +        <a href="#img4" style="text-decoration: none !important;"> 
 +          <div class="pcw-thumb-container"> 
 +            </html>{{compañias:logos:victordieguez2.jpg?nolink}}<html> 
 +          </div> 
 +        </a> 
 +        <div class="pcw-gallery-caption">Víctor Diéguez</div>
       </div>       </div>
 +      <a href="#close" id="img4" class="pcw-lightbox" style="text-decoration: none !important;">
 +        <div>
 +          </html>{{compañias:logos:victordieguez2.jpg?nolink}}<html>
 +          <div class="pcw-lightbox-close-hint">[ HACER CLIC PARA CERRAR ]</div>
 +        </div>
 +      </a>
 +
     </div>     </div>
   </div>   </div>
companias/omk.1779292681.txt.gz · Última modificación: por jesus