MediaWiki:Common.css: различия между версиями

Материал из Румайн-вики
(спойлер)
мНет описания правки
 
(не показано 100 промежуточных версий 2 участников)
Строка 1: Строка 1:
/* Пока без лого */
/* Пока без лого */
#p-logo{
#p-logo{
display: none;
/*display: none;*/
}
}


.table-chates{
/* Прибиваем блоки для таймлесса */
    border: 1px solid rgb(20, 20, 20);
.skin-timeless #mw-related-navigation .sidebar-chunk{
    border-collapse: collapse;
position: sticky;
}
}
    .table-chates .tr-add{
.skin-timeless #page-tools{
        border-top: 1px solid rgb(48, 48, 48);
top: 4em;
        border-bottom: 1px solid rgb(64, 64, 64);
    }
        .table-chates .tr-add .td-descr{
            text-align: left;
            vertical-align: text-top;
            font-size:14px;
        }
    .table-chates tr:hover{
        background: rgb(30, 30, 30);
        cursor: pointer;
    }
    .table-chates .tr-add:hover{
        background: transparent;
        cursor: default;
 
    }
    .table-chates th{
        background: rgb(30, 30, 30);
        font-size: 18px;
        padding: 5px 15px 5px 15px;
    }
    .table-chates td{
        font-size: 16px;
        padding: 8px 10px 8px 10px;
        text-align: center;
    }
 
.WikiaArticle h5{
    font-size:16px;
}
}
 
.skin-timeless #catlinks-sidebar{
.WikiaArticle .picture-attribution {
top: 30em;
display:none;
}
 
