MediaWiki:Chameleon.css: различия между версиями
Материал из Ascia Wiki
Askellad (обсуждение | вклад) |
Askellad (обсуждение | вклад) |
||
Строка 1: | Строка 1: | ||
@import url('https://fonts.googleapis.com/css?family=Merriweather|Cormorant+Infant|PT+Mono|Neucha|MedievalSharp'); | @import url('https://fonts.googleapis.com/css?family=Merriweather|Cormorant+Infant|PT+Mono|Neucha|MedievalSharp'); | ||
− | + | infobox { | |
+ | width:300px; | ||
border: 20px solid transparent !important; | border: 20px solid transparent !important; | ||
padding: 1px; | padding: 1px; | ||
Строка 8: | Строка 9: | ||
background: #ffffff !important; | background: #ffffff !important; | ||
border-collapse: separate !important; | border-collapse: separate !important; | ||
− | + | color: black; | |
/* @noflip */ | /* @noflip */ | ||
margin: 0.5em 0 0.5em 1em; | margin: 0.5em 0 0.5em 1em; | ||
Строка 17: | Строка 18: | ||
font-size: 88%; | font-size: 88%; | ||
line-height: 1.5em; | line-height: 1.5em; | ||
− | + | text-align: center | |
− | } | + | } |
− | + | .infobox caption { | |
− | .infobox caption { | ||
font-size: 125%; | font-size: 125%; | ||
font-weight: bold; | font-weight: bold; | ||
Строка 27: | Строка 27: | ||
text-align: -webkit-center; | text-align: -webkit-center; | ||
caption-side: top; | caption-side: top; | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
/* Styles for geography infoboxes, eg countries, | /* Styles for geography infoboxes, eg countries, | ||
country subdivisions, cities, etc. */ | country subdivisions, cities, etc. */ | ||
Строка 112: | Строка 64: | ||
border: 0; | border: 0; | ||
padding: 0; | padding: 0; | ||
+ | } | ||
+ | |||
+ | |||
+ | /** Все заголовки **/ | ||
+ | .infobox h2, | ||
+ | .infobox h3, | ||
+ | .infobox .horizontal-group .data-label, | ||
+ | .infobox .horizontal-group .header { | ||
+ | background: linear-gradient(to top,rgba(95,0,0,0) 0%,rgba(15,15,15,1) 20%,rgba(15,15,15,1) 20%,rgba(122,164,206,0) 100%); | ||
+ | padding: 7px 0; | ||
+ | color: #b1ad92; | ||
+ | border-top: 1px solid #604f33; | ||
+ | border-bottom: 1px solid #604f33; | ||
+ | } | ||
+ | .infobox .title { | ||
+ | margin: -10px -15px -1px -15px !important; | ||
+ | font-size: 130%; | ||
+ | font-weight: bold; | ||
+ | color: #b1ad92; | ||
+ | border-top: 0; | ||
+ | border-bottom: 1px solid #604f33; | ||
+ | padding: 7px 3px !important; | ||
+ | } | ||
+ | |||
+ | /** Настройка внутренних отступов **/ | ||
+ | .infobox .horizontal-group .data-value, | ||
+ | .infobox .item-spacing .data-value, | ||
+ | .infobox .item-spacing.title { | ||
+ | padding: 7px 0; | ||
+ | } | ||
+ | /*** Дополнительный отступ ***/ | ||
+ | .infobox .item-spacing { | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | /** Наезд на внешнюю границу **/ | ||
+ | .infobox .data, | ||
+ | .infobox horizontal-group { | ||
+ | width: 248px; | ||
+ | margin-left: -15px; | ||
+ | } | ||
+ | |||
+ | /** Дополнительная рамка между элементами **/ | ||
+ | .infobox .data:not(:last-of-type), | ||
+ | .infobox .pi-group { | ||
+ | border: 0; | ||
+ | } | ||
+ | .horizontal-group .horizontal-group-item:not(:first-child) { | ||
+ | border-left-width: 0px; | ||
+ | } | ||
+ | |||
+ | /** Ширина обычной data **/ | ||
+ | .infobox .data-label, | ||
+ | .infobox .data-value { | ||
+ | flex-basis: 100%; | ||
+ | } | ||
+ | |||
+ | /** Растяжение заголовков и центровка их содержимого **/ | ||
+ | .infobox .data-label { | ||
+ | display: flex; | ||
+ | justify-content: center; | ||
+ | align-items: center; | ||
+ | margin-bottom: -1px; | ||
+ | } | ||
+ | /*** В группе нельзя display: flex ***/ | ||
+ | .infobox .horizontal-group .data-label { | ||
+ | display:table-cell; | ||
+ | } | ||
+ | |||
+ | /** Фикс белой полоски **/ | ||
+ | .data:last-of-type + .group { | ||
+ | border-top-width: 0px; | ||
+ | } | ||
+ | |||
+ | /** Настройка таббера в инфобоксе **/ | ||
+ | /*** Поля у изображений ***/ | ||
+ | .infobox .image-collection-tab-content { | ||
+ | background-color: transparent !important; | ||
+ | } | ||
+ | |||
+ | /*** Отступ вокруг вкладок ***/ | ||
+ | .infobox ul.image-collection-tabs { | ||
+ | margin: 0px 1px 0px 1px; | ||
+ | } | ||
+ | |||
+ | /*** Отступ между вкладками ***/ | ||
+ | .infobox .image-collection-tabs li:nth-child(n+1) { | ||
+ | margin-right: 0px; | ||
+ | } | ||
+ | |||
+ | /*** Рамки и фон вкладки ***/ | ||
+ | .infobox .pi-tab-link { | ||
+ | font-size: 85%; | ||
+ | color: #b1ad92; | ||
+ | border: 1px solid transparent; | ||
+ | border-bottom: 1px solid #604f33 !important; | ||
+ | background: linear-gradient(to top,rgba(95,0,0,0) 0%,rgba(15,15,15,1) 20%,rgba(15,15,15,1) 20%,rgba(122,164,206,0) 100%); | ||
+ | padding: 2px !important; | ||
+ | margin-top: 0px !important; | ||
+ | margin-left: 2px !important; | ||
+ | margin-right: 2px !important; | ||
+ | } | ||
+ | |||
+ | /*** Фон выбранной вкладки ***/ | ||
+ | .infobox .image-collection-tabs .current { | ||
+ | font-weight: normal !important; | ||
+ | color: #b1ad92; | ||
+ | background: linear-gradient(to top, rgba(95, 0, 0, 0) 0%, rgba(125, 63, 12, 0.36) 20%, rgba(125, 63, 12, 0.36) 20%, rgba(122, 164, 206, 0) 100%); | ||
+ | border-bottom: 1px solid #604f33 !important; | ||
} | } | ||
Версия 13:03, 25 сентября 2019
@import url('https://fonts.googleapis.com/css?family=Merriweather|Cormorant+Infant|PT+Mono|Neucha|MedievalSharp');
infobox {
width:300px;
border: 20px solid transparent !important;
padding: 1px;
border-image: url('https://c.radikal.ru/c32/1909/d2/e1a894368e54.png') 20 round !important;
background-color: #ffffff !important;
background: #ffffff !important;
border-collapse: separate !important;
color: black;
/* @noflip */
margin: 0.5em 0 0.5em 1em;
/* @noflip */
float: right;
/* @noflip */
clear: right;
font-size: 88%;
line-height: 1.5em;
text-align: center
}
.infobox caption {
font-size: 125%;
font-weight: bold;
padding: 0.2em;
color: black;
text-align: -webkit-center;
caption-side: top;
}
/* Styles for geography infoboxes, eg countries,
country subdivisions, cities, etc. */
.infobox.geography {
border-collapse: collapse;
line-height: 1.2em;
font-size: 90%;
}
.infobox.geography td,
.infobox.geography th {
border-top: 1px solid #a2a9b1;
padding: 0.4em 0.6em 0.4em 0.6em;
}
.infobox.geography .mergedtoprow td,
.infobox.geography .mergedtoprow th {
border-top: 1px solid #a2a9b1;
padding: 0.4em 0.6em 0.2em 0.6em;
}
.infobox.geography .mergedrow td,
.infobox.geography .mergedrow th {
border: 0;
padding: 0 0.6em 0.2em 0.6em;
}
.infobox.geography .mergedbottomrow td,
.infobox.geography .mergedbottomrow th {
border-top: 0;
border-bottom: 1px solid #a2a9b1;
padding: 0 0.6em 0.4em 0.6em;
}
.infobox.geography .maptable td,
.infobox.geography .maptable th {
border: 0;
padding: 0;
}
/** Все заголовки **/
.infobox h2,
.infobox h3,
.infobox .horizontal-group .data-label,
.infobox .horizontal-group .header {
background: linear-gradient(to top,rgba(95,0,0,0) 0%,rgba(15,15,15,1) 20%,rgba(15,15,15,1) 20%,rgba(122,164,206,0) 100%);
padding: 7px 0;
color: #b1ad92;
border-top: 1px solid #604f33;
border-bottom: 1px solid #604f33;
}
.infobox .title {
margin: -10px -15px -1px -15px !important;
font-size: 130%;
font-weight: bold;
color: #b1ad92;
border-top: 0;
border-bottom: 1px solid #604f33;
padding: 7px 3px !important;
}
/** Настройка внутренних отступов **/
.infobox .horizontal-group .data-value,
.infobox .item-spacing .data-value,
.infobox .item-spacing.title {
padding: 7px 0;
}
/*** Дополнительный отступ ***/
.infobox .item-spacing {
padding: 0;
}
/** Наезд на внешнюю границу **/
.infobox .data,
.infobox horizontal-group {
width: 248px;
margin-left: -15px;
}
/** Дополнительная рамка между элементами **/
.infobox .data:not(:last-of-type),
.infobox .pi-group {
border: 0;
}
.horizontal-group .horizontal-group-item:not(:first-child) {
border-left-width: 0px;
}
/** Ширина обычной data **/
.infobox .data-label,
.infobox .data-value {
flex-basis: 100%;
}
/** Растяжение заголовков и центровка их содержимого **/
.infobox .data-label {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: -1px;
}
/*** В группе нельзя display: flex ***/
.infobox .horizontal-group .data-label {
display:table-cell;
}
/** Фикс белой полоски **/
.data:last-of-type + .group {
border-top-width: 0px;
}
/** Настройка таббера в инфобоксе **/
/*** Поля у изображений ***/
.infobox .image-collection-tab-content {
background-color: transparent !important;
}
/*** Отступ вокруг вкладок ***/
.infobox ul.image-collection-tabs {
margin: 0px 1px 0px 1px;
}
/*** Отступ между вкладками ***/
.infobox .image-collection-tabs li:nth-child(n+1) {
margin-right: 0px;
}
/*** Рамки и фон вкладки ***/
.infobox .pi-tab-link {
font-size: 85%;
color: #b1ad92;
border: 1px solid transparent;
border-bottom: 1px solid #604f33 !important;
background: linear-gradient(to top,rgba(95,0,0,0) 0%,rgba(15,15,15,1) 20%,rgba(15,15,15,1) 20%,rgba(122,164,206,0) 100%);
padding: 2px !important;
margin-top: 0px !important;
margin-left: 2px !important;
margin-right: 2px !important;
}
/*** Фон выбранной вкладки ***/
.infobox .image-collection-tabs .current {
font-weight: normal !important;
color: #b1ad92;
background: linear-gradient(to top, rgba(95, 0, 0, 0) 0%, rgba(125, 63, 12, 0.36) 20%, rgba(125, 63, 12, 0.36) 20%, rgba(122, 164, 206, 0) 100%);
border-bottom: 1px solid #604f33 !important;
}
#borderimg {
border: 20px solid transparent !important;
padding: 5px !important;
border-image: url('https://c.radikal.ru/c32/1909/d2/e1a894368e54.png') 20 round !important;
}
h1, h2, h3, h4, h5, h6 {
font-family: Merriweather !important;
}
.table {
border: 20px solid transparent !important;
padding: 5px !important;
border-image: url('https://c.radikal.ru/c32/1909/d2/e1a894368e54.png') 20 round !important;
}
.dropdown-menu{
font-family: Merriweather;
}
.dropdown{
font-family: Merriweather;
font-size:20px
}
.dropdown-menu > li > a{
font-size:18px
}
.dropdown-item.active, .p-navbar .navbar-nav .dropdown-menu > div > a:first-child:last-child.active, .dropdown-item:active, .p-navbar .navbar-nav .dropdown-menu > div > a:first-child:last-child:active {
color: #fff;
text-decoration: none;
background: #000000 linear-gradient(180deg,#000000,#000000) repeat-x;
}
.panel-body>ul a{
display: block;
padding: 5px 10px;
}
.navbox {
box-sizing: border-box;
border: 1px solid #000000;
width: 100%;
clear: both;
font-size: 88%;
text-align: center;
padding: 0px;
margin: 1em auto 0; /* Prevent preceding content from clinging to navboxes */
}
.navbox .navbox {
margin-top: 0; /* No top margin for nested navboxes */
}
.navbox + .navbox {
margin-top: -1px; /* Single pixel border between adjacent navboxes */
}
.navbox-inner,
.navbox-subgroup {
width: 100%;
}
.navbox-group,
.navbox-title,
.navbox-abovebelow {
padding: 0.25em 1em; /* Title, group and above/below styles */
line-height: 1.5em;
text-align: center;
}
th.navbox-group { /* Group style */
white-space: nowrap;
/* @noflip */
text-align: right;
}
.navbox,
.navbox-subgroup {
background: white; /* Background color */
}
.navbox-list {
line-height: 1.5em;
border-color: #fdfdfd; /* Must match background color */
}
.navbox th,
.navbox-title {
background: Black; /* Level 1 color */
color: white;
}
.navbox-abovebelow,
th.navbox-group,
.navbox-subgroup .navbox-title {
background: #1f1e1e; /* Level 2 color */
}
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
background: #1f1e1e; /* Level 3 color */
}
.navbox-even {
background: #f7f7f7; /* Even row striping */
}
.navbox-odd {
background: transparent; /* Odd row striping */
}
.navbox .hlist td dl,
.navbox .hlist td ol,
.navbox .hlist td ul,
.navbox td.hlist dl,
.navbox td.hlist ol,
.navbox td.hlist ul {
padding: 0.125em 0; /* Adjust hlist padding in navboxes */
}
body {
background: url(https://b.radikal.ru/b08/1909/d4/d4a2ae7b79f5.jpg) no-repeat center center fixed;
max-width: 100%;
height: auto;
}
.navbox .navbar {
display:none;
}
.mw-content-ltr {
background: white;
padding: 15px;
}
.toc {
border: 20px solid transparent !important;
padding: 5px !important;
border-image: url('https://c.radikal.ru/c32/1909/d2/e1a894368e54.png') 20 round !important;
background: #FFFFFF;
width: auto;
color: white;
padding-top: 15px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 15px;
margin-bottom: 20px;
}
.tocnumber {
color: black !important;
}
#toc {
display: inline-block;
}
.tocnumber:after { content: '.'
}
.nav-link {
color: #000000;
}
.navbar-light .navbar-nav .nav-link, .p-navbar .navbar-nav .nav-link, .p-navbar .navbar-nav .p-navbar .navbar-tool > a, .p-navbar .p-navbar .navbar-nav .navbar-tool > a, .navbar-light .navbar-nav .p-navbar .navbar-tool > a, .p-navbar .navbar-light .navbar-nav .navbar-tool > a {
color: #000000;
}
.p-navbar .navbar-tool > a {
position: relative;
padding-left: 0;
padding-right: 0;
color: black !important;
}