Array

MediaWiki:Common.css: Difference between revisions

(mod)
No edit summary
(109 intermediate revisions by 4 users not shown)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
@media only screen and (max-width: 768px), only screen and (max-device-width: 768px) {
    ol.references { font-size: 3.8rem !important; }
    .notes-header-wrapper { font-size: 6.2rem !important; }
    body { font-size: 3.8rem !important; }
    h1 { font-size: 5.8rem !important; }
    h2 { font-size: 5.2rem !important; }
    h3 { font-size: 4.8rem !important; }
    h4 { font-size: 4.4rem !important; }
    h5 { font-size: 4.0rem !important; }
    h6 { font-size: 3.8rem !important; }
    .references {
      max-width: 100%;
      overflow-wrap: break-word;
    }


/* <source lang="css"> */
  .portlet h3 {
      font-size: 0.6em !important;      /* Tamaño legible para los títulos */  
    margin-bottom: 10px !important;    /* Espacio para que no se encime con la lista de abajo */
    text-transform: uppercase;
    letter-spacing: 1px;
}


/* {{header}} */
.footer-widgets .wrap, .fairmormon-about-widget-message, .site-footer {
table.headertemplate {
font-size: 3.2rem;
width:100%;
margin-bottom:5px;
border:1px solid #a3b0bf;
background:#7b98c7;
        color:#ffffff;
text-align:center;
font-size:0.9em;
}
}
.headertemplate .header_backlink,
 
.headertemplate .header_forelink {
 
width:20%;
/* Ajuste de los enlaces dentro de las listas */
font-size:0.9em;
.portlet ul li a {
line-height:normal;
    font-size: 1.95em;      /* Tamaño de letra más cómodo para los links */
    line-height: 1.4;      /* Más espacio entre líneas de links */
    color: #ddd;           /* Color suave para los enlaces */
    text-decoration: none;
}
 
.portlet ul li a:hover {
    color: #fff;           /* Resalte al pasar el mouse */
    text-decoration: underline;
}
}
.header_notes {
width:100%;
border-bottom:1px solid #A88;
background:#7b98c7;
        color:#ffffff;
font-size:0.9em;
}
}
.headertemplate .header_title { width: 60%; }
.headertemplate .header_backlink { text-align:left; }
.headertemplate .header_forelink { text-align:right; }


/* white links for dark background tables */
#page-tools {
.headertemplate a:link {color: #FFFFFF;}
    display: flex;      /* Activa el modo flexible */
.headertemplate a:visited {color: #FFFF00;}
    flex-wrap: wrap;     /* Permite que los elementos bajen a la siguiente línea si no caben */
.headertemplate a:hover {color: #FFFFFF;}
    gap: 20px;           /* Añade espacio entre cada grupo (portlet) */
.headertemplate a:active {color: #FFFFFF;}
    width: 100%;         /* Asegura que use todo el ancho disponible */
.headertemplate a:focus {color: #FFFFFF;}  
}
 
.portlet.mw-portlet {
    flex: 0 1 auto;     /* Los grupos mantienen su tamaño natural */
    min-width: 150px;   /* Evita que se compriman demasiado */
}


/* </source> */
.portlet ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

Revision as of 01:17, 13 January 2026

@media only screen and (max-width: 768px), only screen and (max-device-width: 768px) {
    ol.references { font-size: 3.8rem !important; }
    .notes-header-wrapper { font-size: 6.2rem !important; }
    body { font-size: 3.8rem !important; }
    h1 { font-size: 5.8rem !important; }
    h2 { font-size: 5.2rem !important; }
    h3 { font-size: 4.8rem !important; }
    h4 { font-size: 4.4rem !important; }
    h5 { font-size: 4.0rem !important; }
    h6 { font-size: 3.8rem !important; }
    .references {
       max-width: 100%;
       overflow-wrap: break-word;
    }

   .portlet h3 {
       font-size: 0.6em !important;       /* Tamaño legible para los títulos */ 
    margin-bottom: 10px !important;    /* Espacio para que no se encime con la lista de abajo */
    text-transform: uppercase;
    letter-spacing: 1px;
}

 .footer-widgets .wrap, .fairmormon-about-widget-message, .site-footer {
font-size: 3.2rem;
}


/* Ajuste de los enlaces dentro de las listas */
.portlet ul li a {
    font-size: 1.95em;      /* Tamaño de letra más cómodo para los links */
    line-height: 1.4;       /* Más espacio entre líneas de links */
    color: #ddd;            /* Color suave para los enlaces */
    text-decoration: none;
}

.portlet ul li a:hover {
    color: #fff;            /* Resalte al pasar el mouse */
    text-decoration: underline;
}
}

#page-tools {
    display: flex;       /* Activa el modo flexible */
    flex-wrap: wrap;     /* Permite que los elementos bajen a la siguiente línea si no caben */
    gap: 20px;           /* Añade espacio entre cada grupo (portlet) */
    width: 100%;         /* Asegura que use todo el ancho disponible */
}

.portlet.mw-portlet {
    flex: 0 1 auto;      /* Los grupos mantienen su tamaño natural */
    min-width: 150px;    /* Evita que se compriman demasiado */
}

.portlet ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
}