.WikiaArticle pre {
background-color: #262626;
border: 1px solid #5b5b5b;
line-height: 14px;
overflow: auto;
padding: 12px;
word-wrap: normal;
filter: alpha(opacity=50);
}
}
.WikiaArticle .toc {
.skin-timeless #p-logo-text a {
border: 1px solid #3F3F3F;
text-wrap: nowrap;
border-left:2px solid orange;
}
}
.squareColor{
display:inline-block;
margin-right:5px;
height:8px;
width:8px;
background-color:#FFFFFF;
}
.WikiaArticle a.new { color:#ff9392; }
.WikiaArticle a.new:visited { color:#ff9392; }


table.collapsed tr.collapsible {
/* Hide title and edit tools on main page */
display: none;
.page-Вики_Ru-minecraft_ru .mw-side,
.page-Вики_Ru-minecraft_ru .firstHeading,
.page-Вики_Ru-minecraft_ru #siteSub {
display: none!important;
}
}




/* Желтые ссылки, отключены */
/* ЦВЕТА ДЛЯ ТЕМ */
/*a:visited:hover {*/
/* TIMELESS - СВЕТЛАЯ */
/color: #F8E897; */
.skin-timeless{
/*  text-shadow: #F8E897 0 0 5px;*/
--pi-background: hsl(210 5% 96% / 1);
/*  text-decoration:none;*/
--pi-secondary-background: #eaebec;
/*}*/
--pi-border-color: rgba(0,0,0,0.08);
a:hover {
--spoiler-header-background: #e8e8e8;
  color: #c79989;
--spoiler-background: hsl(210 5% 96% / 1);
  text-decoration: none;
--spoiler-border: rgba(0,0,0,0.08);
}
a:visited:hover{
--plate-background: hsl(210 5% 96% / 1);
  color: #c79989;
--plate-border: rgba(0,0,0,0.08);
  text-decoration: none;
--navbox-border: rgba(0,0,0,0.08);
--navbox-header-background: #eaebec;
--navbox-name-background: hsl(210 5% 96% / 1);
--navbox-color: #111111;
--navbox-category-color: black;
--navbox-list-background: rgb(250,250,250);
--link-hover-color: #c79989;
--link-active-color: #ca7456;
--link-new-color: #dd3333;
--quote-border: orange;
--timeless-primary-color: #2966a3;
}
}


 
/* CITIZEN - СВЕТЛАЯ И ТЕМНАЯ */
/* Дизайн навибоксов */
.skin-citizen-light,
.nav-box{
.skin-citizen-dark,
width: 100%;
.skin-citizen-auto{
margin: 5px 0;
/* --pi-width: 320px; */
/* ВЫЧИСЛЕНИЕ ЦВЕТОВ НА ОСНОВЕ ТЕМЫ */
--spoiler-header-background: var(--color-surface-1);
--spoiler-background: var(--color-surface-0);
--spoiler-border: var(--border-color-base);
border: 1px solid transparent;
--plate-background: var(--color-surface-1);
border-collapse: collapse;
--plate-border: var(--border-color-base);
border-radius: 2px;
}
.nav-box-header{
border-radius:1px;
border:1px solid transparent;
text-align: center;
--navbox-border: var(--border-color-base);
--navbox-header-background: var(--color-surface-1);
--navbox-name-background: var(--color-surface-2);
--navbox-color: var(--color-base--emphasized);
--navbox-category-color: var(--color-base--emphasized);
--navbox-list-background: var(--color-surface-1);
padding: 6px;
--quote-border: var(--color-primary);
font-size: 1.25em;
}
.nav-box-name{
width: 20%;
border: 1px solid transparent;
text-align: center;
padding: 5px;
font-size: 14px;
}
.nav-box-list{
line-height: 2;
padding: 5px 10px;
font-size: 14px;
}
.nav-box-list p, .nav-box-name p, .nav-box-header p{
margin-bottom: 1px;
margin-top: 1px;
}
}


.skin-timeless .nav-box{
/* ССЫЛКИ */
border-color: gray;
.skin-citizen-light a:hover,
color: #111111;
.skin-citizen-dark a:hover,
.skin-citizen-auto a:hover
{
  text-decoration: none;
}
}
.skin-citizen-light .nav-box{
.skin-timeless a:hover,
border-color: gray;
.skin-timeless a:visited:hover {
color: #111111;
  color: var(--link-hover-color);
  text-decoration: none;
}
}
.skin-citizen-dark .nav-box{
.skin-timeless a:active,
border-color: #383c4c;
.skin-timeless a:visited:active {
  color: var(--link-active-color);
  text-decoration: none;
}
}
 
.skin-timeless a.mw-selflink{
.skin-timeless .nav-box-header{
color: var(--link-self-color);
background-color: silver;
border-color: gray;
}
}
.skin-citizen-light .nav-box-header{
.skin-timeless a.new,
background-color: silver;
.skin-timeless a.new:visited {
border-color: gray;
color:var(--link-new-color);
}
}
.skin-citizen-dark .nav-box-header{
.skin-timeless .show-on-dark-theme,
background-color: #171e25;
.skin-citizen-light .show-on-dark-theme,
border-color: #383c4c;
.skin-citizen-auto .show-on-dark-theme{
display:none;
}
}
 
.skin-citizen-dark .show-on-light-theme{
.skin-timeless .nav-box-name{
display:none;
background-color: gainsboro;
border-color: gray;
color: #111111;
}
.skin-citizen-light .nav-box-name{
background-color: gainsboro;
border-color: gray;
color: #111111;
}
.skin-citizen-dark .nav-box-name{
background-color: #1d252d;
border-color: #383c4c;
}
}
/* СВЕТЛЫЕ ТЕМЫ */
.skin-timeless,
.skin-citizen-light,
.skin-citizen-auto{
--reputation-positive-color: #093;
--reputation-negative-color: #C30;
--reputation-total-color: royalblue;


.skin-timeless a.mw-selflink{
--group-admin-color: red;
--group-main-editor-color: #7442C8;
--group-moderator-color: #1CA9C9;
--group-visitor-color: black;
--group-goodpeople-color: #ffa500;
--group-xxxlgoodpeople-color: #882D17;
--group-modbezdna-color: #999900;
--group-journalist-color: #009900;
--group-journalist-oldfag-color: #2F4F4F;
--group-oldfag-color: #000099;
--group-true-oldfag-color: #003333;
--group-true-arter-color: #9F79EE;
--group-goldfag-color: #deb40b;
--group-ded-color: black;
--group-vip-color: #FF6600;
--group-mapmaker-color: #330033;
--group-true-plugin-color: #0066c8;
--group-guests-color: gray;
--group-banned-color: inherit;
--group-default-color: #5D8AA8;
--group-DST-color: #8B4513;
--group-newbie-color: #CDC4C4;
--group-modmaker-color: black;
--group-saudade-color: #003153;
--group-arkana-color: #a4179c;
--group-flooder-color: #00FFFF;
--group-tempocrafter-color: #2FD2B2;
}
}
.skin-citizen-light a.mw-selflink{
/* ТЕМНЫЕ ТЕМЫ */
.skin-citizen-dark{
--reputation-positive-color: lightgreen;
--reputation-negative-color: indianred;
--reputation-total-color: cornflowerblue;
--group-admin-color: #ff4d4d;
--group-main-editor-color: #ad90df;
--group-moderator-color: #4bcae7;
--group-visitor-color: silver;
--group-goodpeople-color: #ffb833;
--group-xxxlgoodpeople-color: #db4d29;
--group-modbezdna-color: #cccc00;
--group-journalist-color: #00e600;
--group-journalist-oldfag-color: #70a9a9;
--group-oldfag-color: #6666ff;
--group-true-oldfag-color: #00b2b3;
--group-true-arter-color: #9F79EE;
--group-goldfag-color: #f8dc6d;
--group-ded-color: #ffffff;
--group-vip-color: #ff8533;
--group-mapmaker-color: #cc00cc;
--group-true-plugin-color: #339cff;
--group-guests-color: #bebebe;
--group-banned-color: inherit;
--group-default-color: #8babc1;
--group-DST-color: #e37e35;
--group-newbie-color: #CDC4C4;
--group-modmaker-color: #ffffff;
--group-saudade-color: #0086e6;
--group-arkana-color: #a4179c;
--group-flooder-color: #00FFFF;
--group-tempocrafter-color: #2FD2B2;
}
}
.skin-citizen-dark a.mw-selflink{
@media (prefers-color-scheme: dark){
color: #c97a5c;
.skin-citizen-auto{
--group-admin-color: #ff4d4d;
--group-main-editor-color: #ad90df;
--group-moderator-color: #4bcae7;
--group-visitor-color: silver;
--group-goodpeople-color: #ffb833;
--group-xxxlgoodpeople-color: #db4d29;
--group-modbezdna-color: #cccc00;
--group-journalist-color: #00e600;
--group-journalist-oldfag-color: #70a9a9;
--group-oldfag-color: #6666ff;
--group-true-oldfag-color: #00b2b3;
--group-true-arter-color: #9F79EE;
--group-goldfag-color: #f8dc6d;
--group-ded-color: #ffffff;
--group-vip-color: #ff8533;
--group-mapmaker-color: #cc00cc;
--group-true-plugin-color: #339cff;
--group-guests-color: #bebebe;
--group-banned-color: inherit;
--group-default-color: #8babc1;
--group-DST-color: #e37e35;
--group-newbie-color: #CDC4C4;
--group-modmaker-color: #ffffff;
--group-saudade-color: #0086e6;
--group-arkana-color: #a4179c;
--group-flooder-color: #00FFFF;
--group-tempocrafter-color: #2FD2B2;
}
.skin-citizen-auto .show-on-light-theme{
display:none;
}
.skin-citizen-auto .show-on-dark-theme{
display: initial;
}
}
}


.skin-timeless .nav-box-list{
 
color: #111111;
 
/* ИКОНКИ МЕНЮ */
.skin-citizen-light #n-Известные-юзеры a:before,
.skin-citizen-dark #n-Известные-юзеры a:before,
.skin-citizen-auto #n-Известные-юзеры a:before,
.skin-citizen-light #n-О-ru-minecraft-ru a:before,
.skin-citizen-dark #n-О-ru-minecraft-ru a:before,
.skin-citizen-auto #n-О-ru-minecraft-ru a:before
{
content: "";
display: inline-block;
width: 24px;
height: 24px;
    background-size: 24px 24px;
}
}
.skin-citizen-light .nav-box-list{
.skin-citizen-light #n-Известные-юзеры a:before,
color: #111111;
.skin-citizen-dark #n-Известные-юзеры a:before,
.skin-citizen-auto #n-Известные-юзеры a:before
{
    background-image: url(/images/b/b4/Noavatar.png);
}
}
.skin-citizen-dark .nav-box-list{
.skin-citizen-light #n-О-ru-minecraft-ru a:before,
.skin-citizen-dark #n-О-ru-minecraft-ru a:before,
.skin-citizen-auto #n-О-ru-minecraft-ru a:before
{
    background-image: url(/images/8/8e/%D0%A4%D0%B0%D0%B2%D0%B8%D0%BA%D0%BE%D0%BD_%D0%A0%D1%83%D0%BC%D0%B0%D0%B9%D0%BD%D0%B0.png);
}
}


.skin-timeless .nav-box-category{
.skin-timeless #p-Общество_Румине-label:before,
color: black;
.skin-timeless #p-Устройство_сайта-label:before{
content: "";
display: inline-block;
width: 24px;
height: 24px;
    background-size: 24px 24px;
    margin-right: 4px;
}
}
.skin-citizen-light .nav-box-category{
.skin-timeless #p-Общество_Румине-label:before {
color: black;
    background-image: url(/images/b/b4/Noavatar.png);
}
}
.skin-citizen-dark .nav-box-category{
.skin-timeless #p-Устройство_сайта-label:before {
color: #dadada;
    background-image: url(/images/8/8e/%D0%A4%D0%B0%D0%B2%D0%B8%D0%BA%D0%BE%D0%BD_%D0%A0%D1%83%D0%BC%D0%B0%D0%B9%D0%BD%D0%B0.png);
}
}


