Array

MediaWiki:Common.css: Difference between revisions

No edit summary
No edit summary
(84 intermediate revisions by 2 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;
    }


/* Removing the numbers and bullet points from table of contents */
  .portlet h3 {
.tocnumber {display: none}
      font-size: 0.6em !important;      /* Tamaño legible para los títulos */  
.tocmarker {display: none}
    margin-bottom: 10px !important;   /* Espacio para que no se encime con la lista de abajo */
 
    text-transform: uppercase;
/* Template:TOC limit styles */
    letter-spacing: 1px;
.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul {
  display: none;
}
 
/* <source lang="css"> */
 
/* {{header}} */
table.headertemplate {
width:100%;
text-align:center;
font-size:0.9em;
}
.headertemplate .header_backlink,
.headertemplate .header_forelink {
width:20%;
font-size:0.9em;
line-height:normal;
}
.header_notes {
width:100%;
font-size:0.9em;
}
}
.headertemplate .header_title { width: 60%; }
.headertemplate .header_backlink { text-align:left; }
.headertemplate .header_forelink { text-align:right; }


 
  .footer-widgets .wrap, .fairmormon-about-widget-message, .site-footer {
/**
font-size: 3.2rem;
  * Style for horizontal lists (separator following item).
* @source https://www.mediawiki.org/wiki/Snippets/Horizontal_lists
* @revision 9 (2016-08-10)
* @author [[User:Edokter]]
*/
.hlist dl,
.hlist ol,
.hlist ul {
margin: 0;
padding: 0;
}
}


/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
/* don't trust the note that says margin doesn't work with inline
* removing margin: 0 makes dds have margins again */
margin: 0;
display: inline;
}


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


/* Hide empty list items */
.portlet ul li a:hover {
.hlist .mw-empty-li,
    color: #fff;            /* Resalte al pasar el mouse */
.hlist .mw-empty-elt {
    text-decoration: underline;
display: none;
}
}
/* Generate interpuncts */
.hlist dt:after {
content: ": ";
}
}


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


.hlist dd:last-child:after,
.portlet.mw-portlet {
.hlist dt:last-child:after,
     flex: 0 1 auto;     /* Los grupos mantienen su tamaño natural */
.hlist li:last-child:after {
     min-width: 150px;   /* Evita que se compriman demasiado */
content: none;
}
 
/* Add parentheses around nested lists */
.hlist dd dd:first-child:before,
.hlist dd dt:first-child:before,
.hlist dd li:first-child:before,
.hlist dt dd:first-child:before,
.hlist dt dt:first-child:before,
.hlist dt li:first-child:before,
.hlist li dd:first-child:before,
.hlist li dt:first-child:before,
.hlist li li:first-child:before {
content: " (";
font-weight: normal;
}
 
.hlist dd dd:last-child:after,
.hlist dd dt:last-child:after,
.hlist dd li:last-child:after,
.hlist dt dd:last-child:after,
.hlist dt dt:last-child:after,
.hlist dt li:last-child:after,
.hlist li dd:last-child:after,
.hlist li dt:last-child:after,
.hlist li li:last-child:after {
content: ")";
font-weight: normal;
}
 
/* Put ordinals in front of ordered list items */
.hlist ol {
counter-reset: listitem;
}
 
.hlist ol > li {
counter-increment: listitem;
}
 
.hlist ol > li:before {
content: " " counter(listitem) "\a0";
}
 
.hlist dd ol > li:first-child:before,
.hlist dt ol > li:first-child:before,
.hlist li ol > li:first-child:before {
content: " (" counter(listitem) "\a0";
}
 
/* Restore classic float alignment for images in Parsoid */
figure.mw-halign-right {
     float: right;
    clear: right;
    margin: 0.5em 0 1em 1em;
}
 
figure.mw-halign-left {
    float: left;
    clear: left;
    margin: 0.5em 1em 1em 0;
}
 
figure.mw-halign-center {
    margin-left: auto;
    margin-right: auto;
    display: table;
}
 
/* Prevent text overlapping */
figure.mw-halign-right,
figure.mw-halign-left {
     max-width: 100%;
}
 
 
 
/* </source> */
 
 
/* COLLAPSE HEADERS */
.collapsible-header {
    cursor: pointer;
    user-select: none;
    font-weight: bold;
    margin: 5px 0;
}
.collapse-toggle {
    font-size: 0.8em;
    color: #777;
}
.collapsible-content {
    margin-left: 1em;
    padding: 4px 0;
}
}


/* Hide page title ONLY on normal view pages */
.portlet ul {
body.action-view #firstHeading {
    list-style: none;
     display: 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;
}
Retrieved from "https://www.fairlatterdaysaints.org/answers/index.php?title=MediaWiki:Common.css&oldid=265076"