Array

MediaWiki:Common.css: Difference between revisions

No edit summary
No edit summary
 
(95 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; }
 
 
/**
* 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 */
.footer-widgets .wrap, .fairmormon-about-widget-message, .site-footer, widgettitle widget-title, fairmormon-donation-widget-button, .js .menu-toggle, .genesis-nav-menu .menu-item a, .languageBox a
.hlist dt:after {
  {
content: ": ";
font-size: 3.2rem;
}
}


.hlist dd:after,
.fairmormon-donation-widget-message{
.hlist li:after {
    font-size: 3.2rem;
content: "  •  ";
    line-height: 1.4em;
font-weight: bold;
}
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
content: none;
}
}


/* Add parentheses around nested lists */
#text-3 > div > div > p > a{
.hlist dd dd:first-child:before,
font-size: 2.2rem;
.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,
#page-tools {
.hlist dd dt:last-child:after,
    display: flex;      /* Activa el modo flexible */
.hlist dd li:last-child:after,
    flex-wrap: wrap;    /* Permite que los elementos bajen a la siguiente línea si no caben */
.hlist dt dd:last-child:after,
    gap: 20px;          /* Añade espacio entre cada grupo (portlet) */
.hlist dt dt:last-child:after,
    width: 100%;         /* Asegura que use todo el ancho disponible */
.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 */
.portlet.mw-portlet {
.hlist ol {
    flex: 0 1 auto;      /* Los grupos mantienen su tamaño natural */
counter-reset: listitem;
    min-width: 150px;   /* Evita que se compriman demasiado */
}
}


.hlist ol > li {
.portlet ul {
counter-increment: listitem;
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
}
}


.hlist ol > li:before {
.languageBox{
content: " " counter(listitem) "\a0";
top: -42px;
}
}
.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> */

Latest revision as of 01:38, 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;
}


/* 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;
}

 .footer-widgets .wrap, .fairmormon-about-widget-message, .site-footer, widgettitle widget-title, fairmormon-donation-widget-button, .js .menu-toggle, .genesis-nav-menu .menu-item a, .languageBox a
  {
font-size: 3.2rem;
}

.fairmormon-donation-widget-message{
    font-size: 3.2rem;
    line-height: 1.4em;
}
}

#text-3 > div > div > p > a{
font-size: 2.2rem;
}

#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;
}

.languageBox{
top: -42px;
}
}
Retrieved from "https://www.fairlatterdaysaints.org/answers/index.php?title=MediaWiki:Common.css&oldid=265083"