Home

Note: After publishing, you may have to bypass your browser's cache to see the changes.
Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
Opera: Press Ctrl-F5.
/* center tabs */

ul.wds-tabs {
    text-align: center;
    justify-content: center;
}


/* page background */
.page-Template_Infobox_company_test.theme-fandomdesktop-light .page__main {
  background-color:  var(--theme-page-background-color);
}


.portable-infobox.type-company,
.portable-infobox.type-company .pi-title {
    --pi-border-color: var(--theme-page-background-color);
    --pi-secondary-background: var(--theme-page-background-color);
    border-bottom: 1px solid var(--theme-border-color);
    text-align: center;
    padding: 0.2em;
    color: var(--theme-page-text-color);
}
.portable-infobox.type-company .pi-image {
    background: rgba(var(--theme-page-dynamic-color-1--rgb),.05);
    border-left:  1px solid var(--theme-border-color);
    border-right: 1px solid var(--theme-border-color);
}
.portable-infobox.type-company .pi-border-color {
    background: rgba(var(--theme-page-dynamic-color-1--rgb),.05);
}
.portable-infobox.type-company .pi-data {
    border: none;
    border-left:  1px solid var(--theme-border-color);
    border-right: 1px solid var(--theme-border-color);
}


/* black scheme */
.portable-infobox.pi-theme-winterchance {
  padding:1px;border-radius:2ex; 
  background-color:#000000; 
  font-size:89%; 
  border:1px solid #C3C3C3; 
  margin-top:15px;
  color: var(--pi-secondary-background--label);
}
.pi-theme-winterchance .pi-secondary-background {
 background:linear-gradient(to bottom,#000000 0%,#6f7070 25%,#555757 50%,#414242 75%,#262626 100%);
 padding:0px 10px;
 border-radius:7px;
}
.pi-theme-winterchance .pi-data {
 border: none;
}
.pi-theme-winterchance .wds-tabs, .wds-tabs__wrapper {
    --wds-tab-color: var(--theme-body-text-color--hover);
    --wds-tab-color--active: var(--theme-accent-color--hover);
    --wds-tab-color--hover: var(--pi-secondary-background--label);
    --wds-tab-border-color: var(--theme-accent-dynamic-color-2);
}
.pi-theme-winterchance .wds-tabs, .wds-tabs__wrapper {
    padding: .5em;
}
.pi-theme-winterchance .pi-data-value {
  color: var(--theme-body-dynamic-color-2);
}


/* blue scheme */
.portable-infobox.pi-theme-lucky-dog {
  border-radius:2ex;
  background-color:#050000; 
  font-size:85%;
  text-align:center;
  padding-bottom: 10px;
  overflow: hidden;

  color: #e6e6e6;
}
.pi-europa.pi-theme-lucky-dog .pi-title {
  background:linear-gradient(to bottom,#000000 0%,#66b3ff 25%,#66b3ff 50%,#14132e 75%,#66b3ff 100%);
  padding: 10px;
  border-radius:80px;
  margin:.1em .2em;

  color: #fff;
}
.pi-europa.pi-theme-lucky-dog .pi-image {
  background:linear-gradient(to bottom,#000000 0%,#66b3ff 25%,#66b3ff 50%,#14132e 75%,#66b3ff 100%); 
  text-align:center; 
  font-size:120%; 
  padding:0.5em; 
  border-radius:2ex; 
  border:0px;
  margin-bottom: .5em;
}
.pi-europa.pi-theme-lucky-dog .pi-image-thumbnail {
  width:280px;
  border-radius:2ex;
  overflow: hidden;
}
.pi-europa.pi-theme-lucky-dog .pi-item-spacing {
   padding: 5px 10px;
}
.pi-theme-lucky-dog .pi-data {
  background-color:#050000;
  border: none;
}
.pi-theme-lucky-dog .pi-data-label {
  background:linear-gradient(to bottom,#000000 0%,#66b3ff 25%,#66b3ff 50%,#14132e 75%,#66b3ff 100%);
  border-radius:1ex;
  color:#fff;
  padding:0.3em;
}
.pi-theme-lucky-dog .pi-data-value {
  padding:0.3em;
}

.pi-theme-lucky-dog .pi-image-collection-tabs {
  text-align: center;
  margin: 1em 1em .3em;    
}
.pi-theme-lucky-dog ul.pi-image-collection-tabs li.current {
  background:linear-gradient(to bottom,#000000 0%,#66b3ff 25%,#66b3ff 50%,#14132e 75%,#66b3ff 100%);
  border-radius:1ex;
  color:#fff;
}
.pi-theme-lucky-dog ul.pi-image-collection-tabs li { 
  background-color:#050000;
 }


/** header colors **/
.pi-theme-colors .pi-title[data-item-name="header"] {
    background-color: #bfdaeb;
}
.pi-theme-colors .pi-header[data-item-name="brown"],
.pi-theme-colors .pi-border-color[data-item-name="brown"] {
    background-color: #DEB887;
    border-color: #DEB887;
    color: var(--theme-page-text-color--hover);
}
.pi-theme-colors .pi-header[data-item-name="blue"],
.pi-theme-colors .pi-border-color[data-item-name="blue"] {
    background-color: #87CEFA;
    border-color: #87CEFA;
    color: var(--theme-page-text-color--hover);
}
.pi-theme-colors .pi-header[data-item-name="pink"],
.pi-theme-colors .pi-border-color[data-item-name="pink"] {
    background-color: #FFE6EA;
    border-color: #FFE6EA;
    color: var(--theme-page-text-color--hover);
}
.pi-theme-colors .pi-header[data-item-name="green"],
.pi-theme-colors .pi-border-color[data-item-name="green"] {
    background-color: #BDF5BD;
    border-color: #BDF5BD;
    color: var(--theme-page-text-color--hover);
}
.pi-theme-colors .pi-border-color {
    border: none;
}



/* tsubasa */
.portable-infobox.pi-theme-tsubasa {
  border: solid #aaa 1px;
  font-size: 85%;
  background: #A20458;
  color: white;
  width: 320px;
  padding: 5px;
  text-align: left;
}
.portable-infobox.pi-theme-tsubasa .pi-image-thumbnail {
  width: 100%;
}
.portable-infobox.pi-theme-tsubasa .pi-header,
.portable-infobox.pi-theme-tsubasa .pi-data {
  background-color: #000000;
  border-top: 2px solid #A20458;
}
.portable-infobox.pi-theme-tsubasa .pi-item-spacing {
   padding: 0;
}
.portable-infobox.pi-theme-tsubasa .pi-data-label {
  flex-basis: 100px;
  padding-left: 2px;
}
.portable-infobox.pi-theme-tsubasa .pi-data-value {
  border-left: 2px solid #A20458;
  padding-left: 2px;
}



/* class="infobox" */
.theme-fandomdesktop-dark .infobox { 
  background-color: #0f0f0f !important;
  color:#FFF !important;
}



/* theme-fandomdesktop-light theme="purple" */
.theme-fandomdesktop-light .portable-infobox.pi-theme-purple .pi-title {
	background: purple;
}