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

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