de:software:nuevos_desarrollos:phantomas2
¡Esta es una revisión vieja del documento!
<html> <style>
/* --- VISUAL ENGINE DATENBLATT --- */
.pcw-ficha-container {
background-color: #000b00;
border: 12px solid #2a2a2a;
border-radius: 15px;
padding: 25px;
margin: 25px 0;
font-family: 'Courier New', Courier, monospace;
position: relative;
overflow: hidden;
box-shadow: inset 0 0 60px rgba(0,255,0,0.15), 0 10px 30px rgba(0,0,0,0.7);
color: #00bb00;
}
/* Scanlines und CRT-Flimmern */
.pcw-ficha-container::after {
content: " ";
position: absolute;
top: 0; left: 0; bottom: 0; right: 0;
background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.15) 50%),
linear-gradient(90deg, rgba(255, 0, 0, 0.02), rgba(0, 255, 0, 0.01), rgba(0, 0, 255, 0.02));
background-size: 100% 3px, 2px 100%;
z-index: 2;
pointer-events: none;
animation: flickering 0.15s infinite;
}
@keyframes flickering { 0% { opacity: 0.98; } 100% { opacity: 1; } }
.retro-title {
color: #00ff00 !important;
font-size: 2em;
font-weight: bold;
text-shadow: 0 0 10px rgba(0, 255, 0, 0.7), 0 0 2px rgba(0, 255, 0, 0.8);
margin-bottom: 20px;
border-bottom: 3px double #00ff00;
padding-bottom: 10px;
text-align: left;
}
.retro-subtitle {
color: #00ff00 !important;
font-size: 1.3em;
font-weight: bold;
text-shadow: 0 0 5px rgba(0, 255, 0, 0.5);
margin-top: 30px;
margin-bottom: 15px;
border-bottom: 1px dashed #00ff00;
padding-bottom: 5px;
text-transform: uppercase;
}
.pcw-presentacion-galeria, .pcw-bloque-imagenes, .pcw-bloque-centrado {
display: flex !important;
flex-wrap: wrap !important;
gap: 15px !important;
margin-bottom: 25px !important;
position: relative !important;
z-index: 3 !important;
justify-content: center !important;
align-items: center !important;
}
.pcw-grid-horizontal {
display: flex !important;
flex-wrap: nowrap !important;
gap: 20px !important;
justify-content: center !important;
align-items: flex-start !important;
margin-bottom: 25px !important;
position: relative !important;
z-index: 3 !important;
}
.pcw-grid-item {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
text-align: center !important;
}
.pcw-tabla-grid {
width: 100%;
border-collapse: collapse;
margin-bottom: 25px;
position: relative;
z-index: 3;
}
.pcw-tabla-grid td {
padding: 10px;
text-align: center;
vertical-align: middle;
}
.pcw-ficha-container img {
border: 2px solid #005500;
transition: 0.2s;
cursor: pointer;
}
.pcw-ficha-container img:hover {
border: 2px solid #00ff00 !important;
box-shadow: 0 0 10px #00ff00 !important;
transform: scale(1.02) !important;
}
.ficha-libro-crt {
border: 8px solid #2a2a2a;
border-radius: 12px;
padding: 15px 20px;
margin-bottom: 25px;
display: flex;
flex-wrap: wrap;
gap: 20px;
box-shadow: inset 0 0 40px rgba(0,255,0,0.15), 0 8px 20px rgba(0,0,0,0.7);
position: relative;
z-index: 3;
background-color: rgba(0, 10, 0, 0.4);
align-items: center;
max-width: 850px;
margin-left: auto;
margin-right: auto;
}
.portada-ficha-container {
width: 180px; height: 250px; background-color: #111; border: 3px solid #00ff00; padding: 2px; box-sizing: border-box; display: flex; justify-content: center; align-items: center;
}
.portada-ficha-container img.portada-fija { cursor: default !important; }
.portada-ficha-container img.portada-fija:hover {
border: 2px solid #005500 !important;
box-shadow: none !important;
transform: none !important;
}
.datos-ficha { flex: 1; min-width: 260px; }
.titulo-linea { display: flex; justify-content: space-between; align-items: center; border-bottom: 2px solid #00ff00; margin-bottom: 12px; padding-bottom: 3px; }
.datos-ficha h2 { margin: 0 !important; font-size: 1.4em !important; color: #00ff00 !important; text-transform: uppercase; text-shadow: 0 0 8px #00ff00; }
.bandera-pais { border: 1px solid #00ff00; }
.bandera-pais:hover { border: 1px solid #00ff00 !important; box-shadow: none !important; transform: none !important; cursor: default !important; }
.dato-linea { margin: 5px 0; font-size: 0.88em; display: flex; border-bottom: 1px solid rgba(0, 85, 0, 0.3); padding-bottom: 4px; line-height: 1.3; }
.dato-etiqueta { color: #008800; font-weight: bold; min-width: 150px; text-transform: uppercase; }
.dato-valor { color: #00ff00; }
.pcw-texto-descripcion, .pcw-texto-plano { position: relative; z-index: 3; line-height: 1.6; text-align: justify; margin-bottom: 20px; }
.dokuwiki .pcw-ficha-container a { color: #00ff00 !important; text-decoration: none !important; font-weight: bold; }
.dokuwiki .pcw-ficha-container a:hover { text-decoration: underline !important; }
.pcw-img-modal { display: none; position: fixed; z-index: 9999; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,10,0,0.95); overflow: auto; cursor: zoom-out; padding: 20px; box-sizing: border-box; }
.pcw-img-modal-content { display: flex; justify-content: center; align-items: center; min-width: 100%; min-height: 100%; }
.pcw-img-modal img { max-width: none !important; max-height: none !important; width: auto !important; height: auto !important; border: 4px solid #00ff00 !important; box-shadow: 0 0 30px #00ff00; }
@media (max-width: 768px) {
.ficha-libro-crt { flex-direction: column; align-items: center; }
.dato-linea { flex-direction: column; }
.dato-etiqueta { min-width: 100%; }
.pcw-grid-horizontal { flex-direction: column; align-items: center; gap: 30px !important; }
}
</style>
<div class="pcw-img-modal-content"> <img id="pcwVisorImg" src="" alt="Ansicht"> </div>
<script>
function verImagen(url) {
var visor = document.getElementById('pcwVisor');
var img = document.getElementById('pcwVisorImg');
img.src = url;
visor.style.display = 'block';
visor.scrollTop = 0;
visor.scrollLeft = 0;
}
</script>
<div class="retro-title">PHANTOMAS 2 / VAMPIRE</div>
<!-- RECUADRO DE FICHA TÉCNICA (COMPACTA) -->
<div class="ficha-libro-crt">
<div class="portada-ficha-container">
<img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:imagenes:Phantomas_2_ficha.jpg" class="portada-fija" style="width:170px; height:240px; object-fit: cover;">
</div>
<div class="datos-ficha">
<div class="titulo-linea">
<h2>DATENBLATT</h2>
<img src="/lib/exe/fetch.php?media=botones:españa.jpg" class="bandera-pais" style="width:30px;">
</div>
<div class="dato-linea"><span class="dato-etiqueta">Entwickler:</span><span class="dato-valor"><a href="doku.php?id=de:companias:dinamic_software" style="color: #00ff00 !important; font-weight: bold; text-decoration: underline !important;">Dinamic Software</a></span></div>
<div class="dato-linea"><span class="dato-etiqueta">Publisher:</span><span class="dato-valor"><a href="doku.php?id=de:companias:codemasters" style="color: #00ff00 !important; font-weight: bold; text-decoration: underline !important;">Codemasters</a></span></div>
<div class="dato-linea"><span class="dato-etiqueta">Produktionsteam:</span><span class="dato-valor">Design & Programmierung: Emilio Pablo Salgueiro Torrado<br>Original-Coverdesign: Alfonso Azpiri</span></div>
<div class="dato-linea"><span class="dato-etiqueta">Portiert von:</span><span class="dato-valor">HabiSoft (<a href="https://habisoft.com" target="_blank" style="color: #00ff00 !important; text-decoration: underline !important;">https://habisoft.com</a>)</span></div>
<div class="dato-linea"><span class="dato-etiqueta">Erscheinungsjahr:</span><span class="dato-valor">1986 (Original)</span></div>
<div class="dato-linea"><span class="dato-etiqueta">Portierungsjahr:</span><span class="dato-valor">2024</span></div>
<div class="dato-linea"><span class="dato-etiqueta">Kompatibilität:</span><span class="dato-valor">PCW 8256 - PCW 8512 - PCW 9512 / PCW# mini</span></div>
<div class="dato-linea"><span class="dato-etiqueta">Peripherie:</span><span class="dato-valor">Tastatur / Dk'Tronics-Joystick</span></div>
<div class="dato-linea"><span class="dato-etiqueta">Ladevorgang:</span><span class="dato-valor">Autoboot</span></div>
<div class="dato-linea"><span class="dato-etiqueta">Genre:</span><span class="dato-valor">Platformer / Präzisions-Arcade-Adventure</span></div>
<div class="dato-linea"><span class="dato-etiqueta">Sprache:</span><span class="dato-valor">Spanisch</span></div>
</div>
</div>
<!-- SECCIÓN CAPTURAS -->
<div class="retro-subtitle">Screenshots</div>
<table class="pcw-tabla-grid">
<tr>
<td><img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:capturas:Phantomas_2_1.png" style="width:180px;" onclick="verImagen(this.src)"></td>
<td><img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:capturas:Phantomas_2_2.png" style="width:180px;" onclick="verImagen(this.src)"></td>
<td><img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:capturas:Phantomas_2_3.png" style="width:180px;" onclick="verImagen(this.src)"></td>
<td><img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:capturas:Phantomas_2_4.png" style="width:180px;" onclick="verImagen(this.src)"></td>
</tr>
<tr>
<td><img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:capturas:Phantomas_2_5.png" style="width:180px;" onclick="verImagen(this.src)"></td>
<td><img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:capturas:Phantomas_2_6.png" style="width:180px;" onclick="verImagen(this.src)"></td>
<td><img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:capturas:Phantomas_2_7.png" style="width:180px;" onclick="verImagen(this.src)"></td>
<td><img src="/lib/exe/fetch.php?media=software:nuevos_desarrollos:capturas:Phantomas_2_8.png" style="width:180px;" onclick="verImagen(this.src)"></td>
</tr>
</table>
de/software/nuevos_desarrollos/phantomas2.1784379169.txt.gz · Última modificación: por jesus
