Замечание: Возможно, после публикации вам придётся очистить кэш своего браузера, чтобы увидеть изменения.
- Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl+F5 или Ctrl+R (⌘+R на Mac)
- Google Chrome: Нажмите Ctrl+Shift+R (⌘+Shift+R на Mac)
- Internet Explorer / Edge: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl+F5
- Opera: Нажмите Ctrl+F5.
/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = *\
Страница оформления для инфобоксов и цветовых схем, а также
табберов и навибоксов.
\* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */
.pi-data {
grid-column-gap: 0px;
}
/*для страниц киносериалов
******************************************************************************/
.pi-theme-kinoserial {
width: 100% !important;
border-radius: 0;
}
.pi-theme-kinoserial .pi-image-thumbnail {
height: 100%;
width: 100%;
}
.pi-theme-kinoserial .img intrinsic {
width: 100%;
height: 100%;
}
.pi-image-thumbnail .width, .pi-image-thumbnail .height {
max-width: 100%;
max-height: 100%;
}
/* Наработки Инфобокса Слэшер-фильм
MediaWiki:Slasherfilm.css
*******************************************************************************/
/*Заголовок*/
.portable-infobox h2 {
font-weight:bold;
font-family: Rubik;
overflow: hidden;
font-variant:small-caps;
text-transform: uppercase;
font-size: 19px;
}
/*
font-family: Rodchenko;
background-color: #474747;
font-size: 19px;
font-weight: normal;
*/
/*ПодЗаголовок*/
.portable-infobox h3 {
font-family: Cousine;
font-weight:bold;
}
/*Инфобоксы общий вид
*******************************************************************************/
.portable-infobox .pi-data-value {
padding-left: 10px;
}
.portable-infobox .pi-title {
font-size: 20px;
font-weight: bold;
line-height: 24px;
padding-top: 14px;
box-shadow: inset 0 0 10px #f08080;
color: #f08080;
background: black;
}
.portable-infobox .pi-data, .pi-horizontal-group .pi-data-label, .pi-horizontal-group .pi-data-value {
box-shadow: inset 0 0 20px #303030;
border-left: solid 1px #303030;
border-right: solid 1px #303030;
}
.portable-infobox .pi-data, .pi-horizontal-group .pi-data-value {
border-bottom: solid 1px #303030;
}
.portable-infobox .pi-horizontal-group .pi-data-label {
border-top: solid 1px #303030;
}
.pi-collapse .pi-header::after, .pi-header.collapsible::after {
margin-right: 0;
background: transparent;
}
/* upx */
.portable-infobox {
border: none !important;
}
.pi-background {
background-color: transparent;
}
.pi-data {
border-top-width: 0px;
}
.pi-border-color {
border-color: transparent;
}
/*ТЕМА Фильм
*******************************************************************************/
.pi-theme-film {
margin:0 0 .5em 1em;
width:262px !important;
line-height:1.5;
color: white;
border-collapse: collapse;
border: 1px solid #602424;
border-spacing: 1px;
background: #101010 !important;
box-shadow: none !important;
}
.pi-theme-film .pi-title {
text-align: center;
font-size: 125% !important;
font-variant: normal !important;
color: white !important;
background: #602424 !important;
box-shadow: none;
font-family: Cousine !important;
padding-top: 4px !important;
padding-left: 4px !important;
text-shadow: #000 1px 1px 2px;
box-shadow: inset 5px 5px 0px 0px #101010, inset -5px -5px 0px 0px #101010 !important;
}
.pi-theme-film .pi-item-spacing {
padding: 4px;
}
.pi-theme-film .pi-border-color {
border-color: transparent;
}
.pi-horizontal-group-item:nth-child(even) {
background-color: transparent !important;
}
.pi-theme-film .pi-data-label {
-ms-flex-preferred-size: 126px;
-webkit-flex-basis: 126px;
-moz-flex-basis: 126px;
flex-basis: 126px;
padding-right: 4px;
}
.pi-theme-film .pi-data-value:not(:first-child) {
-ms-flex-preferred-size: 170px;
-webkit-flex-basis: 170px;
-moz-flex-basis: 170px;
flex-basis: 170px;
padding-left: 4px;
}
.pi-theme-film .pi-horizontal-group .pi-data-label {
text-align: center;
padding: 4px !important;
}
.pi-theme-film .pi-horizontal-group .pi-data-value {
text-align: center;
padding-left: 4px !important;
}
.pi-theme-film .pi-image-thumbnail {
width: 278px !important;
height: auto !important;
padding: 0.3em 0.2em 0.3em !important;
}
.pi-theme-film .pi-data, .pi-theme-film .pi-horizontal-group .pi-data-value {
border-bottom: solid 1px #101010 !important;
}
.pi-theme-film .pi-data, .pi-theme-film .pi-horizontal-group .pi-data-label, .pi-theme-film .pi-horizontal-group .pi-data-value {
box-shadow: none !important;
border-left: none !important;
border-right: none !important;
}
.pi-theme-film .pi-image-thumbnail {
width: 250px !important;
height: auto !important;
padding: 5px !important;
}
.pi-theme-film .pi-group {
border-image-width: 1px 0px 0px !important;
border-image: repeating-linear-gradient(to right,#101010 0%,#101010 10%,#602424 10%,#602424 90%,#101010 90%,#101010 100%);
}
/*ТЕМА book
*******************************************************************************/
.pi-theme-book {
background-color: #101010;
border-radius: 2px;
line-height: 10px;
width: 270px !important;
}
.pi-theme-book .pi-title {
font-size: 18px !important;
font-weight: bold;
font-family: 'Arial' !important;
}
.pi-theme-book .pi-secondary-background {
border-radius: 0px;
font-family: 'Arial' !important;
padding: 7px 0 7px 0;
border-bottom: 1px solid #101010;
}
.pi-theme-book .pi-border-color {
border-color: #101010;
}
.pi-theme-book .pi-item-spacing {
padding: 0;
}
.pi-theme-book .pi-font {
font-size: 12px;
}
.pi-theme-book .pi-secondary-font {
font-size: 12px;
}
.pi-theme-book .pi-image-collection-tabs li {
line-height: 20px !important;
}
.pi-theme-book .pi-image-collection-tabs .current {
line-height: 20px !important;
}
.pi-theme-book .pi-horizontal-group .pi-header {
text-align: center;
}
.pi-theme-book .pi-horizontal-group {
background-color: #101010;
}
.pi-theme-book .pi-image-thumbnail {
height: 100%;
width: 100%;
max-width: 270px;
max-height: 500px;
}
.pi-theme-book .pi-title,
.pi-theme-book .pi-header,
.pi-theme-book .pi-data-label,
.pi-theme-book .pi-navigation {
background-color: #222222 !important;
color: #FFFFFF !important;
padding: 0.25em !important;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
box-shadow: none !important;
}
.pi-theme-book .pi-title,
.pi-theme-book .pi-header,
.pi-theme-book .pi-caption,
.pi-theme-book .pi-navigation {
text-align: center;
font-weight: bold;
}
.pi-theme-book .pi-image {
background-color: #101010;
}
.pi-theme-book .pi-data-label {
-ms-flex-preferred-size: 100px;
-webkit-flex-basis: 100px;
-moz-flex-basis: 100px;
flex-basis: 100px;
}
.pi-theme-book .pi-data-value {
padding: 0.25em;
background-color: #101010;
}
/*Article Rating*/
.ns-0 #rating-footer {
display: none;
}
/* Инфобокс Место */
.pi-theme-location {
background-color: transparent;
width: 304px;
}
.pi-theme-location .pi-title {
background: #67522e;
font-family: Palatino Linotype;
font-size: 18px;
text-align: center;
text-shadow: 1px 1px 2px rgba(38, 32, 24,0.9)!important;
line-height: 20px;
border-bottom-style: ridge;
border-bottom-width: 1px;
border-bottom-color: #67522e;
}
.pi-theme-location img {
width: 304px;
margin-bottom: -31px;
border-top-color: #67522e;
border-top-width: 2px;
border-top-style: ridge;
}
.pi-theme-location .pi-data, .pi-group {
border-bottom-style: ridge;
border-bottom-width: 2px;
}
.pi-theme-location .pi-item-spacing {
padding: 4px 6px;
}
.pi-theme-location .pi-data-value {
padding-left: 90px;
text-align: right;
}
.pi-theme-location .pi-border-color {
border-color: #67522e;
}
.pi-theme-location .pi-navigation:last-child {
text-align: center;
border-bottom-style: ridge;
border-bottom-width: 1px;
border-bottom-color: #67522e;
}
/*ТЕМА MAN
**********************************************************************************************/
.pi-theme-man {
width: 270px !important;
background: #000 !important;
border: 1px solid #292929 !important;
padding: 4px !important;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 12px;
}
.pi-theme-man .pi-title,
.pi-theme-man .pi-header {
background: #2d323b !important;
color: #fff !important;
font-size: 11.4px !important;
font-weight: bold;
line-height: 1.6 !important;
padding: 3px !important;
padding-top: 3px !important;
text-align: center !important;
box-shadow: none !important;
}
.pi-theme-man .pi-header {
font-variant: normal;
text-transform: none;
}
.pi-theme-man h3 {
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
font-weight: bold;
}
.pi-theme-man .pi-image {
margin: 4px 0 !important;
}
.pi-theme-man .pi-image img{
max-width: 260px !important;
height: auto;
}
.pi-theme-man .pi-caption {
color: #d5d4d4;
font-size: 10px;
font-style: normal;
line-height: 1.5;
text-align: center
}
.pi-theme-man .pi-data {
margin: 2px 0;
padding: 0;
box-shadow: none;
border-left: none !important;
border-right: none !important;
}
.pi-theme-man .pi-data-label,
.pi-theme-man .pi-group:last-child .pi-data:last-child,
.pi-theme-man > .pi-data:last-child {
margin-bottom: 0;
border-left: none !important;
border-right: none !important;
box-shadow: none;
}
.pi-theme-man .pi-border-color,
.pi-theme-man .pi-border-color {
border: 0 !important;
}
.pi-theme-man .pi-font {
color: #fff
}
.pi-theme-man .pi-data-label {
flex-basis: 95px;
background: #0f0f0f;
font-size: 11px;
line-height: 2;
text-align: center;
margin-right: 1px;
box-shadow: none !important;
}
.pi-theme-man .pi-data-value {
flex: 1;
background: #0f0f0f;
padding: 2px !important;
padding-left: 2px;
border-left: none !important;
border-right: none !important;
box-shadow: none !important;
}
.pi-theme-man .pi-data, .pi-theme-man .pi-horizontal-group .pi-data-value {
border-bottom: none !important;
}
.pi-theme-man .pi-horizontal-group .pi-data-label {
border-top: none !important;
}
.pi-theme-man .pi-data, .pi-theme-man .pi-horizontal-group .pi-data-label, .pi-theme-man .pi-horizontal-group .pi-data-value {
box-shadow: none !important;
}
/*ТЕМА seriya (для инфобоксов серия сериала)
**********************************************************************************************/
.pi-theme-seriya {
width:298px;
padding:2px;
margin:5px;
background-color:#212121;
color:#ffffff;
border-radius:5px;
text-align:center;
border: 1px solid #313131 !important;
}
.pi-theme-seriya i {
font-weight: 400;
}
.pi-theme-seriya .pi-item-spacing {
padding: 8px 0 0 0;
}
.pi-theme-seriya .pi-caption {
font-size:80%;
text-align: center;
}
.pi-theme-seriya .pi-background {
background-color: #313131;
}
.pi-theme-seriya .pi-secondary-background {
background-color: #313131;
}
.pi-theme-seriya .pi-title {
margin: 2px 2px 4px 2px !important;
font-size:115%;
background-color:#515151;
border-radius:5px;
text-align:center;
color:#ffffff;
line-height:inherit;
overflow:inherit;
box-shadow: none;
}
.pi-theme-seriya .pi-image {
margin-bottom: 3px;
}
.pi-theme-seriya .pi-header {
padding:8px;
font-size:100%;
margin:5px;
background-color:#515151;
border-radius:5px;
text-align:center;
color:#ffffff;
line-height:inherit;
overflow:inherit;
}
.pi-theme-seriya .pi-image-thumbnail {
width: 99%;
height: 99%;
margin: 2px;
border-radius:5px;
background-color:#313131;
}
.pi-theme-seriya .pi-item-spacing {
padding: 1px !important;
}
.pi-theme-seriya .pi-item {
font-size:13px;
line-height: 20px;
}
.pi-theme-seriya .pi-data {
font-size:95%;
line-height: 20px;
width: 100%;
border: none !important;
box-shadow: none;
}
.pi-theme-seriya .pi-data-label {
text-align: left;
font-size:95%;
width: 100%;
flex-basis: 100% !important;
border-radius:5px;
background-color:#414141;
border: 0px solid #414141;
padding-left: 5px;
}
.pi-theme-seriya .pi-data-value {
font-size:95%;
text-align: left;
width: 100%;
flex-basis: 100% !important;
background-color: #212121;
border: none !important;
padding-left: 10px;
}
.pi-theme-seriya h3.pi-data-label.pi-secondary-font {
color: #ffffff98;
}
.pi-theme-seriya th.pi-horizontal-group-item.pi-data-label.pi-secondary-font.pi-border-color.pi-item-spacing {
background-color: #272727;
}
.pi-theme-seriya .pi-item.pi-group.pi-border-color {
background-color: transparent;
}
.pi-theme-seriya .pi-horizontal-group .pi-data-value {
box-shadow: none;
}
.head {
flex-basis: 100% !important;
border-radius: 5px;
background-color: #515151;
border: 0px solid #515151;
padding-left: 5px;
font-size: 115%;
}
.head a {
color: #fff;
}
.pi-theme-seriya .wds-tabs__tab-label {
font-size: 11px;
font-weight: 400;
height: 20px;
opacity: 0.65;
}
.pi-theme-seriya ul.wds-tabs {
margin-left: 7px;
}
.pi-theme-seriya .wds-tabs, .wds-tabs__wrapper {
--wds-tab-color--active: rgba(var(--theme-link-color--rgb),0.65);
}