MediaWiki:Common.css: различия между версиями
Материал из Румайн-вики
Alleaxx (обсуждение | вклад) мНет описания правки |
Alleaxx (обсуждение | вклад) мНет описания правки |
||
Строка 10: | Строка 10: | ||
/* ЦВЕТА ДЛЯ ТЕМ */ | /* ЦВЕТА ДЛЯ ТЕМ */ | ||
.skin-citizen-dark, .skin-citizen-light, .skin-timeless{ | .skin-citizen-dark, | ||
.skin-citizen-light, | |||
.skin-citizen-auto, | |||
.skin-timeless{ | |||
--link-color: inherit; | --link-color: inherit; | ||
--link-hover-color: #c79989; | --link-hover-color: #c79989; | ||
Строка 25: | Строка 28: | ||
} | } | ||
/* | /* TIMELESS - СВЕТЛАЯ */ | ||
.skin-timeless{ | .skin-timeless{ | ||
--pi-background: whitesmoke; | --pi-background: whitesmoke; | ||
--pi-secondary-background: gainsboro; | --pi-secondary-background: gainsboro; | ||
--pi-border-color: silver; | --pi-border-color: silver; | ||
--spoiler-header-background: #e8e8e8; | --spoiler-header-background: #e8e8e8; | ||
--spoiler-background: whitesmoke; | --spoiler-background: whitesmoke; | ||
Строка 69: | Строка 47: | ||
--navbox-category-color: black; | --navbox-category-color: black; | ||
} | } | ||
/* | |||
/* CITIZEN - СВЕТЛАЯ И ТЕМНАЯ */ | |||
.skin-citizen-light, | .skin-citizen-light, | ||
.skin-citizen-dark, | .skin-citizen-dark, | ||
Строка 92: | Строка 71: | ||
/* ССЫЛКИ */ | /* ССЫЛКИ */ | ||
a:hover, a:visited:hover { | .skin-timeless a:hover, a:visited:hover { | ||
color: var(--link-hover-color); | color: var(--link-hover-color); | ||
text-decoration: none; | text-decoration: none; | ||
} | } | ||
a.mw-selflink{ | .skin-timeless a.mw-selflink{ | ||
color: var(--link-self-color); | color: var(--link-self-color); | ||
} | } | ||
a.new,a.new:visited { | .skin-timeless a.new,a.new:visited { | ||
color:var(--link-new-color); | color:var(--link-new-color); | ||
} | } | ||
Строка 207: | Строка 186: | ||
background-color: var(--spoiler-background); | background-color: var(--spoiler-background); | ||
border: 1px solid var(--spoiler-border); | border: 1px solid var(--spoiler-border); | ||
clear: both; | |||
} | } | ||
.spoiler-header{ | .spoiler-header{ |
Версия от 23:28, 8 июня 2024
/* Пока без лого */
#p-logo{
display: none;
}
.mw-collapsible-toggle{
margin-top: 0.75em;
margin-right: 4px;
}
/* ЦВЕТА ДЛЯ ТЕМ */
.skin-citizen-dark,
.skin-citizen-light,
.skin-citizen-auto,
.skin-timeless{
--link-color: inherit;
--link-hover-color: #c79989;
--link-self-color: inherit;
--link-new-color: inherit;
--navbox-color: inherit;
--navbox-border: inherit;
--navbox-header-background: inherit;
--navbox-name-background: inherit;
--navbox-category-color: inherit;
--quote-border: orange;
}
/* TIMELESS - СВЕТЛАЯ */
.skin-timeless{
--pi-background: whitesmoke;
--pi-secondary-background: gainsboro;
--pi-border-color: silver;
--spoiler-header-background: #e8e8e8;
--spoiler-background: whitesmoke;
--spoiler-border: silver;
--plate-background: whitesmoke;
--plate-border: #aa6e00;
--navbox-border: gray;
--navbox-header-background: silver;
--navbox-name-background: gainsboro;
--navbox-color: #111111;
--navbox-category-color: black;
}
/* 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);
}
/* ССЫЛКИ */
.skin-timeless a:hover, a:visited:hover {
color: var(--link-hover-color);
text-decoration: none;
}
.skin-timeless a.mw-selflink{
color: var(--link-self-color);
}
.skin-timeless a.new,a.new:visited {
color:var(--link-new-color);
}
/* ЛЕГАСИ */
.squareColor{
display:inline-block;
margin-right:5px;
height:8px;
width:8px;
background-color:#FFFFFF;
}
table.collapsed tr.collapsible {
display: none;
}
/* НАВИБОКСЫ */
.nav-box{
width: 100%;
margin: 5px 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: 6px;
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: 5px;
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: 5px 10px;
font-size: 14px;
}
.nav-box-list p, .nav-box-name p, .nav-box-header p{
margin-bottom: 1px;
margin-top: 1px;
}
/* ИНФОБОКСЫ */
.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{
display: flex;
align-items: center;
border: 1px solid;
border-radius: 2px;
background-color:var(--plate-background);
border-color: var(--plate-border);
width: 95%;
padding: 0.5em 1em;
margin: auto;
margin-top: 1em;
margin-bottom: 1em;
}
.plate-img{
}
.plate-text{
margin-left: 5px;
}
.plate-text-header{
font-size: 1.2em;
}
/* СПОЙЛЕР */
.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;
}
.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);
}
/* ТАБЛИЦА ПЕРСОНАЖЕЙ ЭПИЗОДОВ */
.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;
}