MediaWiki:Wikia.css

De Wiki Lylat
Version datée du 9 mars 2018 à 03:11 par fandom>FANDOMbot (Applying changes that should make this CSS file HTTPS-ready. If you have any questions or noticed issues related to this edit, please reach out to us using the Special:Contact page.)
(diff) ← Version précédente | Voir la version actuelle (diff) | Version suivante → (diff)
Aller à la navigationAller à la recherche

Note : après avoir publié vos modifications, il se peut que vous deviez forcer le rechargement complet du cache de votre navigateur pour voir les changements.

  • Firefox / Safari : maintenez la touche Maj (Shift) en cliquant sur le bouton Actualiser ou appuyez sur Ctrl + F5 ou Ctrl + R (⌘ + R sur un Mac).
  • Google Chrome : appuyez sur Ctrl + Maj + R (⌘ + Shift + R sur un Mac).
  •  Edge : maintenez la touche Ctrl en cliquant sur le bouton Actualiser ou pressez Ctrl + F5.
/* Wikia.css, (source du wiki Star Fox anglais) */
@import url(https://fonts.googleapis.com/css?family=Fugaz+One);

/* Nav menu; original design by User:Noemon */

.navbackground:after {
    background: url(https://vignette.wikia.nocookie.net/starfox/images/e/e9/Navend.png);
    content: "";
    display: block;
    height: 36px;
    position: absolute;
    right: -73px;
    top: -2px;
    width: 73px;
}
.navbackground:before {
    background: url(https://vignette.wikia.nocookie.net/starfox/images/a/ae/Navbefore.png);
    content: "";
    display: block;
    height: 31px;
    left: -10px;
    position: relative;
    top: 1px;
    width: 10px;
}
.WikiHeader .navbackground {
    background: url(https://vignette.wikia.nocookie.net/starfox/images/1/1f/Navmain.png) repeat-x;
    height: 32px;
    left: -2px;
    top: 31px;
/*  width: 700px; */
    margin-top: 0;
}

@media only screen and (min-width: 1084px) {
.WikiHeader > nav.WikiNav .navbackground {
  width: 93% !important;
}
}
 
.navbackground .chevron, .navbackground div {
    display:none;
}
 
.WikiHeader > nav li {
    border: none;
    line-height: 33px;
 
}
 
.WikiHeader > nav li > a {
    border: none;
    margin: 0;
    outline: medium none;
    padding: 0 15px;
}
 
.WikiHeader > nav li.marked {
    background: url(https://vignette.wikia.nocookie.net/starfox/images/a/a6/Navtab.png) no-repeat;
    background-size: 100% 100%;
    height: 37px;
    border-radius: 0;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.7), 0 0 8px rgba(255, 255, 255, 1) !important;
}
 
.nav-item .subnav-2 {
    display: block !important;
    top: 31px !important;
    opacity:0;
    -webkit-transition: opacity 0.2s linear 0s;
    -moz-transition: opacity 0.2s linear 0s;
    -ms-transition: opacity 0.2s linear 0s;
    -o-transition: opacity 0.2s linear 0s;
    transition: opacity 0.2s linear 0s; 
}
 
.nav-item.marked .subnav-2 {
    opacity: 1;
    z-index: 1;
    -webkit-transition: opacity 0.2s linear 0s;
    -moz-transition: opacity 0.2s linear 0s;
    -ms-transition: opacity 0.2s linear 0s;
    -o-transition: opacity 0.2s linear 0s;
    transition: opacity 0.2s linear 0s;
}
 
.WikiHeader > nav li.marked > a {
    border: none;
    color: white;
    margin: 0;
    padding: 0 15px;
}
 
.subnav-2-item.marked2 a {
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.7), 0 0 8px rgba(255, 255, 255, 1) !important;
}
 
.WikiHeader > nav li.marked a:hover,
.WikiHeader > nav li.marked .subnav-2 > li a:hover {
    text-decoration: none !important;
}
 
.WikiHeader > nav .subnav-3 li a {
    text-shadow: 0 1px rgba(0,0,0,0.9) !important;
}
 
.WikiHeader > nav li.marked .subnav-2 > li a {
    -webkit-transition: text-shadow 0.2s linear 0s;
    -moz-transition: text-shadow 0.2s linear 0s;
    -ms-transition: text-shadow 0.2s linear 0s;
    -o-transition: text-shadow 0.2s linear 0s;
    transition: text-shadow 0.2s linear 0s; 
}
 
.WikiHeader > nav li.marked .subnav-2 > li a:hover {
    -webkit-transition: text-shadow 0.1s linear 0s;
    -moz-transition: text-shadow 0.1s linear 0s;
    -ms-transition: text-shadow 0.1s linear 0s;
    -o-transition: text-shadow 0.1s linear 0s;
    transition: text-shadow 0.1s linear 0s; 
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.7), 0 0 8px rgba(255, 255, 255, 1) !important;
}


/** Games Section **/
 
.GamesBackground {
	background: rgba(20, 20, 20, 0.7);
	box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.8);
	-moz-box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.8);
	-webkit-box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.8);
	border:1px solid rgba(44, 165, 197, 0.7);
	width:596px;
	height:70px;
}
 
