| Ambos lados, revisión anteriorRevisión previa | |
| sistema:discos:descargas:pcw8256 [2026/05/05 08:15] – jesus | sistema:discos:descargas:pcw8256 [2026/05/05 19:01] (actual) – jesus |
|---|
| .back { transform:rotateY(180deg); z-index: 1; } | .back { transform:rotateY(180deg); z-index: 1; } |
| .flipped { transform:rotateY(180deg); } | .flipped { transform:rotateY(180deg); } |
| .flipped .back { z-index: 10; } /* Trae la cara B al frente real al girar */ | .flipped .back { z-index: 10; } |
| |
| /* MECÁNICA */ | /* MECÁNICA */ |
| .spin { animation: r-h 0.5s linear infinite !important; } @keyframes r-h { to {transform:rotate(360deg);} } | .spin { animation: r-h 0.5s linear infinite !important; } @keyframes r-h { to {transform:rotate(360deg);} } |
| |
| /* --- ETIQUETAS BLINDADAS --- */ | /* --- ETIQUETAS --- */ |
| .label { position:absolute; bottom:8px; left:8px; right:8px; height:82px; background:#fff; border-radius:2px; overflow:hidden; display:flex; flex-direction:column; font-family:Arial,sans-serif; z-index:15; cursor:pointer; } | .label { position:absolute; bottom:8px; left:8px; right:8px; height:82px; background:#fff; border-radius:2px; overflow:hidden; display:flex; flex-direction:column; font-family:Arial,sans-serif; z-index:15; cursor:pointer; } |
| .l-head { background:#e18dae; border-bottom:1.2px solid #000; height:22px; padding:0 6px; display:flex; align-items:center; justify-content:space-between; } | .l-head { background:#e18dae; border-bottom:1.2px solid #000; height:22px; padding:0 6px; display:flex; align-items:center; justify-content:space-between; } |
| .l-amstrad { display: flex; flex-direction: column; line-height: 0.9; margin-left: 5px; text-align: left; } | .l-amstrad { display: flex; flex-direction: column; line-height: 0.9; margin-left: 5px; text-align: left; } |
| .l-amstrad span { color: #000; font-size: 4.8px; font-weight: 900; text-transform: uppercase; } | .l-amstrad span { color: #000; font-size: 4.8px; font-weight: 900; text-transform: uppercase; } |
| | |
| /* ICONO ↑ AJUSTADO */ | |
| .l-side-box { display:flex; align-items:center; gap:4px; color:#000; font-weight:900; font-size:11px; } | .l-side-box { display:flex; align-items:center; gap:4px; color:#000; font-weight:900; font-size:11px; } |
| .l-arr-box { background:#fff; border:1.2px solid #000; display:flex; align-items:center; justify-content:center; height:11px; width:10px; font-size:11px; font-weight:bold; line-height: 1; padding-bottom: 1px; box-sizing: border-box; } | .l-arr-box { background:#fff; border:1.2px solid #000; display:flex; align-items:center; justify-content:center; height:11px; width:10px; font-size:11px; font-weight:bold; line-height: 1; padding-bottom: 1px; box-sizing: border-box; } |
| | |
| .l-body { flex:1; padding:3px 6px 0 6px; color:#000; text-align:left; position:relative; display:flex; flex-direction:column; } | .l-body { flex:1; padding:3px 6px 0 6px; color:#000; text-align:left; position:relative; display:flex; flex-direction:column; } |
| .l-ser { position:absolute; border:1px solid #000; background:#fff; z-index:20; display:flex; align-items:center; justify-content:center; text-align:center; box-sizing:border-box; width:44px; height:13px; right:6px; font-size:8px; top:4px; font-weight:900; } | .l-ser { position:absolute; border:1px solid #000; background:#fff; z-index:20; display:flex; align-items:center; justify-content:center; text-align:center; box-sizing:border-box; width:44px; height:13px; right:6px; font-size:8px; top:4px; font-weight:900; } |
| <div class="term"> | <div class="term"> |
| <div class="title">SISTEMA DE DISCOS AMSTRAD PCW 8256</div> | <div class="title">SISTEMA DE DISCOS AMSTRAD PCW 8256</div> |
| <div class="bay"><div class="slot"></div><div class="ej-bt" onclick="window.location.href='/doku.php?id=de:software:system'"></div><div id="led" class="led"></div></div> | <!-- BOTÓN EJECT CORREGIDO A software:sistema --> |
| | <div class="bay"><div class="slot"></div><div class="ej-bt" onclick="window.location.href='/doku.php?id=software:sistema'"></div><div id="led" class="led"></div></div> |
| <div id="scr"> | <div id="scr"> |
| <div id="msg" style="color:#0f0;font-weight:bold">SISTEMA LISTO. POR FAVOR, INSERTE UN DISCO_</div> | <div id="msg" style="color:#0f0;font-weight:bold">SISTEMA LISTO. POR FAVOR, INSERTE UN DISCO_</div> |
| <a id="lnk2B" href="lib/exe/fetch.php?media=sistema:discos:descargas:pcw_8256_es_drlogo.zip" class="dl-final-btn" download>DESCARGAR DR. LOGO ZIP</a> | <a id="lnk2B" href="lib/exe/fetch.php?media=sistema:discos:descargas:pcw_8256_es_drlogo.zip" class="dl-final-btn" download>DESCARGAR DR. LOGO ZIP</a> |
| </div> | </div> |
| | |
| <div class="shelf"> | <div class="shelf"> |
| <!-- DISCO 1 --> | <!-- DISCO 1 --> |