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

Simplify link accent CSS to ResourceLoader-safe selectors
Добавить стили бейджа YouTube для инфобоксов
 
(не показано 5 промежуточных версий 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:
   }
   }
}
}
/* mafiawiki-global-link-accent */
 
.mw-body a,
.mafiawiki-infobox-image-wrap {
.mw-body-content a,
  display: block;
.mw-parser-output a,
  font-size: 0;
#mw-panel a,
  line-height: 0;
.vector-header-container a,
}
.vector-sticky-header a,
 
.mw-portlet a {
.mafiawiki-infobox-image-wrap .mafiawiki-infobox-image {
   color: #cc0000;
  font-size: 1rem;
   line-height: normal;
}
}


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


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