.skin-citizen-dark{
/* НАВИБОКСЫ */
--pi-background: #171e26;
.nav-box{
--pi-secondary-background: #1d252d;
width: 100%;
--pi-border-color: #383c4c;
margin: 4px 0;
}
.skin-citizen-light{
border: 1px solid;
--pi-background: whitesmoke;
border-radius: 2px;
--pi-secondary-background: gainsboro;
border-collapse: collapse;
--pi-border-color: silver;
}
border-color: var(--navbox-border);
.skin-timeless{
background-color: var(--navbox-background);
--pi-background: whitesmoke;
--pi-secondary-background: gainsboro;
--pi-border-color: silver;
}
.pi-header p{
margin: 0.5em 0;
}
.skin-citizen-light .pi-header > p{
text-align: center;
background-color: var(pi-secondary-background);
}
.skin-citizen-dark .pi-header > p{
text-align: center;
background-color: var(pi-secondary-background);
}
}
.nav-box-header{
border-radius: 1px;
border: 1px solid;
text-align: center;
padding: 4px;
font-size: 1.25em;
border-color: var(--navbox-border);
background-color: var(--navbox-header-background);
color: var(--navbox-category-color);
}
.nav-box-name{
width: 20%;
border: 1px solid;
text-align: center;
padding: 4px;
font-size: 14px;
background: var(--navbox-name-background);
border-color: var(--navbox-border);
color: var(--navbox-category-color);
}
.nav-box-list{
line-height: 2;
padding: 4px 8px;
font-size: 14px;
background-color: var(--navbox-list-background);
}
.empty-list{
padding: 0;
}
.history-month-td{
border-top: 1px solid var(--navbox-border);
border-bottom: 1px solid var(--navbox-border);
background-color: var(--navbox-name-background);
}
.history-month-td a.new{
color: var(--color-base);
}
.skin-timeless .history-month-td a.new{
color: gray;
}
.nav-box-list p, .nav-box-name p, .nav-box-header p{
margin-bottom: 1px;
margin-top: 1px;
}
.nav-box-history .nav-box-list{
font-size: 0.8em;
}
.user-link{
display:inline-block;
min-width: 4em;
margin: 1px 4px
}
.user-link-text{
font-size: 1em;
}


