MediaWiki:Gadget-NavIcons.css

/* Icons for Wiki Nav
-----------------------------
-- Author: DarkGames26 (Dark)
-- V 1.1.0
-----------------------------
*/

/* Vars 
   ---- */
.theme-dark {
    --wiki-icon-to-link-filter: brightness(0) saturate(100%) invert(99%) sepia(2%) saturate(2143%) hue-rotate(194deg) brightness(112%) contrast(80%);
}
.theme-light {
    --wiki-icon-to-link-filter: brightness(0) saturate(100%) invert(99%) sepia(2%) saturate(2143%) hue-rotate(194deg) brightness(112%) contrast(80%);
}


/* Icons 
   ----- */
/* Tools Icons */
#t-newpage {
  --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2220%22 height%3D%2220%22 viewBox%3D%220 0 20 20%22%3E%3Ctitle%3Eadd article%3C%2Ftitle%3E%3Cpath d%3D%22M5 1c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V3c0-1.1-.9-2-2-2zm10 10h-4v4H9v-4H5V9h4V5h2v4h4z%22%2F%3E%3C%2Fsvg%3E');
  order: -1;
}

#t-upload {
  --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 512 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M288 109.3V352c0 17.7-14.3 32-32 32s-32-14.3-32-32V109.3l-73.4 73.4c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l128-128c12.5-12.5 32.8-12.5 45.3 0l128 128c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L288 109.3zM64 352H192c0 35.3 28.7 64 64 64s64-28.7 64-64H448c35.3 0 64 28.7 64 64v32c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V416c0-35.3 28.7-64 64-64zM432 456a24 24 0 1 0 0-48 24 24 0 1 0 0 48z%22%2F%3E%3C%2Fsvg%3E');
  order:-1;
}

#t-print {
  --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 512 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M128 0C92.7 0 64 28.7 64 64v96h64V64H354.7L384 93.3V160h64V93.3c0-17-6.7-33.3-18.7-45.3L400 18.7C388 6.7 371.7 0 354.7 0H128zM384 352v32 64H128V384 368 352H384zm64 32h32c17.7 0 32-14.3 32-32V256c0-35.3-28.7-64-64-64H64c-35.3 0-64 28.7-64 64v96c0 17.7 14.3 32 32 32H64v64c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V384zM432 248a24 24 0 1 1 0 48 24 24 0 1 1 0-48z%22%2F%3E%3C%2Fsvg%3E');
  order:-1;
}

#t-whatlinkshere {
  --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 640 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M579.8 267.7c56.5-56.5 56.5-148 0-204.5c-50-50-128.8-56.5-186.3-15.4l-1.6 1.1c-14.4 10.3-17.7 30.3-7.4 44.6s30.3 17.7 44.6 7.4l1.6-1.1c32.1-22.9 76-19.3 103.8 8.6c31.5 31.5 31.5 82.5 0 114L422.3 334.8c-31.5 31.5-82.5 31.5-114 0c-27.9-27.9-31.5-71.8-8.6-103.8l1.1-1.6c10.3-14.4 6.9-34.4-7.4-44.6s-34.4-6.9-44.6 7.4l-1.1 1.6C206.5 251.2 213 330 263 380c56.5 56.5 148 56.5 204.5 0L579.8 267.7zM60.2 244.3c-56.5 56.5-56.5 148 0 204.5c50 50 128.8 56.5 186.3 15.4l1.6-1.1c14.4-10.3 17.7-30.3 7.4-44.6s-30.3-17.7-44.6-7.4l-1.6 1.1c-32.1 22.9-76 19.3-103.8-8.6C74 372 74 321 105.5 289.5L217.7 177.2c31.5-31.5 82.5-31.5 114 0c27.9 27.9 31.5 71.8 8.6 103.9l-1.1 1.6c-10.3 14.4-6.9 34.4 7.4 44.6s34.4 6.9 44.6-7.4l1.1-1.6C433.5 260.8 427 182 377 132c-56.5-56.5-148-56.5-204.5 0L60.2 244.3z%22%2F%3E%3C%2Fsvg%3E');
  order:-1;
}

#t-specialpages {
  --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 576 512%22%3E%3C!--%21Font Awesome Free 6.5.2 by %40fontawesome - https%3A%2F%2Ffontawesome.com License - https%3A%2F%2Ffontawesome.com%2Flicense%2Ffree Copyright 2024 Fonticons%2C Inc.--%3E%3Cpath d%3D%22M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z%22%2F%3E%3C%2Fsvg%3E');
  order:-1;
}

#t-cargopagevalueslink {
  --sidebar-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 126.971 136.024'%3E%3Cpath d='m105.999 0-84 .049L0 8.957v127.065h126.97V8.957Z' fill='none' display='inline' opacity='1' paint-order='normal'/%3E%3Cpath d='m9.735 8.774 12.265-5h84l12.25 5H9.75' fill='%23000' fill-opacity='1' display='inline'/%3E%3Cpath d='M3.5 41.024H28v63.5H3.5zm95.5 0h24.5v63.5H99zm-95.5 67.5H123v24H3.5zm0-95.5H123v24H3.5zm27.985 28V59.67l13.61 13.61 17.323 17.324 1.788 1.787 12.131 12.132h19.147v-16.21l-13.6-13.6-1.788-1.787-17.325-17.324-14.578-14.579H31.485zm45.865 0-12.2 12.2 17.324 17.324 13.01-13.01V41.024H77.35zM42.716 75.658l-11.23 11.231v17.634h17.013l11.541-11.54-17.324-17.325z' fill='%23000' fill-opacity='1' fill-rule='nonzero' display='inline' opacity='1' paint-order='normal'/%3E%3C/svg%3E");
  order:-1;
}

