MediaWiki:Common.css: Difference between revisions

Jump to navigation Jump to search
no edit summary
No edit summary
Tag: Reverted
No edit summary
Tag: Manual revert
Line 315: Line 315:
}
}


/* Убираем фон из #content */
body.page-Main_Page #content {
body.page-Main_Page #content {
     background-color: #DDD7CC; /* Оставляем только цвет фона */
     background-image:  
}
        url(/images/9/99/Clancy_Tyler.png),
 
        url(/images/6/6f/Josh_Torch.png);
/* Привязываем первое изображение (Clancy_Tyler.png) к шаблону WhoWeAre */
     background-color: #DDD7CC;
.mw-parser-output .who-we-are {
     background-size: 22%, 16%;
    position: relative; /* Для позиционирования псевдоэлемента */
     background-repeat: no-repeat, no-repeat;
}
     background-position: 55px 275px, calc(100% - 75px) 275px;
 
     background-attachment: scroll, scroll;
.mw-parser-output .who-we-are::before {
    content: "";
    position: absolute;
    width: 22%; /* Размер изображения */
    height: 0;
    padding-bottom: 22%; /* Сохраняем пропорции изображения */
    background-image: url(/images/9/99/Clancy_Tyler.png);
    background-size: contain;
    background-repeat: no-repeat;
    top: 275px; /* Смещение сверху */
    left: 55px; /* Смещение слева */
    z-index: 0; /* Устанавливаем ниже содержимого */
}
 
/* Привязываем второе изображение (Josh_Torch.png) к шаблону News */
.mw-parser-output .news {
    position: relative; /* Для позиционирования псевдоэлемента */
}
 
.mw-parser-output .news::before {
    content: "";
    position: absolute;
    width: 16%; /* Размер изображения */
    height: 0;
    padding-bottom: 16%; /* Сохраняем пропорции изображения */
     background-image: url(/images/6/6f/Josh_Torch.png);
     background-size: contain;
     background-repeat: no-repeat;
     top: 275px; /* Смещение сверху */
    right: 75px; /* Смещение справа (заменяем calc(100% - 75px)) */
     z-index: 0; /* Устанавливаем ниже содержимого */
}
 
/* Убедимся, что содержимое шаблонов выше изображений */
.mw-parser-output .who-we-are > *,
.mw-parser-output .news > * {
    position: relative;
    z-index: 1;
}
}


Navigation menu