/* Дизайн инфобоксов */
/* ИНФОБОКСЫ */
.pi-theme-User {
    /*background-color:#3D3D3D*/
}
.pi-theme-User .pi-secondary-background,
.pi-theme-User .pi-secondary-background,
.pi-theme-User .pi-title {
.pi-theme-User .pi-title {
     text-align:center;
     text-align:center;
    /*background-color:#171717*/
}
}
 
.pi-header p{
.portable-infobox .pi-title{
margin: 0.5em 0;
/*--pi-secondary-background: #101010;*/
}
.portable-infobox .pi-header{
/*--pi-secondary-background: #1a1a1a;*/
}
 
/* светлая */
.portable-infobox .pi-title{
/*--pi-secondary-background: #3d5159;*/
}
}
.portable-infobox .pi-header{
.pi-layout-default .pi-item .pi-data-value > :not(ul), .portable-infobox .pi-data-value li{
/*--pi-secondary-background: #4d7080;*/
margin: 1em 0;
}
}




/* ПЛАШКИ */
.plate-table{
margin: auto;
margin-top: 1em;
margin-bottom: 1em;
width: 95%;
border-collapse: collapse;
border: 1px solid;
border-radius: 2px;
background-color:var(--plate-background);
border-color: var(--plate-border);
}
.plate-img-td{
padding: 8px 6px;
}
.plate-header-td{
padding: 0 4px;
font-size: 1.2em;
font-weight: 500;
vertical-align: bottom;
padding-top: 4px;
}
.plate-description-td{
padding: 0 4px;
vertical-align: baseline;
padding-bottom: 4px;
}


