hardware:perifericos:pcwsharpmini
Diferencias
Muestra las diferencias entre dos versiones de la página.
| Ambos lados, revisión anteriorRevisión previaPróxima revisión | Revisión previa | ||
| hardware:perifericos:pcwsharpmini [2026/05/13 11:56] – jesus | hardware:perifericos:pcwsharpmini [2026/07/25 10:41] (actual) – jesus | ||
|---|---|---|---|
| Línea 1: | Línea 1: | ||
| ~~NOTOC~~ | ~~NOTOC~~ | ||
| - | |||
| - | ===== PCW# MINI ===== | ||
| < | < | ||
| < | < | ||
| - | /* --- MOTOR VISUAL RETRO CRT --- */ | + | /* ======================================================================== |
| + | | ||
| + | | ||
| .pcw-monitor-ultra { | .pcw-monitor-ultra { | ||
| background-color: | background-color: | ||
| Línea 18: | Línea 18: | ||
| } | } | ||
| + | /* Efecto de barrido y entrelazado CRT */ | ||
| .pcw-monitor-ultra:: | .pcw-monitor-ultra:: | ||
| content: " "; | content: " "; | ||
| Línea 54: | Línea 55: | ||
| .content-body b, .content-body strong { color: #00ff00; font-weight: | .content-body b, .content-body strong { color: #00ff00; font-weight: | ||
| .content-body ul { list-style: square; margin-top: 10px; padding-left: | .content-body ul { list-style: square; margin-top: 10px; padding-left: | ||
| + | .content-body ul li { margin-bottom: | ||
| .content-body ul li a { color: #00ff00 !important; text-decoration: | .content-body ul li a { color: #00ff00 !important; text-decoration: | ||
| | | ||
| - | /* --- SUBTÍTULO EN CUADRO NEÓN --- */ | + | /* Secciones y Bloques de Título |
| .pcw-subtitle-box { | .pcw-subtitle-box { | ||
| background-color: | background-color: | ||
| Línea 63: | Línea 65: | ||
| font-weight: | font-weight: | ||
| display: inline-block; | display: inline-block; | ||
| - | margin: | + | margin: |
| text-transform: | text-transform: | ||
| position: relative; | position: relative; | ||
| Línea 70: | Línea 72: | ||
| } | } | ||
| - | /* --- REJILLA TÉCNICA AJUSTADA A LA PANTALLA --- */ | + | /* ======================================================================== |
| + | 2. GRILLAS TÉCNICAS Y CONTENEDORES DE COMPONENTES | ||
| + | | ||
| .drive-grid-container { | .drive-grid-container { | ||
| display: flex; | display: flex; | ||
| Línea 110: | Línea 114: | ||
| } | } | ||
| - | /* REJILLA DISTRIBUIDA EN UNA SOLA LÍNEA SIN DESBORDAMIENTO | + | /* Galería responsive elástica sin desbordamiento |
| .drive-gallery { | .drive-gallery { | ||
| display: flex; | display: flex; | ||
| - | gap: 10px; | + | gap: 15px; |
| flex-direction: | flex-direction: | ||
| - | flex-wrap: | + | flex-wrap: |
| justify-content: | justify-content: | ||
| width: 100%; | width: 100%; | ||
| Línea 122: | Línea 126: | ||
| .img-frame { | .img-frame { | ||
| border: 2px solid #00ff00; | border: 2px solid #00ff00; | ||
| - | padding: | + | padding: |
| background: #000; | background: #000; | ||
| text-align: center; | text-align: center; | ||
| Línea 128: | Línea 132: | ||
| flex-direction: | flex-direction: | ||
| align-items: | align-items: | ||
| - | flex: 1 1 0px; | + | flex: 1 1 200px; |
| - | max-width: | + | max-width: |
| box-sizing: border-box; | box-sizing: border-box; | ||
| } | } | ||
| - | /* Auto-escalado elástico manteniendo proporciones cuadradas */ | ||
| .img-frame img { | .img-frame img { | ||
| width: 100%; | width: 100%; | ||
| height: auto; | height: auto; | ||
| - | aspect-ratio: | + | aspect-ratio: |
| object-fit: contain; | object-fit: contain; | ||
| cursor: pointer; | cursor: pointer; | ||
| Línea 154: | Línea 157: | ||
| | | ||
| .large-frame img { | .large-frame img { | ||
| - | max-width: | + | max-width: |
| height: auto; | height: auto; | ||
| display: block; | display: block; | ||
| Línea 160: | Línea 163: | ||
| } | } | ||
| | | ||
| - | .img-label { font-size: 0.68em; color: #00aa00; margin-top: 6px; text-transform: | + | .img-label { font-size: 0.75em; color: #00aa00; margin-top: 6px; text-transform: |
| + | |||
| + | /* Ficha de Versiones / Control Histórico */ | ||
| + | .version-table { | ||
| + | width: 100%; | ||
| + | border-collapse: | ||
| + | margin-top: 10px; | ||
| + | font-size: 0.9em; | ||
| + | } | ||
| + | .version-table th { background: #00ff00; color: #000b00; padding: 6px; text-align: left; text-transform: | ||
| + | .version-table td { border-bottom: | ||
| + | .version-table tr:hover td { background: rgba(0, | ||
| - | /* --- LIGHTBOX | + | /* ======================================================================== |
| + | | ||
| + | | ||
| .modal-pcw { | .modal-pcw { | ||
| display: none; | display: none; | ||
| Línea 187: | Línea 203: | ||
| | | ||
| .modal-content { | .modal-content { | ||
| - | max-width: | + | max-width: |
| - | max-height: | + | max-height: |
| border: 4px solid # | border: 4px solid # | ||
| box-shadow: 0 0 50px rgba(0, 255, 0, 0.5); | box-shadow: 0 0 50px rgba(0, 255, 0, 0.5); | ||
| - | margin: | + | margin: auto; |
| display: inline-block; | display: inline-block; | ||
| + | object-fit: contain; | ||
| } | } | ||
| </ | </ | ||
| - | <!-- CAPA DE MODALES | + | < |
| - | <div id=" | + | |
| - | <div id=" | + | |
| - | <div id=" | + | <div id=" |
| + | | ||
| + | </ | ||
| + | <div id=" | ||
| + | | ||
| + | </ | ||
| + | <div id=" | ||
| + | | ||
| + | </ | ||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
| + | <!-- ======================================================================== | ||
| + | 5. CONTENIDO DE LA FICHA TÉCNICA (MONITOR CRT) | ||
| + | | ||
| <div class=" | <div class=" | ||
| - | <div class=" | ||
| | | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | <br> | ||
| + | <div class=" | ||
| + | | ||
| + | <!-- CONTENIDO HISTÓRICO Y EVOLUCIÓN --> | ||
| <div class=" | <div class=" | ||
| - | <p>Esta interfaz implementa el estándar | + | < |
| + | < | ||
| </ | </ | ||
| - | <!-- IMÁGENES --> | + | |
| - | <div class=" | + | <div class=" |
| - | | + | <p>El proyecto < |
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | <p>De esta forma, la versión < | ||
| + | </ | ||
| + | |||
| + | <!-- CONTROL DE VERSIONES E HISTORIAL --> | ||
| + | <div class=" | ||
| + | <div class=" | ||
| + | <table class=" | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | </ | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | < | ||
| + | </ | ||
| + | </ | ||
| + | </ | ||
| + | </ | ||
| + | |||
| + | | ||
| + | <div class=" | ||
| <div class=" | <div class=" | ||
| <div class=" | <div class=" | ||
| - | <div class=" | + | <div class=" |
| + | | ||
| + | | ||
| + | | ||
| <div class=" | <div class=" | ||
| - | <div class=" | + | <div class=" |
| - | <div class=" | + | |
| + | | ||
| + | | ||
| + | <div class=" | ||
| + | | ||
| + | | ||
| + | | ||
| </ | </ | ||
| </ | </ | ||
| </ | </ | ||
| - | <!-- ESQUEMA --> | + | <!-- ESQUEMA |
| - | <div class=" | + | <div class=" |
| <div class=" | <div class=" | ||
| + | < | ||
| <div class=" | <div class=" | ||
| - | <a href="# | + | <a href="# |
| </ | </ | ||
| </ | </ | ||
| - | <!-- DESCARGAS --> | + | <!-- DESCARGAS |
| - | <div class=" | + | <div class=" |
| <div class=" | <div class=" | ||
| <ul> | <ul> | ||
| - | < | + | < |
| - | < | + | < |
| - | < | + | < |
| - | < | + | < |
| - | < | + | < |
| + | < | ||
| </ul> | </ul> | ||
| </ | </ | ||
hardware/perifericos/pcwsharpmini.1778673405.txt.gz · Última modificación: por jesus
