MediaWiki:Common.css

Материал из Indecoder

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

  • 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.
body.page-Category_Изображения_косметических_продуктов .mw-category-generated .mw-headline {
    display: none; /* Скрывает заголовок "Подкатегории" */
}
/* Десктопная версия (по умолчанию) */
.float-right-box {
  width: 300px;
  height: 300px;
  overflow: hidden;
  text-align: center;
  border: 1px solid #ccc;
  position: relative;
  float: right;
  margin-left: 10px;
  background-color: white;
}

/* Мобильная версия */
@media (max-width: 768px) {
  .float-right-box {
    float: none;
    align: center;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    height: 300px;
    max-width: 100%;
  }
}
.full-width-table {
  width: 100%;
  border-color: black;
  border-collapse: collapse;
  border: 1px solid;
  margin: 0 auto;
  text-align:center;

}
.full-width-table th, .full-width-table td {
  padding: 8px;
  border: 1px solid black;
}
body.skin-vector #mw-panel {
    display: block !important;
}
.vector-sticky-header-visible .vector-sidebar-container {
    display: block !important;
}

.vector-sidebar-container {
    display: block !important;
}

.vector-main-menu {
    display: block !important;
}

.main-page-container {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.main-page-block {
  flex: 1 1 calc(50% - 10px); /* Два блока в строке */
  border: 1px solid #ccc;
  background-color: #f9f9f9;
  padding: 15px;
}

.main-page-block h3 {
  background-color: #e6e6e6;
  padding: 10px;
  margin: -15px -15px 10px -15px;
}