/* Дизайн информационных плашек */
/* СПОЙЛЕР */
.plate{
.spoiler{
display: flex;
width: 100%;
align-items: center;
margin: 12px 0;
background-color:#303030;
border: 1px solid #aa6e00;
border-radius: 2px;
border-radius: 2px;
background-color: var(--spoiler-background);
border: 1px solid var(--spoiler-border);
clear: both;
}
.spoiler-header{
font-size: 1em;
padding: 12px;
background-color: var(--spoiler-header-background);
font-weight: 600;
border-bottom: 1px solid var(--spoiler-border);
}
.spoiler-header p{
margin: 0;
}
.spoiler-content{
padding: 10px;
}
/*Кнопка развернуть в спойлере по центру */
.mw-collapsible-toggle{
margin-top: 0.75em;
margin-right: 4px;
}
width: 95%;
/* ЦИТАТА */
padding: 0.5em 1em;
.quote{
margin: auto;
border-left: 4px solid;
margin-top: 1em;
border-color: var(--quote-border);
margin-bottom: 1em;
padding: 0 10px;
margin: 10px;
}
.quote-content{
padding: 6px 0;
}
 
 
/* ТАБЛИЦА ЧАТОВ */
.table-chates{
    border-collapse: collapse;
}
    .table-chates .tr-add{
        border-top: 1px solid var(--navbox-border);
        border-bottom: 1px solid var(--navbox-border);
    }
    .table-chates .tr-add .td-descr{
        text-align: left;
        vertical-align: text-top;
        font-size:0.9em;
    }
    .table-chates tr:hover{
    }
    .table-chates .tr-add:hover{
    }
    .table-chates th{
        background: var(--navbox-name-background);
        padding: 4px 12px;
    }
    .table-chates td{
        padding: 8px 10px;
        text-align: center;
        color:var(--navbox-category-color);
    }
   
/* ГРУППЫ ПОЛЬЗОВАТЕЛЕЙ */
.usergroup{
font-weight: 600;
margin: 0 3px;
}
}
.plate-img{
.usergroup a:hover{
text-decoration: underline;
}
.usergroup-text{
}
}
.plate-text{
 
margin-left: 5px;
/* РЕПУТАЦИЯ ПОЛЬЗОВАТЕЛЕЙ */
.user-reputation{
font-size: 1.2em;
}
}
.plate-text-header{
.reputation-positive{
font-size: 1.2em;
color: var(--reputation-positive-color);
}
}
.skin-timeless .plate{
.reputation-negative{
background-color:whitesmoke;
color: var(--reputation-negative-color);
border-color: #aa6e00;
}
}
.skin-citizen-light .plate{
.reputation-total{
background-color:whitesmoke;
color: var(--reputation-total-color);
border-color: #aa6e00;
}
}
.skin-citizen-dark .plate{
 
background-color:#1e242a;
.quote-author span,
border-color: #aa6e00;
.quote-author a{
vertical-align: middle;
}
}


.spoiler{
/* ТАБЛИЦА ПЕРСОНАЖЕЙ ЭПИЗОДОВ */
width: 100%;
.skin-timeless .episodes-first, .skin-citizen-light .episodes-first{
margin: 12px 0;
background-color: #caffca;
border-radius: 2px;
}
border: 1px solid #aa6e00;
.skin-citizen-dark .episodes-first{
color: forestgreen;
}
}
.spoiler-header{
.skin-timeless .episodes-killed, .skin-citizen-light .episodes-killed{
font-size: 1em;
background-color: #ffcad8;
padding: 12px;
background-color: #303030;
font-weight: 600;
}
}
.spoiler-content{
.skin-citizen-dark .episodes-killed{
padding: 10px;
color: red;
}
}

Текущая версия от 01:13, 17 сентября 2024

/* Пока без лого */
#p-logo{
	/*display: none;*/
}

/* Прибиваем блоки для таймлесса */
.skin-timeless #mw-related-navigation .sidebar-chunk{
	position: sticky;
}
.skin-timeless #page-tools{
	top: 4em;
}
.skin-timeless #catlinks-sidebar{
	top: 30em;
}
.skin-timeless #p-logo-text a {
	text-wrap: nowrap;
}

/* Hide title and edit tools on main page */
.page-Вики_Ru-minecraft_ru .mw-side,
.page-Вики_Ru-minecraft_ru .firstHeading,
.page-Вики_Ru-minecraft_ru #siteSub {
	display: none!important;
}


/* ЦВЕТА ДЛЯ ТЕМ */
/* TIMELESS - СВЕТЛАЯ */
.skin-timeless{
	--pi-background: hsl(210 5% 96% / 1);
	--pi-secondary-background: #eaebec;
	--pi-border-color: rgba(0,0,0,0.08);
	
	--spoiler-header-background: #e8e8e8;
	--spoiler-background: hsl(210 5% 96% / 1);
	--spoiler-border: rgba(0,0,0,0.08);
	
	--plate-background: hsl(210 5% 96% / 1);
	--plate-border: rgba(0,0,0,0.08);
	
	--navbox-border: rgba(0,0,0,0.08);
	--navbox-header-background: #eaebec;
	--navbox-name-background: hsl(210 5% 96% / 1);
	--navbox-color: #111111;
	--navbox-category-color: black;
	--navbox-list-background: rgb(250,250,250);
	
	--link-hover-color: #c79989;
	--link-active-color: #ca7456;
	--link-new-color: #dd3333;
	--quote-border: orange;
	
	--timeless-primary-color: #2966a3;
}

