MediaWiki:Mobile.css: различия между версиями
(Добавил оформление блока тестинга) |
|||
(не показано 7 промежуточных версий 2 участников) | |||
Строка 1: | Строка 1: | ||
/* All CSS here will be loaded for users of the mobile site */ | /* All CSS here will be loaded for users of the mobile site */ | ||
:root{ | |||
--testing-border-color: #a2a9b1; | |||
--testing-header-background: #a2a9b11a; | |||
--buy-btn-color: #0068c6; | |||
--pdf-btn-color: #f2594b; | |||
} | |||
.mw-highlight{ | .mw-highlight{ | ||
max-height: 250px; | max-height: 250px; | ||
Строка 77: | Строка 84: | ||
} | } | ||
/* | /*Кнопки*/ | ||
. | |||
.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; | |||
} | } | ||
.buy .external, | |||
.pdf .external{ | .pdf .external{ | ||
background: none; | 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: none; | |||
float: none; | |||
position: relative; | |||
display: block; | |||
margin-top: .5em; | |||
} | |||
.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; | |||
} | } | ||
Строка 141: | Строка 195: | ||
li.gallerybox div.thumb { | li.gallerybox div.thumb { | ||
background-color: transparent; | background-color: transparent; | ||
} | |||
.minerva-header .branding-box { | |||
opacity: 1 !important; | |||
padding-right: 26px; | |||
} | |||
/* Врезка про новые функции из тестинга */ | |||
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; | |||
} | } |
Текущая версия на 10:26, 6 февраля 2023
/* All CSS here will be loaded for users of the mobile site */
:root{
--testing-border-color: #a2a9b1;
--testing-header-background: #a2a9b11a;
--buy-btn-color: #0068c6;
--pdf-btn-color: #f2594b;
}
.mw-highlight{
max-height: 250px;
overflow: auto;
}
.note{
border-left: .4em solid;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
margin: .5em 0em .5em 0;
padding: .9em 1.0em .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;
}
@media print{
.mw-highlight{
max-height: initial;
}
}
/*Быстрые стили для текста*/
.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;
}
/*Замена для тултипа для мобильных*/
.mb-tooltip{
display: block;
}
/* Оформление блока code */
code{
border-color: #c1c2c5 ;
}
/*Кнопки*/
.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;
}
.buy .external,
.pdf .external{
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: none;
float: none;
position: relative;
display: block;
margin-top: .5em;
}
.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;
}
/*Надпись о несвежести версии*/
.minerva__subtitle{
font-size: 0.8em;
}
/*Оформление горячих клавиш */
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.0em;
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;
}
.minerva-header .branding-box {
opacity: 1 !important;
padding-right: 26px;
}
/* Врезка про новые функции из тестинга */
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;
}