.GameBox {
	margin:3px;
	width:108px;
	display:inline-block;
}
 
.GamesArrowLeft {
	background: #0b4e90; /* Old browsers */
	background: -moz-linear-gradient(left, #0b4e90 0%, #2567a9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#0b4e90), color-stop(100%,#2567a9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #0b4e90 0%,#2567a9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #0b4e90 0%,#2567a9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #0b4e90 0%,#2567a9 100%); /* IE10+ */
	background: linear-gradient(to right, #0b4e90 0%,#2567a9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b4e90', endColorstr='#2567a9',GradientType=1 ); /* IE6-9 */
	border:1px solid rgba(44, 165, 197, 0.7);
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
	height:70px;
	width:30px;
}
 
.GamesArrowLeft:hover {
	background: #0f63b7; /* Old browsers */
	background: -moz-linear-gradient(left,  #0f63b7 0%, #258ef8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#0f63b7), color-stop(100%,#258ef8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #0f63b7 0%,#258ef8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #0f63b7 0%,#258ef8 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #0f63b7 0%,#258ef8 100%); /* IE10+ */
	background: linear-gradient(to right,  #0f63b7 0%,#258ef8 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f63b7', endColorstr='#258ef8',GradientType=1 ); /* IE6-9 */
	border:1px solid rgba(44, 165, 197, 0.7);
	height:70px;
	width:30px;
}
 
.GamesArrowLeft:active {	background: #041c35; /* Old browsers */
	background: -moz-linear-gradient(left,  #041c35 0%, #123354 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#041c35), color-stop(100%,#123354)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #041c35 0%,#123354 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #041c35 0%,#123354 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #041c35 0%,#123354 100%); /* IE10+ */
	background: linear-gradient(to right,  #041c35 0%,#123354 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#041c35', endColorstr='#123354',GradientType=1 ); /* IE6-9 */
	border:1px solid rgba(44, 165, 197, 0.7);
	height:70px;
	width:30px;
}
 
.GamesArrowRight {
	background: #0b4e90; /* Old browsers */
	background: -moz-linear-gradient(left,  #2567a9 0%, #0b4e90 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#2567a9), color-stop(100%,#0b4e90)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #2567a9 0%,#0b4e90 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #2567a9 0%,#0b4e90 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #2567a9 0%,#0b4e90 100%); /* IE10+ */
	background: linear-gradient(to right,  #2567a9 0%,#0b4e90 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2567a9', endColorstr='#0b4e90',GradientType=1 ); /* IE6-9 */
	border:1px solid rgba(44, 165, 197, 0.7);
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	height:70px;
	width:30px;
}
 
.GamesArrowRight:hover {
	background: #258ef8; /* Old browsers */
	background: -moz-linear-gradient(left,  #258ef8 0%, #0f63b7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#258ef8), color-stop(100%,#0f63b7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #258ef8 0%,#0f63b7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #258ef8 0%,#0f63b7 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #258ef8 0%,#0f63b7 100%); /* IE10+ */
	background: linear-gradient(to right,  #258ef8 0%,#0f63b7 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#258ef8', endColorstr='#0f63b7',GradientType=1 ); /* IE6-9 */
	border:1px solid rgba(44, 165, 197, 0.7);
	height:70px;
	width:30px;
}
 
.GamesArrowRight:active {	background: #123354; /* Old browsers */
	background: -moz-linear-gradient(left,  #123354 0%, #041c35 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#123354), color-stop(100%,#041c35)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #123354 0%,#041c35 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #123354 0%,#041c35 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #123354 0%,#041c35 100%); /* IE10+ */
	background: linear-gradient(to right,  #123354 0%,#041c35 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#123354', endColorstr='#041c35',GradientType=1 ); /* IE6-9 */
	border:1px solid rgba(44, 165, 197, 0.7);
	height:70px;
	width:30px;
}

/***** Portable Infobox - styles of old class names ******/
/***** (to be removed ones new class names are released) *****/ 

.portable-infobox {
    color: black;
    background-color: #E5E4E2;
    border: 1px solid gray;
}

.portable-infobox .item-type-title {
    background-color: #B0C4DE;
    font-size: medium;
    text-align: center;
    font-weight: bold;
}

/* == Red PortableInfobox Theme == */

.portable-infobox-theme-red .portable-infobox {
    border: 5px solid red;
}

.portable-infobox-theme-red .portable-infobox-title {
     background-color: red;
     font-size: 22px;
     line-height: 35px;
     text-indent: 10px;
 }
  
 .portable-infobox-theme-red .portable-infobox-item-margins {
     padding: 0 0 0 0;
 }
  
 .portable-infobox-theme-red .portable-infobox-item-label {
     text-indent: 10px;
     line-height: 20px;
     font-size: 13px;
 }
  
 .portable-infobox-theme-red .item-type-key-val:not(:last-of-type) {
     border-bottom: 1px solid gray;
 }
 
 .portable-infobox-theme-red .portable-infobox-item-value {
        padding-left: 20px;
 }

/* == Yellow PortableInfobox Theme == */

.portable-infobox-theme-yellow .portable-infobox {
    border: 5px solid yellow;
}

.portable-infobox-theme-yellow .portable-infobox-title {
     background-color: yellow;
     font-size: 22px;
     line-height: 35px;
     text-indent: 10px;
 }
  
 .portable-infobox-theme-yellow .portable-infobox-item-margins {
     padding: 0 0 0 0;
 }
  
 .portable-infobox-theme-yellow .portable-infobox-item-label {
     text-indent: 10px;
     line-height: 20px;
     font-size: 13px;
 }
  
 .portable-infobox-theme-yellow .item-type-key-val:not(:last-of-type) {
     border-bottom: 1px solid gray;
 }
 
 .portable-infobox-theme-yellow .portable-infobox-item-value {
        padding-left: 20px;
 }

/* == Blue PortableInfobox Theme == */

.portable-infobox-theme-blue .portable-infobox {
    border: 5px solid blue;
}

.portable-infobox-theme-blue .portable-infobox-title {
     background-color: blue;
     color: white;
     font-size: 22px;
     line-height: 35px;
     text-indent: 10px;
 }
  
 .portable-infobox-theme-blue .portable-infobox-item-margins {
     padding: 0 0 0 0;
 }
  
 .portable-infobox-theme-blue .portable-infobox-item-label {
     text-indent: 10px;
     line-height: 20px;
     font-size: 13px;
 }
  
 .portable-infobox-theme-blue .item-type-key-val:not(:last-of-type) {
     border-bottom: 1px solid gray;
 }
 
 .portable-infobox-theme-blue .portable-infobox-item-value {
        padding-left: 20px;
 }

/* == Midnight Blue PortableInfobox Theme == */

.portable-infobox-theme-MidnightBlue .portable-infobox {
    border: 5px solid #000033;
}

.portable-infobox-theme-MidnightBlue .portable-infobox-title {
     background-color: #000033;
     color: white;
     font-size: 22px;
     line-height: 25px;
     text-indent: 10px;
 }
  
 .portable-infobox-theme-MidnightBlue .portable-infobox-item-margins {
     padding: 0 0 0 0;
 }
  
 .portable-infobox-theme-MidnightBlue .portable-infobox-item-label {
     text-indent: 10px;
     line-height: 20px;
     font-size: 13px;
 }
  
 .portable-infobox-theme-MidnightBlue .item-type-key-val:not(:last-of-type) {
     border-bottom: 1px solid gray;
 }
 
 .portable-infobox-theme-MidnightBlue .portable-infobox-item-value {
        padding-left: 20px;
 }
 
 /* == Dark Slate Grey PortableInfobox Theme == */

.portable-infobox-theme-DarkSlateGrey .portable-infobox {
    border: 5px solid #002222;
}

.portable-infobox-theme-DarkSlateGrey .portable-infobox-title {
     background-color: #002222;
     color: white;
     font-size: 22px;
     line-height: 25px;
     text-indent: 10px;
 }
  
 .portable-infobox-theme-DarkSlateGrey .portable-infobox-item-margins {
     padding: 0 0 0 0;
 }
  
 .portable-infobox-theme-DarkSlateGrey .portable-infobox-item-label {
     text-indent: 10px;
     line-height: 20px;
     font-size: 13px;
 }
  
 .portable-infobox-theme-DarkSlateGrey .item-type-key-val:not(:last-of-type) {
     border-bottom: 1px solid gray;
 }
 
 .portable-infobox-theme-DarkSlateGrey .portable-infobox-item-value {
        padding-left: 20px;
 }
 
  /* == Dark Slate Blue PortableInfobox Theme == */

.portable-infobox-theme-DarkSlateblue .portable-infobox {
    border: 5px solid #110022;
}

.portable-infobox-theme-DarkSlateblue .portable-infobox-title {
     background-color: #110022;
     color: white;
     font-size: 22px;
     line-height: 25px;
     text-indent: 10px;
 }
  
 .portable-infobox-theme-DarkSlateblue .portable-infobox-item-margins {
     padding: 0 0 0 0;
 }
  
 .portable-infobox-theme-DarkSlateblue .portable-infobox-item-label {
     text-indent: 10px;
     line-height: 20px;
     font-size: 13px;
 }
  
 .portable-infobox-theme-DarkSlateblue .item-type-key-val:not(:last-of-type) {
     border-bottom: 1px solid gray;
 }
 
 .portable-infobox-theme-DarkSlateblue .portable-infobox-item-value {
        padding-left: 20px;
 }
 
   /* == Steel Blue PortableInfobox Theme == */

.portable-infobox-theme-SteelBlue .portable-infobox {
    border: 5px solid #002233;
}

.portable-infobox-theme-SteelBlue .portable-infobox-title {
     background-color: #002233;
     color: white;
     font-size: 22px;
     line-height: 25px;
     text-indent: 10px;
 }
  
 .portable-infobox-theme-SteelBlue .portable-infobox-item-margins {
     padding: 0 0 0 0;
 }
  
 .portable-infobox-theme-SteelBlue .portable-infobox-item-label {
     text-indent: 10px;
     line-height: 20px;
     font-size: 13px;
 }
  
 .portable-infobox-theme-SteelBlue .item-type-key-val:not(:last-of-type) {
     border-bottom: 1px solid gray;
 }
 
 .portable-infobox-theme-SteelBlue .portable-infobox-item-value {
        padding-left: 20px;
 }
 
    /* == Maroon PortableInfobox Theme == */

.portable-infobox-theme-Maroon .portable-infobox {
    border: 5px solid #330000;
}

.portable-infobox-theme-Maroon .portable-infobox-title {
     background-color: #330000;
     color: white;
     font-size: 22px;
     line-height: 25px;
     text-indent: 10px;
 }
  
 .portable-infobox-theme-Maroon .portable-infobox-item-margins {
     padding: 0 0 0 0;
 }
  
 .portable-infobox-theme-Maroon .portable-infobox-item-label {
     text-indent: 10px;
     line-height: 20px;
     font-size: 13px;
 }
  
 .portable-infobox-theme-Maroon .item-type-key-val:not(:last-of-type) {
     border-bottom: 1px solid gray;
 }
 
 .portable-infobox-theme-Maroon .portable-infobox-item-value {
        padding-left: 20px;
 }
 
     /* == Dark Olive Green PortableInfobox Theme == */

.portable-infobox-theme-DarkOliveGreen .portable-infobox {
    border: 5px solid #222200;
}

.portable-infobox-theme-DarkOliveGreen .portable-infobox-title {
     background-color: #222200;
     color: white;
     font-size: 22px;
     line-height: 25px;
     text-indent: 10px;
 }
  
 .portable-infobox-theme-DarkOliveGreen .portable-infobox-item-margins {
     padding: 0 0 0 0;
 }
  
 .portable-infobox-theme-DarkOliveGreen .portable-infobox-item-label {
     text-indent: 10px;
     line-height: 20px;
     font-size: 13px;
 }
  
 .portable-infobox-theme-DarkOliveGreen .item-type-key-val:not(:last-of-type) {
     border-bottom: 1px solid gray;
 }
 
 .portable-infobox-theme-DarkOliveGreen .portable-infobox-item-value {
        padding-left: 20px;
 }
 
      /* == Dim Gray PortableInfobox Theme == */

.portable-infobox-theme-DimGray .portable-infobox {
    border: 5px solid #222222;
}

.portable-infobox-theme-DimGray .portable-infobox-title {
     background-color: #222222;
     color: white;
     font-size: 22px;
     line-height: 25px;
     text-indent: 10px;
 }
  
 .portable-infobox-theme-DimGray .portable-infobox-item-margins {
     padding: 0 0 0 0;
 }
  
 .portable-infobox-theme-DimGray .portable-infobox-item-label {
     text-indent: 10px;
     line-height: 20px;
     font-size: 13px;
 }
  
 .portable-infobox-theme-DimGray .item-type-key-val:not(:last-of-type) {
     border-bottom: 1px solid gray;
 }
 
 .portable-infobox-theme-DimGray .portable-infobox-item-value {
        padding-left: 20px;
 }
 
       /* == Dark Green PortableInfobox Theme == */

.portable-infobox-theme-DarkGreen .portable-infobox {
    border: 5px solid #002200;
}

.portable-infobox-theme-DarkGreen .portable-infobox-title {
     background-color: #002200;
     color: white;
     font-size: 22px;
     line-height: 25px;
     text-indent: 10px;
 }
  
 .portable-infobox-theme-DarkGreen .portable-infobox-item-margins {
     padding: 0 0 0 0;
 }
  
 .portable-infobox-theme-DarkGreen .portable-infobox-item-label {
     text-indent: 10px;
     line-height: 20px;
     font-size: 13px;
 }
  
 .portable-infobox-theme-DarkGreen .item-type-key-val:not(:last-of-type) {
     border-bottom: 1px solid gray;
 }
 
 .portable-infobox-theme-DarkGreen .portable-infobox-item-value {
        padding-left: 20px;
 }
 
        /* == Nero PortableInfobox Theme == */

.portable-infobox-theme-Nero .portable-infobox {
    border: 5px solid #040404;
}

.portable-infobox-theme-Nero .portable-infobox-title {
     background-color: #040404;
     color: white;
     font-size: 22px;
     line-height: 25px;
     text-indent: 10px;
 }
  
 .portable-infobox-theme-Nero .portable-infobox-item-margins {
     padding: 0 0 0 0;
 }
  
 .portable-infobox-theme-Nero .portable-infobox-item-label {
     text-indent: 10px;
     line-height: 20px;
     font-size: 13px;
 }
  
 .portable-infobox-theme-Nero .item-type-key-val:not(:last-of-type) {
     border-bottom: 1px solid gray;
 }
 
 .portable-infobox-theme-Nero .portable-infobox-item-value {
        padding-left: 20px;
 }
 
         /* == Eclipse PortableInfobox Theme == */

.portable-infobox-theme-Eclipse .portable-infobox {
    border: 5px solid #002222;
}

.portable-infobox-theme-Eclipse .portable-infobox-title {
     background-color: #002222;
     color: white;
     font-size: 22px;
     line-height: 25px;
     text-indent: 10px;
 }
  
 .portable-infobox-theme-Eclipse .portable-infobox-item-margins {
     padding: 0 0 0 0;
 }
  
 .portable-infobox-theme-Eclipse .portable-infobox-item-label {
     text-indent: 10px;
     line-height: 20px;
     font-size: 13px;
 }
  
 .portable-infobox-theme-Eclipse .item-type-key-val:not(:last-of-type) {
     border-bottom: 1px solid gray;
 }
 
 .portable-infobox-theme-Eclipse .portable-infobox-item-value {
        padding-left: 20px;
 }
 
          /* == Cornflower Blue PortableInfobox Theme == */

.portable-infobox-theme-CornflowerBlue .portable-infobox {
    border: 5px solid #89B6C6;
}

.portable-infobox-theme-CornflowerBlue .portable-infobox-title {
     background-color: #89B6C6;
     color: black;
     font-size: 22px;
     line-height: 25px;
     text-indent: 10px;
 }
  
 .portable-infobox-theme-CornflowerBlue .portable-infobox-item-margins {
     padding: 0 0 0 0;
 }
  
 .portable-infobox-theme-CornflowerBlue .portable-infobox-item-label {
     text-indent: 10px;
     line-height: 20px;
     font-size: 13px;
 }
  
 .portable-infobox-theme-CornflowerBlue .item-type-key-val:not(:last-of-type) {
     border-bottom: 1px solid gray;
 }
 
 .portable-infobox-theme-CornflowerBlue .portable-infobox-item-value {
        padding-left: 20px;
 }
 
 
/***** Portable Infobox - styles for new class names *****/
/***** (changes to be announced soon) *****/ 

.portable-infobox {
    color: black;
    background-color: #E5E4E2;
    border: 1px solid gray;
}

.pi-title {
    background-color: #B0C4DE;
    font-size: medium;
    text-align: center;
    font-weight: bold;
}

/* == Red PortableInfobox Theme == */

.pi-theme-red {
     border: 5px solid red;
}

 .pi-theme-red .pi-data-label {
     line-height: 20px;
     font-size: 13px;
 }
  
 .pi-theme-red .pi-data:not(:last-of-type) {
     border-bottom: 1px solid gray;
 }
 
.pi-theme-red .pi-title {
     background-color: red;
     font-size: 22px;
     line-height: 35px;
 }

/* == Yellow PortableInfobox Theme == */

.pi-theme-yellow {
    border: 5px solid yellow;
}
  
 .pi-theme-yellow .pi-data-label {
     line-height: 20px;
     font-size: 13px;
 }
  
 .pi-theme-yellow .pi-data:not(:last-of-type) {
     border-bottom: 1px solid gray;
 }
 
 .pi-theme-yellow .pi-title {
     background-color: yellow;
     font-size: 22px;
     line-height: 35px;
 }

/* == Blue PortableInfobox Theme == */

.pi-theme-blue {
    border: 5px solid blue;
}

.pi-theme-blue .pi-title {
     background-color: blue;
     color: white;
     font-size: 22px;
     line-height: 35px;
 }

 .pi-theme-blue .pi-data-label {
     line-height: 20px;
     font-size: 13px;
 }
  
 .pi-theme-blue .pi-data:not(:last-of-type) {
     border-bottom: 1px solid gray;
 }

/* == Midnight Blue PortableInfobox Theme == */

.pi-theme-MidnightBlue {
    border: 5px solid #000033;
}

.pi-theme-MidnightBlue .pi-title {
     background-color: #000033;
     color: white;
     font-size: 22px;
     line-height: 25px;
 }
  
 .pi-theme-MidnightBlue .pi-data-label {
     line-height: 20px;
     font-size: 13px;
 }
  
 .pi-theme-MidnightBlue .pi-data:not(:last-of-type) {
     border-bottom: 1px solid gray;
 }
 
 /* == Dark Slate Grey PortableInfobox Theme == */

.pi-theme-DarkSlateGrey  {
    border: 5px solid #002222;
}

.pi-theme-DarkSlateGrey .pi-title {
     background-color: #002222;
     color: white;
     font-size: 22px;
     line-height: 25px;
 }
  
 .pi-theme-DarkSlateGrey .pi-data-label {
     line-height: 20px;
     font-size: 13px;
 }
  
 .pi-theme-DarkSlateGrey .pi-data:not(:last-of-type) {
     border-bottom: 1px solid gray;
 }
 
  /* == Dark Slate Blue PortableInfobox Theme == */

.pi-theme-DarkSlateBlue  {
    border: 5px solid #110022;
}

.pi-theme-DarkSlateBlue .pi-title {
     background-color: #110022;
     color: white;
     font-size: 22px;
     line-height: 25px;
 }
  
 .pi-theme-DarkSlateBlue .pi-data-label {
     line-height: 20px;
     font-size: 13px;
 }
  
 .pi-theme-DarkSlateBlue .pi-data:not(:last-of-type) {
     border-bottom: 1px solid gray;
 }
 
   /* == Steel Blue PortableInfobox Theme == */

.pi-theme-SteelBlue  {
    border: 5px solid #002233;
}

.pi-theme-SteelBlue .pi-title {
     background-color: #002233;
     color: white;
     font-size: 22px;
     line-height: 25px;
 }
  
 .pi-theme-SteelBlue .pi-data-label {
     line-height: 20px;
     font-size: 13px;
 }
  
 .pi-theme-SteelBlue .pi-data:not(:last-of-type) {
     border-bottom: 1px solid gray;
 }
 
    /* == Maroon PortableInfobox Theme == */

.pi-theme-Maroon  {
    border: 5px solid #330000;
}

.pi-theme-Maroon .pi-title {
     background-color: #330000;
     color: white;
     font-size: 22px;
     line-height: 25px;
 }
  
 .pi-theme-Maroon .pi-data-label {
     line-height: 20px;
     font-size: 13px;
 }
  
 .pi-theme-Maroon .pi-data:not(:last-of-type) {
     border-bottom: 1px solid gray;
 }
 
     /* == DarkOliveGreen PortableInfobox Theme == */

.pi-theme-DarkOliveGreen  {
    border: 5px solid #222200;
}

.pi-theme-DarkOliveGreen .pi-title {
     background-color: #222200;
     color: white;
     font-size: 22px;
     line-height: 25px;
 }
  
 .pi-theme-DarkOliveGreen .pi-data-label {
     line-height: 20px;
     font-size: 13px;
 }
  
 .pi-theme-DarkOliveGreen .pi-data:not(:last-of-type) {
     border-bottom: 1px solid gray;
 }
 
      /* == Dim Gray PortableInfobox Theme == */

.pi-theme-DimGray  {
    border: 5px solid #222222;
}

.pi-theme-DimGray .pi-title {
     background-color: #222222;
     color: white;
     font-size: 22px;
     line-height: 25px;
 }
  
 .pi-theme-DimGray .pi-data-label {
     line-height: 20px;
     font-size: 13px;
 }
  
 .pi-theme-DimGray .pi-data:not(:last-of-type) {
     border-bottom: 1px solid gray;
 }
 
       /* == Dark Green PortableInfobox Theme == */

.pi-theme-DarkGreen  {
    border: 5px solid #002200;
}

.pi-theme-DarkGreen .pi-title {
     background-color: #002200;
     color: white;
     font-size: 22px;
     line-height: 25px;
 }
  
 .pi-theme-DarkGreen .pi-data-label {
     line-height: 20px;
     font-size: 13px;
 }
  
 .pi-theme-DarkGreen .pi-data:not(:last-of-type) {
     border-bottom: 1px solid gray;
 }
 
        /* == Nero PortableInfobox Theme == */

.pi-theme-Nero  {
    border: 5px solid #040404;
}

.pi-theme-Nero .pi-title {
     background-color: #040404;
     color: white;
     font-size: 22px;
     line-height: 25px;
 }
  
 .pi-theme-Nero .pi-data-label {
     line-height: 20px;
     font-size: 13px;
 }
  
 .pi-theme-Nero .pi-data:not(:last-of-type) {
     border-bottom: 1px solid gray;
 }
 
         /* == Eclipse PortableInfobox Theme == */

.pi-theme-Eclipse  {
    border: 5px solid #002222;
}

.pi-theme-Eclipse .pi-title {
     background-color: #002222;
     color: white;
     font-size: 22px;
     line-height: 25px;
 }
  
 .pi-theme-Eclipse .pi-data-label {
     line-height: 20px;
     font-size: 13px;
 }
  
 .pi-theme-Eclipse .pi-data:not(:last-of-type) {
     border-bottom: 1px solid gray;
 }
 
          /* == Cornflower Blue PortableInfobox Theme == */

.pi-theme-CornflowerBlue  {
    border: 5px solid #89B6C6;
}

.pi-theme-CornflowerBlue .pi-title {
     background-color: #89B6C6;
     color: black;
     font-size: 22px;
     line-height: 25px;
 }
  
 .pi-theme-CornflowerBlue .pi-data-label {
     line-height: 20px;
     font-size: 13px;
 }
  
 .pi-theme-CornflowerBlue .pi-data:not(:last-of-type) {
     border-bottom: 1px solid gray;
 }