https://makerspedia.org/index.php?action=history&feed=atom&title=MediaWiki%3ACommon.css 2026-04-22T16:48:09Z Historial de revisiones de esta página en la wiki MediaWiki 1.43.0 https://makerspedia.org/index.php?title=MediaWiki:Common.css&diff=274&oldid=prev 2026-04-16T21:18:50Z

<p>Estilos visuales: cards, hero, secciones</p> <p><b>Página nueva</b></p><div>/* ========== MAKERSPEDIA - ESTILOS GLOBALES ========== */<br /> <br /> /* Cards de categorías en portada */<br /> .mk-grid {<br /> display: grid;<br /> grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));<br /> gap: 16px;<br /> margin: 24px 0;<br /> }<br /> .mk-card {<br /> background: #f8f9fa;<br /> border: 1px solid #e0e0e0;<br /> border-radius: 12px;<br /> padding: 20px 16px;<br /> text-align: center;<br /> transition: box-shadow 0.2s, transform 0.2s;<br /> display: block;<br /> text-decoration: none !important;<br /> color: inherit !important;<br /> }<br /> .mk-card:hover {<br /> box-shadow: 0 4px 20px rgba(0,0,0,0.12);<br /> transform: translateY(-3px);<br /> text-decoration: none !important;<br /> }<br /> .mk-card-icon {<br /> font-size: 2.5em;<br /> display: block;<br /> margin-bottom: 10px;<br /> }<br /> .mk-card-title {<br /> font-weight: 700;<br /> font-size: 1em;<br /> color: #202122;<br /> display: block;<br /> margin-bottom: 4px;<br /> }<br /> .mk-card-desc {<br /> font-size: 0.82em;<br /> color: #666;<br /> }<br /> <br /> /* Banner de bienvenida */<br /> .mk-hero {<br /> background: linear-gradient(135deg, #1a237e 0%, #283593 50%, #1565c0 100%);<br /> color: white;<br /> border-radius: 16px;<br /> padding: 32px 28px;<br /> margin-bottom: 28px;<br /> text-align: center;<br /> }<br /> .mk-hero h2 {<br /> color: white !important;<br /> font-size: 1.8em;<br /> margin: 0 0 10px;<br /> border: none !important;<br /> }<br /> .mk-hero p {<br /> margin: 0;<br /> font-size: 1.05em;<br /> opacity: 0.92;<br /> }<br /> .mk-hero .mk-stats {<br /> display: flex;<br /> justify-content: center;<br /> gap: 32px;<br /> margin-top: 20px;<br /> flex-wrap: wrap;<br /> }<br /> .mk-stat {<br /> text-align: center;<br /> }<br /> .mk-stat-num {<br /> font-size: 2em;<br /> font-weight: 900;<br /> display: block;<br /> }<br /> .mk-stat-label {<br /> font-size: 0.8em;<br /> opacity: 0.8;<br /> }<br /> <br /> /* Sección header */<br /> .mk-section-title {<br /> font-size: 1.2em;<br /> font-weight: 700;<br /> color: #1a237e;<br /> border-left: 4px solid #1565c0;<br /> padding-left: 12px;<br /> margin: 28px 0 14px;<br /> }<br /> <br /> /* Tablas mejoradas */<br /> .wikitable {<br /> border-radius: 8px;<br /> overflow: hidden;<br /> }<br /> <br /> /* Cajas de advertencia/nota */<br /> .mk-warning {<br /> background: #fff3cd;<br /> border-left: 4px solid #ffc107;<br /> border-radius: 0 8px 8px 0;<br /> padding: 12px 16px;<br /> margin: 16px 0;<br /> }<br /> .mk-info {<br /> background: #e8f4fd;<br /> border-left: 4px solid #2196f3;<br /> border-radius: 0 8px 8px 0;<br /> padding: 12px 16px;<br /> margin: 16px 0;<br /> }<br /> <br /> /* Mobile responsive */<br /> @media (max-width: 600px) {<br /> .mk-grid {<br /> grid-template-columns: 1fr 1fr;<br /> }<br /> .mk-hero {<br /> padding: 20px 16px;<br /> }<br /> .mk-hero h2 {<br /> font-size: 1.3em;<br /> }<br /> }</div>

5wxjb..