8,959
edits
| No edit summary | No edit summary Tag: Reverted | ||
| Line 315: | Line 315: | ||
| } | } | ||
| /* Убираем фон из #content */ | |||
| body.page-Main_Page #content { | body.page-Main_Page #content { | ||
|      background-image:   |     background-color: #DDD7CC; /* Оставляем только цвет фона */ | ||
| } | |||
|      background- | /* Привязываем первое изображение (Clancy_Tyler.png) к шаблону WhoWeAre */ | ||
|      background-size:  | .mw-parser-output .who-we-are { | ||
|      background-repeat:  |     position: relative; /* Для позиционирования псевдоэлемента */ | ||
| } | |||
| .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; | |||
| } | } | ||