MediaWiki:Common.css

Nota: Después de publicar, quizás necesite actualizar la caché de su navegador para ver los cambios.

• Firefox/Safari: Mantenga presionada la tecla Shift mientras pulsa el botón Actualizar, o presiona Ctrl+F5 o Ctrl+R (⌘+R en Mac)
• Google Chrome: presione Ctrl+Shift+R (⌘+Shift+R en Mac)
• Edge: mantenga presionada Ctrl mientras pulsa Actualizar, o presione Ctrl+F5

/* SHIBUSEN-PORTAL-V2.1:START */
/* Colores accesibles: modo claro, oscuro y automatico de Citizen 3.x. */
.swx-portal {
  --swx-hero-bg: #edf6fa;
  --swx-guides-bg: #e8f5fa;
  --swx-patch-bg: #fff5e8;
  --swx-card-bg: #ffffff;
  --swx-bottom-bg: #eaf2f7;
  --swx-heading: #14263a;
  --swx-muted: #52667a;
  --swx-accent: #0a618b;
  --swx-primary: #17668d;
  --swx-border: #cbdce7;
  --swx-link: #075c89;
  --swx-input-bg: #ffffff;
  --swx-input-border: #a6c2d4;
  --swx-on-primary: #ffffff;
  --swx-soft-hover: #f1f8fc;
  --swx-shadow: rgba(19, 58, 84, .06);
  color: var(--swx-heading);
  line-height: 1.55;
}
html.skin-theme-clientpref-night .swx-portal {
  --swx-hero-bg: #102332;
  --swx-guides-bg: #112b39;
  --swx-patch-bg: #242933;
  --swx-card-bg: #161f2a;
  --swx-bottom-bg: #132331;
  --swx-heading: #e7f1fa;
  --swx-muted: #b5c6d6;
  --swx-accent: #89d0ef;
  --swx-primary: #29749b;
  --swx-border: #344b5d;
  --swx-link: #8acfee;
  --swx-input-bg: #0b1925;
  --swx-input-border: #456277;
  --swx-on-primary: #ffffff;
  --swx-soft-hover: #1d3242;
  --swx-shadow: rgba(0,0,0,.18);
}
@media (prefers-color-scheme: dark) {
  html.skin-theme-clientpref-os .swx-portal {
    --swx-hero-bg: #102332;
    --swx-guides-bg: #112b39;
    --swx-patch-bg: #242933;
    --swx-card-bg: #161f2a;
    --swx-bottom-bg: #132331;
    --swx-heading: #e7f1fa;
    --swx-muted: #b5c6d6;
    --swx-accent: #89d0ef;
    --swx-primary: #29749b;
    --swx-border: #344b5d;
    --swx-link: #8acfee;
    --swx-input-bg: #0b1925;
    --swx-input-border: #456277;
    --swx-on-primary: #ffffff;
    --swx-soft-hover: #1d3242;
    --swx-shadow: rgba(0,0,0,.18);
  }
}
.swx-portal,.swx-portal * { box-sizing: border-box; }
.swx-portal .swx-hero {
  background: var(--swx-hero-bg) !important;
  border: 1px solid var(--swx-border) !important;
  box-shadow: 0 10px 34px var(--swx-shadow);
}
.swx-portal .swx-hero-title {
  color: var(--swx-heading) !important;
  text-wrap: balance;
}
.swx-portal .swx-eyebrow,
.swx-portal .swx-card-icon,
.swx-portal .swx-tag { color: var(--swx-accent) !important; }
.swx-portal .swx-hero-description,
.swx-portal .swx-side,
.swx-portal .swx-section-aside,
.swx-portal .swx-card-desc,
.swx-portal .swx-bottom p,
.swx-portal .swx-feature p { color: var(--swx-muted) !important; }
.swx-portal .swx-section-heading,
.swx-portal .swx-card-title,
.swx-portal .swx-feature > div:nth-child(2),
.swx-portal .swx-bottom > div > div:nth-child(2) { color: var(--swx-heading) !important; }
.swx-portal .swx-side { border-left-color: var(--swx-border) !important; }
.swx-portal .swx-feature,
.swx-portal .swx-card,
.swx-portal .swx-bottom { border-color: var(--swx-border) !important; }
.swx-portal .swx-feature-guides { background: var(--swx-guides-bg) !important; }
.swx-portal .swx-feature-patch { background: var(--swx-patch-bg) !important; }
.swx-portal .swx-card { background: var(--swx-card-bg) !important; }
.swx-portal .swx-bottom { background: var(--swx-bottom-bg) !important; }
.swx-portal .swx-card-title {
  font-size: 19px;
  font-weight: 780;
  line-height: 1.25;
  margin: 0 0 11px;
}
.swx-portal .swx-card-desc {
  font-size: 14px;
  line-height: 1.6;
  min-height: 47px;
  margin: 0 0 17px;
}
.swx-portal .swx-card-icon {
  font-size: 11px;
  letter-spacing: 1.15px;
  font-weight: 740;
  margin-bottom: 23px;
}
.swx-portal .swx-card,
.swx-portal .swx-feature {
  display: flex;
  flex-direction: column;
  transition: background .15s ease,border-color .15s ease,transform .15s ease;
}
.swx-portal .swx-card:hover {
  background: var(--swx-soft-hover) !important;
  border-color: var(--swx-accent) !important;
  transform: translateY(-2px);
}
.swx-portal .swx-feature:hover {
  border-color: var(--swx-accent) !important;
  transform: translateY(-2px);
}
.swx-portal .swx-card-link { margin-top: auto; font-size: 14px; font-weight: 750; }
.swx-portal .swx-card-link a,
.swx-portal .swx-card-link a.new,
.swx-portal .swx-side-link a,
.swx-portal .swx-side-link a.new,
.swx-portal .swx-credits a,
.swx-portal .swx-credits a.new {
  color: var(--swx-link) !important;
  text-decoration: none !important;
}
.swx-portal .swx-card-link a:hover,
.swx-portal .swx-side-link a:hover,
.swx-portal .swx-credits a:hover { text-decoration: underline !important; }
.swx-portal .swx-hero-actions .swx-action-primary {
  background: var(--swx-primary) !important;
}
.swx-portal .swx-hero-actions .swx-action-secondary,
.swx-portal .swx-bottom .swx-action-secondary {
  background: transparent !important;
  border-color: var(--swx-border) !important;
}
.swx-portal .swx-hero-actions .swx-action-primary a,
.swx-portal .swx-hero-actions .swx-action-primary a.new {
  color: var(--swx-on-primary) !important;
  text-decoration: none !important;
}
.swx-portal .swx-hero-actions .swx-action-secondary a,
.swx-portal .swx-hero-actions .swx-action-secondary a.new,
.swx-portal .swx-bottom .swx-action-secondary a,
.swx-portal .swx-bottom .swx-action-secondary a.new {
  color: var(--swx-link) !important;
  text-decoration: none !important;
}
.swx-portal .swx-search .mw-inputbox-form,
.swx-portal .swx-search form {
  display: flex !important;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 9px;
  max-width: 730px;
  margin: 0;
}
.swx-portal .swx-search input[type="text"],
.swx-portal .swx-search input[type="search"] {
  flex: 1 1 290px;
  min-width: 200px;
  max-width: 580px;
  width: 100% !important;
  height: 49px;
  padding: 11px 16px;
  border: 1px solid var(--swx-input-border) !important;
  border-radius: 9px;
  background: var(--swx-input-bg) !important;
  color: var(--swx-heading) !important;
  font-size: 15px;
  box-sizing: border-box;
}
.swx-portal .swx-search input[type="text"]::placeholder,
.swx-portal .swx-search input[type="search"]::placeholder {
  color: var(--swx-muted) !important;
  opacity: 1;
}
.swx-portal .swx-search input[type="submit"] {
  height: 49px;
  padding: 0 20px;
  border: 1px solid var(--swx-primary) !important;
  border-radius: 9px;
  background: var(--swx-primary) !important;
  color: var(--swx-on-primary) !important;
  font-weight: 700;
  cursor: pointer;
}
.swx-portal .swx-search input[type="submit"]:hover { filter: brightness(1.12); }
.swx-portal .swx-search-fallback a {
  display: inline-flex;
  padding: 12px 20px;
  border-radius: 9px;
  background: var(--swx-primary);
  color: var(--swx-on-primary) !important;
  font-weight: 700;
  text-decoration: none;
}
.swx-portal .swx-credits {
  font-size: 12px;
  color: var(--swx-muted);
  margin: 18px 4px 0;
  text-align: right;
}
@media (max-width:840px) {
  .swx-portal .swx-hero { padding: 26px !important; }
  .swx-portal .swx-side { display: none !important; }
  .swx-portal .swx-feature { flex-basis: 100% !important; }
}
@media (max-width:580px) {
  .swx-portal .swx-hero { padding: 20px !important; }
  .swx-portal .swx-hero-title { font-size: 32px !important; }
  .swx-portal .swx-hero-description { font-size: 15px !important; }
  .swx-portal .swx-card { min-width: 100% !important; }
  .swx-portal .swx-search input[type="submit"] { width: 100%; }
  .swx-portal .swx-feature { padding: 21px !important; }
}
/* SHIBUSEN-PORTAL-V2.1:END */