Array

MediaWiki:Common.css: Difference between revisions

No edit summary
No edit summary
 
(157 intermediate revisions by 2 users not shown)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/* Responsive: Related articles - título arriba, contenido abajo */
 
@media only screen and (max-width: 768px), only screen and (max-device-width: 768px) {
/* Removing the numbers and bullet points from table of contents */
 
.tocnumber {display: none}
    .related-articles-box{
.tocmarker {display: none}
word-break: keep-all;
 
}
/* Template:TOC limit styles */
 
.toclimit-2 .toclevel-1 ul,  
  /* Solución: scroll horizontal solo dentro de la tabla, no en el contenedor */
.toclimit-3 .toclevel-2 ul,
  /* Remover overflow-x de los contenedores principales y colapsables */
.toclimit-4 .toclevel-3 ul,  
  .mw-parser-output,
.toclimit-5 .toclevel-4 ul,  
  .mw-content-text {
.toclimit-6 .toclevel-5 ul,  
  overflow-x: visible !important;
.toclimit-7 .toclevel-6 ul {
  }
  display: none;
 
}
  /* Remover scroll de contenedores colapsables para que no afecte el contenido fuera de la tabla */
 
  .mw-parser-output .mw-collapsible-content,
/* <source lang="css"> */
  .mw-content-text .mw-collapsible-content,
 
  .mw-parser-output .collapsible-content,
/* {{header}} */
  .mw-content-text .collapsible-content {
table.headertemplate {
  overflow-x: visible !important;
width:100%;
  }
text-align:center;
 
font-size:0.9em;
  /* Mantener la tabla como display: table para preservar caption y headers */
}
  /* Aplicar scroll directamente a la tabla con ancho fijo interno */
.headertemplate .header_backlink,
  .mw-parser-output table.wikitable,
.headertemplate .header_forelink {
  .mw-content-text table.wikitable,
width:20%;
  .mw-parser-output table:not([class]),
font-size:0.9em;
  .mw-content-text table:not([class]) {
line-height:normal;
  display: table !important;
}
  width: 100% !important;
.header_notes {
  max-width: 100% !important;
width:100%;
  overflow-x: auto !important;
font-size:0.9em;
  -webkit-overflow-scrolling: touch !important;
}
  table-layout: auto !important;
.headertemplate .header_title { width: 60%; }
  margin: 1em 0 !important;
.headertemplate .header_backlink { text-align:left; }
  }
.headertemplate .header_forelink { text-align:right; }
 
 
  /* El caption se mantiene visible */
 
  .mw-parser-output table.wikitable > caption,
/**
  .mw-content-text table.wikitable > caption,
* Style for horizontal lists (separator following item).
  .mw-parser-output table:not([class]) > caption,
* @source https://www.mediawiki.org/wiki/Snippets/Horizontal_lists
  .mw-content-text table:not([class]) > caption {
* @revision 9 (2016-08-10)
  display: table-caption !important;
* @author [[User:Edokter]]
  font-weight: bold;
*/
  width: 40%;
.hlist dl,
  text-align: left;
.hlist ol,
  caption-side: top !important;
.hlist ul {
  }
margin: 0;
 
padding: 0;
  /* El contenido interno (thead, tbody, tfoot) tiene ancho fijo para activar el scroll */
}
  .mw-parser-output table.wikitable > thead,
 
  .mw-content-text table.wikitable > thead,
/* Display list items inline */
  .mw-parser-output table.wikitable > tbody,
.hlist dd,
  .mw-content-text table.wikitable > tbody,
.hlist dt,
  .mw-parser-output table.wikitable > tfoot,
.hlist li {
  .mw-content-text table.wikitable > tfoot,
/* don't trust the note that says margin doesn't work with inline
  .mw-parser-output table:not([class]) > thead,
* removing margin: 0 makes dds have margins again */
  .mw-content-text table:not([class]) > thead,
margin: 0;
  .mw-parser-output table:not([class]) > tbody,
display: inline;
  .mw-content-text table:not([class]) > tbody,
}
  .mw-parser-output table:not([class]) > tfoot,
 
  .mw-content-text table:not([class]) > tfoot {
/* Display nested lists inline */
  display: table-row-group !important;
.hlist.inline,
  width: 2000px !important;
.hlist.inline dl,
  min-width: 2000px !important;
.hlist.inline ol,
  max-width: 2000px !important;
.hlist.inline ul,
  table-layout: auto !important;
.hlist dl dl,
  }
.hlist dl ol,
 
.hlist dl ul,
  /* Para tablas sin thead/tbody/tfoot explícitos, aplicar ancho fijo a las filas */
