MediaWiki:Common.css: различия между версиями
Строка 170: | Строка 170: | ||
} | } | ||
.buy | .buy , | ||
.pdf | .pdf { | ||
background: none; | background: none; | ||
} | } |
Версия 20:12, 7 декабря 2021
/* Размещённый здесь CSS будет применяться ко всем темам оформления */
:root{
--testing-border-color: #a2a9b1;
--testing-header-background: #a2a9b11a;
--buy-btn-color: #0068c6;
--pdf-btn-color: #f2594b;
}
.mw-highlight{
max-height: 250px;
overflow: auto;
}
@media print{
.mw-highlight{
max-height: initial;
}
.pdf{
display: none;
}
}
pre {
margin: .3em 0px .6em 0px;
padding: .7em;
}
.note{
border-left: .4em solid;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
margin: .5em 0em .5em 0;
padding: 0.9em 1.0em 0.9em 1.5em;
display: flow-root;
border-color: #ccc;
background-color: #f5f7f9;
}
.note-note{
border-color: #346ddb;
}
.note-info{
border-color: #f77d05;
}
.note-warn{
border-color: #d33d3d;
}
.note-nobanner {
border: none;
margin:0;
padding:0;
max-width: auto;
display: inline;
background-color: transparent;
}
/* Врезка про новые функции из тестинга */
div.testing {
border: 1px dashed var(--testing-border-color);
display: flow-root;
margin: 10px 0;
padding: 10px;
}
.testing-label{
border: 1px solid var(--testing-border-color);
background-color: var(--testing-header-background);
padding: 0 15px;
}
.testing-header{
color: #1e3238;
font-weight: 600;
}
.testing-caption{
font-size: 0.9em;
display: block;
}
/*По центру и ниже всех картинок сбоку*/
.centered{
clear: both;
margin:auto
}
/*Быстрые стили для текста*/
.text-center{
text-align:center;
}
.text-left{
text-align:left;
}
.text-right{
text-align:right;
}
.text-red{
color: red;
}
.text-green{
color: green;
}
.nowrap{ /*Запрещает перенос слов в строке*/
white-space: nowrap;
}
/* Стили тултипа. Пример смотри в заголовке таблицы регистров */
.tooltip {
border-bottom: 1px dotted #0077AA;
cursor: help;
}
.tooltip::after {
background: rgba(0, 0, 0, 0.8);
border-radius: 8px 8px 8px 0px;
box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
color: #FFF;
content: attr(data-tooltip); /* Главная часть кода, определяющая содержимое всплывающей подсказки */
margin-top: -24px;
opacity: 0; /* Наш элемент прозрачен... */
padding: 3px 7px;
position: absolute;
visibility: hidden; /* ...и скрыт. */
transition: all 0.4s ease-in-out; /* Добавить плавности по вкусу */
}
.tooltip:hover::after {
opacity: 1; /* Показываем его */
visibility: visible;
}
.mb-tooltip{
display: none;
}
/* Оформление блока code */
code{
border-color: #c1c2c5 ;
}
/*Кнопки*/
.mw-pt-languages + .btn{
margin-top: 0.5em;
}
.btn a span{
border: 1px solid;
border-radius: 4px;
font-size: 14px;
font-weight: 700;
line-height: normal;
padding: 5px 10px;
text-transform: uppercase;
z-index: 1;
transition: all .2s linear;
letter-spacing: 0.01em;
background: none;
white-space: nowrap;
}
.buy ,
.pdf {
background: none;
}
.buy + .toc{
margin-top: 1em;
}
.buy{
display: inline-block;
/*margin: 1em 0 .1em 0;*/
}
.buy a span {
border-color: var(--buy-btn-color);
color: var(--buy-btn-color);
}
.buy a{
text-decoration: none;
}
.buy:hover a span {
background: var(--buy-btn-color);
color: #ffffff;
}
.pdf{
clear: right;
float: right;
position: absolute;
right: 0px;
top: 0px;
}
.pdf a span {
border-color: var(--pdf-btn-color);
color: var(--pdf-btn-color);
}
.pdf a{
text-decoration: none;
}
.pdf:hover a span {
background: var(--pdf-btn-color);
color: #ffffff;
}
@media (max-width: 900px) {
.pdf {
position: relative;
clear: none;
float: none;
}
}
/*Оформление горячих клавиш */
kbd {
color: #323538;
border-radius: 3px;
vertical-align: middle;
padding: 1px 3px;
background-color: #ffffff2b;
border: 1px solid #47474766;
border-bottom-color: #58585866;
box-shadow: inset 0 -1px 0 #58585866;
}
/*Заголовок таблицы*/
table caption{
font-size: 1.1em;
background-color: #dae3f4;
color: #1d2d3a;
border: 1px solid #a2a9b1;
border-bottom: 0px;
padding: 0.2em 0.4em;
}
/*Оформление фона ячеек таблиц*/
.cell-red{
background-color: #f55858;
color: white;
}
.cell-yellow{
background-color: #f5f058;
}
.cell-green{
background-color: #58f581;
}
/* Галерея */
li.gallerybox div.thumb {
background-color: transparent;
}
/* Картинки справа*/
.tright .thumbinner .image > img{
max-width: 300px;
height: auto;
}
.tright .thumbinner{
max-width: 304px;
height: auto;
}