MediaWiki:Themes.css

/* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = *\
    Страница оформления для инфобоксов и цветовых схем, а также
    табберов и навибоксов.
\* = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

/*для страниц киносериалов
******************************************************************************/
.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.pi-europa 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.pi-europa h3 {
     font-family: Cousine;
     font-weight:bold;

}

/*Инфобоксы общий вид
*******************************************************************************/
.portable-infobox.pi-europa .pi-data-value {
    padding-left: 10px;
}
 
.portable-infobox.pi-europa .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-europa .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-europa .pi-data, .pi-horizontal-group .pi-data-value {
        border-bottom: solid 1px #303030;
}
 
.portable-infobox.pi-europa .pi-horizontal-group .pi-data-label {
    border-top: solid 1px #303030;
}

/*ТЕМА Фильм 
*******************************************************************************/
.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-europa .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;
}
.pi-theme-man .pi-title,
.pi-theme-man .pi-header { 
    background: #2d323b !important; 
    color: #fff; 
    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;
}

.pi-theme-man .pi-image { 
    margin: 4px 0 !important;
}
.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;
    border-right: none;
}
.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;
    border-right: none;
    box-shadow: none;
}
 
.pi-theme-man .pi-border-color { 
    border: 0 
}
.pi-theme-man .pi-font { 
    color: #fff 
}

.pi-theme-man .pi-font, 
.pi-theme-man .pi-secondary-font { 
    color: #fff 
}


.pi-theme-man .pi-data-label { 
    flex-basis: 95px; 
    background: #0f0f0f !important; 
    font-size: 11px !important;
    line-height: 2 !important; 
    text-align: center; 
    margin-right: 1px !important; 
}
.pi-theme-man .pi-data-value { 
    flex: 1; 
    background: #0f0f0f !important;
    padding: 2px !important;
    padding-left: 2px;
    border-left: none;
    border-right: none;
    box-shadow: none;
}

.pi-theme-man.pi-data, .pi-theme-man .pi-horizontal-group .pi-data-value {
        border-bottom: none;
}

.pi-theme-man .pi-horizontal-group .pi-data-label {
    border-top: none;
}