https://familiasuperfeliz.com/index.php?action=history&feed=atom&title=MediaWiki_Common_css_20251205 2026-10-20T21:41:16Z Historial de revisiones de esta página en la wiki MediaWiki 1.43.3 https://familiasuperfeliz.com/index.php?title=MediaWiki_Common_css_20251205&diff=3141&oldid=prev 2025-12-05T15:03:17Z

<p></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="es"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Revisión anterior</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revisión del 09:03 5 dic 2025</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l161">Línea 161:</td> <td colspan="2" class="diff-lineno">Línea 161:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;/pre&gt;</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>&lt;/pre&gt;</div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">----</ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">[[CATEGORY:WIKICOMMON]]</ins></div></td></tr> <!-- diff cache key dbs14516687-dbwiki_fsf_:diff:1.41:old-3140:rev-3141:php=table --> </table>

Ely https://familiasuperfeliz.com/index.php?title=MediaWiki_Common_css_20251205&diff=3140&oldid=prev 2025-12-05T15:01:37Z

<p></p> <table style="background-color: #fff; color: #202122;" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="es"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Revisión anterior</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Revisión del 09:01 5 dic 2025</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">Línea 1:</td> <td colspan="2" class="diff-lineno">Línea 1:</td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">&lt;pre&gt;</ins></div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>/* Los estilos CSS colocados aquí se aplicarán a todas las apariencias */</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>/* Los estilos CSS colocados aquí se aplicarán a todas las apariencias */</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><br></td></tr> <tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l158">Línea 158:</td> <td colspan="2" class="diff-lineno">Línea 159:</td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>h5 { margin-top: 0.10em !important; margin-bottom: 0.02em !important;}</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>h5 { margin-top: 0.10em !important; margin-bottom: 0.02em !important;}</div></td></tr> <tr><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>h6 { margin-top: 0.10em !important; margin-bottom: 0.02em !important;}</div></td><td class="diff-marker"></td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>h6 { margin-top: 0.10em !important; margin-bottom: 0.02em !important;}</div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr> <tr><td colspan="2" class="diff-side-deleted"></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">&lt;/pre&gt;</ins></div></td></tr> <!-- diff cache key dbs14516687-dbwiki_fsf_:diff:1.41:old-3139:rev-3140:php=table --> </table>

Ely https://familiasuperfeliz.com/index.php?title=MediaWiki_Common_css_20251205&diff=3139&oldid=prev 2025-12-05T15:00:57Z

