|
|
| 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;
| |
| } | | } |
|
| |
|