/* CITIZEN - СВЕТЛАЯ И ТЕМНАЯ */
.skin-citizen-light,
.skin-citizen-dark,
.skin-citizen-auto{
	/* --pi-width: 320px; */
	
	/* ВЫЧИСЛЕНИЕ ЦВЕТОВ НА ОСНОВЕ ТЕМЫ */
	--spoiler-header-background: var(--color-surface-1);
	--spoiler-background: var(--color-surface-0);
	--spoiler-border: var(--border-color-base);
	
	--plate-background: var(--color-surface-1);
	--plate-border: var(--border-color-base);
	
	--navbox-border: var(--border-color-base);
	--navbox-header-background: var(--color-surface-1);
	--navbox-name-background: var(--color-surface-2);
	--navbox-color: var(--color-base--emphasized);
	--navbox-category-color: var(--color-base--emphasized);
	--navbox-list-background: var(--color-surface-1);
	
	--quote-border: var(--color-primary);
}

/* ССЫЛКИ */
.skin-citizen-light a:hover,
.skin-citizen-dark a:hover,
.skin-citizen-auto a:hover
{
  text-decoration: none;
}
.skin-timeless a:hover,
.skin-timeless a:visited:hover {
  color: var(--link-hover-color);
  text-decoration: none;
}
.skin-timeless a:active,
.skin-timeless a:visited:active {
  color: var(--link-active-color);
  text-decoration: none;
}
.skin-timeless a.mw-selflink{
	color: var(--link-self-color);
}
.skin-timeless a.new,
.skin-timeless a.new:visited {
	color:var(--link-new-color);
}
.skin-timeless .show-on-dark-theme,
.skin-citizen-light .show-on-dark-theme,
.skin-citizen-auto .show-on-dark-theme{
	display:none;
}
.skin-citizen-dark .show-on-light-theme{
	display:none;
}
/* СВЕТЛЫЕ ТЕМЫ */
.skin-timeless,
.skin-citizen-light,
.skin-citizen-auto{
	--reputation-positive-color: #093;
	--reputation-negative-color: #C30;
	--reputation-total-color: royalblue;

	--group-admin-color: red;
	--group-main-editor-color: #7442C8;
	--group-moderator-color: #1CA9C9;
	--group-visitor-color: black;
	--group-goodpeople-color: #ffa500;
	--group-xxxlgoodpeople-color: #882D17;
	--group-modbezdna-color: #999900;
	--group-journalist-color: #009900;
	--group-journalist-oldfag-color: #2F4F4F;
	--group-oldfag-color: #000099;
	--group-true-oldfag-color: #003333;
	--group-true-arter-color: #9F79EE;
	--group-goldfag-color: #deb40b;
	--group-ded-color: black;
	--group-vip-color: #FF6600;
	--group-mapmaker-color: #330033;
	--group-true-plugin-color: #0066c8;
	--group-guests-color: gray;
	--group-banned-color: inherit;
	--group-default-color: #5D8AA8;
	--group-DST-color: #8B4513;
	--group-newbie-color: #CDC4C4;
	--group-modmaker-color: black;
	--group-saudade-color: #003153;
	--group-arkana-color: #a4179c;
	--group-flooder-color: #00FFFF;
	--group-tempocrafter-color: #2FD2B2;
}
/* ТЕМНЫЕ ТЕМЫ */
.skin-citizen-dark{
	--reputation-positive-color: lightgreen;
	--reputation-negative-color: indianred;
	--reputation-total-color: cornflowerblue;
	
	--group-admin-color: #ff4d4d;
	--group-main-editor-color: #ad90df;
	--group-moderator-color: #4bcae7;
	--group-visitor-color: silver;
	--group-goodpeople-color: #ffb833;
	--group-xxxlgoodpeople-color: #db4d29;
	--group-modbezdna-color: #cccc00;
	--group-journalist-color: #00e600;
	--group-journalist-oldfag-color: #70a9a9;
	--group-oldfag-color: #6666ff;
	--group-true-oldfag-color: #00b2b3;
	--group-true-arter-color: #9F79EE;
	--group-goldfag-color: #f8dc6d;
	--group-ded-color: #ffffff;
	--group-vip-color: #ff8533;
	--group-mapmaker-color: #cc00cc;
	--group-true-plugin-color: #339cff;
	--group-guests-color: #bebebe;
	--group-banned-color: inherit;
	--group-default-color: #8babc1;
	--group-DST-color: #e37e35;
	--group-newbie-color: #CDC4C4;
	--group-modmaker-color: #ffffff;
	--group-saudade-color: #0086e6;
	--group-arkana-color: #a4179c;
	--group-flooder-color: #00FFFF;
	--group-tempocrafter-color: #2FD2B2;
}
@media (prefers-color-scheme: dark){
	.skin-citizen-auto{
		--group-admin-color: #ff4d4d;
		--group-main-editor-color: #ad90df;
		--group-moderator-color: #4bcae7;
		--group-visitor-color: silver;
		--group-goodpeople-color: #ffb833;
		--group-xxxlgoodpeople-color: #db4d29;
		--group-modbezdna-color: #cccc00;
		--group-journalist-color: #00e600;
		--group-journalist-oldfag-color: #70a9a9;
		--group-oldfag-color: #6666ff;
		--group-true-oldfag-color: #00b2b3;
		--group-true-arter-color: #9F79EE;
		--group-goldfag-color: #f8dc6d;
		--group-ded-color: #ffffff;
		--group-vip-color: #ff8533;
		--group-mapmaker-color: #cc00cc;
		--group-true-plugin-color: #339cff;
		--group-guests-color: #bebebe;
		--group-banned-color: inherit;
		--group-default-color: #8babc1;
		--group-DST-color: #e37e35;
		--group-newbie-color: #CDC4C4;
		--group-modmaker-color: #ffffff;
		--group-saudade-color: #0086e6;
		--group-arkana-color: #a4179c;
		--group-flooder-color: #00FFFF;
		--group-tempocrafter-color: #2FD2B2;
	}
	.skin-citizen-auto .show-on-light-theme{
		display:none;
	}
	.skin-citizen-auto .show-on-dark-theme{
		display: initial;
	}
}



