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

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

Материал из MafiaWiki
Allow club social links to wrap inside infobox
Добавить стили бейджа YouTube для инфобоксов
 
(не показано 10 промежуточных версий 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;
}
}


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


Строка 54: Строка 65:
   background: #fff;
   background: #fff;
   min-width: 0;
   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 {
.mw-parser-output .mafiawiki-social-badge {
   display: inline-block;
   display: inline-block;
   margin: 0 0.45rem 0.25rem 0;
   margin: 0 0 0.35rem 0;
   padding: 0.12rem 0.5rem;
   padding: 0.12rem 0.5rem;
   border-radius: 999px;
   border-radius: 999px;
Строка 65: Строка 86:
   font-weight: 700;
   font-weight: 700;
   letter-spacing: 0.02em;
   letter-spacing: 0.02em;
  vertical-align: middle;
}
}


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


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


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


Строка 89: Строка 114:
     margin: 0 0 1rem;
     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%);
}
}

Текущая версия от 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%);
}