Перейти к содержанию

MediaWiki:Common.css: различия между версиями

Материал из MafiaWiki
Set global red link accent via Common.css
Добавить стили бейджа YouTube для инфобоксов
 
(не показано 8 промежуточных версий 2 участников)
Строка 33: Строка 33:
   height: auto;
   height: auto;
   margin: 0 auto;
   margin: 0 auto;
}
.mw-parser-output .mafiawiki-infobox-section {
  padding: 0.45rem 0.75rem;
  border-top: 1px solid #eaecf0;
  background: #f1f3f6;
  color: #54595d;
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
}


Строка 79: Строка 90:
.mw-parser-output .mafiawiki-social-badge-instagram {
.mw-parser-output .mafiawiki-social-badge-instagram {
   background: linear-gradient(135deg, #f58529 0%, #dd2a7b 55%, #8134af 100%);
   background: linear-gradient(135deg, #f58529 0%, #dd2a7b 55%, #8134af 100%);
}
.mw-parser-output .mafiawiki-social-badge-markery {
  background: linear-gradient(135deg, #111827 0%, #334155 100%);
}
}


Строка 100: Строка 115:
   }
   }
}
}
:root {
 
  --mafiawiki-accent-link: #cc0000;
.mafiawiki-infobox-image-wrap {
   --mafiawiki-accent-link-hover: #990000;
  display: block;
   --mafiawiki-accent-link-visited: #7a0000;
   font-size: 0;
   line-height: 0;
}
}


/* mafiawiki-global-link-accent */
.mafiawiki-infobox-image-wrap .mafiawiki-infobox-image {
.mw-body a:not(.new),
  font-size: 1rem;
.mw-body-content a:not(.new),
  line-height: normal;
#mw-panel a:not(.new),
.vector-header-container a:not(.new),
.vector-sticky-header a:not(.new),
.mw-portlet a:not(.new) {
  color: var(--mafiawiki-accent-link);
}
}


.mw-body a:not(.new):visited,
.mw-parser-output .mafiawiki-social-badge-telegram {
.mw-body-content a:not(.new):visited,
   background: linear-gradient(135deg, #27a7e7 0%, #1f8ed6 100%);
#mw-panel a:not(.new):visited,
.vector-header-container a:not(.new):visited,
.vector-sticky-header a:not(.new):visited,
.mw-portlet a:not(.new):visited {
   color: var(--mafiawiki-accent-link-visited);
}
}


.mw-body a:not(.new):hover,
.mw-parser-output .mafiawiki-social-badge-youtube {
.mw-body-content a:not(.new):hover,
  background: linear-gradient(135deg, #ff0033 0%, #cc0000 100%);
#mw-panel a:not(.new):hover,
.vector-header-container a:not(.new):hover,
.vector-sticky-header a:not(.new):hover,
.mw-portlet a:not(.new):hover,
.mw-body a:not(.new):focus,
.mw-body-content a:not(.new):focus,
#mw-panel a:not(.new):focus,
.vector-header-container a:not(.new):focus,
.vector-sticky-header a:not(.new):focus,
.mw-portlet a:not(.new):focus {
  color: var(--mafiawiki-accent-link-hover);
}
}

Текущая версия от 10:22, 3 апреля 2026

.mw-parser-output .mafiawiki-infobox {
  float: right;
  clear: right;
  width: 320px;
  max-width: 100%;
  margin: 0 0 1rem 1.5rem;
  border: 1px solid #c8ccd1;
  background: #f8f9fa;
  color: #202122;
  font-size: 0.95rem;
  line-height: 1.45;
}

.mw-parser-output .mafiawiki-infobox-title {
  padding: 0.8rem 1rem;
  background: #eaecf0;
  color: #202122;
  font-size: 1.05rem;
  font-weight: 700;
  text-align: center;
}

.mw-parser-output .mafiawiki-infobox-image {
  padding: 0.6rem;
  background: #fff;
  border-top: 1px solid #eaecf0;
  text-align: center;
}

.mw-parser-output .mafiawiki-infobox-image img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;
}

.mw-parser-output .mafiawiki-infobox-section {
  padding: 0.45rem 0.75rem;
  border-top: 1px solid #eaecf0;
  background: #f1f3f6;
  color: #54595d;
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.mw-parser-output .mafiawiki-infobox-row {
  display: grid;
  grid-template-columns: 42% minmax(0, 1fr);
}

.mw-parser-output .mafiawiki-infobox-label,
.mw-parser-output .mafiawiki-infobox-value {
  padding: 0.55rem 0.75rem;
  border-top: 1px solid #eaecf0;
}

.mw-parser-output .mafiawiki-infobox-label {
  background: #f8f9fa;
  font-weight: 600;
}

.mw-parser-output .mafiawiki-infobox-value {
  background: #fff;
  min-width: 0;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.mw-parser-output .mafiawiki-infobox-value a,
.mw-parser-output .mafiawiki-infobox-value .external {
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: break-word;
  white-space: normal;
}

.mw-parser-output .mafiawiki-social-badge {
  display: inline-block;
  margin: 0 0 0.35rem 0;
  padding: 0.12rem 0.5rem;
  border-radius: 999px;
  color: #fff;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.02em;
}

.mw-parser-output .mafiawiki-social-badge-instagram {
  background: linear-gradient(135deg, #f58529 0%, #dd2a7b 55%, #8134af 100%);
}

.mw-parser-output .mafiawiki-social-badge-markery {
  background: linear-gradient(135deg, #111827 0%, #334155 100%);
}

.mw-parser-output .mafiawiki-social-link {
  display: block;
  max-width: 100%;
}

.mw-parser-output .mafiawiki-social-link a {
  display: inline;
  overflow-wrap: anywhere;
  word-break: break-word;
  white-space: normal;
}

@media (max-width: 720px) {
  .mw-parser-output .mafiawiki-infobox {
    float: none;
    width: 100%;
    margin: 0 0 1rem;
  }
}

.mafiawiki-infobox-image-wrap {
  display: block;
  font-size: 0;
  line-height: 0;
}

.mafiawiki-infobox-image-wrap .mafiawiki-infobox-image {
  font-size: 1rem;
  line-height: normal;
}

.mw-parser-output .mafiawiki-social-badge-telegram {
  background: linear-gradient(135deg, #27a7e7 0%, #1f8ed6 100%);
}

.mw-parser-output .mafiawiki-social-badge-youtube {
  background: linear-gradient(135deg, #ff0033 0%, #cc0000 100%);
}