Mediawiki:common.css

Вернуться

Строка 2433: Строка 2433:
} /* <--- ВОТ ОНА, ЗАКРЫВАЮЩАЯ СКОБКА МОБИЛЬНОЙ ВЕРСТКИ */
} /* <--- ВОТ ОНА, ЗАКРЫВАЮЩАЯ СКОБКА МОБИЛЬНОЙ ВЕРСТКИ */


/* Делаем кнопку Развернуть на всю ширину как панель */
/* Контейнер: синяя полоса */
.recipe-card .mw-collapsible-toggle {
.recipe-card .mw-collapsible-toggle {
     display: block !important;
     display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
     width: 100% !important;
     width: 100% !important;
     background: #2a3446 !important;
     background: #2a3446 !important;
Строка 2441: Строка 2443:
     box-sizing: border-box !important;
     box-sizing: border-box !important;
     float: none !important;
     float: none !important;
     text-align: left !important;
     margin: 0 !important;
}
}


/* Возвращаем слово "Рецепт" и ставим его слева */
/* Слово "Рецепт" (добавляем через CSS) */
.recipe-card .mw-collapsible-toggle::before {
.recipe-card .mw-collapsible-toggle::before {
     content: "Рецепт" !important;
     content: "Рецепт" !important;
Строка 2452: Строка 2454:
     margin-right: 10px !important;
     margin-right: 10px !important;
     display: inline-block !important;
     display: inline-block !important;
    vertical-align: middle !important;
}
}


/* Оформляем кнопку "Развернуть" как аккуратный ярлычок */
/* Сама кнопка "Развернуть" */
.recipe-card .mw-collapsible-toggle a,
.recipe-card .mw-collapsible-toggle a,
.recipe-card .mw-collapsible-toggle a:link,
.recipe-card .mw-collapsible-toggle a:link,
Строка 2463: Строка 2464:
     background-color: rgba(255, 255, 255, 0.15) !important;
     background-color: rgba(255, 255, 255, 0.15) !important;
     color: #ffffff !important;
     color: #ffffff !important;
     padding: 2px 8px !important;
     padding: 3px 8px !important;
     border-radius: 4px !important;
     border-radius: 4px !important;
     text-decoration: none !important;
     text-decoration: none !important;
Строка 2472: Строка 2473:
     outline: none !important;
     outline: none !important;
     display: inline-block !important;
     display: inline-block !important;
    vertical-align: middle !important;
}
}


/* Убираем квадратные скобки [ ] вокруг кнопки */
/* Убираем квадратные скобки [ ], которые добавляет вики */
.recipe-card .mw-collapsible-toggle::before,
.recipe-card .mw-collapsible-toggle > a::before,
.recipe-card .mw-collapsible-toggle::after {
.recipe-card .mw-collapsible-toggle > a::after {
     content: "" !important;
     content: "" !important;
     display: none !important;
     display: none !important;
}
}