/* Navegación Icons */
#n-randompage {
  --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2220%22 height%3D%2220%22 viewBox%3D%220 0 20 20%22%3E%3Ctitle%3Edie%3C%2Ftitle%3E%3Cpath d%3D%22M3 1a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2zm2 16a2 2 0 1 1 2-2 2 2 0 0 1-2 2M5 7a2 2 0 1 1 2-2 2 2 0 0 1-2 2m5 5a2 2 0 1 1 2-2 2 2 0 0 1-2 2m5 5a2 2 0 1 1 2-2 2 2 0 0 1-2 2m0-10a2 2 0 1 1 2-2 2 2 0 0 1-2 2%22%2F%3E%3C%2Fsvg%3E');
}
#n-recentchanges {
  --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2220%22 height%3D%2220%22 viewBox%3D%220 0 20 20%22%3E%3Ctitle%3Erecent changes%3C%2Ftitle%3E%3Cg fill%3D%22%23000%22%3E%3Cpath d%3D%22M1 3h16v2H1V3Zm0 6h11v2H1V9Zm0 6h7v2H1v-2Zm17.8-3.1 1-1.1a.6.6 0 0 0 0-.8L18 8.2a.6.6 0 0 0-.8 0l-1 1 2.6 2.7Zm-3.3-2L10 15.3V18h2.6l5.6-5.5-2.7-2.7Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}
#n-mainpage-description {
  --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2220%22 height%3D%2220%22 viewBox%3D%220 0 20 20%22%3E%3Ctitle%3Ehome%3C%2Ftitle%3E%3Cpath d%3D%22M10 1 0 10h3v9h4v-4.6c0-1.47 1.31-2.66 3-2.66s3 1.19 3 2.66V19h4v-9h3z%22%2F%3E%3C%2Fsvg%3E');
  order:-1;
}
#n-Políticas  {
  --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2220%22 height%3D%2220%22 viewBox%3D%220 0 20 20%22%3E%3Ctitle%3Ereference%3C%2Ftitle%3E%3Cpath d%3D%22m15 10-2.78-2.78L9.44 10V1H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2z%22%2F%3E%3C%2Fsvg%3E');
}
#n-Portal-de-comunidad  {
  --sidebar-icon: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2220%22 height%3D%2220%22 viewBox%3D%220 0 20 20%22%3E%3Ctitle%3Euser%20talk%3C%2Ftitle%3E%3Cpath d%3D%22M18%200H2a2%202%200%200%200-2%202v18l4-4h14a2%202%200%200%200%202-2V2a2%202%200%200%200-2-2m-4%204a1.5%201.5%200%201%201-1.5%201.5A1.5%201.5%200%200%201%2014%204M6%204a1.5%201.5%200%201%201-1.5%201.5A1.5%201.5%200%200%201%206%204m4%208c-2.61%200-4.83-.67-5.65-3h11.3c-.82%202.33-3.04%203-5.65%203%22%2F%3E%3C%2Fsvg%3E');
}

/* Definiciones 
   ------------ */
#t-specialpages > a::before,
#t-whatlinkshere > a::before,
#t-print > a::before,
#t-newpage > a::before,
#t-upload > a::before,
#t-cargopagevalueslink > a::before {
  content:'';
  background-image:var(--sidebar-icon);
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center;
  display: inline-block;
  position: relative;
  left: -3px;
  bottom: -2px;
  width:16px;
  height:16px;
}
#n-randompage > a:before,
#n-recentchanges  > a:before,
#n-Portal-de-comunidad  > a:before,
#n-Políticas  > a:before,
#n-mainpage-description > a:before {
  content:'';
  background-image:var(--sidebar-icon);
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center;
  display: block;
  margin: 0 auto;
  width: 25px;
  height: 25px;
  color: transparent !important;
  filter:var(--wiki-icon-to-link-filter) drop-shadow(2px 3px 0px #000);
}

/* Portlet Navigation */
.mw-portlet-navigation .menu {
  display: grid;
  grid-template-columns: repeat(2, 1fr); 
  grid-template-rows: auto 1fr 1fr; 
  gap: 5px;
  padding-left: 1.5px !important;
}
/* List */
.mw-portlet-navigation .menu li {
    padding: 5px 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    transition: all 0.3s;
    border: 1px solid transparent;
}
.mw-portlet-navigation .menu li:hover {
    border: 1px solid #000;
    position: relative;
}
/* text */
.mw-portlet-navigation .menu li span {
   white-space: wrap;
   font-size: 13px !important;
   color: var(--theme-text-color);
}

.mw-portlet-navigation .menu > :first-child {
  grid-column: span 2;
}

/* Color of Icons */
#p-tb .mw-list-item > a::before {
  filter:var(--wiki-icon-to-link-filter) drop-shadow(2px 3px 0px #000);
}

/* Other Styles */
#mw-panel .mw-list-item {
    display: flex;
    gap: var(--space-sm);
}
#mw-panel .mw-list-item span {
   font-size: 15px;
}
/* Nowrap Items */
.vector-menu-portal .vector-menu-content li a {
    font-size: 13px;
    white-space: nowrap;
    text-shadow: var(--Clash-borde-pg);
    overflow: hidden;
    text-overflow: ellipsis;
}