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

Страница интерфейса MediaWiki
Нет описания правки
Нет описания правки
 
(не показана 71 промежуточная версия этого же участника)
Строка 1: Строка 1:
  /* Контейнер карточек */
body:before {
  .infoblocks {
     content: "";
     display: flex;
     position: fixed;
     flex-wrap: wrap;
     top: 0;
     gap: 1em;
     left: 0;
     justify-content: flex-start;
     right: 0;
     padding: 1em;
     bottom: 0;
     max-width: 1200px; /* увеличенная ширина страницы для карточек */
     background-image: url("https://upload.wikimedia.org/wikipedia/commons/3/36/Snowflakes_falling_transparent.gif");
     margin: 0 auto;
     background-repeat: repeat;
  }
     pointer-events: none;
  /* Сама карточка */
     opacity: 0.35;
  .infoblocks .infoblock {
     z-index: 2;
    background: transparent;    /* без фонового цвета */
     animation: snowmove 60s linear infinite;
    color: inherit;              /* наследует цвет текста темы вики */
}
    width: 300px;
 
     border: 1px solid #a2a9b1;
@keyframes snowmove {
    border-radius: 0 0 8px 8px;
     from { background-position: 0 0; }
     font-family: sans-serif;
     to { background-position: 500px 1000px; }
     display: flex;
}
     flex-direction: column;
 
     overflow: hidden;
h1, h2, h3, h4, h5 {
  }
     text-shadow: 0 0 6px rgba(179, 229, 252, 0.7), 0 0 12px rgba(179, 229, 252, 0.4);
  /* Шапка карточки */
     transition: text-shadow 0.3s;
  .infoblock .header {
}
     display: flex;
 
    align-items: center;
h1:hover, h2:hover, h3:hover, h4:hover, h5:hover {
    padding: 0.5em;
     text-shadow: 0 0 12px rgba(179, 229, 252, 0.9), 0 0 20px rgba(179, 229, 252, 0.6);
    gap: 0.5em;
}
     background: transparent;      /* без фоновой полосы */
 
    border-bottom: 1px solid #a2a9b1;
a, a:visited {
  }
     transition: color 0.3s, text-shadow 0.3s;
  .infoblock .header img {
}
    width: 20px;
 
    height: auto;
a:hover {
  }
     color: #b3e5fc !important;
  .infoblock .header .title {
     text-shadow: 0 0 6px #b3e5fc;
     font-weight: bold;
}
  }
 
  /* Основной контент */
.wikitable {
  .infoblock .content {
     border-color: rgba(179, 229, 252, 0.6) !important;
    padding: 0.75em;
     border-radius: 6px;
     display: flex;
}
    flex-direction: column;
 
    line-height: 1.4;
.wikitable th {
  }
     background: rgba(179, 229, 252, 0.1);
  /* Секции внутри карточки */
}
  .infoblock .section {
 
     margin-bottom: 0.75em;
.mw-page-title-main:before {
  }
     content: " ";
  .infoblock .section:last-child {
}
     margin-bottom: 0;
 
  }
.mw-page-title-main:after {
  .infoblock .section h4 {
     content: " ";
    margin: 0 0 0.5em;
}
     font-weight: bold;
     font-size: 0.95em;
  }
  .infoblock .section ul {
     margin: 0;
     padding-left: 1.2em;
  }
  .infoblock .section ul li {
     margin-bottom: 0.3em;
  }
  /* Отдельный блок для эффектов */
  .effects-block {
     border: 1px dashed #a2a9b1;
    padding: 0.5em;
     margin-bottom: 0.75em;
  }

Текущая версия от 08:23, 13 ноября 2025

body:before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url("https://upload.wikimedia.org/wikipedia/commons/3/36/Snowflakes_falling_transparent.gif");
    background-repeat: repeat;
    pointer-events: none;
    opacity: 0.35;
    z-index: 2;
    animation: snowmove 60s linear infinite;
}

@keyframes snowmove {
    from { background-position: 0 0; }
    to { background-position: 500px 1000px; }
}

h1, h2, h3, h4, h5 {
    text-shadow: 0 0 6px rgba(179, 229, 252, 0.7), 0 0 12px rgba(179, 229, 252, 0.4);
    transition: text-shadow 0.3s;
}

h1:hover, h2:hover, h3:hover, h4:hover, h5:hover {
    text-shadow: 0 0 12px rgba(179, 229, 252, 0.9), 0 0 20px rgba(179, 229, 252, 0.6);
}

a, a:visited {
    transition: color 0.3s, text-shadow 0.3s;
}

a:hover {
    color: #b3e5fc !important;
    text-shadow: 0 0 6px #b3e5fc;
}

.wikitable {
    border-color: rgba(179, 229, 252, 0.6) !important;
    border-radius: 6px;
}

.wikitable th {
    background: rgba(179, 229, 252, 0.1);
}

.mw-page-title-main:before {
    content: " ";
}

.mw-page-title-main:after {
    content: " ";
}