MediaWiki:Common.css: различия между версиями
Материал из Румайн-вики
Alleaxx (обсуждение | вклад) Нет описания правки |
Alleaxx (обсуждение | вклад) (перевод на переменные) |
||
Строка 4: | Строка 4: | ||
} | } | ||
. | /* ЦВЕТА ДЛЯ РАЗНЫХ ТЕМ */ | ||
.skin-citizen-dark, .skin-citizen-light, .skin-timeless{ | |||
--link-color: inherit; | |||
--link-hover-color: #c79989; | |||
--link-self-color: inherit; | |||
--navbox-color: ""; | |||
--navbox-border: ""; | |||
--navbox-header-background: inherit; | |||
--navbox-header-border: inherit; | |||
--navbox-name-background: inherit; | |||
--navbox-name-border: inherit; | |||
--navbox-name-color: inherit; | |||
--navbox-category-color: inherit; | |||
--navbox-content-color: inherit; | |||
} | |||
.skin-citizen-dark{ | |||
--link-self-color: #c97a5c; | |||
--pi-background: #171e26; | |||
--pi-secondary-background: #1d252d; | |||
--pi-border-color: #383c4c; | |||
--spoiler-header-background: #1e242a; | |||
--spoiler-background: transparent; | |||
--spoiler-border: #424d57; | |||
--plate-background: #1e242a; | |||
--plate-border: #aa6e00; | |||
--navbox-color: "inherit"; | |||
--navbox-border: "#383c4c"; | |||
--navbox-header-background: #171e25; | |||
--navbox-header-border: #383c4c; | |||
--navbox-name-background: #1d252d; | |||
--navbox-name-border: #383c4c; | |||
--navbox-name-color: inherit; | |||
--navbox-category-color: #dadada; | |||
--navbox-content-color: inherit; | |||
} | |||
.skin-citizen-light, .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-color: "#111111"; | |||
--navbox-border: "gray"; | |||
--navbox-header-background: gray; | |||
--navbox-header-border: silver; | |||
--navbox-name-background: gainsboro; | |||
--navbox-name-border: gray; | |||
--navbox-name-color: #111111; | |||
--navbox-category-color: black; | |||
--navbox-content-color: #111111; | |||
} | |||
/* ССЫЛКИ */ | |||
a:hover { | |||
color: var(--link-color-hover); | |||
text-decoration: none; | |||
} | |||
a:visited:hover{ | |||
color: var(--link-color-hover); | |||
text-decoration: none; | |||
} | |||
a.mw-selflink{ | |||
color: var(--link-self-color); | |||
} | } | ||
/* ЛЕГАСИ */ | |||
.WikiaArticle .toc { | |||
border: 1px solid #3F3F3F; | |||
border-left:2px solid orange; | |||
} | |||
.WikiaArticle h5{ | .WikiaArticle h5{ | ||
font-size:16px; | font-size:16px; | ||
} | } | ||
.WikiaArticle .picture-attribution { | .WikiaArticle .picture-attribution { | ||
display:none; | display:none; | ||
} | } | ||
.WikiaArticle pre { | .WikiaArticle pre { | ||
background-color: #262626; | background-color: #262626; | ||
border: 1px solid #5b5b5b; | border: 1px solid #5b5b5b; | ||
line-height: 14px; | line-height: 14px; | ||
overflow: auto; | overflow: auto; | ||
padding: 12px; | padding: 12px; | ||
word-wrap: normal; | word-wrap: normal; | ||
filter: alpha(opacity=50) | filter: alpha(opacity=50); | ||
} | } | ||
.squareColor{ | .squareColor{ | ||
display:inline-block; | display:inline-block; | ||
margin-right:5px; | margin-right:5px; | ||
height:8px; | height:8px; | ||
width:8px; | width:8px; | ||
background-color:#FFFFFF; | background-color:#FFFFFF; | ||
} | } | ||
.WikiaArticle a.new { color:#ff9392; } | .WikiaArticle a.new { color:#ff9392; } | ||
.WikiaArticle a.new:visited { color:#ff9392; } | .WikiaArticle a.new:visited { color:#ff9392; } | ||
table.collapsed tr.collapsible { | table.collapsed tr.collapsible { | ||
display: none; | display: none; | ||
Строка 75: | Строка 116: | ||
/* | /* НАВИБОКСЫ */ | ||
.nav-box{ | .nav-box{ | ||
width: 100%; | width: 100%; | ||
margin: 5px 0; | margin: 5px 0; | ||
border: 1px solid | border: 1px solid; | ||
border-radius: 2px; | |||
border-collapse: collapse; | border-collapse: collapse; | ||
border-color: var(--navbox-border); | |||
background-color: var(--navbox-background); | |||
border | |||
background-color: | |||
} | } | ||
.nav-box-header{ | |||
border-radius: 1px; | |||
border: 1px solid; | |||
text-align: center; | |||
padding: 6px; | |||
font-size: 1.25em; | |||
border-color: var(--navbox-header-background); | |||
background-color: var(--navbox-header-border); | |||
} | |||
.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-name-border); | |||
color: var(--navbox-name-color); | |||
} | |||
.nav-box-list{ | |||
line-height: 2; | |||
padding: 5px 10px; | |||
font-size: 14px; | |||
color: var(--navbox-content-color); | |||
} | |||
.nav-box-list p, .nav-box-name p, .nav-box-header p{ | |||
margin-bottom: 1px; | |||
margin-top: 1px; | |||
color: var(--navbox-category-color); | |||
} | |||
/* ИНФОБОКСЫ */ | |||
/* | |||
.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; | ||
} | } | ||
.pi-header p{ | |||
margin: 0.5em 0; | |||
. | |||
} | } | ||
/* ПЛАШКИ */ | |||
/* | |||
.plate{ | .plate{ | ||
display: flex; | display: flex; | ||
align-items: center; | align-items: center; | ||
border: 1px solid; | |||
border: 1px solid | |||
border-radius: 2px; | border-radius: 2px; | ||
background-color:var(--plate-background); | |||
border-color: var(--plate-border); | |||
width: 95%; | width: 95%; | ||
Строка 278: | Строка 190: | ||
margin-bottom: 1em; | margin-bottom: 1em; | ||
} | } | ||
.plate-img{ | .plate-img{ | ||
} | } | ||
.plate-text{ | .plate-text{ | ||
margin-left: 5px; | |||
} | } | ||
.plate-text-header{ | .plate-text-header{ | ||
font-size: 1.2em; | |||
} | |||
} | |||
/* СПОЙЛЕР */ | |||
.spoiler{ | .spoiler{ | ||
width: 100%; | width: 100%; | ||
Строка 307: | Строка 208: | ||
border: 1px solid var(--spoiler-border); | border: 1px solid var(--spoiler-border); | ||
} | } | ||
.spoiler-header{ | .spoiler-header{ | ||
font-size: 1em; | |||
padding: 12px; | |||
background-color: var(--spoiler-header-background); | |||
font-weight: 600; | |||
} | } | ||
.spoiler-header p{ | .spoiler-header p{ | ||
margin: 0; | |||
} | } | ||
.spoiler-content{ | .spoiler-content{ | ||
padding: 10px; | |||
} | |||
/* ТАБЛИЦА ЧАТОВ */ | |||
.table-chates{ | |||
border: 1px solid rgb(20, 20, 20); | |||
border-collapse: collapse; | |||
} | } | ||
.table-chates .tr-add{ | |||
border-top: 1px solid rgb(48, 48, 48); | |||
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; | |||
} |
Версия от 01:13, 10 февраля 2022
/* Пока без лого */
#p-logo{
display: none;
}
/* ЦВЕТА ДЛЯ РАЗНЫХ ТЕМ */
.skin-citizen-dark, .skin-citizen-light, .skin-timeless{
--link-color: inherit;
--link-hover-color: #c79989;
--link-self-color: inherit;
--navbox-color: "";
--navbox-border: "";
--navbox-header-background: inherit;
--navbox-header-border: inherit;
--navbox-name-background: inherit;
--navbox-name-border: inherit;
--navbox-name-color: inherit;
--navbox-category-color: inherit;
--navbox-content-color: inherit;
}
.skin-citizen-dark{
--link-self-color: #c97a5c;
--pi-background: #171e26;
--pi-secondary-background: #1d252d;
--pi-border-color: #383c4c;
--spoiler-header-background: #1e242a;
--spoiler-background: transparent;
--spoiler-border: #424d57;
--plate-background: #1e242a;
--plate-border: #aa6e00;
--navbox-color: "inherit";
--navbox-border: "#383c4c";
--navbox-header-background: #171e25;
--navbox-header-border: #383c4c;
--navbox-name-background: #1d252d;
--navbox-name-border: #383c4c;
--navbox-name-color: inherit;
--navbox-category-color: #dadada;
--navbox-content-color: inherit;
}
.skin-citizen-light, .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-color: "#111111";
--navbox-border: "gray";
--navbox-header-background: gray;
--navbox-header-border: silver;
--navbox-name-background: gainsboro;
--navbox-name-border: gray;
--navbox-name-color: #111111;
--navbox-category-color: black;
--navbox-content-color: #111111;
}
/* ССЫЛКИ */
a:hover {
color: var(--link-color-hover);
text-decoration: none;
}
a:visited:hover{
color: var(--link-color-hover);
text-decoration: none;
}
a.mw-selflink{
color: var(--link-self-color);
}
/* ЛЕГАСИ */
.WikiaArticle .toc {
border: 1px solid #3F3F3F;
border-left:2px solid orange;
}
.WikiaArticle h5{
font-size:16px;
}
.WikiaArticle .picture-attribution {
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);
}
.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 {
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-header-background);
background-color: var(--navbox-header-border);
}
.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-name-border);
color: var(--navbox-name-color);
}
.nav-box-list{
line-height: 2;
padding: 5px 10px;
font-size: 14px;
color: var(--navbox-content-color);
}
.nav-box-list p, .nav-box-name p, .nav-box-header p{
margin-bottom: 1px;
margin-top: 1px;
color: var(--navbox-category-color);
}
/* ИНФОБОКСЫ */
.pi-theme-User .pi-secondary-background,
.pi-theme-User .pi-title {
text-align:center;
}
.pi-header p{
margin: 0.5em 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);
}
.spoiler-header{
font-size: 1em;
padding: 12px;
background-color: var(--spoiler-header-background);
font-weight: 600;
}
.spoiler-header p{
margin: 0;
}
.spoiler-content{
padding: 10px;
}
/* ТАБЛИЦА ЧАТОВ */
.table-chates{
border: 1px solid rgb(20, 20, 20);
border-collapse: collapse;
}
.table-chates .tr-add{
border-top: 1px solid rgb(48, 48, 48);
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;
}