/* ИКОНКИ МЕНЮ */
.skin-citizen-light #n-Известные-юзеры a:before,
.skin-citizen-dark #n-Известные-юзеры a:before,
.skin-citizen-auto #n-Известные-юзеры a:before,
.skin-citizen-light #n-О-ru-minecraft-ru a:before,
.skin-citizen-dark #n-О-ru-minecraft-ru a:before,
.skin-citizen-auto #n-О-ru-minecraft-ru a:before
{
	content: "";
	display: inline-block;
	width: 24px;
	height: 24px;
    background-size: 24px 24px;
}
.skin-citizen-light #n-Известные-юзеры a:before,
.skin-citizen-dark #n-Известные-юзеры a:before,
.skin-citizen-auto #n-Известные-юзеры a:before
{
    background-image: url(/images/b/b4/Noavatar.png);
}
.skin-citizen-light #n-О-ru-minecraft-ru a:before,
.skin-citizen-dark #n-О-ru-minecraft-ru a:before,
.skin-citizen-auto #n-О-ru-minecraft-ru a:before
{
    background-image: url(/images/8/8e/%D0%A4%D0%B0%D0%B2%D0%B8%D0%BA%D0%BE%D0%BD_%D0%A0%D1%83%D0%BC%D0%B0%D0%B9%D0%BD%D0%B0.png);
}

.skin-timeless #p-Общество_Румине-label:before,
.skin-timeless #p-Устройство_сайта-label:before{
	content: "";
	display: inline-block;
	width: 24px;
	height: 24px;
    background-size: 24px 24px;
    margin-right: 4px;
}
.skin-timeless #p-Общество_Румине-label:before {
    background-image: url(/images/b/b4/Noavatar.png);
}
.skin-timeless #p-Устройство_сайта-label:before {
    background-image: url(/images/8/8e/%D0%A4%D0%B0%D0%B2%D0%B8%D0%BA%D0%BE%D0%BD_%D0%A0%D1%83%D0%BC%D0%B0%D0%B9%D0%BD%D0%B0.png);
}

/* НАВИБОКСЫ */
.nav-box{
	width: 100%;
	margin: 4px 0;
	
	border: 1px solid;
	border-radius: 2px;
	border-collapse: collapse;
	
	border-color: var(--navbox-border);
	background-color: var(--navbox-background);
}
	.nav-box-header{
		border-radius: 1px;
		border: 1px solid;
		
		text-align: center;
		padding: 4px;
		font-size: 1.25em;
		
		border-color: var(--navbox-border);
		background-color: var(--navbox-header-background);
		color: var(--navbox-category-color);
	}
	.nav-box-name{
		width: 20%;
		border: 1px solid;
		text-align: center;
		padding: 4px;
		font-size: 14px;
		
		background: var(--navbox-name-background);
		border-color: var(--navbox-border);
		color: var(--navbox-category-color);
	}
	.nav-box-list{
		line-height: 2;
		padding: 4px 8px;
		font-size: 14px;
		background-color: var(--navbox-list-background);
	}
	.empty-list{
		padding: 0;
	}
	.history-month-td{
		border-top: 1px solid var(--navbox-border);
		border-bottom: 1px solid var(--navbox-border);
		background-color: var(--navbox-name-background);
	}
	.history-month-td a.new{
		color: var(--color-base);
	}
	.skin-timeless .history-month-td a.new{
		color: gray;
	}
	.nav-box-list p, .nav-box-name p, .nav-box-header p{
		margin-bottom: 1px;
		margin-top: 1px;
	}
	.nav-box-history .nav-box-list{
		font-size: 0.8em;
	}
	.user-link{
		display:inline-block;
		min-width: 4em;
		margin: 1px 4px
	}
	.user-link-text{
		font-size: 1em;
	}

