MediaWiki:Common.css
Внешний вид
Замечание: Возможно, после публикации вам придётся очистить кэш своего браузера, чтобы увидеть изменения.
- Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl+F5 или Ctrl+R (⌘+R на Mac)
- Google Chrome: Нажмите Ctrl+Shift+R (⌘+Shift+R на Mac)
- Edge: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl+F5
- Opera: Нажмите Ctrl+F5.
/**
* Стили для Infobox
**/
.infobox {
float: right;
clear: right;
margin: 0 0 1em 1em;
padding: 0.2em;
border: 1px solid #a2a9b1;
border-spacing: 3px;
background-color: #f8f9fa;
color: #202122;
}
.infobox th {
background-color: #eaecf0;
}
.infobox > tbody > tr > th {
vertical-align: top;
}
@media screen and (max-width: 720px) {
.infobox {
float: none;
clear: both;
width: 100% !important;
margin: 1em 0;
}
}
/* ===================== NAVBOX ===================== */
.navbox {
box-sizing: border-box;
border: 1px solid #a2a9b1;
width: 100%;
margin: 1em auto 0;
clear: both;
font-size: 88%;
text-align: center;
background-color: #fdfdfd;
}
.navbox + .navbox {
margin-top: -1px;
}
.navbox-title {
padding: 0.25em 1em;
background-color: #ccf;
font-weight: bold;
text-align: center;
}
.navbox-abovebelow {
padding: 0.25em 1em;
font-weight: bold;
text-align: center;
background: #eaecf0;
}
.navbox-list {
padding: 0.3em 0.5em;
text-align: left;
}
/* ===================== HLIST (горизонтальные списки через точку) ===================== */
.hlist ul,
.hlist ol,
.hlist dl {
margin: 0;
padding: 0;
}
.hlist li,
.hlist dd,
.hlist dt {
margin: 0;
display: inline;
}
.hlist dl dl, .hlist dl ol, .hlist dl ul,
.hlist ol dl, .hlist ol ol, .hlist ol ul,
.hlist ul dl, .hlist ul ol, .hlist ul ul {
display: inline;
}
.hlist dt::after {
content: ": ";
}
.hlist dd::after,
.hlist li::after {
content: " · ";
font-weight: bold;
}
.hlist dd:last-child::after,
.hlist dt:last-child::after,
.hlist li:last-child::after {
content: none;
}
/* вложенные подсписки — в скобках, как в Википедии */
.hlist dd dd:first-child::before, .hlist dd dt:first-child::before, .hlist dd li:first-child::before,
.hlist dt dd:first-child::before, .hlist dt dt:first-child::before, .hlist dt li:first-child::before,
.hlist li dd:first-child::before, .hlist li dt:first-child::before, .hlist li li:first-child::before {
content: " (";
font-weight: normal;
}
.hlist dd dd:last-child::after, .hlist dd dt:last-child::after, .hlist dd li:last-child::after,
.hlist dt dd:last-child::after, .hlist dt dt:last-child::after, .hlist dt li:last-child::after,
.hlist li dd:last-child::after, .hlist li dt:last-child::after, .hlist li li:last-child::after {
content: ")";
font-weight: normal;
}
/* ===================== вспомогательная таблица группа/список ===================== */
.navbox-subgroup {
width: 100%;
border-collapse: collapse;
margin: 0;
}
.navbox-subgroup .navbox-group {
background-color: #ddf;
font-weight: bold;
text-align: right;
white-space: nowrap;
vertical-align: top;
padding: 0.2em 0.5em;
}
.navbox-subgroup .navbox-sublist {
text-align: left;
width: 100%;
padding: 0.2em 0.5em;
}
/* ===================== вкладки в "навигационной таблице с блоками" ===================== */
.navbox-blocks-tabs {
text-align: center;
padding: 0.3em 0;
background: #eaecf0;
border-bottom: 1px solid #a2a9b1;
}
.navbox-blocks-tabs a.navbox-tab {
margin: 0 0.6em;
cursor: pointer;
}
.navbox-blocks-tabs a.navbox-tab-active {
font-weight: bold;
text-decoration: none;
color: #202122;
}
.navbox-block {
display: none;
}
.navbox-block.navbox-block-default {
display: block;
}
/* Размещённый здесь CSS будет применяться ко всем темам оформления */
/* Зеленые ячейки с результатами игр */
.ui.green{
white-space:nowrap;
font-weight:normal;
background:#ccf9cc;
color:#202122
}
/* Желтые ячейки с результатами игр */
.ui.yellow{
white-space:nowrap;
font-weight:normal;
background:#ffffcc;
color:#202122;
}
/* Красные ячейки с результатами игр */
.ui.red{
white-space:nowrap;
font-weight:normal;
background:#ffcccc;
color:#202122;
}
/* Выравнивание текстп по центру */
.ui.center{
text-align: center;
}
.ui.right{
text-align: right;
}
.football-diagonal{
background-color: rgb(128, 128, 128);
}
/** Подсветка строк с турнирной таблице **/
.highlight.gold{
background-color: rgb(255, 215, 0);
}
.highlight.silver{
background-color: rgb(192, 192, 192);;
}
.highlight.bronze{
background-color: rgb(204, 153, 102);
}
.highlight.lightred{
background-color: rgb(255, 220, 226);
}
.highlight.red{
background-color: rgb(255, 192, 203);
}