<p>Página creada con «<span class="autocomment">Los estilos CSS colocados aquí se aplicarán a todas las apariencias: </span> <span class="autocomment">Colocar la Tabla de Contenidos en el lado derecho: </span> #toc { float: right; <span class="autocomment">Mueve la ToC a la derecha: </span> margin-left: 1em; <span class="autocomment">Agrega espacio a la izquierda de la ToC: </span> width: 400px; <span class="autocomment">Ajusta el ancho de la ToC según lo que necesites: </span> background-color: #f9f9f9; <span class="autocomment">Color de fondo opcional para destacarla: </span> border: 1px solid #ccc; /* Borde…»</p> <p><b>Página nueva</b></p><div>/* Los estilos CSS colocados aquí se aplicarán a todas las apariencias */<br /> <br /> /* Colocar la Tabla de Contenidos en el lado derecho */<br /> #toc {<br /> float: right; /* Mueve la ToC a la derecha */<br /> margin-left: 1em; /* Agrega espacio a la izquierda de la ToC */<br /> width: 400px; /* Ajusta el ancho de la ToC según lo que necesites */<br /> background-color: #f9f9f9; /* Color de fondo opcional para destacarla */<br /> border: 1px solid #ccc; /* Borde opcional para darle un contorno */<br /> padding: 10px; /* Espacio interno para que el contenido no esté pegado a los bordes */<br /> }<br /> <br /> /* Evitar que el contenido principal se solape con la ToC */<br /> #mw-content-text {<br /> overflow: hidden;<br /> }<br /> <br /> /* Quitar el logo; de todas maneras no funcionaba 20250926 */<br /> <br /> #p-logo, .mw-wiki-logo {<br /> display: none;<br /> }<br /> <br /> /************************************************************<br /> ESTILO FSF — Encabezados, ToC y mejoras de lectura<br /> Autor: ChatGPT &amp; Ziv — 2025-12-05<br /> *************************************************************/<br /> <br /> /* --------------------------<br /> COLORES ↑ estilo A1/A2<br /> --------------------------- */<br /> h1, h2, h3, h4, h5, h6 {<br /> color: #00527A !important;<br /> font-weight: 600;<br /> line-height: 1.25;<br /> margin-top: 0.55em !important;<br /> margin-bottom: 0.28em !important;<br /> scroll-margin-top: 80px; /* mejor navegación interna */<br /> transition: color 0.25s ease, letter-spacing 0.25s ease;<br /> }<br /> <br /> /* pequeña animación al pasar el cursor */<br /> h1:hover, h2:hover, h3:hover, h4:hover, h5:hover, h6:hover {<br /> color: #007FB3 !important;<br /> letter-spacing: 0.5px;<br /> }<br /> <br /> /* --------------------------<br /> TOC (Tabla de Contenidos)<br /> --------------------------- */<br /> <br /> #toc, .toc, .mw-table-of-contents {<br /> border: 1px solid #B8D7E6;<br /> background: #F7FCFE;<br /> padding: 1em 1.2em;<br /> border-radius: 0.6em;<br /> box-shadow: 0 0 4px rgba(0,0,0,0.08);<br /> font-size: 0.95em;<br /> color: #003A52;<br /> width: fit-content;<br /> max-width: 30%;<br /> transition: box-shadow 0.25s ease, transform 0.25s ease;<br /> }<br /> <br /> /* efecto suave al pasar cursor */<br /> #toc:hover {<br /> box-shadow: 0 0 12px rgba(0,0,0,0.12);<br /> transform: scale(1.015);<br /> }<br /> <br /> /* enlaces del ToC */<br /> #toc a {<br /> color: #00527A;<br /> text-decoration: none;<br /> transition: color 0.2s ease;<br /> }<br /> <br /> #toc a:hover {<br /> color: #0084B8;<br /> text-decoration: underline;<br /> }<br /> <br /> /* numeración más compacta */<br /> #toc ul, #toc ol {<br /> margin-left: 1em;<br /> }<br /> <br /> /* título del ToC */<br /> #toc .toctitle {<br /> font-weight: 700;<br /> color: #003A52;<br /> padding-bottom: 0.3em;<br /> }<br /> <br /> /* --------------------------<br /> MEJORAS EN TEXTO GENERAL<br /> --------------------------- */<br /> <br /> body, #content {<br /> line-height: 1.55;<br /> }<br /> <br /> /* enlaces internos más suaves */<br /> a {<br /> transition: color 0.25s ease;<br /> }<br /> a:hover {<br /> color: #007FB3;<br /> }<br /> <br /> /* --------------------------<br /> MÓVILES (responsive)<br /> --------------------------- */<br /> <br /> @media (max-width: 900px) {<br /> <br /> /* encabezados un poco más compactos */<br /> h1, h2, h3, h4, h5, h6 {<br /> margin-top: 0.45em !important;<br /> margin-bottom: 0.22em !important;<br /> }<br /> <br /> /* ToC ocupa todo a lo ancho y más legible */<br /> #toc {<br /> width: 100%;<br /> font-size: 1em;<br /> padding: 1em;<br /> }<br /> <br /> /* espaciado más cómodo */<br /> #toc ul, #toc ol {<br /> margin-left: 0.8em;<br /> }<br /> }<br /> <br /> /* --------------------------<br /> ULTRA-MÓVIL &lt; 480px<br /> --------------------------- */<br /> <br /> @media (max-width: 480px) {<br /> h1 { font-size: 1.55em; }<br /> h2 { font-size: 1.35em; }<br /> h3 { font-size: 1.18em; }<br /> h4, h5, h6 { font-size: 1.05em; }<br /> <br /> #toc {<br /> font-size: 1.05em;<br /> padding: 1em;<br /> }<br /> }<br /> <br /> ----<br /> /* Ajusto los espacios en blanco al usar los encabezados y divisiones que se crean para el ToC con la intensión de que sean mas compactos, agradables de leer en textos largo o tratar de que se se parezca mas el contenido a el formato que presentan herramientas como CHATGPT que es una herramientas que estoy utilizando mucho para crear esta wiki FSF. */<br /> /* Nota: En el skin Timeless, los encabezados utilizan márgenes amplios por defecto, lo que genera espacios grandes entre secciones. Los valores típicos son: h1 (1.4em arriba / 0.6em abajo), h2 (1.2em / 0.5em), h3 (1em / 0.4em) y h4–h6 (0.8–0.6em / 0.3–0.2em). Si se desea un estilo más compacto, estos márgenes pueden ajustarse mediante CSS en &#039;&#039;&#039;MediaWiki:Common.css&#039;&#039;&#039;.*/&lt;/small&gt;<br /> h2 { margin-top: 0.25em !important; margin-bottom: 0.10em !important;}<br /> h3 { margin-top: 0.20em !important; margin-bottom: 0.05em !important;}<br /> h4 { margin-top: 0.15em !important; margin-bottom: 0.03em !important;}<br /> h5 { margin-top: 0.10em !important; margin-bottom: 0.02em !important;}<br /> h6 { margin-top: 0.10em !important; margin-bottom: 0.02em !important;}</div>

Ely