MediaWiki:Common.css

Материал из wiki innovation station ss14

Замечание: Возможно, после публикации вам придётся очистить кэш своего браузера, чтобы увидеть изменения.

  • Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl+F5 или Ctrl+R (⌘+R на Mac)
  • Google Chrome: Нажмите Ctrl+Shift+R (⌘+Shift+R на Mac)
  • Internet Explorer / Edge: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl+F5
  • Opera: Нажмите Ctrl+F5.
/* Общий фон для всех блоков */
* {
    background-color: rgba(0, 0, 0, 0.1) !important; /* Ещё больше прозрачности */
    color: #0de4ff !important; /* Цвет текста для контраста */
    font-weight: bold;
    box-shadow: none !important;
    border-color: #0de4ff !important;
}

/* Основной фон страницы */
body {
    background-image: url('https://wiki-innovationstation-ss14.ru/images/wikifon.png') !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
}

/* Основной контейнер страницы */
#content {
    background-color: rgba(0, 0, 0, 0.08) !important; /* Почти полная прозрачность */
    padding: 20px;
    border-radius: 10px;
    box-shadow: none;
}

/* Боковые панели */
#p-logo, #p-navigation, #p-search, #p-tb, #p-cactions, .portal {
    background-color: rgba(0, 0, 0, 0.08) !important; /* Прозрачность для боковых панелей */
    padding: 10px;
    border-radius: 10px;
}

/* Таблицы и списки */
table, th, td, ol, ul {
    background-color: rgba(0, 0, 0, 0.05) !important; /* Ещё более прозрачные таблицы и списки */
    border: 1px solid #0de4ff !important;
}

/* Нижний футер */
#footer {
    background-color: rgba(0, 0, 0, 0.1) !important; /* Прозрачность для футера */
    padding: 10px;
    color: #0de4ff !important;
}

/* Всплывающие окна и сообщения */
.mw-warning, .mw-error {
    background-color: rgba(0, 0, 0, 0.1) !important; /* Прозрачность для предупреждений */
}

/* Дополнительные настройки для меню */
.vector-menu-content {
    background-color: rgba(0, 0, 0, 0.1) !important;
}


------------------

/* Устанавливаем максимальную ширину для таблиц */
table {
    width: 100%; /* Ширина таблицы 100% от родительского элемента */
    max-width: 800px; /* Максимальная ширина таблицы */
    margin: 0 auto; /* Центрируем таблицу */
    border-collapse: collapse; /* Убираем двойные границы */
}

/* Стили для ячеек таблицы */
td, th {
    padding: 10px; /* Отступы внутри ячеек */
    text-align: center; /* Центрируем текст */
}

/* Адаптивные изображения */
img {
    max-width: 100%; /* Ограничиваем ширину изображений */
    height: auto; /* Поддерживаем пропорции изображений */
}
/* Устанавливаем фиксированный размер для изображений */
img {
    width: 150px; /* Ширина изображений */
    height: 150px; /* Высота изображений */
}