.hlist ol dl,
  .mw-parser-output table.wikitable > tr,
.hlist ol ol,
  .mw-content-text table.wikitable > tr,
.hlist ol ul,
  .mw-parser-output table:not([class]) > tr,
.hlist ul dl,
  .mw-content-text table:not([class]) > tr {
.hlist ul ol,
  display: table-row !important;
.hlist ul ul {
  width: 2000px !important;
display: inline;
  min-width: 2000px !important;
}
  max-width: 2000px !important;
 
  }
/* Hide empty list items */
 
.hlist .mw-empty-li,
  /* Sobrescribir estilos inline de width en las tablas */
.hlist .mw-empty-elt {
  .mw-parser-output table.wikitable[style*="width"],
display: none;
  .mw-content-text table.wikitable[style*="width"],
}
  .mw-parser-output table[style*="width"]:not([class]),
 
  .mw-content-text table[style*="width"]:not([class]) {
/* Generate interpuncts */
  display: table !important;
.hlist dt:after {
  width: 100% !important;
content: ": ";
  max-width: 100% !important;
}
  overflow-x: auto !important;
 
  -webkit-overflow-scrolling: touch !important;
.hlist dd:after,
  }
.hlist li:after {
 
content: "  •  ";
  /* Las celdas tienen anchos razonables y permiten que el texto se ajuste normalmente */
font-weight: bold;
  .mw-parser-output table.wikitable th,
}
  .mw-content-text table.wikitable th,
 
  .mw-parser-output table.wikitable td,
.hlist dd:last-child:after,
  .mw-content-text table.wikitable td,
.hlist dt:last-child:after,
  .mw-parser-output table th,
.hlist li:last-child:after {
  .mw-content-text table th,
content: none;
  .mw-parser-output table td,
}
  .mw-content-text table td {
 
  white-space: normal !important;
/* Add parentheses around nested lists */
  word-wrap: break-word !important;
.hlist dd dd:first-child:before,
  overflow-wrap: break-word !important;
.hlist dd dt:first-child:before,
  width: revert-layer !important;
.hlist dd li:first-child:before,
  max-width: 100% !important;
.hlist dt dd:first-child:before,
  display: table-cell !important;
.hlist dt dt:first-child:before,
  }
.hlist dt li:first-child:before,
 
.hlist li dd:first-child:before,
  /* Asegurar que el collapse/expand no se vea afectado */
.hlist li dt:first-child:before,
  .mw-collapsible.mw-collapsed table,
.hlist li li:first-child:before {
  .mw-collapsible:not(.mw-collapsed) table {
content: " (";
  display: table !important;
font-weight: normal;
  overflow-x: auto !important;
}
  -webkit-overflow-scrolling: touch !important;
 
  }
.hlist dd dd:last-child:after,
 
.hlist dd dt:last-child:after,
  table.wikitable > caption {
.hlist dd li:last-child:after,
  font-weight: bold;
.hlist dt dd:last-child:after,
  width: 40%;
.hlist dt dt:last-child:after,
  text-align: left;
.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> */
 
/* Hide page title ONLY on normal view pages */
body.action-view #firstHeading {
    display: none;
}
 
/* COLLAPSE HEADERS */
.collapsible-header {
    cursor: pointer;
    user-select: none;
    padding: 0.5em 1em;
    border-bottom: 1px solid #a2a9b1;
    background-color: #f8f9fa;
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 1.3;
    width: 100%;
    box-sizing: border-box;
}
.collapsible-header > *:not(.collapse-toggle) {
    display: inline;
    margin: 0 !important;
    padding: 0 !important;
    border: none;
    background: none !important;
    flex: 1;
}
.collapse-toggle {
    font-size: 0.75em;
    color: #54595d;
    display: inline-flex;
    align-items: center;
    transition: none;
    padding-left: 12px;
    font-weight: normal;
    line-height: 1;
    flex-shrink: 0;
    align-self: center;
    order: 2;
}
.collapsible-header.open .collapse-toggle {
    transform: none;
}
.collapsible-content {
    margin: 0.5em 0 1em 0;
    display: block;
}

Latest revision as of 13:52, 30 January 2026