/* ИНФОБОКСЫ */
.pi-theme-User .pi-secondary-background,
.pi-theme-User .pi-title {
    text-align:center;
}
.pi-header p{
	margin: 0.5em 0;
}
.pi-layout-default .pi-item .pi-data-value > :not(ul), .portable-infobox .pi-data-value li{
	margin: 1em 0;
}


/* ПЛАШКИ */
	.plate-table{
		margin: auto;
		margin-top: 1em;
		margin-bottom: 1em;
		
		width: 95%;
		border-collapse: collapse;
		border: 1px solid;
		border-radius: 2px;
		
		background-color:var(--plate-background);
		border-color: var(--plate-border);
	}
	.plate-img-td{
		padding: 8px 6px;
	}
	.plate-header-td{
		padding: 0 4px;
		font-size: 1.2em;
		font-weight: 500;
		vertical-align: bottom;
		padding-top: 4px;
	}
	.plate-description-td{
		padding: 0 4px;
		vertical-align: baseline;
		padding-bottom: 4px;
	}

/* СПОЙЛЕР */
.spoiler{
	width: 100%;
	margin: 12px 0;
	border-radius: 2px;
	background-color: var(--spoiler-background);
	border: 1px solid var(--spoiler-border);
	clear: both;
}
	.spoiler-header{
		font-size: 1em;
		padding: 12px;
		background-color: var(--spoiler-header-background);
		font-weight: 600;
		border-bottom: 1px solid var(--spoiler-border);
	}
	.spoiler-header p{
		margin: 0;
	}
	.spoiler-content{
		padding: 10px;
	}
	/*Кнопка развернуть в спойлере по центру */
	.mw-collapsible-toggle{
		margin-top: 0.75em;
		margin-right: 4px;
	}
	
	/* ЦИТАТА */
	.quote{
		border-left: 4px solid;
		border-color: var(--quote-border);
		padding: 0 10px;
		margin: 10px;
	}
	.quote-content{
		padding: 6px 0;
	}


/* ТАБЛИЦА ЧАТОВ */
.table-chates{
    border-collapse: collapse;
}
    .table-chates .tr-add{
        border-top: 1px solid var(--navbox-border);
        border-bottom: 1px solid var(--navbox-border);
    }
    .table-chates .tr-add .td-descr{
        text-align: left;
        vertical-align: text-top;
        font-size:0.9em;
    }
    .table-chates tr:hover{
    }
    .table-chates .tr-add:hover{
    }
    .table-chates th{
        background: var(--navbox-name-background);
        padding: 4px 12px;
    }
    .table-chates td{
        padding: 8px 10px;
        text-align: center;
        color:var(--navbox-category-color);
    }
    
/* ГРУППЫ ПОЛЬЗОВАТЕЛЕЙ */
.usergroup{
	font-weight: 600;
	margin: 0 3px;
}
.usergroup a:hover{
	text-decoration: underline;
}
.usergroup-text{
	
}

/* РЕПУТАЦИЯ ПОЛЬЗОВАТЕЛЕЙ */
.user-reputation{
	font-size: 1.2em;
}
.reputation-positive{
	color: var(--reputation-positive-color);
}
.reputation-negative{
	color: var(--reputation-negative-color);
}
.reputation-total{
	color: var(--reputation-total-color);
}

.quote-author span,
.quote-author a{
	vertical-align: middle;
}

/* ТАБЛИЦА ПЕРСОНАЖЕЙ ЭПИЗОДОВ */
.skin-timeless .episodes-first, .skin-citizen-light .episodes-first{
	background-color: #caffca;
}
.skin-citizen-dark .episodes-first{
	color: forestgreen;
}
.skin-timeless .episodes-killed, .skin-citizen-light .episodes-killed{
	background-color: #ffcad8;
}
.skin-citizen-dark .episodes-killed{
	color: red;
}