MediaWiki:Common.css: Difference between revisions

Jump to navigation Jump to search
no edit summary
No edit summary
No edit summary
Line 1: Line 1:
.image-frame {
/* Для таблицы фото-рамки */
    display: inline-block;
.image-frame-table {
    border-left: 12px solid #c72a37;
  border: none !important;
    border-right: 12px solid #c72a37;
  background: none;
    border-top: 5px solid #c72a37;
  box-shadow: none;
    border-bottom: none;
    border-radius: 22px 22px 0 0;
    background: none;
    margin: 16px auto 0 auto;
    box-shadow: 0 3px 16px rgba(70,15,25,0.06);
    transition: transform 0.35s cubic-bezier(.22,1,.36,1), box-shadow 0.35s cubic-bezier(.22,1,.36,1), opacity 0.7s cubic-bezier(.22,1,.36,1);
    opacity: 0;
    transform: scale(0.96) translateY(24px);
    animation: frameIn 0.9s cubic-bezier(.22,1,.36,1) forwards;
    max-width: 330px;
}
}


@keyframes frameIn {
/* Ячейка с фото */
   to {
.centered-photo-cell {
    opacity: 1;
   text-align: center;
    transform: scale(1) translateY(0);
  background: none;
  }
  padding: 0 !important;
}
}


.image-frame:hover, .image-frame:focus-within {
/* Фото */
    transform: scale(1.05) translateY(-3px);
.framed-img, .image-frame-table img {
    box-shadow: 0 9px 24px rgba(140,20,30,0.12), 0 2px 9px rgba(0,0,0,0.10);
  display: block;
    z-index: 2;
  margin: 0 auto;
  border-radius: 15px 15px 0 0;
  border-left: 10px solid #c72a37;
  border-right: 10px solid #c72a37;
  border-top: 5px solid #c72a37;
  border-bottom: none;
  box-sizing: border-box;
  box-shadow: 0 3px 16px rgba(70,15,25,0.10);
  max-width: 200px;
  max-height: 200px;
}
}


/* Фото */
/* Ячейка с подписью */
.framed-img, .image-frame img {
.centered-text-cell {
    display: block;
  text-align: center;
    max-width: 100%;
  padding: 0 !important;
    margin: 0;
    border-radius: 12px 12px 0 0;
    box-shadow: none;
}
}


/* Чёрная подложка для подписи */
/* Стиль подписи */
.image-caption {
.image-caption {
    background: #181217;
  background: #181217;
    border-bottom: 6px solid #c72a37;
  color: #e0a6b4;
    border-left: 12px solid #c72a37;
  border-bottom: 6px solid #c72a37;
    border-right: 12px solid #c72a37;
  border-left: 10px solid #c72a37;
    border-radius: 0 0 22px 22px;
  border-right: 10px solid #c72a37;
    font-size: 1.10em;
  border-radius: 0 0 15px 15px;
    margin: 0;
  font-size: 1.09em;
    padding: 10px 0 7px 0;
  padding: 9px 0 7px 0;
    color: #e0a6b4;
  margin: 0;
    letter-spacing: .02em;
  font-family: 'Segoe UI', 'Arial', sans-serif;
    font-family: 'Segoe UI', 'Arial', sans-serif;
  letter-spacing: .02em;
    text-align: center;
    box-shadow: 0 1.5px 5px rgba(0,0,0,0.03);
}
}




Navigation menu