/* Responsive: Related articles - título arriba, contenido abajo */
@media only screen and (max-width: 768px), only screen and (max-device-width: 768px) {
  
    .related-articles-box{
		word-break: keep-all;
	 }
	   
	   /* Solución: scroll horizontal solo dentro de la tabla, no en el contenedor */
	   /* Remover overflow-x de los contenedores principales y colapsables */
	   .mw-parser-output,
	   .mw-content-text {
		   overflow-x: visible !important;
	   }
	   
	   /* Remover scroll de contenedores colapsables para que no afecte el contenido fuera de la tabla */
	   .mw-parser-output .mw-collapsible-content,
	   .mw-content-text .mw-collapsible-content,
	   .mw-parser-output .collapsible-content,
	   .mw-content-text .collapsible-content {
		   overflow-x: visible !important;
	   }
	   
	   /* Mantener la tabla como display: table para preservar caption y headers */
	   /* Aplicar scroll directamente a la tabla con ancho fijo interno */
	   .mw-parser-output table.wikitable,
	   .mw-content-text table.wikitable,
	   .mw-parser-output table:not([class]),
	   .mw-content-text table:not([class]) {
		   display: table !important;
		   width: 100% !important;
		   max-width: 100% !important;
		   overflow-x: auto !important;
		   -webkit-overflow-scrolling: touch !important;
		   table-layout: auto !important;
		   margin: 1em 0 !important;
	   }
	   
	   /* El caption se mantiene visible */
	   .mw-parser-output table.wikitable > caption,
	   .mw-content-text table.wikitable > caption,
	   .mw-parser-output table:not([class]) > caption,
	   .mw-content-text table:not([class]) > caption {
		   display: table-caption !important;
		   font-weight: bold;
		   width: 40%;
		   text-align: left;
		   caption-side: top !important;
	   }
	   
	   /* El contenido interno (thead, tbody, tfoot) tiene ancho fijo para activar el scroll */
	   .mw-parser-output table.wikitable > thead,
	   .mw-content-text table.wikitable > thead,
	   .mw-parser-output table.wikitable > tbody,
	   .mw-content-text table.wikitable > tbody,
	   .mw-parser-output table.wikitable > tfoot,
	   .mw-content-text table.wikitable > tfoot,
	   .mw-parser-output table:not([class]) > thead,
	   .mw-content-text table:not([class]) > thead,
	   .mw-parser-output table:not([class]) > tbody,
	   .mw-content-text table:not([class]) > tbody,
	   .mw-parser-output table:not([class]) > tfoot,
	   .mw-content-text table:not([class]) > tfoot {
		   display: table-row-group !important;
		   width: 2000px !important;
		   min-width: 2000px !important;
		   max-width: 2000px !important;
		   table-layout: auto !important;
	   }
	   
	   /* Para tablas sin thead/tbody/tfoot explícitos, aplicar ancho fijo a las filas */
	   .mw-parser-output table.wikitable > tr,
	   .mw-content-text table.wikitable > tr,
	   .mw-parser-output table:not([class]) > tr,
	   .mw-content-text table:not([class]) > tr {
		   display: table-row !important;
		   width: 2000px !important;
		   min-width: 2000px !important;
		   max-width: 2000px !important;
	   }
	   
	   /* Sobrescribir estilos inline de width en las tablas */
	   .mw-parser-output table.wikitable[style*="width"],
	   .mw-content-text table.wikitable[style*="width"],
	   .mw-parser-output table[style*="width"]:not([class]),
	   .mw-content-text table[style*="width"]:not([class]) {
		   display: table !important;
		   width: 100% !important;
		   max-width: 100% !important;
		   overflow-x: auto !important;
		   -webkit-overflow-scrolling: touch !important;
	   }
	   
	   /* Las celdas tienen anchos razonables y permiten que el texto se ajuste normalmente */
	   .mw-parser-output table.wikitable th,
	   .mw-content-text table.wikitable th,
	   .mw-parser-output table.wikitable td,
	   .mw-content-text table.wikitable td,
	   .mw-parser-output table th,
	   .mw-content-text table th,
	   .mw-parser-output table td,
	   .mw-content-text table td {
		   white-space: normal !important;
		   word-wrap: break-word !important;
		   overflow-wrap: break-word !important;
		   width: revert-layer !important;
		   max-width: 100% !important;
		   display: table-cell !important;
	   }
	   
	   /* Asegurar que el collapse/expand no se vea afectado */
	   .mw-collapsible.mw-collapsed table,
	   .mw-collapsible:not(.mw-collapsed) table {
		   display: table !important;
		   overflow-x: auto !important;
		   -webkit-overflow-scrolling: touch !important;
	   }
	   
   table.wikitable > caption {
	   font-weight: bold;
	   width: 40%;
	   text-align: left;
   }
	
  }
Retrieved from "https://www.fairlatterdaysaints.org/answers/index.php?title=MediaWiki:Common.css&oldid=265289"