Mediawiki:common.css

Вернуться

Строка 4001: Строка 4001:
}
}


/*
/* MediaWiki иногда добавляет между блоками пустые абзацы и переносы. */
* MediaWiki обычно оборачивает отдельные вики-ссылки в <p>.
* display: contents позволяет ссылкам участвовать
* непосредственно в Grid-раскладке.
*/
 
.scmc-guide-grid > p {
    display: contents !important;
    margin: 0 !important;
}


.scmc-guide-grid > p,
.scmc-guide-grid > br {
.scmc-guide-grid > br {
     display: none !important;
     display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
}


Строка 4022: Строка 4016:


/*
/*
  * Базовая раскладка:
  * Сетка сама определяет количество карточек.
  * каждая кнопка занимает 2 из 6 колонок.
* Основа — 6 колонок:
  *
  * 1 карточка  = 6/6;
  * Результат:
* 2 карточки = 3/6 + 3/6;
  * 3 кнопки = 3 одинаковые кнопки в ряд.
  * 3 карточки = 2/6 + 2/6 + 2/6;
  * 4 карточки = два ряда по 2;
  * 5 карточек = 3 в первом ряду и 2 во втором;
* 6 карточек = два ряда по 3.
  */
  */


.scmc-guide-grid--3 > a,
.scmc-guide-item {
.scmc-guide-grid--3 > p > a {
     grid-column: span 2;
     grid-column: span 2;
    min-width: 0;
    margin: 0;
    padding: 0;
}
}


/* В блоках с пятью кнопками последние две делят второй ряд пополам */
/* Одна карточка */


.scmc-guides-engineer .scmc-guide-grid > a:nth-child(n + 4),
.scmc-guide-item:only-of-type {
.scmc-guides-support .scmc-guide-grid > a:nth-child(n + 4),
     grid-column: 1 / -1;
.scmc-guides-medical .scmc-guide-grid > a:nth-child(n + 4),
.scmc-guides-engineer .scmc-guide-grid > p:nth-child(n + 4) > a,
.scmc-guides-support .scmc-guide-grid > p:nth-child(n + 4) > a,
.scmc-guides-medical .scmc-guide-grid > p:nth-child(n + 4) > a {
     grid-column: span 3;
}
}


/*
/* Две или четыре карточки */
* Две кнопки делят всю ширину пополам.
*/


.scmc-guide-grid--2 > a,
.scmc-guide-item:first-of-type:nth-last-of-type(2),
.scmc-guide-grid--2 > p > a {
.scmc-guide-item:first-of-type:nth-last-of-type(2) ~ .scmc-guide-item,
.scmc-guide-item:first-of-type:nth-last-of-type(4),
.scmc-guide-item:first-of-type:nth-last-of-type(4) ~ .scmc-guide-item {
     grid-column: span 3;
     grid-column: span 3;
}
}


/* При пяти карточках последние две делят второй ряд пополам */


/*
.scmc-guide-item:first-of-type:nth-last-of-type(5)
* Одна кнопка занимает всю ширину.
    ~ .scmc-guide-item:nth-of-type(n + 4) {
*/
     grid-column: span 3;
 
.scmc-guide-grid--1 > a,
.scmc-guide-grid--1 > p > a {
     grid-column: 1 / -1;
}
}


Строка 4069: Строка 4060:
   ========================================================= */
   ========================================================= */


.scmc-guide-grid > a,
.scmc-guide-item,
.scmc-guide-grid > p,
.scmc-guide-item > p,
.scmc-guide-grid a,
.scmc-guide-item a,
.scmc-guide-button {
.scmc-guide-button {
     min-width: 0;
     min-width: 0;
}
}


.scmc-guide-grid a,
.scmc-guide-item > p {
.scmc-guide-grid a:visited {
    display: contents !important;
    margin: 0 !important;
}
 
.scmc-guide-item a,
.scmc-guide-item a:visited {
     display: block;
     display: block;
     box-sizing: border-box;
     box-sizing: border-box;
Строка 4279: Строка 4275:
     }
     }


     .scmc-guide-grid--3 > a,
     .scmc-guide-item,
     .scmc-guide-grid--3 > p > a,
     .scmc-guide-item:only-of-type,
     .scmc-guide-grid--2 > a,
     .scmc-guide-item:first-of-type:nth-last-of-type(2),
    .scmc-guide-grid--2 > p > a,
     .scmc-guide-item:first-of-type:nth-last-of-type(2) ~ .scmc-guide-item,
     .scmc-guide-grid--1 > a,
     .scmc-guide-item:first-of-type:nth-last-of-type(4),
    .scmc-guide-grid--1 > p > a,
     .scmc-guide-item:first-of-type:nth-last-of-type(4) ~ .scmc-guide-item,
    .scmc-guides-engineer .scmc-guide-grid > a:nth-child(n + 4),
     .scmc-guide-item:first-of-type:nth-last-of-type(5)
     .scmc-guides-support .scmc-guide-grid > a:nth-child(n + 4),
        ~ .scmc-guide-item:nth-of-type(n + 4) {
     .scmc-guides-medical .scmc-guide-grid > a:nth-child(n + 4),
    .scmc-guides-engineer .scmc-guide-grid > p:nth-child(n + 4) > a,
     .scmc-guides-support .scmc-guide-grid > p:nth-child(n + 4) > a,
    .scmc-guides-medical .scmc-guide-grid > p:nth-child(n + 4) > a {
         grid-column: 1 / -1;
         grid-column: 1 / -1;
     }
     }