MediaWiki:Common.css: Difference between revisions

Jump to navigation Jump to search
no edit summary
No edit summary
No edit summary
Line 4: Line 4:
   margin: 20px;
   margin: 20px;
   border: 1px solid #ccc;
   border: 1px solid #ccc;
   background: white; /* Белый фон контейнера */
   background: white;
  max-width: 100px; /* Ограничение ширины */
  word-wrap: break-word; /* Перенос слов, если они слишком длинные */
}
}


Line 10: Line 12:
   content: '';
   content: '';
   position: absolute;
   position: absolute;
   top: -50px; /* Перемещаем верхнее изображение выше */
   top: -50px;
   left: 0;
  left: 50%; /* Выравнивание по центру */
   transform: translateX(-50%); /* Центрируем изображение относительно контейнера */
   width: 60%;
   width: 60%;
   height: 50px; /* Высота верхнего изображения */
   height: 50px;
   background: url("/images/0/08/Above_quote.png") no-repeat center top;
   background: url("/images/0/08/Above_quote.png") no-repeat center top;
   z-index: 2; /* Поднимаем изображение выше фона */
   z-index: 2;
}
}


Line 21: Line 24:
   content: '';
   content: '';
   position: absolute;
   position: absolute;
   bottom: -50px; /* Перемещаем нижнее изображение ниже */
   bottom: -50px;
   left: 0;
  left: 50%; /* Выравнивание по центру */
   transform: translateX(-50%); /* Центрируем изображение относительно контейнера */
   width: 60%;
   width: 60%;
   height: 50px; /* Высота нижнего изображения */
   height: 50px;
   background: url("/images/c/c8/Under_quote.png") no-repeat center bottom;
   background: url("/images/c/c8/Under_quote.png") no-repeat center bottom;
   z-index: 2; /* Поднимаем изображение выше фона */
   z-index: 2;
}
}


.quote-content {
.quote-content {
   position: relative;
   position: relative;
   z-index: 1; /* Текст находится ниже изображений */
   z-index: 1;
   background: white;
   background: white;
   padding: 40px 20px; /* Отступы внутри белого контейнера */
   padding: 40px 10px; /* Уменьшенные отступы внутри белого контейнера */
  text-align: center; /* Центрируем текст */
}
}




Navigation menu