MediaWiki:Common.css: различия между версиями

Материал из Indecoder
Новая страница: «→‎Размещённый здесь CSS будет применяться ко всем темам оформления: .category-Изображения_косметических_продуктов .mw-category-generated .mw-headline { display: none; →‎Скрывает заголовок "Подкатегории":
 
Нет описания правки
 
(не показано 26 промежуточных версий этого же участника)
Строка 1: Строка 1:
/* Размещённый здесь CSS будет применяться ко всем темам оформления */
body.page-Category_Изображения_косметических_продуктов .mw-category-generated .mw-headline {
.category-Изображения_косметических_продуктов .mw-category-generated .mw-headline {
     display: none; /* Скрывает заголовок "Подкатегории" */
     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;
}
}

Текущая версия от 17:52, 13 октября 2024

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